:root{--ink:#101010;--paper:#f1eee6;--card:#fbf9f3;--red:#df301d;--blue:#1489d6;--muted:#b8b4ab;--line:#47433d}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:16px;top:-80px;z-index:99;padding:12px 18px;background:var(--paper);color:var(--ink)}
.skip-link:focus{top:12px}
.shell{width:min(100% - 64px,1320px);margin-inline:auto}
.section-pad{padding-block:110px}
.site-header{height:86px;background:#101010;border-bottom:1px solid #31302e;position:relative;z-index:5}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:block;flex:none;align-self:center}
.logo-crop{--w:205px;display:block;position:relative;width:var(--w);height:calc(var(--w) * .32);overflow:hidden}
.logo-crop img{position:absolute;width:var(--w);max-width:none;height:auto;top:calc(var(--w) * -.33);left:0;filter:invert(1);mix-blend-mode:screen}
.logo-crop--small{--w:185px}
.main-nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.main-nav a{transition:color .2s ease}
.main-nav a:hover{color:#ff6652}
.main-nav .nav-contact{border:1px solid #d5d0c8;padding:13px 18px;white-space:nowrap}
.main-nav .nav-contact:hover{background:var(--paper);color:var(--ink)}
.hero{position:relative;overflow:hidden;background:#101010}
.hero-grain{position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:radial-gradient(#e6e1d5 .6px,transparent .6px);background-size:11px 11px;mask-image:linear-gradient(90deg,transparent 15%,#000 100%)}
.hero-inner{min-height:700px;display:grid;grid-template-columns:.96fr 1.04fr;gap:4.5vw;align-items:center;padding-block:54px 62px;position:relative}
.hero-copy{align-self:center;position:relative;z-index:1;padding-block:20px}
.hero-eyebrow,.section-kicker,.section-topline,.hero-art figcaption,.hero-art-note,.hero-stamp,.member-number,.member-role,.and-more,.qr-card span,.site-footer{font-family:'Arial Narrow',Arial,Helvetica,sans-serif;font-size:.78rem;font-weight:900;letter-spacing:.115em;text-transform:uppercase}
.hero-eyebrow{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#e4ded3}
.hero-eyebrow .asterisk{color:var(--red);font-size:1.5rem;line-height:0}
.hero-eyebrow .line{width:27px;height:1px;background:#b6b1a8}
.logo-crop--hero{--w:clamp(350px,42vw,590px);max-width:100%;margin-left:-.03em}
.hero h1{margin:46px 0 4px}
.hero-tagline{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(3.4rem,5.8vw,6.3rem);line-height:.93;letter-spacing:-.018em;margin:0 0 26px}
.hero-tagline em{font-style:normal;color:var(--red)}
.hero-intro{font-size:1.08rem;line-height:1.57;max-width:485px;color:#d4cfc5;margin:0 0 31px}
.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;min-height:58px;padding:17px 23px;font-size:.88rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;transition:transform .2s,background .2s,color .2s}
.button:hover{transform:translate(-3px,-3px)}
.button--red{background:var(--red);color:#fff;box-shadow:5px 5px 0 #f6efdf}
.button--red:hover{background:#f0432d}
.text-link{font-size:.86rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;padding-block:12px;border-bottom:1px solid #77716b}
.text-link:hover{color:#ff6b55}
.hero-stamp{position:absolute;right:-31px;bottom:-17px;transform:rotate(-10deg);width:111px;height:111px;border:2px solid var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;color:#6bc5ff;font-size:.61rem;line-height:1.35;letter-spacing:.05em}
.hero-stamp span{position:absolute;bottom:12px}
.hero-art-wrap{position:relative;width:100%;padding:4px 14px 25px 0}
.hero-art{position:relative;background:#070707;border:1px solid #35312d;box-shadow:13px 14px 0 var(--red);transform:rotate(1.6deg);margin:0;overflow:hidden}
.hero-art img{width:100%;height:clamp(490px,49vw,680px);object-fit:cover;object-position:center 46%;filter:contrast(1.05)}
.hero-art figcaption{position:absolute;left:18px;bottom:16px;color:#ccc7bc;text-shadow:0 1px 8px #000;background:#101010b9;padding:7px 9px}
.hero-art-note{position:absolute;right:-12px;top:-22px;z-index:1;padding:10px 17px;color:var(--ink);background:#f8eee3;transform:rotate(9deg);box-shadow:4px 4px 0 var(--blue);font-size:.88rem}
.ticker{background:var(--red);color:#fff;border-block:4px solid #101010;overflow:hidden;white-space:nowrap}
.ticker-inner{width:max-content;transform:translateX(-3%);font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:.025em;font-size:clamp(1.25rem,2.5vw,2.4rem);line-height:1.4;text-transform:uppercase}
.ticker b{font-family:Arial,sans-serif;margin-inline:17px;font-size:.8em;color:#101010}
.about{background:var(--paper);color:var(--ink)}
.about-grid{display:grid;grid-template-columns:220px 1fr;gap:8vw}
.section-kicker{display:flex;gap:18px;align-items:center;color:var(--red)}
.about .section-kicker{justify-content:space-between;align-items:start;padding-top:10px;border-top:2px solid var(--ink)}
.section-kicker .cross{font-size:2rem;line-height:.6}
.about h2,.members h2,.covers h2,.listen h2,.contact h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-.012em;font-weight:900;text-transform:uppercase;margin:0;line-height:.93}
.about h2{font-size:clamp(4.3rem,9vw,10.5rem)}
.about h2 span{color:var(--red)}
.about-bottom{display:flex;gap:9vw;align-items:start;margin-top:47px;border-top:2px solid var(--ink);padding-top:25px}
.about-bottom p:first-child{max-width:730px;font-size:clamp(1.22rem,2vw,1.7rem);line-height:1.42;margin:0;font-weight:700}
.about-side{font-size:.88rem;line-height:1.6;text-transform:uppercase;white-space:nowrap;margin:0}
.members{background:#161616;color:var(--paper)}
.section-topline{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #5c5a55;color:#ddd4c9}
.members-heading-row{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:42px 0 46px}
.members h2{font-size:clamp(5.2rem,12vw,12rem)}
.members .period{color:var(--red)}
.members-heading-row p{max-width:270px;line-height:1.45;font-size:1rem;margin:0 0 10px;color:#c8c3b9}
.member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.member-card{min-width:0;background:var(--card);color:var(--ink);border:1px solid #d3cec4;box-shadow:5px 5px 0 #36312d;transition:transform .25s ease,box-shadow .25s ease}
.member-card:hover{transform:translate(-3px,-4px);box-shadow:9px 9px 0 var(--red)}
.member-portrait{height:300px;background:#fff;border-bottom:2px solid var(--ink);position:relative;overflow:hidden}
.member-portrait img{width:100%;height:100%;object-fit:contain;object-position:center}
.member-portrait::after{content:'✳';position:absolute;right:12px;top:12px;color:var(--red);font-size:2rem;line-height:1}
.member-details{padding:24px 24px 28px;min-height:205px;position:relative}
.member-number{position:absolute;right:23px;top:23px;color:#838078}
.member-role{color:var(--red);display:block;padding-right:42px;min-height:1em}
.member-details h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(2.8rem,4.2vw,4.4rem);line-height:1;margin:13px 0 12px}
.member-details p{font-size:1rem;line-height:1.5;margin:0;max-width:330px}
.covers{background:#e7e0d2;color:var(--ink);position:relative}
.covers-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}
.covers h2{font-size:clamp(3.7rem,6.7vw,7rem);margin:26px 0 25px}
.covers h2 em{font-style:normal;color:var(--red)}
.covers p{max-width:420px;font-size:1.15rem;line-height:1.5;font-weight:600}
.cover-list{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.cover-list li:not(.and-more){display:grid;grid-template-columns:42px 1fr 30px;align-items:center;gap:12px;padding:20px 0;border-bottom:2px solid var(--ink);font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(1.65rem,3.15vw,3.4rem);line-height:1.02;text-transform:uppercase}
.cover-list li span{font-family:Arial,sans-serif;font-size:.72rem;font-weight:900;align-self:start;padding-top:5px;color:var(--red)}
.cover-list li b{font-family:Arial,sans-serif;font-size:1.1rem;color:var(--red);font-weight:700;justify-self:end}
.cover-list .and-more{display:flex;justify-content:space-between;padding-top:23px;color:var(--red)}
.cover-list .and-more span{font-size:1.7rem;line-height:.5}
.listen{background:#111;color:var(--paper)}
.listen-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin:40px 0 44px}
.listen h2{font-size:clamp(5rem,11vw,11rem)}
.listen h2 em{font-style:normal;color:var(--red)}
.listen-intro p{font-size:1.18rem;line-height:1.45;max-width:280px;color:#d5cfc6;margin:0 0 10px}
.listen-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:24px}
.spotify-panel,.youtube-panel{border:1px solid #66615b;padding:24px;min-width:0}
.spotify-panel{background:#1c1c1c}
.platform-label{display:flex;justify-content:space-between;gap:18px;font-size:.8rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}
.platform-label span:last-child{color:#b9b2a8}
.spotify-panel iframe{display:block;border:0;border-radius:12px;max-width:100%;background:#222}
.platform-link{display:flex;justify-content:space-between;gap:15px;font-size:.86rem;font-weight:900;letter-spacing:.065em;text-transform:uppercase;border-top:1px solid #77716a;margin-top:22px;padding-top:17px}
.spotify-panel .platform-link:hover,.youtube-panel:hover .platform-link{color:#ff816f}
.youtube-panel{background:var(--red);color:#fff;min-height:458px;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}
.youtube-panel:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 #e8e0d2}
.youtube-panel .platform-label span:last-child{color:#ffe6e0}
.youtube-play{font-size:4.8rem;line-height:1;margin:auto 0 23px}
.youtube-panel strong{font-family:Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:clamp(3rem,5vw,5.8rem);line-height:.94;letter-spacing:-.01em}
.youtube-panel .platform-link{margin-top:auto;padding-top:25px;border-color:#f6c3b9}
.contact{background:var(--red);color:#fff}
.contact-layout{display:grid;grid-template-columns:1fr 320px;gap:8vw;align-items:center}
.contact .section-kicker{color:#fff;border-top:2px solid #fff;padding-top:15px;width:max-content}
.contact h2{font-size:clamp(4.5rem,8vw,9rem);margin:34px 0 24px}
.contact h2 em{font-style:normal;color:var(--ink)}
.contact p{font-size:1.3rem;line-height:1.4;max-width:490px;margin:0 0 28px;font-weight:700}
.button--dark{background:var(--ink);color:#fff;box-shadow:5px 5px 0 #f6efdf}
.button--dark:hover{background:#2b2b2b}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.button--outline{background:transparent;color:#fff;border:2px solid #fff}
.button--outline:hover{background:#fff;color:var(--ink)}
.qr-card{width:100%;background:#fff;color:var(--ink);transform:rotate(3deg);padding:16px 16px 20px;box-shadow:11px 11px 0 #101010;justify-self:end}
.qr-card img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 38%}
.qr-card span{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 8px 0;font-size:.8rem}
.site-footer{background:#101010;color:#d6d2ca}
.footer-inner{min-height:124px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo-crop--footer{--w:170px;flex:none}
.site-footer a{border-bottom:1px solid #8d8982;padding-bottom:6px}
.site-footer a:hover{color:#ff6b55}
.footer-social{display:flex;align-items:center;gap:19px;flex-wrap:wrap}
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr 1fr;gap:3vw}.hero-stamp{display:none}.hero-eyebrow{font-size:.7rem}.member-grid{gap:15px}.member-portrait{height:260px}.member-details{padding:20px}.member-number{right:18px;top:18px}.about-grid{grid-template-columns:160px 1fr;gap:5vw}}
@media(max-width:760px){html{scroll-padding-top:100px}.shell{width:min(100% - 36px,580px)}.section-pad{padding-block:76px}.site-header{height:auto}.header-inner{display:block;padding-block:13px 15px}.brand{width:max-content}.logo-crop--small{--w:155px}.main-nav{justify-content:space-between;gap:10px;overflow-x:auto;padding-top:8px;font-size:.67rem;white-space:nowrap}.main-nav .nav-contact{border:0;padding:0}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:48px 67px;gap:36px}.hero-copy{padding:0}.hero-eyebrow{font-size:.61rem;letter-spacing:.05em;white-space:normal}.hero-eyebrow .line{width:12px}.hero h1{margin:24px 0 9px}.logo-crop--hero{--w:min(94vw,500px)}.hero-tagline{font-size:clamp(3.7rem,12.3vw,5.6rem)}.hero-intro{font-size:1rem;max-width:510px;margin-bottom:24px}.hero-art-wrap{padding:0 13px 12px 0}.hero-art img{height:clamp(340px,112vw,590px)}.hero-art-note{right:-2px;top:-18px}.about-grid,.covers-layout,.contact-layout{display:block}.about .section-kicker{max-width:100%;margin-bottom:30px}.about h2{font-size:clamp(4rem,13.2vw,7rem)}.about-bottom{display:block;margin-top:30px}.about-side{margin-top:30px;white-space:normal}.members-heading-row{display:block;margin:35px 0}.members h2{font-size:clamp(5.2rem,19vw,9rem)}.members-heading-row p{margin-top:14px}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.member-portrait{height:280px}.member-details{min-height:230px}.member-details h3{font-size:2.6rem}.member-details p{font-size:.91rem}.covers h2,.contact h2{font-size:clamp(3.7rem,11vw,6rem)}.cover-list{margin-top:42px}.contact p{font-size:1.13rem}.qr-card{width:min(270px,78%);margin:65px auto 0;justify-self:auto}.footer-inner{flex-wrap:wrap;padding-block:28px;min-height:0;font-size:.67rem}.footer-inner>span:nth-child(2){order:3;width:100%}}
@media(max-width:520px){.shell{width:min(100% - 32px,460px)}.main-nav{font-size:.61rem;letter-spacing:0}.main-nav a:nth-child(3){display:none}.hero-eyebrow{font-size:.55rem}.hero-tagline{font-size:clamp(3.25rem,12.4vw,4.3rem)}.hero-actions{gap:18px}.button{min-height:52px;padding:14px 17px;font-size:.76rem}.text-link{font-size:.75rem}.hero-art img{height:clamp(345px,115vw,480px)}.about h2{font-size:clamp(3.5rem,13vw,5rem)}.about-bottom p:first-child{font-size:1.17rem}.section-topline span:last-child{display:none}.members h2{font-size:clamp(4.8rem,19vw,6.5rem)}.member-grid{grid-template-columns:1fr;gap:20px}.member-portrait{height:320px}.member-details{min-height:0}.member-details h3{font-size:3.7rem}.member-details p{font-size:1rem}.cover-list li:not(.and-more){font-size:clamp(1.45rem,7vw,2.2rem);padding-block:17px;grid-template-columns:30px 1fr 20px}.contact h2{font-size:clamp(3.5rem,13vw,5rem)}.contact .button{width:max-content}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media(max-width:760px){.listen-intro{display:block;margin:32px 0}.listen h2{font-size:clamp(5rem,17vw,8rem)}.listen-intro p{margin:18px 0 0;max-width:450px}.listen-grid{grid-template-columns:1fr;gap:18px}.youtube-panel{min-height:370px}.youtube-panel strong{font-size:clamp(3.7rem,11vw,6rem)}}
@media(max-width:520px){.spotify-panel,.youtube-panel{padding:17px}.listen h2{font-size:clamp(4.6rem,19vw,6.2rem)}.youtube-panel{min-height:330px}.youtube-panel strong{font-size:clamp(3.2rem,14vw,4.7rem)}.footer-social{width:100%;gap:14px;font-size:.68rem}}