@import url('https://fonts.googleapis.com/css2?family=Anton&family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400;1,6..72,500&display=swap');

/* ============================================================
   THE DARRELL GREEN MUSEUM — "A Runner For Others"
   Agency-grade build · cinematic sports art direction
   Palette from supplied mockups (burgundy / bone / gold)
   Motion language: Nike · ESPN · GaryVee · Washington Commanders
   ============================================================ */

:root{
  --ink:#0E0B0A;
  --obsidian:#15100E;
  --obsidian-2:#1F1815;
  --burgundy:#5E1622;
  --burgundy-2:#7C1E2D;
  --burgundy-deep:#3A0B12;
  --gold:#C9A24B;
  --gold-2:#E4C57C;
  --gold-deep:#8F6B1E;
  --bone:#F4EFE4;
  --bone-2:#EAE1CF;
  --bone-3:#DBCFB2;
  --paper:#FFFFFF;
  --text:#16110F;
  --text-soft:#615749;
  --line:rgba(20,16,15,.13);
  --line-light:rgba(244,239,228,.16);

  --e-out:cubic-bezier(.16,1,.3,1);
  --e-io:cubic-bezier(.76,0,.24,1);
  --e-soft:cubic-bezier(.33,1,.68,1);

  --f-display:'Anton',sans-serif;
  --f-sans:'Archivo',system-ui,-apple-system,sans-serif;
  --f-serif:'Newsreader',Georgia,serif;

  --maxw:1500px;
  --gutter:clamp(20px,4.4vw,84px);
}

/* ---------- reset ---------- */
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
html.lenis,html.has-cursor{cursor:none;}
body{
  font-family:var(--f-sans);
  background:var(--bone);
  color:var(--text);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:inherit;border:none;background:none;color:inherit;}
ul{list-style:none;}
::selection{background:var(--gold);color:var(--burgundy-deep);}

body.lock{overflow:hidden;}

/* ============================================================
   CUSTOM CURSOR
   ============================================================ */
