:root{
  --bg:#08080a;
  --bg-elev:#0e0e11;
  --bg-card:#131317;
  --ink:#ece8de;            
  --ink-dim:#a7a296;
  --ink-faint:#6e6a60;
  --accent:#c3bcab;         
  --accent-bright:#ffffff;  
  --on-accent:#08080a;      
  --accent-soft:rgba(236,232,222,.10);
  --line:rgba(236,232,222,.10);
  --line-strong:rgba(236,232,222,.22);

  --display:'Pirata One','Palatino Linotype','Book Antiqua',serif;
  --cond:'Barlow Condensed','Oswald','Arial Narrow',sans-serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;

  --maxw:1180px;
  --gutter:clamp(20px,5vw,64px);
  --topbar-h:62px;
  --section-y:clamp(56px,8vw,112px);
}


*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--body);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

body::after{
  content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.42;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0}
ul{padding:0;list-style:none}
::selection{background:var(--accent-bright);color:var(--on-accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}

.section{scroll-margin-top:calc(var(--topbar-h) + 6px)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.eyebrow{
  font-family:var(--cond);font-weight:600;font-size:13px;
  letter-spacing:.26em;text-transform:uppercase;color:var(--ink-faint);
}
.accent{color:var(--accent)}


.topbar{
  position:fixed;top:0;left:0;right:0;z-index:70;
  background:transparent;border-bottom:1px solid transparent;
  transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;
}
.topbar__inner{display:flex;align-items:center;gap:clamp(10px,1.6vw,26px);height:var(--topbar-h)}


.topbar.is-stuck,.topbar.is-nav-open{
  background:rgba(10,10,12,.88);
  backdrop-filter:blur(16px) saturate(1.2);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);
  border-bottom-color:var(--line-strong);
}


.topbar__brand{
  display:flex;align-items:center;gap:9px;text-decoration:none;flex:none;
  opacity:0;transform:translateY(-5px);pointer-events:none;
  transition:opacity .3s ease,transform .3s ease;
}
.topbar.is-stuck .topbar__brand,.topbar.is-nav-open .topbar__brand{
  opacity:1;transform:none;pointer-events:auto;
}
.topbar__logo{width:26px;height:26px;object-fit:contain;flex:none}
.topbar__name{font-family:var(--display);font-size:1.12rem;line-height:1;color:var(--ink);white-space:nowrap}

.topbar__nav{display:flex;align-items:center;gap:clamp(8px,1.3vw,20px);margin-left:auto}
.topbar__link{
  position:relative;text-decoration:none;white-space:nowrap;padding:7px 1px;
  font-family:var(--cond);font-weight:700;font-size:12.5px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--ink-dim);transition:color .2s;
}
.topbar__link:hover,.topbar__link.is-active{color:var(--ink)}
.topbar__link::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent-bright);
  transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.22,1,.36,1);
}
.topbar__link:hover::after,.topbar__link.is-active::after{transform:scaleX(1)}

.topbar__tools{display:flex;align-items:center;gap:10px;flex:none;margin-left:clamp(10px,1.8vw,24px)}
.topbar .lang__btn{padding:5px 11px;font-size:12px;letter-spacing:.14em}

.navbtn{
  display:none;appearance:none;padding:0;cursor:pointer;
  width:38px;height:38px;align-items:center;justify-content:center;
  border:1px solid var(--line-strong);background:none;color:var(--ink);
}
.navbtn:hover{border-color:var(--ink-dim)}
.navbtn__box{position:relative;display:block;width:17px;height:12px}
.navbtn__box span{
  position:absolute;left:0;right:0;height:2px;background:currentColor;
  transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s;
}
.navbtn__box span:nth-child(1){top:0}
.navbtn__box span:nth-child(2){top:5px}
.navbtn__box span:nth-child(3){top:10px}
.navbtn[aria-expanded="true"] .navbtn__box span:nth-child(1){transform:translateY(5px) rotate(45deg)}
.navbtn[aria-expanded="true"] .navbtn__box span:nth-child(2){opacity:0}
.navbtn[aria-expanded="true"] .navbtn__box span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}

.lang{position:relative;display:flex;border:1px solid var(--line-strong)}
.lang__pill{
  position:absolute;top:0;left:0;width:50%;height:100%;
  background:var(--accent-bright);transition:transform .28s cubic-bezier(.22,1,.36,1);
}
:root[data-lang="pl"] .lang__pill{transform:translateX(100%)}
.lang__btn{
  position:relative;z-index:1;appearance:none;border:0;background:none;cursor:pointer;
  padding:7px 15px;color:var(--ink-dim);
  font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.16em;
  transition:color .2s;
}
.lang__btn[aria-selected="true"]{color:var(--on-accent)}
.lang__btn:hover{color:var(--ink)}

