@import url('panels.css');
:root{color-scheme:dark;--ink:#080508;--red:#ee2948;--paper:#f5e9e8;--muted:#bfaeb4;--line:#ffffff24;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #ff788f;outline-offset:6px}button{border:0;background:none}a{color:inherit}button[disabled]{cursor:default}button:hover{color:#fff}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#8d1028;padding:15px}.skip:focus{top:10px}
.masthead{position:fixed;z-index:10;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:27px 3.5%;background:linear-gradient(#080508d9,transparent);pointer-events:none}.masthead>*{pointer-events:auto}.wordmark{display:flex;align-items:center;font:bold italic clamp(23px,2.2vw,34px) Georgia,serif;letter-spacing:-1.2px;padding:0;text-shadow:0 2px 15px #000}.wordmark img{width:42px;margin:0 4px;filter:drop-shadow(0 0 10px #e31c4444);transition:filter .3s}.wordmark:hover img{filter:drop-shadow(0 0 10px #ff2445)}.masthead-right{display:flex;align-items:center;gap:28px}.byline{font-size:9px;letter-spacing:3px;color:#d5bbc4}.quiet-button{font-size:11px;border-bottom:1px solid #ffffff4f;padding:8px 0}.quiet-button span{margin-left:20px;color:var(--red)}
.foyer{height:100svh;min-height:660px;isolation:isolate;position:relative;overflow:hidden;background:#050305}.ambient{position:absolute;inset:-35px;z-index:-2;background:linear-gradient(90deg,#050305 15%,#080305cc 46%,#080305d9),url('assets/echo-raine-entrance.png') center/cover;filter:blur(20px);opacity:.8}.foyer:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 30%,#750b151a,transparent 55%)}
.portrait-stage{position:absolute;height:100%;aspect-ratio:1122/1402;left:60%;transform:translateX(-50%);top:0}.entrance-art{width:100%;height:100%;object-fit:contain;display:block;mask-image:linear-gradient(90deg,transparent,black 8%,black 94%,transparent)}
.entrance-copy{position:absolute;left:5%;top:29%;width:34%;z-index:2;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.8px;line-height:1.7;color:#d5b6be;display:block}.eyebrow i{display:inline-block;width:5px;height:5px;background:var(--red);margin-right:9px;box-shadow:0 0 10px var(--red)}h1{font:normal clamp(40px,4.55vw,75px)/1.03 Georgia,serif;margin:25px 0 24px;letter-spacing:-2.7px;text-shadow:0 3px 20px #000}h1 em,h2 em{font-weight:normal;color:#ef8b99}p{font-size:12px;line-height:1.85;color:var(--muted)}.entrance-note{display:block;font:italic 16px Georgia,serif;margin-top:35px;color:#e0bfc6}.fine-line{display:block;width:80px;height:1px;margin-top:22px;background:linear-gradient(90deg,var(--red),transparent)}
.wine-glass{position:absolute;left:23.8%;top:21.5%;width:8.3%;height:12.8%;border-radius:45% 45% 30% 30%;z-index:5;min-width:38px;min-height:44px;transition:background .3s;filter:drop-shadow(0 0 6px #ff365a)}.wine-glass:hover{background:#ff274b24}.glass-shimmer{position:absolute;left:-12%;right:-12%;top:0;bottom:2%;border:1px solid #ffa1ae94;border-radius:45% 45% 30% 30%;box-shadow:0 0 24px #ef244847,inset 0 0 20px #ff24431a;animation:glass-breathe 3s ease-in-out infinite}.glass-label{position:absolute;top:35%;right:140%;white-space:nowrap;font-size:8px;letter-spacing:2px;color:#ffe5e9;padding:8px 10px;background:#11050adc;border:1px solid #c3284166}.glass-label b{color:#fd526f;padding-left:10px}.glass-label:after{content:"";position:absolute;top:50%;left:100%;width:27px;height:1px;background:#ff567988}
.entrance-action{position:absolute;bottom:12%;right:3.8%;text-align:right;z-index:4}.enter-button{display:block;font:normal 20px Georgia,serif;padding:10px 0;border-bottom:1px solid #d9516959;text-shadow:0 1px 10px #000}.enter-button em{color:#eda8b2}.enter-button span{color:#ff4667;margin-left:8px}.entrance-action>span{display:block;font-size:7px;letter-spacing:2px;color:#bca1ac;margin-top:13px}.foyer-footer{position:absolute;bottom:24px;left:3.5%;right:3.5%;display:flex;justify-content:space-between;color:#9e8891;font-size:9px;letter-spacing:1px}.foyer-footer>span:last-child{font-size:8px;letter-spacing:2px}.foyer-footer i{display:inline-block;background:#ae2b40;width:4px;height:4px;margin-left:9px;border-radius:50%}
.nexus{height:100svh;min-height:740px;position:relative;isolation:isolate;overflow:hidden;background:#080508}.nexus-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.nexus-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#080508 0%,#080508b5 23%,transparent 55%,#0805089c),linear-gradient(90deg,#080508b0,transparent 65%)}.nexus-heading{position:absolute;top:20%;left:5%}.nexus-heading h2{font:normal clamp(48px,5.2vw,84px)/.98 Georgia,serif;letter-spacing:-2px;margin:18px 0}.nexus-heading p{font-size:12px}.return-button{position:absolute;right:4%;top:130px;font-size:10px;color:#dbc3ca;border-bottom:1px solid #ffffff50;padding:10px 0}.portal-deck{position:absolute;bottom:70px;left:5%;right:5%}.deck-heading{display:flex;justify-content:space-between;margin-bottom:18px;font-size:8px;letter-spacing:2.5px;color:#cab4bd}.deck-heading span:last-child{color:#927d87}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portal{text-align:left;position:relative;border:1px solid #ffffff26;border-top:2px solid var(--portal);padding:24px 20px 27px;background:linear-gradient(145deg,#190a11e8,#08070dea);backdrop-filter:blur(18px);transition:transform .25s,border-color .25s;min-height:153px}.portal:hover{transform:translateY(-7px);border-color:var(--portal)}.portal-number{display:block;color:var(--portal);font-size:8px;letter-spacing:2px}.portal-title{display:block;font:23px Georgia,serif;margin:18px 0 8px}.portal-description{font-size:10px;color:#b29da7}.portal-arrow{position:absolute;right:18px;top:22px;color:var(--portal)}.nexus-foot{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;color:#ac8290;font-size:7px;letter-spacing:2px}.transition-veil{position:fixed;inset:0;z-index:30;background:#0a0207;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .28s}.transition-veil.active{opacity:1;pointer-events:auto}.transition-veil img{width:95px;filter:drop-shadow(0 0 30px #ff284b99)}.announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@keyframes glass-breathe{50%{box-shadow:0 0 33px #ff325988,inset 0 0 20px #ff244333;border-color:#ffd0d9}}
@media(min-width:1800px){.portrait-stage{left:57%}.entrance-copy{left:10%;width:30%}.entrance-action{right:10%}}
@media(max-width:1000px){.entrance-copy{width:37%;top:32%}h1{font-size:46px}.entrance-copy p{max-width:200px}.portrait-stage{left:64%}.byline{display:none}.entrance-action{bottom:10%}.portal-title{font-size:20px}.portal{padding:20px 15px}.portal-description{line-height:1.6;display:block;max-width:125px}.glass-label{right:auto;left:135%}.glass-label:after{left:auto;right:100%}}
@media(max-width:650px){.masthead{padding:18px 20px}.wordmark{font-size:26px}.wordmark img{width:32px;height:32px;margin:0 2px}.quiet-button{font-size:10px}.quiet-button span{margin-left:7px}.foyer{min-height:690px}.portrait-stage{height:auto;width:100%;aspect-ratio:1122/1402;left:50%;top:50%;transform:translate(-50%,-54%)}.entrance-art{mask-image:linear-gradient(0deg,transparent,black 12%,black 92%,transparent)}.entrance-copy{left:23px;top:92px;width:100%;z-index:1}.entrance-copy .eyebrow{font-size:7px;letter-spacing:2px}.entrance-copy h1,.entrance-copy p,.entrance-note,.fine-line{display:none}.glass-label{font-size:7px;letter-spacing:1px;padding:7px;left:140%;top:15%}.glass-label b{padding-left:4px}.glass-label:after{width:15px}.entrance-action{left:20px;right:20px;bottom:80px;text-align:center}.enter-button{margin:auto;font-size:20px}.entrance-action>span{font-size:6px}.foyer-footer{left:20px;right:20px;bottom:22px;font-size:8px}.foyer-footer>span:last-child{font-size:6px;letter-spacing:1px}.nexus{min-height:850px;height:100svh}.nexus-art{object-position:52% center}.nexus-heading{top:145px;left:24px}.nexus-heading h2{font-size:57px}.nexus-heading p{font-size:11px}.return-button{top:88px;right:24px}.portal-deck{bottom:62px;left:20px;right:20px}.portal-grid{grid-template-columns:1fr 1fr;gap:10px}.portal{min-height:146px;padding:18px 13px}.portal-title{font-size:21px}.portal-description{font-size:9px;max-width:145px}.portal-number{font-size:7px;letter-spacing:1.4px}.deck-heading{font-size:7px}.deck-heading span:last-child{display:none}.nexus-foot{font-size:6px;letter-spacing:1px;left:20px;right:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}