:root{--green:#0b6e4f;--ink:#141416;--white:#fff;--bg:#fff;--surface:#f2f6f4;--tint:#ddede7;--text:#141416;--muted:#4a5450;--accent:#0b6e4f;--on-accent:#fff;--on-accent-muted:#dcebe5;--on-ink-muted:#bfc7c3;--accent-on-ink:#4fcba3;--border:#74807b;--focus:#0b6e4f;--error:#b3261e;--missing-bg:#fff1bf;--missing-text:#5c4300;--step-0:clamp(1rem, .9625rem + .1875vw, 1.1875rem);--step-1:clamp(1.2rem, 1.1234rem + .3831vw, 1.5831rem);--step-2:clamp(1.44rem, 1.306rem + .67vw, 2.11rem);--step-3:clamp(1.7281rem, 1.5112rem + 1.0844vw, 2.8125rem);--step-4:clamp(2.0737rem, 1.7385rem + 1.6763vw, 3.75rem);--step-5:clamp(2.4881rem, 1.9858rem + 2.5119vw, 5rem);--step-6:clamp(2.9863rem, 2.251rem + 3.6762vw, 6.6625rem);--step-n1:clamp(.8331rem, .8216rem + .0575vw, .8906rem);--space-2xs:clamp(.375rem, .35rem + .125vw, .5rem);--space-xs:clamp(.625rem, .6rem + .125vw, .75rem);--space-s:clamp(1rem, .95rem + .25vw, 1.25rem);--space-m:clamp(1.5rem, 1.425rem + .375vw, 1.875rem);--space-l:clamp(2rem, 1.9rem + .5vw, 2.5rem);--space-xl:clamp(3rem, 2.85rem + .75vw, 3.75rem);--space-2xl:clamp(4rem, 3.8rem + 1vw, 5rem);--space-3xl:clamp(6rem, 5.7rem + 1.5vw, 7.5rem);--wrap:min(100% - 2*var(--space-s),76rem);--radius:.5rem;--font-body:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;--font-head:"Archivo Black","Arial Black",system-ui,sans-serif}@font-face{font-family:Archivo Black;src:url(/fonts/archivo-black-latin.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Archivo;src:url(/fonts/archivo-var-latin.woff2)format("woff2");font-display:swap;font-weight:400 700}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--space-l);background:var(--ink)}body{background:var(--bg);color:var(--text);font:400 var(--step-0)/1.55 var(--font-body);flex-direction:column;min-height:100svh;margin:0;display:flex}main{flex:1 0 auto}img,video{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-head);text-wrap:balance;margin:0;font-weight:400;line-height:1.08}p{max-width:62ch;margin:0}ul,ol{margin:0;padding:0}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:2px}.on-dark :focus-visible,.top :focus-visible,.foot :focus-visible{outline-color:var(--white)}.skip{left:var(--space-s);background:var(--white);color:var(--ink);z-index:20;border-radius:var(--radius);padding:.6rem 1rem;position:absolute;top:-6rem}.skip:focus{top:var(--space-xs)}.wrap{width:var(--wrap);margin-inline:auto}.btn{text-align:center;background:var(--accent);min-height:2.875rem;color:var(--on-accent);border-radius:var(--radius);border:2px solid var(--accent);justify-content:center;align-items:center;padding:.65rem 1.35rem;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}.btn.light{background:var(--white);color:var(--ink);border-color:var(--white)}.btn.light:hover{background:var(--accent-on-ink);border-color:var(--accent-on-ink);color:var(--ink)}.btn.ghost{color:var(--white);border-color:var(--on-ink-muted);background:0 0}.btn.ghost:hover{background:var(--white);color:var(--ink);border-color:var(--white)}.missing{background:var(--missing-bg);color:var(--missing-text);border-radius:.25rem;padding:.05em .35em;font-weight:700}.top{z-index:5;color:var(--white);position:absolute;inset:0 0 auto}.bar{justify-content:space-between;align-items:center;gap:var(--space-s);padding-block:var(--space-s);flex-wrap:wrap;display:flex}.brand{display:block}.top nav{gap:var(--space-s);flex-wrap:wrap;display:flex}.top nav a{border-bottom:2px solid #0000;padding:.4rem 0;font-weight:600;text-decoration:none}.top nav a:hover,.top nav a[aria-current]{border-color:var(--accent-on-ink)}.hero{background:var(--ink) url(/img/hero-poster-m.webp) center/cover no-repeat;min-height:min(100svh,56rem);color:var(--white);isolation:isolate;align-items:center;display:flex;position:relative;overflow:hidden}.hero canvas{opacity:0;z-index:-2;width:100%;height:100%;transition:opacity .9s;position:absolute;inset:0}.hero canvas.on{opacity:1}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,var(--ink) 0%,#141416f0 38%,#1414161a 72%);position:absolute;inset:0}.hero-in{padding-block:calc(var(--space-3xl) + var(--space-m)) var(--space-2xl)}.hero h1{font-size:var(--step-5);max-width:17ch}.hero .sub{font-size:var(--step-1);color:var(--on-ink-muted);margin-block:var(--space-s) var(--space-m);max-width:32ch;line-height:1.4}.stamp{border:2px solid var(--accent-on-ink);color:var(--accent-on-ink);text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:var(--step-n1);margin-bottom:var(--space-s);padding:.2rem .65rem;display:inline-block;transform:rotate(-2deg)}.row{gap:var(--space-xs);flex-wrap:wrap;display:flex}.motion-btn{right:var(--space-s);bottom:var(--space-s);color:var(--white);border:1px solid var(--on-ink-muted);border-radius:var(--radius);font:600 var(--step-n1) var(--font-body);cursor:pointer;background:#141416cc;min-height:2.25rem;padding:.35rem .7rem;position:absolute}@media (width>=48rem){.hero{background-image:url(/img/hero-poster.webp)}}@media (width<=47.99rem){.hero:after{background:linear-gradient(#141416f0 0%,#141416db 62%,#14141640 100%)}}.doors-band{background:var(--ink);padding-bottom:var(--space-2xl)}.doors{gap:var(--space-s);perspective:1400px;display:grid}.door{gap:var(--space-s);padding:var(--space-m);border-radius:calc(var(--radius)*2);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;will-change:transform;align-content:start;transition:transform .2s ease-out;display:grid}.door h2{font-size:var(--step-3);transform:translateZ(30px)}.door .btn{justify-self:start;transform:translateZ(24px)}.door.one{background:var(--white);color:var(--ink)}.door.two{background:var(--accent);color:var(--white)}.door.two :focus-visible{outline-color:var(--white)}.svc{list-style:none;display:grid}.svc li{padding-block:var(--space-xs);border-top:1px solid}.svc strong{font-weight:700;display:block}.svc span{display:block}.band{padding-block:var(--space-2xl)}.band.s{background:var(--surface)}.band.k{background:var(--ink);color:var(--white)}.band.g{background:var(--accent);color:var(--white)}.band.g :focus-visible{outline-color:var(--white)}.band h2{font-size:var(--step-3);margin-bottom:var(--space-m);max-width:24ch}.stack{gap:var(--space-s);align-content:start;display:grid}.split{gap:var(--space-xl);display:grid}.lift{perspective:1500px}.narrow{max-width:24rem}.gap-top{margin-top:var(--space-m)}.clip{margin:0}.frame{border-radius:calc(var(--radius)*1.5);background:var(--ink);position:relative;overflow:hidden;box-shadow:0 24px 60px #14141659}.clip video{width:100%}.clip figcaption{font-size:var(--step-n1);margin-top:var(--space-2xs);color:var(--muted)}.band.k .clip figcaption{color:var(--on-ink-muted)}.vid-btn{left:var(--space-2xs);bottom:var(--space-2xs);color:var(--white);border:1px solid var(--on-ink-muted);border-radius:var(--radius);font:600 var(--step-n1) var(--font-body);cursor:pointer;background:#141416d1;min-height:2.25rem;padding:.3rem .65rem;position:absolute}.vid-btn:focus-visible{outline-color:var(--white)}.badge{top:var(--space-2xs);right:var(--space-2xs);background:var(--missing-bg);color:var(--missing-text);font-weight:700;font-size:var(--step-n1);border-radius:.25rem;padding:.1rem .5rem;position:absolute}.steps{counter-reset:n;gap:var(--space-s);perspective:1200px;list-style:none;display:grid}.steps li{counter-increment:n;background:var(--white);color:var(--ink);padding:var(--space-m);border-radius:calc(var(--radius)*1.5);gap:var(--space-2xs);align-content:start;display:grid}.steps li:before{content:counter(n);font:400 var(--step-3)/1 var(--font-head);color:var(--accent)}.demos{gap:var(--space-m);align-items:start;display:grid}.contact-band{text-align:left}.contact-band .big{font:400 var(--step-3)/1.1 var(--font-head);margin-bottom:var(--space-m);max-width:22ch}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.tilt-in{animation:linear both tiltIn view();animation-range:entry cover 38%}@keyframes tiltIn{0%{transform:rotateX(22deg)translateY(2.5rem)scale(.95)}to{transform:none}}.steps li{transform-origin:0;animation:linear both foldIn view();animation-range:entry cover 30%}@keyframes foldIn{0%{transform:rotateY(28deg)}to{transform:none}}}}.page-head{background:var(--ink);color:var(--white);padding-block:calc(var(--space-3xl) + var(--space-s)) var(--space-xl)}.page-head h1{font-size:var(--step-5);max-width:20ch}.content{padding-block:var(--space-xl) var(--space-2xl);gap:var(--space-l);display:grid}.content h2{font-size:var(--step-2);margin-bottom:var(--space-xs)}.content section{gap:var(--space-xs);display:grid}.note{background:var(--missing-bg);color:var(--missing-text);padding:var(--space-s);border-radius:var(--radius);font-weight:600}.note ul{margin-top:var(--space-2xs);padding-left:1.2em;font-weight:400}.foot{background:var(--ink);color:var(--white);padding-block:var(--space-l)}.foot-in{gap:var(--space-s);display:grid}.foot p{color:var(--on-ink-muted);font-size:var(--step-n1)}.foot nav{gap:var(--space-s);font-size:var(--step-n1);flex-wrap:wrap;display:flex}.foot nav a{padding-block:.3rem;display:inline-block}@media (width>=48rem){.doors{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr 1fr;align-items:start}.demos{grid-template-columns:1.9fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}.foot-in{gap:var(--space-l);grid-template-columns:auto 1fr auto}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}@view-transition{navigation:none}.door{transform:none}}