@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--gold:#e2c48d;--cream:#f4ebdb;--muted:#b9aabf;--border:#b58a493c;font-family:Manrope,Arial,sans-serif;color:var(--cream);background:#100a18}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#34203e 0,transparent 52%),#100a18;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:1px solid var(--border);background:#201329;color:var(--cream);padding:12px 18px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}button:hover{border-color:var(--gold);background:#2e1c38}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.gold-button{background:linear-gradient(130deg,#ecd4a3,#c59a55);border-color:#e3be7b;color:#201126}.gold-button:hover{background:#edd4a2}.site-header{max-width:1320px;padding:28px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-header img{width:200px;height:auto}.shop-link{font-size:12px;color:#d8c6a6}.shop-link span{margin-left:12px}main{max-width:1320px;padding:0 40px;margin:auto}.intro{text-align:center;padding:25px 0 30px}.eyebrow{font-size:10px;letter-spacing:.26em;font-weight:600;color:var(--gold);margin:0 0 15px}.intro h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(40px,4.7vw,68px);font-weight:500;line-height:.98;letter-spacing:-.025em;margin:0 0 20px}.intro h1 br{display:none}.intro h1 em{font-weight:500;color:var(--gold)}.lead{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.player{position:relative;border:1px solid #b38c50;border-radius:10px;overflow:hidden;box-shadow:0 18px 70px #0008;background:#09060d}.viewport{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#09060d}iframe{position:absolute;top:0;left:0;width:1920px;height:1080px;transform-origin:0 0;border:0;display:block}.start-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(90deg,#0c0713c9,#0c0713f0,#0c0713c9)}.start-overlay[hidden]{display:none}.start-overlay .ornament{display:block;color:var(--gold);font-size:32px;margin:0 0 10px}.start-overlay h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(32px,4.3vw,60px);line-height:1.05;margin:0 0 22px}.start-overlay p:last-child{font-size:11px;color:var(--muted);margin:14px 0 0}.start-overlay button{font-size:14px;padding:14px 30px;min-width:200px}.player-toolbar{display:flex;gap:10px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.volume-label{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-left:8px}.volume-label input{width:85px;accent-color:#d9b676}.now{margin:0 auto 0 12px;min-width:0}.now span{display:block;font-size:8px;letter-spacing:.2em;color:var(--gold);margin-bottom:5px}.now strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.under-player{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a899ad;padding-top:13px;line-height:1.6}#connection:before{content:'';display:inline-block;height:6px;width:6px;background:#a58c64;border-radius:50%;margin-right:7px}#connection.connected:before{background:#a4c58c;box-shadow:0 0 9px #97c68c44}#notice{font-size:12px;line-height:1.5;color:var(--gold);min-height:18px;margin:8px 0}.share-fallback{padding:15px;border:1px solid var(--border);border-radius:8px}.share-fallback label{display:block;font-size:12px;margin-bottom:8px}.share-fallback input{background:#180e21;border:1px solid #766039;color:var(--cream);padding:12px;width:100%;font-size:13px}.visit-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:35px 0 25px}.visit-links a{padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.visit-links span{display:block;font-size:9px;letter-spacing:.2em;color:var(--gold);margin-bottom:12px}.visit-links strong{display:flex;justify-content:space-between;font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;font-weight:500}.visit-links i{font-size:20px;color:var(--gold)}.channel-note{font-size:11px;color:#a395aa;line-height:1.7;max-width:680px;margin:0 auto 35px;text-align:center}footer{max-width:1320px;margin:auto;padding:22px 40px 35px;display:flex;justify-content:space-between;gap:20px;color:#ad99b2;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px}footer span{font:10px Manrope,Arial,sans-serif;letter-spacing:.1em;align-self:center}.exit-screen{display:none;position:absolute;top:16px;right:16px;z-index:4;background:#100a18e8}.player:fullscreen,.theater .player{display:flex;align-items:center;justify-content:center;background:#000;border:0;border-radius:0}.player:fullscreen .viewport,.theater .viewport{width:min(100vw,177.77778vh);flex-shrink:0}.player:fullscreen .exit-screen,.theater .exit-screen{display:block}.theater{overflow:hidden}.theater .player{position:fixed;inset:0;z-index:1000}
@media(max-width:700px){.site-header{padding:22px 20px}.site-header img{width:160px}.shop-link{font-size:10px}main{padding:0 16px}.intro{padding:25px 10px}.intro h1{font-size:43px}.intro h1 br{display:block}.lead{font-size:12px}.player{border-radius:6px}.start-overlay .ornament{display:none}.start-overlay .eyebrow{font-size:7px;margin-bottom:8px}.start-overlay h2{font-size:28px;margin-bottom:12px}.start-overlay button{padding:9px 18px;font-size:11px;min-width:170px}.start-overlay p:last-child{font-size:8px;margin-top:8px}.player-toolbar{flex-wrap:wrap;gap:8px;padding:14px 0}.player-toolbar button{padding:10px 12px;font-size:11px}.volume-label{margin-left:auto;font-size:10px}.volume-label input{width:80px}.now{order:4;flex-basis:100%;margin:4px 0 0}.now span{display:inline;margin-right:12px}.now strong{display:inline;font-size:11px}.under-player{font-size:9px;flex-direction:column;gap:2px}.visit-links{grid-template-columns:1fr;gap:10px;margin-top:20px}.visit-links a{padding:18px 0}.visit-links strong{font-size:25px}footer{padding:20px;flex-direction:column;align-items:center;font-size:19px;gap:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
