@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2)format("woff2-variations");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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2)format("woff2-variations");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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-normal.Czsa-EzN.woff2)format("woff2-variations");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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-normal.C-3rgBeH.woff2)format("woff2-variations");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:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-normal.CCVVNp6i.woff2)format("woff2-variations");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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-vietnamese-wght-italic.xAqemagA.woff2)format("woff2-variations");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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-ext-wght-italic.DFS986qL.woff2)format("woff2-variations");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:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/_astro/newsreader-latin-wght-italic.Bxi8ein9.woff2)format("woff2-variations");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(/_astro/patrick-hand-vietnamese-400-normal.65jA92mZ.woff2)format("woff2"),url(/_astro/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(/_astro/patrick-hand-latin-ext-400-normal.Dno5CMlI.woff2)format("woff2"),url(/_astro/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(/_astro/patrick-hand-latin-400-normal.B7HHA2Vw.woff2)format("woff2"),url(/_astro/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{--cream:#f6f0e1;--green:#0f3426;--orange:#ff7a2e;--yellow:#ffd447;--edit:#d9531a;--pad:clamp(16px,4vw,64px);--sans:"Bricolage Grotesque Variable",system-ui,sans-serif;--serif:"Newsreader Variable",Georgia,serif;--hand:"Patrick Hand",cursive}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--cream);color:var(--green);font:400 clamp(18px,1.25vw,21px)/1.55 var(--serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--yellow);color:var(--green)}:focus-visible{outline:3px solid var(--edit);outline-offset:3px;border-radius:4px}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}img{max-width:100%;height:auto}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--pad);z-index:10;background:var(--green);color:var(--cream);font:600 15px var(--sans);border-radius:999px;padding:10px 16px;text-decoration:none;position:absolute;top:-60px}.skip:focus{top:12px}h2,h3,.big,.wm,.st{font-family:var(--sans);letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:.95}h2{font-size:clamp(40px,5.6vw,84px)}.wrap{padding-inline:var(--pad)}.on-green{--edit:var(--orange)}.hand{font-family:var(--hand);color:var(--edit);letter-spacing:0;font-weight:400}.ed{white-space:nowrap;display:inline-block;position:relative}.ed s,s.x{text-decoration:none;position:relative}.strike{pointer-events:none;width:calc(100% + .12em);height:.22em;position:absolute;top:44%;left:-.06em;overflow:visible}.strike path{fill:none;stroke:var(--edit);stroke-width:var(--sw,4);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset .5s cubic-bezier(.6,0,.3,1)}.ed ins{font:400 .62em/1 var(--hand);color:var(--edit);white-space:nowrap;transform-origin:0 100%;letter-spacing:0;clip-path:inset(-20% -5% -40% 0);text-decoration:none;transition:clip-path .8s steps(14,end) .45s;position:absolute;bottom:88%;left:.15em;rotate:-3deg}.caret{width:.32em;height:.42em;position:absolute;top:100%;left:-.32em;overflow:visible}.caret path{fill:none;stroke:var(--edit);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.hl{background:linear-gradient(var(--yellow),var(--yellow)) no-repeat 0 62%/100% 58%;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.1em;padding:0 .06em;transition:background-size .7s cubic-bezier(.6,0,.3,1) .2s}html.js:not(.still) .ed:not(.in) .strike path,html.js:not(.still) .x-wrap:not(.in) .strike path{stroke-dashoffset:1px}html.js:not(.still) .ed:not(.in) ins{clip-path:inset(-20% 100% -40% 0)}html.js:not(.still) .hl:not(.in){background-size:0% 58%}.doodle{pointer-events:none;overflow:visible}.doodle path{fill:none;stroke:var(--edit);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.uline{width:106%;height:.32em;position:absolute;bottom:-2px;left:-3%;overflow:visible}.uline path{fill:none;stroke:var(--orange);stroke-width:5px;stroke-linecap:round}.top{padding:20px var(--pad);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{font:700 28px/1 var(--sans);letter-spacing:-.04em;text-decoration:none;display:inline-block}.brand .wordmark{--dot-top:.14em;font-size:30px}.brand .wordmark .q path{stroke-width:13px}.brand .wordmark .q circle{r:7}.brand .idot:after{width:.15em;height:.15em}.wordmark{letter-spacing:-.035em;font-variation-settings:"opsz" 96;white-space:nowrap;padding-bottom:.22em;font-weight:500;display:inline-block;position:relative}.wordmark .q{vertical-align:-.303em;width:.697em;height:.909em;margin-right:-.014em;display:inline-block;overflow:visible}.wordmark .q path{fill:none;stroke:currentColor;stroke-width:10.2px;stroke-linecap:round;stroke-linejoin:round}.wordmark .q circle{fill:var(--orange)}.idot{position:relative}.idot:after{content:"";left:50%;top:var(--dot-top,.2em);background:var(--orange);border-radius:50%;width:.11em;height:.11em;position:absolute;transform:translate(-50%)}.top ul{font:500 16px var(--sans);gap:clamp(14px,2.4vw,32px);padding:0;list-style:none;display:flex}.top ul a{text-decoration:none}.top ul a:hover{text-decoration:underline}.hero{flex-direction:column;min-height:100svh;display:flex}.hero-in{padding:clamp(24px,4vw,56px) var(--pad);flex:1;align-content:center;display:grid}.hero-in>div{container-type:inline-size}.big{--fit:5.3;--note:270px;font-size:clamp(40px,min(calc((100cqw - var(--note)) / var(--fit)),19svh),220px);letter-spacing:-.045em;line-height:.9}:lang(vi) .big{--fit:6.8}.big .l{display:block}.big .gap{margin-top:.5em}.complaint{font:italic 400 clamp(22px,2vw,30px)/1.3 var(--serif);margin-bottom:clamp(18px,2.6vw,36px)}.what{font:500 clamp(20px,1.8vw,28px)/1.35 var(--sans);letter-spacing:-.01em;max-width:34ch;margin-top:clamp(24px,3vw,44px)}.margin-note{vertical-align:top;width:0;display:inline-block;position:relative}.margin-note>span{white-space:nowrap;font:400 clamp(24px,2vw,30px)/1.15 var(--hand);letter-spacing:0;color:var(--edit);position:absolute;top:0;left:clamp(84px,6.5vw,112px);translate:0 -50%;rotate:-2deg}.margin-note .doodle{width:76px;height:34px;position:absolute;top:8px;left:-84px;transform:scaleX(-1)}.route{background:linear-gradient(var(--green),var(--green)) no-repeat 6px 0/2px 100%;flex-direction:column;gap:16px;margin-top:clamp(40px,5vw,64px);padding:0 0 0 30px;list-style:none;transition:background-size 1.4s cubic-bezier(.6,0,.3,1);display:flex}.route li{position:relative}.route .stn{font:600 16px/1.2 var(--sans)}.route .stn:before{content:"";background:var(--green);width:14px;height:14px;box-shadow:0 0 0 3px var(--cream);border-radius:50%;position:absolute;top:50%;left:-30px;translate:0 -50%}.route .stop{font:400 clamp(20px,1.6vw,26px)/1.1 var(--hand);color:var(--edit);transform-origin:0;clip-path:inset(-50% -20% -50% -40px);transition:clip-path .6s steps(10) calc(.4s + var(--n)*.3s);display:inline-block;rotate:-2deg}.route li.stop:before{content:"";background:var(--edit);width:14px;height:2px;position:absolute;top:50%;left:-23px}.route .stn .stop{margin-left:.35em}html.js:not(.still) .route:not(.in){background-size:2px 0}html.js:not(.still) .route:not(.in) .stop{clip-path:inset(-50% 100% -50% 0)}@media (width>=1200px){.hero-in{grid-template-columns:minmax(0,1fr) clamp(190px,15vw,260px);gap:clamp(32px,3vw,56px)}.route{justify-content:space-between;margin-top:0}}.btn{background:var(--green);color:var(--cream);font:600 17px/1 var(--sans);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;text-decoration:none;transition:transform .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn svg{width:18px;height:18px}.ride{border-top:2px solid var(--green);flex-direction:column;justify-content:center;min-height:100svh;padding-block:clamp(40px,6svh,96px);display:flex}.ride .before{max-width:44ch;font-size:clamp(20px,min(2vw,3.4svh),32px);line-height:1.4}.turn{width:fit-content;margin-block:clamp(40px,10svh,120px);position:relative}.turn .lead{font:italic 400 clamp(20px,min(1.8vw,3svh),28px)/1.3 var(--serif)}.turn .said{font:700 clamp(40px,min(6.6vw,10svh),124px)/.95 var(--sans);letter-spacing:-.04em;margin-top:.15em}.turn .said span{white-space:nowrap;display:block}.perks{font:400 clamp(24px,min(2.5vw,4.4svh),42px)/1 var(--hand);color:var(--edit);padding:0;list-style:none}.perks li{white-space:nowrap;clip-path:inset(-30% -10% -40% 0);transition:clip-path .6s steps(10) calc(.5s + var(--n)*.35s);position:absolute}.perks li:first-child{top:-.6em;left:calc(100% - 4em);rotate:-4deg}.perks li:nth-child(2){top:56%;left:calc(100% + .6em);rotate:3deg}.perks li:nth-child(3){bottom:-1.5em;left:34%;rotate:-2deg}html.js:not(.still) .turn:not(.in) .perks li{clip-path:inset(-30% 100% -40% 0)}@media (width<=1199px){.perks{flex-wrap:wrap;gap:10px 28px;margin-top:16px;display:flex}.perks li{position:static;rotate:-2deg!important}}.ride .end{font:600 clamp(22px,min(2.2vw,3.6svh),36px)/1.25 var(--sans);letter-spacing:-.02em}.who{padding-block:clamp(110px,14vw,210px)}.who .say{font:700 clamp(40px,6vw,98px)/1.02 var(--sans);letter-spacing:-.04em;max-width:17ch}.who .say .ed{margin-top:.5em}.who .sub{max-width:46ch;margin-top:clamp(28px,3vw,44px);font-size:clamp(20px,1.6vw,24px)}.work{background:var(--green);color:var(--cream);padding-block:clamp(90px,11vw,160px)}.work h2{max-width:20ch}.loop{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:clamp(48px,6vw,90px);padding:0;display:grid}.loop li{border-top:2px solid var(--cream);padding-top:22px;list-style:none}.loop h3{font-size:clamp(44px,5vw,80px)}.loop .st{letter-spacing:-.02em;margin-top:1.1em;font-size:clamp(34px,3vw,48px);line-height:1.1}.loop p{max-width:34ch;margin-top:14px}.back{width:100%;height:90px;margin-top:12px;display:block}.back path{stroke:var(--orange)}.name{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(24px,5vw,80px);padding-block:clamp(110px,13vw,190px);display:grid}.name .wm{letter-spacing:-.05em;--sw:3.4;font-size:clamp(60px,9.4vw,156px)}.name .x-wrap .x{color:color-mix(in srgb,var(--green) 45%,var(--cream))}.name .sum{font:400 .5em/1 var(--hand);color:var(--edit);letter-spacing:0;transform-origin:0;margin-top:.2em;display:block;rotate:-2deg}.name h2{margin-bottom:18px;font-size:clamp(32px,3.4vw,52px)}.make{padding-bottom:clamp(110px,13vw,190px)}.make>h2{max-width:18ch}.bench{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,40px);margin-top:clamp(48px,6vw,90px);display:grid}.phone{border:9px solid var(--green);background:#fff;border-radius:34px;width:min(290px,70vw);overflow:hidden;rotate:-2deg;box-shadow:0 30px 60px -30px #0f342699}.phone img{width:100%;height:auto;display:block}.notes{flex-direction:column;gap:clamp(48px,7vw,110px);display:flex}.notes.l{text-align:right;align-items:flex-end}.note{font:400 clamp(22px,1.9vw,28px)/1.15 var(--hand);color:var(--edit);max-width:15ch;position:relative}.note .doodle{width:80px;height:36px;position:absolute;top:6px}.notes.l .note .doodle{right:-92px}.notes.r .note .doodle{left:-92px;transform:scaleX(-1)}.prod{border-top:2px solid var(--green);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin-top:clamp(48px,6vw,90px);padding-top:28px;display:grid}.prod .gname{font:700 clamp(30px,3vw,46px)/1 var(--sans);letter-spacing:-.03em;align-items:center;gap:14px;display:flex}.prod .gname img{border-radius:14px;width:52px;height:52px}.prod p{max-width:52ch}.next{border-top:1px solid var(--green);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:24px;margin-top:24px;padding-top:24px;display:grid}.next h3{font-size:clamp(26px,2.6vw,38px)}.hi{background:var(--orange);padding-block:clamp(80px,10vw,140px)}.hi h2{max-width:13ch}.hi .lede{max-width:44ch;margin-top:14px}.hi form{flex-wrap:wrap;gap:12px;max-width:640px;margin-top:clamp(24px,3vw,40px);display:flex}.hi label{font:600 15px var(--sans);flex-basis:100%}.hi input{min-width:0;font:500 19px var(--sans);border:2px solid var(--green);background:var(--cream);color:var(--green);border-radius:999px;flex:260px;padding:15px 20px}.hi input::placeholder{color:#4d6a5e}.hi .msg{min-height:1.6em;font:600 16px var(--sans);flex-basis:100%}.letter-s{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);padding-block:clamp(100px,12vw,170px);display:grid}.letter{max-width:54ch;font-size:clamp(20px,1.6vw,24px)}.letter p+p{margin-top:1em}.letter .sig{font:400 32px/1 var(--hand);color:var(--edit);margin-top:1.1em}.foot{background:var(--green);color:var(--cream);padding:clamp(56px,7vw,100px) var(--pad) 28px;overflow:hidden}.foot .hand{color:var(--orange);transform-origin:0;margin-left:.4em;font-size:clamp(26px,3vw,44px);rotate:-3deg}.foot .wm{letter-spacing:-.06em;font-size:clamp(72px,20vw,360px);line-height:.8}.foot .wordmark{--dot-top:.25em;padding-bottom:.13em;line-height:1}.foot .uline{width:100%;height:.12em;bottom:0;left:0}.foot .uline path{stroke-width:6px}.foot .line{font:500 15px var(--sans);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;display:flex}@media (width<=860px){.top ul li:not(:last-child){display:none}.name,.letter-s,.prod{grid-template-columns:1fr}.turn{margin-block:clamp(28px,5svh,48px)}.turn .said span{white-space:normal;display:inline}.big{--note:0px}.margin-note{width:auto;margin-top:.5em;display:block}.margin-note>span{display:inline-block;position:static;translate:none}.margin-note .doodle{display:none}.loop{grid-template-columns:1fr}.back{display:none}.bench{grid-template-columns:1fr;justify-items:center}.notes,.notes.l{text-align:center;align-items:center;gap:18px}.note .doodle{display:none}.next{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}