.history-page { background:#fbfaf7; }
.history-hero { min-height:78svh; background:#0d0d0d; color:#fff; display:flex; align-items:flex-end; position:relative; overflow:hidden; padding:150px var(--pad) 80px; }
.history-hero::before { content:""; position:absolute; width:min(62vw,850px); aspect-ratio:1; border:clamp(50px,7vw,100px) solid #e30613; border-radius:50%; right:-15vw; top:-24vw; opacity:.95; }
.history-hero::after { content:"1974"; position:absolute; right:var(--pad); top:50%; transform:translateY(-42%); font-family:"Bebas Neue",sans-serif; font-size:min(34vw,520px); line-height:.7; color:rgba(255,255,255,.035); }
.history-hero-inner { position:relative; z-index:2; max-width:1100px; }
.history-hero h1 { margin:0; font-family:"Bebas Neue",sans-serif; font-size:clamp(88px,15vw,210px); line-height:.78; font-weight:400; letter-spacing:-.03em; }
.history-hero h1 span { color:#e30613; }
.history-lead { max-width:620px; margin:30px 0 0; color:rgba(255,255,255,.72); line-height:1.65; font-size:clamp(16px,1.4vw,20px); }
.back-home { position:absolute; z-index:3; right:var(--pad); bottom:42px; border:1px solid rgba(255,255,255,.35); padding:13px 18px; border-radius:999px; font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; display:flex; gap:10px; align-items:center; }
.back-home:hover { background:#fff; color:#111; }
.history-origin { display:grid; grid-template-columns:90px minmax(0,1.2fr) minmax(280px,.8fr); gap:clamp(24px,5vw,84px); align-items:start; }
.history-origin-copy { padding-top:42px; max-width:540px; }
.history-origin-copy p { margin:0 0 18px; color:#4e4942; line-height:1.8; }
.history-rule-grid { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:60px; margin-top:48px; }
.history-rule-copy { padding-bottom:12px; }
.history-rule-copy p { color:rgba(255,255,255,.72); max-width:600px; line-height:1.8; font-size:17px; }
.archive-head { display:grid; grid-template-columns:1fr minmax(280px,470px); gap:60px; align-items:end; }
.archive-note { color:#77736b; line-height:1.7; margin:0 0 8px; }
.archive-placeholder { margin-top:60px; border-top:1px solid rgba(13,13,13,.16); border-bottom:1px solid rgba(13,13,13,.16); padding:44px 0; display:grid; grid-template-columns:180px 1fr 1fr; gap:30px; align-items:center; }
.archive-placeholder > span { font-family:"Bebas Neue",sans-serif; font-size:38px; color:#e30613; }
.archive-placeholder h3 { margin:0; font-family:"Bebas Neue",sans-serif; font-size:46px; font-weight:400; }
.archive-placeholder p { margin:0; color:#77736b; line-height:1.6; }
.history-break { background:#e9e4da; padding:0 var(--pad); }
.history-break > div { min-height:260px; display:grid; grid-template-columns:180px 1fr 1fr; gap:30px; align-items:center; border-top:1px solid rgba(13,13,13,.12); }
.history-break span { font-family:"Bebas Neue",sans-serif; font-size:82px; color:#e30613; }
.history-break strong { font-family:"Bebas Neue",sans-serif; font-size:clamp(46px,6vw,86px); font-weight:400; }
.history-break p { margin:0; color:#666159; line-height:1.6; }
.history-continue .display em { color:#111; }
.history-btn { margin-top:36px; background:#111; color:#fff; width:max-content; }
.history-btn:hover { background:#fff; color:#111; }

@media (max-width: 900px) {
  .history-origin { grid-template-columns:60px 1fr; }
  .history-origin-copy { grid-column:2; padding-top:0; }
  .history-rule-grid { grid-template-columns:1fr; }
  .archive-head { grid-template-columns:1fr; }
  .archive-placeholder, .history-break > div { grid-template-columns:1fr 1fr; }
  .archive-placeholder p, .history-break p { grid-column:1/-1; }
}

@media (max-width: 700px) {
  .history-hero { min-height:82svh; padding:130px 20px 76px; }
  .history-hero::before { width:90vw; right:-45vw; top:-10vw; border-width:48px; }
  .history-hero::after { right:10px; font-size:54vw; }
  .history-hero h1 { font-size:24vw; }
  .history-lead { font-size:15px; max-width:88%; }
  .back-home { left:20px; right:auto; bottom:24px; }
  .history-origin { grid-template-columns:1fr; gap:20px; }
  .history-origin-title, .history-origin-copy { grid-column:1; }
  .history-rule-grid { margin-top:32px; gap:24px; }
  .archive-head { gap:24px; }
  .archive-placeholder { margin-top:40px; grid-template-columns:1fr; gap:8px; padding:32px 0; }
  .archive-placeholder h3 { font-size:40px; }
  .archive-placeholder p { grid-column:1; }
  .history-break { padding:0 20px; }
  .history-break > div { min-height:300px; grid-template-columns:1fr; gap:5px; padding:45px 0; align-content:center; }
  .history-break span { font-size:64px; }
  .history-break p { grid-column:1; }
}

.archive-table { margin-top:60px; border-top:1px solid rgba(13,13,13,.16); }
.archive-row { display:grid; grid-template-columns:100px repeat(4,minmax(0,1fr)); border-bottom:1px solid rgba(13,13,13,.12); min-height:88px; align-items:stretch; }
.archive-labels { min-height:auto; padding:0 0 12px; color:#77736b; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.archive-labels span { padding:0 16px; }
.archive-labels span:first-child { padding-left:0; }
.archive-year { display:flex; align-items:center; font-family:"Bebas Neue",sans-serif; font-size:38px; font-weight:400; color:#e30613; }
.archive-person { display:flex; flex-direction:column; justify-content:center; gap:5px; padding:16px; border-left:1px solid rgba(13,13,13,.08); min-width:0; }
.archive-person span { display:none; font-size:8px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#8a857c; }
.archive-person b { font-size:13px; line-height:1.35; font-weight:700; overflow-wrap:anywhere; }
.archive-row-special { grid-template-columns:100px 1fr; background:#f1ece3; }
.archive-suspended { display:flex; align-items:center; padding:16px; border-left:1px solid rgba(13,13,13,.08); font-family:"Bebas Neue",sans-serif; font-size:28px; letter-spacing:.02em; }

@media (max-width: 900px) {
  .archive-table { margin-top:44px; }
  .archive-labels { display:none; }
  .archive-row { grid-template-columns:82px 1fr 1fr; min-height:0; }
  .archive-year { align-items:flex-start; padding-top:18px; }
  .archive-person { min-height:76px; }
  .archive-person span { display:block; }
  .archive-row-special { grid-template-columns:82px 1fr; }
}
@media (max-width: 700px) {
  .archive-table { margin-top:34px; }
  .archive-row { grid-template-columns:68px 1fr; }
  .archive-year { grid-row:1 / span 4; font-size:31px; padding-top:17px; }
  .archive-person { border-left:1px solid rgba(13,13,13,.08); border-bottom:1px solid rgba(13,13,13,.07); min-height:64px; padding:12px 14px; }
  .archive-person:last-child { border-bottom:0; }
  .archive-person b { font-size:13px; }
  .archive-row-special { grid-template-columns:68px 1fr; }
  .archive-row-special .archive-year { grid-row:auto; }
  .archive-suspended { min-height:78px; font-size:24px; padding:14px; }
}
