/* EPIC v3 — cinematic entrance. Loaded after style.css. */
.hero--v3{--eye-a:.0;min-height:100svh;padding:0;align-items:stretch;background:#07080b}
.hero--v3 .hero__bg,.hero--v3 .hero__stage{position:absolute;inset:0}
.hero--v3 .hero__bg{z-index:0}
.hero--v3 .hero__bg::before{content:"";position:absolute;inset:0;background:#07080b}
.hero__smoke{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero__smoke--back{opacity:.4}
.hero__smoke--fore{opacity:.22;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.15) 30%,transparent 50%,rgba(0,0,0,.15) 75%,#000 100%);mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.15) 30%,transparent 50%,rgba(0,0,0,.15) 75%,#000 100%);z-index:3}
.hero__stage{z-index:1;overflow:hidden;pointer-events:none}
.hero__bullwrap{position:absolute;inset:0;width:100%;height:100%;will-change:transform;transform:translate3d(var(--px,0),var(--py,0),0) scale(calc(var(--sc,1)*1.06));transform-origin:50% 42%}
.hero__bullwrap picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.hero__bull{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 38%;display:block}
/* Eyes are baked into the Pumped scene art — hide the old synthetic overlays */
.hero__eye{display:none}
.hero--v3 .hero__scrim{position:absolute;inset:0;z-index:4;pointer-events:none;background:
  linear-gradient(90deg,rgba(7,8,11,.9) 0,rgba(7,8,11,.62) 26%,rgba(7,8,11,.22) 46%,rgba(7,8,11,0) 62%),
  linear-gradient(0deg,rgba(7,8,11,.82) 0,rgba(7,8,11,.2) 28%,rgba(7,8,11,0) 48%),
  linear-gradient(180deg,rgba(7,8,11,.55) 0,rgba(7,8,11,0) 18%)}
.hero--v3 .hero__inner{position:relative;z-index:5;display:flex;align-items:flex-end;padding-top:9rem;padding-bottom:clamp(4rem,9vh,6.5rem);min-height:100svh}
.hero--v3 .hero__copy{max-width:44rem}
.hero--v3 h1{font-size:clamp(3rem,6.4vw,6.1rem);line-height:.95}
.hero--v3 .lead{font-size:clamp(1.02rem,1.35vw,1.2rem);max-width:30rem;color:rgba(255,255,255,.8)}
.hero--v3 .hero__emblem{display:none}
.hero__mark{width:2.6rem;height:auto;opacity:.9}
.hero--v3 .hero__tag{color:rgba(255,255,255,.62)}
.hero--v3 .hero__scroll{z-index:6;left:auto;right:2.2rem;translate:none;bottom:1.4rem}
@media (max-width:900px){
  .hero--v3{min-height:100svh}
  .hero__bullwrap{inset:0;width:100%;height:100%;aspect-ratio:auto;max-height:none;transform:translate3d(var(--px,0),var(--py,0),0) scale(calc(var(--sc,1)*1.03));transform-origin:50% 35%}
  .hero__bull{object-position:50% 40%}
  .hero--v3 .hero__scrim{background:linear-gradient(0deg,rgba(7,8,11,.94) 0,rgba(7,8,11,.78) 28%,rgba(7,8,11,.28) 48%,rgba(7,8,11,0) 68%),linear-gradient(180deg,rgba(7,8,11,.55) 0,rgba(7,8,11,0) 16%)}
  .hero--v3 .hero__inner{padding-top:0;padding-bottom:3.2rem;align-items:flex-end}
  .hero--v3 h1{font-size:clamp(2.7rem,13.5vw,4.2rem)}
  .hero--v3 .hero__copy{gap:1.15rem;max-width:100%}
}
.hero--static .hero__smoke{display:none}
.hero--static .hero__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(45% 35% at 30% 70%,rgba(80,92,120,.28),transparent 70%),radial-gradient(40% 30% at 75% 30%,rgba(80,92,120,.22),transparent 70%)}
.is-reduced .hero__eye{opacity:.82;animation:none}

/* intro overlay */
.intro3{position:fixed;inset:0;z-index:1000;background:#07080b;display:none;opacity:1;transition:opacity .9s var(--ease)}
.intro-on .intro3{display:block}
.intro3.is-out{opacity:0;pointer-events:none}
.intro3 video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#07080b}
@media (max-width:900px){.intro3 video{object-fit:cover}}
.intro3__veil{position:absolute;inset:0;background:radial-gradient(70% 90% at 50% 50%,transparent 55%,#07080b 100%);pointer-events:none}
.intro3__skip{position:absolute;right:1.25rem;bottom:1.25rem;z-index:2;background:rgba(7,8,11,.55);border:1px solid rgba(255,255,255,.28);color:#fff;font:600 .72rem/1 var(--font-head);letter-spacing:.2em;text-transform:uppercase;padding:.85rem 1.1rem;border-radius:999px;cursor:pointer}
.intro3__skip:hover,.intro3__skip:focus-visible{background:rgba(0,102,255,.85);border-color:transparent}
.intro-on .hero--v3 [data-hero]{animation-play-state:paused}
.intro-on body{overflow:hidden}

/* bridge: the man and the bull */
.bridge{background:#07080b;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.bridge::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 60% at 28% 50%,rgba(60,76,108,.4),transparent 70%)}
.bridge__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.bridge__fig{margin:0;position:relative}
.bridge__fig img{width:100%;height:auto;border-radius:6px;display:block;box-shadow:0 40px 90px -30px rgba(0,0,0,.8)}
.bridge__fig figcaption{max-width:56%;margin-top:.7rem;font-size:.78rem;color:rgba(255,255,255,.62);letter-spacing:.02em}
.bridge__fig--b{position:absolute;width:44%;right:-9%;bottom:-8%;margin:0}
.bridge__fig--b img{border:1px solid rgba(255,255,255,.14)}
.bridge__copy{display:grid;gap:1.5rem;justify-items:start}
.bridge__copy .lead{color:rgba(255,255,255,.78)}
.bridge__marks{display:flex;align-items:center;gap:1rem;margin-top:.5rem;color:rgba(255,255,255,.55);font:600 .72rem var(--font-head);letter-spacing:.2em;text-transform:uppercase}
.bridge__marks img{height:2.4rem;width:auto}
@media (max-width:900px){.bridge__grid{grid-template-columns:1fr}.bridge__fig--b{display:none}}

/* mark divider */
.markrule{display:flex;align-items:center;gap:1.25rem;justify-content:center;padding:0;background:var(--obsidian);height:0}
.markdiv{display:grid;place-items:center;position:relative;height:0;z-index:2}
.markdiv span{position:absolute;display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:50%;background:#0b0c10;border:1px solid rgba(255,255,255,.14);top:-1.7rem}
.markdiv img{width:1.9rem;height:auto}

/* apparel gateway */
.apparel{background:#07080b;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.apparel__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.apparel__art{position:relative;aspect-ratio:16/10;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.apparel__art img{width:100%;height:100%;object-fit:cover}
.apparel__copy{display:grid;gap:1.4rem;justify-items:start}
.apparel__copy .lead{color:rgba(255,255,255,.76)}
.apparel__lines{display:flex;flex-wrap:wrap;gap:.6rem}
.apparel__lines span{font:600 .72rem var(--font-head);letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(255,255,255,.22);padding:.5rem .8rem;border-radius:999px;color:rgba(255,255,255,.8)}
.apparel .pretag{font-size:.8rem;color:rgba(255,255,255,.6)}
@media (max-width:900px){.apparel__grid{grid-template-columns:1fr}}

.brand img{height:2.7rem;width:auto}
.footer__brand img{height:3.25rem;width:auto}
.founder .ph-photo{margin:0}
.founder .ph-photo img{width:100%;height:auto;border-radius:6px;display:block}
.founder .ph-photo figcaption{margin-top:.6rem;font-size:.78rem;color:rgba(255,255,255,.6)}
.hero--v3 .eyebrow{color:#a9cbff;text-shadow:0 1px 14px #000}
.bridge .eyebrow,.apparel .eyebrow{color:var(--blue-400)}

/* intro: desktop = centered vertical panel inside a smoke world (no dark side bars) */.intro3__ambient{display:none}
@media (min-width:901px){.intro3__ambient{display:block;position:absolute;inset:-6%;background:url(assets/img/intro/intro-smoke-bg.webp) center/cover no-repeat;filter:brightness(1.7) contrast(1.05);opacity:1;transform:scale(1.15);animation:i3drift 22s ease-in-out infinite alternate;will-change:transform}
.intro3::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(45% 60% at 18% 78%,rgba(130,142,172,.30),transparent 70%),radial-gradient(40% 55% at 84% 30%,rgba(130,142,172,.24),transparent 70%),radial-gradient(60% 50% at 50% 100%,rgba(70,86,120,.30),transparent 70%);mix-blend-mode:screen;animation:i3fog 16s ease-in-out infinite alternate}
.intro3 video{left:50%;right:auto;width:min(100vw,calc(100vh*9/16));max-width:none;transform:translateX(-50%);object-fit:cover;background:transparent;z-index:1;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 13%,#000 87%,transparent 100%)}
.intro3__veil{z-index:2;background:radial-gradient(80% 100% at 50% 50%,transparent 50%,rgba(7,8,11,.92) 100%)}
}
@keyframes i3drift{from{transform:scale(1.15) translate3d(-1.5%,0,0)}
to{transform:scale(1.22) translate3d(1.5%,-1%,0)}
}
@keyframes i3fog{from{opacity:.55;transform:translate3d(-2%,0,0)}
to{opacity:1;transform:translate3d(2%,-1%,0)}
}
@media (prefers-reduced-motion:reduce){.intro3__ambient,.intro3::before{animation:none}
}

