/* ITD2 — "If You See What's Done in The Dark, It Needs No Light 2": promo, builder and fan versions pages */
@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/anton-latin-400.woff2) format("woff2")}
:root{color-scheme:dark only;--bg:#090705;--pan:#15100b;--pan2:#1d160f;--ln:#f6c64a2e;--gold:#f6c64a;--gold2:#ffe08a;--gold3:#a87a1c;--tx:#f4ecda;--mu:#b9ab8c;--red:#ff2a3d;--teal:#00f0d0;--disp:Anton,Impact,"Arial Narrow",sans-serif;--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;color:var(--tx);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-text-size-adjust:100%;min-height:100vh;padding-bottom:110px;
 background:radial-gradient(760px 460px at 50% -8%,#f6c64a22,transparent 62%),radial-gradient(560px 560px at 110% 42%,#a87a1c1a,transparent 60%),radial-gradient(560px 560px at -12% 80%,#ff4b3a10,transparent 60%),var(--bg)}
a{color:var(--gold2)}[hidden]{display:none!important}
button{font:inherit;color:inherit}
.it-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem;max-width:960px;margin:0 auto;padding:14px 16px;flex-wrap:wrap}
.it-home{color:var(--tx);text-decoration:none;font-weight:700;letter-spacing:.04em}
.it-nav{display:flex;gap:.4rem;flex-wrap:wrap}
.it-nav a{text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.38rem .8rem;border:1px solid var(--ln);border-radius:999px;color:var(--mu)}
.it-nav a[aria-current=page]{color:#140e07;background:var(--gold);border-color:var(--gold)}
.it-wrap{max-width:960px;margin:0 auto;padding:0 16px}
.it-eyebrow{font:600 .72rem/1.3 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 .5rem}
.it-credit{font:italic 500 1rem/1.2 var(--serif);letter-spacing:.06em;color:var(--mu);margin:0}
.it-artist{font:700 .85rem/1.2 system-ui,sans-serif;letter-spacing:.32em;text-transform:uppercase;margin:.35rem 0 .2rem}
.it-h1{font:400 clamp(1.9rem,7.4vw,3.4rem)/1.02 var(--disp);text-transform:uppercase;letter-spacing:.01em;margin:.2rem 0 .5rem;color:var(--tx)}
.it-h1 em{font-style:normal;color:var(--gold)}
.it-h1 .it-two{display:inline-block;color:var(--gold);font-size:1.25em;line-height:.8;vertical-align:-.06em}
.it-x{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #f4ecda99;border-radius:3px;padding:.12rem .45rem;font:700 .66rem/1 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--tx);background:#000a}
.it-x b{background:var(--tx);color:#000;padding:.1rem .25rem;border-radius:2px}
.it-hero{display:grid;gap:1.4rem;align-items:center;padding:.6rem 0 1.4rem}
@media(min-width:760px){.it-hero{grid-template-columns:minmax(0,420px) 1fr}}
.it-cover{display:block;position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--ln);box-shadow:0 20px 60px #000c,0 0 0 1px #0008;aspect-ratio:1/1;background:#1a120b;text-decoration:none;max-width:460px;margin:0 auto;width:100%}
.it-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.it-cover:hover img,.it-cover:focus-visible img{transform:scale(1.02)}
.it-cover .it-cover-cta{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;background:#090705e6;border:1px solid var(--gold);color:var(--gold2);font:700 .78rem/1 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:.62rem 1rem;border-radius:999px;box-shadow:0 6px 20px #000a}
.it-lead{color:var(--tx);font-size:1.05rem;margin:.4rem 0 1rem;max-width:36em}
.it-mu{color:var(--mu)}.it-sm{font-size:.85rem}
.it-btns{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}
.it-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:46px;padding:.6rem 1.2rem;border-radius:999px;border:1px solid var(--gold);background:linear-gradient(180deg,var(--gold2),var(--gold));color:#140e07;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.85rem;text-decoration:none;cursor:pointer}
.it-btn.ghost{background:#f6c64a10;color:var(--gold2)}
.it-btn:disabled{opacity:.55;cursor:default}
.it-prog{margin:.6rem 0 1rem}
.it-prog-t{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;font-weight:700;margin-bottom:.35rem}
.it-prog-t b{font:400 1.25rem/1 var(--disp);letter-spacing:.03em;color:var(--gold)}
.it-bar{height:10px;border-radius:99px;background:#f6c64a18;border:1px solid var(--ln);overflow:hidden}
.it-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold3),var(--gold),var(--gold2));transition:width .6s}
.it-dots{display:grid;grid-template-columns:repeat(13,1fr);gap:4px;margin-top:.5rem}
.it-dots span{height:6px;border-radius:3px;background:#f6c64a1c}.it-dots span.on{background:var(--gold)}
.it-card{background:linear-gradient(180deg,var(--pan2),var(--pan));border:1px solid var(--ln);border-radius:14px;padding:1rem 1.05rem;margin:0 0 1rem}
.it-card h2{font:400 1.35rem/1.1 var(--disp);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .5rem;color:var(--tx)}
.it-steps{list-style:none;padding:0;margin:.4rem 0 0;display:grid;gap:.6rem}
@media(min-width:760px){.it-steps{grid-template-columns:repeat(3,1fr)}}
.it-steps li{background:#0007;border:1px solid var(--ln);border-radius:12px;padding:.8rem .9rem}
.it-steps b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#140e07;font-weight:900;margin-bottom:.35rem}
.it-steps strong{display:block;margin-bottom:.15rem}
.it-single{display:flex;gap:.8rem;align-items:center}
.it-single img{width:64px;height:64px;border-radius:8px;object-fit:cover;flex:none}
/* builder */
.it-list{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.it-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:.6rem;background:#0008;border:1px solid var(--ln);border-radius:12px;padding:.5rem .6rem;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.it-row.drag{z-index:5;border-color:var(--gold);box-shadow:0 14px 34px #000d,0 0 0 2px #f6c64a55;background:#1d160f;opacity:.96}
.it-row.ph{border-style:dashed;background:transparent;color:var(--mu)}
.it-row.ph .it-n{opacity:.5}
.it-handle{width:40px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--mu);cursor:grab;touch-action:none;border-radius:8px}
.it-handle:active{cursor:grabbing}.it-handle:focus-visible{outline:2px solid var(--gold)}
.it-handle svg{width:22px;height:22px}
.it-n{font:400 1.25rem/1 var(--disp);color:var(--gold);min-width:1.6em;text-align:center}
.it-meta{min-width:0;display:flex;gap:.6rem;align-items:center}
.it-meta img{width:44px;height:44px;border-radius:6px;object-fit:cover;flex:none;background:#1a120b}
.it-meta .t{min-width:0}
.it-meta .t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.it-meta .t small{color:var(--mu);font-size:.78rem}
.it-vers{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.3rem}
.it-vers button{border:1px solid var(--ln);background:#f6c64a0c;color:var(--mu);border-radius:999px;padding:.2rem .6rem;font-size:.74rem;font-weight:700;cursor:pointer;min-height:30px}
.it-vers button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#140e07}
.it-acts{display:flex;gap:.25rem;align-items:center}
.it-ib{width:40px;height:40px;border-radius:50%;border:1px solid var(--ln);background:#f6c64a10;color:var(--gold2);display:grid;place-items:center;cursor:pointer;font-size:.95rem}
.it-ib.on{background:var(--gold);color:#140e07}
.it-ib.sm{width:32px;height:32px;font-size:.8rem}
.it-move{display:flex;flex-direction:column;gap:2px}
@media(max-width:420px){.it-row{grid-template-columns:auto 1fr auto;padding:.45rem .5rem}.it-row .it-n{position:absolute;left:44px;top:6px;font-size:.85rem;min-width:0}.it-move{display:none}}
.it-save{position:sticky;bottom:10px;z-index:20;display:flex;gap:.6rem;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#140e07ee;border:1px solid var(--gold3);border-radius:14px;padding:.6rem .7rem;margin:1rem 0;backdrop-filter:blur(6px);box-shadow:0 10px 30px #000c}
.it-save .st{font-size:.85rem;color:var(--mu)}
.it-lock{display:flex;gap:.8rem;align-items:center;border:1px dashed var(--gold3);border-radius:12px;padding:.9rem;background:#0006}
.it-lock .ic{font-size:1.6rem}
.it-form{display:grid;gap:.55rem;max-width:460px}
.it-form label{font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--mu)}
.it-form input[type=text],.it-form input[type=email],.it-form input[type=tel],.it-form textarea{width:100%;padding:.75rem .85rem;border-radius:10px;border:1px solid var(--ln);background:#0009;color:var(--tx);font:inherit;font-size:16px}
.it-form input:focus,.it-form textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.it-chk{display:flex;gap:.5rem;align-items:flex-start;font-size:.82rem;color:var(--mu);font-weight:400!important;letter-spacing:0!important}
.it-chk input{margin-top:.2rem}
.it-err{color:#ff8a8a;min-height:1.2em;margin:0;font-size:.88rem}
.it-ok{color:var(--gold2)}
.it-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.it-link{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
.it-link input{flex:1;min-width:200px;padding:.6rem .7rem;border-radius:10px;border:1px solid var(--ln);background:#000a;color:var(--tx);font:inherit;font-size:.9rem}
/* player bar */
.it-player{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:min(560px,calc(100% - 20px));z-index:40;display:flex;align-items:center;gap:.6rem;background:#140e07f2;border:1px solid var(--gold3);border-radius:14px;padding:.5rem .7rem;box-shadow:0 10px 30px #000c;backdrop-filter:blur(6px)}
.it-player .pt{flex:1;min-width:0;font-size:.85rem}.it-player .pt b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.it-player .pt small{color:var(--mu)}
.it-player progress{width:100%;height:4px;accent-color:var(--gold);display:block;margin-top:.25rem}
body.it-playing .it-save{bottom:76px}
/* community */
.it-vlist{display:grid;gap:.8rem}
@media(min-width:760px){.it-vlist{grid-template-columns:1fr 1fr}}
.it-ver{background:linear-gradient(180deg,var(--pan2),var(--pan));border:1px solid var(--ln);border-radius:14px;padding:.9rem 1rem}
.it-ver.hl{border-color:var(--gold);box-shadow:0 0 0 2px #f6c64a44}
.it-ver h3{font:400 1.2rem/1.1 var(--disp);text-transform:uppercase;letter-spacing:.03em;margin:0}
.it-ver ol{margin:.6rem 0;padding-left:1.4rem;font-size:.9rem}
.it-ver ol li{margin:.15rem 0}
.it-tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--gold3);color:var(--gold2);border-radius:999px;padding:.05rem .45rem;margin-left:.3rem;vertical-align:1px}
.it-empty{text-align:center;padding:1.6rem 1rem;color:var(--mu)}
.it-fine{color:var(--mu);font-size:.78rem;text-align:center;margin:1.6rem 0}
.it-toast{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:60;background:var(--gold);color:#140e07;font-weight:800;padding:.55rem 1rem;border-radius:999px;box-shadow:0 8px 24px #000a}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* download gate, out-now list, extras, referrals */
.it-out{list-style:none;margin:0 0 .6rem;padding:0;display:grid;gap:.55rem}
.it-oi{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border:1px solid rgba(240,196,92,.22);border-radius:14px;background:rgba(0,0,0,.25)}
.it-oi img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex:none}
.it-oi .t{flex:1;min-width:0}.it-oi .t b{display:block;line-height:1.25}.it-oi .t small{display:block;color:#bfae86;font-size:.78rem;margin-top:.15rem}
.it-oi.lk{opacity:.8}.it-oa{display:flex;gap:.4rem;align-items:center;flex:none}
.it-btn.sm{padding:.5rem .8rem;font-size:.78rem;min-height:40px}
.it-ib.dl{font-size:1rem}
.it-pill{font-size:.75rem;padding:.35rem .6rem;border-radius:999px;border:1px solid rgba(240,196,92,.35);color:#f0c45c;white-space:nowrap}
.it-url{display:flex;gap:.4rem;flex-wrap:wrap}.it-url input{flex:1;min-width:0;padding:.6rem .7rem;border-radius:10px;border:1px solid rgba(240,196,92,.35);background:#0d0b07;color:#f7ecd2;font:inherit;font-size:.85rem}
.it-or{display:flex;align-items:center;gap:.6rem;margin:.55rem 0 .1rem;color:#bfae86;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.it-or::before,.it-or::after{content:"";flex:1;height:1px;background:rgba(240,196,92,.25)}
.it-hint{margin:.35rem 0 .2rem}
.it-modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;justify-content:center;padding:0}
.it-modal[hidden]{display:none}
.it-mbox{position:relative;width:min(100%,480px);max-height:92vh;overflow:auto;background:#17130c;border:1px solid rgba(240,196,92,.35);border-radius:20px 20px 0 0;padding:1.1rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.6)}
@media(min-width:640px){.it-modal{align-items:center}.it-mbox{border-radius:20px}}
.it-mx{position:absolute;top:.7rem;right:.7rem}
body.it-modal-on{overflow:hidden}
.it-shout{margin:0;padding-left:1.3rem;display:grid;gap:.35rem}.it-shout li span{color:#bfae86;font-size:.8rem;margin-left:.5rem}
.it-oi{flex-wrap:wrap}.it-oi .t{flex:1 1 calc(100% - 64px)}
.it-oa{flex:1 1 100%;justify-content:flex-end;padding-left:calc(48px + .7rem)}
.it-oa .it-btn.sm{flex:1}
.it-oi.lk .it-pill,.it-oi>.it-btn.sm{margin-left:calc(48px + .7rem)}
#it-ex .it-oi .t{flex-basis:100%}#it-ex .it-oi>.it-btn.sm,#it-ex .it-oi>.it-pill{margin-left:0}
/* phone-save tip, optional alerts, album download */
.it-tip{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;justify-content:center;padding:0 .6rem calc(.6rem + env(safe-area-inset-bottom));pointer-events:none}
.it-tip[hidden]{display:none}
.it-tip-b{pointer-events:auto;width:min(100%,480px);background:#17130c;border:1px solid rgba(240,196,92,.5);border-radius:18px;padding:.9rem 1rem;box-shadow:0 -6px 30px rgba(0,0,0,.6);animation:itup .25s ease-out}
.it-tip-b .h{display:block;color:#f0c45c;margin-bottom:.3rem}.it-tip-b p{margin:.25rem 0 .5rem;font-size:.88rem;line-height:1.45}
@keyframes itup{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
.it-opt{margin:.6rem 0 .2rem;border:1px solid rgba(240,196,92,.18);border-radius:10px;padding:.45rem .65rem}
.it-opt summary{cursor:pointer;font-size:.8rem;color:#bfae86}.it-opt[open] summary{margin-bottom:.35rem}
.it-one{margin-top:.8rem}.it-one summary{cursor:pointer;font-weight:600}
#it-dl-list .it-oi{padding:.5rem .7rem}#it-dl-list .it-n{font-weight:800;color:#f0c45c;min-width:1.6em}
#it-dl-list .it-oi .t{flex:1 1 auto}#it-dl-list .it-oi>.it-btn.sm{margin-left:0;flex:none}
#it-dl-album{width:100%}
#it-dl-list .it-oi{display:flex;flex-wrap:nowrap;align-items:center;gap:.6rem}#it-dl-list .it-oi .t{min-width:0}
/* supporters-only lock */
.it-lockline{display:flex;align-items:center;gap:.4rem;width:100%;margin:0 0 .6rem;padding:.55rem .75rem;border-radius:12px;border:1px solid rgba(240,196,92,.45);background:rgba(240,196,92,.08);color:#f3ead6;font:inherit;font-size:.86rem;text-align:left;cursor:pointer}
.it-lockline b{color:#f0c45c}
.it-ib.it-lk{position:relative}.it-ib.it-lk::after{content:"🔒";position:absolute;right:-6px;bottom:-6px;font-size:.7rem;line-height:1;background:#17130c;border-radius:50%;padding:2px}