.btn{
  display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  appearance:none;border:1px solid var(--line-strong);background:none;color:var(--ink);
  padding:8px 16px;
  font-family:var(--cond);font-weight:700;font-size:14px;letter-spacing:.14em;
  text-transform:uppercase;text-decoration:none;
  transition:background .2s,color .2s,border-color .2s;
}
.btn:hover{background:var(--ink);color:var(--on-accent);border-color:var(--ink)}
.btn--solid{background:var(--accent-bright);border-color:var(--accent-bright);color:var(--on-accent)}
.btn--solid:hover{background:transparent;border-color:var(--accent-bright);color:var(--accent-bright)}
.btn svg{width:16px;height:16px;flex:none}


.preloader{
  position:fixed;inset:0;z-index:9999;
  display:grid;place-items:center;
  background:var(--bg);
  transition:opacity .55s ease,visibility .55s;
}
.preloader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.preloader__mark{position:relative;width:clamp(144px,24vw,224px);aspect-ratio:1/1;color:var(--ink)}
.preloader__ring,.preloader__text{position:absolute;inset:0;width:100%;height:100%}
.preloader__ring{animation:ntt-spin 7s linear infinite}
@keyframes ntt-spin{to{transform:rotate(-360deg)}}   

.preloader{animation:ntt-bailout .6s ease 10s forwards}
@keyframes ntt-bailout{to{opacity:0;visibility:hidden;pointer-events:none}}


.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.hero__media{position:absolute;inset:0;z-index:0}
.hero__img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;
           filter:grayscale(1) contrast(1.16) brightness(.62)}
.hero__scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(8,8,10,.72) 0%,rgba(8,8,10,.18) 32%,rgba(8,8,10,.86) 76%,var(--bg) 100%),
    linear-gradient(90deg,rgba(236,232,222,.06) 0%,rgba(8,8,10,0) 55%);
}
.hero__inner{position:relative;z-index:1;width:100%;padding-bottom:clamp(36px,6vw,72px);padding-top:120px}
.hero__kicker{display:flex;align-items:center;gap:14px;margin-bottom:clamp(16px,3vw,28px)}
.hero__kicker::after{content:"";height:1px;flex:1;background:var(--line-strong);max-width:220px}


.hero__brand{display:flex;align-items:center;gap:clamp(16px,3vw,46px);flex-wrap:wrap}
.hero__logo{
  width:clamp(124px,17vw,236px);height:auto;flex:none;
  filter:drop-shadow(0 6px 26px rgba(0,0,0,.75));
}
.wordmark{
  font-family:var(--display);font-weight:700;
  font-size:clamp(2.6rem,7.2vw,5.8rem);line-height:1.02;letter-spacing:.012em;
  color:var(--ink);max-width:12ch;
}

.hero__lede{
  margin-top:clamp(18px,2.6vw,26px);max-width:48ch;
  font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.55;
  color:var(--ink-dim);
}
.hero__lede em{color:var(--ink);font-style:italic}


