:root{color-scheme:dark;--accent:#d8ab55;font-family:Inter,Arial,sans-serif;background:#090b13;color:#f6f1e6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 5%,#282131 0,transparent 36%),#090b13}button,input{font:inherit}.site-head{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,70px);border-bottom:1px solid #ffffff20;color:#d8c6a1;letter-spacing:.1em;font-size:12px;font-weight:800}.site-head a{color:inherit;text-decoration:none}.site-head a:hover{text-decoration:underline}main{max-width:1500px;margin:auto;padding:32px clamp(18px,4vw,58px) 90px}.eyebrow,.preview-title,.selected-box>span{color:#d9b96d;font-size:12px;letter-spacing:.23em;font-weight:900}.intro{display:flex;align-items:end;justify-content:space-between;gap:45px;margin:0 0 38px}.intro h1{font-size:clamp(48px,7vw,108px);line-height:.91;text-transform:uppercase;letter-spacing:-.045em;margin:15px 0}.intro h1 em{font-style:normal;color:#d9b96d}.intro p:not(.eyebrow){color:#bebdc3;max-width:740px;font-size:18px;line-height:1.5}.intro-note{border-left:2px solid var(--accent);padding:10px 0 10px 20px;min-width:260px;max-width:320px;display:grid;gap:10px;color:#b9bac2;font-size:13px}.intro-note strong{color:#fff;font-size:18px}.workspace{display:grid;grid-template-columns:minmax(350px,1fr) minmax(310px,440px);gap:38px;align-items:start}.preview-wrap{background:#151821;border:1px solid #ffffff1c;border-radius:20px;padding:24px}.preview-title{display:flex;justify-content:space-between;margin-bottom:20px}.card{position:relative;overflow:hidden;aspect-ratio:1060/1484;background:#080a10;isolation:isolate}.hero{width:min(100%,430px);margin:auto;box-shadow:0 24px 50px #0009}.athlete{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.07) saturate(.87)}.hero .athlete{filter:contrast(1.08) saturate(.9)}.card[data-power=inferno] .athlete,.treatment[data-power=inferno] .athlete{filter:contrast(1.17) saturate(.8) sepia(.15)}.card[data-power=voltage] .athlete,.treatment[data-power=voltage] .athlete{filter:contrast(1.19) saturate(.76) hue-rotate(9deg)}.card[data-power=tempest] .athlete,.treatment[data-power=tempest] .athlete{filter:contrast(1.18) saturate(.48)}.effect{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:.65}.card[data-power=inferno] .effect,.treatment[data-power=inferno] .effect{background:radial-gradient(ellipse at 55% 95%,#fb661b99,transparent 28%),radial-gradient(ellipse at 15% 68%,#ce3a1077,transparent 21%)}.card[data-power=voltage] .effect,.treatment[data-power=voltage] .effect{background:linear-gradient(136deg,transparent 58%,#7bccff7a 59%,transparent 60%),radial-gradient(ellipse at 70% 58%,#287aff99,transparent 32%)}.card[data-power=tempest] .effect,.treatment[data-power=tempest] .effect{background:conic-gradient(from 130deg at 52% 78%,transparent 0 30%,#d5e8f354 39%,transparent 43% 69%,#bac9d759 74%,transparent 80%)}.card[data-treatment=inferno-afterburn-dark] .effect{background:linear-gradient(#09071188,#09071155),radial-gradient(ellipse at 55% 87%,#fa5313ad,transparent 30%)}.card[data-treatment=inferno-ascension] .effect{background:radial-gradient(ellipse at 50% 52%,#ef622a70,transparent 32%),radial-gradient(ellipse at 50% 88%,#ff7a146e,transparent 28%)}.card[data-treatment=voltage-ascension] .effect{background:radial-gradient(ellipse at 50% 45%,#508cff91,transparent 39%)}.card[data-treatment=tempest-maelstrom] .effect{background:conic-gradient(from 80deg at 53% 72%,transparent 0 27%,#e8f4f274 36%,transparent 43% 69%,#b1c5d264 75%,transparent 80%)}.card[data-treatment=tempest-impact] .effect{background:radial-gradient(ellipse at 55% 75%,transparent 22%,#c8e2ed80 24%,transparent 32%)}.black-panels,.accent-shadows,.accent-highlights,.nameplate{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.accent-mask{position:absolute;inset:0;background:var(--accent);-webkit-mask:url('./frame/accent-mask.png') center/100% 100% no-repeat;mask:url('./frame/accent-mask.png') center/100% 100% no-repeat;pointer-events:none}.split-s{position:absolute;inset:0;width:100%;height:100%;background:var(--accent);-webkit-mask:url('./frame/gold-s.png') center/100% 100% no-repeat;mask:url('./frame/gold-s.png') center/100% 100% no-repeat;filter:drop-shadow(0 1px 2px #fff8);pointer-events:none}.name{position:absolute;left:8.2%;bottom:7.2%;display:grid;gap:2px;width:47%;overflow:hidden}.name strong{font-size:clamp(20px,2.7vw,34px);font-weight:950;white-space:nowrap;letter-spacing:.015em}.name small{font-size:clamp(9px,1vw,13px);letter-spacing:.23em;font-weight:800;color:#e1d9c9}.concept-mark{position:absolute;right:3%;top:2%;color:#fff9;font-size:9px;letter-spacing:.18em;font-weight:900;writing-mode:vertical-rl}.preview-caption,.privacy{color:#aeb2bb;font-size:13px;line-height:1.55}.controls{padding:27px;border-radius:20px;border:1px solid #c8a96861;background:linear-gradient(145deg,#221e26,#12141d)}.controls h2{font-size:31px;margin:10px 0}.controls>p:not(.eyebrow){color:#bec0ca;line-height:1.5}.controls fieldset{border:1px solid #ffffff30;border-radius:13px;padding:16px;margin:22px 0}.controls legend{font-size:15px;font-weight:800;padding:0 5px}.swatches{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 18px}.swatches button{width:39px;height:39px;border-radius:50%;background:attr(data-color color);border:2px solid #fff6;cursor:pointer}.swatches button[data-color="#d8ab55"]{background:#d8ab55}.swatches button[data-color="#ba2138"]{background:#ba2138}.swatches button[data-color="#2364b2"]{background:#2364b2}.swatches button[data-color="#14836e"]{background:#14836e}.swatches button[data-color="#ad74d2"]{background:#ad74d2}.swatches button[data-color="#e2e8f0"]{background:#e2e8f0}.swatches button.active{outline:2px solid white;outline-offset:3px}.hex-label,.photo-field,.text-field{display:grid;gap:9px;color:#e7e2d7;font-size:14px;font-weight:700}.controls input[type=text],.controls input[type=file]{width:100%;border:1px solid #ffffff40;background:#0c0e16;color:#fff;border-radius:8px;padding:12px}.controls input[type=file]{font-size:12px}.photo-field,.text-field{margin:18px 0}.selected-box{background:#090b12;border-left:3px solid var(--accent);padding:18px;margin-top:25px;display:grid;gap:8px}.selected-box strong{font-size:22px}.selected-box p{margin:0;color:#b8b7bd;font-size:14px;line-height:1.4}.gallery-section{margin-top:70px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end}.section-heading h2{font-size:clamp(30px,4vw,50px);margin:10px 0 20px}.section-heading>p{max-width:420px;color:#adafb8;line-height:1.5}.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.treatment{text-align:left;background:#171a24;border:1px solid #ffffff26;color:#f7f2e7;border-radius:13px;padding:11px;cursor:pointer;transition:transform .18s,border-color .18s}.treatment:hover{transform:translateY(-3px);border-color:var(--accent)}.treatment.selected{border:2px solid var(--accent);padding:10px;box-shadow:0 0 0 2px #000,0 0 0 4px var(--accent)}.tile-card{display:block;border-radius:7px}.tile-name{position:absolute;left:8%;bottom:8%;font-size:clamp(9px,1.4vw,19px);font-weight:950;letter-spacing:.02em}.tile-copy{display:grid;gap:7px;padding:15px 5px 9px}.tile-copy small{color:#d8ae65;font-size:10px;letter-spacing:.19em;font-weight:900}.tile-copy strong{font-size:19px}.tile-copy>span{font-size:12px;line-height:1.4;color:#adb0bc}@media(max-width:950px){.intro,.section-heading{display:block}.intro-note{max-width:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.hero{width:min(100%,480px)}}@media(max-width:570px){.site-head{font-size:10px;gap:12px}.site-head span{display:none}.gallery{gap:10px}.tile-copy strong{font-size:15px}.tile-copy>span{display:none}.controls{padding:20px}}
.sports-section{margin:0 0 34px;padding:24px;border:1px solid #ffffff27;border-radius:18px;background:#131722}.sports-heading{display:flex;justify-content:space-between;gap:24px;align-items:end}.sports-heading h2{margin:6px 0 20px;font-size:clamp(26px,3vw,42px)}.sports-heading>p{max-width:450px;color:#b7b9c2;line-height:1.5}.sport-options{display:flex;flex-wrap:wrap;gap:9px}.sport-option{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff38;border-radius:999px;padding:10px 14px;background:#202533;color:#f8f3e9;cursor:pointer;font-size:13px;font-weight:800}.sport-option:hover{border-color:var(--accent)}.sport-option[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#11131b}.sport-option span{font-size:18px}.more-sports{margin-top:16px}.more-sports summary{width:max-content;cursor:pointer;color:#dfc083;font-size:13px;font-weight:800}.more-sports .sport-options{padding-top:16px}.sport-status{margin:18px 0 0;color:#c6c6ce;font-size:13px}.empty-photo{display:none;position:absolute;inset:0;align-content:center;justify-items:center;gap:9px;text-align:center;background:radial-gradient(circle at 50% 50%,#283043,#10131c 65%);color:#f7edd9}.empty-photo strong{font-size:clamp(20px,3vw,38px);letter-spacing:.08em}.empty-photo span{font-size:13px;color:#c4c5cf}.deity-card.no-photo .athlete{display:none}.deity-card.no-photo .empty-photo{display:grid}.tile-card .empty-photo strong{font-size:18px}.tile-card .empty-photo span{font-size:11px}@media(max-width:680px){.sports-heading{display:block}.sport-option{padding:8px 11px;font-size:12px}}

.tile-card{position:relative;overflow:hidden;aspect-ratio:1060/1484;isolation:isolate;background:#080a10}

.source-photo{height:220px;display:grid;place-items:center;overflow:hidden;border:1px solid #ffffff35;border-radius:12px;background:#0b0d14}.source-photo img{width:100%;height:100%;object-fit:contain}.source-photo img[hidden],.source-photo span[hidden]{display:none}.source-photo span{color:#c5c5ce}.source-caption{display:flex;justify-content:space-between;gap:12px;color:#b9bac4;font-size:13px}.source-caption strong{color:#f8f3e9}.tile-card.no-photo .tile-name{display:none}

.source-photo{position:relative;height:340px}.source-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;min-width:0;min-height:0}

.hero .name{width:59%}.hero .name strong{font-size:clamp(20px,2.3vw,28px)}

.finish-choice{display:grid;gap:10px}.finish-choice label{display:flex;align-items:center;gap:9px;min-height:37px;font-size:14px;font-weight:700}.finish-choice input{accent-color:#d8ab55}.finish-choice p{margin:0;color:#c8c2b7;font-size:12px;line-height:1.45}.foil-study .split-s{filter:drop-shadow(0 0 5px #fff6) brightness(1.45)}.foil-study::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 31%,#fff8 33%,transparent 35%);opacity:.16;pointer-events:none}

.deity-price{display:grid;gap:11px;margin:22px 0;padding:18px;border:1px solid #d9b96d77;border-radius:14px;background:linear-gradient(145deg,#413021,#10131b 72%)}.deity-price h2{margin:0}.deity-price>strong{font-size:27px;color:#f4d598}.deity-price .deity-addons{display:grid;gap:7px}.deity-price .deity-addons label{display:flex;align-items:center;gap:9px;min-height:38px;padding:7px 9px;border:1px solid #ffffff30;border-radius:8px;font-size:13px;cursor:pointer}.deity-price .deity-addons label:has(input:checked){border-color:#d9b96d;background:#d9b96d22}.deity-price input[type=radio],.deity-price input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:#d9b96d}.deity-price select{min-height:40px;padding:8px;border:1px solid #ffffff30;border-radius:8px;background:#0c0e16;color:#fff}.deity-price ul{display:grid;gap:5px;margin:0;padding:11px 0 0;border-top:1px solid #d9b96d55;list-style:none;font-size:12px}.deity-price>p:last-child{margin:0;color:#c5bcb1;font-size:11px;line-height:1.5}

/* Use the shared portrait Split S at Prestige PT's printed 85 × 62 px size. */
.split-s{
  -webkit-mask-image:url('../collections/prestige-gold-s.png');
  mask-image:url('../collections/prestige-gold-s.png');
  -webkit-mask-size:8.019% 4.178%;
  mask-size:8.019% 4.178%;
  -webkit-mask-position:3.385% 2.532%;
  mask-position:3.385% 2.532%;
}

.deity-build,.deity-review{margin-top:36px;padding:clamp(18px,4vw,32px);border:1px solid #d9b96d66;border-radius:18px;background:#151821;color:#f6f1e6;line-height:1.5}.deity-review[hidden]{display:none}.deity-build p{max-width:760px}.deity-build button,.deity-review button,dialog button{min-height:44px;padding:12px 18px;margin:5px 8px 5px 0;border:1px solid #e4c782;border-radius:9px;background:#d9b96d;color:#10131b;font-weight:800;cursor:pointer}.deity-build button:disabled,.deity-review button:disabled{opacity:.55;cursor:default}.deity-build a,.deity-review a{color:#f0d99e}.deity-build select,.controls textarea{width:100%;max-width:100%;padding:12px;border:1px solid #ffffff60;border-radius:8px;background:#0c0e16;color:#fff;font:inherit}.controls textarea{resize:vertical}.controls input[type=color]{width:90px;min-height:44px}.proof-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.proof-sides figure{margin:0}.proof-sides img{display:block;width:100%;height:auto}.approve-check{display:flex;align-items:start;gap:12px;margin:24px 0}.approve-check input{min-width:24px;min-height:24px}dialog{max-width:min(560px,calc(100% - 32px));padding:26px;border:1px solid #d9b96d;background:#151821;color:#f6f1e6;border-radius:16px;line-height:1.5}dialog::backdrop{background:#000b}:is(button,input,select,textarea,a):focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:600px){.proof-sides{grid-template-columns:1fr}.workspace{grid-template-columns:minmax(0,1fr)}.preview-wrap,.controls{min-width:0}.deity-build button,.deity-review button{width:100%;margin:6px 0}}

.controls [hidden]{display:none!important}

.foil-study::after{display:none}

.deity-card .name strong,.deity-card .tile-name{color:var(--accent)}
#powerField button{min-height:44px;padding:10px 14px;border:1px solid #d9b96d;border-radius:8px;background:#332a20;color:#fff;font:inherit;cursor:pointer}
#powerField button:focus-visible{outline:3px solid #fff;outline-offset:3px}
#powerField button:disabled{opacity:.5;cursor:wait}

/* Same-photo reference proofs: keep the artwork itself as the comparison. */
.deity-originals{margin:0 0 46px;padding:clamp(20px,3vw,40px);border:1px solid #b994db55;border-radius:20px;background:radial-gradient(ellipse at 80% 20%,#4e30662b,transparent 65%),#11141e}
.originals-heading{max-width:760px;margin-bottom:28px}.originals-heading h2{margin:10px 0 16px;font-size:clamp(32px,4.5vw,62px);line-height:1.05;letter-spacing:-.035em}.originals-heading>p:last-child{color:#c8c6d0;font-size:17px;line-height:1.6}
.originals-comparison{display:grid;grid-template-columns:minmax(120px,200px) minmax(0,1fr);gap:clamp(20px,3vw,42px);align-items:center}.deity-originals figure{margin:0;min-width:0}.deity-originals img{display:block;max-width:100%;width:100%;height:auto;border-radius:9px}.originals-source img{border:1px solid #ffffff25}.originals-source figcaption{margin-top:12px;color:#c8c6d0;font-size:14px}.originals-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,30px)}.originals-pair a{display:block;border-radius:9px;outline-offset:5px}.originals-pair a:focus-visible{outline:3px solid #e0baff}.originals-pair figcaption{display:grid;gap:7px;margin-top:16px}.originals-pair figcaption span{color:#c6a2e3;font-size:11px;font-weight:800;letter-spacing:.14em}.originals-pair figcaption strong{font-size:20px}.originals-note{margin:26px 0 16px;color:#c8c6d0;font-size:13px;line-height:1.6}.originals-cta{display:inline-flex;align-items:center;gap:18px;min-height:48px;padding:12px 20px;background:#d9b96d;color:#15131b;border-radius:9px;font-weight:800;text-decoration:none}.originals-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}#choose-sport{scroll-margin-top:100px}
@media(max-width:900px){.originals-comparison{grid-template-columns:minmax(0,1fr)}.originals-source{display:flex;align-items:center;gap:18px}.originals-source img{width:88px}.originals-source figcaption{margin:0}}
@media(max-width:520px){.originals-pair{grid-template-columns:minmax(0,1fr);gap:28px}.originals-pair figure{max-width:380px;margin-inline:auto}.originals-heading>p:last-child{font-size:16px}.originals-note{font-size:13px}.originals-cta{max-width:100%}}
