@font-face{font-family:Archivo;src:url(/fonts/archivo-variable.ttf)format("truetype");font-style:normal;font-weight:100 900;font-stretch:62.5% 125%;font-display:swap}:root{--bg:#191c18;--bg-2:#151a15;--surface:#20261f;--line:#f1ede21a;--line-2:#f1ede22e;--ink:#f1ede2;--muted:#b0b4a5;--amber:#e9b24b;--amber-2:#f2c56f;--moss:#8db56f;--stone:#898b80;--wb:#ffc400;--display:"Archivo", ui-sans-serif, system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--gutter:clamp(16px, 4vw, 56px);--max:1280px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}::selection{background:var(--amber);color:#191c18}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--amber);color:#191c18;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:16px}.skip:focus{top:16px}.pixel{image-rendering:pixelated}#scene{width:100vw;height:100vh;z-index:0;touch-action:pan-y;height:100lvh;transition:opacity .3s linear;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.glow{z-index:-1;pointer-events:none;background:radial-gradient(60vmax 50vmax at 72% 42%, #e9b24b24, transparent 60%), radial-gradient(50vmax 40vmax at 10% 100%, #8db56f14, transparent 60%), var(--bg);position:fixed;top:0;bottom:0;left:0;right:0}main,.footer{z-index:1;position:relative}.nav{z-index:40;padding:18px var(--gutter);transition:transform .5s var(--ease), background .3s, border-color .3s;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;top:0;left:0;right:0}.nav.is-scrolled{-webkit-backdrop-filter:blur(14px)saturate(1.3);border-color:var(--line);background:#191c18b8}.nav.is-hidden{transform:translateY(-110%)}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-logo{flex:none;width:190px;height:auto;display:block}.nav ul{align-items:center;gap:clamp(12px,2.4vw,32px);margin:0;padding:0;list-style:none;display:flex}.nav a{color:var(--muted);font-size:15px;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--ink)}.nav .nav-cta{color:var(--ink);border:1px solid var(--line-2);border-radius:6px;padding:8px 14px;transition:background .2s,color .2s,border-color .2s}.nav .nav-cta:hover{background:var(--amber);border-color:var(--amber);color:#191c18}@media (max-width:640px){.nav li:not(:last-child){display:none}.brand-logo{width:174px}}.hero{min-height:100vh;min-height:100svh;padding:120px var(--gutter) 80px;max-width:var(--max);pointer-events:none;align-items:center;gap:9px;margin:0 auto;display:flex;position:relative}.hero a,.hero button{pointer-events:auto}.hero-copy{max-width:640px}.eyebrow{color:var(--amber);margin:0 0 20px;font-size:16px;font-weight:500}.hero-title{text-transform:uppercase;letter-spacing:-.025em;margin:0 0 28px;font-size:clamp(44px,7.4vw,108px);font-weight:500;font-stretch:100%;line-height:1.02}.hero-title .line{padding-bottom:.06em;display:block;overflow:hidden}.hero-title .line>span{transition:transform 1.2s var(--ease);transition-delay:calc(var(--d) * .12s + .15s);display:inline-block;transform:translateY(105%)}.hero-lead{color:#c3c5b8;text-wrap:pretty;max-width:34em;margin:0 0 36px;font-size:clamp(17px,1.6vw,20px)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-hint{right:var(--gutter);color:var(--muted);margin:0;font-size:13px;position:absolute;bottom:48px}.scroll-cue{left:var(--gutter);border:1.5px solid var(--line-2);border-radius:12px;width:22px;height:36px;position:absolute;bottom:40px}.scroll-cue span{background:var(--amber);width:3px;height:7px;animation:cue 2s var(--ease) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:7px;left:50%}@keyframes cue{0%{opacity:0;transform:translateY(-3px)}30%{opacity:1}to{opacity:0;transform:translateY(12px)}}.reveal-up{opacity:0;transition:opacity 1s var(--ease), transform 1s var(--ease);transition-delay:calc(var(--d) * .12s + .15s);transform:translateY(18px)}.is-loaded .reveal-up{opacity:1;transform:none}.is-loaded .hero-title .line>span{transform:none}@media (max-width:860px){.hero{justify-content:flex-end;padding-top:52vh;padding-bottom:96px}.hero-hint{left:var(--gutter);bottom:28px;right:auto}.scroll-cue{display:none}}.btn{--bx:0px;--by:0px;min-height:48px;font:600 16px/1 var(--display);transform:translate(var(--bx), var(--by));transition:transform .35s var(--ease), background .25s, color .25s, border-color .25s, box-shadow .25s;border-radius:6px;align-items:center;gap:10px;padding:0 22px;text-decoration:none;display:inline-flex}.btn svg{width:18px;height:18px;transition:transform .35s var(--ease)}.btn-primary{background:var(--amber);color:#191c18;box-shadow:0 10px 40px -12px #e9b24b99}.btn-primary:hover{background:var(--amber-2)}.btn-primary:hover svg{transform:translateY(3px)}.btn-ghost{border:1px solid var(--line-2);color:var(--ink);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#191c1866}.btn-ghost:hover{border-color:var(--ink)}.btn-wb{background:var(--wb);color:#16181d;margin-top:8px}.btn-wb:hover svg{transform:translate(2px,-2px)}.btn-ga{border:1px solid var(--line-2);color:var(--ink);margin-top:8px}.btn-ga:hover{color:#ffe2a8;border-color:#e9b24b}.btn-ga:hover svg{transform:translate(3px)}.section{max-width:var(--max);padding:clamp(96px, 14vw, 180px) var(--gutter) 0;margin:0 auto}.work,.studio,.craft,.contact{background:0 0}.section-head h2,.contact-title{text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;margin:0;font-size:clamp(32px,4.6vw,60px);font-weight:600;font-stretch:100%;line-height:1}.section-head{margin-bottom:clamp(48px,7vw,96px)}.reveal{opacity:0;transition:opacity 1.1s var(--ease), transform 1.1s var(--ease);transition-delay:calc(var(--d,0) * .1s);transform:translateY(40px)}.reveal.in{opacity:1;transform:none}.product{border:1px solid var(--line);background:linear-gradient(#20261feb,#12130eeb);border-radius:12px;grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);margin-bottom:clamp(24px,4vw,48px);padding:clamp(20px,3vw,36px);display:grid;position:relative;overflow:hidden}.product-wb{background:linear-gradient(#1b1d21f0,#111214f0);grid-template-columns:1fr 1.35fr}.product-copy{padding:8px clamp(0px,1vw,16px)}.product-copy>p{color:#c3c5b8;text-wrap:pretty;margin:0 0 18px}.product-copy strong{color:var(--ink)}.product-tag{align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex;color:var(--muted)!important}.product-tag img{border-radius:10px;width:40px;height:40px}.product h3{margin:6px 0 10px}.ga-logo{filter:drop-shadow(0 6px #00000059);width:min(280px,85%);height:auto;display:block}.wb-name{font:600 clamp(48px, 5vw, 68px)/1 "Barlow Condensed", var(--display);letter-spacing:.01em;color:#f4f4f2}.product-hook{letter-spacing:0;font-weight:700;line-height:1.1;color:var(--ink)!important;margin-bottom:18px!important;font-size:clamp(24px,2.6vw,34px)!important}.product-ga .product-hook{font-family:"Pixelify Sans", var(--display);letter-spacing:0;font-weight:500;color:#ffe2a8!important}.product-wb .product-hook{font-family:"Barlow Condensed", var(--display);letter-spacing:0;font-weight:600;font-size:clamp(30px,3.2vw,44px)!important}.product-wb .product-hook:first-line{color:var(--wb)}.facts{border-top:1px solid var(--line);margin:24px 0;padding:0;list-style:none}.facts li{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;gap:12px;padding:11px 0;font-size:15px;display:grid}.facts span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding-top:3px;font-size:12px;font-weight:600}.status{font-size:14px;color:var(--muted)!important;margin-top:12px!important}.stores{flex-wrap:wrap;gap:10px;margin:0 0 8px;display:flex}.store-badge{transition:transform .2s var(--ease);border-radius:8px;display:block}.store-badge:hover{transform:translateY(-2px)}.store-badge:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.store-badge img{width:auto;height:44px;display:block}.product-media{position:relative}.ga-media{aspect-ratio:16/9;background:#2c3b1d;border-radius:8px;align-self:center;overflow:hidden;box-shadow:0 30px 80px -30px #000c}.ga-frames{position:absolute;top:0;bottom:0;left:0;right:0}.ga-frames img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s;position:absolute;top:0;bottom:0;left:0;right:0}.ga-frames img.is-on{opacity:1}.ga-seasons{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2b1a0ed1;border:2px solid #6b4423;border-radius:12px;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;left:12px}.ga-seasons button{font:500 14px/1 "Pixelify Sans", var(--display);color:#f3dfb8;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:36px;padding:9px 11px;transition:background .2s,color .2s}.ga-seasons button:hover{background:#ffe2a81f}.ga-seasons button.is-on{color:#2b1a0e;background:#e9b24b}.wb-media{flex-direction:column;align-items:stretch;gap:20px;display:flex}.board{font-family:"Barlow Condensed", var(--display);background:#0b0c0e;border:1px solid #2a2d33;border-radius:14px;padding:14px 16px;box-shadow:inset 0 1px #ffffff0a}.board-row{grid-template-columns:5fr 9fr 7fr;align-items:center;gap:14px;display:grid}.board-head{letter-spacing:.12em;color:#6c717b;margin-bottom:8px;font-size:13px}.flaps{gap:3px;display:flex}.flap{aspect-ratio:.72;color:#f4f4f2;background:linear-gradient(#1f2227 50%,#191b1f 50%);border-radius:4px;flex:1 1 0;place-items:center;min-width:0;max-width:30px;font-size:clamp(14px,1.9vw,26px);line-height:1;display:grid;position:relative;overflow:hidden}.flap:after{content:"";background:#0b0c0e;height:1px;position:absolute;top:50%;left:0;right:0}.flaps-y .flap{color:var(--wb)}.flap.flip{animation:90ms linear flip}@keyframes flip{0%{transform:rotateX(0)}50%{filter:brightness(.6);transform:rotateX(80deg)}to{transform:rotateX(0)}}.phones{height:clamp(300px,32vw,440px);position:relative}.phone{width:auto;height:100%;transition:transform .8s var(--ease);border-radius:22px;position:absolute;top:0;box-shadow:0 30px 60px -20px #000000e6,0 0 0 1px #ffffff0f}.phone.p1{left:50%;transform:translate(-118%)rotate(-7deg)translateY(16px)}.phone.p2{z-index:2;left:50%;transform:translate(-50%)}.phone.p3{left:50%;transform:translate(18%)rotate(7deg)translateY(16px)}.product-wb:hover .phone.p1{transform:translate(-128%)rotate(-10deg)translateY(10px)}.product-wb:hover .phone.p2{transform:translate(-50%)translateY(-10px)}.product-wb:hover .phone.p3{transform:translate(28%)rotate(10deg)translateY(10px)}.teaser{border:1px dashed var(--line-2);text-align:left;background:radial-gradient(80% 120% at 100% 0,#e9b24b1a,#0000 60%),#191c18d9;border-radius:12px;padding:clamp(32px,5vw,64px);position:relative;overflow:hidden}.teaser h3{text-transform:uppercase;margin:0 0 14px;font-size:clamp(26px,3.4vw,44px);font-weight:600;font-stretch:100%;line-height:1}.teaser p:not(.teaser-label){color:#c3c5b8;max-width:36em;margin:0}.teaser-noise{opacity:.5;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);animation:7s linear infinite scan;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes scan{to{background-position:0 300px}}@media (max-width:900px){.product,.product-wb{grid-template-columns:1fr}.ga-seasons{gap:2px;padding:3px;bottom:8px;left:8px}.ga-seasons button{min-height:30px;padding:6px 8px;font-size:12px}.product-wb .product-copy{order:2}.facts li{grid-template-columns:92px 1fr}}.studio{padding-top:clamp(96px,14vw,180px)}.statement{letter-spacing:0;text-wrap:pretty;max-width:32em;margin:0 0 clamp(64px,9vw,120px);font-size:clamp(24px,3.2vw,42px);font-weight:500;line-height:1.28}.statement .w{color:#f1ede229;transition:color .4s linear}.statement .w.lit{color:var(--ink)}.principles{background:var(--line);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.principle{background:#12130ef2;padding:clamp(24px,2.6vw,36px);transition:background .4s;position:relative}.principle:hover{background:#1c1e16}.principle:before{content:"";background:var(--amber);width:0;height:2px;transition:width .6s var(--ease);position:absolute;top:0;left:0}.principle:hover:before{width:100%}.principle h3{margin:0 0 10px;font-size:21px;font-weight:700;line-height:1.15}.principle p{color:var(--muted);margin:0;font-size:15.5px}@media (max-width:960px){.principles{grid-template-columns:1fr 1fr}}@media (max-width:560px){.principles{grid-template-columns:1fr}.principle h3{margin-top:20px}}.benches{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,24px);display:grid}.bench{border:1px solid var(--line);background:#12130ee6;border-radius:12px;padding:clamp(24px,3vw,40px)}.bench-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.bench h3{text-transform:uppercase;margin:0;font-size:24px;font-weight:600;font-stretch:100%}.bench p{color:#c3c5b8;margin:0}@media (max-width:760px){.benches{grid-template-columns:1fr}}.contact{text-align:center;padding-bottom:clamp(96px,14vw,180px)}.contact .contact-title{max-width:14em;margin:0 auto 24px;font-size:clamp(34px,6vw,84px)}.contact-lead{color:var(--muted);margin:0 0 40px}.mail{--bx:0px;--by:0px;letter-spacing:0;border:1px solid var(--line-2);transition:transform .35s var(--ease), background .3s, color .3s, border-color .3s;translate:var(--bx) var(--by);background:#191c1899;border-radius:6px;align-items:center;gap:14px;max-width:100%;padding:18px 30px;font-size:clamp(18px,2.6vw,30px);font-weight:600;text-decoration:none;display:inline-flex}.mail span{overflow-wrap:anywhere}.mail svg{width:24px;height:24px;transition:transform .35s var(--ease);flex:none}.mail:hover{background:var(--amber);color:#191c18;border-color:var(--amber)}.mail:hover svg{transform:translate(3px,-3px)rotate(0)}.footer{padding:32px max(var(--gutter), calc((100% - var(--max)) / 2 + var(--gutter))) 40px;border-top:1px solid var(--line);color:var(--muted);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;margin:0;font-size:14px;display:flex}.foot-brand{align-items:center;text-decoration:none;display:inline-flex}.foot-brand .brand-logo{width:174px}.foot-links{flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;display:flex}.foot-links a{text-decoration:none;transition:color .2s}.foot-links a:hover{color:var(--amber)}.copy{margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;transition-delay:0s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal,.reveal-up{opacity:1;transform:none}.hero-title .line>span{transform:none}}.teaser-label{color:var(--amber);margin:0 0 12px;font-size:14px;font-weight:600}.ga-frames img{object-fit:contain}