.hero__links{display:flex;flex-wrap:wrap;gap:clamp(7px,1vw,10px);margin-top:clamp(18px,2.4vw,26px)}
.hero__links a{
  display:grid;place-items:center;
  width:clamp(40px,10.5vw,48px);aspect-ratio:1/1;
  color:var(--ink);
  background:rgba(10,10,12,.72);
  border:1px solid rgba(236,232,222,.38);
  backdrop-filter:blur(10px) saturate(1.2);
  -webkit-backdrop-filter:blur(10px) saturate(1.2);
  box-shadow:0 2px 14px rgba(0,0,0,.55);
  transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.hero__links a:hover,.hero__links a:focus-visible{
  background:var(--accent-bright);border-color:var(--accent-bright);
  color:var(--on-accent);transform:translateY(-2px);
}



.pl{margin-top:clamp(18px,2.4vw,26px);border:1px solid var(--line);background:var(--bg-card)}
.pl__now{display:flex;gap:clamp(13px,2vw,20px);padding:clamp(13px,1.9vw,18px);border-bottom:1px solid var(--line)}
.pl__art{width:clamp(84px,12.5vw,118px);aspect-ratio:1/1;object-fit:cover;flex:none;align-self:center;
         border:1px solid var(--line);background:#0a0a0c}
.pl__meta{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}
.pl__title{font-family:var(--display);font-weight:400;font-size:clamp(1.15rem,2.3vw,1.55rem);line-height:1.12;letter-spacing:.012em;overflow-wrap:anywhere}
.pl__from{font-family:var(--cond);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}
.pl__note{margin-top:6px;font-size:12.5px;color:var(--ink-faint)}

.pl__seekrow{display:flex;align-items:center;gap:9px;margin-top:clamp(7px,1.1vw,11px)}
.pl__time{font-family:var(--cond);font-size:12px;letter-spacing:.08em;color:var(--ink-faint);
          font-variant-numeric:tabular-nums;min-width:34px}
.pl__time:last-child{text-align:right}
.pl__seek{flex:1;min-width:0;-webkit-appearance:none;appearance:none;background:none;height:18px;cursor:pointer}
.pl__seek::-webkit-slider-runnable-track{height:3px;background:var(--line-strong)}
.pl__seek::-moz-range-track{height:3px;background:var(--line-strong)}
.pl__seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;
  background:var(--accent-bright);border:0;border-radius:0;transform:rotate(45deg)}
.pl__seek::-moz-range-thumb{width:12px;height:12px;background:var(--accent-bright);border:0;border-radius:0}
.pl__seek:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}

.pl__ctrls{display:flex;align-items:center;gap:8px;margin-top:clamp(7px,1.1vw,11px)}
.pl__btn{display:grid;place-items:center;width:33px;height:33px;cursor:pointer;
  background:none;border:1px solid var(--line-strong);color:var(--ink);
  transition:background .2s,color .2s,border-color .2s}
.pl__btn svg{width:16px;height:16px;fill:currentColor;stroke:none}
.pl__btn:hover{background:var(--ink);border-color:var(--ink);color:var(--on-accent)}
.pl__btn--main{width:42px;height:42px;background:var(--accent-bright);border-color:var(--accent-bright);color:var(--on-accent)}
.pl__btn--main svg{width:19px;height:19px}
.pl__btn--main:hover{background:transparent;border-color:var(--accent-bright);color:var(--accent-bright)}

.pl__list{list-style:none;margin:0;padding:0}
.pl__row{display:flex;align-items:center;gap:clamp(10px,1.6vw,16px);width:100%;
  padding:9px clamp(12px,2vw,20px);background:none;border:0;border-top:1px solid var(--line);
  color:inherit;text-align:left;cursor:pointer;font:inherit;transition:background .18s}
.pl__list li:first-child .pl__row{border-top:0}
.pl__row:hover{background:rgba(236,232,222,.05)}
.pl__rowart{width:38px;height:38px;object-fit:cover;flex:none;border:1px solid var(--line)}
.pl__rownum{font-family:var(--cond);font-size:12px;color:var(--ink-faint);min-width:14px;font-variant-numeric:tabular-nums}
.pl__rowtxt{flex:1;min-width:0}
.pl__rowtitle{display:block;font-family:var(--cond);font-weight:700;font-size:1rem;
  text-transform:uppercase;letter-spacing:.03em;line-height:1.2;overflow-wrap:anywhere}
.pl__rowfrom{display:block;font-size:11.5px;color:var(--ink-faint);margin-top:1px}
.pl__rowlen{font-family:var(--cond);font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}
.pl__row.is-current .pl__rowtitle{color:var(--accent-bright)}
.pl__row.is-current .pl__rownum{color:var(--accent-bright)}

.pl__row.is-playing .pl__rownum{
  color:transparent;
  background-image:linear-gradient(var(--accent-bright),var(--accent-bright)),
                   linear-gradient(var(--accent-bright),var(--accent-bright)),
                   linear-gradient(var(--accent-bright),var(--accent-bright));
  background-size:2px 55%,2px 100%,2px 35%;
  background-position:0 50%,50% 50%,100% 50%;
  background-repeat:no-repeat;
}
.pl__row.is-broken{opacity:.45}

.factbar{
  position:relative;z-index:1;border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(8,8,10,.6),var(--bg));
}
.factbar__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line)}
.fact{background:var(--bg);padding:clamp(16px,2.4vw,26px) clamp(14px,2vw,22px)}
.fact dt{font-family:var(--cond);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}
.fact dd{margin:0;font-family:var(--cond);font-weight:700;font-size:clamp(1.05rem,2vw,1.45rem);text-transform:uppercase;letter-spacing:.02em}

