/* HUMANON.world — source-driven cinematic refinement, separate from the main app. */
[hidden]{display:none!important}html{scrollbar-gutter:stable}.intro-playing{overflow:hidden}.site-header{top:48px}.hero h1{letter-spacing:-.045em}.film canvas{position:absolute;inset:0;width:100%;height:100%}.art-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .5s}.art-ready{opacity:1}*:has(>.art-ready)>.art-poster{opacity:0!important}.art-unavailable>.art-poster{opacity:1!important}.scene-hero{left:36%;right:-3%;top:14%;bottom:6%;mask-image:linear-gradient(transparent,#000 10%,#000 85%,transparent)}.scene-hero img{opacity:.9}.hero-vignette{background:linear-gradient(90deg,#000 1%,#000f 21%,#000a 43%,#0000 65%),linear-gradient(0deg,#000,transparent 18%,transparent 88%,#000a)}
.opening-film{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;isolation:isolate;animation:opening-failsafe 3.2s steps(1,end) forwards}.film-gate{position:absolute;top:0;bottom:0;width:calc(50% + 1px);background:radial-gradient(ellipse at 50% 45%,#171422,#020305 65%);z-index:-1;box-shadow:inset 0 0 80px #000}.gate-left{left:0;border-right:1px solid #dfd4c76b}.gate-right{right:0;border-left:1px solid #94b8f563}.intro-playing .gate-left{animation:gate-open-left 3s cubic-bezier(.2,.6,.2,1) forwards}.intro-playing .gate-right{animation:gate-open-right 3s cubic-bezier(.2,.6,.2,1) forwards}.opening-content{width:min(790px,90vw);text-align:center;position:relative}.intro-playing .opening-content{animation:opening-content 3s linear forwards}.opening-label{font-size:11px;letter-spacing:.24em;color:#cbcad5}.opening-art{position:relative;aspect-ratio:96/60;width:100%;max-height:48svh;margin:18px auto 0}.opening-art canvas{position:absolute;inset:0;width:100%;height:100%;mask-image:radial-gradient(ellipse,#000 53%,transparent 85%)}.opening-fallback{position:absolute;inset:0;display:grid;place-items:center;font-family:GeistMono,monospace;font-size:clamp(48px,10vw,100px);letter-spacing:.08em;color:#f6e3b9;text-shadow:0 0 26px #a183bd45}.opening-art:has(.art-ready) .opening-fallback{opacity:0}.desktop-message{position:relative;margin:8px auto 22px;line-height:1.3}.desktop-message strong{display:block;font-family:Geist,sans-serif;font-size:clamp(20px,2.4vw,30px);font-weight:550;letter-spacing:-.025em;color:#f0f1f7;text-shadow:0 0 24px #cbb7e442,0 0 6px #9bddff20}.desktop-message span{display:block;font-size:13px;color:#b7bdcb;margin-top:12px}.opening-track{height:2px;width:150px;margin:auto;background:#8daee524;overflow:hidden}.opening-track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#94b8f5,#d6b3e9,#ffe0a1);transform:scaleX(0);transform-origin:left}.intro-playing .opening-track i{animation:opening-track 3s linear forwards}.skip{z-index:1100}
.sphere-stage{display:flex;flex-direction:column;aspect-ratio:auto;min-width:0;gap:10px}.sphere-art{position:relative;aspect-ratio:1;width:100%;max-width:590px;margin:auto}.sphere-art canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}.sphere-art canvas:active{cursor:grabbing}.sphere-controls{display:flex;align-items:center;justify-content:center;gap:16px;min-height:44px}.sphere-controls button{min-width:44px;min-height:44px;border:1px solid #739ce235;border-radius:8px;color:#d4e5ff;transition:border-color .2s,background .2s}.sphere-controls button:hover{background:#739ce21a;border-color:#e9ca97}.sphere-controls .mono{font-size:10px;letter-spacing:.1em;color:#b3bfd1}.sphere-stage .world-caption{position:static;display:block;text-align:center;font-size:9px;line-height:1.8;padding:4px 16px;color:#b4bdcb;letter-spacing:.13em}.word-reveal{position:relative;width:min(610px,100%);aspect-ratio:100/45;margin:18px auto -25px;mask-image:linear-gradient(transparent,#000 12%,#000 80%,transparent)}.word-reveal canvas{width:100%;height:100%}.potential{padding-top:70px}.potential .section-top{margin-bottom:36px}.potential-grid{gap:30px}.potential .word-line{margin-top:22px}
.people-art-grid{display:grid;grid-template-columns:1.45fr 1fr;align-items:center;padding:28px;gap:20px;background:linear-gradient(145deg,#101524b3,#010308)}.constellation-stage,.heart-stage{min-width:0;text-align:center}.constellation-stage canvas,.heart-stage canvas{width:100%;height:clamp(220px,24vw,350px)}.people-art-grid .mono{font-size:9px;line-height:1.8;letter-spacing:.11em}.people-art-grid .connection-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px}.heart-stage{background:radial-gradient(ellipse,#82364d10,transparent 66%)}.circuit-divider{position:relative;height:74px;max-width:1120px;margin:40px auto 0;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.circuit-divider canvas{width:100%;height:100%}
.countdown-section{padding-top:30px;padding-bottom:55px;background:radial-gradient(ellipse at 50% 52%,#31213b23,transparent 70%);text-align:left;overflow:clip}.countdown-section>.circuit-divider{margin:0 auto 30px}.launch-instrument{position:relative;padding:clamp(20px,3vw,48px);border-color:#b9c5df45;border-radius:24px;background:radial-gradient(ellipse at 70% 0,#b697d215,transparent 44%),linear-gradient(145deg,#e2ecff0d,#05090fe8 52%,#1c17201f);box-shadow:inset 0 1px 0 #f1f1f152,inset 0 -1px 0 #7aa7e51c,0 35px 100px #0009}.countdown-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.countdown-intro h2{font-size:clamp(30px,4vw,58px);margin-bottom:0;line-height:1.08}.countdown-intro .eyebrow{font-size:11px;letter-spacing:.15em}.countdown-intro>p:last-child{font:12px/1.8 GeistMono,monospace;color:#c4c3d2;text-align:right;max-width:230px;margin:0 0 4px}.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.4vw,22px);max-width:none;margin:30px 0 24px;align-items:stretch}.time-instrument{position:relative;aspect-ratio:1;background:linear-gradient(155deg,#aebedf09,#03070f80);border-color:#b5bfd529;border-radius:16px;box-shadow:inset 0 1px 0 #f9ecdb26,0 10px 32px #0004;overflow:hidden}.time-instrument canvas{position:absolute;inset:0;width:100%;height:100%}.time-reading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding-bottom:3px}.time-reading>span{font-family:Geist,sans-serif;font-weight:400;font-variant-numeric:tabular-nums;font-feature-settings:'tnum';font-size:clamp(40px,5.7vw,87px);line-height:1;letter-spacing:-.055em;background:linear-gradient(135deg,#f8f3e6,#c8d3e4 48%,#e7c18c 84%);background-clip:text;-webkit-background-clip:text;color:transparent}.countdown .time-reading>small{font:11px/1.5 GeistMono,monospace;letter-spacing:.16em;color:#c5c9d3;margin:0}.countdown .instrument-mark{position:absolute;bottom:7px;left:0;right:0;text-align:center;font:8px/1.5 GeistMono,monospace;letter-spacing:.07em;color:#9b9ba9}.unit-seconds{border-color:#d7bb8650;background:linear-gradient(150deg,#d8b98010,#090910)}.countdown-close{display:flex;align-items:center;justify-content:space-between;gap:22px}.countdown-close p{font-size:14px;line-height:1.7;margin:0}.countdown-close>.button{flex-shrink:0;font-size:13px}
.observatory{padding:22px;border-color:#b6c5e044;background:linear-gradient(150deg,#cad7ed0d,#060910)}.observatory-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px}.city-feature{position:relative;min-width:0;min-height:630px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;padding:32px;overflow:hidden;isolation:isolate;background:#03070d;border-radius:16px;transition:border-color .22s,box-shadow .22s}.city-stage{position:absolute;inset:-10px -8px 26%;z-index:-2}.city-stage canvas{width:100%;height:100%}.city-feature::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#02050afa 0%,#02050ae0 23%,#02050a52 47%,transparent 66%)}.city-feature .card-kicker{margin:0 0 18px;font-size:10px;max-width:100%;color:#a2b9dc;line-height:1.7}.city-feature h3{font-size:clamp(30px,3.6vw,52px);line-height:1.06;margin-bottom:16px}.city-feature .tease{max-width:92%;font-size:15px;line-height:1.65;filter:blur(2px);opacity:.75;transition:filter .24s,opacity .24s}.city-feature:is(:hover,:focus-visible) .tease{filter:none;opacity:1}.city-feature .card-action{display:flex;align-items:center;gap:28px;font-size:14px;color:#dfe8f6;width:100%;margin-top:8px}.city-feature .card-action i{font-style:normal;margin-left:auto}.scene-note{margin-top:26px;color:#a9a8b3;font-size:8px;letter-spacing:.12em}.city-feature:is(:hover,:focus-visible){border-color:#c2a2dd9e;box-shadow:inset 0 1px 0 #ffffff35,0 10px 35px #a078c915}.support-previews{display:grid;grid-template-rows:1fr 1fr;gap:18px;min-width:0}.observatory .preview-card{min-height:304px;padding:24px;border-radius:16px;background:linear-gradient(140deg,#24304435,#05080e);transform:none;box-shadow:inset 0 1px 0 #f3e9e31c}.observatory .preview-card .card-kicker{font-size:9px;max-width:60%;margin:102px 0 12px;line-height:1.7}.observatory .preview-card h3{font-size:29px;line-height:1.08;margin-bottom:13px;max-width:100%}.observatory .preview-card .tease{font-size:13px;margin-bottom:16px;filter:blur(2px);opacity:.65}.observatory .preview-card:is(:hover,:focus-visible) .tease{filter:none;opacity:1}.observatory .preview-card .card-action{font-size:13px;margin-top:auto}.cube-stage{position:absolute;top:4px;right:2px;width:52%;height:155px;mask-image:radial-gradient(ellipse,#000 55%,transparent 85%)}.cube-stage canvas{width:100%;height:100%}.contribution-mark{position:absolute;top:24px;right:28px;width:85px;height:85px;perspective:600px;display:grid;place-items:center}.contribution-mark span{font-size:70px;line-height:1;color:#e9c99c;text-shadow:2px 2px #835e4770,-1px -1px #fff3d17a,0 0 24px #d8a97724;animation:contribution-float 12s ease-in-out infinite}.contribution-mark i{position:absolute;inset:0;border:1px solid #a58ac24a;border-radius:50%;transform:rotateX(65deg) rotate(-30deg)}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:7px 5px 0}.preview-bottom .preview-footnote{font-size:12px;margin:16px 0;max-width:56%;text-align:left;line-height:1.7}.technical-link{font-size:12px;padding:10px 0;white-space:nowrap}.technical-modal{width:min(1120px,95vw);max-width:1120px;max-height:90svh}.technical-modal h2{font-size:42px}.technical-stage{aspect-ratio:110/56;width:100%;min-height:180px;background:#050811;border:1px solid #94b8f52b;border-radius:12px;overflow:hidden}.technical-stage canvas{width:100%;height:100%}.demo-steps{display:flex;gap:20px;padding:18px 0;list-style:none;flex-wrap:wrap;font-size:13px;color:#bac7d9}.demo-steps li{flex:1;min-width:140px}.technical-modal>p{max-width:760px}.technical-modal>#demo-motion{min-height:44px}
.invitation{padding-top:90px;padding-bottom:0;background:transparent;overflow:clip;isolation:isolate}.ocean-world{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#1938596b,transparent 68%),linear-gradient(180deg,#000,#081426 35%,#050b18 78%,#010305)}.ocean-surface{position:absolute;top:2%;width:140%;height:20%;left:-20%;background:radial-gradient(ellipse,#adcaff22,transparent 65%);filter:blur(20px)}.whale-stage{position:absolute;top:24%;bottom:3%;left:20%;right:-7%;mask-image:radial-gradient(ellipse at 55% 55%,#000 38%,#000b 63%,transparent 85%)}.whale-stage canvas{width:100%;height:100%}.whale-stage .art-poster{opacity:.2;filter:brightness(.7)}.ocean-light{position:absolute;inset:0;background:linear-gradient(105deg,#0004,transparent 50%),linear-gradient(0deg,#000b,transparent 18%,transparent 87%,#000);opacity:calc(.8 + var(--sound-energy,0)*.2)}.invitation-shell{background:radial-gradient(ellipse at var(--px) var(--py),#b3d6ff0e,transparent 42%),linear-gradient(145deg,#111b28ed,#07101aee 58%,#07101adb);border-color:#bfcee452;box-shadow:inset 0 1px 0 #ecf4ff4a,inset -1px -1px 0 #7fa9e426,0 35px 100px #0008}.footer{position:relative;margin-top:110px;padding-bottom:20px;gap:50px 80px}.footer-main,.footer-links,.footer-bottom{position:relative;z-index:1}.footer-main{background:radial-gradient(ellipse at 0 40%,#020711c7,transparent 85%)}.footer-brand{display:inline-block;color:#e8eef6;text-shadow:0 0 20px #a5d4ff18}.footer-brand span{background:linear-gradient(120deg,#f0f4fa,#9bddff 55%,#739ce2);background-clip:text;-webkit-background-clip:text;color:transparent}.footer-links{padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,#020711af,#0207114d);backdrop-filter:blur(4px)}.footer-links a,.footer-links button{min-height:44px}.footer-bottom{border-top-color:transparent;background:linear-gradient(0deg,#020509d9,transparent)}
@keyframes opening-failsafe{to{visibility:hidden;pointer-events:none;opacity:0}}@keyframes gate-open-left{0%,82%{transform:translateX(0)}100%{transform:translateX(-102%)}}@keyframes gate-open-right{0%,82%{transform:translateX(0)}100%{transform:translateX(102%)}}@keyframes opening-content{0%,81%{opacity:1}91%,100%{opacity:0}}@keyframes opening-track{to{transform:scaleX(1)}}@keyframes contribution-float{0%,100%{transform:translateY(0) rotateY(-14deg) rotateZ(-5deg)}50%{transform:translateY(-7px) rotateY(16deg) rotateZ(6deg)}}
@media(min-width:1600px){.site-header{top:48px}.city-feature{min-height:690px}.sphere-art{max-width:620px}}
@media(max-width:1100px){.observatory-grid{grid-template-columns:1.25fr 1fr}.city-feature{padding:26px;min-height:620px}.support-previews .preview-card{padding:20px}.observatory .preview-card h3{font-size:27px}.countdown{gap:8px}.time-reading>span{font-size:6.4vw}.countdown .instrument-mark{font-size:7px;letter-spacing:0}.countdown-close{align-items:flex-start}.countdown-close .button{font-size:12px;gap:16px}.people-art-grid{padding:20px;gap:14px}.whale-stage{left:9%;right:-15%}.footer{gap:40px}}
@media(max-width:760px){.site-header{top:41px}.scene-hero{top:9%;left:10%;right:-50%;bottom:8%;opacity:1}.hero-vignette{background:linear-gradient(90deg,#000f,#000a 45%,#0001),linear-gradient(0deg,#000,transparent 35%,#0005)}.opening-content{width:94vw}.opening-label{font-size:8px;letter-spacing:.15em}.opening-art{margin-top:14px;min-height:180px}.desktop-message{margin:16px auto 20px}.desktop-message strong{font-size:23px}.desktop-message span{font-size:12px}.sphere-art{max-width:470px}.sphere-stage .world-caption{font-size:8px;padding:2px 8px}.sphere-controls .mono{font-size:9px}.potential-grid{gap:8px}.potential{padding-top:70px}.word-reveal{margin:12px auto 0;aspect-ratio:100/48}.people-art-grid{grid-template-columns:1fr;padding:18px;gap:10px}.constellation-stage canvas{height:220px}.heart-stage{width:min(100%,340px);margin:auto}.heart-stage canvas{height:270px}.people-art-grid .connection-bottom{grid-column:auto;align-items:flex-start;gap:12px}.people-art-grid .connection-bottom .mono{font-size:8px}.people-art-grid .mono{font-size:8px}.circuit-divider{height:50px;margin-top:28px}.countdown-section{padding-top:20px;padding-bottom:38px}.countdown-section>.circuit-divider{margin-bottom:18px}.launch-instrument{padding:22px 16px;border-radius:19px}.countdown-intro{display:block}.countdown-intro .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:18px}.countdown-intro h2{font-size:clamp(30px,6vw,42px);line-height:1.12}.countdown-intro>p:last-child{text-align:left;max-width:none;font-size:11px;line-height:1.8;margin:19px 0 0}.countdown{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0;gap:10px}.time-instrument{border-radius:12px}.time-reading>span{font-size:clamp(42px,12vw,76px)}.countdown .time-reading>small{font-size:10px;letter-spacing:.13em}.countdown .instrument-mark{font-size:7px;bottom:4px}.countdown-close{flex-direction:column;gap:16px}.countdown-close p{font-size:13px}.countdown-close .button{width:100%;justify-content:space-between;padding:13px 16px;font-size:12px}.observatory{padding:13px}.observatory-grid{grid-template-columns:1fr;gap:14px}.city-feature{min-height:530px;padding:25px}.city-stage{inset:0 -10px 30%}.city-feature h3{font-size:40px}.city-feature .tease{font-size:14px}.city-feature .card-kicker{font-size:9px}.city-feature .scene-note{font-size:7px;line-height:1.7}.support-previews{grid-template-rows:auto;gap:14px}.observatory .preview-card{min-height:300px;padding:23px}.observatory .preview-card .card-kicker{font-size:9px;margin-top:95px;max-width:65%}.observatory .preview-card h3{font-size:30px}.cube-stage{width:48%;height:160px}.preview-bottom{display:block;padding:0 5px 8px}.preview-bottom .preview-footnote{max-width:none;font-size:11px}.technical-link{font-size:12px;min-height:44px}.technical-modal{padding:34px 20px;width:95vw}.technical-modal h2{font-size:34px}.technical-stage{aspect-ratio:110/56;min-height:0}.demo-steps{display:grid;gap:12px;font-size:13px}.technical-modal>p{font-size:14px}.invitation{padding-top:75px;padding-bottom:0}.invitation-shell{padding:27px 23px}.footer{margin-top:90px;padding-top:250px;padding-bottom:0}.whale-stage{top:auto;bottom:480px;left:-15%;right:-15%;height:440px;mask-image:radial-gradient(ellipse,#000 35%,transparent 77%)}.footer-links{margin:0 -8px;padding:14px 8px;gap:20px}.footer-main{margin-bottom:30px}.footer-bottom{padding-bottom:110px}.ocean-world{background:radial-gradient(ellipse at 60% 55%,#24466b4f,transparent 65%),linear-gradient(#000,#0b192e 38%,#050b18 84%,#000)}.footer-brand{font-size:clamp(43px,12vw,65px)}.footer-links a,.footer-links button{font-size:14px}}
@media(max-width:360px){.site-header{top:41px}.opening-art{min-height:170px}.desktop-message strong{font-size:20px}.desktop-message span{font-size:11px}.countdown-intro h2{font-size:29px}.launch-instrument{padding:21px 12px}.countdown{gap:7px}.time-reading>span{font-size:40px}.countdown .instrument-mark{font-size:6px}.time-reading{gap:6px}.countdown .time-reading>small{font-size:9px}.city-feature{min-height:490px;padding:22px}.city-feature h3{font-size:35px}.preview-toolbar .mono{font-size:8px}.observatory .preview-card h3{font-size:28px}.sphere-controls{gap:12px}.sphere-stage .world-caption{font-size:7px}.footer-links{padding:12px 8px}}
@media(max-height:550px) and (orientation:landscape){.opening-content{width:min(68vw,600px)}.opening-art{max-height:45svh;min-height:0;width:75%;margin-top:0}.opening-label{font-size:8px}.desktop-message{margin:0 auto 10px}.desktop-message strong{font-size:18px}.desktop-message strong br{display:none}.desktop-message span{font-size:10px;margin-top:5px}.site-header{top:35px}.countdown{grid-template-columns:repeat(4,minmax(0,1fr))}.time-reading>span{font-size:6vw}}
@media(prefers-reduced-motion:reduce){.opening-film{animation:opening-failsafe 3.2s steps(1,end) forwards!important}.opening-content{opacity:1!important}.opening-art canvas{display:none}.opening-fallback{opacity:1!important}.film-gate{transform:none!important}.opening-art{mask-image:none}.art-poster{transition:none}.contribution-mark span{animation:none!important}.word-reveal{mask-image:none}}
/* Confirmed questionnaire adjustments: open glass, point-built HELLO, larger continuous ocean. */
.opening-logo{display:block;width:clamp(155px,17vw,230px);height:auto;margin:0 auto 18px;filter:drop-shadow(0 0 12px #94b8f51a)}.opening-label{font-size:9px}.desktop-message strong{color:#f5d6a0;text-shadow:0 0 26px #d8b4795c,0 0 6px #bda6dc20}.intro-playing .opening-art{animation:opening-light 3.2s ease-in-out forwards}.film-gate::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 22% 20%,#e2c69690 0 1px,transparent 2px),radial-gradient(circle at 65% 40%,#c6a8e35c 0 1px,transparent 2px),radial-gradient(circle at 48% 75%,#8cbcf288 0 1px,transparent 2px),radial-gradient(circle at 83% 67%,#e5d7b76b 0 1px,transparent 2px);opacity:.5}.hero .brand{filter:drop-shadow(0 0 12px #739ce215)}.brand img{filter:drop-shadow(0 0 10px #94b8f517)}.hero .progress-emphasis{display:inline-block;text-transform:uppercase;font-size:.82em;letter-spacing:-.045em;transform-origin:left center;transition:transform .24s,color .24s}.replay-opening{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 4px;font-size:11px;color:#aab9cc}.replay-opening:hover{color:#e5c28b}.hero-actions{column-gap:16px}.hero-is-ready .hero-copy>.eyebrow{animation:copy-arrive .6s both}.hero-is-ready .hero-copy>h1{animation:copy-arrive .75s .08s both}.hero-is-ready .hero-intro{animation:copy-arrive .75s .16s both}.hero-is-ready .hero-actions{animation:copy-arrive .7s .24s both}.copy-arriving{animation:copy-arrive .7s ease-out both}.glass{background:radial-gradient(ellipse at var(--px) var(--py),#c2ddff0d,transparent 45%),linear-gradient(145deg,#d7e5ff12,#14283b23 55%,#03070c4d);box-shadow:inset 0 1px 0 #f1f5ff40,inset -1px -1px 0 #739ce21f,0 24px 70px #0005}.launch-instrument{background:radial-gradient(ellipse at 65% 0,#d4b3f31c,transparent 48%),linear-gradient(145deg,#e2ecff16,#0b182737 52%,#ac8dca0c)}.time-instrument{background:linear-gradient(155deg,#cbd6f012,#040d1c24)}.unit-seconds{background:linear-gradient(150deg,#e2ba821b,#100c1a22)}.observatory{background:linear-gradient(150deg,#cad7ed14,#0d1a2c28)}.observatory .preview-card{background:linear-gradient(140deg,#7285ad17,#0a162326)}.city-feature{background:linear-gradient(140deg,#14233940,#040a153d)}.city-feature::after{background:linear-gradient(0deg,#030812d9 0%,#02070c9e 23%,#02050a26 47%,transparent 66%)}.invitation-shell{background:radial-gradient(ellipse at var(--px) var(--py),#c9e6ff16,transparent 44%),linear-gradient(145deg,#7289a91d,#08162566 58%,#0614263d);border-color:#c2d4ef63;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.invitation-copy>p,.interest-form legend{color:#ced7e4}.interest-form .consent{color:#c9d1df}.footer{margin-top:70px;gap:35px 80px}.footer .whale-stage{position:relative;grid-column:1/-1;inset:auto;width:calc(100% + 2*var(--section));margin-left:calc(-1*var(--section));height:clamp(380px,48vw,690px);mask-image:radial-gradient(ellipse at 53% 50%,#000 42%,#000c 65%,transparent 84%)}.footer-main{background:transparent}.footer-links{background:linear-gradient(135deg,#05112440,#02071117);backdrop-filter:blur(2px)}.footer-brand{font-size:clamp(52px,6vw,88px)}.footer-bottom{background:linear-gradient(0deg,#02050970,transparent)}.people-art-grid{background:radial-gradient(ellipse at 70% 65%,#6e345016,transparent 50%),linear-gradient(145deg,#1a274828,#03061118)}.countdown .time-reading>span{font-size:calc(clamp(40px,5.7vw,87px)*var(--digit-scale,1))}.modal{background:linear-gradient(145deg,#213147c9,#070e1de0);backdrop-filter:blur(24px)}
@keyframes copy-arrive{from{opacity:.25;transform:translateY(14px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes opening-light{0%,56%{filter:brightness(1)}66%{filter:brightness(1.6) drop-shadow(0 0 10px #e9d2ff20)}79%,100%{filter:brightness(1.1)}}
@media(hover:hover){.hero .progress-emphasis:hover{transform:scale(1.025)}.cube-stage{transition:transform .4s}.preview-card:hover .cube-stage{transform:translateY(-3px) rotate(-2deg)}}
@media(min-width:761px){.film-gate::after{content:'';position:absolute;top:0;bottom:0;width:7px;background:repeating-linear-gradient(#dccbe112 0 14px,transparent 14px 32px)}.gate-left::after{left:20px}.gate-right::after{right:20px}}
@media(max-width:1100px){.countdown .time-reading>span{font-size:calc(6.4vw*var(--digit-scale,1))}}
@media(max-width:760px){.opening-logo{width:165px;margin-bottom:14px}.opening-art{max-height:40svh}.hero .progress-emphasis{font-size:.85em}.hero-actions{column-gap:12px}.replay-opening{font-size:11px}.countdown .time-reading>span{font-size:calc(clamp(42px,12vw,76px)*var(--digit-scale,1))}.footer{padding-top:0;margin-top:55px}.footer .whale-stage{position:relative;inset:auto;width:calc(100% + 2*var(--section));height:clamp(300px,85vw,440px);margin:0 calc(-1*var(--section)) 30px;mask-image:radial-gradient(ellipse,#000 42%,#000b 67%,transparent 86%)}.footer-brand{font-size:clamp(48px,13vw,68px)}.launch-instrument{backdrop-filter:blur(10px)}.observatory{backdrop-filter:blur(10px)}}
@media(max-width:360px){.countdown .time-reading>span{font-size:calc(40px*var(--digit-scale,1))}.opening-logo{width:145px}.opening-art{max-height:37svh}.desktop-message strong{font-size:20px}}
@media(max-height:550px) and (orientation:landscape){.opening-logo{width:130px;margin-bottom:3px}.opening-label{display:none}.opening-art{max-height:42svh}.desktop-message strong{font-size:17px}.desktop-message{margin-top:0}.countdown .time-reading>span{font-size:calc(6vw*var(--digit-scale,1))}}
@media(prefers-reduced-motion:reduce){.copy-arriving,.hero-is-ready .hero-copy>*{animation:none!important;opacity:1;transform:none;filter:none}.intro-playing .opening-art{animation:none!important;filter:none}.hero .progress-emphasis{transition:none}.desktop-message strong{text-shadow:0 0 12px #d8b47935}}
@media(max-width:760px){.hero h1{font-size:clamp(34px,10vw,60px)}}
@media(max-width:360px){.site-header{gap:10px}.brand{width:160px}.hero h1{font-size:34px}}
.intro-playing .gate-left,.intro-playing .gate-right,.intro-playing .opening-content,.intro-playing .opening-art,.intro-playing .opening-track i{animation-delay:calc(-1ms*var(--intro-elapsed,0))}
@media(prefers-reduced-motion:reduce){.opening-art canvas{display:block!important}.opening-art:has(.art-ready) .opening-fallback{opacity:0!important}}
.demo-actions{display:flex;flex-wrap:wrap;gap:12px}.demo-actions .button{min-height:44px;font-size:13px}