*{box-sizing:border-box}
:root{
  --paper:#f3efe6;
  --paper2:#e5ded0;
  --ink:#151515;
  --red:#7a2624;
  --steel:#52636a;
  --blue:#1f3038;
  --cream:#fbf8f1;
  --rule:#b8afa1;
  --max:1240px;
}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.55;
  overflow-x:hidden;
}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;z-index:999;background:#fff;padding:.7rem 1rem;border:2px solid #111}
.masthead{background:var(--cream);border-bottom:12px solid var(--ink)}
.decade-nav-wrap{background:var(--ink);color:white}
.decade-nav{
  width:min(100% - 24px,var(--max));
  margin:auto;
  display:grid;grid-template-columns:repeat(10,1fr);
  gap:1px;background:#3e3e3e
}
.decade-nav a,.decade-nav span{
  min-width:0;text-align:center;padding:10px 4px;
  font-size:.72rem;font-weight:800;letter-spacing:.08em;text-decoration:none;
  background:#171717;color:#eee
}
.decade-nav span{background:var(--red);color:#fff}
.masthead-grid{
  width:min(100% - 32px,var(--max));
  margin:auto;
  display:grid;grid-template-columns:.82fr 1.18fr;
  gap:46px;
  padding:48px 0 42px;
  align-items:end
}
.kicker,.label,.ledger-heading p,.signal-heading p,.fashion-head p,.faq-head p{
  margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:900;color:var(--red)
}
.year-lockup{display:flex;align-items:flex-end;gap:6px;margin:10px 0 4px;line-height:.78}
.year-lockup span{font-family:Georgia,serif;font-size:5rem;font-weight:700;color:#b7b0a5}
.year-lockup strong{font-family:Georgia,serif;font-size:8.8rem;letter-spacing:-.09em}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif}
h1{font-size:clamp(2.2rem,4vw,4.4rem);line-height:.98;margin:10px 0 22px;letter-spacing:-.04em}
.dek{font-family:Georgia,serif;font-size:1.18rem;max-width:580px;margin:0 0 26px}
.masthead-rule{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}
.masthead-rule span{padding:10px 8px;font-size:.75rem;font-weight:800;border-right:1px solid var(--ink)}
.masthead-rule span:last-child{border-right:0}
.hero-photo{margin:0;background:var(--ink)}
.hero-photo img{width:100%;aspect-ratio:16/9;object-fit:cover;filter:saturate(.82) contrast(1.02)}
.hero-photo figcaption{color:#eee;padding:10px 12px;font-size:.78rem}
.contents{
  width:min(100% - 32px,var(--max));margin:0 auto;
  display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  padding:18px 0;border-bottom:1px solid var(--rule)
}
.contents span{font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--red)}
.contents a{text-decoration:none;font-size:.8rem;font-weight:700}
.contents a:hover{text-decoration:underline}
.opening-grid{
  width:min(100% - 32px,var(--max));margin:auto;padding:70px 0;
  display:grid;grid-template-columns:150px 1.1fr 1.3fr .8fr;gap:28px;align-items:start
}
.section-tag{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:var(--red);padding-top:8px}
.opening-title h2,.culture-copy h2,.mobility-copy h2,.legacy-copy h2{
  margin:0;font-size:clamp(2rem,4vw,4.6rem);line-height:.98;letter-spacing:-.04em
}
.opening-prose p,.culture-copy p,.mobility-copy p,.legacy-copy p,.fashion-prose p,.section-prose p,.life-columns p{
  margin:0 0 14px;font-family:Georgia,serif;font-size:1.02rem
}
.quote-panel{border-left:4px solid var(--red);padding-left:18px}
.quote-panel p{margin:0 0 12px}
.quote-big{font-family:Georgia,serif;font-size:1.5rem;line-height:1.15}
.signal-section{background:var(--blue);color:white;padding:72px max(16px,calc((100vw - var(--max))/2))}
.signal-heading,.ledger-heading,.fashion-head,.faq-head{display:flex;gap:22px;align-items:flex-end;margin-bottom:28px}
.signal-heading>span,.ledger-heading>span,.fashion-head>span,.faq-head>span{
  font-family:Georgia,serif;font-size:3.8rem;line-height:.8;color:var(--red);font-weight:700
}
.signal-heading p{color:#d3b89a}
.signal-heading h2,.ledger-heading h2,.fashion-head h2,.faq-head h2{
  margin:3px 0 0;font-size:clamp(1.9rem,3vw,3.3rem);line-height:1
}
.feature-strips{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#65747a;border:1px solid #65747a}
.feature-strip{display:grid;grid-template-columns:64px 1fr;gap:18px;background:#23343c;padding:22px}
.feature-strip>span{font-family:Georgia,serif;font-size:1.6rem;color:#d0b07a}
.feature-strip h3{margin:0 0 6px;font-size:1.12rem}
.feature-strip p{margin:0;color:#dbe0e1;font-size:.9rem}
.ledger-section{width:min(100% - 32px,var(--max));margin:auto;padding:74px 0}
.ledger-section.tint{width:100%;max-width:none;padding-left:max(16px,calc((100vw - var(--max))/2));padding-right:max(16px,calc((100vw - var(--max))/2));background:var(--paper2)}
.ledger{border-top:2px solid var(--ink)}
.ledger-row{display:grid;grid-template-columns:72px 1fr;border-bottom:1px solid var(--rule);padding:14px 0}
.ledger-no{font-family:Georgia,serif;font-size:1.25rem;color:var(--red);font-weight:700}
.ledger-copy{display:grid;grid-template-columns:minmax(200px,.75fr) 1.25fr;gap:28px}
.ledger-copy h3{margin:0;font-size:1rem}
.ledger-copy p{margin:0;font-size:.9rem;color:#3f3f3f}
.life-section{background:#d7d0c3;padding:72px max(16px,calc((100vw - var(--max))/2))}
.life-intro{display:grid;grid-template-columns:90px 1fr;align-items:end;margin-bottom:30px}
.life-no{font-family:Georgia,serif;font-size:4.5rem;line-height:.8;color:var(--red)}
.life-intro h2{grid-column:2;margin:5px 0 0;font-size:clamp(2rem,4vw,4rem);line-height:.98}
.life-columns{columns:3 260px;column-gap:34px}
.life-columns p{break-inside:avoid}
.stats-ribbon{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink)}
.stats-ribbon div{padding:16px;border-right:1px solid var(--ink)}
.stats-ribbon div:last-child{border-right:0}
.stats-ribbon strong{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--red)}
.stats-ribbon span{font-family:Georgia,serif;font-size:.92rem}
.culture-spread,.mobility-section{width:min(100% - 32px,var(--max));margin:auto;padding:78px 0;display:grid;grid-template-columns:.72fr 1.28fr;gap:32px}
.culture-copy,.mobility-copy{align-self:start;position:sticky;top:74px}
.culture-photo,.mobility-photo{margin:0;background:#111}
.culture-photo img,.mobility-photo img{width:100%;aspect-ratio:16/9;object-fit:cover}
.culture-photo figcaption,.mobility-photo figcaption{background:#111;color:#eee;padding:10px 12px;font-size:.78rem}
.culture-ledger,.mobility-ledger{grid-column:1/-1}
.fashion-section{background:#f8f4ec;padding:76px max(16px,calc((100vw - var(--max))/2));border-top:10px solid var(--red);border-bottom:1px solid var(--rule)}
.fashion-prose{max-width:860px;margin-bottom:34px}
.fashion-list .ledger-row:nth-child(odd){background:rgba(122,38,36,.035)}
.section-prose{max-width:820px;margin:0 0 30px 72px}
.legacy-section{background:var(--red);color:white;padding:82px max(16px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:180px 1fr;gap:28px}
.legacy-number{font-family:Georgia,serif;font-size:8rem;line-height:.8;color:#d5b9a4}
.legacy-copy .label{color:#ead9c9}
.legacy-copy{max-width:850px}
.faq-section{width:min(100% - 32px,var(--max));margin:auto;padding:74px 0}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.faq-list details{border:1px solid var(--rule);background:#faf7f0;padding:0 16px}
.faq-list summary{cursor:pointer;padding:16px 0;font-family:Georgia,serif;font-weight:700}
.faq-list p{margin:0 0 16px;font-size:.92rem}
.site-footer{background:var(--ink);color:white;padding:42px 24px;text-align:center}
.footer-year{font-family:Georgia,serif;font-size:4.5rem;letter-spacing:-.05em;color:#a9a39a}
.site-footer p{margin:0 auto 14px;max-width:760px}
.site-footer a{color:#ddd;text-decoration:none;font-weight:800}
@media(max-width:980px){
  .masthead-grid{grid-template-columns:1fr}
  .opening-grid{grid-template-columns:110px 1fr 1.4fr}
  .quote-panel{grid-column:2/-1}
  .culture-spread,.mobility-section{grid-template-columns:1fr}
  .culture-copy,.mobility-copy{position:static}
  .culture-ledger,.mobility-ledger{grid-column:auto}
  .faq-list{grid-template-columns:1fr}
}
@media(max-width:760px){
  .decade-nav{grid-template-columns:repeat(5,1fr)}
  .year-lockup span{font-size:3.5rem}.year-lockup strong{font-size:6rem}
  .masthead-grid{padding-top:30px}
  .opening-grid{grid-template-columns:1fr}
  .quote-panel{grid-column:auto}
  .feature-strips{grid-template-columns:1fr}
  .ledger-copy{grid-template-columns:1fr;gap:4px}
  .ledger-row{grid-template-columns:50px 1fr}
  .life-intro{grid-template-columns:64px 1fr}
  .life-no{font-size:3.2rem}
  .stats-ribbon{grid-template-columns:1fr 1fr}
  .stats-ribbon div:nth-child(2){border-right:0}
  .stats-ribbon div{border-bottom:1px solid var(--ink)}
  .legacy-section{grid-template-columns:1fr}
  .legacy-number{font-size:5rem}
  .section-prose{margin-left:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}