.scrollcue{
  position:absolute;right:var(--gutter);bottom:18px;z-index:2;
  font-family:var(--cond);font-size:11px;letter-spacing:.3em;color:var(--ink-faint);
  writing-mode:vertical-rl;
}


.section{padding:var(--section-y) 0;border-top:1px solid var(--line);position:relative}
.section:nth-of-type(even){background:linear-gradient(180deg,var(--bg-elev),var(--bg))}
.section__head{display:flex;align-items:baseline;gap:clamp(12px,2vw,22px);margin-bottom:clamp(28px,4vw,50px)}
.section__num{font-family:var(--cond);font-weight:700;font-size:13px;letter-spacing:.22em;color:var(--accent);flex:none;padding-top:.6em}
.section__title{font-family:var(--display);font-weight:400;font-size:clamp(2.3rem,6.1vw,4.3rem);line-height:1.04;letter-spacing:.012em;flex:none}

.section__rule{
  position:relative;flex:1;height:4px;transform:translateY(-.3em);
  border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);
}
.section__rule::after{
  content:"";position:absolute;right:-2px;top:50%;width:5px;height:5px;
  background:var(--accent);transform:translateY(-50%) rotate(45deg);
}
.section__note{font-family:var(--cond);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);flex:none;transform:translateY(-.3em)}



.bio{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr);gap:clamp(28px,4.5vw,64px);align-items:start}
.bio__body p+p{margin-top:1.15em}
.bio__body p{color:var(--ink-dim);font-size:clamp(.98rem,1.2vw,1.06rem)}
.bio__body strong{color:var(--ink);font-weight:600}
.bio__lead{font-family:var(--cond);font-weight:500;font-size:clamp(1.25rem,2.4vw,1.75rem)!important;line-height:1.35;color:var(--ink)!important;margin-bottom:1.3em}
.bio__lead b{color:var(--accent);font-weight:700}
.aside{border:1px solid var(--line);background:var(--bg-card);padding:clamp(20px,2.6vw,28px)}
.aside+.aside{margin-top:18px}
.aside h3{font-family:var(--cond);font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}
.aside ul li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.aside ul li:last-child{border-bottom:0;padding-bottom:0}
.aside ul li span:first-child{color:var(--ink-faint)}
.aside ul li span:last-child{color:var(--ink);text-align:right;font-weight:500}


.lineup{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.member{border:1px solid var(--line);background:var(--bg-card);transition:border-color .25s,transform .25s}
.member:hover{border-color:var(--accent-bright);transform:translateY(-3px)}
.member__tile{aspect-ratio:1/1;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#0b0b0e}

.member__photo{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(1.13)}
.member__meta{padding:16px 18px 18px}
.member__name{font-family:var(--cond);font-weight:700;font-size:1.22rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.15}
.member__role{margin-top:5px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-family:var(--cond)}


.releases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.release{border:1px solid var(--line);background:var(--bg-card);display:flex;flex-direction:column}
.release__art{position:relative;border-bottom:1px solid var(--line)}
.release__art img{aspect-ratio:1/1;object-fit:contain;width:100%;background:#0a0a0c}
.release__badge{position:absolute;top:12px;left:12px;background:var(--accent-bright);color:var(--on-accent);font-family:var(--cond);font-weight:700;font-size:11px;letter-spacing:.2em;padding:4px 9px;text-transform:uppercase}
.release__body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.release__title{font-family:var(--display);font-weight:400;font-size:1.8rem;line-height:1.1;letter-spacing:.012em}
.release__meta{margin-top:8px;font-family:var(--cond);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint)}

.release__links{display:flex;justify-content:center;flex-wrap:nowrap;
                gap:clamp(6px,.75vw,10px);margin-top:auto;padding-top:16px}
.chip{display:grid;place-items:center;flex:none;width:clamp(33px,2.9vw,40px);aspect-ratio:1/1;
      text-decoration:none;border:1px solid var(--line-strong);color:var(--ink-dim);
      transition:background .2s,color .2s,border-color .2s}
.chip:hover{background:var(--accent-bright);border-color:var(--accent-bright);color:var(--on-accent)}
.chip svg{fill:currentColor}


.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.plat--btn{border:0;margin:0;font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;appearance:none}
.plat{background:var(--bg-card);display:flex;align-items:center;gap:14px;padding:clamp(16px,2vw,20px) clamp(14px,1.8vw,20px);text-decoration:none;transition:background .2s}
.plat:hover{background:var(--accent-bright)}
.plat:hover .plat__name{color:var(--on-accent)}
.plat:hover .plat__sub{color:rgba(8,8,10,.72)}
.plat:hover .plat__ico{color:var(--on-accent)}
.plat__ico{width:26px;height:26px;flex:none;fill:currentColor;color:var(--ink)}
.plat__txt{display:block;min-width:0}
.plat__name{display:block;font-family:var(--cond);font-weight:700;font-size:1.02rem;text-transform:uppercase;letter-spacing:.06em;line-height:1.1;overflow-wrap:anywhere}
.plat__sub{display:block;font-size:12px;line-height:1.35;color:var(--ink-faint);transition:color .2s}


.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,4vw,56px);align-items:start}
.speclist li{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink-dim)}
.speclist li:first-child{border-top:1px solid var(--line)}
.speclist b{font-family:var(--cond);font-weight:700;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}
.techhead{margin-bottom:14px}
.techhead--next{margin-top:clamp(26px,3.2vw,38px)}
.ticks li{position:relative;padding:9px 0 9px 26px;font-size:14.5px;color:var(--ink-dim);border-bottom:1px dashed var(--line)}
.ticks li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:2px;background:var(--accent)}
.ticks li:last-child{border-bottom:0}

