.inner-header{position:relative;background:#11100e}.resources-page{background:var(--cream)}
.resource-hero{min-height:680px;padding:120px 7vw 70px;background:#161513;color:var(--cream);display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}
.resource-hero h1,.article-hero h1{font-size:clamp(3.5rem,7vw,7.7rem)}
.resource-hero img{width:100%;max-height:470px;object-fit:cover;filter:grayscale(1) contrast(1.15);border:1px solid rgba(255,255,255,.18)}
.sound-library,.articles-section,.affiliate-section{padding:110px 7vw}
.library-heading{display:grid;grid-template-columns:220px 1fr;gap:7vw}.library-heading>div:last-child{max-width:900px}.library-heading h2,.affiliate-section h2{font-size:clamp(2.8rem,5vw,5.6rem)}
.sound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:65px}
.sound-card{background:var(--paper);padding:30px;display:flex;flex-direction:column;gap:16px}.sound-card>span,.coming{text-transform:uppercase;letter-spacing:.13em;color:var(--rust);font-size:.65rem}.sound-card h3{font:500 1.8rem "Playfair Display",serif;margin:0}.sound-card audio{width:100%;height:42px}.download-trigger{align-self:flex-start;border:0;border-bottom:1px solid;background:transparent;padding:7px 0;text-transform:uppercase;letter-spacing:.1em;font:600 .7rem Manrope;cursor:pointer}
.licence-note{margin:35px 0 0;max-width:780px;font-size:.78rem;line-height:1.7;color:#5d574f}
dialog{width:min(590px,92vw);border:0;padding:48px;background:var(--cream);color:var(--ink);box-shadow:0 25px 90px #0008}dialog::backdrop{background:#0d0c0ad9}.dialog-close{position:absolute;right:18px;top:12px;border:0;background:none;font-size:2rem;cursor:pointer}dialog h2{font-size:2.6rem}dialog form{display:grid;gap:12px;margin:28px 0 15px}dialog label:not(.consent){font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}dialog input[type=email]{padding:15px;border:1px solid var(--line);background:#fff;font:inherit}.consent{display:flex;gap:12px;font-size:.76rem;line-height:1.5;margin:8px 0}.consent input{margin-top:4px}.form-status{min-height:1.4em;margin:0;font-size:.8rem}dialog small{color:#6c665e;line-height:1.5}
.article-hero{padding:160px 7vw 90px;background:#26221d;color:var(--cream)}.article-hero .intro{max-width:760px}
.articles-section{display:grid;grid-template-columns:220px 1fr;gap:7vw}.article-grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.article-grid article{background:var(--cream);padding:38px}.article-grid h2{font-size:clamp(2rem,3.8vw,4.4rem);max-width:850px}.article-grid p:not(.kicker){max-width:700px;line-height:1.7}
.affiliate-section{background:#d6cdbd;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.affiliate-copy{line-height:1.8}.disclosure{border-left:3px solid var(--rust);padding-left:20px}.affiliate-placeholder{border:1px dashed #837869;padding:30px;margin-top:35px;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}
@media(max-width:850px){.resource-hero{grid-template-columns:1fr;padding:100px 6vw 60px}.resource-hero img{max-height:340px}.sound-library,.articles-section,.affiliate-section{padding:75px 6vw}.library-heading,.articles-section,.affiliate-section{grid-template-columns:1fr}.sound-grid{grid-template-columns:1fr}.article-hero{padding:120px 6vw 70px}dialog{padding:38px 24px}}
