@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{--cream:#dfceb0;--gold:#bda35c;--bg:#100b09;--accent:#b51b14}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--cream);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{background:#a72319;color:#fff}header{position:sticky;top:0;z-index:20;background:#100b09ee;backdrop-filter:blur(16px);border-bottom:1px solid #bda35c55;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 3vw;font:12px 'Space Mono',monospace;letter-spacing:.07em}header a span{color:var(--gold)}.controls{display:flex;gap:16px}.controls button{border:0;background:none;color:var(--cream);font-size:11px;padding:8px}.opening{padding:28px 5vw 30px;background:radial-gradient(ellipse at 18% 65%,#73100c66,transparent 45%),radial-gradient(ellipse at 82% 65%,#64603966,transparent 45%),#100b09;overflow:hidden}.opening-top,.opening-bottom,.chapter-top{display:flex;justify-content:space-between;font:11px 'Space Mono',monospace;letter-spacing:.12em;gap:20px}.intro{text-align:center;margin:50px 0 40px}.intro>p:first-child,.overline{font:12px 'Space Mono',monospace;letter-spacing:.3em}.intro h1{font:800 clamp(48px,6.8vw,104px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;margin:20px 0}.intro h1 em{font-style:normal;color:var(--gold)}.invitation{font-size:16px;color:#bfaf99;margin:25px 0}.portals{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;perspective:1400px;padding:0 16px}.portal{display:block;position:relative;transform-style:preserve-3d;will-change:transform;transition:transform .35s ease,box-shadow .5s;box-shadow:0 30px 65px #0009;border:1px solid #ba9f5266;animation:float 7s ease-in-out infinite}.portal.green{animation-delay:-3.5s}.portal img{display:block;width:100%;height:auto}.portal:hover{box-shadow:0 20px 100px color-mix(in srgb,var(--accent) 45%,transparent)}.red{--accent:#b52316}.green{--accent:#747842}.shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 25%,#ffe4a321 45%,transparent 65%);background-size:250% 100%;animation:shine 8s ease-in-out infinite;mix-blend-mode:screen}.portal-caption{position:absolute;bottom:-1px;left:-1px;right:-1px;transform:translateY(100%);padding:18px 20px;background:#100b09;border:1px solid #ba9f5266;display:flex;align-items:center;justify-content:space-between;font:11px 'Space Mono',monospace}.portal-caption b{font-size:15px}.portal-caption i{font-style:normal;color:var(--gold);margin-left:12px}.between{text-align:center;color:var(--gold);display:flex;align-items:center;flex-direction:column}.between>span{font-size:34px}.between i{height:90px;width:1px;background:var(--gold);margin:20px}.between small{font:9px/1.6 'Space Mono',monospace;letter-spacing:.1em}.opening-bottom{margin-top:115px;padding-top:25px;border-top:1px solid #bda35c55;color:var(--gold)}.ticker{overflow:hidden;border-block:1px solid #bda35c55;background:#18130c;padding:17px 0;margin-top:30px}.ticker>div{white-space:nowrap;width:max-content;font:700 22px 'Barlow Condensed',sans-serif;letter-spacing:.16em;animation:travel 35s linear infinite}.chapter{padding:90px 4vw 65px;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--accent) 27%,transparent),transparent 70%);overflow:hidden}.chapter-top{margin-bottom:25px;color:var(--gold)}.wide-art{position:relative;border:1px solid #ad8f4755;overflow:hidden;box-shadow:0 20px 90px #0009}.wide-art img{width:100%;height:auto;display:block;animation:artBreath 12s ease-in-out infinite}.light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 48% 45%,#edd58b35,transparent 38%);mix-blend-mode:screen;animation:light 5s ease-in-out infinite}.chapter-body{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;margin-top:45px;align-items:center}.chapter h2{font:900 clamp(64px,10vw,150px)/.83 'Barlow Condensed',Impact,sans-serif;margin:15px 0;letter-spacing:-.03em}.chapter h2 span{display:block;color:var(--accent);font-size:.52em;margin-top:16px;letter-spacing:.02em}.event{border-top:1px solid #bda35c66;padding-top:20px}.event p{font:700 clamp(15px,1.6vw,22px) 'Space Mono',monospace;line-height:1.6}.event p span{display:block;color:var(--gold)}.event small{font-size:12px;color:#b0a087;display:block;margin-top:13px}.buy{background:var(--accent);padding:22px;display:flex;justify-content:space-between;align-items:center;color:#fff0d6;font:700 16px 'Space Mono',monospace;border:1px solid #c4a560;transition:filter .2s,transform .2s}.buy:hover{filter:brightness(1.3);transform:translateY(-3px)}.buy b{font-size:25px}.chapter-note{font-size:17px;line-height:1.7;color:#bcad97;margin-top:35px}.bridge{padding:85px 5vw;display:flex;align-items:center;justify-content:space-between;border-block:1px solid #bda35c44;text-align:center;background:linear-gradient(110deg,#431009,#11130c 70%)}.bridge>span{font:600 clamp(40px,9vw,130px) 'Barlow Condensed',sans-serif;color:#bda35c55}.bridge p{font:12px 'Space Mono',monospace;letter-spacing:.2em}.bridge h2{font:800 clamp(30px,5vw,70px) 'Barlow Condensed',sans-serif;margin:15px 0 25px}.bridge a{font:12px 'Space Mono',monospace;color:var(--gold)}.closing{padding:90px 5vw;text-align:center;border-top:1px solid #bda35c44;background:#d6c5a5;color:#17130e}.closing>p{font:12px 'Space Mono',monospace;letter-spacing:.15em}.closing h2{font:900 clamp(65px,12vw,170px)/.85 'Barlow Condensed',sans-serif;letter-spacing:-.03em;margin:30px 0 40px}.closing em{font-style:normal;color:#77241a}.closing>div{display:flex;justify-content:center;gap:15px}.closing a{padding:20px;border:1px solid #17130e;font:700 14px 'Space Mono',monospace;transition:.2s}.closing a:hover{background:#17130e;color:#dfceb0}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 4vw;font:10px/1.6 'Space Mono',monospace}footer p{text-align:center;color:#aa987a}a:focus-visible,button:focus-visible{outline:3px solid #f5de87;outline-offset:5px}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.paused .portal{transform:none!important}
@keyframes float{50%{transform:translateY(-12px) rotateY(2deg) rotateZ(.4deg)}}@keyframes shine{0%,100%{background-position:100% 0;opacity:.1}50%{background-position:0 0;opacity:.8}}@keyframes travel{to{transform:translateX(-50%)}}@keyframes artBreath{50%{transform:scale(1.018)}}@keyframes light{50%{opacity:.12}}
@media(max-width:750px){header{padding:12px 16px}.edition{display:none}.controls{gap:0}.controls button{font-size:9px}.opening{padding-inline:20px}.opening-top{font-size:9px}.opening-top span:last-child{display:none}.intro{margin:35px 0}.intro>p:first-child{font-size:10px;letter-spacing:.12em}.portals{grid-template-columns:1fr;gap:100px;padding:0}.between{display:none}.opening-bottom{font-size:9px;line-height:1.6;margin-top:105px}.opening-bottom>span{display:none}.chapter{padding:60px 20px}.chapter-top{font-size:9px}.chapter-body{grid-template-columns:1fr;gap:25px}.wide-art{margin-inline:-20px}.wide-art img{width:190%;max-width:none;transform-origin:40% 50%;margin-left:-45%}.chapter h2{font-size:80px}.bridge{padding:60px 20px}.bridge>span{font-size:35px}.closing>div{flex-direction:column}.closing{padding:60px 20px}footer{flex-wrap:wrap}footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.portal{transform:none!important}}