:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#070b16;--ink-2:#0d1426;--paper:#f3ede2;--paper-2:#b8b3a8;--mute:#7d8496;--gold:#f5a524;--gold-soft:#e8b86d;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-draw:cubic-bezier(.6, 0, .2, 1);--gx:0px;--gy:0px;--talk:0;--t-works:3.25s;--t-wire:3.45s;--t-pulse:4.1s;--pulse-gap:.25s;--period:2.2s;--t-lit:6.05s}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--ink);color:var(--paper);-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.5;overflow-x:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene{isolation:isolate;flex-direction:column;min-height:100svh;display:flex;position:relative}.scene:before{content:"";z-index:-1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.scene-glow{z-index:-2;pointer-events:none;background:radial-gradient(60% 55% at 72% 42%, #f5a52421, transparent 70%), radial-gradient(50% 45% at 20% 90%, #3c4c7840, transparent 70%), linear-gradient(180deg, var(--ink-2), var(--ink) 60%);opacity:0;animation:fade-in 1.4s var(--ease-out) forwards;position:absolute;inset:0}.stage{flex:1;grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(24px,6vw,96px);width:100%;max-width:1160px;margin:0 auto;padding:clamp(32px,6vw,72px) clamp(16px,5vw,64px);display:grid;position:relative}.intro{z-index:1;position:relative}.threads{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wire,.pulse{fill:none;stroke:var(--gold);stroke-linecap:round}.wire{stroke-width:1px;stroke-opacity:calc(.22 + var(--talk) * .3);stroke-dasharray:1;stroke-dashoffset:1px;animation:draw 1s var(--ease-draw) var(--wire-delay) forwards}.wire[data-thread="0"]{--wire-delay:var(--t-wire)}.wire[data-thread="1"]{--wire-delay:calc(var(--t-wire) + .15s)}.wire[data-thread="2"]{--wire-delay:calc(var(--t-wire) + .3s)}.pulse{stroke-width:calc(2px + var(--talk) * 1.6px);stroke-dasharray:.1 1.5;stroke-dashoffset:.1px;opacity:0;animation:travel var(--period) cubic-bezier(.45, 0, .55, 1) var(--pulse-delay) infinite}.pulse[data-thread="0"]{--pulse-delay:var(--t-pulse)}.pulse[data-thread="1"]{--pulse-delay:calc(var(--t-pulse) + var(--pulse-gap))}.pulse[data-thread="2"]{--pulse-delay:calc(var(--t-pulse) + var(--pulse-gap) * 2)}@keyframes travel{0%{stroke-dashoffset:.1px;opacity:0}8%{opacity:1}88%{opacity:1}to{stroke-dashoffset:-1px;opacity:0}}.works{width:max-content;margin:36px 0 0;padding-bottom:10px;position:relative}.works:after{content:"";background:linear-gradient(90deg,#0000,#f5a52480,#0000);height:1px;position:absolute;bottom:0;left:-8px;right:-8px}.works-tiles{align-items:flex-end;gap:6px;display:flex}.col{flex-direction:column-reverse;gap:4px;display:flex}.col:first-child{--w:24px}.col:nth-child(2){--w:34px}.col:nth-child(3){--w:22px}.col:nth-child(4){--w:40px}.col:nth-child(5){--w:28px}.col:nth-child(6){--w:46px}.col:nth-child(7){--w:24px}.col:nth-child(8){--w:36px}.tile{--d:0s;--i:0;width:var(--w,30px);background:#ffffff09;border-radius:3px;height:14px;display:block;position:relative;box-shadow:inset 0 0 0 1px #f3ede217}.tile:before,.tile:after{content:"";opacity:0;position:absolute}.tile:before{animation:light .8s var(--ease-out) calc(var(--t-lit) + var(--d)) forwards, breathe-tile 4.6s ease-in-out calc(var(--t-lit) + var(--d) + .8s) infinite;background:linear-gradient(#f5a5245c,#f5a52424);border-radius:3px;inset:0;box-shadow:inset 0 0 0 1px #f5a524bf}.tile:after{animation:light-glow 1.3s ease-out calc(var(--t-lit) + var(--d)) both;border-radius:6px;inset:-3px;box-shadow:0 0 16px 3px #f5a52480}.tile.is-landing{--pulse-delay:calc(var(--t-pulse) + var(--i) * var(--pulse-gap))}.tile.is-landing:after{animation:light-glow 1.3s ease-out calc(var(--t-lit) + var(--d)) both, flash var(--period) linear calc(var(--pulse-delay) + var(--period) * .9) infinite}@keyframes light{to{opacity:1}}@keyframes breathe-tile{0%,to{opacity:1}50%{opacity:.68}}@keyframes light-glow{0%{opacity:0}30%{opacity:.9}to{opacity:0}}@keyframes flash{0%{opacity:0}5%{opacity:.85}35%{opacity:0}to{opacity:0}}.works-line{max-width:36ch;color:var(--paper-2);margin:14px 0 0;font-size:14px;line-height:1.5}.is-hidden .stage *,.is-hidden .stage :before,.is-hidden .stage :after{animation-play-state:paused}.wordmark{color:var(--paper);margin:0 0 clamp(20px,3vw,32px)}.wordmark-art{width:min(100%,340px);height:auto;display:block;overflow:visible}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft);margin:0 0 12px;font-size:12px;font-weight:600}.lede{letter-spacing:-.01em;max-width:26ch;color:var(--paper);text-wrap:balance;margin:0 0 clamp(24px,4vw,40px);font-size:clamp(20px,2.4vw,28px);font-weight:400;line-height:1.3}.controls{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.cta{height:52px;color:var(--paper);font:inherit;letter-spacing:.01em;cursor:pointer;transition:transform .24s var(--ease-out), border-color .24s, background-color .24s, box-shadow .24s;background:linear-gradient(#f5a52429,#f5a5240f);border:1px solid #f5a5248c;border-radius:999px;align-items:center;gap:12px;padding:0 22px 0 14px;font-size:16px;font-weight:500;display:inline-flex;box-shadow:0 0 #f5a52400}.cta:hover{border-color:#f5a524e6;box-shadow:0 0 32px -8px #f5a5248c}.cta:active{transform:scale(.98)}.cta:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.cta-icon{background:var(--gold);width:30px;height:30px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.cta-icon svg path{display:none}.cta[data-state=idle] .icon-play,.cta[data-state=playing] .icon-stop,.cta[data-state=done] .icon-replay{display:block}.caption{max-width:34ch;min-height:1.5em;color:var(--paper-2);margin:0;font-size:15px;font-style:italic;transition:opacity .24s}.caption:empty{opacity:0}.portrait{justify-self:center;width:min(100%,440px);margin:0;position:relative}.motes{pointer-events:none;width:124%;height:116%;position:absolute;inset:-8% -12%}.avatar{width:100%;height:auto;display:block;overflow:visible}.avatar .aura,.avatar .figure,.avatar .head,.avatar .hair-back,.avatar .iris,.avatar .lid{transform-box:fill-box;transform-origin:50%}.avatar .aura{opacity:calc(.75 + var(--talk) * .3);transform:scale(calc(1 + var(--talk) * .14));transition:transform .16s linear,opacity .16s linear}.avatar .figure{transform-origin:50% 100%}.avatar .head{transform:translate(calc(var(--gx) * .9), calc(var(--gy) * .6));transition:transform .7s var(--ease-out)}.avatar .hair-back{transform:translate(calc(var(--gx) * -.35), calc(var(--gy) * -.2));transition:transform .9s var(--ease-out)}.avatar .iris{transform:translate(calc(var(--gx) * 1.2), calc(var(--gy) * .8));transition:transform .32s var(--ease-out)}.avatar .lid{transition:transform .52s var(--ease-out);transform:translateY(0)}.is-awake .avatar .lid{transform:translateY(-19px)}.is-awake .avatar .eye.is-blinking .lid{animation:.17s ease-in-out blink}@keyframes blink{0%{transform:translateY(-19px)}45%{transform:translateY(-1px)}to{transform:translateY(-19px)}}.foot{letter-spacing:.04em;color:var(--mute);padding:16px clamp(16px,5vw,64px) 24px;font-size:12px}.foot p{margin:0;max-width:1160px;margin-inline:auto;padding-inline:0}.reveal{opacity:0;animation:rise .7s var(--ease-out) forwards;transform:translateY(10px)}.reveal-1{animation-delay:2.55s}.reveal-2{animation-delay:2.75s}.reveal-3{animation-delay:3.05s}.reveal-4{animation-delay:3.7s}.reveal-5{animation-delay:var(--t-works)}.reveal-6{animation-delay:calc(var(--t-works) + .2s)}.stroke{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .64s var(--ease-draw) forwards}.stroke-a1{animation-delay:.3s}.stroke-a2{animation-delay:.42s}.stroke-i{animation-duration:.48s;animation-delay:.7s}.stroke-dot{animation-duration:.24s;animation-delay:1.02s}.stroke-db{animation-duration:.76s;animation-delay:.86s}.stroke-ds{animation-delay:1.02s}.stroke-ab{animation-duration:.76s;animation-delay:1.16s}.stroke-as{animation-delay:1.36s}.stroke-bar{animation:draw .42s var(--ease-draw) 1.85s forwards, bar-glow 1.2s ease-out 2.15s}@keyframes bar-glow{0%{filter:drop-shadow(0 0 #f5a52400)}35%{filter:drop-shadow(0 0 9px #f5a524f2)}to{filter:drop-shadow(0 0 #f5a52400)}}.portrait{opacity:0;animation:arrive 1.5s var(--ease-out) .9s forwards;transform:translateY(14px)scale(.965)}.avatar .aura{animation:bloom 1.9s var(--ease-out) 1.3s backwards}.is-awake .avatar .figure{animation:5.2s ease-in-out 1s infinite breathe}@keyframes fade-in{to{opacity:1}}@keyframes rise{to{opacity:1;transform:none}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes arrive{to{opacity:1;transform:none}}@keyframes bloom{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.06)}to{opacity:.75;transform:scale(1)}}@keyframes breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2.2px)scale(1.007)}}@media (max-width:720px){.stage{grid-template-columns:1fr;align-content:center;gap:8px;padding-top:24px}.portrait{order:-1;width:min(74vw,320px)}.wordmark-art{width:min(100%,240px)}.lede{font-size:22px}}@media (prefers-reduced-motion:reduce){.scene-glow,.reveal,.stroke,.portrait,.avatar .aura{opacity:1;stroke-dashoffset:0;animation:none;transform:none}.avatar .aura{opacity:calc(.75 + var(--talk) * .2);transform:none}.is-awake .avatar .figure,.is-awake .avatar .eye.is-blinking .lid{animation:none}.avatar .head,.avatar .hair-back,.avatar .iris{transition:none;transform:none}.avatar .lid{transition:opacity .4s}.cta{transition:none}.wire{stroke-dashoffset:0;animation:none}.pulse{opacity:0;animation:none}.tile:before{opacity:1;animation:none}.tile:after,.tile.is-landing:after{opacity:0;animation:none}}
/*$vite$:1*/