@font-face{font-family:Cinzel;src:url('/assets/fonts/Cinzel.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:'Cinzel Decorative';src:url('/assets/fonts/CinzelDecorative-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:dark;--gold:#e6c16c;--cream:#fff0bd;--muted:#cbbca3}
*{box-sizing:border-box}html{min-height:100%;background:#09050e}body{margin:0;min-height:100svh;color:var(--cream);font-family:Cinzel,Georgia,serif;background:linear-gradient(180deg,#09050e12,#09050e38 65%,#09050e66),url('/assets/world.webp') center top / cover no-repeat;background-attachment:fixed}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 25%,#03010860 100%)}main{position:relative;max-width:1140px;margin:0 auto;padding:26px 56px 32px;text-align:center}.brand{font-size:13px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;margin:0 0 8px}.ornament{display:flex;align-items:center;justify-content:center;gap:14px;color:#d9ae59;font-size:13px;max-width:240px;margin:0 auto}.ornament::before,.ornament::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#aa7d37)}.ornament::after{transform:rotate(180deg)}.artist{font-size:clamp(13px,1.5vw,18px);font-weight:600;letter-spacing:.32em;text-transform:uppercase;margin:22px 0 8px}h1{font-family:'Cinzel Decorative',Georgia,serif;font-weight:700;text-transform:uppercase;font-size:clamp(44px,6.2vw,80px);line-height:1.15;letter-spacing:-.035em;margin:0;color:#efc56a;background:linear-gradient(#fff6ca 5%,#d6a64a 36%,#fff3b9 44%,#c18e37 69%,#f9d87a 88%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #4b3015) drop-shadow(0 0 20px #bd751533)}h1 span{white-space:nowrap}.eyebrow{font-size:12px;letter-spacing:.48em;text-transform:uppercase;margin:15px 0 27px;color:#ead9b1}.watch{margin:0 auto}.frame{position:relative;isolation:isolate;aspect-ratio:16/9;background:#020103;border:1px solid #e1b65d;border-radius:6px;box-shadow:0 0 0 5px #110a0e,0 0 0 6px #7d5929,0 0 35px #a46b2e33,0 20px 80px #000b;overflow:hidden}.frame video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.play-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(transparent 45%,#0005);border:0;color:var(--cream);cursor:pointer;font-family:inherit}.play-disc{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;border:1px solid #ffe2a2;background:radial-gradient(circle at 30% 20%,#51401af2,#17100dec 70%);box-shadow:0 0 0 7px #bb893d40,0 0 45px #e9ac3c77,0 4px 12px #000;transition:transform .2s,box-shadow .2s}.play-disc svg{width:38px;height:38px;fill:#f6d285;margin-left:1px}.play-cover:hover .play-disc{transform:scale(1.06);box-shadow:0 0 0 8px #bb893d55,0 0 55px #e9ac3c99}.play-label{padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 1px 6px #000;background:#08030b99;border-radius:20px}.play-cover:focus-visible{outline:3px solid white;outline-offset:-8px}.hint{font-size:12px;letter-spacing:.12em;color:#eddfc4;margin:22px 0 0}.loading{position:absolute;inset:0;place-content:center;background:#08030b99;pointer-events:none}.loading:not([hidden]){display:grid}.loading span{width:34px;height:34px;margin:auto;border:2px solid #e6c16c44;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}.loading p{font:14px system-ui,sans-serif;letter-spacing:.03em}.error{font:14px/1.5 system-ui,sans-serif;color:#fff0ca;max-width:520px;margin:16px auto}.retry{font:600 14px system-ui,sans-serif;background:#e6c16c;color:#1c0c12;border:0;border-radius:4px;padding:12px 24px;cursor:pointer}.retry:focus-visible{outline:3px solid white;outline-offset:4px}footer{margin-top:25px}footer .ornament{max-width:150px}footer p{font-size:10px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:10px 0 0}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){main{padding-top:40px}.artist{margin-top:28px}.eyebrow{margin-bottom:33px}}
@media(max-width:600px){body{background-position:center top;background-attachment:scroll}main{padding:29px 22px 35px}.brand{font-size:10px;letter-spacing:.3em}.heading .ornament{max-width:170px}.artist{margin:30px 0 12px;font-size:12px;letter-spacing:.22em}h1{font-size:clamp(36px,9vw,54px);line-height:1.16;letter-spacing:-.04em}h1 span{display:block}.eyebrow{font-size:10px;letter-spacing:.28em;margin:17px 0 28px}.frame{border-radius:3px;box-shadow:0 0 0 4px #110a0e,0 0 0 5px #7d5929,0 0 35px #a46b2e44,0 18px 50px #000b}.play-disc{width:60px;height:60px;box-shadow:0 0 0 5px #bb893d40,0 0 25px #e9ac3c77}.play-disc svg{width:28px;height:28px}.play-cover{gap:9px}.play-label{font-size:9px}.hint{margin-top:21px;font-size:10px}footer{margin-top:31px}footer p{font-size:9px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.sound{position:absolute;top:14px;right:14px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid #e6c16c;border-radius:50%;background:#130c1de6;color:#ffe2a2;cursor:pointer;box-shadow:0 2px 12px #0008}.sound svg{width:24px;height:24px;fill:currentColor}.sound-slash{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.sound:focus-visible{outline:3px solid white;outline-offset:4px}@media(max-width:600px){.sound{top:9px;right:9px}}