.cursor{
  position:fixed;top:0;left:0;z-index:9999;pointer-events:none;
  mix-blend-mode:difference;will-change:transform;
}
.cursor__ring{
  position:absolute;width:46px;height:46px;
  border:1.5px solid #fff;border-radius:50%;
  transform:translate(-50%,-50%);
  transition:width .35s var(--e-out),height .35s var(--e-out),background .35s var(--e-out);
}
.cursor__dot{
  position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;
  transform:translate(-50%,-50%);
}
.cursor.is-hot .cursor__ring{width:78px;height:78px;background:#fff;}
.cursor.is-hot .cursor__dot{opacity:0;}
.cursor.is-down .cursor__ring{width:34px;height:34px;}
@media(hover:none){.cursor{display:none;}html.has-cursor{cursor:auto;}}

/* ============================================================
   PRELOADER
   ============================================================ */
.preloader{
  position:fixed;inset:0;z-index:9000;background:var(--obsidian);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.preloader__name{
  font-family:var(--f-display);
  font-size:clamp(2.6rem,8vw,7rem);
  color:var(--bone);text-transform:uppercase;line-height:.9;
  letter-spacing:.01em;text-align:center;overflow:hidden;
}
.preloader__name{line-height:1.04;}
.preloader__name span{display:block;transform:translateY(115%);}
.preloader__sub{
  font-size:.72rem;font-weight:800;letter-spacing:.4em;text-transform:uppercase;
  color:var(--gold);margin-top:20px;opacity:0;
}
.preloader__count{
  position:absolute;right:var(--gutter);bottom:34px;
  font-family:var(--f-display);font-size:clamp(3rem,9vw,7rem);
  color:transparent;-webkit-text-stroke:1.4px rgba(244,239,228,.4);line-height:1;
}
.preloader__bar{
  position:absolute;left:0;bottom:0;height:3px;width:0%;background:var(--gold);
}
.preloader.done{transform:translateY(-100%);transition:transform 1.05s var(--e-io);}

/* ============================================================
   SCROLL PROGRESS
   ============================================================ */
.progress{
  position:fixed;top:0;left:0;height:3px;width:0%;
  background:linear-gradient(90deg,var(--gold-deep),var(--gold-2));
  z-index:200;
}

/* ============================================================
   GRAIN
   ============================================================ */
.grain{
  position:fixed;inset:-50%;z-index:150;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ============================================================
   TYPE & SHARED
   ============================================================ */
h1,h2,h3,h4{font-weight:400;line-height:1;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);}
.section{padding:clamp(84px,12vh,180px) 0;position:relative;}
.section--flush{padding:0;}

.eyebrow{
  display:inline-flex;align-items:center;gap:14px;
  font-family:var(--f-sans);font-weight:800;
  font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;
  color:var(--gold-deep);
}
.eyebrow::before{content:"";width:30px;height:1.5px;background:currentColor;}
.eyebrow--light{color:var(--gold-2);}
.eyebrow--center{justify-content:center;}
.eyebrow--center::after{content:"";width:30px;height:1.5px;background:currentColor;}

.kicker{
  font-family:var(--f-display);
  font-size:clamp(2.2rem,5.4vw,4.6rem);
  text-transform:uppercase;line-height:.94;color:var(--burgundy);
}
.kicker .out{-webkit-text-stroke:1.6px var(--burgundy);color:transparent;}
.kicker--light{color:var(--bone);}
.kicker--light .out{-webkit-text-stroke:1.6px var(--gold);color:transparent;}

.lede{font-size:clamp(1.04rem,1.5vw,1.3rem);color:var(--text-soft);max-width:46ch;}
.lede--light{color:rgba(244,239,228,.74);}

/* line reveal (no clipping — glyphs never cut off) */
.ln{display:block;}
.ln > *{display:block;transform:translateY(0.46em);opacity:0;transition:transform 1s var(--e-out),opacity 1s var(--e-out);}
.ln.in > *,.in .ln > *{transform:translateY(0);opacity:1;}

/* generic reveal */
[data-reveal]{opacity:0;transform:translateY(42px);transition:opacity .9s var(--e-out),transform .9s var(--e-out);}
[data-reveal].in{opacity:1;transform:none;}
[data-reveal][data-d="1"]{transition-delay:.09s;}
[data-reveal][data-d="2"]{transition-delay:.18s;}
[data-reveal][data-d="3"]{transition-delay:.27s;}
[data-reveal][data-d="4"]{transition-delay:.36s;}
[data-reveal][data-d="5"]{transition-delay:.45s;}

.clip-reveal{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s var(--e-io);}
.clip-reveal.in{clip-path:inset(0 0 0 0);}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{
  position:relative;display:inline-flex;align-items:center;gap:12px;
  font-family:var(--f-sans);font-weight:800;
  font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  padding:20px 34px;border-radius:100px;overflow:hidden;
  isolation:isolate;transition:color .4s var(--e-out),transform .35s var(--e-out);
}
.btn span{position:relative;z-index:2;}
.btn .ic{position:relative;z-index:2;transition:transform .4s var(--e-out);}
.btn:hover .ic{transform:translateX(6px);}
.btn::before{
  content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;
  transform:translateY(101%);transition:transform .5s var(--e-io);
}
.btn:hover::before{transform:translateY(0);}
.btn--gold{background:var(--gold);color:var(--burgundy-deep);}
.btn--gold::before{background:var(--bone);}
.btn--solid{background:var(--burgundy);color:var(--bone);}
.btn--solid::before{background:var(--gold);}
.btn--solid:hover{color:var(--burgundy-deep);}
.btn--dark{background:var(--ink);color:var(--bone);}
.btn--dark::before{background:var(--gold);}
.btn--dark:hover{color:var(--burgundy-deep);}
.btn--ghost{border:1.5px solid currentColor;color:var(--text);}
.btn--ghost::before{background:var(--ink);}
.btn--ghost:hover{color:var(--bone);}
.btn--ghost-light{border:1.5px solid rgba(244,239,228,.4);color:var(--bone);}
.btn--ghost-light::before{background:var(--bone);}
.btn--ghost-light:hover{color:var(--ink);}

.txtlink{
  display:inline-flex;align-items:center;gap:10px;
  font-weight:800;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
}
.txtlink .ic{transition:transform .4s var(--e-out);}
.txtlink:hover .ic{transform:translateX(7px);}
.txtlink u{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);
  background-size:0% 1.5px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size .4s var(--e-out);padding-bottom:3px;}
.txtlink:hover u{background-size:100% 1.5px;}

/* ============================================================
   NAV
   ============================================================ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:300;
  padding:22px 0;
  transition:transform .55s var(--e-io),background .45s var(--e-out),padding .45s var(--e-out),border-color .45s var(--e-out);
  border-bottom:1px solid transparent;
}
.nav--solid{
  background:rgba(15,11,10,.86);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  padding:13px 0;border-bottom:1px solid var(--line-light);
}
.nav--hidden{transform:translateY(-100%);}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.brand{display:flex;align-items:center;gap:13px;}
.brand__mark{
  width:52px;height:52px;flex:none;
  transition:transform .55s var(--e-out);
}
.brand__mark img{width:100%;height:100%;display:block;}
.brand:hover .brand__mark{transform:rotate(-9deg) scale(1.07);}
.brand__txt{display:flex;flex-direction:column;line-height:1;}
.brand__name{font-family:var(--f-display);font-size:1.12rem;letter-spacing:.045em;color:var(--bone);text-transform:uppercase;}
.brand__tag{font-size:.54rem;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-top:5px;}
.nav__links{display:flex;align-items:center;gap:4px;}
.nav__link{
  position:relative;overflow:hidden;display:block;height:1.1em;
  font-weight:700;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--bone);padding:14px 15px;
}
.nav__link span{display:block;transition:transform .42s var(--e-io);}
.nav__link span::after{
  content:attr(data-t);position:absolute;left:15px;top:100%;color:var(--gold-2);
}
.nav__link:hover span{transform:translateY(-100%);}
.nav__link.active{color:var(--gold-2);}
.nav__cta{margin-left:8px;padding:14px 24px;font-size:.72rem;}
.nav__burger{
  display:none;width:46px;height:46px;border:1.5px solid var(--line-light);
  border-radius:50%;flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.nav__burger span{width:18px;height:2px;background:var(--bone);transition:.35s var(--e-out);}
body.menu-open .nav__burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
body.menu-open .nav__burger span:nth-child(2){opacity:0;}
body.menu-open .nav__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.navpanel{
  position:fixed;inset:0;z-index:290;background:var(--obsidian);
  display:flex;flex-direction:column;justify-content:center;padding:var(--gutter);
  clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--e-io);
}
body.menu-open .navpanel{clip-path:inset(0 0 0 0);}
.navpanel a{
  font-family:var(--f-display);font-size:clamp(2.4rem,8vw,5rem);
  text-transform:uppercase;color:var(--bone);line-height:1.05;
  display:flex;align-items:baseline;gap:18px;
  transition:color .3s var(--e-out),padding .4s var(--e-out);
}
.navpanel a:hover{color:var(--gold);padding-left:18px;}
.navpanel a small{font-family:var(--f-sans);font-size:.8rem;font-weight:800;color:var(--gold-deep);}

@media(max-width:1300px){
  .nav__links{
    position:fixed;inset:auto;left:0;right:0;top:0;height:100vh;z-index:295;
    flex-direction:column;align-items:flex-start;justify-content:center;
    gap:2px;padding:var(--gutter);background:var(--obsidian);
    clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--e-io);
  }
  body.menu-open .nav__links{clip-path:inset(0 0 0 0);}
  .nav__link{height:auto;font-size:1.5rem;padding:12px 0;letter-spacing:.06em;}
  .nav__link span::after{display:none;}
  .nav__cta{margin:24px 0 0;}
  .nav__burger{display:flex;position:relative;z-index:300;}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative;min-height:100vh;display:flex;align-items:flex-end;
  background:var(--obsidian);overflow:hidden;
  padding:0 0 clamp(40px,7vh,80px);
}
.hero__bg{position:absolute;inset:0;z-index:0;}
.hero__bg::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(120% 80% at 78% 18%,rgba(124,30,45,.55),transparent 60%),
    linear-gradient(180deg,rgba(15,11,10,.5),rgba(15,11,10,.96));
}
.hero__lines{
  position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),rgba(201,162,75,.14) 10%);
  opacity:.7;
}
.hero__ghost{
  position:absolute;right:-4vw;top:50%;
  transform:translateY(-50%) translate3d(0,var(--py,0px),0);
  font-family:var(--f-display);font-size:78vh;line-height:.74;
  color:transparent;-webkit-text-stroke:2px rgba(201,162,75,.2);
  z-index:1;will-change:transform;user-select:none;
}
.hero__silhouette{
  position:absolute;right:-2vw;bottom:0;height:90vh;width:auto;z-index:2;
  opacity:.5;will-change:transform;
  transform:translate3d(0,var(--py,0px),0);
}
.hero__inner{position:relative;z-index:4;width:100%;}
.hero__kicker{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  font-weight:800;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;
  color:var(--gold-2);margin-bottom:24px;
}
.hero__kicker i{width:7px;height:7px;background:var(--gold);border-radius:50%;}
.hero__title{
  font-family:var(--f-display);
  font-size:clamp(3.6rem,11.5vw,11rem);
  line-height:.9;text-transform:uppercase;color:var(--bone);
  letter-spacing:-.01em;
}
.hero__title .out{-webkit-text-stroke:2px var(--gold);color:transparent;}
.hero__row{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:40px;flex-wrap:wrap;margin-top:34px;
}
.hero__serif{
  font-family:var(--f-serif);font-style:italic;
  font-size:clamp(1.4rem,2.6vw,2.3rem);color:var(--bone);
  max-width:18ch;line-height:1.2;
}
.hero__serif b{color:var(--gold-2);font-weight:500;}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;}
.hero__edge{
  position:absolute;left:var(--gutter);top:50%;z-index:4;
  transform:rotate(-90deg) translateX(50%);transform-origin:left center;
  font-size:.66rem;font-weight:800;letter-spacing:.34em;text-transform:uppercase;
  color:rgba(244,239,228,.5);
}
.hero__scroll{
  position:absolute;right:var(--gutter);bottom:34px;z-index:4;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  font-size:.6rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;
  color:rgba(244,239,228,.55);
}
.hero__scroll i{width:1px;height:56px;background:linear-gradient(var(--gold),transparent);overflow:hidden;}
.hero__scroll i::after{content:"";display:block;width:100%;height:40%;background:var(--gold);animation:scrolldrop 2s var(--e-io) infinite;}
@keyframes scrolldrop{0%{transform:translateY(-100%);}60%,100%{transform:translateY(250%);}}

@media(max-width:880px){
  .hero{align-items:center;padding-top:120px;}
  .hero__silhouette{opacity:.22;right:-10vw;height:74vh;}
  .hero__edge{display:none;}
  .hero__ghost{font-size:54vh;}
}

/* ============================================================
   MARQUEE
   ============================================================ */
.marquee{
  overflow:hidden;background:var(--ink);
  padding:26px 0;border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);
}
.marquee--gold{background:var(--gold);border-color:rgba(58,11,18,.2);}
.marquee--bone{background:var(--bone);border-color:var(--line);}
.marquee__track{display:flex;width:max-content;will-change:transform;}
.marquee__item{
  display:flex;align-items:center;gap:38px;padding-right:38px;
  font-family:var(--f-display);font-size:clamp(1.7rem,3.6vw,3rem);
  text-transform:uppercase;color:var(--bone);white-space:nowrap;
}
.marquee--gold .marquee__item{color:var(--burgundy-deep);}
.marquee--bone .marquee__item{color:transparent;-webkit-text-stroke:1.4px var(--burgundy);}
.marquee__item .star{color:var(--gold);font-size:.7em;-webkit-text-stroke:0;}
.marquee--gold .marquee__item .star{color:var(--burgundy);}
.marquee--bone .marquee__item .star{color:var(--gold);-webkit-text-stroke:0;}

