@font-face{font-family:'Big Shoulders Display';font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/big-shoulders-900.woff') format('woff')}
@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/archivo-400.woff') format('woff')}
@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/archivo-600.woff') format('woff')}
@font-face{font-family:'Juan Plata Mono';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/juan-plata-mono-500.woff') format('woff')}

:root{--paper:#d5d9de;--ink:#12151a;--accent:#4a5560;--white:#f4f5f7;--muted:#adb5bf;--display:'Big Shoulders Display','Arial Narrow',Impact,sans-serif;--body:Archivo,Arial,sans-serif;--mono:'Juan Plata Mono',monospace;--gutter:clamp(20px,4vw,64px);--section:clamp(56px,7vw,100px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.55}
::selection{background:var(--ink);color:var(--white)}
a{color:inherit;text-underline-offset:.22em}
a:focus-visible{outline:3px solid currentColor;outline-offset:6px}
a:hover{text-decoration-thickness:2px}
h1,h2,h3,p,ul{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:900;text-transform:uppercase;line-height:.98}
h2{font-size:clamp(48px,6.8vw,92px)}
.wrap{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}
.eyebrow{font:500 12px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.skip-link{position:absolute;left:20px;top:12px;z-index:5;padding:12px 20px;background:var(--ink);color:var(--white);transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px 32px;padding-block:18px;border-bottom:1px solid var(--ink)}
.wordmark{font:900 30px/1.4 var(--display);text-transform:uppercase;text-decoration:none;white-space:nowrap}
nav{display:flex;align-items:center;gap:clamp(18px,3vw,40px)}
nav a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
nav a:hover{text-decoration:underline}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,96px);align-items:end;padding-top:clamp(36px,5vw,72px);padding-bottom:52px}
.hero-title,.hero-detail{min-width:0}
.hero-title>.eyebrow{margin-bottom:28px}
h1{font-size:clamp(112px,22vw,310px);line-height:.8;letter-spacing:-.02em}
h1 span,.about h2 span{color:var(--accent)}
.hero-detail{max-width:490px;padding-bottom:3px}
.intro{max-width:32ch;font-size:clamp(20px,2vw,27px);font-weight:600;line-height:1.4}
.origins{margin-block:30px}
.origins ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:0;list-style:none}
.origins li{padding:4px 12px;border:2px solid var(--ink);font:900 24px/1.3 var(--display);text-transform:uppercase;letter-spacing:.025em}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;min-height:52px;border:2px solid var(--ink);font:500 12px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background-color .15s,color .15s}
.button.primary{background:var(--accent);border-color:var(--accent);color:var(--white)}
.button:hover{background:var(--ink);border-color:var(--ink);color:var(--white)}
.button.primary:focus-visible{outline-color:var(--ink)}
.platform-note{margin-top:14px;font-size:12px;color:var(--accent)}
.pulse{height:84px;display:flex;align-items:end;gap:6px}
.pulse i{flex:1;background:var(--ink);height:60%}
.pulse i:nth-child(6n+1){height:100%}
.pulse i:nth-child(6n+2){height:35%}
.pulse i:nth-child(6n+3){height:72%}
.pulse i:nth-child(6n+4){height:24%}
.pulse i:nth-child(6n+5){height:88%}
.pulse i:nth-child(8n){background:var(--accent);height:100%}
.manifesto{background:var(--ink);color:var(--paper);padding-block:30px}
.manifesto p{font:900 clamp(34px,5.8vw,84px)/1 var(--display);text-transform:uppercase}
.manifesto span{color:var(--muted)}
.genres{display:grid;grid-template-columns:170px 1fr;gap:32px;padding-top:var(--section)}
.genres .eyebrow{padding-top:10px}
.genres ul{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;padding:0;font:900 clamp(36px,5.7vw,80px)/1.1 var(--display);text-transform:uppercase}
.genres li:not(:last-child)::after{content:' /';color:var(--accent);margin-left:18px}
.listen{padding-top:var(--section)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.section-heading .eyebrow{padding-bottom:4px}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.media-card{display:flex;flex-direction:column;justify-content:space-between;gap:36px;min-height:310px;padding:28px;background:var(--ink);color:var(--paper);text-decoration:none;transition:background-color .15s}
.media-card:hover{background:#252c35}
.media-card:focus-visible{outline-color:var(--ink)}
.card-top,.card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}
.card-top .eyebrow{color:var(--muted)}
.card-arrow{font:400 34px/1 var(--body)}
.media-card h3{font-size:clamp(36px,4.4vw,60px);margin-bottom:12px}
.media-card p{font-size:17px}
.card-footer{padding-top:18px;border-top:1px solid #626c78;font:500 12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.02em}
.media-card:hover .card-footer{text-decoration:underline;text-underline-offset:4px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);padding-block:var(--section)}
.about .eyebrow{margin-bottom:24px}
.about h2{font-size:clamp(44px,5.5vw,80px);line-height:1.03}
.about-copy{align-self:center;display:grid;gap:22px;font-size:clamp(18px,1.7vw,22px)}
.closing-line{font:900 clamp(28px,3vw,40px)/1.1 var(--display);text-transform:uppercase}
.contact{background:var(--accent);color:var(--white)}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;padding-block:var(--section)}
.contact .eyebrow{margin-bottom:12px}
.contact h2{font-size:clamp(64px,9vw,128px);line-height:.9}
.contact h2 span{font-family:var(--body);font-weight:400;font-size:.6em}
.contact-details{display:grid;gap:32px;padding-bottom:4px;min-width:0}
.contact-details a{display:inline-block;min-height:44px;font:500 clamp(15px,1.55vw,22px)/1.8 var(--mono);overflow-wrap:anywhere;max-width:100%}
.contact-note{font-size:14px;margin-top:4px}
.site-footer{background:var(--ink);color:var(--paper)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;padding-block:22px}
.site-footer a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:500 12px/1.4 var(--mono);text-transform:uppercase}
@media(min-width:1600px){.site-header{border-bottom:0}.hero{padding-top:72px}}
@media(max-width:900px){.hero{grid-template-columns:1.1fr 1fr;gap:28px}.actions{flex-direction:column}.button{max-width:300px}.genres{grid-template-columns:1fr;gap:18px}.contact-inner{grid-template-columns:1fr}.contact h2 br{display:none}.contact h2{font-size:clamp(64px,11vw,100px)}}
@media(max-width:600px){.site-header{flex-wrap:wrap;gap:6px;padding-block:12px}.wordmark{font-size:28px}.site-header nav{width:100%;justify-content:space-between;gap:12px}.site-header nav a{font-size:11px;letter-spacing:.025em}.hero{grid-template-columns:1fr;gap:32px;padding-top:32px;padding-bottom:36px}.hero-title>.eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:24px}h1{font-size:clamp(112px,37vw,210px)}.hero-detail{max-width:none}.intro{font-size:21px}.origins{margin-block:24px}.actions{flex-direction:row}.button{flex:1;min-width:0;gap:8px;padding:13px 11px;font-size:12px;white-space:nowrap}.platform-note{font-size:11px}.pulse{height:52px;gap:4px}.manifesto{padding-block:24px}.manifesto p{font-size:clamp(32px,8vw,48px);max-width:22ch;margin-inline:0}.genres ul{font-size:clamp(34px,9vw,54px);gap:4px 12px}.genres li:not(:last-child)::after{margin-left:12px}.section-heading{align-items:start;flex-direction:column;gap:12px}.section-heading h2{font-size:clamp(44px,10vw,60px)}.media-grid{grid-template-columns:1fr}.media-card{min-height:275px;padding:24px;gap:28px}.media-card h3{font-size:46px}.about{grid-template-columns:1fr;gap:28px}.about h2{font-size:clamp(46px,11vw,64px)}.contact h2 br{display:block}.contact h2 span{display:none}.contact h2{font-size:clamp(76px,20vw,112px)}.contact-inner{gap:32px}.contact-details a{font-size:clamp(14px,3.8vw,20px)}.footer-inner>.eyebrow{flex-basis:100%}}
@media(max-width:380px){.actions{flex-direction:column}.actions .button{flex:auto;max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.skip-link,.pulse,.platform-note{display:none}body{font-size:12pt}.hero,.about,.contact-inner{grid-template-columns:1fr 1fr;gap:24px;padding-block:24px}h1{font-size:100pt}.media-card{min-height:150px;break-inside:avoid}a{color:inherit}.site-header nav{display:none}}