.riderbar{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;
  margin-top:clamp(26px,3.4vw,40px)}
.riderbar__note{margin:0;font-size:13px;color:var(--ink-faint)}


.contact{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:1px;
         background:var(--line);border:1px solid var(--line)}
.cform,.cside{background:var(--bg-card);padding:clamp(22px,3vw,34px)}
.cform{position:relative}
.cform__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,20px)}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field--wide{grid-column:1/-1}
.field__label{display:flex;align-items:baseline;gap:9px;
  font-family:var(--cond);font-weight:700;font-size:11.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-faint)}
.field__opt{font-size:10.5px;letter-spacing:.1em;text-transform:lowercase;opacity:.7}
.field__in{
  width:100%;appearance:none;border-radius:0;
  border:1px solid var(--line-strong);background:rgba(8,8,10,.55);
  color:var(--ink);font:inherit;font-size:15px;padding:12px 14px;
  transition:border-color .2s,background .2s;
}
.field__in:hover{border-color:var(--ink-faint)}
.field__in:focus{outline:none;border-color:var(--accent-bright);background:rgba(8,8,10,.82)}

.field__in:user-invalid{border-color:#c9564d}
.field__ta{resize:vertical;min-height:132px;line-height:1.55}
.field__sel{position:relative;display:block}
.field__sel select{cursor:pointer;padding-right:42px}
.field__sel option{background:var(--bg-card);color:var(--ink)}
.field__chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  width:15px;height:15px;pointer-events:none;color:var(--ink-faint)}


.cform__pot{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;
            overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cform__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:clamp(18px,2.4vw,26px)}
.cform__note{margin:0;max-width:34ch;font-size:13px;line-height:1.5;color:var(--ink-faint)}

.field__err{display:none;margin:0;font-size:12.5px;line-height:1.4;color:#d0665d}
.field.is-invalid .field__err{display:block}
.field.is-invalid .field__in{border-color:#c9564d}
.field__meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.field__meta .field__err{flex:1}
.field__count{flex:none;margin-left:auto;font-family:var(--cond);font-size:11.5px;
              letter-spacing:.12em;color:var(--ink-faint)}
.field__count.is-near{color:#d0665d}

.cform__status{margin:18px 0 0;font-size:14px;line-height:1.5;min-height:1.2em}
.cform__status:empty{margin-top:0}
.cform__status[data-kind="good"]{color:var(--ink)}
.cform__status[data-kind="bad"]{color:#d0665d}
.cform__status[data-kind="wait"]{color:var(--ink-faint)}
.cform.is-sending .btn--solid{opacity:.55;pointer-events:none}
.cform__legal{margin:14px 0 0;font-size:11.5px;line-height:1.5;color:var(--ink-faint)}
.cform__legal a{color:var(--ink-dim);text-decoration:underline}
.cform__legal a:hover{color:var(--ink)}
.grecaptcha-badge{visibility:hidden}

.cside{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.cside__tip{margin-top:clamp(22px,3vw,32px);padding-top:clamp(20px,2.6vw,26px);
            border-top:1px solid var(--line);width:100%}
.cside__p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-dim)}
.cside__btn{margin-top:4px;max-width:100%}
.cside__btn svg{color:var(--brand,currentColor)}
.cside__btn:hover svg{color:var(--on-accent)}


.footer{border-top:1px solid var(--line);padding:clamp(40px,6vw,72px) 0 clamp(28px,4vw,44px);background:var(--bg-elev)}
.footer__top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.footer__mark{display:flex;align-items:center;gap:clamp(12px,2vw,22px);font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,4.8vw,3.4rem);line-height:1.04;letter-spacing:.012em}
.footer__logo{width:clamp(46px,6vw,78px);height:auto;flex:none}
.footer__site{font-family:var(--cond);font-size:clamp(1rem,1.6vw,1.3rem);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);text-decoration:none}
.footer__site:hover{color:var(--accent)}
.footer__bottom{margin-top:clamp(26px,4vw,44px);padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--cond);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}


