:root{
  --black:#050505;
  --charcoal:#101010;
  --ink:#15120e;
  --cream:#f4efe5;
  --paper:#f7f1e8;
  --muted:#cfc5b3;
  --gold:#c9a657;
  --gold-soft:#a98235;
  --line:rgba(201,166,87,.32);
  --paper-line:rgba(169,130,53,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--cream);font-family:Georgia,'Times New Roman',serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:22px 5vw;background:linear-gradient(to bottom,rgba(5,5,5,.92),rgba(5,5,5,.36),transparent)}
.brand img{width:220px;max-width:42vw;height:auto;display:block}
nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}
nav a{position:relative;padding-bottom:8px}
nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:.25s ease}
nav a:hover{color:var(--gold)}
nav a:hover::after{width:100%}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;background-image:url('assets/hero-card.png');background-size:cover;background-position:center right;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.82) 35%,rgba(5,5,5,.30) 72%,rgba(5,5,5,.50) 100%)}
.hero-content{position:relative;z-index:2;width:min(650px,90vw);padding:150px 0 90px;margin-left:6vw}
.hero-logo{width:min(520px,82vw);height:auto;margin-bottom:42px}
.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:13px;margin:0 0 20px;font-family:Arial,Helvetica,sans-serif;font-weight:600}
.eyebrow.dark{color:var(--gold-soft)}
h1,h2,h3{font-weight:400;line-height:1.08;margin:0;color:var(--cream)}
h1{font-size:clamp(42px,7vw,82px);letter-spacing:.02em}
h2{font-size:clamp(34px,5vw,60px)}
h3{font-size:25px;color:var(--ink)}
.intro{max-width:520px;font-size:20px;color:var(--muted);margin:32px 0 18px}
.signature{color:var(--gold);font-size:20px;margin:0 0 36px;font-style:italic}
.button{display:inline-block;border:1px solid var(--gold);color:var(--gold);padding:14px 26px;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-family:Arial,Helvetica,sans-serif;transition:.25s ease}
.button:hover{background:var(--gold);color:var(--black)}
.section{padding:110px 7vw;border-top:1px solid var(--line)}
.split{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:start;background:#080808}
.copy p{font-size:20px;color:var(--muted);margin:0 0 24px;max-width:760px}
.founder-hero{min-height:68vh;display:grid;grid-template-columns:minmax(280px,40vw) 1fr;align-items:stretch;background:radial-gradient(circle at 65% 40%,#181818 0%,#050505 58%);border-top:1px solid var(--line);overflow:hidden}
.founder-portrait{position:relative;height:68vh;min-height:360px;background:#060606}
.founder-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.05) 0%,rgba(5,5,5,.16) 58%,rgba(5,5,5,.86) 100%)}
.founder-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center;filter:grayscale(100%);background:#050505}
.founder-quote{padding:9vh 8vw 8vh 5vw;align-self:center;position:relative;z-index:2}
.founder-quote .eyebrow::after,.legacy-content .eyebrow::after{content:"";display:block;width:42px;height:1px;background:var(--gold);margin-top:15px}
.founder-quote h2{max-width:560px;font-size:clamp(36px,4vw,58px);letter-spacing:-.03em}
.founder-signature{margin:42px 0 0;color:var(--gold);font-size:32px;font-style:italic;letter-spacing:.08em}
.story-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.85fr);gap:7vw;padding:105px 8vw;background:var(--paper);color:var(--ink);border-top:1px solid var(--paper-line)}
.story-copy h2{color:var(--ink);max-width:740px;margin-bottom:34px;font-size:clamp(36px,4.3vw,58px)}
.story-copy p{font-size:18px;color:#40392e;max-width:760px;margin:0 0 23px}
.chapters{border-left:1px solid var(--paper-line);padding-left:48px}
.chapter-list{position:relative;display:grid;gap:30px;margin-top:24px}
.chapter-list::before{content:"";position:absolute;left:5px;top:9px;bottom:9px;width:1px;background:var(--paper-line)}
.chapter{position:relative;padding-left:36px}
.chapter-dot{position:absolute;left:0;top:8px;width:11px;height:11px;border:1px solid var(--gold-soft);border-radius:50%;background:var(--paper)}
.chapter p{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#7c642e;margin:0 0 5px}
.chapter h3{margin:0 0 7px}
.chapter span{display:block;font-size:15px;line-height:1.55;color:#51483c;max-width:360px}
.legacy-band{position:relative;min-height:58vh;display:flex;align-items:center;background-image:url('assets/hero-card.png');background-size:cover;background-position:center;overflow:hidden;border-top:1px solid var(--line)}
.legacy-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.96) 0%,rgba(5,5,5,.86) 44%,rgba(5,5,5,.35) 100%)}
.legacy-content{position:relative;z-index:2;width:min(690px,88vw);margin-left:7vw;padding:100px 0}
.legacy-content h2{font-size:clamp(34px,4.5vw,58px);margin-bottom:28px}
.legacy-content p:not(.eyebrow){font-size:19px;color:var(--muted);margin:0;max-width:650px}
.centered{text-align:center;background:#080808}
.centered h2{max-width:900px;margin:0 auto 44px}
.pill-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:0 auto 38px;max-width:840px}
.pill-grid span{border:1px solid var(--line);padding:12px 18px;color:var(--gold);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-family:Arial,Helvetica,sans-serif}
.narrow{font-size:20px;color:var(--muted);max-width:680px;margin:0 auto}
.closing-line{display:grid;grid-template-columns:180px 1fr auto;gap:42px;align-items:center;background:var(--paper);color:var(--ink);padding:58px 8vw;border-top:1px solid var(--paper-line)}
.closing-line img{width:155px;max-width:100%}
.closing-line blockquote{margin:0;padding-left:42px;border-left:1px solid var(--paper-line);font-size:clamp(29px,3.4vw,48px);line-height:1.25;font-style:italic;color:var(--ink)}
.closing-line p{margin:0;color:var(--gold-soft);font-size:29px;font-style:italic;letter-spacing:.06em;white-space:nowrap}
.contact-section{text-align:center;background:var(--black)}
.contact-section h2{max-width:820px;margin:0 auto 34px}
.contact-links{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;color:var(--gold);font-size:18px}
footer{padding:56px 7vw;text-align:center;border-top:1px solid var(--line);color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
footer img{width:260px;max-width:72vw;margin-bottom:24px}
@media(max-width:980px){
  .founder-hero{grid-template-columns:1fr}.founder-portrait{min-height:64vh}.founder-portrait::after{background:linear-gradient(0deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.10) 55%)}.founder-quote{padding:70px 7vw 84px}.story-panel{grid-template-columns:1fr}.chapters{border-left:0;padding-left:0;border-top:1px solid var(--paper-line);padding-top:46px}.closing-line{grid-template-columns:1fr;text-align:left}.closing-line blockquote{padding-left:28px}.closing-line p{justify-self:end}
}
@media(max-width:820px){
  .site-header{position:absolute;display:block;text-align:center;padding-top:18px}.brand img{margin:0 auto 16px;width:210px}nav{justify-content:center;gap:14px;font-size:10px;flex-wrap:wrap}.hero-content{margin:0 auto;padding-top:190px}.hero{background-position:62% center}.split{grid-template-columns:1fr}.section{padding:78px 7vw}h1{font-size:44px}.intro,.copy p,.narrow{font-size:18px}.story-panel{padding:78px 7vw}.story-copy p{font-size:17px}.legacy-content{margin:0 auto;padding:82px 0}.closing-line{padding:48px 7vw}.closing-line img{width:130px}
}

.story-finish{margin-top:48px;padding-top:34px;border-top:1px solid var(--paper-line);text-align:center;max-width:760px}
.story-finish p{margin:0 auto 34px!important;color:var(--gold-soft)!important;font-family:Arial,Helvetica,sans-serif;font-size:14px!important;line-height:1.55;text-transform:uppercase;letter-spacing:.16em;max-width:620px!important}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:start}
.principles-grid article{text-align:center;color:var(--ink)}
.principle-icon{display:block;color:var(--gold-soft);font-size:31px;line-height:1;margin-bottom:16px;font-family:Georgia,'Times New Roman',serif;font-weight:400}
.principles-grid small{display:block;font-size:14px;line-height:1.35;color:#40392e}
@media(max-width:640px){.principles-grid{grid-template-columns:1fr;gap:24px}.story-finish p{font-size:12px!important}.principle-icon{font-size:29px}}