:root{
  --bg:#080808;
  --surface:#0d0d0d;
  --surface-2:#111111;
  --surface-3:#151515;
  --ink:#f3f3f0;
  --muted:#9a9a96;
  --muted-2:#696966;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.18);
  --accent:#f3f3f0;
  --container:1320px;
  --shell:min(var(--container),calc(100% - 64px));
  --space-xs:.5rem;
  --space-sm:.875rem;
  --space-md:1.5rem;
  --space-lg:2.5rem;
  --space-xl:4rem;
  --space-2xl:6.5rem;
  --space-3xl:9rem;
  --font-body:Inter,"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --font-display:"Arial Narrow","Roboto Condensed","Liberation Sans Narrow","Helvetica Neue",Arial,sans-serif;
  --ease:180ms ease;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,iframe,video{max-width:100%}
figure{margin:0}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{color:#fff}
button,a,summary{touch-action:manipulation}
:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.shell{width:var(--shell);margin-inline:auto}
.icon{display:block;width:1rem;height:1rem;flex:0 0 auto}
.skip-link{position:fixed;left:18px;top:14px;z-index:1000;padding:.65rem .85rem;background:var(--ink);color:var(--bg);font-size:.8rem;font-weight:800;transform:translateY(-180%)}
.skip-link:focus{transform:none}

/* Header */
.site-header{position:relative;z-index:50;background:rgba(8,8,8,.97);border-bottom:1px solid var(--line)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{display:inline-flex;align-items:center;text-decoration:none;font-size:.76rem;font-weight:800;letter-spacing:.235em;line-height:1;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:2.15rem;font-size:.78rem;font-weight:650}
.desktop-nav a{text-decoration:none;color:#9b9b98;transition:color var(--ease),border-color var(--ease),background var(--ease)}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--ink)}
.nav-cta{margin-left:.35rem;padding:.72rem 1.1rem;border:1px solid var(--line-strong);color:var(--ink)!important}
.nav-cta:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)!important}
.mobile-menu{display:none}

/* Links / CTAs */
.primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1.4rem;min-width:178px;min-height:48px;margin-top:1.45rem;padding:.78rem 1rem;background:var(--ink);color:#080808;font-size:.78rem;font-weight:800;line-height:1;text-decoration:none;border:1px solid var(--ink);border-radius:2px;transition:background var(--ease),color var(--ease),border-color var(--ease)}
.primary-link:hover{background:#fff;color:#000;border-color:#fff}
.primary-link .icon{transition:transform var(--ease)}
.primary-link:hover .icon{transform:translateX(3px)}
.hero .primary-link .icon{transition:transform var(--ease)}
.hero .primary-link:hover .icon{transform:translateY(3px)}
.text-link{display:inline-flex;align-items:center;gap:.55rem;width:max-content;max-width:100%;padding:.15rem 0 .34rem;border-bottom:1px solid var(--line-strong);color:#d7d7d3;font-size:.76rem;font-weight:750;text-decoration:none;transition:border-color var(--ease),color var(--ease)}
.text-link:hover{border-color:var(--ink);color:var(--ink)}
.text-link .icon{width:.88rem;height:.88rem;transition:transform var(--ease)}
.text-link:hover .icon{transform:translateX(3px)}
.text-link.standalone{margin-top:.9rem}

/* Display typography */
.hero h1,.page-hero h1,.beats-hero h1,.section-head h2,.content-grid h2,.big-copy,.catalog-title h2{font-family:var(--font-display);font-stretch:condensed;font-weight:700;text-wrap:balance}

/* Homepage hero */
.hero{position:relative;display:flex;align-items:center;min-height:426px;padding:clamp(3.6rem,5.2vw,5rem) 0 clamp(3.1rem,4.6vw,4.4rem);overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(800px 420px at 78% 22%,rgba(255,255,255,.024),transparent 68%)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,4fr);gap:clamp(3rem,7vw,7.5rem);align-items:end}
.kicker,.eyebrow{margin:0 0 1.25rem;color:#858581;font-size:.62rem;font-weight:800;letter-spacing:.205em;text-transform:uppercase}
.hero h1{margin:0;max-width:9.2ch;font-size:clamp(4.35rem,6vw,6.7rem);line-height:.86;letter-spacing:-.045em}
.hero-line{display:block;white-space:nowrap}
.hero-action{max-width:31rem;padding-bottom:.25rem}
.hero-copy{margin:0;color:#a2a29e;font-size:clamp(.98rem,1.12vw,1.08rem);line-height:1.62}
.hero-fact{margin:1.05rem 0 0;color:#6f6f6c;font-size:.65rem;letter-spacing:.035em}

/* Homepage catalog */
.catalog-section{position:relative;padding:clamp(3.4rem,5vw,4.8rem) 0 clamp(4.6rem,6vw,6rem);background:linear-gradient(180deg,#0d0d0d 0%,#0a0a0a 76%,#090909 100%);border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid var(--line);overflow:hidden}
.catalog-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(760px 360px at 18% 18%,rgba(255,255,255,.022),transparent 70%)}
.catalog-section>.shell{position:relative}
.catalog-header{display:grid;grid-template-columns:minmax(220px,3fr) minmax(280px,5fr) auto;gap:clamp(2rem,5vw,5.5rem);align-items:end;margin-bottom:2rem}
.catalog-title h2{margin:0;font-size:clamp(3.3rem,4.7vw,5.25rem);line-height:.88;letter-spacing:-.04em}
.catalog-title p{margin:.62rem 0 0;color:#797976;font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.catalog-copy{max-width:35rem;margin:0;color:#989894;font-size:.94rem;line-height:1.58}
.selected-label{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:2rem 0 .75rem;color:#6e6e6b;font-size:.59rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

/* BeatStars surface */
.player-frame{margin:0}
.player-shell{min-height:252px;overflow:hidden;background:#080808;border:1px solid var(--line)}
.player-shell iframe{display:block;width:100%!important;max-width:100%!important;min-height:252px;border:0}
.player-placeholder{position:relative;min-height:252px;padding:1.55rem 1.7rem;display:grid;grid-template-rows:auto 1fr auto;gap:1.5rem;background:linear-gradient(110deg,rgba(255,255,255,.008),transparent 55%)}
.player-placeholder::after{content:"";position:absolute;left:1.7rem;right:1.7rem;top:48px;height:1px;background:var(--line)}
.player-placeholder-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:#747471;font-size:.58rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.player-placeholder-body{align-self:center;max-width:670px;padding-top:.4rem}
.player-placeholder strong{display:block;font-family:var(--font-display);font-size:clamp(2rem,3vw,3.15rem);font-weight:700;line-height:.92;letter-spacing:-.035em}
.player-placeholder p{max-width:40rem;margin:.72rem 0 0;color:#898986;font-size:.84rem;line-height:1.55}
.player-fallback{display:inline-flex;align-items:center;gap:.55rem;width:max-content;color:#d6d6d2;font-size:.72rem;font-weight:800;text-decoration:none}
.player-fallback .icon{width:.9rem;height:.9rem;transition:transform var(--ease)}
.player-fallback:hover .icon{transform:translate(2px,-2px)}

/* Track catalog */
.track-cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.track-entry{text-decoration:none}
.track-cards .track-entry{min-height:96px;display:grid;grid-template-columns:28px minmax(0,1fr) 24px;gap:.9rem;align-items:center;padding:1rem 1.1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.008);transition:background var(--ease)}
.track-cards .track-entry:hover{background:rgba(255,255,255,.025)}
.track-number{color:#5f5f5c;font-size:.61rem;font-variant-numeric:tabular-nums}
.track-main{display:flex;flex-direction:column;gap:.24rem;min-width:0}
.track-main strong{overflow:hidden;text-overflow:ellipsis;color:#e9e9e5;font-size:.9rem;font-weight:720;letter-spacing:-.012em;white-space:nowrap}
.track-main small{color:#6e6e6b;font-size:.65rem;white-space:normal}
.track-action{justify-self:end;color:#777773;transition:color var(--ease),transform var(--ease)}
.track-action .icon{width:.88rem;height:.88rem}
.track-entry:hover .track-action{color:var(--ink);transform:translate(2px,-2px)}
.catalog-table{border-top:1px solid var(--line)}
.catalog-table .track-entry{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:1.5rem;align-items:center;min-height:62px;padding:0 .7rem;border-bottom:1px solid var(--line);transition:background var(--ease)}
.catalog-table .track-entry:hover{background:rgba(255,255,255,.018)}
.catalog-table .track-number{display:none}
.catalog-table .track-main{display:block}
.catalog-table .track-main small{display:none}
.catalog-table .track-main strong{font-size:.87rem}
.catalog-table .track-action{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}
.table-head{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:1.5rem;margin-top:1.3rem;padding:0 .7rem .72rem;color:#61615f;font-size:.56rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.table-head span:last-child{text-align:right}

/* Shared sections */
.section{padding:clamp(4.25rem,6vw,6.2rem) 0;border-top:1px solid rgba(255,255,255,.06)}
.compact-section{padding-top:clamp(3.8rem,5vw,5rem);padding-bottom:clamp(3.8rem,5vw,5rem)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:4rem;margin-bottom:clamp(2rem,3vw,2.8rem)}
.section-head h2{margin:0;font-size:clamp(3.3rem,4.8vw,5.25rem);line-height:.9;letter-spacing:-.04em}
.section-head p{max-width:34rem;margin:0;color:#8d8d89;font-size:.92rem;line-height:1.62}
.sound-section{background:#090909}
.sound-list{border-top:1px solid var(--line)}
.sound-row{display:grid;grid-template-columns:minmax(230px,3fr) minmax(300px,5fr) 28px;gap:2.5rem;align-items:center;min-height:80px;border-bottom:1px solid var(--line);text-decoration:none;transition:background var(--ease),padding var(--ease)}
.sound-row:hover{padding-inline:.55rem;background:rgba(255,255,255,.016)}
.sound-name{font-family:var(--font-display);font-size:clamp(1.18rem,1.55vw,1.55rem);font-weight:700;letter-spacing:-.015em}
.sound-desc{color:#7f7f7c;font-size:.82rem}
.sound-arrow{justify-self:end;color:#71716e}.sound-arrow .icon{width:.92rem;height:.92rem;transition:transform var(--ease)}
.sound-row:hover .sound-arrow .icon{transform:translateX(3px)}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(4rem,8vw,8rem);align-items:start}
.big-copy{max-width:9.4ch;margin:0;font-size:clamp(3.4rem,5vw,5.3rem);line-height:.9;letter-spacing:-.04em}
.editorial-copy{max-width:43rem}
.editorial-copy p,.prose p,.prose ul{color:#8d8d89}
.editorial-copy p{max-width:62ch}
.editorial-copy p:first-child{margin-top:0;color:#aaa9a5;font-size:1rem;line-height:1.68}
.value-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 2.5rem;margin-top:2rem;border-top:1px solid var(--line)}
.value-item{padding:1rem 0;border-bottom:1px solid var(--line)}
.value-item strong{font-size:.82rem;font-weight:720}
.steps{margin-top:2rem;border-top:1px solid var(--line)}
.step{display:grid;grid-template-columns:34px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.step span:first-child{color:#666;font-size:.72rem}.step strong{font-weight:700}

/* Breadcrumbs and beats page */
.breadcrumbs{padding-top:1.35rem}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;color:#62625f;font-size:.61rem}
.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:.5rem;color:#494947}
.breadcrumbs a{text-decoration:none;color:#70706d}
.beats-hero{position:relative;padding:clamp(2.4rem,3.5vw,3.5rem) 0 clamp(3rem,4vw,4rem);border-bottom:1px solid var(--line);overflow:hidden}
.beats-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 320px at 73% 28%,rgba(255,255,255,.02),transparent 70%)}
.beats-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(480px,7fr);gap:clamp(3rem,5.5vw,5.5rem);align-items:center}
.beats-hero h1{max-width:8ch;margin:0;font-size:clamp(4rem,5.35vw,5.85rem);line-height:.86;letter-spacing:-.04em}
.beats-intro>p{max-width:31rem;margin:1.1rem 0 0;color:#91918d;font-size:.92rem;line-height:1.62}
.hero-links{display:flex;align-items:center;gap:1.55rem;flex-wrap:wrap}
.beats-player .player-shell,.beats-player .player-placeholder,.beats-player .player-shell iframe{min-height:248px}
.catalog-browser{padding:1.75rem 0 4.2rem;background:#090909}
.browser-top{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1rem;color:#6f6f6c;font-size:.58rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.sound-tabs{display:flex;align-items:center;gap:1.9rem;overflow-x:auto;padding:0;border-bottom:1px solid var(--line);scrollbar-width:none}
.sound-tabs::-webkit-scrollbar{display:none}
.sound-tabs a{flex:0 0 auto;margin-bottom:-1px;padding:.75rem 0;color:#797976;font-size:.7rem;font-weight:650;text-decoration:none;border-bottom:1px solid transparent;transition:color var(--ease),border-color var(--ease)}
.sound-tabs a:hover,.sound-tabs a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--ink)}

/* Visual rhythm / media */
.catalog-header-minimal{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:1.7rem}
.catalog-header-minimal .catalog-title p{margin:0 0 .72rem;color:#777774;font-size:.58rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.catalog-header-minimal .catalog-title h2{max-width:12ch;font-size:clamp(3.2rem,4.8vw,5.35rem)}
.catalog-header-minimal>.text-link{align-self:end;margin-bottom:.28rem}
.catalog-endcap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 0 0;color:#646461;font-size:.64rem}
.catalog-endcap a{display:inline-flex;align-items:center;gap:.5rem;color:#b9b9b5;font-weight:750;text-decoration:none}
.catalog-endcap .icon{width:.8rem;height:.8rem}
.section-head-lean{align-items:flex-end;margin-bottom:1.8rem}.section-head-lean .section-index{margin-bottom:.58rem}.section-head-lean .text-link{margin-bottom:.25rem}
.statement-band{background:var(--ink);color:#090909;border-top:0}
.statement-band-grid{min-height:clamp(340px,36vw,520px);display:grid;grid-template-columns:minmax(0,7fr) minmax(220px,3fr);gap:4rem;align-items:end;padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(3.5rem,6vw,5.5rem)}
.statement-band p{margin:0;font-family:var(--font-display);font-size:clamp(3.9rem,6.1vw,6.8rem);font-weight:700;line-height:.84;letter-spacing:-.048em}.statement-band p span{display:block;white-space:nowrap}
.statement-link{justify-self:end;display:inline-flex;align-items:center;gap:.7rem;margin-bottom:.35rem;padding-bottom:.32rem;border-bottom:1px solid rgba(0,0,0,.28);font-size:.76rem;font-weight:800;text-decoration:none}.statement-link .icon{width:.9rem;height:.9rem;transition:transform var(--ease)}.statement-link:hover{color:#000;border-bottom-color:#000}.statement-link:hover .icon{transform:translateX(3px)}
.statement-band-small .statement-band-grid{min-height:300px}.statement-band-small p{font-size:clamp(3.5rem,5.5vw,6rem)}
.decision-section{background:#090909}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.decision-card{min-height:360px;padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column;align-items:flex-start;background:#0d0d0d}.decision-card-light{background:#121212}.decision-card h2{max-width:11ch;margin:auto 0 0;font-family:var(--font-display);font-size:clamp(2.9rem,4.3vw,4.8rem);font-weight:700;line-height:.88;letter-spacing:-.04em;text-wrap:balance}.decision-card p{max-width:34rem;margin:1.3rem 0 0;color:#8e8e8a;font-size:.88rem;line-height:1.58}.decision-card .text-link{margin-top:1.25rem}
.media-showcase-section{background:#0b0b0b}.media-showcase-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:clamp(1rem,2vw,1.6rem);align-items:start}.media-showcase-grid.single{grid-template-columns:1fr}.media-item{min-width:0}.media-frame{position:relative;overflow:hidden;background:#111;border:1px solid var(--line)}.media-item img,.media-item video,.media-item iframe{display:block;width:100%;height:100%;border:0;object-fit:cover;background:#070707}.media-feature-main .media-frame{aspect-ratio:16/10}.media-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,1.4vw,1.15rem)}.media-mosaic .media-frame{aspect-ratio:1/1}.media-mosaic .media-item:nth-child(3n+1):last-child{grid-column:1/-1}.media-mosaic .media-item:nth-child(3n+1):last-child .media-frame{aspect-ratio:16/9}.media-item figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.55rem;color:#686865;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase}.media-invalid{min-height:220px;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#aaa;text-decoration:none}.media-invalid .icon{width:.9rem;height:.9rem}
.hero-grid.has-media{grid-template-columns:minmax(0,5fr) minmax(240px,2.4fr) minmax(250px,2.8fr);gap:clamp(2rem,4vw,4rem);align-items:end}.hero-grid.has-media .hero-action{padding-bottom:.2rem}.hero-media{align-self:stretch;display:flex;align-items:stretch}.hero-media .media-item,.hero-media .media-frame{width:100%;height:100%}.hero-media .media-frame{min-height:310px;aspect-ratio:4/5}.hero-media .media-frame img,.hero-media .media-frame video,.hero-media .media-frame iframe{object-fit:cover}
.page-hero-grid.page-hero-grid-media{grid-template-columns:minmax(0,4.8fr) minmax(260px,2.6fr) minmax(260px,2.6fr);align-items:end}.page-hero-media .media-frame{aspect-ratio:4/5;min-height:360px}.page-hero-about{padding-bottom:clamp(3rem,5vw,5rem)}.prose-short p{max-width:56ch}.about-gallery-section{background:#0b0b0b}.media-mosaic-about{grid-template-columns:repeat(3,1fr)}.media-mosaic-about .media-frame{aspect-ratio:4/5}.media-mosaic-about .media-item:nth-child(2n) .media-frame{aspect-ratio:1/1}

/* Internal pages */
.page-hero{position:relative;padding:clamp(3.7rem,6vw,6rem) 0 clamp(3rem,4vw,4rem);overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(620px 300px at 78% 24%,rgba(255,255,255,.018),transparent 70%)}
.page-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,4fr);gap:clamp(3rem,7vw,7rem);align-items:end}
.page-hero .index,.section-index{display:block;margin:0 0 .75rem;color:#666663;font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.page-hero .index{display:none}
.page-hero h1{max-width:10ch;margin:0;font-size:clamp(4rem,5.8vw,6.2rem);line-height:.87;letter-spacing:-.04em}
.page-hero .intro{max-width:34rem;margin:0;color:#91918d;font-size:1rem;line-height:1.66}
.content-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(4rem,8vw,8rem);align-items:start}
.content-grid h2{max-width:12ch;margin:0;font-size:clamp(3.1rem,4.55vw,4.85rem);line-height:.93;letter-spacing:-.038em}
.prose{max-width:43rem}
.prose h3{margin:2.2rem 0 .55rem;color:var(--ink);font-size:1rem;font-weight:750}
.prose h3:first-child{margin-top:0}
.prose p{max-width:64ch;margin:.75rem 0;line-height:1.72}
.prose ul{padding-left:1.15rem}
.related-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.25rem}
.related-links a{display:inline-flex;align-items:center;gap:.45rem;min-height:42px;padding:.65rem .85rem;border:1px solid var(--line);font-size:.74rem;font-weight:700;text-decoration:none;transition:border-color var(--ease),background var(--ease)}
.related-links a:hover{background:rgba(255,255,255,.018);border-color:var(--line-strong)}
.license-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(2rem,5vw,4.5rem)}
.license-rail article{padding-top:1rem;border-top:1px solid var(--line)}
.license-rail .n{display:block;margin-bottom:1rem;color:#60605d;font-size:.61rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.license-rail h3{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.55rem,2.15vw,2.05rem);font-weight:700;line-height:1.03;letter-spacing:-.02em}
.license-rail p{margin:.4rem 0;color:#858582;font-size:.9rem;line-height:1.6}
.notice{margin-top:2rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8e8e8a;font-size:.9rem}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-strip>div{padding-top:1.1rem;border-top:1px solid var(--line)}.stat-strip strong{display:block;font-family:var(--font-display);font-size:clamp(1.7rem,2.8vw,2.85rem);font-weight:700;letter-spacing:-.025em}.stat-strip span{display:block;margin-top:.3rem;color:#747471;font-size:.68rem}
.credits-list,.contact-list,.faq-list{border-top:1px solid var(--line)}
.credits-list>div{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(180px,1fr) minmax(180px,.9fr);gap:1.2rem;padding:1.15rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.credits-list span{color:#80807d;font-size:.77rem}.credits-list strong{font-size:1rem;font-weight:720}.credits-list em{color:#686865;font-size:.77rem;font-style:normal}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:60px;padding:1rem 0;cursor:pointer;font-size:.91rem;font-weight:700}
.faq-item summary::-webkit-details-marker{display:none}
.faq-icon{width:28px;height:28px;display:grid;place-items:center;color:#747471;transition:transform var(--ease),color var(--ease)}
.faq-icon .icon{width:.95rem;height:.95rem}
.faq-item[open] .faq-icon{color:var(--ink);transform:rotate(180deg)}
.faq-answer{max-width:48rem;padding:0 0 1.2rem;color:#8a8a86}
.faq-answer p{margin:0;line-height:1.68}
.contact-list{margin-top:.25rem}
.contact-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:1.25rem;padding:1.05rem 0;border-bottom:1px solid var(--line)}
.contact-row strong{font-size:.82rem;font-weight:720}.contact-row a{display:inline-flex;align-items:center;gap:.45rem;color:#c9c9c5}.contact-row .icon{width:.82rem;height:.82rem}.setup-missing{color:#777774}.legal-template{max-width:50rem}.legal-template .placeholder{padding:.1rem .3rem;background:var(--surface-2);font-family:monospace}.error-hero{min-height:68vh;display:grid;align-items:center}

/* Footer */
.site-footer{padding:clamp(3.8rem,5.5vw,5.2rem) 0 1.35rem;background:#060606;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(120px,.55fr) minmax(150px,.65fr);gap:clamp(2rem,6vw,6rem)}
.footer-grid p{max-width:27rem;margin:1rem 0 0;color:#777774;font-size:.83rem;line-height:1.6}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:.58rem;font-size:.73rem}
.footer-links a{display:inline-flex;align-items:center;gap:.4rem;color:#a9a9a5;text-decoration:none;transition:color var(--ease)}
.footer-links a:hover{color:var(--ink)}
.footer-links .icon{width:.76rem;height:.76rem}
.footer-bottom{display:flex;justify-content:space-between;gap:2rem;margin-top:clamp(2.8rem,5vw,4.3rem);padding-top:1rem;border-top:1px solid var(--line);color:#575754;font-size:.6rem}

@media (max-width:1000px){
  .hero-grid.has-media{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:2rem}.hero-grid.has-media .hero-title{grid-column:1}.hero-grid.has-media .hero-action{grid-column:1}.hero-grid.has-media .hero-media{grid-column:2;grid-row:1/3}
  .page-hero-grid.page-hero-grid-media{grid-template-columns:1fr minmax(250px,.8fr);gap:2rem}.page-hero-grid-media .intro{grid-column:1}.page-hero-media{grid-column:2;grid-row:1/3}
  .media-showcase-grid{grid-template-columns:1fr}.media-mosaic{grid-template-columns:repeat(3,1fr)}
  .statement-band-grid{grid-template-columns:1fr auto;gap:2rem}
  :root{--shell:min(100% - 40px,var(--container))}
  .desktop-nav{display:none}
  .mobile-menu{display:block;position:static}
  .mobile-menu summary{display:flex;align-items:center;gap:.65rem;min-height:44px;cursor:pointer;list-style:none;color:#d4d4d0;font-size:.72rem;font-weight:750}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu .icon-menu,.mobile-menu .icon-close{width:1.2rem;height:1.2rem}
  .mobile-menu .icon-close,.menu-label-close{display:none}
  .mobile-menu[open] .icon-menu,.mobile-menu[open] .menu-label-open{display:none}
  .mobile-menu[open] .icon-close,.mobile-menu[open] .menu-label-close{display:block}
  .mobile-menu nav{display:none}
  .mobile-menu[open] nav{position:absolute;top:100%;left:0;width:100%;display:flex;flex-direction:column;padding:1.1rem max(20px,calc((100vw - var(--container))/2));background:#0a0a0a;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 22px 38px rgba(0,0,0,.28)}
  .mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;padding:.2rem 0;border-bottom:1px solid rgba(255,255,255,.065);color:#d8d8d4;font-family:var(--font-display);font-size:1.28rem;font-weight:700;text-decoration:none}
  .mobile-menu nav a:last-child{border-bottom:0;color:#92928e;font-family:var(--font-body);font-size:.78rem}
  .mobile-menu nav .icon{width:.95rem;height:.95rem}
  .hero-grid{grid-template-columns:1fr;gap:1.85rem}.hero-action{max-width:42rem}.hero h1{max-width:9.5ch}
  .catalog-header{grid-template-columns:minmax(0,1fr) auto;gap:1.25rem 2rem}.catalog-copy{grid-column:1/2}.catalog-header>.text-link{grid-column:2;grid-row:1;align-self:end}
  .track-cards{grid-template-columns:repeat(2,1fr)}
  .section-head{align-items:flex-start;flex-direction:column;gap:1rem}
  .split,.content-grid,.page-hero-grid{grid-template-columns:1fr;gap:2.2rem}
  .sound-row{grid-template-columns:minmax(180px,3fr) minmax(0,5fr) 28px;gap:1.5rem}
  .beats-hero-grid{grid-template-columns:1fr;gap:2.6rem}.beats-intro{max-width:700px}.beats-player{max-width:900px}
  .license-rail{grid-template-columns:1fr;gap:2rem}.stat-strip{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.2fr .8fr}.footer-grid>div:last-child{grid-column:2}.credits-list>div{grid-template-columns:1fr 1fr}.credits-list em{grid-column:2}
}

@media (max-width:620px){
  :root{--shell:calc(100% - 40px)}
  .hero-grid.has-media{grid-template-columns:1fr;gap:1.45rem}.hero-grid.has-media .hero-title,.hero-grid.has-media .hero-action,.hero-grid.has-media .hero-media{grid-column:1;grid-row:auto}.hero-grid.has-media .hero-media{margin-top:.15rem}.hero-media .media-frame{min-height:0;aspect-ratio:16/10}
  .catalog-header-minimal{grid-template-columns:1fr;gap:.9rem}.catalog-header-minimal>.text-link{margin:0}.catalog-endcap{align-items:flex-start;flex-direction:column;gap:.55rem}
  .section-head-lean{gap:.8rem}.section-head-lean .text-link{margin:0}
  .statement-band-grid{min-height:340px;grid-template-columns:1fr;align-content:space-between;gap:2rem;padding-top:3.2rem;padding-bottom:2.5rem}.statement-band p{font-size:clamp(3.35rem,15vw,4.4rem)}.statement-band p span{white-space:normal}.statement-link{justify-self:start}
  .statement-band-small .statement-band-grid{min-height:270px}.statement-band-small p{font-size:clamp(3.1rem,14vw,4rem)}
  .decision-grid{grid-template-columns:1fr}.decision-card{min-height:300px;padding:1.6rem 1.4rem}.decision-card h2{font-size:clamp(2.7rem,12vw,3.6rem)}
  .media-showcase-grid{gap:1.4rem}.media-mosaic,.media-mosaic-about{grid-template-columns:1fr 1fr;gap:.75rem}.media-feature-main .media-frame{aspect-ratio:4/3}.media-mosaic .media-frame{aspect-ratio:4/5}
  .page-hero-grid.page-hero-grid-media{grid-template-columns:1fr;gap:1.5rem}.page-hero-grid-media .intro,.page-hero-media{grid-column:1;grid-row:auto}.page-hero-media .media-frame{min-height:0;aspect-ratio:4/5}
  .header-inner{height:64px}.brand{font-size:.68rem;letter-spacing:.215em}
  .mobile-menu[open] nav{padding-inline:20px}
  .hero{min-height:auto;padding:2.35rem 0 2.55rem}
  .hero::before{background:radial-gradient(500px 260px at 70% 12%,rgba(255,255,255,.02),transparent 70%)}
  .hero-grid{gap:1.45rem}
  .kicker{margin-bottom:.9rem;font-size:.56rem}
  .hero h1{max-width:none;font-size:clamp(3.05rem,13.1vw,3.45rem);line-height:.87;letter-spacing:-.035em}
  .hero-line{white-space:nowrap}
  .hero-copy{max-width:34rem;font-size:.91rem;line-height:1.55}
  .hero-action{margin-top:0}
  .hero .primary-link{width:100%}
  .hero-fact{margin-top:.9rem;font-size:.61rem}
  .primary-link{min-height:48px;margin-top:1.05rem;padding:.74rem .9rem}
  .catalog-section{padding:2.65rem 0 3.8rem}
  .catalog-header{grid-template-columns:1fr;gap:.85rem;margin-bottom:1.4rem}
  .catalog-title h2{font-size:3.25rem}.catalog-copy{grid-column:auto;font-size:.87rem;line-height:1.52}.catalog-header>.text-link{grid-column:auto;grid-row:auto;justify-self:start;margin-top:.15rem}
  .player-shell,.player-placeholder,.player-shell iframe{min-height:218px}
  .player-placeholder{min-height:218px;padding:1.15rem 1.1rem;gap:1.1rem}
  .player-placeholder::after{left:1.1rem;right:1.1rem;top:41px}
  .player-placeholder-top{font-size:.52rem}.player-placeholder-body{padding-top:.3rem}.player-placeholder strong{font-size:2rem}.player-placeholder p{font-size:.78rem;line-height:1.5}.player-fallback{font-size:.67rem}
  .selected-label{margin-top:1.65rem;font-size:.53rem}
  .track-cards{grid-template-columns:1fr}
  .track-cards .track-entry{min-height:76px;grid-template-columns:24px minmax(0,1fr) 22px;padding:.75rem .85rem}.track-main strong{font-size:.88rem}.track-main small{font-size:.61rem}
  .section{padding:3.8rem 0}.compact-section{padding:3.5rem 0}
  .section-head{margin-bottom:1.7rem}.section-head h2{font-size:clamp(3rem,13vw,3.75rem)}.section-head p{font-size:.87rem;line-height:1.55}
  .sound-row{grid-template-columns:minmax(0,1fr) 22px;gap:.38rem 1rem;min-height:86px;padding:.85rem 0}
  .sound-name{font-size:1.25rem}.sound-desc{grid-column:1/3;padding-right:1.8rem;font-size:.77rem;line-height:1.45}.sound-arrow{grid-row:1;grid-column:2}
  .split{gap:1.45rem}.big-copy{font-size:clamp(3rem,12vw,3.65rem)}.editorial-copy p:first-child{font-size:.92rem;line-height:1.62}.value-grid{grid-template-columns:1fr;gap:0;margin-top:1.45rem}.value-item{padding:.85rem 0}
  .breadcrumbs{padding-top:.9rem}.breadcrumbs ol{font-size:.57rem}
  .page-hero{padding:2.6rem 0 2.15rem}.page-hero-grid{gap:1.4rem}.page-hero .index{margin-bottom:-.55rem}.page-hero h1{font-size:clamp(3.4rem,14.3vw,4.2rem)}.page-hero .intro{font-size:.92rem;line-height:1.58}
  .content-grid{gap:1.55rem}.content-grid h2{font-size:clamp(3rem,12vw,3.7rem)}.section-index{margin-bottom:.55rem}
  .prose p{font-size:.9rem}.prose h3{font-size:.94rem}
  .beats-hero{padding:2.05rem 0 2.7rem}.beats-hero-grid{gap:2rem}.beats-hero h1{font-size:clamp(3.8rem,15.5vw,4.75rem)}.beats-intro>p{font-size:.88rem;line-height:1.55}.hero-links{gap:1rem}.beats-intro .primary-link{width:100%}.beats-player .player-shell,.beats-player .player-placeholder,.beats-player .player-shell iframe{min-height:218px}
  .catalog-browser{padding:1.45rem 0 3.5rem}.browser-top{font-size:.54rem}.sound-tabs{gap:1.35rem}.sound-tabs a{padding:.7rem 0;font-size:.67rem}
  .table-head{display:none}.catalog-table{margin-top:1.1rem}.catalog-table .track-entry{grid-template-columns:minmax(0,1fr) 36px;gap:.75rem;min-height:58px;padding:0}.catalog-table .track-main{display:block}.catalog-table .track-action{width:30px;height:30px}
  .license-rail h3{font-size:1.65rem}.stat-strip{grid-template-columns:1fr 1fr;gap:1.3rem 1rem}.stat-strip strong{font-size:1.7rem}
  .contact-row{grid-template-columns:1fr;gap:.16rem}.credits-list>div{grid-template-columns:1fr;gap:.12rem}.credits-list em{grid-column:auto}
  .faq-item summary{min-height:58px;font-size:.86rem}.faq-answer{font-size:.86rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem 1.35rem}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:.3rem;margin-top:2.7rem}
}

@media (max-width:350px){
  :root{--shell:calc(100% - 32px)}
  .hero h1{font-size:2.72rem}
  .hero-line{white-space:normal}
  .catalog-title h2{font-size:3rem}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none}}


/* Player-first rhythm pass */
.player-section{position:relative;padding:clamp(4.5rem,7vw,7.5rem) 0;background:#0b0b0b;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid var(--line);overflow:hidden}
.player-section::before{content:"";position:absolute;width:min(62vw,900px);aspect-ratio:1;right:-24%;top:-52%;border:1px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none}
.player-section-grid{position:relative;display:grid;grid-template-columns:minmax(260px,3.2fr) minmax(0,7.8fr);gap:clamp(2.5rem,6vw,6.8rem);align-items:start}
.player-section-copy{position:sticky;top:2rem;padding-top:.35rem}
.player-section-copy h2{max-width:7.5ch;margin:0;font-family:var(--font-display);font-size:clamp(3.8rem,5.5vw,6.1rem);font-weight:700;line-height:.84;letter-spacing:-.048em;text-wrap:balance}
.player-section-copy>p{max-width:30rem;margin:1.35rem 0 0;color:#90908c;font-size:.9rem;line-height:1.65}
.player-section-meta{display:flex;gap:.55rem 1.4rem;flex-wrap:wrap;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:#686865;font-size:.61rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.player-stage{position:relative;padding:clamp(.65rem,1vw,.9rem);background:#070707;border:1px solid var(--line)}
.player-stage::before{content:"Catalog / BeatStars";position:absolute;z-index:2;right:.9rem;top:-1.65rem;color:#5f5f5c;font-size:.52rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.player-frame.is-live .player-shell{min-height:680px}
.player-frame.is-live .player-shell iframe{display:block;width:100%!important;height:clamp(680px,72vh,800px)!important;min-height:680px!important;border:0}
.player-frame.is-setup .player-shell{min-height:330px}
.player-frame.is-setup .player-placeholder{min-height:330px}
.player-placeholder code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;color:#c9c9c5}
.player-setup-note{align-self:end;color:#676764;font-size:.59rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}

/* More expressive selected-beat module */
.catalog-section{padding-top:clamp(4.4rem,6vw,6.4rem);padding-bottom:clamp(5rem,7vw,7.5rem)}
.track-cards{grid-template-columns:repeat(12,1fr);gap:1px;border:0;background:var(--line)}
.track-cards .track-entry{grid-column:span 4;min-height:150px;padding:1.25rem 1.35rem;background:#0d0d0d;border:0;grid-template-columns:30px minmax(0,1fr) 30px;align-items:end}
.track-cards .track-entry:nth-child(2),.track-cards .track-entry:nth-child(5){background:#101010}
.track-cards .track-number{align-self:start;font-size:.58rem;letter-spacing:.08em}
.track-cards .track-main{align-self:end;gap:.4rem}
.track-cards .track-main strong{font-family:var(--font-display);font-size:clamp(1.55rem,2vw,2.1rem);line-height:.96;letter-spacing:-.025em}
.track-cards .track-main small{color:#646461;font-size:.59rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.track-cards .track-action{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transform:none}
.track-entry:hover .track-action{transform:none;border-color:var(--line-strong)}
.catalog-endcap{padding-top:1.25rem;border-top:0}
.catalog-endcap a .icon,.catalog-header-minimal>.text-link .icon{width:.9rem;height:.9rem}

/* Sound index: editorial mosaic instead of another text list */
.sound-section{position:relative;background:#080808;overflow:hidden}
.sound-section::after{content:"";position:absolute;right:3%;bottom:-140px;width:360px;height:360px;border:1px solid rgba(255,255,255,.035);transform:rotate(12deg);pointer-events:none}
.sound-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--line)}
.sound-tile{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;gap:1rem;min-height:230px;padding:clamp(1.4rem,2.6vw,2.3rem);background:#0c0c0c;text-decoration:none;overflow:hidden;transition:background var(--ease)}
.sound-tile:nth-child(1),.sound-tile:nth-child(4){grid-column:span 7}
.sound-tile:nth-child(2),.sound-tile:nth-child(3){grid-column:span 5;background:#101010}
.sound-tile:hover{background:#151515}
.sound-index{grid-column:1;color:#5b5b58;font-size:.58rem;font-weight:800;letter-spacing:.14em}
.sound-name{grid-column:1/-1;align-self:end;max-width:9ch;font-size:clamp(2rem,3.4vw,3.8rem);line-height:.88;letter-spacing:-.035em}
.sound-desc{grid-column:1;align-self:end;max-width:35rem;color:#797976;font-size:.76rem;line-height:1.5}
.sound-arrow{grid-column:2;align-self:end;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#777773}
.sound-tile:hover .sound-arrow .icon{transform:translateX(3px)}

/* Asymmetric final decision block */
.decision-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.decision-card:first-child{min-height:430px}
.decision-card-light{min-height:360px;margin-top:70px;background:var(--ink);color:#090909}
.decision-card-light .section-index,.decision-card-light p{color:#575754}
.decision-card-light .text-link{color:#101010;border-color:rgba(0,0,0,.3)}
.decision-card-light .text-link:hover{color:#000;border-color:#000}

/* Beats page: make the integrated store the visual anchor */
.beats-hero{padding-top:clamp(3rem,4.5vw,4.5rem);padding-bottom:clamp(4rem,5.5vw,5.5rem)}
.beats-hero-grid{grid-template-columns:minmax(260px,3.2fr) minmax(0,7.8fr);align-items:start}
.beats-intro{position:sticky;top:2rem;padding-top:.5rem}
.beats-intro .section-index{margin-bottom:1rem}
.beats-player .player-shell{box-shadow:0 24px 90px rgba(0,0,0,.22)}
.catalog-browser{padding-top:2.4rem}
.catalog-table .track-entry{min-height:70px;padding-inline:1rem}
.catalog-table .track-main{display:flex;gap:.3rem}
.catalog-table .track-main small{display:block;color:#5f5f5c;font-size:.56rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.catalog-table .track-action{border-radius:50%}

/* Licensing steps: typographic, not card-like */
.licensing-flow{background:#0b0b0b}
.license-rail{gap:1px;background:var(--line)}
.license-rail article{position:relative;min-height:310px;padding:clamp(1.6rem,3vw,2.7rem);background:#0d0d0d;border:0;overflow:hidden}
.license-rail article:nth-child(2){background:#111}
.license-rail .n{position:absolute;right:1rem;top:.5rem;margin:0;color:rgba(255,255,255,.045);font-family:var(--font-display);font-size:clamp(5.5rem,8vw,9rem);font-weight:700;line-height:1;letter-spacing:-.06em}
.license-rail .step-label{display:block;position:relative;color:#686865;font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.license-rail h3{position:relative;margin-top:auto;padding-top:7rem;font-size:clamp(2rem,3vw,3.25rem);line-height:.9}
.license-rail p{position:relative;max-width:25rem}
.licensing-player-link{margin-top:2rem}

@media (max-width:1000px){
  .player-section-grid,.beats-hero-grid{grid-template-columns:1fr}.player-section-copy,.beats-intro{position:relative;top:auto;max-width:760px}.player-section-copy h2{max-width:10ch}.player-stage::before{display:none}
  .sound-tile:nth-child(n){grid-column:span 6}
  .decision-card-light{margin-top:0}
}
@media (max-width:760px){
  .track-cards .track-entry{grid-column:span 6;min-height:132px}
  .decision-grid{grid-template-columns:1fr}.decision-card:first-child,.decision-card-light{min-height:310px}
  .license-rail{grid-template-columns:1fr}.license-rail article{min-height:240px}.license-rail h3{padding-top:4.8rem}
}
@media (max-width:620px){
  .player-section{padding:3.8rem 0 4.5rem}.player-section-grid{gap:2rem}.player-section-copy h2{font-size:clamp(3.4rem,14vw,4.25rem)}.player-section-copy>p{font-size:.86rem}.player-section-meta{margin-top:1.4rem}
  .player-stage{padding:.4rem}.player-frame.is-live .player-shell{min-height:620px}.player-frame.is-live .player-shell iframe{height:680px!important;min-height:620px!important}.player-frame.is-setup .player-shell,.player-frame.is-setup .player-placeholder{min-height:300px}
  .track-cards .track-entry{grid-column:span 12;min-height:112px}.track-cards .track-main strong{font-size:1.75rem}
  .sound-grid{grid-template-columns:1fr}.sound-tile:nth-child(n){grid-column:1;min-height:190px}.sound-name{font-size:2.6rem}.sound-desc{padding-right:1rem}
  .beats-intro .primary-link{width:100%}
}