
:root{--gold:#d8a85e;--ice:#6fc5f5;--ember:#ff7d35;--ink:#050b13;--muted:#bdc9d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f4f0e9;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ice);outline-offset:4px}header{position:sticky;top:0;z-index:20;background:rgba(3,8,15,.94);border-bottom:1px solid #9c713b;box-shadow:0 2px 20px #000b}.nav{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;gap:20px}.brand{font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.15em;font-size:24px;white-space:nowrap}.brand small{display:block;text-align:center;font:600 10px Inter;letter-spacing:.4em;color:var(--ice)}.navlinks{display:flex;gap:clamp(12px,2vw,35px);align-items:center;flex-wrap:wrap}.navlinks a{font:600 11px Inter;letter-spacing:.16em;text-transform:uppercase;color:#e8e4dd}.navlinks a:hover,.navlinks a.active{color:var(--gold)}.navlinks a.active:after{content:'';display:block;height:2px;background:linear-gradient(90deg,transparent,var(--ember),transparent);margin-top:6px}.ornament{color:var(--gold);font-size:20px}.hero{min-height:min(760px,86vh);background:linear-gradient(180deg,rgba(2,6,12,.06) 10%,rgba(2,6,12,.06) 65%,#050b13 100%),url('assets/hero.jpg') center 42%/cover no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:100px 22px 65px}.hero h1{font-family:Cinzel,Georgia,serif;font-size:clamp(42px,7vw,100px);letter-spacing:.09em;line-height:1.05;margin:0;text-shadow:0 4px 20px #000,0 0 45px #000}.ice{color:var(--ice);text-shadow:0 0 16px #0088ff}.fire{color:var(--ember);text-shadow:0 0 18px #ed4c18}.hero .tagline{letter-spacing:.35em;text-transform:uppercase;font:600 clamp(11px,1.4vw,17px) Inter;margin:12px 0 22px;color:#f2d3a0;text-shadow:0 2px 8px #000}.buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.btn{display:inline-block;padding:13px 23px;border:1px solid var(--gold);background:linear-gradient(135deg,#251a13c9,#080f19e0);font:600 11px Inter;letter-spacing:.16em;text-transform:uppercase;transition:.2s}.btn:hover{background:#ad6b30;transform:translateY(-2px)}.section{padding:76px 25px;position:relative}.section:nth-of-type(even){background:radial-gradient(ellipse at 50% 0%,#112337 0%,#07101a 60%,#050b13 100%)}.wrap{max-width:1250px;margin:auto}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:600}.section h2{font:500 clamp(29px,4vw,50px) Cinzel,Georgia,serif;margin:13px 0 22px}.lead{color:var(--muted);line-height:1.85;max-width:780px}.divider{height:1px;background:linear-gradient(90deg,transparent,#d9a65c,transparent);max-width:800px;margin:35px auto}.feature{display:grid;grid-template-columns:minmax(240px,400px) 1fr;gap:clamp(25px,6vw,90px);align-items:center}.feature.reverse{grid-template-columns:1fr minmax(240px,400px)}.feature.reverse .feature-img{order:2}.feature-img{width:100%;display:block;border:1px solid #ad7d48;box-shadow:0 20px 60px #0009}.feature p{color:var(--muted);line-height:1.8}.songgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.song{border:1px solid #745334;background:#09121d;overflow:hidden;transition:.2s}.song:hover{border-color:#e0b270;transform:translateY(-3px)}.song img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.song div{padding:16px}.song h3{font:500 18px Cinzel,Georgia,serif;margin:0 0 8px}.song p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 12px}.song span{color:var(--gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.duo .feature-img{max-height:520px;object-fit:contain;background:#03060b}.duo h3{font:500 29px Cinzel;margin-bottom:8px}.duo p{color:var(--muted);line-height:1.75}.portrait{display:grid;grid-template-columns:minmax(220px,440px) 1fr;gap:50px;align-items:center}.portrait img{width:100%;border:1px solid var(--gold)}.footer{border-top:1px solid #79532d;padding:40px 20px;text-align:center;color:#9eabb8;font-size:12px}.footer a{color:var(--gold)}.note{font-size:12px;color:#9caab7}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.mini{max-width:750px;margin:auto;padding:100px 20px;text-align:center}.mini h1{font:500 65px Cinzel;color:var(--gold)}@media(max-width:800px){.nav{flex-direction:column;padding:12px}.brand{font-size:20px}.navlinks{justify-content:center;gap:12px}.navlinks a{font-size:10px}.hero{min-height:570px;background-position:52% center}.feature,.feature.reverse,.portrait{grid-template-columns:1fr}.feature.reverse .feature-img{order:0}.feature-img{max-width:470px;margin:auto}.songgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.duo{grid-template-columns:1fr}.section{padding:52px 18px}}@media(max-width:530px){.songgrid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero .tagline{letter-spacing:.15em}.navlinks a{font-size:9px}.section h2{font-size:30px}}
/* Artist collages: show every panel without cropping */
.duo .feature-img{max-height:none;height:auto;object-fit:contain;aspect-ratio:auto;}
.duo>div{min-width:0;}

/* Unified footer and dedicated Ice & Fire error scenes */
.footer{line-height:2.2}.footer-links{margin:2px 0}.footer-links a{color:var(--gold)}
.error-scene{min-height:calc(100svh - 135px);display:grid;place-items:center;text-align:center;padding:70px 20px;background:linear-gradient(90deg,#030811e8,#04101c77 48%,#180a05c9),var(--error-art) center/cover no-repeat;position:relative;isolation:isolate}.error-scene:before{content:"";position:absolute;inset:22px;border:1px solid #d6a35c88;pointer-events:none}.error-scene:after{content:"❖";position:absolute;bottom:33px;color:#e1b16c;font-size:24px}.error-overlay{max-width:900px;padding:30px 20px;text-shadow:0 4px 16px #000}.error-brand{font:600 clamp(20px,4vw,38px) Cinzel,Georgia,serif;letter-spacing:.15em}.error-brand span{font-size:.7em}.error-knot{color:var(--gold);letter-spacing:.6em;margin:24px 0}.error-number{font:600 clamp(100px,23vw,260px)/1 Cinzel,Georgia,serif;background:linear-gradient(120deg,#8fcaff,#f9f3df 50%,#ff8742);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 8px 20px #000)}.error-scene h1{font:600 clamp(28px,5vw,58px) Cinzel,Georgia,serif;margin:8px 0 20px}.error-scene p{font-size:clamp(15px,2vw,20px);color:#f2e7d9;line-height:1.7}.error-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}