/* ============================================================
   STATEMENT (big editorial reveal)
   ============================================================ */
.statement{background:var(--bone);}
.statement__text{
  font-family:var(--f-display);
  font-size:clamp(2.1rem,6.4vw,6rem);
  line-height:1.02;text-transform:uppercase;color:var(--text);
  max-width:18ch;
}
.statement__text em{
  font-family:var(--f-serif);font-style:italic;font-weight:400;
  text-transform:none;color:var(--burgundy);
}
.statement__text .out{-webkit-text-stroke:1.6px var(--text);color:transparent;}
.statement__foot{
  display:flex;gap:50px;flex-wrap:wrap;margin-top:54px;
  padding-top:36px;border-top:1px solid var(--line);
}
.statement__foot p{max-width:38ch;color:var(--text-soft);}

/* ============================================================
   STAT REEL
   ============================================================ */
.reel{background:var(--ink);color:var(--bone);}
.reel__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:60px;}
.reel__grid{
  display:grid;grid-template-columns:repeat(6,1fr);
  border-top:1px solid var(--line-light);
}
.reel__item{
  padding:42px 22px 38px;border-right:1px solid var(--line-light);
  position:relative;transition:background .4s var(--e-out);
}
.reel__item:last-child{border-right:none;}
.reel__item:hover{background:var(--obsidian-2);}
.reel__idx{font-size:.62rem;font-weight:800;letter-spacing:.2em;color:var(--gold-deep);}
.reel__num{
  font-family:var(--f-display);
  font-size:clamp(3rem,5.4vw,5.2rem);line-height:.9;
  color:var(--gold);margin-top:18px;
}
.reel__num .sfx{color:var(--bone);font-size:.5em;}
.reel__label{
  font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(244,239,228,.62);margin-top:14px;line-height:1.4;
}
@media(max-width:1000px){
  .reel__grid{grid-template-columns:repeat(3,1fr);}
  .reel__item:nth-child(3n){border-right:none;}
  .reel__item:nth-child(-n+3){border-bottom:1px solid var(--line-light);}
}
@media(max-width:560px){
  .reel__grid{grid-template-columns:repeat(2,1fr);}
  .reel__item:nth-child(3n){border-right:1px solid var(--line-light);}
  .reel__item:nth-child(2n){border-right:none;}
}

/* ============================================================
   EXHIBIT INDEX LIST
   ============================================================ */
.exlist{border-top:1px solid var(--line);}
.exrow{
  position:relative;display:block;overflow:hidden;
  border-bottom:1px solid var(--line);
}
.exrow__bg{
  position:absolute;inset:0;background:var(--burgundy);z-index:1;
  transform:translateY(101%);transition:transform .6s var(--e-io);
}
.exrow:hover .exrow__bg{transform:translateY(0);}
.exrow__in{
  position:relative;z-index:2;
  display:grid;grid-template-columns:auto 1fr auto auto;
  align-items:center;gap:clamp(20px,4vw,64px);
  padding:clamp(28px,4vw,52px) 0;
  transition:color .45s var(--e-out);
}
.exrow:hover .exrow__in{color:var(--bone);}
.exrow__no{
  font-family:var(--f-display);font-size:clamp(1.4rem,2vw,2rem);
  color:var(--gold-deep);transition:color .45s var(--e-out);
}
.exrow:hover .exrow__no{color:var(--gold-2);}
.exrow__title{
  font-family:var(--f-display);font-size:clamp(2rem,5.6vw,5.2rem);
  text-transform:uppercase;line-height:.92;color:var(--text);
  transition:color .45s var(--e-out),transform .55s var(--e-out);
}
.exrow:hover .exrow__title{color:var(--bone);transform:translateX(14px);}
.exrow__desc{
  max-width:34ch;color:var(--text-soft);font-size:.95rem;
  transition:color .45s var(--e-out);
}
.exrow:hover .exrow__desc{color:rgba(244,239,228,.78);}
.exrow__arrow{
  width:64px;height:64px;border-radius:50%;flex:none;
  border:1.5px solid var(--line);display:grid;place-items:center;
  font-size:1.3rem;transition:border-color .45s var(--e-out),background .45s var(--e-out),transform .55s var(--e-out);
}
.exrow:hover .exrow__arrow{border-color:var(--gold);background:var(--gold);color:var(--burgundy-deep);transform:rotate(-45deg);}
@media(max-width:880px){
  .exrow__in{grid-template-columns:auto 1fr auto;}
  .exrow__desc{display:none;}
}

/* ============================================================
   HORIZONTAL PIN — "THE TAPE"
   ============================================================ */
.hscroll{position:relative;background:var(--obsidian);}
.hscroll__stage{
  position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center;
}
.hscroll__track{display:flex;will-change:transform;padding:0 var(--gutter);gap:30px;}
.hscroll__intro{
  flex:none;width:min(46vw,560px);align-self:center;padding-right:30px;
}
.hpanel{
  flex:none;width:min(78vw,640px);height:min(74vh,640px);
  position:relative;border:1px solid var(--line-light);overflow:hidden;
  background:linear-gradient(160deg,var(--burgundy-2),var(--burgundy-deep));
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(28px,3vw,48px);
}
.hpanel__no{
  position:absolute;top:24px;left:clamp(28px,3vw,48px);
  font-family:var(--f-display);font-size:1.1rem;color:var(--gold-2);
  letter-spacing:.1em;z-index:3;
}
.hpanel__ghost{
  position:absolute;right:-3%;top:-12%;z-index:1;
  font-family:var(--f-display);font-size:30rem;line-height:.8;
  color:transparent;-webkit-text-stroke:1.6px rgba(244,239,228,.13);
}
.hpanel__ico{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);
  width:34%;color:rgba(244,239,228,.14);z-index:1;}
.hpanel__tag{
  position:relative;z-index:3;align-self:flex-start;
  background:var(--gold);color:var(--burgundy-deep);
  font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  padding:7px 13px;margin-bottom:auto;
}
.hpanel__body{position:relative;z-index:3;}
.hpanel__yr{font-weight:800;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);}
.hpanel__h{
  font-family:var(--f-display);font-size:clamp(1.8rem,3.2vw,3rem);
  text-transform:uppercase;color:var(--bone);line-height:.98;margin:14px 0 12px;
}
.hpanel__p{color:rgba(244,239,228,.78);font-size:.96rem;max-width:42ch;}
@media(max-width:880px){
  .hscroll__stage{position:static;height:auto;display:block;}
  .hscroll__track{flex-direction:column;padding:clamp(60px,9vw,90px) var(--gutter);gap:22px;}
  .hscroll__intro{width:100%;padding:0 0 10px;}
  .hpanel{width:100%;height:auto;min-height:440px;}
  .hpanel__ghost{font-size:18rem;}
}

/* ============================================================
   BIG QUOTE
   ============================================================ */
.bigquote{background:var(--burgundy);position:relative;overflow:hidden;}
.bigquote::before{
  content:"\201C";position:absolute;left:50%;top:-12%;transform:translateX(-50%);
  font-family:var(--f-serif);font-size:36rem;line-height:1;color:rgba(201,162,75,.13);
}
.bigquote__q{
  position:relative;z-index:2;text-align:center;max-width:24ch;margin:0 auto;
  font-family:var(--f-serif);font-style:italic;font-weight:400;
  font-size:clamp(1.7rem,4.2vw,3.6rem);line-height:1.22;color:var(--bone);
}
.bigquote__q b{color:var(--gold-2);font-weight:500;}
.bigquote__by{
  position:relative;z-index:2;text-align:center;margin-top:36px;
  font-weight:800;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);
}
.bigquote__by small{display:block;margin-top:8px;font-weight:600;letter-spacing:.12em;color:rgba(244,239,228,.55);}

/* ============================================================
   SPLIT FEATURE
   ============================================================ */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,96px);align-items:center;}
