.hero{position:relative;height:100svh}.hero--field{height:280svh}.hero__stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;align-items:end;background:radial-gradient(60% 50% at 50% 30%,var(--orange-soft) 0%,rgba(255,230,216,0) 70%),var(--paper)}.hero__field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero__fallback{position:absolute;left:50%;top:22%;width:min(30vw,240px);color:var(--orange);transform:translate(-50%)}.hero--field .hero__fallback{display:none}.hero__copy{position:relative;z-index:2;padding:0 var(--gutter) clamp(2.5rem,7vh,5rem);max-width:1360px;width:100%;margin:0 auto}.hero__title{margin:0;font:400 clamp(3.2rem,10.5vw,10rem)/.9 var(--display);letter-spacing:-.03em}.hero__title em{font-style:normal}.hero__line{display:block;overflow:clip;overflow-clip-margin:.1em}.hero__line>span{display:inline-block}.hero__sub{max-width:40ch;margin:22px 0 0;font-size:clamp(1rem,1.5vw,1.2rem);color:var(--ink-2)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero__hint{position:absolute;z-index:2;left:50%;top:calc(var(--nav-h) + 1.25rem);transform:translate(-50%);display:flex;align-items:center;gap:10px;font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero__hint i{width:22px;height:34px;border:2px solid currentColor;border-radius:12px;position:relative}.hero__hint i:after{content:"";position:absolute;left:50%;top:6px;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:var(--orange);animation:wheel 1.6s var(--ease) infinite}@keyframes wheel{0%{transform:translateY(0);opacity:1}80%{transform:translateY(12px);opacity:0}to{opacity:0}}.hero__sticker{position:absolute;z-index:2;right:var(--gutter);bottom:clamp(2.5rem,8vh,5.5rem)}@media(max-width:700px){.hero__sticker{width:92px;height:92px;bottom:auto;top:calc(var(--nav-h) + 3.5rem)}.hero__hint{display:none}}.statement__text{margin:0;max-width:20ch;font:400 clamp(2rem,5.6vw,5.2rem)/1.04 var(--display);letter-spacing:-.025em}.statement__text .w>span{color:#d9d9d9;transition:color .2s}.statement__text .w.on>span{color:var(--ink)}.statement__text b .w.on>span{color:var(--orange)}.statement__text b{font-weight:400}.doors__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,32px);margin-top:clamp(2rem,5vw,4rem)}.door{display:grid;grid-template-rows:auto 1fr;text-decoration:none;border-radius:var(--radius);background:var(--cream);overflow:hidden;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.door:hover{transform:translate(-4px,-4px) rotate(-.6deg);box-shadow:14px 14px 0 var(--orange)}.door--social:hover{transform:translate(-4px,-4px) rotate(.6deg)}.door__media{aspect-ratio:16 / 10;border-bottom:2px solid var(--ink)}.door__media{--mx: 0;--my: 0}.door__media--web .door__bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;width:108%;height:108%;transform:translate(calc(var(--mx) * -12px),calc(var(--my) * -8px));transition:transform .6s var(--ease)}.door__media--web:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 30% 40%,transparent 30%,rgba(0,0,0,.45));pointer-events:none}.dmac,.dphone{position:absolute;z-index:2;overflow:hidden;background:#fff;box-shadow:0 30px 60px -20px #000000b3;transition:transform .6s var(--ease)}.dmac{left:9%;top:17%;width:62%;aspect-ratio:16 / 10.6;border-radius:10px;border:2px solid #1b1b1b;transform:translate(calc(var(--mx) * 10px),calc(var(--my) * 8px)) rotate(-3deg)}.dmac i{display:block;height:6%;background:#ececec;border-bottom:1px solid #ddd;background-image:radial-gradient(circle,#ff5f57 0 2.5px,transparent 3px),radial-gradient(circle,#febc2e 0 2.5px,transparent 3px),radial-gradient(circle,#28c840 0 2.5px,transparent 3px);background-size:12px 100%;background-position:6px 50%,18px 50%,30px 50%;background-repeat:no-repeat}.dmac img{height:94%;object-position:top}.dphone{right:10%;top:12%;width:21%;aspect-ratio:9 / 19.5;border-radius:16px;border:4px solid #111;transform:translate(calc(var(--mx) * 20px),calc(var(--my) * 14px)) rotate(5deg)}.dphone img{object-position:top}.door--web:hover .dmac{transform:translate(calc(var(--mx) * 10px - 6px),calc(var(--my) * 8px - 8px)) rotate(-5deg) scale(1.03)}.door--web:hover .dphone{transform:translate(calc(var(--mx) * 20px + 6px),calc(var(--my) * 14px - 12px)) rotate(8deg) scale(1.05)}.door__chip{position:absolute;z-index:3;left:12px;bottom:12px;padding:7px 11px;border-radius:999px;background:#ffffffeb;color:var(--ink);font:700 12px/1 var(--body)}.door__media--social{background:radial-gradient(90% 90% at 50% 30%,#ffe6d8,#ffb995)}.door__word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:400 clamp(4rem,13vw,11rem)/.8 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px rgba(13,13,13,.16);white-space:nowrap}.dreel{position:absolute;left:50%;top:12%;width:26%;aspect-ratio:9 / 16;margin-left:-13%;border-radius:16px;border:4px solid #0d0d0d;overflow:hidden;background:#111;box-shadow:0 26px 50px -18px #0000008c;transition:transform .6s var(--ease)}.dreel--1{transform:translate(calc(-78% + var(--mx) * 8px),10%) rotate(-11deg)}.dreel--2{transform:translate(calc(var(--mx) * 14px),calc(var(--my) * 8px))}.dreel--3{transform:translate(calc(78% + var(--mx) * 8px),10%) rotate(11deg)}.door--social:hover .dreel--1{transform:translate(-98%,6%) rotate(-16deg)}.door--social:hover .dreel--2{transform:translateY(-5%) scale(1.06)}.door--social:hover .dreel--3{transform:translate(98%,6%) rotate(16deg)}.door__body{padding:clamp(20px,3vw,34px);display:grid;gap:10px;align-content:start}.door__body p{margin:0;color:var(--ink-2);max-width:44ch}.door__num{font:800 14px/1 var(--fun);color:var(--orange)}.door__go{margin-top:8px;font-weight:700;display:inline-flex;gap:8px}.door__go i{font-style:normal;transition:transform .35s var(--ease)}.door:hover .door__go i{transform:translate(6px)}@media(max-width:800px){.doors__grid{grid-template-columns:minmax(0,1fr)}}.mars{position:relative;height:320svh;background:var(--paper)}.mars__stage{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.mars__lines{position:absolute;inset:calc(var(--nav-h) + 2rem) var(--gutter) auto;text-align:center;z-index:1}.mars__line{margin:0}.mars__frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#c96a35;clip-path:inset(36% 30% 22% 30% round 26px);will-change:clip-path}.mars__frame video{width:100%;height:100%;object-fit:cover}.mars__frame .sound{opacity:0;transition:opacity .4s;right:var(--gutter);bottom:clamp(2rem,7vh,4rem)}.mars.is-open .mars__frame .sound{opacity:1}@media(max-width:700px){.mars__frame .sound{top:calc(var(--nav-h) + 12px);bottom:auto;min-height:44px}}.mars__caption{position:absolute;z-index:3;left:var(--gutter);bottom:clamp(2rem,7vh,4rem);color:#fff;max-width:32ch;opacity:0;text-shadow:0 2px 24px rgba(0,0,0,.45)}.mars__caption .h-md{margin:0}.mars__small{margin:10px 0 0;font-size:1.05rem}.founder__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:center}.founder__grid .lede{margin:18px 0 26px}.founder__photo{aspect-ratio:4 / 5;border-radius:var(--radius);border:2px dashed var(--ink);display:grid;place-items:center;align-content:center;gap:14px;text-align:center;background:var(--orange-soft);transform:rotate(-2.5deg);font-weight:600;color:var(--ink-2)}.founder__photo{position:relative;margin:0;padding:0;overflow:hidden;border-style:solid;box-shadow:10px 10px 0 var(--orange)}.founder__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:56% 50%;transition:transform 1.2s var(--ease)}.founder__photo:hover img{transform:scale(1.05)}.founder__photo figcaption{position:absolute;left:12px;bottom:12px;padding:7px 11px;border-radius:999px;background:#fff;color:var(--ink);font:700 12px/1 var(--body)}@media(max-width:800px){.founder__grid{grid-template-columns:minmax(0,1fr)}.founder__photo{max-width:300px}}.work{position:relative}.wk-tag{margin:0;font:800 12px/1 var(--fun);letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}.wk-arrow{width:18px;height:18px;flex:none;transition:transform .4s var(--ease)}.btn:hover .wk-arrow,.btn:focus-visible .wk-arrow{transform:translate(4px)}.wk-cta{display:flex;flex-wrap:wrap;gap:10px}.wk-cta--light .btn--light{border-color:#fffc;color:#fff}.wk-cta--light .btn--light:before{background:#fff}.wk-cta--light .btn--light:hover,.wk-cta--light .btn--light:focus-visible{color:var(--ink);border-color:#fff}.work[data-version=a]{background:var(--cream)}.wkA{position:relative;overflow:hidden;padding:clamp(5rem,10vw,8rem) 0}.wkA__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:clamp(2rem,4vw,3rem)}.wkA__head .h-lg{max-width:12ch;text-wrap:balance}.wkA__track{display:flex;gap:clamp(16px,2vw,28px);padding:0 var(--gutter) 0 calc(max(0px,(100% - 1360px) / 2) + var(--gutter));width:max-content;align-items:start}.wkA__card{width:clamp(270px,34vw,480px);flex:none;text-decoration:none;display:grid;align-content:start;gap:8px;will-change:transform}.wkA__card--tall{width:clamp(220px,22vw,320px)}.wkA__media{aspect-ratio:16 / 10;border-radius:18px;border:2px solid var(--ink);transition:transform .5s var(--ease)}.wkA__card--tall .wkA__media{aspect-ratio:9 / 13}.wkA__media img{object-position:top}.wkA__card:hover .wkA__media{transform:rotate(-1.5deg) scale(1.02)}.wkA__card .wk-tag{margin-top:8px}.wkA__card h3{margin:0;font:400 clamp(1.3rem,2vw,1.7rem)/1.05 var(--display)}.wkA__card p:not(.wk-tag){margin:0;color:var(--ink-2);font-size:15px;max-width:36ch}@media(max-width:860px){.wkA{--wk-h: min(62vw, 400px);padding:clamp(3.5rem,12vw,5rem) 0}.wkA__track{width:auto;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding:0 0 4px var(--gutter)}.wkA__track::-webkit-scrollbar{display:none}.wkA__track:after{content:"";flex:0 0 calc(var(--gutter) - clamp(16px,2vw,28px))}.wkA__card{scroll-snap-align:start;width:78vw}.wkA__card--tall{width:min(52vw,320px)}.wkA__media,.wkA__card--tall .wkA__media{aspect-ratio:auto;height:var(--wk-h)}}
