:root{--acid:#f0ff00;--bg:#050505;--white:#fff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--white);background:var(--bg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:560px;margin:0 auto;min-height:100svh;overflow:hidden}.hero{height:clamp(440px,107vw,630px);position:relative;isolation:isolate}.portrait{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.06) 38%,rgba(0,0,0,.45) 68%,#050505 100%),url('assets/portrait.jpg');background-position:center top;background-size:cover}.hero-content{position:absolute;bottom:17px;left:8%;right:8%}h1{font-size:clamp(53px,13.5vw,88px);line-height:.86;letter-spacing:-.075em;font-weight:800;color:var(--acid);margin:0;white-space:nowrap}.tagline{font-size:clamp(11px,2.6vw,16px);letter-spacing:.25em;white-space:nowrap;margin:22px 0 0;font-weight:600}.links{display:grid;gap:10px;padding:16px 7% 0}.link{display:flex;justify-content:space-between;align-items:center;min-height:61px;padding:0 22px 0 24px;border-radius:100px;background:var(--acid);color:#050505;text-decoration:none;font-size:clamp(17px,4.5vw,23px);font-weight:800;letter-spacing:-.035em;transition:transform .16s,background .16s}.link:hover{background:#faff58;transform:translateY(-1px)}.link:focus-visible,.release:focus-visible{outline:3px solid #fff;outline-offset:4px}.link svg{width:25px;height:25px;flex-shrink:0}.link.disabled{opacity:.55;cursor:default}.releases{padding:57px 7% 0}.section-title{display:flex;align-items:center;gap:18px;margin-bottom:24px}.section-title h2{font-size:15px;font-weight:500;letter-spacing:.27em;white-space:nowrap;margin:0}.section-title span{height:1px;background:#777;flex:1}.release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.release{color:inherit;text-decoration:none;min-width:0}.art{width:100%;aspect-ratio:1;background:linear-gradient(140deg,#292929,#101010);display:flex;align-items:center;justify-content:center;border:1px solid #292929;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover}.art-placeholder{font-size:clamp(17px,4vw,25px);font-weight:800;line-height:.96;letter-spacing:-.04em;color:var(--acid);padding:12px}.release-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:16px;font-weight:600}.release-title svg{width:22px;height:22px;flex-shrink:0}.release-type{font-size:11px;letter-spacing:.16em;color:#aaa;margin-top:4px}.release.disabled{cursor:default}footer{padding:70px 7% 24px;color:#888;font-size:10px;letter-spacing:.14em}@media(min-width:561px){.hero{height:620px}h1{font-size:86px}.tagline{font-size:15px}}@media(max-width:360px){.hero{height:430px}.hero-content{left:7%;right:7%}h1{font-size:13.1vw}.tagline{letter-spacing:.17em}.links{padding-left:6%;padding-right:6%}.link{min-height:56px;padding:0 19px}.releases{padding-left:6%;padding-right:6%}}

/* Desktop-only composition; all existing mobile styles remain unchanged. */
@media (min-width:900px){
  .page{max-width:none;width:100%;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);overflow:visible}
  .hero{height:100svh;min-height:730px;position:sticky;top:0;align-self:start;overflow:hidden}
  .portrait{background-position:center 20%;background-size:cover}
  .hero-content{left:7%;right:6%;bottom:9%}
  h1{font-size:clamp(64px,6.1vw,116px);line-height:.88;letter-spacing:-.075em}
  .tagline{font-size:clamp(11px,1.05vw,17px);letter-spacing:.23em;margin-top:27px}
  .desktop-right{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:clamp(48px,6vh,100px) clamp(32px,5vw,105px) 24px;background:#050505}
  .links{padding:0;gap:16px}
  .link{min-height:clamp(70px,6.5vw,100px);padding:0 clamp(24px,2.5vw,40px);font-size:clamp(20px,2vw,30px)}
  .link svg{width:30px;height:30px}
  .releases{padding:clamp(44px,6vh,78px) 0 0}
  .section-title h2{font-size:clamp(13px,1.1vw,18px)}
  .release-grid{gap:clamp(15px,2vw,32px)}
  .release-title{font-size:clamp(14px,1.15vw,19px)}
  footer{padding:45px 0 0}
}
@media (min-width:900px) and (max-width:1150px){
  .page{grid-template-columns:minmax(0,1fr) minmax(420px,1fr)}
  .desktop-right{padding-left:32px;padding-right:32px}
  h1{font-size:clamp(57px,5.7vw,75px)}
  .tagline{font-size:11px;letter-spacing:.16em}
}