.site{--bg:#0d0d0f;--panel:#1c1c20;--panel-2:#26262c;--raise:#303038;--line:#3a3a40;--text:#fff;--soft:#a7a7b0;--purple:#6f4bff;--purple-text:#9c85ff;--lime:#c6f432;--bone:#fff;--ink:#0d0d0f;--ink-soft:#4a4a52;--sepia:var(--lime);--rose:var(--purple-text);--hair:color-mix(in srgb, var(--text) 14%, transparent);background:var(--bg);color:var(--text)}.site .font-display{letter-spacing:-.02em;font-synthesis:none;font-weight:400}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--label,var(--lime));font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:700}.site :focus-visible{outline-color:var(--purple-text)}.ink-word{color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--bone) 70%, transparent);white-space:nowrap;display:inline-block;position:relative}.ink-word:after{content:attr(data-text);color:var(--bone);-webkit-text-stroke:0;clip-path:inset(0);position:absolute;inset:0}.ink-word.ink-rose:after{color:var(--rose)}@media (prefers-reduced-motion:no-preference){.ink-word:after{animation:ink-in 1.7s cubic-bezier(.65, 0, .35, 1) calc(.25s + var(--ink-delay,0s)) both}.ink-word:before{content:"";background:var(--accent-line);width:2px;box-shadow:0 0 18px 2px var(--accent-line);z-index:1;animation:needle 1.7s cubic-bezier(.65, 0, .35, 1) calc(.25s + var(--ink-delay,0s)) both;position:absolute;top:6%;bottom:6%}}@keyframes ink-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes needle{0%{opacity:0;left:0}8%{opacity:1}92%{opacity:1}to{opacity:0;left:100%}}.develop{filter:grayscale()contrast(1.08)brightness(.9);transition:filter 1.1s}.develop[data-shown],.develop-group:hover .develop,.develop:hover{filter:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.develop{transition:none;animation:linear both develop;animation-timeline:view();animation-range:entry 10% cover 45%}}}@keyframes develop{0%{filter:grayscale()contrast(1.08)brightness(.88)}to{filter:none}}@media (prefers-reduced-motion:reduce){.develop{filter:none}}.paper{color:var(--ink);background-color:#fff}.paper :focus-visible{outline-color:var(--purple)}.leader{border-bottom:2px dotted color-mix(in srgb, var(--ink) 35%, transparent);flex:auto;min-width:16px;transform:translateY(-5px)}.wall{columns:2 160px;column-gap:10px}@media (min-width:768px){.wall{columns:3 220px;column-gap:14px}}@media (min-width:1200px){.wall{columns:4 240px}}.wall>*{break-inside:avoid;margin-bottom:10px}@media (min-width:768px){.wall>*{margin-bottom:14px}}html:has(dialog[open].lightbox){overflow:hidden}dialog.lightbox::backdrop{background:#080706eb}html:has(.site){overflow-x:clip}html:has(.site) body{overflow-x:clip}.scene{--p:0;height:var(--len,220svh);position:relative}.scene-stage{isolation:isolate;background:#000;height:100svh;position:sticky;top:0;overflow:hidden}.scene-photo{z-index:-2;object-fit:cover;width:100%;height:100%;transform-origin:var(--origin,50% 50%);transform:scale(calc(var(--z0,1) + (var(--z1,1.2) - var(--z0,1)) * var(--p)));will-change:transform;position:absolute;inset:0}.scene-photo-late{opacity:clamp(0, calc((var(--p) - .47) * 9), 1)}.scene-veil{z-index:-1;background:linear-gradient(180deg, #00000059 0%, transparent 30%, transparent 55%, #000000b8 100%), rgba(0, 0, 0, max(clamp(0, calc((var(--p) - .86) * 7), 1), clamp(0, calc((.08 - var(--p)) * 9), 1)));position:absolute;inset:0}.scene:first-of-type .scene-veil{background:linear-gradient(180deg, #00000059 0%, transparent 30%, transparent 50%, #000000bf 100%), rgba(0, 0, 0, clamp(0, calc((var(--p) - .86) * 7), 1))}.beats{display:grid}.beats>.beat{text-shadow:0 2px 30px #0000008c;opacity:clamp(0, min(calc((var(--p) - var(--a)) * 12), calc((var(--b) - var(--p)) * 12)), 1);translate:0 clamp(-24px, calc((var(--a) + .12 - var(--p)) * 220px), 24px);grid-area:1/1}.beats>.beat-open{translate:none}.scroll-cue:after{content:"";background:linear-gradient(var(--bone), transparent);width:1px;height:44px;margin-top:10px;display:block}@media (prefers-reduced-motion:no-preference){.scroll-cue:after{transform-origin:top;animation:2.2s ease-in-out infinite cue}}@keyframes cue{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.flow-scene{--p:0;position:relative}.flow-bg{isolation:isolate;background:#000;height:100svh;position:sticky;top:0;overflow:hidden}.flow-bg .scene-photo{transform:scale(calc(1.02 + .1 * var(--p)))}.flow-dim{z-index:-1;background:linear-gradient(180deg, #0000004d 0%, transparent 35%, #000000c7 100%), rgba(0, 0, 0, min(.72, calc(var(--p) * 2.4)));position:absolute;inset:0}.flow-content{margin-top:-100svh;position:relative}.scenes-on .deal{opacity:0;transition:opacity .9s,translate 1s cubic-bezier(.2,.8,.2,1),scale 1s cubic-bezier(.2,.8,.2,1);translate:0 48px;scale:.97}.scenes-on .deal.person:nth-child(2n){translate:0 48px;rotate:1.5deg}.scenes-on .deal.person:nth-child(odd){rotate:-1.5deg}.scenes-on .deal.person{transition-property:opacity,translate,scale,rotate}.scenes-on .deal[data-shown]{opacity:1;translate:none;rotate:none;scale:none}.scenes-on .deal:not([data-shown]) .ink-word:after{clip-path:inset(0 100% 0 0);animation:none}.scenes-on .deal:not([data-shown]) .ink-word:before{opacity:0;animation:none}.home:not(.scenes-on) .scene{height:auto}.home:not(.scenes-on) .scene-stage{height:auto;min-height:100svh;position:relative}.home:not(.scenes-on) .scene-photo{transform:none}.home:not(.scenes-on) .scene-photo-late{display:none}.home:not(.scenes-on) .beats{align-content:end;gap:2rem;min-height:100svh;padding-block:12svh}.home:not(.scenes-on) .beats>.beat{opacity:1;text-align:left;grid-area:auto;place-self:auto start;padding:0;translate:none}.home:not(.scenes-on) .scene-veil{background:linear-gradient(#0000004d,#000000bf)}.home:not(.scenes-on) .flow-dim{background:#0009}
