@font-face{font-family:Londrina Outline;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/londrina-outline-latin-400-normal-D7vCJPWa.woff2)format("woff2"),url(/assets/londrina-outline-latin-400-normal-BDtFNcnK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-paper:#ecbf53;--color-light:#f6d98e;--color-ink:#54390d;--color-skin:#e55d28;--color-teal:#12c5b0;--font-display:"Londrina Outline", "Arial Black", sans-serif;--font-hand:"Patrick Hand", "Comic Sans MS", cursive;--text-name:min(26vw, 36svh);--text-box:min(clamp(1.6rem, 1.28rem + 1.44vw, 2.56rem), var(--box-size) * .22);--text-case:min(clamp(1.1rem, .6rem + 1.4vw, 1.9rem), var(--box-size) * .14);--stroke:calc(var(--text-box) * .08);--stroke-bold:3px;--gutter:clamp(1rem, 4vw, 3rem);--box-size:min(clamp(min(8.75rem, 37vw), 4.5rem + 9vw, 13.5rem), max(min(8.75rem, 37vw), (75svh - var(--gutter)) / 3.45));--figure-width:calc(var(--box-size) * .45)}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-hand);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--stroke-bold) dashed var(--color-ink);outline-offset:4px}.box{width:var(--box-size);aspect-ratio:1/.85;font-size:var(--text-box);text-align:center;place-items:center;padding:.4em;line-height:1.1;display:grid;position:relative}.box__outline{fill:none;width:100%;height:100%;stroke:var(--color-ink);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}.box--numbered,.box--number-only{container-type:size}.box__number{--box-h:calc(100cqh + .8em);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.box--round .box__number{top:12%}.box__numeral+.box__numeral{margin-left:calc(var(--box-h) * -.2)}.box--numbered .box__label{z-index:1;-webkit-text-stroke:.62em var(--color-paper);paint-order:stroke fill}.box--numbered .box__label[data-lines]:not([data-lines="1"]){-webkit-text-stroke-width:.26em}.box__numeral{height:calc(var(--box-h) * .95);fill:none;stroke:var(--color-skin);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;overflow:visible}.box__label{text-wrap:balance;position:relative}.box__stone{z-index:2;visibility:hidden;width:16%;fill:var(--color-skin);stroke:var(--color-ink);stroke-width:var(--stroke);stroke-linejoin:round;position:absolute;bottom:5%;right:8%;overflow:visible}.box+.box{margin-top:calc(var(--stroke) * -1)}.corner{z-index:1;top:var(--gutter);font-size:var(--text-box);position:absolute}.corner--back{left:var(--gutter);align-items:center;gap:.35em;display:flex}.corner--mark{right:var(--gutter);letter-spacing:.04em}.corner__arrow{fill:none;stroke:currentColor;width:1.1em;stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;overflow:visible}.about{height:100svh;padding:var(--gutter);flex-direction:column;display:flex;position:relative;overflow:hidden}.about__scene{--family-left:clamp(0px, 38vw - var(--gutter), 100vw - var(--gutter) * 2 - var(--figure-width) * 5.2);justify-content:flex-end;gap:calc(var(--gutter) * .75);min-height:0;padding-top:calc(var(--text-box) * 1.5 + var(--gutter) * .5);margin-bottom:calc(25svh - var(--gutter));flex-direction:column;flex:1;display:flex}.about__story{min-height:0;width:calc(var(--box-size) * 2 - var(--stroke));max-width:calc(100% - var(--gutter));height:calc(var(--box-size) * 2.55 - var(--stroke) * 2);flex:0 auto;margin-left:clamp(0rem,13vw - 3rem,12rem);position:relative}.about__outline{fill:none;width:100%;height:100%;stroke:var(--color-ink);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}.about__text{inset:calc(var(--stroke) * 3);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-ink) transparent;padding:clamp(.9rem,.6rem + 1.2vw,1.75rem);font-size:clamp(1.05rem,.95rem + .45vw,1.4rem);line-height:1.45;position:absolute;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 1.1em calc(100% - 1.1em),#0000);mask-image:linear-gradient(#0000,#000 1.1em calc(100% - 1.1em),#0000)}.about__text:focus-visible{outline-offset:calc(var(--stroke) * -3)}.about__text p{margin:0 0 1em}.about__title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.about__ground-row{padding-left:var(--family-left);flex-shrink:0;align-items:flex-end;display:flex;position:relative}@media (width>=900px){.about__scene{flex-direction:row;align-items:flex-end;gap:0}.about__story{max-height:100%}.about__ground-row{padding-left:calc(var(--box-size) * .5);flex:1}.about__ground{--ground-left:calc(var(--stroke) * -1)}}.about__family{z-index:1;color:var(--color-ink);align-items:flex-end;display:flex;position:relative}.about__member{stroke-width:var(--stroke);flex-shrink:0;overflow:visible}.about__member+.about__member{margin-left:calc(var(--figure-width) * -.18)}.about__husband,.about__oldest{--head-color:var(--color-teal)}.about__me{width:var(--figure-width)}.about__husband{width:calc(var(--figure-width) * 1.85 / 1.7)}.about__oldest{width:calc(var(--figure-width) * 1 / 1.7)}.about__youngest{width:calc(var(--figure-width) * .5 / 1.7)}.about__dog{width:calc(var(--figure-width) * 1.64);margin-right:calc(var(--figure-width) * .2)}.about__ground{left:var(--ground-left,max(0px, var(--family-left) - var(--figure-width) * .3));right:calc(clamp(0rem, 12vw - 3rem, 10rem) + var(--figure-width) - var(--box-size) * .09);height:var(--stroke);border-radius:var(--stroke);background:var(--color-ink);position:absolute;bottom:0;rotate:-.2deg}.case{height:100svh;padding:var(--gutter);flex-direction:column;display:flex;position:relative;overflow:hidden}.case__main{width:min(100%,max(64vw,40rem));min-height:0;padding-top:calc(var(--text-box) * 1.5 + var(--gutter) * 1.25);padding-bottom:calc(var(--gutter) * 1.5);flex-direction:column;flex:1;gap:clamp(.75rem,.5rem + .8vw,1.5rem);margin-inline:auto;display:flex}.case__header{font-size:var(--text-case);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25em 2em;line-height:1.15;display:flex}.case__title,.case__when{font-size:inherit;font-weight:inherit;margin:0}.case__title{text-wrap:balance}.case__when{flex-shrink:0}.case__panel{flex:1;min-height:0;position:relative}.case__outline{fill:none;width:100%;height:100%;stroke:var(--color-ink);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}.case__content{inset:calc(var(--stroke) * 3);overscroll-behavior:contain;font-size:var(--text-case);scrollbar-width:thin;scrollbar-color:var(--color-ink) transparent;padding:clamp(1rem,.6rem + 1.2vw,2rem);line-height:1.45;position:absolute;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 1.1em calc(100% - 1.1em),#0000);mask-image:linear-gradient(#0000,#000 1.1em calc(100% - 1.1em),#0000)}.case__content:focus-visible{outline-offset:calc(var(--stroke) * -3)}.case__content>:first-child{margin-top:0}.case__content p,.case__content ul{margin:0 0 .9em}.case__content h2{font-size:inherit;font-weight:inherit;text-transform:uppercase;letter-spacing:.04em;margin:1.6em 0 .5em}.case__lead{margin:0 0 1.2em;font-size:1.15em;line-height:1.35}.case__lead p{margin:0}.case__content ul{padding-left:1.1em;list-style:none}.case__content li{margin-bottom:.25em;position:relative}.case__content li:before{content:"–";position:absolute;left:-1.1em}.case__drawing{fill:none;width:100%;max-width:34em;height:auto;stroke:var(--color-ink);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;margin:.4em 0 1.6em;display:block;overflow:visible}.case__drawing *{vector-effect:non-scaling-stroke}.case__drawing text{fill:var(--color-ink);stroke:none;font-family:var(--font-hand)}.case__drawing .accent{stroke:var(--color-skin)}.case__drawing .stone,.case__drawing .head--me{fill:var(--color-skin)}.case__drawing .head--partner{fill:var(--color-paper)}.case__content a{text-decoration:underline;text-decoration-thickness:var(--stroke);text-underline-offset:.18em}.case__testimonial{margin:1.6em 0 0;line-height:1.35}.case__testimonial-label{text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2em}.case__quote,.case__quote p{margin:0}.case__screens{max-width:34em;margin:.4em 0 1.6em}.case__screens-row{scroll-snap-type:x mandatory;gap:1.2em;padding:.6em .5em;display:flex;overflow-x:auto}.case__screen{scroll-snap-align:start;flex:1 0 9em;position:relative}.case__screen img{border-radius:6.8%/3.05%;width:100%;height:auto;display:block}.case__screen-outline{fill:none;width:calc(100% + .9em);height:calc(100% + .9em);stroke:var(--color-ink);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;inset:-.45em;overflow:visible}.case__screens figcaption{margin-top:.4em;font-size:.85em}.intro{padding:var(--gutter);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.intro__name{font-family:var(--font-display);font-weight:400;font-size:var(--text-name);text-align:center;letter-spacing:.01em;-webkit-text-stroke:.007em var(--color-ink);margin:0;line-height:.92}.intro__line{display:block}.intro__letter{display:inline-block}.intro__letter--i{position:relative}.intro__head{aspect-ratio:1;border:var(--stroke) solid var(--color-ink);background:var(--color-skin);border-radius:50%;width:.11em;position:absolute;top:.13em;left:50%;translate:-50%}.menu{min-height:100svh;padding:var(--gutter);flex-direction:column;display:flex;position:relative;overflow:hidden}.menu__spotlight{pointer-events:none;visibility:hidden;width:100%;height:100%;fill:var(--color-light);position:absolute;inset:0}.menu__lamp{visibility:hidden;top:calc(var(--gutter) + var(--text-box) * 1.8);width:calc(var(--box-size) * .32);fill:var(--color-ink);stroke:var(--color-ink);stroke-width:var(--stroke);stroke-linecap:round;stroke-linejoin:round;position:absolute;right:0;overflow:visible}.menu__mark{z-index:1;top:var(--gutter);right:var(--gutter);font-size:var(--text-box);letter-spacing:.04em;position:absolute}.menu__scene{margin-top:auto;margin-bottom:calc(25svh - var(--gutter));align-items:flex-end;padding-left:clamp(0rem,13vw - 3rem,12rem);padding-right:clamp(0rem,12vw - 3rem,10rem);display:flex;position:relative}.menu__stack{margin-right:calc(var(--box-size) * -.5);flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.menu__row{display:flex}.menu__beyond{bottom:calc(100% - var(--stroke));flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;translate:-50%}.menu__beyond-row{display:flex}.menu__beyond-row+.menu__beyond-row{margin-top:calc(var(--stroke) * -1)}.menu__beyond-row .box+.box{margin-top:0;margin-left:calc(var(--stroke) * -1)}.menu__row+.box,.box+.menu__row{margin-top:calc(var(--stroke) * -1)}.menu__row .box+.box{margin-top:0;margin-left:calc(var(--stroke) * -1)}.box--n10{rotate:.5deg}.box--n9{rotate:-.8deg}.box--n8{rotate:.6deg}.box--n6{rotate:.8deg}.box--n7{translate:0 -2px;rotate:-1.2deg}.box--top{rotate:1deg}.box--resume{rotate:-1deg}.box--contact{translate:0 3px;rotate:1.5deg}.box--ux{rotate:.5deg}.box--about{rotate:-.5deg}.menu__ground{min-width:2.5rem;height:var(--stroke);margin-left:calc(var(--stroke) * -1);border-radius:var(--stroke);background:var(--color-ink);transform-origin:0;flex:1;rotate:-.3deg}.menu__figure{width:var(--figure-width);margin-left:calc(var(--box-size) * -.09);color:var(--color-ink);stroke-width:var(--stroke);flex-shrink:0;overflow:visible}.home{position:relative}.ux{min-height:100svh;padding:var(--gutter);flex-direction:column;display:flex;position:relative;overflow:hidden}.ux__scene{margin-top:auto;margin-bottom:calc(25svh - var(--gutter));align-items:flex-end;padding-left:clamp(0rem,13vw - 3rem,12rem);padding-right:clamp(0rem,12vw - 3rem,10rem);display:flex}.ux__stack{margin-left:calc(var(--box-size) * .5);flex-direction:column;flex-shrink:0;display:flex}.box--case{font-size:var(--text-case);line-height:1.15}.box--book-editor{rotate:-.5deg}.box--design-system{rotate:.6deg}.box--erp-app{rotate:-.3deg}.ux__ground{min-width:2.5rem;height:var(--stroke);margin-left:calc(var(--stroke) * -1);border-radius:var(--stroke);background:var(--color-ink);transform-origin:0;flex:1;rotate:-.3deg}.ux__figure{width:var(--figure-width);margin-left:calc(var(--box-size) * -.09);color:var(--color-ink);stroke-width:var(--stroke);flex-shrink:0;overflow:visible}