/* 007 chrome + ice theme (overlay; loaded after color.css) */
:root{--sapph:#2f6bff;--emer:#14d07a;--ruby:#e3123c;--canary:#ffd60a;--amet:#9b5cff;
--gold:#d4af37;--mag:var(--ruby);--teal:var(--emer);--vio:var(--amet);--blue:var(--sapph);
--bg:#050506;--bg2:#101114;--ink:#0a0a0b;--lead:#d6dae0;--m:#a7adb6;
--chrome:linear-gradient(180deg,#fff 0%,#e3e7ec 20%,#7d838c 46%,#f7f9fb 54%,#a9b0b9 76%,#fff 100%);
--chromeh:linear-gradient(100deg,#8e959e 0%,#fff 18%,#b7bdc5 34%,#5f656d 50%,#eef1f4 66%,#9ba2ab 82%,#fff 100%);
--ac:#dfe3e8}
body{background:radial-gradient(120% 80% at 50% -10%,#1a1c20 0%,#050506 60%) fixed,#050506}
/* chrome headings */
h1,h2,h3{background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #000a) drop-shadow(0 0 1px #fff3)}
h2 em,h1 em{background:linear-gradient(100deg,var(--ac),#fff 45%,var(--ac));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.eyebrow{color:#e6e9ee}.eyebrow::before{background:linear-gradient(90deg,var(--ac),#fff,var(--ac))}
/* gem accent bands */
main>section{--ac:var(--sapph);border-top:1px solid #c9ced61f}
main>section:nth-of-type(5n+2){--ac:var(--emer)}main>section:nth-of-type(5n+3){--ac:var(--ruby)}
main>section:nth-of-type(5n+4){--ac:var(--canary)}main>section:nth-of-type(5n+5){--ac:var(--amet)}
main>section,main>section.alt{background-image:radial-gradient(80% 60% at 0% 0%,color-mix(in srgb,var(--ac) 9%,transparent),transparent 60%),linear-gradient(180deg,#0c0d10,#050506)}
main>section::before{height:2px;background:linear-gradient(90deg,transparent,#6b717a 10%,#fff 30%,var(--ac) 50%,#fff 70%,#6b717a 90%,transparent);opacity:1}
/* chrome buttons */
.btn.gold,.btn.mag,.btn.teal,.switch a.on{background:var(--chromeh);background-size:200% 100%;color:#0a0a0b;border-color:#f2f4f7;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px #0005,0 8px 24px -10px #fff8;text-shadow:0 1px 0 #fff8}
.btn.gold:hover,.btn.mag:hover,.btn.teal:hover{background-position:-100% 0}
.btn.ghost{color:#fff;background:#000a;border:1px solid #c9ced6;box-shadow:inset 0 0 0 1px #0008}
.btn:hover{box-shadow:0 0 0 1px #fff,0 0 18px -2px var(--ac),0 10px 30px -10px #fff6}
input:focus,textarea:focus,select:focus{border-color:#dfe3e8;box-shadow:0 0 0 3px color-mix(in srgb,var(--sapph) 35%,transparent)}
:focus-visible{outline:3px solid var(--sapph)}
/* chrome borders on cards/images */
.card,[class*="card"],.tm-grid>*{border-color:#9aa0a9 !important;box-shadow:inset 0 1px 0 #ffffff22,0 0 0 1px #00000080}
/* logo stays gold */
.brand{background:linear-gradient(180deg,#f6dd8a,#d4af37 55%,#b8932a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.brand small{-webkit-text-fill-color:#c9ced6}
/* diamonds */
.ice{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}
.ice i{position:absolute;width:var(--s,10px);height:var(--s,10px);transform:rotate(45deg);
background:linear-gradient(135deg,#fff 0%,var(--c) 35%,color-mix(in srgb,var(--c) 50%,#000) 55%,#fff 70%,var(--c) 100%);
box-shadow:0 0 6px var(--c),0 0 1px #fff;opacity:.55;animation:glint var(--d,4s) ease-in-out infinite;animation-delay:var(--dl,0s)}
.ice i::after{content:"";position:absolute;left:50%;top:50%;width:300%;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);transform:translate(-50%,-50%);opacity:0;animation:inherit}
@keyframes glint{0%,70%,100%{opacity:.25;filter:brightness(.9)}80%{opacity:1;filter:brightness(1.8)}}
@media (prefers-reduced-motion:reduce){.ice i,.ice i::after{animation:none}}
@media print{.ice{display:none}}

/* ===== v2: pave diamond lettering (like the 007 logo) ===== */
:root{--pave:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22d%22%20cx%3D%22.35%22%20cy%3D%22.3%22%20r%3D%22.75%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22/%3E%3Cstop%20offset%3D%22.35%22%20stop-color%3D%22%23eef2f7%22/%3E%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%239aa1ab%22/%3E%3Cstop%20offset%3D%22.85%22%20stop-color%3D%22%233a3e44%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d9dde3%22/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect%20width%3D%2210%22%20height%3D%2210%22%20fill%3D%22%235b6068%22/%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%222.5%22%20r%3D%222.35%22%20fill%3D%22url%28%23d%29%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%222.35%22%20fill%3D%22url%28%23d%29%22/%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%222.5%22%20r%3D%221.9%22%20fill%3D%22url%28%23d%29%22/%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%227.5%22%20r%3D%221.9%22%20fill%3D%22url%28%23d%29%22/%3E%3Cpath%20d%3D%22M2.5%201.2v2.6M1.2%202.5h2.6M7.5%206.2v2.6M6.2%207.5h2.6%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.35%22%20opacity%3D%22.9%22/%3E%3C/svg%3E")}
h1,h2,.hero h1,.cap h3,.tm-grid h3,.artist-name{color:#e9ecf0;-webkit-text-fill-color:#e9ecf0}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
h1,h2,.cap h3,.tm-grid h3,.artist-name{
background-image:linear-gradient(115deg,transparent 0%,transparent 42%,rgba(255,255,255,.95) 50%,transparent 58%,transparent 100%),var(--pave),var(--chrome);
background-size:250% 100%,.16em .16em,100% 100%;background-position:150% 0,0 0,0 0;
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
-webkit-text-stroke:.012em #f4f6f9;filter:drop-shadow(0 0 1px #fff8) drop-shadow(0 2px 1px #000c) drop-shadow(0 0 10px #ffffff22);
animation:paveglint 5.5s ease-in-out infinite}
h2 em,h1 em{background-image:linear-gradient(115deg,transparent 42%,#fff 50%,transparent 58%),var(--pave),linear-gradient(var(--ac),var(--ac));background-size:250% 100%,.16em .16em,100% 100%;background-blend-mode:normal,luminosity,normal;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
}
@keyframes paveglint{0%,60%{background-position:150% 0,0 0,0 0}85%,100%{background-position:-60% 0,0 0,0 0}}
@media (prefers-reduced-motion:reduce){h1,h2,.cap h3,.tm-grid h3,.artist-name{animation:none}}
/* leftover gold -> chrome */
.navcta,a.navcta{background:var(--chromeh)!important;background-size:200% 100%!important;color:#0a0a0b!important;border:1px solid #f2f4f7;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 3px #0005}
.navcta:hover{background-position:-100% 0!important}
.acard[style*="--gold"]{--c:#dfe3e8}
.roster3 .acard .tagx{background:var(--chromeh);background-size:200% 100%;color:#0a0a0b;box-shadow:inset 0 1px 0 #fff}
.acard[style*="--gold"] .eyebrow{color:#e6e9ee}
.rbadge{border-radius:50%;box-shadow:0 0 0 3px #0b0b0c,0 0 0 6px #e9ecf0,0 0 0 7px #6b717a,0 0 18px #fff5;filter:drop-shadow(0 8px 24px #0009)}
/* ===== v3: last gold -> chrome, gem-colored diamond letters ===== */
h2 em,h1 em{background-image:linear-gradient(115deg,transparent 42%,#fff 50%,transparent 58%),var(--pave),var(--chrome)!important;background-blend-mode:normal!important;background-size:250% 100%,.16em .16em,100% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#e9ecf0}
.acard[style*="--gold"] .eyebrow{color:#e6e9ee!important}
.acard[style*="--gold"] .eyebrow::before{background:linear-gradient(90deg,#8d939c,#fff,#8d939c)!important}
.b.gold,a.b.gold{background:var(--chromeh)!important;background-size:200% 100%!important;color:#0a0a0b!important;border-color:#f2f4f7!important;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px #0005}
.gem{--c:#2f6bff;background-image:var(--pave),linear-gradient(var(--c),var(--c))!important;background-size:.16em .16em,100% 100%!important;background-blend-mode:multiply!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:var(--c)}
.gem.g1{--c:#4f86ff}.gem.g2{--c:#22e08a}.gem.g3{--c:#ff2a55}.gem.g4{--c:#ffd60a}.gem.g5{--c:#b07cff}
@media (forced-colors:active){.gem{-webkit-text-fill-color:CanvasText!important}}