@media (max-width:1000px){
  
  .navbtn{display:inline-flex}
  .topbar__tools{margin-left:auto}
  .topbar__nav{
    position:absolute;left:0;right:0;top:100%;display:none;
    flex-direction:column;align-items:stretch;gap:0;margin:0;
    
    background:var(--bg);
    border-bottom:1px solid var(--line-strong);
    max-height:calc(100svh - var(--topbar-h));overflow-y:auto;
    box-shadow:0 18px 50px rgba(0,0,0,.55);
  }
  .topbar__nav.is-open{display:flex}
  .topbar__link{padding:15px var(--gutter);border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.2em}
  .topbar__link:last-child{border-bottom:0}
  .topbar__link::after{top:0;bottom:0;left:0;right:auto;width:3px;height:auto;
                       transform:scaleY(0);transform-origin:top}
  .topbar__link:hover::after,.topbar__link.is-active::after{transform:scaleY(1)}

  .bio,.cols2{grid-template-columns:1fr}
  .lineup{grid-template-columns:repeat(3,minmax(0,1fr))}
  .releases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .contact{grid-template-columns:1fr}
  .factbar__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .releases,.platforms{grid-template-columns:1fr}
  .cform__grid{grid-template-columns:1fr}
  .pl__now{flex-direction:column;align-items:flex-start;gap:14px}
  .pl__art{width:clamp(104px,34vw,150px);align-self:flex-start}
  .pl__meta{width:100%}
  .lineup{grid-template-columns:repeat(2,minmax(0,1fr))}
  .section__head{flex-wrap:wrap}
  .section__rule{display:none}
  .section__note{width:100%;transform:none}
  .speclist li{grid-template-columns:1fr;gap:4px}
  .scrollcue{display:none}
  :root{--topbar-h:56px}
  .hero__inner{padding-top:88px}
}


@media (max-aspect-ratio: 3/2){
  .hero{min-height:0;display:block}
  .hero__media{position:relative;height:auto}
  .hero__img{height:auto;object-position:50% 50%}
  .hero__scrim{background:linear-gradient(180deg,rgba(8,8,10,.22) 0%,rgba(8,8,10,0) 26%,rgba(8,8,10,.55) 86%,var(--bg) 100%)}
  .hero__inner{padding-top:clamp(20px,4.5vw,34px)}
}
@media (max-width:420px){
  .lineup{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
  .preloader__ring{animation:none!important}   
}


.plat__ico,.chip svg,.btn svg,.hero__links svg,.field__chev{
  fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;
}
.plat__ico{width:26px;height:26px;flex:none;stroke-width:1.5;color:var(--ink)}
.chip svg{width:clamp(17px,1.55vw,21px);height:clamp(17px,1.55vw,21px);stroke-width:1.7}
.btn svg{width:16px;height:16px;flex:none;stroke-width:1.9}
.hero__links svg{width:clamp(18px,4.6vw,21px);height:clamp(18px,4.6vw,21px);stroke-width:1.75}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}



[data-brand="spotify"]  {--brand:#1ed760}   
[data-brand="youtube"]  {--brand:#ff0000}   
[data-brand="apple"]    {--brand:#fa243c}   
[data-brand="facebook"] {--brand:#1877f2}   
[data-brand="instagram"]{--brand:#e1306c}   
[data-brand="bandcamp"] {--brand:#1da0c3}   
[data-brand="messenger"]{--brand:#0084ff}   

.hero__links a{color:var(--brand,var(--ink))}
.plat__ico{color:var(--brand,var(--ink))}
.chip svg{color:var(--brand,currentColor)}
.chip:hover svg{color:var(--on-accent)}