.split--flip .split__visual{order:2;}
.split__visual{
  position:relative;aspect-ratio:5/6;overflow:hidden;
  background:linear-gradient(155deg,var(--burgundy-2),var(--burgundy-deep));
  border:1px solid var(--line-light);display:grid;place-items:center;
}
.split__visual .ghost{
  position:absolute;font-family:var(--f-display);font-size:24rem;line-height:.8;
  color:transparent;-webkit-text-stroke:1.6px rgba(244,239,228,.16);
}
.split__visual svg{width:48%;color:rgba(244,239,228,.9);position:relative;z-index:2;}
.split__visual .plate{
  position:absolute;left:0;bottom:0;right:0;z-index:3;
  padding:22px clamp(20px,3vw,32px);
  background:linear-gradient(transparent,rgba(15,11,10,.85));
  display:flex;justify-content:space-between;align-items:flex-end;gap:16px;
}
.split__visual .plate b{font-family:var(--f-display);font-size:1.5rem;color:var(--bone);text-transform:uppercase;line-height:1;}
.split__visual .plate span{font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);}
@media(max-width:860px){
  .split{grid-template-columns:1fr;gap:40px;}
  .split--flip .split__visual{order:0;}
  .split__visual{max-width:420px;}
}

/* ============================================================
   JOIN
   ============================================================ */
.join{background:var(--ink);position:relative;overflow:hidden;}
.join__lines{
  position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,transparent,transparent calc(12.5% - 1px),rgba(201,162,75,.1) 12.5%);
}
.join__in{position:relative;z-index:2;max-width:720px;margin:0 auto;text-align:center;}
.join__form{display:flex;gap:12px;max-width:500px;margin:32px auto 0;}
.join__form input{
  flex:1;padding:19px 24px;border-radius:100px;
  background:rgba(244,239,228,.06);border:1px solid var(--line-light);
  color:var(--bone);font-family:inherit;font-size:.95rem;
}
.join__form input::placeholder{color:rgba(244,239,228,.45);}
.join__form input:focus{outline:none;border-color:var(--gold);}
.join__ok{display:none;margin-top:20px;color:var(--gold-2);font-weight:700;letter-spacing:.04em;}
.join__ok.show{display:block;}
.join__note{margin-top:18px;font-size:.78rem;color:rgba(244,239,228,.42);}
@media(max-width:560px){.join__form{flex-direction:column;border-radius:18px;}}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--obsidian);color:var(--bone);overflow:hidden;}
.footer__grid{
  display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;
  padding:clamp(60px,8vh,110px) 0 60px;
}
.footer__sig{font-family:var(--f-serif);font-style:italic;font-size:1.7rem;color:var(--gold-2);margin:16px 0 14px;}
.footer__brand p{color:rgba(244,239,228,.6);font-size:.92rem;max-width:34ch;}
.footer__mark{display:block;width:80px;height:80px;margin-bottom:18px;}
.footer__mark img{width:100%;height:100%;display:block;}
.footer__col h4{font-weight:800;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;}
.footer__col a{display:block;padding:7px 0;color:rgba(244,239,228,.7);font-size:.94rem;transition:color .3s var(--e-out),transform .3s var(--e-out);}
.footer__col a:hover{color:var(--gold-2);transform:translateX(6px);}
.footer__word{
  font-family:var(--f-display);font-size:clamp(2rem,13vw,10.5rem);
  line-height:.9;text-transform:uppercase;color:transparent;
  -webkit-text-stroke:1.5px rgba(244,239,228,.2);
  text-align:center;padding:0 var(--gutter) 20px;white-space:nowrap;
}
.footer__bar{
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
  padding:26px 0;border-top:1px solid var(--line-light);
}
.footer__bar p{font-size:.76rem;color:rgba(244,239,228,.5);}
.footer__bar .tag{font-weight:800;letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;color:var(--gold);}
.footer__src{font-size:.72rem;color:rgba(244,239,228,.4);line-height:1.7;padding:0 0 36px;max-width:900px;}
.footer__src a{color:rgba(201,162,75,.7);text-decoration:underline;}
@media(max-width:820px){.footer__grid{grid-template-columns:1fr 1fr;gap:34px;}}
@media(max-width:520px){.footer__grid{grid-template-columns:1fr;}}

/* ============================================================
   PAGE HEADER (sub-pages)
   ============================================================ */
.phead{
  position:relative;background:var(--obsidian);overflow:hidden;
  padding:clamp(150px,22vh,260px) 0 clamp(60px,9vh,110px);
}
.phead__bg{position:absolute;inset:0;
  background:
    radial-gradient(110% 70% at 82% 14%,rgba(124,30,45,.5),transparent 62%),
    linear-gradient(180deg,rgba(15,11,10,.4),rgba(15,11,10,.95));}
.phead__lines{position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,transparent,transparent calc(11.1% - 1px),rgba(201,162,75,.12) 11.1%);}
.phead__ghost{
  position:absolute;right:-3vw;top:50%;
  transform:translateY(-50%) translate3d(0,var(--py,0px),0);
  font-family:var(--f-display);font-size:62vh;line-height:.74;
  color:transparent;-webkit-text-stroke:1.8px rgba(201,162,75,.17);z-index:1;
  will-change:transform;
}
.phead__in{position:relative;z-index:3;}
.phead__crumb{
  display:flex;align-items:center;gap:10px;margin-bottom:26px;
  font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);
}
.phead__crumb a{color:rgba(244,239,228,.55);}
.phead__crumb a:hover{color:var(--gold-2);}
.phead__title{
  font-family:var(--f-display);font-size:clamp(3rem,11vw,9rem);
  line-height:.92;text-transform:uppercase;color:var(--bone);
}
.phead__title .out{-webkit-text-stroke:2px var(--gold);color:transparent;}
.phead__sub{
  font-family:var(--f-serif);font-style:italic;
  font-size:clamp(1.15rem,2vw,1.6rem);color:rgba(244,239,228,.8);
  max-width:48ch;margin-top:26px;
}

/* ============================================================
   STAT TABLE
   ============================================================ */
.tablewrap{overflow-x:auto;border:1px solid var(--line);background:var(--paper);}
.stattable{width:100%;border-collapse:collapse;min-width:720px;}
.stattable thead th{
  background:var(--ink);color:var(--bone);
  font-weight:800;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  padding:18px 14px;text-align:center;
}
.stattable thead th:first-child{text-align:left;}
.stattable tbody td{
  padding:15px 14px;text-align:center;font-size:.92rem;
  border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;
}
.stattable tbody td:first-child{text-align:left;font-weight:800;}
.stattable tbody tr{transition:background .25s var(--e-out);}
.stattable tbody tr:hover{background:var(--bone-2);}
.stattable tbody tr.hot{background:rgba(201,162,75,.16);}
.stattable tbody tr.hot:hover{background:rgba(201,162,75,.26);}
.stattable tfoot td{
  padding:18px 14px;text-align:center;font-weight:900;
  background:var(--burgundy);color:var(--gold-2);
  font-size:.95rem;font-variant-numeric:tabular-nums;
}
.stattable tfoot td:first-child{text-align:left;color:var(--bone);}
.note{font-size:.82rem;color:var(--text-soft);font-style:italic;margin-top:16px;}
.note--center{text-align:center;}

/* ============================================================
   RECORD CARDS
   ============================================================ */
.cardgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.cardgrid--3{grid-template-columns:repeat(3,1fr);}
.recordcard{
  position:relative;overflow:hidden;background:var(--paper);
  border:1px solid var(--line);border-left:4px solid var(--gold);
  padding:36px clamp(26px,3vw,40px);display:flex;gap:26px;align-items:flex-start;
  transition:transform .4s var(--e-out),box-shadow .4s var(--e-out);
}
.recordcard::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--burgundy);
  transform:scaleY(0);transform-origin:bottom;transition:transform .45s var(--e-io);
}
.recordcard:hover{transform:translateY(-7px);box-shadow:0 30px 60px rgba(20,16,15,.16);}
.recordcard:hover::after{transform:scaleY(1);}
.recordcard__fig{
  font-family:var(--f-display);font-size:clamp(2.6rem,4vw,3.6rem);
  color:var(--burgundy);line-height:.84;flex:none;min-width:2.4ch;
}
.recordcard__fig small{
  display:block;font-family:var(--f-sans);font-size:.56rem;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);margin-top:8px;
}
.recordcard h3{
  font-family:var(--f-sans);font-weight:900;font-size:1.04rem;
  text-transform:uppercase;letter-spacing:.02em;line-height:1.2;margin-bottom:9px;
}
.recordcard p{font-size:.92rem;color:var(--text-soft);}
@media(max-width:820px){.cardgrid,.cardgrid--3{grid-template-columns:1fr;}}

/* ============================================================
   TIMELINE
   ============================================================ */
.tline{position:relative;max-width:1000px;margin:0 auto;}
.tline::before{
  content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;
  background:linear-gradient(var(--gold),var(--gold-deep));transform:translateX(-50%);
}
.tline__fill{
  position:absolute;left:50%;top:0;width:2px;height:0;
  background:var(--burgundy);transform:translateX(-50%);z-index:1;
}
.tlrow{position:relative;width:50%;padding:22px 52px;}
.tlrow:nth-child(odd){left:0;text-align:right;}
.tlrow:nth-child(even){left:50%;}
.tlrow__dot{
  position:absolute;top:38px;width:16px;height:16px;border-radius:50%;z-index:3;
  background:var(--bone);border:3px solid var(--burgundy);transition:transform .35s var(--e-out),background .35s var(--e-out);
}
.tlrow:nth-child(odd) .tlrow__dot{right:-8px;}
.tlrow:nth-child(even) .tlrow__dot{left:-8px;}
.tlcard{
  position:relative;background:var(--paper);border:1px solid var(--line);
  padding:28px clamp(22px,2.6vw,32px);cursor:pointer;
  transition:transform .4s var(--e-out),box-shadow .4s var(--e-out),border-color .4s var(--e-out);
}
.tlcard:hover{transform:translateY(-5px);box-shadow:0 26px 54px rgba(20,16,15,.16);border-color:var(--gold);}
.tlcard.open{border-color:var(--gold);box-shadow:0 26px 54px rgba(20,16,15,.16);}
.tlcard:hover ~ .tlrow__dot,.tlcard.open ~ .tlrow__dot{background:var(--gold);transform:scale(1.25);}
.tlcard__yr{font-family:var(--f-display);font-size:clamp(2rem,3vw,2.7rem);color:var(--burgundy);line-height:1;}
.tlcard__era{font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin-top:7px;}
.tlcard h3{font-family:var(--f-sans);font-weight:900;font-size:1.06rem;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;margin:13px 0 8px;}
.tlcard p{font-size:.91rem;color:var(--text-soft);}
.tlcard__more{max-height:0;overflow:hidden;transition:max-height .5s var(--e-io),margin .5s var(--e-io);}
.tlcard.open .tlcard__more{max-height:340px;margin-top:15px;}
.tlcard__more div{border-top:1px solid var(--line);padding-top:15px;font-size:.86rem;color:var(--text-soft);}
.tlcard__stats{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;}
.tlrow:nth-child(odd) .tlcard__stats{justify-content:flex-end;}
.tlcard__stats span{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--burgundy);}
.tlcard__stats span b{color:var(--gold-deep);font-size:1.04rem;}
.tlcard__plus{
  position:absolute;top:26px;width:30px;height:30px;border-radius:50%;
  border:1.5px solid var(--line);display:grid;place-items:center;font-size:1rem;
  transition:transform .4s var(--e-out),background .4s var(--e-out),border-color .4s var(--e-out);
}
.tlrow:nth-child(odd) .tlcard__plus{left:clamp(22px,2.6vw,32px);}
.tlrow:nth-child(even) .tlcard__plus{right:clamp(22px,2.6vw,32px);}
.tlcard.open .tlcard__plus{transform:rotate(135deg);background:var(--burgundy);border-color:var(--burgundy);color:var(--bone);}
@media(max-width:820px){
  .tline::before,.tline__fill{left:14px;}
  .tlrow,.tlrow:nth-child(even){width:100%;left:0;padding:16px 0 16px 44px;text-align:left;}
  .tlrow:nth-child(odd){text-align:left;}
  .tlrow:nth-child(odd) .tlrow__dot,.tlrow:nth-child(even) .tlrow__dot{left:7px;right:auto;}
  .tlrow:nth-child(odd) .tlcard__stats{justify-content:flex-start;}
  .tlrow:nth-child(odd) .tlcard__plus,.tlrow:nth-child(even) .tlcard__plus{right:22px;left:auto;}
}

/* ============================================================
   HONOR / PILLAR / MOMENT CARDS
   ============================================================ */
.momentgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.moment{
  background:var(--paper);border:1px solid var(--line);overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform .4s var(--e-out),box-shadow .4s var(--e-out);
}
.moment:hover{transform:translateY(-8px);box-shadow:0 34px 66px rgba(20,16,15,.18);}
.moment__vis{
  position:relative;aspect-ratio:16/11;overflow:hidden;
  background:linear-gradient(155deg,var(--burgundy-2),var(--burgundy-deep));
  display:grid;place-items:center;
}
.moment__vis svg{width:42%;color:rgba(244,239,228,.92);transition:transform .6s var(--e-out);}
.moment:hover .moment__vis svg{transform:scale(1.12);}
.moment__ghost{position:absolute;right:10px;bottom:-22px;font-family:var(--f-display);font-size:6.4rem;color:rgba(201,162,75,.22);line-height:1;}
.moment__tag{
  position:absolute;top:14px;left:14px;background:var(--gold);color:var(--burgundy-deep);
  font-size:.6rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;padding:6px 11px;
}
.moment__body{padding:28px clamp(22px,2.4vw,30px) 32px;display:flex;flex-direction:column;flex:1;}
.moment__yr{font-weight:800;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep);}
.moment h3{font-family:var(--f-display);font-size:1.5rem;text-transform:uppercase;color:var(--burgundy);margin:11px 0 11px;line-height:1;}
.moment p{font-size:.92rem;color:var(--text-soft);}
@media(max-width:880px){.momentgrid{grid-template-columns:1fr;max-width:440px;margin:0 auto;}}

.honorgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.honor{
  background:var(--paper);border:1px solid var(--line);padding:38px 30px;text-align:center;
  transition:transform .4s var(--e-out),box-shadow .4s var(--e-out);
}
.honor:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(20,16,15,.16);}
.honor__ico{width:44px;height:44px;color:var(--gold-deep);margin:0 auto 18px;}
.honor__fig{font-family:var(--f-display);font-size:2.7rem;color:var(--burgundy);line-height:1;}
.honor h3{font-family:var(--f-sans);font-weight:900;font-size:1rem;text-transform:uppercase;letter-spacing:.03em;margin:9px 0 8px;}
.honor p{font-size:.88rem;color:var(--text-soft);}
@media(max-width:820px){.honorgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:500px){.honorgrid{grid-template-columns:1fr;}}

.pillargrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.pillar{
  background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--burgundy);
  padding:42px clamp(26px,2.6vw,34px);
  transition:transform .4s var(--e-out),box-shadow .4s var(--e-out);
}
.pillar:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(20,16,15,.16);}
.pillar__ico{width:46px;height:46px;color:var(--burgundy);margin-bottom:20px;}
.pillar h3{font-family:var(--f-display);font-size:1.4rem;text-transform:uppercase;color:var(--burgundy);margin-bottom:11px;}
.pillar p{font-size:.93rem;color:var(--text-soft);}
@media(max-width:820px){.pillargrid{grid-template-columns:1fr;max-width:460px;margin:0 auto;}}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.chip{
  font-family:var(--f-display);font-size:1.55rem;letter-spacing:.03em;
  background:var(--paper);border:1px solid var(--line);color:var(--burgundy);
  padding:13px 22px;transition:transform .3s var(--e-out),background .3s var(--e-out),color .3s var(--e-out);
}
.chip:hover{transform:translateY(-6px);background:var(--burgundy);color:var(--bone);}

