.hero{position:relative;display:grid;place-items:center;min-height:100svh;overflow:clip;isolation:isolate;background:var(--bg)}.hero__env{position:absolute;inset:0;z-index:-1;pointer-events:none}.env{position:absolute;inset:0}.env--base{background:radial-gradient(70% 60% at 52% 44%,#090b0c,#050607 55%,#020303)}.env--cool{background:radial-gradient(18% 38% at 0% 70%,rgba(120,155,190,.38),rgba(60,86,112,.1) 50%,transparent 78%),radial-gradient(26% 16% at 4% 84%,rgba(100,132,165,.16),transparent 70%)}.env--beam{inset:-40% -18% 30% 60%;background:linear-gradient(90deg,transparent 0%,rgba(200,196,188,.09) 36%,rgba(225,221,213,.16) 50%,rgba(200,196,188,.08) 64%,transparent 100%);transform:rotate(33deg);transform-origin:50% 0%;filter:blur(24px);-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 95%);mask-image:linear-gradient(to bottom,#000 30%,transparent 95%)}.env--beam-soft{left:70%;right:-40%;top:-60%;opacity:.6;background:linear-gradient(90deg,transparent,rgba(190,186,178,.05) 50%,transparent);filter:blur(50px)}.env--center{background:radial-gradient(34% 26% at 52% 46%,rgba(120,124,128,.055),transparent 70%),radial-gradient(18% 14% at 92% 2%,rgba(215,211,203,.12),transparent 70%)}.env--vignette{background:radial-gradient(80% 78% at 50% 46%,transparent 42%,rgba(0,0,0,.72) 100%)}.hero__grain{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.env--grain{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero__frame{position:relative;width:calc(1536 * var(--u));height:calc(1060 * var(--u))}.hero__floor{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14px);mask-image:linear-gradient(to bottom,transparent,#000 14px);position:absolute;left:50%;width:100vw;top:var(--floor-top, calc(832 * var(--u)));bottom:calc(-400 * var(--u));transform:translate(-50%);pointer-events:none;z-index:4}.floor__surface{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(190,198,206,.035),transparent 26px),linear-gradient(to bottom,#0304051a,#0304058c 40%,#020303 80%)}.floor__glow{position:absolute;inset:0;background:radial-gradient(22% 60% at 0% 0%,rgba(120,150,185,.16),transparent 75%),radial-gradient(34% 26% at 52% 0%,rgba(210,210,205,.07),transparent 80%),linear-gradient(to bottom,#0000,#00000059 60%)}.floor__streaks{position:absolute;inset:0}.floor__streaks i{position:absolute;top:var(--t, 0px);left:calc(50% + (var(--ax) - var(--aw) / 2) * var(--u));width:calc(var(--aw) * var(--u));height:var(--h, 48%);background:radial-gradient(50% 100% at 50% 0%,rgba(var(--c, 225, 222, 215),var(--o)),transparent 85%);filter:blur(10px);transform:scaleX(.72)}.floor__ripples{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .09' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 -.38'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23r)'/%3E%3C/svg%3E");background-size:100% 240px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 55%);mask-image:linear-gradient(to bottom,#000,transparent 55%);opacity:.09}.floor__blur{position:absolute;inset:0;-webkit-backdrop-filter:blur(7px) brightness(.9);backdrop-filter:blur(7px) brightness(.9);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 48px);mask-image:linear-gradient(to bottom,transparent,#000 48px)}.hero__heading{position:absolute;z-index:5;left:0;right:0;top:calc(70 * var(--u));text-align:center;will-change:transform}.hero__title{font-family:var(--serif);font-weight:400;font-size:calc(103 * var(--u));line-height:1;letter-spacing:-.012em;color:var(--ink);text-shadow:0 10px 60px rgba(0,0,0,.6)}.hero__title em{font-weight:400;letter-spacing:-.02em}.hero__tagline{margin-top:calc(14 * var(--u));padding-left:.55em;font-size:max(calc(14.5 * var(--u)),11px);font-weight:400;letter-spacing:.55em;text-transform:uppercase;color:#f2efe9d1}.hero__stage{position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;z-index:3;pointer-events:none}.scene{position:absolute;left:0;top:0;width:1536px;height:1024px;transform-origin:0 0}.scene__reflect{position:absolute;inset:0 0 auto;height:792px;-webkit-box-reflect:below 0 linear-gradient(to bottom,transparent 62%,rgba(0,0,0,.09) 84%,rgba(0,0,0,.3))}.scene__reflect:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:0 0 0 360px #0000}.layer,.enter,.float{position:absolute;left:0;top:0;width:0;height:0}.layer[hidden]{display:none}.layer{will-change:transform}.enter{opacity:0;translate:var(--fx, 0px) var(--fy, 24px);scale:var(--fs, 1);transition:opacity .9s var(--ease) var(--d, .5s),translate 1.1s var(--ease) var(--d, .5s),scale 1.1s var(--ease) var(--d, .5s)}.is-intro .enter{opacity:1;translate:0 0;scale:1}.float{animation:drift var(--fdur, 7s) ease-in-out var(--fdel, 0s) infinite alternate;transition:scale .55s var(--ease)}@keyframes drift{0%{translate:0 calc(var(--famp, 3px) * -1)}to{translate:0 var(--famp, 3px)}}.panel{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:auto;backface-visibility:hidden}.wire-lines{width:1536px;height:1024px;color:#f2efe966;pointer-events:none;overflow:visible}.wire-lines path{vector-effect:non-scaling-stroke}.wire--faint{border-color:#f2efe929}.wire{width:100px;height:70px;border:1.2px solid rgba(242,239,233,.22);border-top-color:#fff8ec4d;border-right-color:#fff8ec47;border-radius:3px;pointer-events:none}.wire--slab{border-color:#f2efe947;box-shadow:inset 0 0 0 5px #f2efe909,inset 0 0 0 6px #f2efe91f;background:linear-gradient(135deg,rgba(242,239,233,.05),transparent 60%)}.scene__haze{position:absolute;inset:0;pointer-events:none;background:radial-gradient(34% 30% at 52% 46%,rgba(150,154,158,.07),transparent 72%),radial-gradient(26% 36% at 6% 86%,rgba(110,140,175,.08),transparent 70%),radial-gradient(30% 26% at 88% 16%,rgba(200,194,184,.06),transparent 70%)}.slab{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none;backface-visibility:hidden}.sheet{width:120px;height:320px;border-radius:4px;pointer-events:none}.sheet--glass{background:linear-gradient(200deg,#e6e4e017,#a0a2a406 40%,#78828c0d);box-shadow:inset 1px 0 #aac3dc4d,inset 0 1px #fffaf038,inset -1px 0 #fffaf01a,inset 0 0 24px #c8cdd20a,-14px 26px 40px -18px #000000b3}.sheet--light{background:linear-gradient(178deg,#d2cec6,#b3afa8 55%,#86837e);box-shadow:inset -1px 0 #fffaf059,inset 18px 0 30px -14px #00000059,-16px 30px 44px -16px #000000d9}.sheet--dim{filter:brightness(.5)!important}.sheet--photo{overflow:hidden;background:#0c0c0c;box-shadow:inset 0 1px #fffaf014,-12px 24px 40px -16px #000000d9}.sheet--photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) blur(1px)}.card{--key: .45;border-radius:8px;border:0;box-shadow:0 0 calc(2px + 3px * var(--dp, .5)) #0009,calc(-2px - 5px * var(--dp, .5)) calc(4px + 9px * var(--dp, .5)) calc(8px + 14px * var(--dp, .5)) -3px #0009,calc(-12px - 30px * var(--dp, .5)) calc(24px + 56px * var(--dp, .5)) calc(36px + 80px * var(--dp, .5)) calc(-8px - 14px * var(--dp, .5)) rgba(0,0,0,calc(.5 + .35 * var(--dp, .5))),0 0 70px -10px #00000073;transition:box-shadow .5s var(--ease)}.card:before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:.9;transition:opacity .5s var(--ease);background:linear-gradient(90deg,#fff7ea05,rgba(255,247,234,calc(.08 + .34 * var(--key))) 75%,rgba(255,247,234,calc(.12 + .42 * var(--key)))) top / 100% 1px no-repeat,linear-gradient(180deg,rgba(255,245,230,calc(.06 + .42 * var(--key))),#fff5e605 80%) right / 1px 100% no-repeat,linear-gradient(0deg,rgba(160,186,214,calc(.06 + .2 * (1 - var(--key)))),#a0bad605 80%) left / 1px 100% no-repeat,linear-gradient(90deg,rgba(150,178,208,calc(.12 * (1 - var(--key)))),#96b2d000 60%) bottom / 100% 1px no-repeat}.card:after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 100% at 100% 0%,rgba(255,246,232,calc(.015 + .06 * var(--key))),transparent 62%),radial-gradient(110% 90% at 0% 100%,rgba(0,0,0,.22),transparent 70%)}@media(hover:hover)and (pointer:fine){.float:has(>.card:hover){scale:1.028}.card:hover:before{opacity:1}}.img-card{width:130px;height:186px;overflow:hidden;background:#1a1a1a;border-radius:6px;padding:2px;background:linear-gradient(200deg,#8f8c86,#4a4a4b 60%,#2b2e33)}.img-card img{width:100%;height:100%;object-fit:cover;border-radius:4px}.img-card--wide{width:160px;height:76px;border-radius:5px}.browser{width:640px;height:440px;overflow:hidden;background:#0b0c0d;border-radius:7px;box-shadow:0 0 4px #000000b3,-8px 14px 24px -4px #0009,-34px 64px 110px -24px #000000eb,0 0 90px -10px #0000008c}.browser:after{background:linear-gradient(112deg,transparent 50%,rgba(255,252,245,.055) 59%,rgba(255,252,245,.015) 67%,transparent 73%),linear-gradient(270deg,rgba(236,232,224,.08),transparent 5%),linear-gradient(90deg,rgba(170,190,212,.07),transparent 3%),linear-gradient(0deg,rgba(120,150,180,.05),transparent 12%),radial-gradient(130% 100% at 100% 0%,rgba(255,246,232,.03),transparent 60%);box-shadow:inset 0 0 0 1px #0000008c,inset 0 0 36px #00000061}.browser__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:contrast(1.06) brightness(1.05)}.browser__shade{position:absolute;inset:0;background:linear-gradient(to bottom,#08090ac7 0,#08090a57 58px,#08090a00 120px),linear-gradient(90deg,rgba(8,9,10,.42) 0%,rgba(8,9,10,.08) 50%,transparent 70%),linear-gradient(to top,rgba(8,9,10,.28),transparent 22%)}.browser__nav{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:18px;height:64px;padding:0 24px 0 30px}.browser__logo{font-family:var(--serif);font-size:18px;text-decoration:none;color:var(--ink);margin-right:auto}.browser__nav ul{display:flex;gap:20px;margin-right:18px}.browser__nav ul a{font-size:10.5px;text-decoration:none;color:#f2efe9d9}.browser__nav ul a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.browser__btn,.browser__cta{display:inline-flex;align-items:center;gap:10px;background:#f4f2ee;color:#0b0b0b;font-size:10.5px;font-weight:500;text-decoration:none;border-radius:3px;transition:background-color .25s,transform .25s var(--ease)}.browser__btn{padding:9px 13px}.browser__btn:hover,.browser__cta:hover{background:#fff}.browser__cta:hover span{transform:translate(3px)}.browser__cta span{display:inline-block;transition:transform .25s var(--ease)}.browser__hero{position:absolute;left:48px;top:132px}.browser__h{font-family:var(--serif);font-size:50px;line-height:1.02;letter-spacing:-.01em;color:var(--ink);text-shadow:0 4px 30px rgba(0,0,0,.5)}.browser__p{margin-top:18px;font-size:13px;line-height:1.45;color:#f2efe9e0}.browser__cta{margin-top:22px;padding:11px 16px;font-size:12px}.project{width:220px;height:380px;padding:16px 16px 12px 22px;overflow:hidden;background:radial-gradient(120% 80% at 90% 0%,#efebe3 0%,transparent 70%),linear-gradient(178deg,#e6e2da,#d3cfc7,#b7b3ab);color:#151515;box-shadow:0 0 3px #00000080,-6px 10px 20px -4px #0000008c,-26px 50px 80px -18px #000000d9,0 0 60px -14px #ece8e01a}.project:after{background:linear-gradient(90deg,rgba(0,0,0,.32),rgba(0,0,0,.1) 14%,transparent 30%),linear-gradient(0deg,rgba(40,36,30,.14),transparent 35%),radial-gradient(120% 70% at 100% 0%,rgba(255,250,240,.12),transparent 60%)}.project__bar{display:flex;justify-content:flex-end;gap:5px;align-items:center}.project__bar i{width:4px;height:4px;border:1px solid #333;border-radius:50%}.project__bar b{width:9px;height:5px;border-block:1px solid #333;margin-left:4px}.project__title{margin-top:16px;font-family:var(--serif);font-size:24px;line-height:1}.project__meta{display:grid;gap:4px;margin:10px 0 14px}.project__meta span{display:block;height:3px;width:70%;background:#00000026}.project__meta span+span{width:45%}.project__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:104px 104px 36px;gap:7px}.project__grid img{width:100%;height:100%;object-fit:cover;border-radius:2px}.project__grid .g1{grid-row:span 1}.project__grid .g3,.project__grid .g4{grid-row:span 2}.project__foot{position:absolute;inset:auto 16px 10px 22px;display:flex;justify-content:space-between;font-size:6.5px;letter-spacing:.1em;text-transform:uppercase;color:#0000008c;background:linear-gradient(to top,#bab6ae 60%,transparent);padding-top:8px}.type-card{width:118px;height:150px;padding:20px 16px;background:#0e0f10}.type-card__aa{font-family:var(--serif);font-size:40px;line-height:1;color:var(--ink)}.type-card__label{margin-top:26px;font-size:11.5px;color:var(--ink-2)}.type-card__sub{margin-top:4px;font-size:10.5px;color:var(--ink-2);white-space:nowrap}.palette{width:190px;height:104px;padding:16px 18px;background:#0d0e0f}.palette__label{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--ink-2)}.palette__label i{width:22px;height:1px;background:var(--line-2)}.palette ul{display:flex;gap:12px;margin-top:22px}.palette li{width:27px;height:27px;border-radius:50%;background:var(--c);border:0;box-shadow:inset 0 1px #fffaf038,inset 0 -2px 3px #00000073,-2px 4px 6px #0009}.palette li:first-child{box-shadow:inset 0 0 0 1px #f2efe933,inset 0 1px #fffaf040,-2px 4px 6px #0009}.toolbar{width:78px;height:330px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:18px 0;border-radius:9px;background:linear-gradient(100deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.012) 22%,transparent 40%,rgba(255,255,255,.02) 72%,transparent 88%),#121213e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.toolbar svg{width:28px;height:28px;fill:none;stroke:#f2efe9e6;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.toolbar__t{font-family:var(--serif);font-size:32px;line-height:1;color:#f2efe9eb}.code{width:252px;height:190px;overflow:hidden;background:linear-gradient(105deg,transparent 40%,rgba(255,252,245,.03) 55%,transparent 70%),radial-gradient(120% 110% at 100% 0%,rgba(60,60,62,.35),transparent 65%),#0d0e10db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.code__bar{display:flex;align-items:center;gap:4px;height:22px;padding:0 10px;border-bottom:1px solid rgba(242,239,233,.07)}.code__bar i{width:5px;height:5px;border-radius:50%;background:#f2efe959}.code__bar span{margin-left:8px;font:6.5px/1 var(--mono);color:#f2efe97a}.code__body{display:flex;height:calc(100% - 22px)}.code__gutter{display:grid;align-content:start;gap:9px;width:20px;padding:12px 0 0 7px;border-right:1px solid rgba(242,239,233,.06)}.code__gutter i{width:5px;height:5px;border:1px solid rgba(242,239,233,.25);border-radius:1px}.code pre{margin:0;padding:26px 0 0 12px;font:8.6px/1.75 var(--mono);color:#e8e6e1;white-space:pre}.code .t{color:#d49a6a}.code .a{color:#a9bccb}.code .s{color:#b9c78f}.perf{width:250px;height:112px;padding:16px 18px;background:#0d0e0f}.perf__label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ink-2)}.perf__label i{width:22px;height:1px;background:var(--line-2)}.perf__spark{position:absolute;left:18px;bottom:18px;width:100px;height:44px;fill:none;stroke:#f2efe9e6;stroke-width:1.2;vector-effect:non-scaling-stroke}.perf__spark path{vector-effect:non-scaling-stroke}.perf__num{position:absolute;right:26px;top:38px;font-size:22px;font-weight:300;letter-spacing:.01em;color:var(--ink)}.perf__arrow{position:absolute;right:46px;top:72px;width:12px;height:12px;fill:none;stroke:var(--ink);stroke-width:1.2}.publish{width:118px;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;background:radial-gradient(120% 140% at 85% 0%,#f7f4ee,transparent 70%),linear-gradient(178deg,#efebe4,#d8d4cc);color:#111;border-radius:7px;font-size:16px;font-weight:500;text-decoration:none;box-shadow:inset 0 1px #ffffffe6,inset 0 -2px 2px #78726859,0 0 2px #00000080,-3px 6px 8px -2px #0000008c,-14px 26px 36px -10px #000000d9,0 0 36px -8px #f0ece41f;transition:box-shadow .25s var(--ease)}.publish>*{position:relative;z-index:4}.publish svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.publish:active{box-shadow:inset 0 1px #ffffffb3,inset 0 -1px 1px #7872684d,0 0 2px #00000080,-2px 3px 5px -2px #00000080,-8px 14px 20px -10px #000c}.float:has(>.publish:active){scale:.98;transition-duration:.12s}.hero__cta-wrap{position:absolute;z-index:6;left:0;right:0;top:calc(852 * var(--u));display:flex;justify-content:center}.hero-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:calc(46 * var(--u));width:max(calc(416 * var(--u)),300px);height:max(calc(70 * var(--u)),56px);padding:0 28px;border-radius:999px;border:1.5px solid rgba(242,239,233,.58);background:#080a0b59;color:var(--ink);font:400 max(calc(21 * var(--u)),16px)/1 var(--sans);letter-spacing:.045em;text-decoration:none;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.hero-cta__reflection{position:absolute;z-index:-1;top:max(calc(74 * var(--u)),58px);left:50%;width:max(calc(416 * var(--u)),300px);height:max(calc(70 * var(--u)),56px);border-radius:999px;border:1.5px solid rgba(242,239,233,.5);transform:translate(-50%) scaleY(1.7);transform-origin:50% 0;filter:blur(7px);opacity:.16;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 70%);mask-image:linear-gradient(to bottom,#000,transparent 70%);pointer-events:none}.hero-cta__arrow{width:max(calc(26 * var(--u)),22px);height:auto;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}.hero-cta:hover,.hero-cta:focus-visible{background:#f2efe912;border-color:#f2efe9d9;box-shadow:0 0 28px -6px #f2efe92e,inset 0 0 20px -10px #f2efe933}.hero-cta:hover .hero-cta__arrow,.hero-cta:focus-visible .hero-cta__reflection{position:absolute;z-index:-1;top:max(calc(74 * var(--u)),58px);left:50%;width:max(calc(416 * var(--u)),300px);height:max(calc(70 * var(--u)),56px);border-radius:999px;border:1.5px solid rgba(242,239,233,.5);transform:translate(-50%) scaleY(1.7);transform-origin:50% 0;filter:blur(7px);opacity:.16;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 70%);mask-image:linear-gradient(to bottom,#000,transparent 70%);pointer-events:none}.hero-cta__arrow{transform:translate(6px)}.hero-cta:focus-visible{outline-offset:6px;border-radius:999px}.props{position:absolute;z-index:6;left:0;right:0;top:calc(968 * var(--u));display:flex;justify-content:center;align-items:center}.prop{display:flex;align-items:center;gap:calc(30 * var(--u));padding:0 calc(86 * var(--u))}.prop+.prop{border-left:1px solid rgba(242,239,233,.28)}.prop__icon{flex:none;width:max(calc(32 * var(--u)),24px);height:max(calc(32 * var(--u)),24px);fill:none;stroke:#f2efe9d9;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.prop p{display:grid;gap:calc(9 * var(--u))}.prop strong{font-weight:400;font-size:max(calc(13.5 * var(--u)),11px);line-height:1;letter-spacing:.14em;text-transform:uppercase;color:#f2efe9e6}.prop span{font-size:max(calc(15 * var(--u)),12.5px);line-height:1;letter-spacing:.03em;color:#f2efe9a8}.reveal{opacity:0;translate:0 18px;transition:opacity .8s var(--ease) var(--d, 0s),translate 1s var(--ease) var(--d, 0s)}.is-intro .reveal{opacity:1;translate:0 0}.hero__env,.hero__floor{opacity:0;transition:opacity .6s ease-out}.is-intro .hero__env,.is-intro .hero__floor{opacity:1}.is-intro .hero__floor{transition:opacity 1.2s ease-out .6s}@media not all and (min-width:1024px)and (min-aspect-ratio:1/1){.hero{display:flex;flex-direction:column;justify-content:center;min-height:100svh}.hero__frame{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;padding:clamp(104px,16vw,150px) var(--gutter) clamp(56px,9vw,96px)}.hero__heading,.hero__cta-wrap,.props{position:relative;top:auto}.hero__heading{order:1}.hero__stage{order:2}.hero__cta-wrap{order:3}.props{order:4}.hero__title{font-size:clamp(56px,12.5vw,118px)}.hero__tagline{margin-top:clamp(12px,2.4vw,22px);font-size:clamp(10.5px,1.6vw,14px);letter-spacing:.48em;padding-left:.48em}.hero__stage{position:relative;inset:auto;width:calc(100% + 2 * var(--gutter));aspect-ratio:1300 / 630;margin-top:clamp(8px,2vw,24px)}.hero__floor{bottom:-200px}.hero__cta-wrap{margin-top:clamp(28px,5vw,56px);width:100%}.hero-cta{width:min(100%,392px);height:64px;font-size:18px;gap:28px}.hero-cta__reflection{display:none}.props{margin-top:clamp(36px,6vw,64px);width:100%}.prop{gap:18px;padding:0 clamp(18px,3.4vw,40px)}.prop strong{font-size:11.5px}.prop span{font-size:13px}.prop p{gap:7px}}@media(max-width:639px){.hero__frame{padding-top:104px}.hero__title{font-size:clamp(50px,15.5vw,76px)}.hero__tagline{font-size:10.5px;letter-spacing:.42em;padding-left:.42em}.hero__stage{width:min(calc(100% + var(--gutter)),480px);aspect-ratio:390 / 470;margin-top:18px}.hero__cta-wrap{margin-top:36px}.hero-cta{height:60px;white-space:nowrap;gap:clamp(14px,5vw,28px);padding:0 20px;font-size:clamp(15px,4.6vw,18px)}.props{flex-direction:column;align-items:stretch;width:min(100%,300px);margin-top:40px}.prop{padding:16px 4px;gap:20px}.prop+.prop{border-left:0;border-top:1px solid rgba(242,239,233,.16)}}.menu-open .float{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.float{animation:none}.enter,.reveal{translate:0 0!important;scale:1!important;transition:opacity .4s linear!important;transition-delay:0s!important}}@media(min-width:1024px)and (min-aspect-ratio:1/1){html.page-home,html.page-home body{height:100dvh;overflow:hidden}.page-home .hero{height:100dvh;min-height:0}}
