:root{--paper:#eee7dc;--muted:#aaa297;--ink:#0d0d0c;--panel:#171715;--panel2:#1d1c19;--line:#3b3934;--red:#dc3e32;--red2:#9f241e;--brass:#b79a5a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--paper);background:var(--ink);font:16px/1.58 Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}::selection{color:var(--ink);background:var(--red)}
.noise{position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.site{width:min(1120px,calc(100% - 34px));margin:auto}header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;background:linear-gradient(var(--ink) 70%,transparent);border-bottom:1px solid rgba(59,57,52,.72);backdrop-filter:blur(12px)}.mark{color:var(--red);font-size:25px;font-weight:950;letter-spacing:-.095em;text-transform:uppercase}nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}nav a{padding:7px 10px;color:#c9c2b6;border:1px solid #494640;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;transition:.2s}nav a:hover,nav a:focus-visible{color:var(--ink);border-color:var(--red);background:var(--red)}
.hero{position:relative;display:grid;grid-template-columns:1.35fr .65fr;gap:44px;min-height:660px;padding:112px 44px 68px;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 83% 20%,rgba(220,62,50,.21),transparent 27%),linear-gradient(112deg,rgba(7,7,6,.98) 5%,rgba(13,13,12,.78) 54%,rgba(13,13,12,.26)),linear-gradient(180deg,#34322d,#11110f)}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(116deg,transparent 0 86px,rgba(238,231,220,.035) 86px 87px),linear-gradient(0deg,rgba(0,0,0,.76),transparent 56%)}.hero:after{content:"25 / 17";position:absolute;right:-.08em;bottom:-.26em;color:rgba(238,231,220,.025);font-size:clamp(150px,28vw,360px);font-weight:950;letter-spacing:-.12em;white-space:nowrap}
.hero-copy,.side{position:relative;z-index:2}h1{margin:0;max-width:810px;font-size:clamp(50px,8.7vw,104px);line-height:.89;letter-spacing:-.078em;font-weight:950;text-transform:uppercase}h1 i{color:var(--red);font-style:normal}.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:#c3bbb0;font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.hero-kicker:before{content:"";width:48px;height:2px;background:var(--red)}.side{display:flex;align-items:flex-end}.stamp{width:100%;padding:20px;transform:rotate(-3deg);color:var(--red);border:2px solid currentColor;font-size:13px;font-weight:900;letter-spacing:.13em;line-height:1.35;text-transform:uppercase;box-shadow:9px 9px 0 rgba(220,62,50,.08)}
.label,.section-title{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.bio,.facts,.albums{padding:66px 0;border-bottom:1px solid var(--line)}.bio h2,.facts h2,.albums h2{max-width:840px;margin:12px 0 30px;font-size:clamp(32px,5vw,57px);line-height:1;letter-spacing:-.055em}.bio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.person{position:relative;min-height:205px;padding:26px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),#131311);overflow:hidden}.person:after{content:"";position:absolute;right:-55px;bottom:-55px;width:130px;height:130px;border:1px solid rgba(220,62,50,.35);transform:rotate(45deg)}.person h3{position:relative;margin:0;max-width:390px;font-size:25px;line-height:1.08;letter-spacing:-.045em}.person p{position:relative;margin:18px 0 0;color:#c4bdb2}.person b{color:var(--paper)}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:14px;background:var(--line);border:1px solid var(--line)}.time{position:relative;padding:23px;background:#141412}.time strong{display:block;color:var(--red);font-size:22px}.time span{display:block;margin-top:9px;color:#c1baaf;font-size:14px}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fact{position:relative;min-height:205px;padding:23px;border:1px solid var(--line);background:linear-gradient(135deg,#1b1a18,#11110f);transition:.22s}.fact:hover{transform:translateY(-3px);border-color:#6a3933;background:linear-gradient(135deg,#211b19,#141210)}.fact .year{color:var(--red);font-size:13px;font-weight:900;letter-spacing:.13em}.fact h3{margin:42px 0 8px;font-size:21px;line-height:1.08;letter-spacing:-.04em}.fact p{margin:0;color:#bcb5aa;font-size:14px}.fact.wide{grid-column:span 2}.sources{margin-top:18px;color:#817b73;font-size:12px}.sources a{color:#aaa297}
.album-list{border-top:1px solid var(--line)}.album{position:relative;display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:22px;padding:17px 12px 17px 0;border-bottom:1px solid var(--line);transition:.2s}.album:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--red);transition:.2s}.album:hover{padding-left:16px;background:rgba(220,62,50,.07)}.album:hover:before{width:3px}.album time{color:var(--red);font-size:14px;font-weight:900;letter-spacing:.09em}.album strong{font-size:clamp(18px,2.8vw,28px);letter-spacing:-.045em}.album span{color:#817b73;font-size:13px}
.resources{padding:68px 0 72px}.resources-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:24px}.resources h2{max-width:680px;margin:12px 0 0;font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.055em}.resources-note{max-width:330px;margin:0;color:#918a80;font-size:13px;text-align:right}.resource-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.resource-card{position:relative;grid-column:span 4;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:15px;min-height:132px;padding:19px;color:var(--paper);border:1px solid var(--line);background:linear-gradient(145deg,#1c1b18,#121210);text-decoration:none;overflow:hidden;transition:transform .22s,border-color .22s,background .22s}.resource-card:nth-last-child(-n+2){grid-column:span 6}.resource-card:before{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.25s}.resource-card:hover,.resource-card:focus-visible{transform:translateY(-4px);border-color:#76514a;background:linear-gradient(145deg,#251b18,#151311);outline:none}.resource-card:hover:before,.resource-card:focus-visible:before{transform:scaleX(1)}.resource-no{position:absolute;right:13px;top:10px;color:#68635c;font-size:10px;font-weight:900;letter-spacing:.12em}.resource-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #4a4640;color:var(--red);font-weight:950;font-size:17px}.resource-copy{display:block;min-width:0}.resource-copy strong{display:block;font-size:19px;letter-spacing:-.035em}.resource-copy small{display:block;margin-top:4px;color:#9f988e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-arrow{align-self:end;color:var(--red);font-size:22px;transition:transform .2s}.resource-card:hover .resource-arrow{transform:translate(3px,-3px)}
footer{display:flex;justify-content:space-between;gap:20px;padding:26px 0 36px;color:#777168;border-top:1px solid var(--line);font-size:12px}footer strong{color:#a9a197;font-weight:700}
@media(max-width:820px){nav{display:none}.hero{grid-template-columns:1fr;min-height:600px;padding:88px 26px 55px}.stamp{max-width:300px}.fact-grid{grid-template-columns:1fr 1fr}.fact.wide{grid-column:span 2}.resource-card{grid-column:span 6}.resource-card:nth-last-child(-n+2){grid-column:span 6}.resources-head{grid-template-columns:1fr}.resources-note{text-align:left}}
@media(max-width:620px){.site{width:min(100% - 24px,1120px)}header{position:relative}.mark{font-size:22px}.hero{min-height:535px;padding:76px 20px 46px}.bio-grid,.timeline,.fact-grid{grid-template-columns:1fr}.fact.wide{grid-column:auto}.album{grid-template-columns:70px 1fr;padding-right:0}.album span{display:none}.resource-card,.resource-card:nth-last-child(-n+2){grid-column:span 12}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}