/* crest */
.crest{
  max-width:820px;margin:0 auto;text-align:center;position:relative;overflow:hidden;
  background:linear-gradient(160deg,var(--obsidian-2),var(--ink));
  border:1.5px solid var(--gold);padding:clamp(40px,6vw,72px);
}
.crest__star{width:78px;height:78px;color:var(--gold);margin:0 auto 16px;}
.crest__yr{font-family:var(--f-display);font-size:clamp(3.4rem,7vw,5.4rem);color:var(--gold);line-height:1;}
.crest h2{font-family:var(--f-display);font-size:clamp(1.6rem,3vw,2.3rem);text-transform:uppercase;color:var(--bone);margin:8px 0 14px;}
.crest p{color:rgba(244,239,228,.74);max-width:54ch;margin:0 auto;}

/* impact strip */
.impact{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.impact > div{background:var(--paper);padding:42px 22px;text-align:center;}
.impact__num{font-family:var(--f-display);font-size:clamp(2.4rem,3.6vw,3.2rem);color:var(--burgundy);line-height:1;}
.impact__label{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);margin-top:11px;}
@media(max-width:720px){.impact{grid-template-columns:1fr 1fr;}}

/* ============================================================
   40-YARD DASH
   ============================================================ */
.dash{background:linear-gradient(160deg,var(--obsidian-2),var(--ink));border:1.5px solid var(--gold);padding:clamp(30px,4vw,56px);}
.dash__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px;}
.dash__head h3{font-family:var(--f-display);font-size:clamp(1.6rem,2.6vw,2.3rem);text-transform:uppercase;color:var(--bone);}
.dash__head p{color:rgba(244,239,228,.6);font-size:.9rem;margin-top:6px;}
.dash__time{font-family:var(--f-display);font-size:clamp(3rem,6vw,4.6rem);color:var(--gold);line-height:1;text-align:right;}
.dash__time small{display:block;font-family:var(--f-sans);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(244,239,228,.55);margin-top:6px;}
.dash__track{position:relative;height:72px;background:var(--burgundy-deep);border:1px solid rgba(201,162,75,.3);overflow:hidden;}
.dash__track::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 9.9%,rgba(201,162,75,.32) 9.9%,rgba(201,162,75,.32) 10%);}
.dash__runner{position:absolute;top:50%;left:6px;transform:translateY(-50%);width:50px;height:50px;color:var(--gold);z-index:2;}
.dash__runner.go{left:calc(100% - 56px);transition:left 4.09s linear;}
.dash__btn{margin-top:28px;}

/* ============================================================
   PROSE
   ============================================================ */
.prose p{margin-bottom:20px;color:var(--text-soft);font-size:1.04rem;}
.prose p:last-child{margin-bottom:0;}
.prose strong{color:var(--text);font-weight:700;}
.prose em{font-family:var(--f-serif);font-style:italic;color:var(--burgundy);}

/* ============================================================
   SECTION HEADINGS
   ============================================================ */
.shead{margin-bottom:clamp(44px,6vw,72px);}
.shead--center{text-align:center;}
.shead--split{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;flex-wrap:wrap;}
.shead .kicker{margin-top:18px;}
.shead--center .eyebrow{margin-bottom:4px;}

/* ============================================================
   REAL PHOTOS
   ============================================================ */
.hero__photo{
  position:absolute;top:0;right:0;height:100%;width:53%;z-index:2;
  object-fit:cover;object-position:66% 22%;
}
.hero__veil{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
    linear-gradient(100deg,var(--obsidian) 30%,rgba(21,16,14,.5) 52%,rgba(21,16,14,0) 76%),
    linear-gradient(0deg,var(--obsidian) 2%,rgba(21,16,14,0) 34%);
}
@media(max-width:880px){
  .hero__photo{width:100%;object-position:center 14%;}
  .hero__veil{background:linear-gradient(0deg,var(--obsidian) 20%,rgba(21,16,14,.52) 56%,rgba(21,16,14,.72) 100%);}
}

.split__img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:1;transition:transform 1.4s var(--e-out);
}
.split__visual:hover .split__img{transform:scale(1.06);}
.split__visual--wide{aspect-ratio:3/2;}

.photoband{position:relative;height:min(78vh,640px);overflow:hidden;background:var(--obsidian);}
.photoband img{width:100%;height:100%;object-fit:cover;object-position:center 34%;display:block;transition:transform 8s var(--e-out);}
.photoband:hover img{transform:scale(1.07);}
.photoband__veil{
  position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(15,11,10,.95),rgba(15,11,10,.1) 50%,rgba(15,11,10,.5));
}
.photoband__frame{position:absolute;inset:18px;border:1px solid rgba(201,162,75,.4);z-index:2;pointer-events:none;}
.photoband__cap{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  padding-bottom:clamp(34px,5.5vw,66px);
}
.photoband__cap h3{
  font-family:var(--f-display);font-size:clamp(1.8rem,4vw,3.4rem);
  text-transform:uppercase;color:var(--bone);line-height:1;margin-top:14px;
}
.photoband__cap p{color:rgba(244,239,228,.72);max-width:52ch;margin-top:14px;}

.impact--2{grid-template-columns:1fr 1fr;}

.photoframe{position:relative;overflow:hidden;border:1px solid var(--line-light);background:var(--obsidian);}
.photoframe img{width:100%;display:block;transition:transform 1.5s var(--e-out);}
.photoframe:hover img{transform:scale(1.05);}
.photoframe__edge{position:absolute;inset:13px;border:1px solid rgba(201,162,75,.4);pointer-events:none;z-index:2;}
.photoframe__tag{
  position:absolute;left:0;bottom:0;z-index:3;
  background:var(--gold);color:var(--burgundy-deep);
  font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;
}

/* ============================================================
   LEFL — LEGENDS ENCORE FOOTBALL LEAGUE
   ============================================================ */
.league{background:var(--burgundy);position:relative;overflow:hidden;}
.league__field{
  position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,transparent,transparent calc(11.1% - 1px),rgba(201,162,75,.1) 11.1%);
}
.league__ghost{
  position:absolute;right:-2vw;bottom:-12%;z-index:0;
  font-family:var(--f-display);font-size:34vh;line-height:.8;
  color:transparent;-webkit-text-stroke:2px rgba(201,162,75,.13);
  pointer-events:none;user-select:none;
}
.league__inner{position:relative;z-index:2;}
.league__badge{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:8px;
  font-family:var(--f-display);font-size:clamp(1.4rem,2.4vw,2rem);
  letter-spacing:.14em;color:var(--gold-2);
}
.league__badge span{
  font-family:var(--f-sans);font-weight:800;font-size:.66rem;letter-spacing:.22em;
  color:var(--burgundy-deep);background:var(--gold);padding:6px 11px;
}
.pillargrid--4{grid-template-columns:repeat(4,1fr);}
@media(max-width:1000px){.pillargrid--4{grid-template-columns:1fr 1fr;}}
@media(max-width:540px){.pillargrid--4{grid-template-columns:1fr;}}
.lstats{
  display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;
  border-top:1px solid var(--line-light);border-bottom:1px solid var(--line-light);
}
.lstat{padding:clamp(26px,3.2vw,40px) 14px;text-align:center;border-right:1px solid var(--line-light);}
.lstat:last-child{border-right:none;}
.lstat b{font-family:var(--f-display);font-size:clamp(2.3rem,4.4vw,3.7rem);color:var(--gold);display:block;line-height:1;}
.lstat span{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,239,228,.62);margin-top:11px;display:block;}
@media(max-width:620px){
  .lstats{grid-template-columns:1fr 1fr;}
  .lstat:nth-child(2n){border-right:none;}
  .lstat:nth-child(-n+2){border-bottom:1px solid var(--line-light);}
}
.showcard{
  display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,48px);
  flex-wrap:wrap;margin-top:clamp(42px,5.5vw,68px);
  background:rgba(244,239,228,.05);border:1px solid var(--gold);
  padding:clamp(28px,3.6vw,46px);
}
.showcard__txt{max-width:62ch;}
.showcard__tag{font-weight:800;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);}
.showcard h3{font-family:var(--f-display);font-size:clamp(1.6rem,2.8vw,2.4rem);text-transform:uppercase;color:var(--bone);margin:11px 0 11px;line-height:1;}
.showcard p{color:rgba(244,239,228,.74);font-size:.97rem;}
.showcard .btn{flex:none;}
@media(max-width:720px){.showcard{flex-direction:column;align-items:flex-start;}}
.league__statement{
  max-width:62ch;margin:clamp(44px,6vw,76px) auto 0;text-align:center;
  font-family:var(--f-serif);font-style:italic;
  font-size:clamp(1.18rem,2.1vw,1.7rem);line-height:1.38;color:var(--bone);
}
.league__statement b{color:var(--gold-2);font-weight:500;}
.league__note{
  max-width:74ch;margin:30px auto 0;text-align:center;
  font-size:.98rem;line-height:1.7;color:rgba(244,239,228,.66);
  padding-top:30px;border-top:1px solid var(--line-light);
}
.league__note b{color:var(--gold-2);font-weight:700;}

