:root{
  --bg:#000;--panel:#0b0b0b;--white:#fff;--grey:#b2b2b2;--grey-2:#949494;
  --line:rgba(255,255,255,.18);--line-2:rgba(255,255,255,.4);
  --wood-hi:#6b4a2c;--wood:#4a3018;--wood-dk:#241407;
  --display:'Anton',Impact,sans-serif;
  --ui:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --maxw:1160px;color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--white);font-family:var(--ui);font-size:15.5px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100vw;min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:#fff;color:#000}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:20px}
.mono{font-family:var(--ui);letter-spacing:.14em;text-transform:uppercase}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:72px;gap:18px}
.brand{font-family:var(--display);font-size:clamp(1.15rem,2.4vw,1.6rem);letter-spacing:.05em;color:#d6d6d6;text-transform:uppercase;transition:color .2s}
.brand:hover{color:#fff}
.nav-right{display:flex;align-items:center;gap:clamp(14px,2.2vw,26px)}
.nav-links{display:flex;gap:clamp(14px,2vw,26px)}
.nav-links a{font-weight:600;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:#e2e2e2;transition:color .2s;white-space:nowrap}
.nav-links a:hover{color:#fff}
.soc{display:flex;gap:13px}
.soc a{color:#d2d2d2;transition:.2s}
.soc a:hover{color:#fff}
.soc svg{width:17px;height:17px}
.signup{font-weight:700;font-size:.74rem;letter-spacing:.13em;text-transform:uppercase;padding:.78em 1.25em;background:#d9d9d9;color:#111;border-radius:2px;transition:.2s;white-space:nowrap}
.signup:hover{background:#fff}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:6px}
.burger span{width:24px;height:2px;background:#fff;display:block}
/* buttons — MCR style: thin white outline, uppercase */
.btn{font-family:var(--ui);font-weight:600;letter-spacing:.13em;text-transform:uppercase;font-size:.74rem;display:inline-flex;align-items:center;gap:.6em;justify-content:center;padding:.85em 1.4em;border-radius:2px;border:1px solid var(--line-2);color:#fff;background:transparent;cursor:pointer;transition:.18s;white-space:nowrap}
.btn:hover{background:#fff;color:#000;border-color:#fff}
.btn-solid{background:#fff;border-color:#fff;color:#000}
.btn-solid:hover{background:#d9d9d9;border-color:#d9d9d9}
.btn svg{width:14px;height:14px;flex:none}
/* TV — dark walnut, thick bezel, wide screen, no side knobs */
.tv-zone{position:relative;padding-block:clamp(6px,1.2vh,16px) clamp(30px,5vh,54px);padding-inline:clamp(14px,3vw,44px)}
.tv{position:relative;width:100%;border-radius:clamp(22px,3vw,38px);padding:clamp(16px,3.2vw,46px);
  background:
    repeating-linear-gradient(90deg,rgba(0,0,0,.22) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(89deg,rgba(255,214,160,.05) 0 1px,transparent 1px 9px),
    radial-gradient(120% 70% at 50% -8%,rgba(255,222,180,.12),transparent 55%),
    linear-gradient(174deg,var(--wood-hi),var(--wood) 48%,var(--wood-dk));
  box-shadow:inset 0 2px 2px rgba(255,222,180,.18),inset 0 -16px 34px rgba(0,0,0,.55),0 44px 90px -34px rgba(0,0,0,.95)}
.tv::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),inset 0 0 0 2px rgba(255,222,180,.05)}
.screen{position:relative;aspect-ratio:12/7;border-radius:clamp(10px,1.4vw,18px);overflow:hidden;background:#050505;
  box-shadow:inset 0 0 0 clamp(6px,1vw,12px) #0a0a0a,inset 0 0 90px rgba(0,0,0,.9)}
.screen iframe,.screen video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover;background:#000}
.mute-btn,.fs-btn{position:absolute;bottom:14px;right:16px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.5);color:#fff;cursor:pointer;display:grid;place-items:center;transition:.2s}
.mute-btn:hover,.fs-btn:hover{background:rgba(255,255,255,.92);color:#000}
.mute-btn svg,.fs-btn svg{width:20px;height:20px}
.screen__overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 50%,transparent 62%,rgba(0,0,0,.5));z-index:3}
.screen__scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);opacity:.35;z-index:3}
.live{position:absolute;top:14px;left:18px;z-index:4;display:flex;align-items:center;gap:8px;font-size:.7rem;letter-spacing:.24em;font-weight:600;color:#eee;text-shadow:0 1px 3px #000;text-transform:uppercase;pointer-events:none}
.live i{width:9px;height:9px;border-radius:50%;background:#ff2e2e;box-shadow:0 0 9px #ff2e2e;animation:blink 1.5s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
.channels{position:absolute;top:12px;right:14px;z-index:4;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:70%}
.ch{font-size:.6rem;letter-spacing:.06em;font-weight:600;color:#ddd;background:rgba(12,12,12,.72);border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:.5em .65em;line-height:1.15;text-align:center;min-width:44px;transition:.16s;text-transform:uppercase}
.ch b{display:block;font-size:.74rem;font-weight:700}
.ch:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff}
.ch.on{background:#e8e8e8;border-color:#e8e8e8;color:#111}
.under-tv{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:22px;position:relative;z-index:3}
.under-tv .btn .hp{width:18px;height:18px;flex:none}
.under-tv .btn,.under-tv .yt{background:#fff!important;color:#000!important;border:0!important;box-shadow:none!important;filter:none!important;text-shadow:none!important;font-weight:700;font-family:var(--ui);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;border-radius:3px;padding:.95em 1.5em;transition:background .18s}
.under-tv .btn:hover,.under-tv .yt:hover{background:#dcdcdc!important;color:#000!important}
/* sections */
.band{padding-block:clamp(46px,8vh,84px);border-top:1px solid var(--line)}
.head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:clamp(22px,3.5vw,38px)}
.head h2{font-family:var(--display);font-size:clamp(1.5rem,3.4vw,2.2rem);letter-spacing:.04em;margin:0;text-transform:uppercase}
.head p{color:var(--grey);margin:0;max-width:44ch;font-size:.95rem}
/* release grid — MCR product-grid style */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}
.card{display:flex;flex-direction:column;gap:12px}
.card__art{aspect-ratio:1;position:relative;background:#0a0a0a center/cover no-repeat;overflow:hidden}
.card__art::before{content:none}
.card__art .ph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:clamp(1.2rem,2.6vw,1.9rem);letter-spacing:.04em;color:rgba(255,255,255,.28);text-transform:uppercase;text-align:center;padding:12px}
.card__tag{position:absolute;top:10px;left:10px;background:#fff;color:#111;font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:.35em .7em;z-index:2}
.card h3{margin:0;font-weight:700;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase}
.card .sub{color:var(--grey-2);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.card .btn{align-self:flex-start;margin-top:2px}
/* platform rows */
.plat-stack{display:flex;flex-direction:column;gap:12px;max-width:520px;margin-inline:auto}
.plat{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid transparent;border-radius:4px;background:#f1f1f1;color:#0a0a0a;transition:.18s}
.plat:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 26px -12px rgba(255,255,255,.5)}
.plat svg{width:21px;height:21px;flex:none}
.plat b{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem}
.plat span{margin-left:auto;font-size:.66rem;letter-spacing:.14em;color:#555;text-transform:uppercase}
/* fan club */
.fanbox{position:relative;overflow:hidden;border-radius:24px;padding:clamp(32px,6vw,72px);min-height:360px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.68) 46%,rgba(0,0,0,.1) 100%),url(/assets/fanclub-crowd.jpg) right center/cover,#0b0b0b}
.fan-content{max-width:460px;position:relative;z-index:2}
.fan-kick{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#fff}
.fanbox h2{font-family:var(--display);font-size:clamp(2rem,5.5vw,3.4rem);text-transform:uppercase;letter-spacing:.03em;margin:.2em 0 .35em;line-height:.95}
.fanbox p{color:#dcdcdc;margin:0;max-width:40ch}
.fan-form{display:flex;gap:10px;margin-top:24px;max-width:430px}
.fan-form input{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.28);color:#fff;padding:.9em 1em;border-radius:3px;font-family:var(--ui);font-size:.9rem;outline:none}
.fan-form input:focus{border-color:#fff}
.fan-form input::placeholder{color:#a9a9a9}
.fan-form button{background:#fff;color:#000;border:0;padding:.9em 1.5em;border-radius:3px;font-family:var(--ui);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .18s}
.fan-form button:hover{background:#dcdcdc}
@media(max-width:520px){.fan-form{flex-direction:column}}
.card__soon{background:linear-gradient(155deg,#161616,#050505)}
.card__soon .soon{position:absolute;inset:0;display:grid;place-content:center;font-family:var(--display);text-transform:uppercase;color:rgba(255,255,255,.55);font-size:clamp(1.1rem,2.6vw,1.7rem);line-height:.95;text-align:center;padding:12px}
.card__soon .soon span{display:block;font-family:var(--ui);font-size:.58rem;letter-spacing:.14em;color:var(--grey-2);margin-top:10px}
.form{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.form input{flex:1;min-width:200px;background:#000;border:1px solid var(--line-2);color:#fff;padding:.9em 1.05em;font-family:var(--ui);font-size:.95rem;border-radius:2px}
.form input::placeholder{color:var(--grey-2)}
.form input:focus{outline:none;border-color:#fff}
.fine{color:var(--grey-2);font-size:.74rem;margin-top:10px}
/* page scaffolding */
.pagehead{padding:clamp(34px,7vh,64px) 0 0}
.pagehead .crumb{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--grey-2)}
.pagehead h1{font-family:var(--display);font-size:clamp(2rem,6vw,3.6rem);letter-spacing:.03em;margin:.15em 0 0;text-transform:uppercase}
.prose{max-width:64ch;color:#cfcfcf}
.prose p{margin:0 0 1em}
.center{text-align:center}
.cover{aspect-ratio:1;max-width:340px;margin-inline:auto;background:linear-gradient(155deg,#161616,#070707);border:1px solid rgba(255,255,255,.09);position:relative}
.cover::before{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 42%,rgba(255,255,255,.08),transparent 62%),repeating-linear-gradient(0deg,rgba(0,0,0,.2) 0 1px,transparent 1px 3px)}
.cover .ph{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--display);font-size:1.6rem;color:rgba(255,255,255,.3);text-transform:uppercase;text-align:center;padding:14px}
/* about grid */
.about-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:center 22%;margin:0 auto 22px;display:block;box-shadow:0 24px 60px -22px rgba(0,0,0,.9)}
.about-name{font-family:var(--display);font-size:clamp(2rem,6vw,3.4rem);text-transform:uppercase;letter-spacing:.03em;margin:0 0 18px}
.about-soc{display:flex;gap:22px;justify-content:center;margin:0 0 30px}
.about-soc a{color:#cfcfcf;transition:.2s}.about-soc a:hover{color:#fff}.about-soc svg{width:22px;height:22px}
.about-bio p{color:#d4d4d4;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.7;margin:0 0 1em}
.about-cta{margin-top:30px}
/* footer */
footer{border-top:1px solid var(--line);padding-block:36px;margin-top:24px}
.foot{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between}
.foot-links{display:flex;gap:16px;flex-wrap:wrap;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#c2c2c2}
.foot-links a:hover{color:#fff}
.foot-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#c2c2c2}
/* modal — MCR release popup */
.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.78);transition:opacity .35s}
.modal.hide{opacity:0;pointer-events:none}
.modal__box{position:relative;width:min(680px,100%);background:#000}
.modal__close{position:absolute;top:10px;right:12px;z-index:5;background:none;border:0;color:#fff;cursor:pointer;font-size:1.6rem;line-height:1}
.modal__close:hover{opacity:.7}
.modal__art{position:relative;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(90% 70% at 50% 40%,rgba(34,70,86,.65),transparent 62%),linear-gradient(180deg,#0d2027,#050b0e)}
.modal__art::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.25) 0 2px,transparent 2px 4px);opacity:.5}
.glitch{font-family:var(--display);font-style:italic;font-size:clamp(2.6rem,9vw,4.6rem);line-height:.88;text-transform:uppercase;text-align:center;position:relative;z-index:2;
  background:linear-gradient(178deg,#B4FF3A 0%,#B4FF3A 46%,#FFE100 54%,#FFE100 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(2px 0 0 rgba(255,46,46,.3)) drop-shadow(-2px 0 0 rgba(66,180,220,.3));transform:skewX(-4deg)}
.modal__band{display:block;background:#fff;color:#000;text-align:center;font-family:var(--display);font-size:1.35rem;letter-spacing:.1em;padding:.55em 0;text-transform:uppercase;transition:.2s}
.modal__band:hover{background:#d9d9d9}
:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:860px){
  .nav-links,.nav .soc{display:none}
  .burger{display:flex}
  .nav.open .nav-links{display:flex;position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:#000;border-bottom:1px solid var(--line)}
  .nav.open .nav-links a{padding:15px 22px;font-size:.86rem;border-top:1px solid var(--line)}
  .grid{grid-template-columns:repeat(2,1fr)}
  .fanbox{grid-template-columns:1fr}
}
@media (max-width:540px){
  .grid{grid-template-columns:1fr}
  .channels{max-width:56%}
  .wrap{padding-inline:16px}
  .pagehead h1{font-size:clamp(1.5rem,8vw,2.2rem);overflow-wrap:anywhere}
  .head h2{font-size:1.3rem}
  .signup{font-size:.66rem;padding:.7em .95em}
  .brand{font-size:1.05rem}
  .plat{padding:13px 14px;gap:10px}
  .plat b{font-size:.76rem;letter-spacing:.06em}
  main{overflow-x:clip}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* ---- real generated TV (photoreal frame + video inside) ---- */
.tvreal{position:relative;width:100%;max-width:1480px;margin:0 auto;aspect-ratio:3504/2336;filter:drop-shadow(0 44px 80px rgba(0,0,0,.9))}
.tvreal .vid{position:absolute;left:17.6%;top:16.9%;width:65.2%;height:63.4%;overflow:hidden;background:#000;z-index:1;border-radius:6px}
.vidposter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;transition:opacity .5s ease}
.tvreal .vid iframe,.tvreal .vid #ytplayer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:134%;aspect-ratio:16/9;height:auto;border:0}
.tvreal .fx{position:absolute;left:17.6%;top:16.9%;width:65.2%;height:63.4%;z-index:2;pointer-events:none;border-radius:8px;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 4px),radial-gradient(120% 100% at 50% 50%,transparent 58%,rgba(0,0,0,.4))}
.tvreal .frame{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.tvreal .live{position:absolute;top:20.6%;left:20.6%;z-index:5;text-shadow:0 1px 4px #000}
.tvreal .channels{position:absolute;top:19.9%;right:20.4%;left:auto;z-index:5;max-width:44%}
.tvreal .mute-btn{position:absolute;bottom:23.6%;right:20.4%;z-index:5}
.tvreal .fs-btn{position:absolute;bottom:23.6%;left:20.6%;z-index:5}
@media (max-width:640px){
  .tvreal .ch{min-width:30px;font-size:.46rem;padding:.35em .4em}
  .tvreal .ch b{font-size:.56rem}.tvreal .live{font-size:.52rem}
  .tvreal .mute-btn{width:30px;height:30px}.tvreal .mute-btn svg{width:15px;height:15px}
}
/* ---- smart-link (bare) pages: no header/footer, round avatar ---- */
body.bare{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;padding:80px 20px 60px;text-align:center}
.bare-top{position:fixed;top:22px;left:0;right:0;text-align:center;font-family:var(--display);font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:#d6d6d6;z-index:5;transition:.2s}
.bare-top:hover{color:#fff}
.bare-card{width:100%;max-width:480px}
.avatar{width:138px;height:138px;border-radius:50%;object-fit:cover;object-position:center 22%;margin:0 auto 20px;display:block;box-shadow:0 22px 55px -20px rgba(0,0,0,.9)}
.bare-card h1{font-family:var(--display);font-size:clamp(1.9rem,7vw,2.7rem);text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px}
.bare-card .lead{color:var(--grey);margin:0 0 26px;font-size:.98rem}
.bare-cover{aspect-ratio:1;width:230px;margin:0 auto 22px;border:1px solid var(--line);position:relative;overflow:hidden;box-shadow:0 22px 55px -20px rgba(0,0,0,.9)}
.bare-foot{position:fixed;bottom:18px;left:0;right:0;text-align:center;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#c2c2c2}
.bare-foot a{color:#c2c2c2}.bare-foot a:hover{color:#fff}
.ff-card{width:100%;max-width:520px;text-align:center;position:relative;z-index:1}
.eyes{position:absolute;inset:0;z-index:4;pointer-events:none}
.eyes .eye{position:absolute;width:var(--w,58px);height:auto;opacity:var(--o,.9);transform-origin:center;animation:eblink 6s var(--d,0s) infinite;filter:drop-shadow(0 0 7px rgba(190,225,255,.22))}
@keyframes eblink{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.08)}97%{transform:scaleY(1)}}
.nfall{position:fixed;inset:0;z-index:0;pointer-events:none}
.nfallp{position:fixed;inset:0;z-index:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.eyes .eye{animation:none}}
.ff-cover{width:150px;height:150px;object-fit:cover;object-position:center 22%;border-radius:50%;margin:0 auto 16px;display:block;box-shadow:0 20px 50px -20px rgba(0,0,0,.9)}
.ff-card h1{font-family:var(--display);font-size:clamp(1.7rem,6.5vw,2.4rem);text-transform:uppercase;margin:0 0 16px}
.ff-soc{display:flex;gap:24px;justify-content:center;margin:0 0 26px}
.ff-soc a{color:#fff;transition:.2s}.ff-soc a:hover{opacity:.7}.ff-soc svg{width:20px;height:20px}
.ff-panel{background:#f6f6f6;border-radius:14px;overflow:hidden;text-align:left;box-shadow:0 20px 50px -24px rgba(0,0,0,.8)}
.ff-row2{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid #e6e6e6;transition:background .15s}
.ff-row2:hover{background:#eaeaea}
.ff-row2:hover .ff-listen{background:#000;transform:translateY(-2px)}
.ff-logo2{width:auto;max-width:240px;display:block}
.ff-listen{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:150px;background:#111;color:#fff;font-weight:700;font-size:.82rem;letter-spacing:.03em;padding:.82em 1.7em;border-radius:999px;flex:none;box-shadow:0 7px 16px -6px rgba(0,0,0,.55);animation:floaty 3s ease-in-out infinite;transition:transform .18s,box-shadow .18s}
.ff-listen svg{width:16px;height:16px}
.ff-listen:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 26px -8px rgba(0,0,0,.65);background:#000}
.ff-row2:nth-child(2n) .ff-listen{animation-delay:.5s}
.ff-row2:nth-child(3n) .ff-listen{animation-delay:1s}
.ff-row2:nth-child(4n) .ff-listen{animation-delay:1.5s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.fc-intro{padding:26px 26px 24px;text-align:center;border-bottom:1px solid #e6e6e6}
.fc-intro p{color:#1a1a1a;margin:0 0 14px;font-size:.98rem;line-height:1.55}
.fc-intro p:last-child{margin-bottom:0;color:#555;font-weight:400}
.fc-intro b{color:#111}
.ff-subscribe{padding:26px 24px 30px;text-align:center}
.ff-subscribe h3{font-family:var(--ui);font-weight:800;color:#141414;font-size:.8rem;text-transform:uppercase;margin:0 0 16px;letter-spacing:.16em}
.ff-subscribe input{width:100%;padding:14px 18px;border:1px solid #cfcfcf;border-radius:999px;margin-bottom:12px;font-family:var(--ui);font-size:.95rem;color:#111;background:#fff}
.ff-subscribe input::placeholder{color:#8a8a8a}
.ff-subscribe button{width:100%;background:#2b2b2b;color:#fff;border:0;border-radius:999px;padding:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;font-family:var(--ui);transition:.18s}
.ff-subscribe button:hover{background:#000}
.ff-outline{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.45);border-radius:12px;padding:16px;margin-top:12px;color:#fff;font-weight:600;font-size:.9rem;transition:.18s}
.ff-outline:hover{background:#fff;color:#000;border-color:#fff}
/* footer (his layout, no socials) */
footer{border-top:1px solid var(--line);padding-block:48px;margin-top:24px}
.foot-in{text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;font-weight:600;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.foot-nav a{color:#d4d4d4}.foot-nav a:hover{color:#fff}
.foot-thanks{color:#bcbcbc;margin:0;font-size:.92rem}
.foot-legal{display:flex;gap:20px;justify-content:center;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}
.foot-legal a{color:#bcbcbc}.foot-legal a:hover{color:#fff}
.foot-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#8f8f8f}
/* ff custom text rows */
.ff-txt{padding:16px 20px}
.ff-name{font-weight:700;font-size:.85rem;color:#111;letter-spacing:.02em;text-transform:none}
.ff-btn svg{margin-right:.45em}
/* release hover play */
.card__art::after{content:"\25B6\00a0\00a0Listen";position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.58);color:#fff;font-family:var(--ui);font-weight:700;font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:.22s;pointer-events:none}
.card:hover .card__art::after{opacity:1;transform:none}
.card:hover h3{color:#fff}
/* about refine */
.about-avatar{width:130px!important;height:130px!important;margin-bottom:24px!important}
.about-name{font-size:clamp(1.7rem,4.6vw,2.7rem)!important;letter-spacing:.02em;margin-bottom:20px!important}
.about-soc{gap:24px!important;margin-bottom:34px!important}
.about-bio{max-width:60ch;margin-inline:auto}
.about-bio p{font-size:clamp(1rem,1.3vw,1.12rem)!important;line-height:1.75!important;color:#cfcfcf!important;margin:0 0 1.2em!important}
.about-cta{margin-top:34px!important}
/* get the app */
.app-box{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,60px);align-items:center;border:1px solid var(--line);border-radius:8px;padding:clamp(28px,5vw,60px);background:var(--panel)}
.app-graphic{width:100%;max-width:340px;margin-inline:auto;display:block}
.app-text h1{font-family:var(--display);font-size:clamp(1.6rem,3.6vw,2.4rem);text-transform:uppercase;letter-spacing:.02em;margin:0 0 8px;line-height:1.02}
.app-text>p{color:var(--grey);margin:0 0 24px;font-size:1.05rem}
.app-btns{display:flex;flex-direction:column;gap:12px;max-width:360px}
.app-btn{justify-content:center;background:#fff;color:#000;border:0;padding:1.05em;gap:.6em}
.app-btn svg{width:18px;height:18px}
.app-inst{margin-top:16px;max-width:360px;background:#0d0d0d;border:1px solid var(--line);border-radius:8px;padding:16px 20px;color:#cfcfcf;font-size:.92rem}
.app-inst b{color:#fff}
.app-inst ol{margin:10px 0 0;padding-left:20px;line-height:1.7}
.app-btn:hover{background:#d9d9d9}
@media(max-width:760px){.app-box{grid-template-columns:1fr;text-align:center}.app-btns{margin-inline:auto}}
/* contacts hero */
.contact-hero{position:relative;min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#000}
.contact-hero__bg{position:absolute;inset:0;background:url(/assets/contact-bg.jpg) center/cover;z-index:0}
.contact-hero__overlay{position:absolute;inset:0;background:radial-gradient(120% 100% at 50% 50%,rgba(0,0,0,.32),rgba(0,0,0,.74));z-index:1}
.contact-hero__in{position:relative;z-index:2;padding:40px 20px;max-width:640px}
.contact-hero h1{font-family:var(--display);font-size:clamp(1.9rem,5vw,3rem);text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px}
.contact-hero p{color:#eaeaea;margin:0;font-size:1.05rem}
.contact-country{font-family:var(--ui);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:#cfcfcf;margin:20px 0 10px!important}
.contact-mail{font-family:var(--ui);font-weight:600;font-size:clamp(1.05rem,2.6vw,1.35rem);color:#fff;letter-spacing:.01em;text-transform:none;transition:.2s;display:inline-block;margin-top:14px}
.contact-mail:hover{opacity:.8}
.contact-show{display:inline-block;background:#fff;color:#111;border:0;border-radius:999px;padding:14px 40px;font-family:var(--ui);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;cursor:pointer;margin-top:16px;transition:.18s}
.contact-show:hover{background:#e0e0e0}
.contact-hero p{color:#eaeaea;margin:0;font-size:clamp(.92rem,1.6vw,1.02rem)}
/* legal */
.legal-date{color:var(--grey-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.6em}
.legal-h{font-weight:700;font-size:1.02rem;margin:1.8em 0 .5em;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.prose h3:first-child{margin-top:0}