:root{--night:#0b0e12;--graphite:#1b2026;--studio-top:#b2b5b5;--studio-bottom:#d8dada;--ink:#13171b;--paper:#e9edf0;--ice:#bcd9e6;--ice-deep:#6f9fb6;--fjord:#2f3d4f;--sans:"Mona Sans", "Helvetica Neue", Arial, sans-serif;--out:cubic-bezier(.25, 1, .5, 1);--inout:cubic-bezier(.76, 0, .24, 1);--g:clamp(18px, 4.4vw, 72px);--fg:var(--ink);--cap-bg:#e9edf0eb;--cap-fg:#13171b}.statement,.fabric,.profile,.finale{--cap-bg:#0b0e12d1;--cap-fg:#e9edf0}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--night);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{font-family:var(--sans);color:var(--ink);background:var(--night);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-size:15px;font-stretch:100%;line-height:1.5;overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit;color:inherit}.intro{z-index:90;pointer-events:none;background:linear-gradient(var(--studio-top), var(--studio-bottom));place-items:center;display:grid;position:fixed;inset:0}.intro-word{letter-spacing:-.01em;color:var(--ink);opacity:0;filter:blur(20px);font-size:15px;font-weight:500;font-stretch:125%}.bar{z-index:60;pointer-events:none;position:fixed;top:0;left:0;right:0}.logo{left:var(--g);pointer-events:auto;letter-spacing:-.035em;color:var(--fg);transition:color .6s var(--out);font-size:17px;font-weight:640;font-stretch:125%;position:absolute;top:26px}.logo span{font-weight:380}.seam{width:100%;height:3px;position:absolute;top:0;left:0;overflow:visible}.seam line{stroke:var(--ice-deep);stroke-width:3px;stroke-dasharray:1.1 .7;vector-effect:non-scaling-stroke;transition:stroke .6s var(--out)}body[data-theme=dark]{--fg:var(--paper)}body[data-theme=dark] .seam line{stroke:var(--ice)}.pill{left:50%;bottom:max(22px, env(safe-area-inset-bottom));z-index:60;letter-spacing:-.01em;background:var(--ink);color:var(--paper);transition:background .6s var(--out), color .6s var(--out), opacity .5s var(--out), transform .6s var(--out);border-radius:999px;padding:14px 28px;font-size:13px;font-weight:560;font-stretch:112%;position:fixed;overflow:hidden;transform:translate(-50%)}body[data-theme=dark] .pill{background:var(--paper);color:var(--ink)}.pill.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,30px)}.pill-roll{transition:transform .55s var(--out);display:inline-block;position:relative}.pill-roll:after{content:attr(data-text);position:absolute;top:160%;left:0}@media (hover:hover){.pill:hover .pill-roll{transform:translateY(-160%)}}.pin{position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden}.anatomy{height:660vh}.statement{height:240vh;margin-top:-100vh}.fabric{height:380vh;margin-top:-100vh}.functions{height:300vh;margin-top:-130vh}.profile{height:210vh}.finale{height:200vh}.cam{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.seq-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.anatomy .seq-canvas{--fe:0%;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fe), #000 calc(100% - var(--fe)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--fe), #000 calc(100% - var(--fe)), transparent 100%);-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fe), #000 calc(100% - var(--fe)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--fe), #000 calc(100% - var(--fe)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fe), #000 calc(100% - var(--fe)), transparent 100%), linear-gradient(to bottom, transparent 0, #000 var(--fe), #000 calc(100% - var(--fe)), transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.pair{pointer-events:none;z-index:3;color:var(--fg);position:absolute;inset:0}.w{letter-spacing:-.055em;white-space:nowrap;font-size:clamp(44px,6.4vw,124px);font-weight:430;font-stretch:125%;line-height:.92;display:block;position:absolute}.w-l{left:var(--g);top:17vh}.w-r{right:var(--g);text-align:right;bottom:15vh}.w.small,.note,.layer span{letter-spacing:-.005em;text-align:left;white-space:normal;background:var(--cap-bg);max-width:34ch;color:var(--cap-fg);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-radius:6px;padding:20px 26px;font-size:clamp(18px,1.5vw,27px);font-weight:440;font-stretch:100%;line-height:1.42}.word{display:inline-block}.q,.a{opacity:0}.note{z-index:3;left:var(--g);opacity:0;position:absolute;bottom:15vh}.anatomy .stage{background:linear-gradient(var(--studio-top), var(--studio-bottom))}.anatomy .stage:before{content:"";opacity:var(--deep,0);background:linear-gradient(#1d232a,#12161a);position:absolute;inset:0}.explode-img{opacity:0;transform-origin:0 0;position:absolute;top:0;left:0}.pair-hero .w-l{top:16vh}.pair-hero .w{opacity:1}.hint{left:var(--g);z-index:3;color:var(--fg);align-items:center;gap:12px;font-size:15px;font-weight:480;display:flex;position:absolute;bottom:30px}.hint i{background:repeating-linear-gradient(90deg, var(--ice-deep) 0 5px, transparent 5px 8px);width:34px;height:2px;animation:1.6s linear infinite stitch}@keyframes stitch{to{background-position:16px 0}}.layers{z-index:3;pointer-events:none;color:var(--fg);position:absolute;inset:0}.layer{opacity:0;position:absolute;inset:0}.layer b{left:var(--g);letter-spacing:-.055em;font-size:clamp(44px,6.4vw,124px);font-weight:430;font-stretch:125%;line-height:.92;position:absolute;top:17vh}.layer span{right:var(--g);position:absolute;bottom:12vh}.statement .stage{background:linear-gradient(#1b2026, var(--night));visibility:hidden}.statement-text{text-align:center;width:min(84vw,1180px);color:var(--paper);letter-spacing:-.04em;font-size:clamp(30px,3.9vw,70px);font-weight:400;font-stretch:118%;line-height:1.06;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.statement-text .char{opacity:.18}.seam-cut{background:repeating-linear-gradient(90deg, var(--ice) 0 11px, transparent 11px 18px);transform-origin:0;width:100%;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;transform:scaleX(0)}.fabric .stage{background:var(--night);visibility:hidden}.fabric-open{clip-path:inset(50% 0);position:absolute;inset:0}.fabric>.stage>.pair .w{color:var(--paper)}.fabric .q,.fabric .a:not(.small){text-shadow:0 2px 30px #050a1059}.colors{z-index:4;pointer-events:none;position:absolute;inset:0}.color{background:var(--bg);visibility:hidden;isolation:isolate;clip-path:circle(0%);position:absolute;inset:0}.color img{filter:drop-shadow(0 40px 50px #00000052);width:min(64vw,1100px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.color .pair,.color .w{color:var(--fg)}.color .w.small{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--fg);background:0 0;max-width:28ch;padding:0;font-size:clamp(20px,1.7vw,30px)}.functions .stage{background:linear-gradient(var(--studio-top), var(--studio-bottom));clip-path:circle(0% at 50% 55%);visibility:hidden}.seam-canvas{opacity:0}.functions .pair-q2 .w-l,.functions .pair-a2 .w-l{color:var(--paper)}.profile .stage{background:var(--night)}.profile{--fg:var(--paper)}.slot{background:repeating-linear-gradient(90deg, var(--ice) 0 9px, transparent 9px 14px);border-radius:2px;width:min(30vw,420px);height:3px;position:absolute;top:27vh;left:50%;transform:translate(-50%);box-shadow:0 0 18px #bcd9e659}.card-clip{perspective:1200px;width:min(26vw,370px);height:64vh;position:absolute;top:calc(27vh + 2px);left:50%;overflow:hidden;transform:translate(-50%)}.card{width:100%;color:var(--ink);transform-origin:50% 0;background:#f3f5f6;border-radius:0 0 4px 4px;padding:26px 26px 22px;position:relative;box-shadow:0 30px 60px -20px #0009}.card-head{justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.card-brand{letter-spacing:-.03em;font-size:14px;font-weight:640;font-stretch:125%}.card-kind{letter-spacing:.02em;color:#56606a}.card-name{letter-spacing:-.05em;margin-top:18px;font-size:30px;font-weight:420;font-stretch:125%;line-height:1}.card-name b{font-weight:560}.card-map{grid-template-columns:repeat(16,1fr);gap:5px;margin-top:18px;display:grid}.card-map i{aspect-ratio:1;background:#c9d3d9;border-radius:50%;transform:scale(.6)}.card-cap{letter-spacing:.02em;color:#56606a;margin-top:16px;font-size:11px}.card-cap+.card-map,.card-cap+.card-zones{margin-top:8px}.card-rows{gap:7px;margin-top:18px;font-size:13px;display:grid}.card-rows div{border-bottom:1px solid #dde3e6;justify-content:space-between;padding-bottom:6px;display:flex}.card-rows dt{color:#56606a}.card-zones{grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;height:46px;margin-top:16px;display:grid}.card-zones i{height:calc(var(--v) * 100%);transform-origin:50% 100%;background:linear-gradient(#2f3d4f,#6f9fb6);border-radius:2px;position:relative}.card-perf{background:repeating-linear-gradient(90deg,#aab7bf 0 6px,#0000 6px 11px);height:2px;margin:18px -26px 0}.card-foot{color:#56606a;margin-top:12px;font-size:11px}.profile-side{right:var(--g);width:min(30vw,480px);color:var(--paper);opacity:0;position:absolute;bottom:12vh}.profile-side .note{opacity:1;max-width:none;position:static}.name-field{gap:8px;margin-top:26px;display:grid}.name-field span{color:#e9edf099;font-size:12px}.name-field input{letter-spacing:-.04em;color:var(--paper);background:0 0;border:0;border-bottom:1px solid #e9edf059;border-radius:0;outline:none;padding:8px 0;font-size:26px;font-stretch:125%}.name-field input:focus{border-bottom-color:var(--ice)}.finale .stage{background:#02070d}.finale .cam{mix-blend-mode:lighten}.finale{--fg:var(--paper)}.giant{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;width:min(84vw,1280px);position:absolute;bottom:3vh;left:50%;transform:translate(-50%)}.giant svg{width:100%;height:auto;display:block;overflow:visible}.giant text{font-family:var(--sans);letter-spacing:-.07em;fill:none;stroke:var(--ice);stroke-width:1.7px;stroke-dasharray:7 6;stroke-linecap:round;opacity:.7;font-size:190px;font-weight:560;font-stretch:125%}.pair-end .w-l{top:15vh}.pair-end .w-r{top:14vh;bottom:auto}.form-sec{padding:12vh var(--g) 0;color:var(--paper);background:#02070d}.form{background:#e9edf00a;border:1px solid #e9edf01f;border-radius:8px;grid-template-columns:1fr 1fr;gap:24px 26px;max-width:640px;margin:0 auto;padding:46px;display:grid}.form-title{letter-spacing:-.055em;grid-column:1/-1;margin-bottom:6px;font-size:clamp(38px,4vw,64px);font-weight:440;font-stretch:125%;line-height:1}.field{gap:8px;display:grid}.field label{color:#e9edf09e;font-size:12px}.field input,.field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;color:var(--paper);background:#02070db3;border:1px solid #e9edf033;border-radius:5px;outline:none;padding:13px 14px;font-size:16px}.field input:focus,.field select:focus{border-color:var(--ice)}.field.invalid input{border-color:#e07a6a}.submit{cursor:pointer;background:var(--paper);color:var(--ink);border:0;border-radius:999px;grid-column:1/-1;justify-self:start;margin-top:8px;padding:16px 30px;font-size:14px;font-weight:560;font-stretch:112%}.form-seam{grid-column:1/-1;width:100%;height:3px}.form-seam line{stroke:var(--ice);stroke-width:3px;stroke-dasharray:1.6 1;vector-effect:non-scaling-stroke}.form-ok{color:var(--ice);grid-column:1/-1}.footer{color:#e9edf080;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:12vh 0 34px;font-size:12px;display:flex}@media (width<=760px),(aspect-ratio<=4/5){.logo{font-size:16px;top:20px}.w{white-space:normal;max-width:88vw;font-size:13.5vw}.w-l{top:13svh}.w-r{bottom:13svh}.w.small,.note,.layer span{max-width:calc(100vw - 2 * var(--g));padding:16px 18px;font-size:17px}.color .w.small{font-size:18px}.pair-hero .w-l{top:13svh}.layer b{font-size:11.6vw;top:13svh}.layer span,.note{bottom:11svh}.functions .w-r{bottom:27svh}.statement-text{font-size:8.2vw}.color img{width:112vw;top:50%}.slot{width:74vw;top:24svh}.card-clip{width:66vw;height:52svh;top:calc(24svh + 2px)}.card{padding:18px 18px 16px}.card-name{margin-top:12px;font-size:24px}.card-map{gap:3px;margin-top:12px}.card-rows{margin-top:12px;font-size:12px}.card-zones{height:30px;margin-top:10px}.profile-side{left:var(--g);right:var(--g);width:auto;bottom:11svh}.profile-side .note{margin-bottom:12px;padding:12px 14px;font-size:15px}.name-field{margin-top:0}.giant{width:94vw;bottom:28svh}.giant text{stroke-width:3.4px;opacity:.95}.hint{bottom:76px}.pair-end .w-r{top:auto;bottom:11svh;left:var(--g);right:var(--g)}.form{grid-template-columns:1fr;padding:26px 20px}.footer{flex-direction:column;gap:8px;padding-bottom:100px}.anatomy{height:640vh}}@media (prefers-reduced-motion:reduce){.hint i{animation:none}}.card-zones u{text-align:center;color:#56606a;margin-top:4px;font-size:10px;text-decoration:none;position:absolute;top:100%;left:0;right:0}.card-zones{margin-bottom:14px}.form-lead{color:#e9edf0c7;grid-column:1/-1;margin-top:-4px;font-size:clamp(17px,1.3vw,21px)}