/* ============================================================
   THE VAULT — interactive exhibit hall
   ============================================================ */
.vault{background:var(--ink);position:relative;overflow:hidden;}
.vault__floor{
  position:absolute;left:0;right:0;bottom:0;height:46%;z-index:0;
  background:linear-gradient(180deg,transparent,rgba(201,162,75,.05));
}
.vault__floor::before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,transparent,transparent calc(10% - 1px),rgba(201,162,75,.07) 10%);
}
.vault__inner{position:relative;z-index:2;}
.vault__hint{
  text-align:center;color:rgba(244,239,228,.55);font-size:.92rem;
  margin:0 auto clamp(40px,5vw,64px);
}
.vhall{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:clamp(18px,2.4vw,36px);
}
.vcase{
  position:relative;display:block;width:100%;text-align:center;cursor:pointer;
  background:none;padding:34px 0 0;
  transition:transform .5s var(--e-out);
}
.vcase:hover{transform:translateY(-12px);}
.vcase__spot{
  position:absolute;top:-6px;left:50%;transform:translateX(-50%);
  width:74%;height:60%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 0%,rgba(201,162,75,.32),transparent 70%);
  opacity:.5;transition:opacity .45s var(--e-out);
}
.vcase:hover .vcase__spot{opacity:1;}
.vcase__glass{
  position:relative;z-index:1;aspect-ratio:1/1;overflow:hidden;
  border:1px solid var(--line-light);
  background:linear-gradient(165deg,rgba(244,239,228,.08),rgba(244,239,228,.015));
  display:grid;place-items:center;
  transition:border-color .4s var(--e-out),background .4s var(--e-out),box-shadow .4s var(--e-out);
}
.vcase:hover .vcase__glass{
  border-color:var(--gold);
  background:linear-gradient(165deg,rgba(201,162,75,.16),rgba(244,239,228,.03));
  box-shadow:0 30px 60px rgba(0,0,0,.5);
}
.vcase__glass::after{
  content:"";position:absolute;top:0;left:-60%;width:50%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(244,239,228,.12),transparent);
  transform:skewX(-18deg);transition:left .6s var(--e-out);
}
.vcase:hover .vcase__glass::after{left:130%;}
.vcase__art{width:70%;transition:transform .55s var(--e-out);}
.vcase:hover .vcase__art{transform:scale(1.09);}
.vcase__art svg{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 18px rgba(0,0,0,.5));}
.vcase__plinth{
  height:16px;margin:0 14%;z-index:1;position:relative;
  background:linear-gradient(180deg,var(--obsidian-2),var(--ink));
  border:1px solid var(--line-light);border-top:none;
}
.vcase__label{margin-top:18px;}
.vcase__label b{
  display:block;font-family:var(--f-sans);font-weight:800;font-size:.82rem;
  letter-spacing:.04em;text-transform:uppercase;color:var(--bone);line-height:1.25;
}
.vcase__label span{
  display:block;margin-top:5px;font-size:.64rem;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);
}
.vcase__view{
  display:inline-flex;align-items:center;gap:7px;margin-top:11px;
  font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-2);opacity:0;transform:translateY(4px);
  transition:opacity .4s var(--e-out),transform .4s var(--e-out);
}
.vcase:hover .vcase__view{opacity:1;transform:translateY(0);}
@media(max-width:980px){.vhall{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.vhall{grid-template-columns:1fr;gap:30px;}}

/* vault modal */
.vmodal{
  position:fixed;inset:0;z-index:500;
  display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);
  opacity:0;visibility:hidden;transition:opacity .4s var(--e-out),visibility .4s;
}
.vmodal.open{opacity:1;visibility:visible;}
.vmodal__backdrop{position:absolute;inset:0;background:rgba(8,6,5,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.vmodal__panel{
  position:relative;z-index:2;width:min(960px,100%);max-height:88vh;overflow:auto;
  background:var(--obsidian-2);border:1px solid var(--gold);
  transform:translateY(40px) scale(.97);transition:transform .5s var(--e-out);
}
.vmodal.open .vmodal__panel{transform:translateY(0) scale(1);}
.vmodal__body{display:grid;grid-template-columns:1fr 1fr;}
.vmodal__close{
  position:absolute;top:14px;right:14px;z-index:5;
  width:46px;height:46px;border-radius:50%;border:1px solid var(--line-light);
  color:var(--bone);font-size:1.3rem;display:grid;place-items:center;
  transition:background .3s var(--e-out),transform .3s var(--e-out);
}
.vmodal__close:hover{background:var(--gold);color:var(--ink);transform:rotate(90deg);}
.vx__art{
  position:relative;display:grid;place-items:center;padding:clamp(28px,4vw,52px);
  background:
    radial-gradient(ellipse at 50% 28%,rgba(201,162,75,.22),transparent 66%),
    linear-gradient(165deg,var(--burgundy-2),var(--burgundy-deep));
  border-right:1px solid var(--line-light);
}
.vx__art svg{width:78%;max-width:300px;height:auto;filter:drop-shadow(0 18px 26px rgba(0,0,0,.55));}
.vx__info{padding:clamp(30px,4vw,52px);}
.vx__year{font-weight:800;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);}
.vx__title{
  font-family:var(--f-display);font-size:clamp(1.7rem,3.2vw,2.7rem);
  text-transform:uppercase;color:var(--bone);line-height:1;margin:12px 0 18px;
}
.vx__info p{color:rgba(244,239,228,.74);font-size:.97rem;margin-bottom:14px;}
.vx__fact{
  margin-top:20px;padding:16px 20px;border-left:3px solid var(--gold);
  background:rgba(201,162,75,.08);
  font-size:.88rem;color:var(--gold-2);font-weight:600;
}
@media(max-width:720px){
  .vmodal__body{grid-template-columns:1fr;}
  .vx__art{border-right:none;border-bottom:1px solid var(--line-light);}
}

/* ============================================================
   BOOKING / CONTACT
   ============================================================ */
.bookform{max-width:680px;margin:clamp(46px,6vw,76px) auto 0;}
.bookform__row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
.bookfield{display:block;margin-bottom:16px;}
.bookfield label{
  display:block;font-size:.68rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-deep);margin-bottom:8px;
}
.bookform__row .bookfield{margin-bottom:0;}
.bookform input,.bookform select,.bookform textarea{
  width:100%;padding:15px 17px;border:1px solid var(--line);
  background:var(--paper);color:var(--ink);font-family:inherit;font-size:.95rem;
  transition:border-color .25s var(--e-out);
}
.bookform textarea{min-height:130px;resize:vertical;}
.bookform input:focus,.bookform select:focus,.bookform textarea:focus{outline:none;border-color:var(--gold);}
.bookform .btn{width:100%;justify-content:center;margin-top:6px;}
.bookform__ok{
  display:none;text-align:center;margin-top:20px;
  color:var(--gold-deep);font-weight:700;letter-spacing:.02em;
}
.bookform__ok.show{display:block;}
@media(max-width:560px){.bookform__row{grid-template-columns:1fr;gap:16px;}}

