*{box-sizing:border-box}
:root{color-scheme:dark;--gold:#e4c88d;--ivory:#f5eddc;--muted:#c4c9bd}
body{margin:0;background:#091715;color:var(--ivory);font-family:Georgia,'Times New Roman',serif;min-width:320px;overflow-x:clip}
a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.portal{position:fixed;inset:0;background:linear-gradient(90deg,rgba(4,17,17,.94),rgba(4,17,17,.64) 44%,rgba(6,17,17,.28) 72%,rgba(6,17,17,.65)),linear-gradient(0deg,#091715,transparent 38%),url('/assets/elyria-portal-v28.webp') center/cover;z-index:-1}
canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.masthead{padding:32px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dcc48525;position:relative;z-index:5}
.signature{font-size:30px;letter-spacing:.08em}.signature span{font-style:italic;color:var(--gold)}.signature small{display:block;margin-top:9px;font:9px Arial,sans-serif;letter-spacing:.28em;color:var(--muted)}
.language-link{font:12px Arial,sans-serif;letter-spacing:.07em;color:var(--gold);padding:12px 0}.language-link span{margin-left:12px}
.invitation{max-width:1500px;margin:auto;min-height:760px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:65px 6vw 55px;gap:50px}
.eyebrow,.status{font:10px Arial,sans-serif;letter-spacing:.22em;color:var(--gold)}.eyebrow{margin:0 0 25px}.eyebrow span{margin-right:12px}
h1{font-weight:400;font-size:clamp(50px,5.1vw,82px);line-height:1.06;margin:0;letter-spacing:-.035em}h1 em{color:var(--gold);font-weight:400}
.intro{font-size:19px;line-height:1.65;color:#e1e0d2;margin:26px 0 34px}
.coming-soon{border-left:1px solid #e4c88d80;padding-left:27px;max-width:465px}.status{letter-spacing:.14em;line-height:1.6;display:flex;align-items:center;gap:9px;margin:0 0 12px}.status span{width:5px;height:5px;flex:none;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}
h2{font-weight:400;font-size:32px;line-height:1.16;margin:0 0 16px}.coming-soon>p:not(.status){font:14px/1.8 Arial,sans-serif;color:var(--muted)}
.gold-button{display:inline-flex;gap:22px;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#f4dfac,#d6b56f);border:1px solid #f2dcad;color:#1a231e;box-shadow:0 5px 35px #e4c88d17;padding:17px 21px;margin-top:11px;font:13px Arial,sans-serif;transition:transform .25s,box-shadow .25s}
.gold-button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #e4c88d40}.coming-soon .edition-note{font-size:10px!important;margin:14px 0 0;color:#aeb9ac!important}
.book-display{margin:0;position:relative;display:flex;align-items:center;flex-direction:column;perspective:1200px;min-width:0}.book-aura{position:absolute;width:100%;height:115%;top:-8%;border-radius:50%;background:radial-gradient(ellipse,#e1c07c35,transparent 65%);filter:blur(20px);pointer-events:none}
.book{width:clamp(230px,24vw,370px);position:relative;transform:rotateY(-13deg) rotateZ(5deg);animation:book-float 8s ease-in-out infinite;filter:drop-shadow(20px 25px 28px #0009);transition:filter .4s}.book:before{content:'';position:absolute;top:1%;bottom:1%;width:16px;left:-15px;background:linear-gradient(90deg,#0d1516,#564a2e,#20251c);transform:skewY(-6deg);border:1px solid #ad8a4870}.book:after{content:'';position:absolute;top:1.3%;bottom:1.3%;right:-8px;width:8px;background:repeating-linear-gradient(0deg,#b4ae95,#b4ae95 1px,#e4ddbf 2px,#eee3c6 3px);transform:skewY(-8deg)}
.book img{display:block;width:100%;height:auto;border:1px solid #e4c88d70;position:relative;z-index:1}.book-display:hover .book{filter:drop-shadow(15px 20px 38px #e4c88d35)}
figcaption{position:relative;font:10px Arial,sans-serif;letter-spacing:.14em;color:#dfd5b8;text-align:center;margin-top:40px}figcaption span{display:block;font:25px Georgia,serif;color:var(--gold);margin-bottom:12px}
.world-traits{border-block:1px solid #e4c88d25;background:#071310b8;display:flex;align-items:center;justify-content:center;gap:35px;padding:25px 20px;color:var(--gold);font-size:17px;text-align:center}.world-traits b{font-weight:400}
footer{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1500px;margin:auto;padding:25px 6vw;color:#b2bcae;font:11px Arial,sans-serif}footer nav{display:flex;gap:24px}footer small{font-size:9px;color:#8e9b8c}footer button{border:1px solid #e4c88d40;color:#d5c29b;background:#0b1b18;padding:10px 12px;font-size:11px;cursor:pointer}footer a:hover{color:var(--gold)}
@keyframes book-float{0%,100%{transform:translateY(0) rotateY(-13deg) rotateZ(5deg)}50%{transform:translateY(-17px) rotateY(-7deg) rotateZ(3deg)}}
body.dust-paused .book{animation-play-state:paused}
@media(min-width:1700px){.invitation{min-height:810px}}
@media(max-width:850px){.masthead{padding:25px 6vw}.invitation{gap:28px;padding-block:50px;min-height:700px}.coming-soon{padding-left:18px}h1{font-size:52px}.book{width:230px}.world-traits{font-size:14px;gap:20px}}
@media(max-width:650px){.signature{font-size:24px}.signature small{font-size:7px;letter-spacing:.17em}.language-link{font-size:10px}.invitation{display:flex;flex-direction:column;align-items:stretch;padding:40px 7vw 35px;gap:50px;min-height:0}.portal{background:linear-gradient(0deg,#091715,rgba(4,17,17,.75) 40%,rgba(4,17,17,.67)),url('/assets/elyria-portal-mobile-v28.webp') center top/cover}.eyebrow{font-size:9px}h1{font-size:clamp(42px,11.6vw,65px)}.intro{font-size:17px;margin:23px 0 27px}.coming-soon{max-width:none}.coming-soon>p:not(.status){font-size:13px}.gold-button{font-size:12px;gap:12px;padding:16px}.book{width:245px}figcaption{margin-top:30px}.world-traits{flex-direction:column;gap:12px;font-size:16px;padding:25px}.world-traits b{font-size:15px}footer{flex-wrap:wrap;justify-content:center;padding:22px;gap:18px}footer p{margin:0}footer button{flex-basis:100%;max-width:215px}}
@media(prefers-reduced-motion:reduce){.book{animation:none}.gold-button{transition:none}}