@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#0b0b0b;--surface:#121212;--white:#f2efeb;--grey:#b6b2b0;--border:#343230;--red:#79283e;--rose:#bb8693;--condensed:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer}::selection{background:var(--red);color:#fff}.skip-link{position:absolute;top:-100px;left:12px;z-index:99;background:white;color:#111;padding:12px}.skip-link:focus{top:12px}
.site-header{height:86px;padding:0 clamp(24px,4.5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff27;position:absolute;inset:0 0 auto;z-index:25;background:#0808085c;backdrop-filter:blur(9px)}.identity{display:flex;align-items:center;gap:12px}.identity-mark{width:43px;height:43px;object-fit:contain;filter:drop-shadow(1px 1px 0 #7c7c7c)}.identity-name{font:900 38px/.9 var(--condensed);letter-spacing:.01em}.site-header nav{display:flex;gap:36px}.site-header nav a{font:700 11px/1 var(--body);letter-spacing:.18em;transition:color .2s}.site-header nav a:hover{color:var(--rose)}.menu-toggle{display:none}
.hero{position:relative;background:#0b0b0b;min-height:740px;height:min(980px,100svh);overflow:hidden;display:flex;flex-direction:column;padding-top:86px}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 47%,rgba(255,255,255,.072),transparent 42%),linear-gradient(120deg,transparent 0 49%,#ffffff08 49% 49.1%,transparent 49.1% 100%);pointer-events:none}.hero-static{pointer-events:none;position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.21'/%3E%3C/svg%3E");opacity:.21;mix-blend-mode:screen}.hero-topline,.hero-bottomline{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:21px clamp(24px,4.5vw,80px);font-weight:700;font-size:10px;letter-spacing:.16em;position:relative;z-index:2}.hero-topline span:nth-child(2){margin-right:auto;margin-left:55px}.red-small{color:var(--rose)}.hero-layout{width:100%;max-width:1770px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;min-height:0;flex:1;position:relative;padding-left:clamp(24px,4.5vw,80px)}.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:start;position:relative;z-index:5;padding:28px 0 45px}.eyebrow,.overline{font:700 10px/1.3 var(--body);letter-spacing:.17em}.eyebrow{display:flex;align-items:center;gap:12px;color:#d6d3d1}.dash{width:23px;height:3px;background:var(--red)}h1,h2,h3,p{margin-top:0}.hero h1{font:900 clamp(120px,14.5vw,270px)/.76 var(--condensed);letter-spacing:-.06em;margin:28px 0 22px;white-space:nowrap}.outline{color:transparent;-webkit-text-stroke:2.5px var(--white)}.hero-period{color:var(--red);-webkit-text-stroke:0}.hero-underline{height:5px;width:78px;background:var(--red);margin-bottom:25px;transform:skewX(-20deg)}.hero-description{font:700 13px/1.75 var(--body);letter-spacing:.11em;color:#d5cfcc;margin-bottom:28px}.outline-btn{border:1px solid #f2efeb75;padding:16px 21px;min-width:236px;font:800 10px/1.2 var(--body);letter-spacing:.13em;display:inline-flex;justify-content:space-between;gap:45px;align-items:center;transition:.2s}.outline-btn:hover{border-color:var(--red);background:#79283e40}.outline-btn span{font-size:21px}.hero-art{position:relative;overflow:hidden;min-width:0;border-left:1px solid #ffffff2b;background:radial-gradient(ellipse at 64% 36%,#3e3d3c 0%,#151515 47%,#0b0b0b 85%)}.hero-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 65px,#ffffff08 66px 67px,transparent 68px 113px),linear-gradient(90deg,#0b0b0b80,transparent 50%);mix-blend-mode:screen;opacity:.85}.hero-art::after{content:"";position:absolute;top:17%;left:-30%;width:140%;height:40%;transform:rotate(-28deg);background:linear-gradient(180deg,transparent,#e1e1e112,transparent);filter:blur(10px);pointer-events:none}.hero-photo-backdrop{position:absolute;inset:0;background-image:linear-gradient(#0000,#0008),url('assets/band-hero.jpg');background-size:cover;background-position:center;opacity:.5;mix-blend-mode:luminosity;filter:grayscale(1) contrast(1.5)}.hero-halftone{position:absolute;inset:0;background-image:radial-gradient(#ffffff23 .8px,transparent 1.5px);background-size:5px 5px;mask-image:linear-gradient(90deg,transparent 6%,black 76%);opacity:.32}.hero-mark-back{position:absolute;inset:9% 0;background:radial-gradient(circle at 50% 50%,transparent 0 40%,#ffffff19 40.2% 40.45%,transparent 40.5%),radial-gradient(circle at 50% 50%,transparent 0 49%,#ffffff10 49.1% 49.35%,transparent 49.4%);transform:rotate(16deg)}.hero-mark{position:absolute;width:min(93%,680px);left:50%;top:46%;transform:translate(-48%,-50%) rotate(-8deg);filter:drop-shadow(9px 15px 0 #00000088) contrast(1.2);opacity:.92}.hero-side-note{writing-mode:vertical-rl;font:700 10px var(--body);letter-spacing:.35em;position:absolute;right:25px;top:38px;color:#ffffff98}.hero-art-label{position:absolute;bottom:24px;left:24px;font:800 12px var(--body);letter-spacing:.18em}.hero-strike{position:absolute;width:120px;height:7px;bottom:85px;right:18%;background:var(--red);transform:rotate(-21deg)}.hero-bottomline{border-top:1px solid #ffffff2b;letter-spacing:.18em}.hero-bottomline span:last-child{color:#c1bbba}.ticker{height:50px;overflow:hidden;background:var(--white);color:#0c0c0c;display:flex;align-items:center;border-bottom:4px solid var(--red)}.ticker-track{font:900 28px/1 var(--condensed);letter-spacing:.1em;white-space:nowrap;min-width:max-content;animation:marquee 36s linear infinite}.ticker-track span{padding:0 36px;color:var(--red)}@keyframes marquee{to{transform:translateX(-45%)}}
.section{padding:112px clamp(24px,4.5vw,80px) 122px;max-width:1770px;margin:auto}.section-top{display:flex;justify-content:space-between;gap:20px;padding:0 0 24px;border-bottom:1px solid var(--border);font:700 11px/1.3 var(--body);letter-spacing:.16em;color:#a7a2a0}.section-top span:first-child{color:var(--rose)}.music-layout{padding-top:48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:min(8vw,135px)}.music-intro{position:relative}.overline{color:var(--rose)}.music-intro h2,.archive-heading-row h2,.connect-layout h2{font:900 clamp(112px,12vw,210px)/.79 var(--condensed);letter-spacing:-.05em;margin:29px 0}.music-intro h2 em,.archive-heading-row h2 em,.connect-layout h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--white)}.music-intro>p,.archive-heading-row>p,.connect-layout>div>p{font:400 15px/1.8 var(--body);color:#bbb6b3;max-width:420px}.tiny-seal{display:flex;align-items:center;gap:16px;margin-top:42px;color:#bab4b0}.tiny-seal img{width:61px;opacity:.7}.tiny-seal span{font:700 10px/1.7 var(--body);letter-spacing:.16em}
.player-panel{align-self:center;background:linear-gradient(140deg,#1d1d1d,#0d0d0d);border:1px solid #ffffff36;box-shadow:15px 15px 0 #050505,16px 16px 0 #ffffff1a;min-width:0}.player-header,.player-links{padding:21px 26px;display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--border);font:700 10px/1.4 var(--body);letter-spacing:.13em}.status-indicator{color:#cbc7c4;white-space:nowrap}.status-indicator i{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:6px;vertical-align:middle}.player-hero{padding:32px 28px;display:flex;align-items:center;gap:26px}.player-disc{width:130px;height:130px;border-radius:50%;border:1px dashed #ffffff34;display:grid;place-items:center;flex:0 0 130px;background:radial-gradient(circle,#3d3b3b,#121212)}.player-disc img{width:84px;opacity:.94}.player-kicker,.player-year{font:700 10px/1.4 var(--body);letter-spacing:.16em;color:#a5a0a0}.player-hero h3{font:900 clamp(38px,4vw,64px)/.93 var(--condensed);margin:9px 0 8px}.track-switches{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.track-switches button{padding:19px 15px;text-align:left;border:0;background:transparent;color:#9b9795;font:800 10px/1.5 var(--body);letter-spacing:.065em}.track-switches button+button{border-left:1px solid var(--border)}.track-switches button span{color:var(--rose);margin-right:8px}.track-switches button[aria-pressed='true']{color:var(--white);background:#79283e2f;box-shadow:inset 0 -3px var(--red)}.track-switches button:hover{color:white}.player-embed{margin:24px 26px 26px;min-height:170px;border:1px solid #ffffff2e;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 14px;gap:13px}.player-embed p{margin:0;font-size:13px;line-height:1.5;color:#d6cecb}.load-btn{border:0;background:var(--white);color:#101010;display:flex;align-items:center;justify-content:space-between;gap:36px;font:800 10px/1 var(--body);letter-spacing:.11em;padding:17px 19px}.load-btn:hover{background:#e8d7da}.load-btn span{font-size:13px}.player-embed small{font-size:10px;max-width:310px;line-height:1.7;color:#958d8e}.player-embed.loaded{padding:0;border:0;min-height:152px;display:block}.player-embed iframe{display:block}.player-links{border-top:1px solid var(--border);border-bottom:0;flex-wrap:wrap}.player-links a{color:#ccc4c4}.player-links a:hover{color:var(--white)}
.archive-section{padding-top:20px}.archive-heading-row{display:flex;align-items:end;gap:50px;justify-content:space-between;padding:40px 0 43px}.archive-heading-row h2{font-size:clamp(100px,9.5vw,160px);margin:0}.archive-heading-row>p{max-width:270px}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.archive-art{aspect-ratio:1.4;position:relative;overflow:hidden;padding:27px;display:flex;align-items:center;justify-content:center;isolation:isolate;border:1px solid #ffffff17}.archive-art::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");opacity:.3}.art-one{background:linear-gradient(154deg,#555 0%,#131313 48%,#050505 100%)}.art-two{background:linear-gradient(32deg,#161616 10%,#484848 57%,#0d0d0d 100%)}.art-two::after{content:"";position:absolute;left:-10%;top:55%;width:130%;height:8%;transform:rotate(-25deg);background:var(--red);z-index:-1}.archive-art strong{font:900 clamp(56px,7vw,120px)/.82 var(--condensed);letter-spacing:-.03em;text-align:center;transform:rotate(-4deg);text-shadow:5px 5px 0 #0008}.art-two strong{transform:rotate(3deg)}.archive-art-number,.archive-mini{position:absolute;font:700 10px/1.4 var(--body);letter-spacing:.16em}.archive-art-number{top:26px;left:26px}.archive-mini{bottom:26px;right:26px}.archive-info{display:flex;align-items:baseline;gap:20px;padding-top:16px}.archive-info h3{font:700 22px var(--condensed);margin:0}.archive-info span{font:700 10px var(--body);letter-spacing:.12em;color:#a7a19f}.archive-info span:last-child{margin-left:auto}.archive-note{font-size:11px;color:#837e7c;margin:27px 0 0}
.interlude{position:relative;min-height:560px;overflow:hidden;background:var(--white);color:#111;display:flex;align-items:center;padding:85px clamp(24px,4.5vw,80px)}.interlude-inner{position:relative;z-index:2;max-width:1300px;width:100%;margin:auto}.interlude .overline{color:var(--red)}.interlude strong{display:block;font:900 clamp(110px,14vw,220px)/.8 var(--condensed);letter-spacing:-.04em;margin:35px 0 17px}.interlude strong span{color:transparent;-webkit-text-stroke:2px #111}.interlude p{font:800 14px var(--body);letter-spacing:.17em}.interlude>img{position:absolute;width:min(57vw,750px);height:auto;right:-7%;top:-14%;transform:rotate(-16deg);opacity:.12;filter:brightness(0)}
.connect-layout{display:grid;grid-template-columns:1fr 1fr;gap:min(8vw,135px);padding-top:45px}.connect-layout h2{margin:0 0 35px}.connect-links{align-self:center}.connect-links>a,.inactive-link{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0;border-bottom:1px solid #494440;font:800 12px var(--body);letter-spacing:.1em}.connect-links a:hover{color:var(--rose)}.connect-links>a span:last-child,.inactive-link span:last-child{font-size:10px;color:#c2bcba}.inactive-link{color:#6f6c6a}.inactive-link span:last-child{color:#777272}
footer{background:#060606;border-top:1px solid #393634;padding:30px clamp(24px,4.5vw,80px)}.footer-inner{max-width:1770px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner>span,.footer-inner>a:last-child{font:700 10px var(--body);letter-spacing:.13em;color:#98938f}.footer-name{font:900 30px var(--condensed)}.footer-name span{color:var(--red)}
@media (max-width:1050px){.hero h1{font-size:clamp(107px,14vw,155px)}.hero-mark{width:102%}.music-layout{gap:45px}.music-intro h2{font-size:clamp(95px,12vw,150px)}.player-disc{width:100px;height:100px;flex-basis:100px}.player-disc img{width:68px}.player-hero{gap:16px}.player-hero h3{font-size:43px}.archive-art strong{font-size:8vw}}
@media (max-width:760px){.site-header{height:70px;padding:0 22px}.identity-mark{width:36px;height:36px}.identity-name{font-size:30px}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;gap:0;background:#131313;padding:8px 24px 22px;border-bottom:1px solid #555}.site-header nav.open{display:flex}.site-header nav a{padding:16px 0}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:44px;height:44px;border:0;background:none;padding:10px}.menu-toggle span{height:2px;width:26px;background:var(--white)}.hero{padding-top:70px;min-height:820px;height:auto}.hero-topline,.hero-bottomline{padding:18px 22px;font-size:9px}.hero-topline span:nth-child(2){margin-left:auto;margin-right:0}.hero-topline span:last-child{display:none}.hero-layout{display:flex;flex-direction:column;padding:0}.hero-copy{padding:55px 22px 42px}.hero h1{font-size:clamp(112px,21vw,165px);margin:24px 0}.hero-description{font-size:11px}.hero-art{min-height:380px;border-left:0;border-top:1px solid #ffffff2b}.hero-art .hero-mark{width:min(70%,360px);top:48%;transform:translate(-50%,-50%) rotate(-8deg)}.hero-bottomline{padding:19px 22px}.ticker{height:46px}.ticker-track{font-size:25px}.section{padding:75px 22px 85px}.section-top{font-size:9px}.music-layout,.connect-layout{grid-template-columns:1fr;gap:36px;padding-top:35px}.music-intro h2{font-size:clamp(112px,23vw,172px)}.music-intro>p{font-size:14px}.tiny-seal{margin-top:26px}.player-panel{width:100%;max-width:600px;justify-self:start}.archive-section{padding-top:0}.archive-heading-row{display:block}.archive-heading-row h2{font-size:clamp(92px,18vw,144px)}.archive-heading-row>p{margin-top:30px}.archive-grid{grid-template-columns:1fr;gap:36px}.archive-art strong{font-size:clamp(65px,17vw,120px)}.interlude{min-height:420px;padding:65px 22px}.interlude strong{font-size:clamp(106px,20vw,175px)}.interlude>img{width:80vw;right:-34%;top:-4%}.connect-layout h2{font-size:clamp(125px,24vw,170px)}.footer-inner{display:grid;grid-template-columns:1fr 1fr;row-gap:18px}.footer-inner span{font-size:9px}.footer-inner>a:last-child{text-align:right}}
@media(max-width:420px){.hero-copy{padding-top:47px}.hero h1{font-size:21vw}.hero-art{min-height:330px}.hero-bottomline span{font-size:8px}.hero-description{font-size:10px}.player-header,.player-links{padding:18px}.player-hero{padding:20px 15px}.player-disc{width:76px;height:76px;flex-basis:76px}.player-disc img{width:50px}.player-hero h3{font-size:38px}.player-kicker,.player-year{font-size:9px}.track-switches button{font-size:9px;padding:15px 10px}.player-embed{margin:18px 15px 24px}.archive-art strong{font-size:17vw}.interlude strong{font-size:19vw}.connect-layout h2{font-size:24vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}*,*::before,*::after{transition:none!important}}
/* V4 responsive text and card safeguards */
.archive-item,.archive-art,.archive-info,.music-intro,.player-panel,.connect-layout>div{min-width:0}
@media(max-width:760px){.archive-grid{grid-template-columns:minmax(0,1fr)}.archive-art strong{font-size:clamp(58px,16vw,98px)}.interlude strong{font-size:clamp(80px,16vw,118px)}.interlude strong span{font-size:.93em}.hero-art .hero-mark{max-width:68%}}
@media(max-width:420px){.archive-art strong{font-size:15vw}.archive-art{padding:16px}.interlude strong{font-size:16vw}.interlude strong span{font-size:.9em}.archive-heading-row h2{font-size:18vw}}

/* V4.1: official worn logo and wordmark from CONFUZED Branding */
.identity-mark{width:44px;height:44px;object-fit:contain;filter:none}
.identity-wordmark{display:block;width:180px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.hero-wordmark-image{display:block;width:clamp(220px,27vw,405px);height:auto;margin:28px 0 -3px;object-fit:contain;object-position:left center}
.hero-mark{object-fit:contain;filter:drop-shadow(0 12px 28px rgba(0,0,0,.55))}
.footer-name img{width:154px;height:auto;max-height:48px;object-fit:contain}
.interlude>img{filter:brightness(0);opacity:.10}
@media(max-width:760px){.identity-mark{width:36px;height:36px}.identity-wordmark{width:138px;max-height:44px}.hero-wordmark-image{width:min(65vw,320px);margin:12px 0 -8px}}
@media(max-width:420px){.identity-wordmark{width:124px}.hero-wordmark-image{width:64vw}}

/* Spotify artist catalog + two selected songs */
.track-switches{grid-template-columns:repeat(3,minmax(0,1fr))}
.track-switches button{cursor:pointer}
.player-embed.loaded{min-height:152px}
@media(max-width:420px){.track-switches button{font-size:8px;letter-spacing:0;padding:15px 8px}.track-switches button span{margin-right:4px}}

/* V4.4 / ARCHIVE HERO — selected CONFUZED 2014 band photograph, Version 2 */
.hero{background:#080809}
.hero-layout{display:block;isolation:isolate;padding:0;min-height:0;max-width:none}
.hero-art{position:absolute;z-index:-1;inset:0;overflow:hidden;border-left:0;background:#101011}
.hero-photo-backdrop{position:absolute;inset:0;background-image:url('assets/confuzed-band-2014-v2.webp');background-repeat:no-repeat;background-position:57% 24%;background-size:cover;opacity:1;mix-blend-mode:normal;filter:none}
.hero-art::before{z-index:1;background:linear-gradient(90deg,#09090afc 0%,#09090aee 21%,#09090aaf 37%,#09090a4d 53%,transparent 75%),linear-gradient(0deg,#080808e0,transparent 22%,transparent 75%,#08080888);mix-blend-mode:normal;opacity:1}
.hero-art::after{display:none}
.hero-halftone{z-index:2;opacity:.13;mask-image:none}
.hero-mark-back{display:none}
.hero-copy{z-index:4;width:fit-content;max-width:62%;min-height:560px;padding:20px 0 55px clamp(24px,4.5vw,80px);text-shadow:0 2px 15px #0008}
.hero h1{font-size:clamp(110px,12vw,218px);margin:22px 0}
.hero-wordmark-image{width:clamp(225px,28vw,410px);filter:drop-shadow(0 4px 12px #0008)}
.hero-art-label{z-index:3;bottom:25px;right:clamp(26px,4.5vw,80px);left:auto;font-size:10px;text-shadow:1px 2px 9px #000}
.hero-side-note{z-index:3;right:18px}
.hero-strike{z-index:3;opacity:.8;bottom:93px;right:10%;width:66px;height:3px}
.hero-description{color:#eae6e2}
@media(max-width:1050px){.hero-copy{max-width:76%}.hero-art .hero-photo-backdrop{background-position:57% 24%}.hero h1{font-size:clamp(110px,13vw,175px)}}
@media(max-width:760px){.hero{min-height:unset;height:auto}.hero-layout{display:flex;flex-direction:column;min-height:0}.hero-copy{order:2;width:100%;max-width:100%;min-height:0;padding:35px 22px 46px;background:#0a0a0b;z-index:4;text-shadow:none}.hero h1{font-size:clamp(98px,19vw,155px);margin:19px 0}.hero-wordmark-image{width:min(65vw,315px)}.hero-art{order:1;position:relative;z-index:1;inset:auto;min-height:0;height:auto;aspect-ratio:4/3;border:0}.hero-photo-backdrop{background-position:center 22%;background-size:cover}.hero-art::before{background:linear-gradient(0deg,#0a0a0b88,transparent 30%),linear-gradient(180deg,#0a0a0b66,transparent 25%)}.hero-art-label{bottom:17px;left:20px;right:auto;font-size:9px}.hero-side-note{right:12px;top:18px}.hero-strike{bottom:53px;right:9%}.hero-topline{background:#09090a}.hero-bottomline{background:#09090a}}
@media(max-width:420px){.hero h1{font-size:19vw}.hero-copy{padding-top:33px}.hero-art{aspect-ratio:4/3}}


/* V4.5 — Official CONFUZED band biography */
.about-section{padding-top:100px;padding-bottom:106px}
.about-layout{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(38px,7vw,130px);align-items:center;padding-top:48px}
.about-heading h2{font:900 clamp(74px,8.1vw,144px)/.84 var(--condensed);letter-spacing:-.045em;margin:30px 0 32px}
.about-heading h2 em{color:transparent;-webkit-text-stroke:1.7px var(--white);font-style:normal}
.about-rule{display:block;width:90px;height:5px;background:var(--red);transform:skewX(-17deg)}
.about-story{position:relative;max-width:660px;border-left:2px solid #ffffff33;padding:18px 0 16px clamp(25px,3.2vw,54px)}
.about-number{display:block;margin-bottom:21px;color:var(--rose);font:700 11px/1.4 var(--body);letter-spacing:.17em}
.about-number span{color:#787473;padding:0 8px}
.about-story p{margin:0;font:400 clamp(18px,1.65vw,23px)/1.7 var(--body);color:#dad4d1;letter-spacing:-.012em}
.about-story p strong{font-weight:700;color:var(--white)}
.about-end-mark{display:block;text-align:right;font-size:26px;color:var(--red);padding-top:18px}
@media(max-width:1050px){.about-layout{gap:35px}.about-heading h2{font-size:clamp(65px,8.1vw,110px)}.about-story p{font-size:18px}}
@media(max-width:760px){.about-section{padding-top:76px;padding-bottom:80px}.about-layout{grid-template-columns:1fr;gap:28px;padding-top:37px}.about-heading h2{font-size:clamp(80px,16vw,128px);margin:24px 0 24px}.about-story{max-width:100%;padding:12px 0 6px 23px}.about-story p{font-size:17px;line-height:1.7}.about-number{font-size:10px}}
@media(max-width:420px){.about-heading h2{font-size:17vw}.about-story p{font-size:16px}.about-story{padding-left:18px}}


/* V4.6 — Original 2010 / 2014 album covers. Preserve supplied artwork, no creative recoloring. */
.archive-art.album-display{position:relative;aspect-ratio:1.35;padding:43px 32px 40px;display:flex;align-items:center;justify-content:center;isolation:isolate;background:#151515;border:1px solid #3e3938;overflow:hidden}
.archive-art.album-display::before{z-index:-1;opacity:.12}
.archive-art.album-display::after{content:"";position:absolute;inset:auto -30px -40% auto;width:65%;height:80%;z-index:-1;background:radial-gradient(ellipse,#782a3d44,transparent 65%);pointer-events:none}
.archive-art.album-display.album-scar{background:radial-gradient(ellipse at 50% 44%,#252122 0%,#171516 48%,#09090a 100%)}
.archive-art.album-display.album-enough{background:radial-gradient(ellipse at 50% 44%,#272525 0%,#171516 48%,#09090a 100%)}
.archive-art.album-display .album-cover{position:relative;z-index:0;max-height:100%;height:100%;width:auto;aspect-ratio:1;object-fit:contain;box-shadow:0 19px 33px #000a,0 3px 12px #0008;border:1px solid #ffffff14;transition:transform .35s ease, box-shadow .35s ease}
.archive-art.album-display:hover .album-cover{transform:translateY(-4px) scale(1.018);box-shadow:0 24px 45px #000c}
.archive-art.album-display .archive-art-number,.archive-art.album-display .archive-mini{z-index:2;color:#ccc5c4;font-size:9px;text-shadow:0 1px 2px black}
.archive-art.album-display .archive-art-number{top:16px;left:18px}
.archive-art.album-display .archive-mini{bottom:14px;right:18px}
.archive-note{color:#a9a2a0;margin-top:23px}
@media(max-width:760px){.archive-art.album-display{aspect-ratio:1.23;padding:42px 26px 40px}}
@media(max-width:420px){.archive-art.album-display{aspect-ratio:1.2;padding:35px 24px 36px}}
@media(prefers-reduced-motion:reduce){.archive-art.album-display .album-cover{transition:none}}


/* V4.7 / Original band photo, 2014, preserved and toned to match the archive */
.about-archive-photo{margin:85px 0 0;display:grid;grid-template-columns:minmax(0,1.82fr) minmax(235px,.74fr);min-height:365px;overflow:hidden;border:1px solid #373233;background:#111011;position:relative}
.about-archive-image-wrap{position:relative;min-width:0;min-height:360px;overflow:hidden;background:#141313}
.about-archive-image-wrap::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 70%,#0d0c0c65),linear-gradient(0deg,#09080978,transparent 34%)}
.about-archive-image-wrap img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 44%;filter:contrast(1.07)}
.about-photo-corner{position:absolute;left:22px;bottom:19px;z-index:2;font:700 10px var(--body);letter-spacing:.19em;color:#f4eee8;text-shadow:0 2px 8px #000}
.about-archive-caption{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding:clamp(26px,4vw,64px);background:radial-gradient(ellipse at 100% 0%,#43202c44,transparent 58%),#121112}
.about-caption-kicker{font:700 10px/1.4 var(--body);letter-spacing:.18em;color:#beb9b8;display:flex;align-items:center;gap:11px}
.about-caption-kicker i{display:inline-block;width:26px;height:2px;background:var(--red);transform:rotate(-13deg)}
.about-archive-caption strong{font:900 clamp(43px,4.4vw,86px)/.83 var(--condensed);letter-spacing:-.028em;color:#f3f0ec}
.about-archive-caption strong em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px #f3f0ec}
.about-caption-rule{height:4px;width:72px;background:var(--red);transform:skewX(-17deg)}
.about-caption-end{font:700 9px/1.8 var(--body);letter-spacing:.15em;color:#9d9797}
@media(max-width:1050px){.about-archive-photo{grid-template-columns:1.5fr .75fr}.about-archive-caption{padding:30px;gap:18px}.about-archive-caption strong{font-size:clamp(40px,5.5vw,63px)}}
@media(max-width:760px){.about-archive-photo{margin-top:45px;grid-template-columns:1fr}.about-archive-image-wrap{min-height:unset;aspect-ratio:3/2}.about-archive-caption{padding:27px 25px 30px;gap:14px}.about-archive-caption strong{font-size:60px}.about-caption-end{margin-top:3px}.about-photo-corner{font-size:9px;left:15px;bottom:13px}}
@media(max-width:420px){.about-archive-caption strong{font-size:54px}}