/* ============================================================
   SIGNATURE MOMENT VIDEOS
   ============================================================ */
.hpanel{cursor:pointer;}
.hpanel__thumb{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center 42%;z-index:0;
}
.hpanel__shade{
  position:absolute;inset:0;z-index:2;
  background:linear-gradient(180deg,rgba(15,11,10,.32) 0%,rgba(58,11,18,.5) 52%,rgba(15,11,10,.93) 100%);
}
.hpanel__play{
  position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:3;
  width:86px;height:86px;border-radius:50%;
  background:var(--gold);color:var(--burgundy-deep);
  display:grid;place-items:center;
  box-shadow:0 16px 38px rgba(0,0,0,.5);
  transition:transform .4s var(--e-out),background .4s var(--e-out);
}
.hpanel__play svg{width:30px;height:30px;margin-left:5px;}
.hpanel:hover .hpanel__play{transform:translate(-50%,-50%) scale(1.13);background:var(--gold-2);}
.hpanel__play::before{
  content:"";position:absolute;inset:-11px;border-radius:50%;
  border:2px solid rgba(201,162,75,.5);
}
.hpanel:hover .hpanel__play::before{animation:vpulse 1.7s var(--e-out) infinite;}
@keyframes vpulse{0%{transform:scale(.88);opacity:.85;}100%{transform:scale(1.42);opacity:0;}}
.hpanel__watch{
  display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold-2);transition:gap .3s var(--e-out);
}
.hpanel:hover .hpanel__watch{gap:13px;}

.vidmodal{
  position:fixed;inset:0;z-index:600;
  display:flex;align-items:center;justify-content:center;padding:clamp(20px,5vw,72px);
  opacity:0;visibility:hidden;transition:opacity .35s var(--e-out),visibility .35s;
}
.vidmodal.open{opacity:1;visibility:visible;}
.vidmodal__backdrop{position:absolute;inset:0;background:rgba(8,6,5,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.vidmodal__frame{
  position:relative;z-index:2;width:min(1040px,100%);aspect-ratio:16/9;
  background:#000;border:1px solid var(--gold);
  transform:scale(.95);transition:transform .4s var(--e-out);
}
.vidmodal.open .vidmodal__frame{transform:scale(1);}
.vidmodal__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.vidmodal__close{
  position:absolute;top:-52px;right:0;z-index:3;
  width:44px;height:44px;border-radius:50%;border:1px solid var(--line-light);
  color:var(--bone);font-size:1.3rem;display:grid;place-items:center;
  transition:background .3s var(--e-out),transform .3s var(--e-out);
}
.vidmodal__close:hover{background:var(--gold);color:var(--ink);transform:rotate(90deg);}
.vidmodal__cap{
  position:absolute;left:0;right:0;bottom:-40px;text-align:center;
  font-size:.8rem;letter-spacing:.03em;color:rgba(244,239,228,.62);
}
.vidmodal__cap a{color:var(--gold-2);text-decoration:underline;}
@media(max-width:600px){.vidmodal__close{top:-46px;width:38px;height:38px;}}

/* ============================================================
   BOOK PROMO POPUP
   ============================================================ */
.bookpop{
  position:fixed;inset:0;z-index:700;
  display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);
  opacity:0;visibility:hidden;transition:opacity .5s var(--e-out),visibility .5s;
}
.bookpop.open{opacity:1;visibility:visible;}
.bookpop__backdrop{position:absolute;inset:0;background:rgba(8,6,5,.9);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);}
.bookpop__card{
  position:relative;z-index:2;width:min(880px,100%);max-height:92vh;overflow:auto;
  background:var(--obsidian-2);border:1px solid var(--gold);
  display:grid;grid-template-columns:.82fr 1.18fr;
  transform:translateY(36px) scale(.95);transition:transform .6s var(--e-out);
}
.bookpop.open .bookpop__card{transform:translateY(0) scale(1);}
.bookpop__close{
  position:absolute;top:13px;right:13px;z-index:5;
  width:42px;height:42px;border-radius:50%;border:1px solid var(--line-light);
  color:var(--bone);font-size:1.2rem;display:grid;place-items:center;
  transition:background .3s var(--e-out),transform .3s var(--e-out);
}
.bookpop__close:hover{background:var(--gold);color:var(--ink);transform:rotate(90deg);}
.bookpop__visual{
  display:grid;place-items:center;padding:clamp(30px,4vw,48px);
  background:radial-gradient(ellipse at 50% 32%,rgba(201,162,75,.2),transparent 70%),linear-gradient(160deg,var(--obsidian),var(--ink));
  border-right:1px solid var(--line-light);
}
.bookpop__body{padding:clamp(32px,4vw,52px);}
.bookpop__title{
  font-family:var(--f-display);font-size:clamp(2.4rem,4.6vw,3.7rem);
  color:var(--bone);text-transform:uppercase;line-height:.9;margin:14px 0 18px;
}
.bookpop__title span{
  display:block;font-family:var(--f-serif);font-style:italic;font-weight:500;
  font-size:.4em;text-transform:none;color:var(--gold-2);margin-top:8px;letter-spacing:.01em;
}
.bookpop__body p{color:rgba(244,239,228,.74);font-size:.96rem;margin-bottom:14px;}
.bookpop__pull{
  font-family:var(--f-serif)!important;font-style:italic;
  color:var(--gold-2)!important;font-size:1.14rem!important;
}
.bookpop__cta-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px;}
.bookpop__dismiss{
  font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(244,239,228,.5);transition:color .3s var(--e-out);
}
.bookpop__dismiss:hover{color:var(--gold-2);}
@media(max-width:680px){
  .bookpop__card{grid-template-columns:1fr;}
  .bookpop__visual{border-right:none;border-bottom:1px solid var(--line-light);}
}

/* concept book cover */
.bookcover{
  position:relative;width:min(218px,56vw);aspect-ratio:2/3;
  background:linear-gradient(155deg,var(--burgundy-2),var(--burgundy-deep));
  border:1px solid var(--gold-deep);
  box-shadow:0 30px 52px rgba(0,0,0,.6),inset 7px 0 16px rgba(0,0,0,.4);
  padding:clamp(16px,2.4vw,22px);
  display:flex;flex-direction:column;text-align:center;overflow:hidden;
}
.bookcover__frame{position:absolute;inset:9px;border:1px solid rgba(201,162,75,.55);pointer-events:none;}
.bookcover__sil{position:absolute;right:-16%;bottom:-7%;width:82%;opacity:.13;}
.bookcover__kicker{
  position:relative;z-index:2;font-size:.5rem;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-2);
}
.bookcover__title{
  position:relative;z-index:2;margin-top:auto;
  font-family:var(--f-display);font-size:clamp(3rem,9vw,4.5rem);color:var(--gold-2);line-height:.86;
}
.bookcover__rule{position:relative;z-index:2;width:34px;height:2px;background:var(--gold);margin:11px auto;}
.bookcover__sub{
  position:relative;z-index:2;font-weight:800;font-size:.72rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--bone);line-height:1.55;
}
.bookcover__name{
  position:relative;z-index:2;margin-top:auto;padding-top:14px;
  font-family:var(--f-display);font-size:1.06rem;letter-spacing:.05em;
  text-transform:uppercase;color:var(--bone);
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
  [data-reveal],.ln > *{opacity:1!important;transform:none!important;}
  .clip-reveal{clip-path:none!important;}
  .preloader{display:none!important;}
  .cursor{display:none!important;}
  html.has-cursor{cursor:auto!important;}
}
html{scroll-behavior:smooth;}
[id]{scroll-margin-top:96px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}