@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/w/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(/w/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(/w/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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/w/figtree-latin-ext-wght-normal.DCwSJGxG.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:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/w/figtree-latin-wght-normal.D_ZTVpCC.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}:root{--paper:#fffaf5;--ink:#153d44;--muted:#5e7477;--coral:#ff5c4d;--coral-dark:#d93d31;--aqua:#09c7bd;--aqua-pale:#dffbf7;--lemon:#f5ef82;--line:#cbdad7;--display:"Bricolage Grotesque Variable",sans-serif;--body:"Figtree Variable",sans-serif;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--s9:6rem;--radius:1.5rem}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--coral) var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;font-size:1rem;line-height:1.62}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(#153d4422 .7px,#0000 .7px);background-size:10px 10px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 42%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}.skip{z-index:99;background:var(--ink);color:#fff;padding:.75rem 1rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip:focus{transform:none}.site-head{z-index:40;align-items:center;gap:var(--s5);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);background:#fffaf5e8;grid-template-columns:1fr auto 1fr;padding:.75rem clamp(1rem,3vw,3rem);display:grid;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:.65rem;font-size:.9rem;font-weight:500;line-height:.8;display:flex}.brand b{color:var(--coral);font-size:1.25rem}.brand-mark{background:var(--aqua);width:2.5rem;height:2.5rem;color:var(--paper);border-radius:50%;place-items:center;font-size:1.6rem;display:grid}.site-head nav{align-items:center;gap:var(--s2);border:1px solid var(--line);background:#fff;border-radius:999px;padding:.25rem;display:flex}.site-head nav a{border-radius:999px;padding:.55rem .9rem;font-size:.86rem;font-weight:650}.site-head nav a:hover,.site-head nav a[aria-current=page]{background:var(--aqua-pale)}.head-actions{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.lang{place-items:center;min-width:2.75rem;min-height:2.75rem;font-size:.78rem;font-weight:800;display:grid}.pill{border:1px solid var(--ink);border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;padding:.65rem 1.1rem;font-weight:720;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.pill:hover{box-shadow:0 6px 0 var(--ink);transform:translateY(-2px)}.pill.solid{background:var(--coral);color:#fff;border-color:var(--coral-dark)}.pill.solid:hover{box-shadow:0 6px 0 var(--aqua)}.hero{grid-template-columns:minmax(0,1fr) minmax(22rem,.85fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:calc(100svh - 4.5rem);padding:clamp(3rem,7vw,7rem) clamp(1.25rem,7vw,8rem);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:2;position:relative}.kicker{letter-spacing:.13em;text-transform:uppercase;color:var(--coral-dark);font-size:.78rem;font-weight:800}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;margin:0;line-height:.98}h1{max-width:10ch;font-size:clamp(3.4rem,8vw,6rem)}h2{font-size:clamp(2.5rem,5.3vw,5rem)}h3{font-size:1.5rem}.hero-copy>p:not(.kicker){max-width:54ch;color:var(--muted);margin:2rem 0;font-size:clamp(1.1rem,2vw,1.35rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.text-link{text-decoration:underline;text-decoration-color:var(--aqua);text-underline-offset:.35rem;font-weight:750;text-decoration-thickness:2px}.text-link span{transition:transform .25s;display:inline-block}.text-link:hover span{transform:translate(.25rem,.25rem)}.product-stage{perspective:1000px;isolation:isolate;height:min(66vw,39rem);min-height:32rem;position:relative}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute;inset:12%}.orbit-a{transform:rotateX(70deg)rotate(20deg)}.orbit-b{transform:rotateY(65deg)rotate(-20deg)}.product-box,.product-card,.quote-sheet{border:2px solid var(--ink);transform-style:preserve-3d;border-radius:1.4rem;flex-direction:column;justify-content:space-between;padding:1.25rem;transition:transform .15s linear;display:flex;position:absolute;box-shadow:16px 18px #153d4413}.product-box{aspect-ratio:1;background:var(--coral);color:#fff;width:48%;top:18%;left:12%;transform:rotateY(-24deg)rotateX(8deg)translateZ(1px)}.product-box:before,.product-box:after{content:"";background:#fffc;position:absolute}.product-box:before{width:24%;height:2px;top:50%;left:38%}.product-box:after{width:2px;height:24%;top:38%;left:50%}.product-box i{border:2px dashed #fff8;border-radius:50%;position:absolute;inset:18%}.product-card{aspect-ratio:.82;background:var(--aqua-pale);width:42%;top:10%;right:2%;transform:translateZ(80px)rotateY(13deg)rotate(3deg)}.quote-sheet{aspect-ratio:1.3;background:#fff;width:53%;bottom:5%;right:6%;transform:translateZ(140px)rotateY(-8deg)rotate(-3deg)}.product-box span,.product-card span,.quote-sheet span{font-size:.75rem;font-weight:800}.product-box b,.product-card b,.quote-sheet b{font-family:var(--display);font-size:clamp(1.4rem,3vw,2.4rem);line-height:1}.product-card small,.quote-sheet small{max-width:18ch;line-height:1.3}.scroll-cue{border:1px solid var(--line);border-radius:50%;place-items:center;width:3rem;height:3rem;animation:1.8s ease-in-out infinite bob;display:grid;position:absolute;bottom:1.5rem;left:50%}.transformation{background:var(--ink);color:#fff;grid-template-columns:.8fr 1fr;gap:clamp(2rem,8vw,9rem);min-height:170svh;padding:clamp(5rem,10vw,10rem) clamp(1.25rem,7vw,8rem);display:grid;position:relative}.transform-copy{align-self:start;position:sticky;top:9rem}.transform-copy>p:first-child{color:var(--aqua);font-weight:800}.transform-copy>p:last-child{color:#c7d9d7;max-width:48ch;font-size:1.1rem}.transformation ol{gap:38vh;margin:0;padding:20vh 0 10vh;list-style:none;display:grid}.transformation li{opacity:.42;border-top:1px solid #fff3;padding:2rem 0 2rem 5rem;transition:opacity .4s,transform .4s;position:relative}.transformation li:before{content:"";background:var(--coral);border-radius:50%;width:3rem;height:3rem;position:absolute;top:1.6rem;left:0;box-shadow:0 0 #ff5c4d55}.transformation li.is-current{opacity:1;transform:translate(1rem)}.transformation li.is-current:before{box-shadow:0 0 0 1.5rem #ff5c4d1f}.transformation li b{font-family:var(--display);font-size:clamp(2rem,4vw,3.4rem);display:block}.transformation li span{color:#c7d9d7}.mini-config{background:var(--aqua-pale);border-bottom:1px solid var(--line);grid-template-columns:1fr .95fr .85fr;align-items:start;gap:clamp(2rem,5vw,5rem);padding:clamp(5rem,10vw,10rem) clamp(1.25rem,7vw,8rem);display:grid}.mini-config>div>p:last-child{max-width:52ch}.mini-config h2{max-width:9ch;font-size:clamp(2.6rem,5vw,4.5rem)}.mini-config form{gap:1.5rem;display:grid}.mini-config fieldset{border:0;gap:.5rem;margin:0;padding:0;display:grid}.mini-config legend{margin-bottom:.75rem;font-weight:800}.mini-config fieldset label{border:1px solid var(--line);background:#fff;border-radius:1rem;align-items:center;gap:.75rem;padding:.8rem;display:flex}.mini-config input[type=radio]{accent-color:var(--coral);width:1.1rem;height:1.1rem}.quantity{gap:.5rem;font-weight:800;display:grid}.quantity input{border:1px solid var(--ink);background:#fff;border-radius:1rem;width:100%;padding:.85rem}.mini-config output{background:var(--coral);color:#fff;border-radius:var(--radius);min-height:16rem;box-shadow:12px 12px 0 var(--ink);flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.mini-config output span,.mini-config output small{font-size:.8rem}.mini-config output b{font-family:var(--display);font-size:2.2rem;line-height:1.05}.work-ribbon{padding:clamp(5rem,10vw,10rem) 0;overflow:hidden}.section-title{justify-content:space-between;align-items:end;gap:2rem;padding:0 clamp(1.25rem,7vw,8rem) 3rem;display:flex}.section-title h2{max-width:12ch}.work-track{scroll-snap-type:x mandatory;gap:1rem;padding:0 clamp(1.25rem,7vw,8rem) 2rem;display:flex;overflow-x:auto}.work-item{border:1px solid var(--line);border-radius:var(--radius);scroll-snap-align:center;background:#fff;flex:0 0 min(72vw,48rem);grid-template-rows:1fr auto;grid-template-columns:3rem 1fr;gap:1rem;min-height:31rem;padding:1rem;transition:transform .25s;display:grid;position:relative}.work-item:hover{transform:rotate(-.6deg)}.work-item>span{color:var(--coral);font-weight:850}.work-item img{object-fit:cover;border-radius:1rem;grid-column:2;width:100%;height:22rem}.work-item>div{grid-column:2;grid-template-columns:1fr 1fr auto;align-items:end;gap:1rem;display:grid}.work-item p{color:var(--muted);margin:0}.closing{background:var(--coral);color:#fff;grid-template-columns:.7fr 1.5fr auto;align-items:end;gap:2rem;padding:clamp(5rem,10vw,10rem) clamp(1.25rem,7vw,8rem);display:grid}.closing p{max-width:30ch}.closing .pill{background:var(--paper);color:var(--ink)}.closing.compact{background:var(--aqua-pale);color:var(--ink);grid-template-columns:1fr auto}.page-hero{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:1.5rem;padding:clamp(3rem,8vw,8rem) clamp(1.25rem,7vw,8rem) clamp(4rem,10vw,9rem);display:grid;position:relative;overflow:hidden}.page-hero:after{content:"";aspect-ratio:1;border:5rem solid var(--aqua-pale);z-index:-1;border-radius:50%;width:35vw;position:absolute;bottom:-22vw;right:-15vw}.back{font-weight:750}.page-no{color:var(--coral);font-family:var(--display);margin:0;font-weight:800}.page-hero h1{grid-column:1/-1;max-width:14ch}.page-hero>p:last-child{max-width:55ch;color:var(--muted);grid-column:1/-1;font-size:1.25rem}.article{grid-template-columns:minmax(14rem,.45fr) 1.4fr;gap:clamp(2rem,8vw,8rem);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,8rem);display:grid}.article>aside{align-self:start;position:sticky;top:7rem}.article>aside>p{color:var(--coral-dark);font-weight:800}.article>aside nav{display:grid}.article>aside a{border-bottom:1px solid var(--line);padding:.7rem 0}.article-body{gap:0;display:grid}.article-body>section{grid-template-columns:3rem 1fr;gap:.75rem 1.5rem;padding:0 0 clamp(4rem,8vw,7rem);scroll-margin-top:7rem;display:grid}.article-body>section>span{color:var(--coral);font-weight:850}.article-body h2{font-size:clamp(2.2rem,4vw,4rem)}.article-body p,.article-body ul,.article-body .text-link{grid-column:2;max-width:65ch}.article-body li+li{margin-top:.5rem}.contact-shell{background:var(--aqua-pale);grid-template-columns:.65fr 1.35fr;gap:clamp(3rem,8vw,9rem);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,8rem);display:grid}.contact-shell aside{flex-direction:column;gap:1rem;display:flex}.contact-shell aside>a{font-family:var(--display);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:700}.contact-shell aside>span{color:var(--muted);margin-top:auto}.contact-shell form{border:1px solid var(--line);border-radius:var(--radius);box-shadow:15px 15px 0 var(--coral);background:#fff;gap:1rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.contact-shell label{gap:.45rem;font-weight:760;display:grid}.contact-shell label small{font-weight:400}.contact-shell input,.contact-shell textarea{border:1px solid var(--line);background:var(--paper);border-radius:.8rem;width:100%;padding:.85rem}.contact-shell input:focus,.contact-shell textarea:focus{border-color:var(--aqua);outline:3px solid #09c7bd66}.form-pair{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.hint,.status{color:var(--muted);margin:0;font-size:.88rem}.status[data-state=success]{color:#08766f}.status[data-state=error]{color:var(--coral-dark)}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:2rem;padding:4rem clamp(1.25rem,7vw,8rem) 2rem;display:grid}.footer-brand{font-family:var(--display);font-size:2rem;font-weight:650}.footer-brand b{color:var(--coral)}footer>p{max-width:36ch;color:var(--muted)}footer>div{grid-area:1/2/3;justify-content:flex-end;align-items:start;gap:1.5rem;font-weight:700;display:flex}footer>small{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;padding-top:1rem}.not-found{text-align:center;place-content:center;gap:1.5rem;min-height:100svh;padding:1.5rem;display:grid}.not-found>p{color:var(--coral);font-size:5rem;font-family:var(--display);margin:0}.not-found h1{max-width:12ch}.not-found a{justify-self:center}@keyframes bob{50%{transform:translateY(.5rem)}}@media (width<=950px){.site-head{grid-template-columns:1fr auto}.site-head nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:4rem}.hero h1{font-size:clamp(3.2rem,12vw,5.5rem)}.product-stage{width:min(100%,36rem);height:30rem;min-height:0;margin:auto}.transformation{grid-template-columns:1fr;min-height:auto}.transform-copy{position:static}.transformation ol{gap:6rem;padding:3rem 0 0}.mini-config{grid-template-columns:1fr 1fr}.mini-config>div{grid-column:1/-1}.work-item{flex-basis:88vw}.closing,.article{grid-template-columns:1fr}.article>aside{position:static}.article>aside nav{grid-template-columns:repeat(2,1fr);gap:.5rem}.contact-shell{grid-template-columns:1fr}.contact-shell aside>span{margin-top:1rem}}@media (width<=620px){.site-head{padding:.65rem 1rem}.brand span:not(.brand-mark),.head-actions .pill{display:none}.hero{padding-inline:1rem}.product-stage{height:24rem}.product-box{width:54%;left:2%}.product-card{width:48%;right:0}.quote-sheet{width:62%;right:0}.mini-config{grid-template-columns:1fr;padding-inline:1rem}.work-item{grid-template-columns:2rem 1fr;min-height:27rem}.work-item img{height:15rem}.work-item>div{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:start}.page-hero,.article{padding-inline:1rem}.article-body>section{grid-template-columns:1fr}.article-body p,.article-body ul,.article-body .text-link{grid-column:1}.contact-shell{padding-inline:1rem}.form-pair,.closing.compact{grid-template-columns:1fr}footer{grid-template-columns:1fr;padding-inline:1rem}footer>div{flex-wrap:wrap;grid-area:auto/1;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}.product-box,.product-card,.quote-sheet{transform:none!important}.transformation li{opacity:1;transform:none}.transform-copy{position:static}}:root{--coral-dark:#962b25}.brand b,.footer-brand b,.page-no,.work-item>span,.kicker{color:var(--coral-dark)}.pill.solid,.mini-config output,.closing{background:var(--coral-dark)}.article-body>section>span{color:var(--coral-dark)}.closing .pill.solid{background:var(--paper);color:var(--ink);border-color:var(--paper)}.box-label{color:#102f34}.transformation li{opacity:1}
