:root {
  --ink:#11110f;
  --charcoal:#191917;
  --panel:#211f1b;
  --cream:#eee3d2;
  --muted:#b8aa96;
  --amber:#b96d2a;
  --whiskey:#84451f;
  --brass:#b99a66;
  --line:rgba(238,227,210,.15);
  --shadow:0 24px 70px rgba(0,0,0,.42);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--cream);font-family:Georgia,"Times New Roman",serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.shell{width:min(1160px,calc(100% - 42px));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:10px;z-index:99;background:var(--cream);color:var(--ink);padding:9px 14px;border-radius:2px}
.skip:focus{left:10px}
.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;display:flex;align-items:flex-end}
.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.86) contrast(1.04) brightness(.73);transform:scale(1.02)}
.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.82) 0%,rgba(10,10,9,.42) 46%,rgba(10,10,9,.14) 72%),linear-gradient(0deg,rgba(10,10,9,.86) 0%,transparent 48%,rgba(10,10,9,.38) 100%)}
.nav{position:absolute;top:0;left:50%;transform:translateX(-50%);height:88px;display:flex;align-items:center;justify-content:space-between;z-index:4;border-bottom:1px solid rgba(255,255,255,.12)}
.wordmark{font-family:Arial,sans-serif;font-weight:800;letter-spacing:.16em;font-size:16px}.wordmark span{color:var(--brass)}
.nav__links{display:flex;gap:30px;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
.nav__links a{opacity:.82}.nav__links a:hover{opacity:1;color:var(--brass)}
.hero__content{position:relative;z-index:3;padding-bottom:10vh;max-width:1160px}
.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.21em;font-size:12px;color:var(--brass);font-weight:700;margin:0 0 16px}
h1,h2,h3{font-weight:500;line-height:.96;margin:0}
h1{text-transform:uppercase;font-size:clamp(80px,12vw,172px);letter-spacing:-.055em;max-width:850px;text-shadow:0 10px 40px rgba(0,0,0,.38)}
h1 span{color:var(--brass)}
.hero__lead{font-size:clamp(18px,2vw,25px);max-width:660px;color:#e4d8c7;margin:28px 0 34px}
.button{display:inline-block;border:1px solid rgba(238,227,210,.55);padding:14px 22px;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.15em;font-size:11px;background:rgba(17,17,15,.32);backdrop-filter:blur(5px)}
.button:hover{background:var(--amber);border-color:var(--amber)}
.scroll-cue{position:absolute;z-index:3;right:35px;bottom:28px;font-size:24px;color:var(--brass);animation:float 1.8s ease-in-out infinite}
.section{padding:120px 0}
.section__heading{display:grid;grid-template-columns:.8fr 1.25fr;gap:40px;align-items:end;margin-bottom:55px}
.section__heading .eyebrow{grid-column:1/-1;margin:0}
.section__heading h2,.about h2,.closing h2{font-size:clamp(44px,6vw,80px);letter-spacing:-.035em}
.section__heading>p:last-child{color:var(--muted);font-size:18px;margin:0 0 5px}
.music{background:var(--ink)}
.records{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.record{min-height:350px;background:linear-gradient(155deg,#25231f,#171715);border:1px solid var(--line);padding:35px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .3s ease,border-color .3s ease}
.record:hover{transform:translateY(-5px);border-color:rgba(185,154,102,.5)}
.record__no{color:var(--brass);font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.17em;margin:0 0 70px}
.record h3{font-size:34px;line-height:1.02}.record>p:not(.record__no){color:var(--muted)}
.status{margin-top:auto;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--cream);border-top:1px solid var(--line);padding-top:18px}
.quote-band{position:relative;padding:110px 0;background:var(--whiskey);overflow:hidden}.quote-band:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(255,213,149,.15),transparent 35%),linear-gradient(90deg,rgba(0,0,0,.2),transparent)}
.quote-band .shell{position:relative;z-index:1}.quote-band blockquote{margin:0;max-width:1000px;font-size:clamp(36px,6vw,76px);line-height:1.06;letter-spacing:-.035em}
.about{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:center}.about__copy>p:not(.eyebrow){font-size:18px;color:var(--muted)}
.about__portrait{position:relative}.about__portrait:before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid rgba(185,154,102,.34);z-index:0}.about__portrait img{position:relative;z-index:1;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;filter:saturate(.8) contrast(1.05);box-shadow:var(--shadow)}
.closing{padding:140px 0;background:linear-gradient(180deg,#171715,#090908);text-align:center;border-top:1px solid var(--line)}.closing__small{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.3em;color:var(--brass);font-weight:bold}.closing h2 span{color:var(--brass)}.closing__inner>p:last-child{color:var(--muted);font-size:18px}
footer{border-top:1px solid var(--line);padding:28px 0;background:#090908}.footer__inner{display:flex;justify-content:space-between;gap:30px;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:#918574}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
@keyframes float{50%{transform:translateY(7px)}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}.scroll-cue{animation:none}.reveal{opacity:1;transform:none;transition:none}}
@media (max-width:820px){.hero{min-height:620px}.hero__image{object-position:59% center}.hero__shade{background:linear-gradient(90deg,rgba(10,10,9,.8),rgba(10,10,9,.32)),linear-gradient(0deg,rgba(10,10,9,.9),transparent 55%)}.nav{height:74px}.nav__links{gap:17px}.section{padding:86px 0}.section__heading,.about{grid-template-columns:1fr}.records{grid-template-columns:1fr}.record{min-height:280px}.record__no{margin-bottom:45px}.about{gap:55px}.about__portrait{max-width:500px}.footer__inner{flex-direction:column;align-items:center;text-align:center}.scroll-cue{display:none}}
@media (max-width:520px){.shell{width:min(100% - 28px,1160px)}h1{font-size:clamp(66px,22vw,104px)}.hero__lead{font-size:18px}.wordmark{font-size:14px}.nav__links a:last-child{display:none}.section__heading h2,.about h2,.closing h2{font-size:44px}.record{padding:28px}.quote-band{padding:80px 0}}