:root{--red:#ed1c24;--white:#f4f4f2;--line:#bdbdbd;--black:#050505}*{box-sizing:border-box}html,body{margin:0;background:#050607;color:var(--white);font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;background:radial-gradient(ellipse at 50% 15%,#17191a 0,#08090a 43%,#030404 100%)}a{color:inherit;text-decoration:none}.top{height:98px;border-bottom:1px solid #8c8c8c;display:grid;grid-template-columns:minmax(250px,1.25fr) 1.2fr .55fr .55fr 40px;align-items:center;padding:0 2.8%;gap:28px;background:linear-gradient(180deg,#080909,#030404);position:relative;z-index:10}.brand img{width:330px;max-width:100%;display:block}.nav{display:flex;justify-content:center;gap:54px;font-size:11px;font-weight:700;letter-spacing:.3em}.nav a{transition:.2s}.nav a:hover{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.4)}.manifest{border-left:1px solid #aaa;padding-left:26px;font-size:9px;line-height:1.55;letter-spacing:.27em}.menu{font-size:21px;text-align:right;color:#ddd}.hero{height:472px;display:grid;grid-template-columns:18% 64% 18%;border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 42%,rgba(48,48,48,.55) 0,rgba(14,15,15,.88) 44%,#050606 80%)}.hero:before,.division:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:245px 100%,100% 160px;opacity:.7}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.09) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 65%,rgba(255,255,255,.055) 0 1px,transparent 1.5px);background-size:47px 43px,63px 59px;mix-blend-mode:screen}.side{z-index:2;padding:85px 34%;font-size:10px;letter-spacing:.25em;line-height:1.6;white-space:nowrap}.side i,.copy i{display:block;width:70px;border-top:1px solid #eee;margin:26px 0}.side small{font-size:9px}.side em{position:absolute;bottom:42px;font-style:normal}.right{padding-left:22%}.hero-center{z-index:3;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center}.mono{height:218px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 7px #e51b23) drop-shadow(0 0 16px rgba(237,28,36,.75))}.mono img{width:245px;display:block}.hero-logo{width:520px;max-width:70%;margin-top:-24px;display:block;filter:drop-shadow(0 4px 5px #000)}.subbrand{font-size:20px;letter-spacing:.29em;margin-top:2px}.accent{width:80px;border-top:3px solid var(--red);margin:17px 0}.hero-center h1{font-size:15px;letter-spacing:.43em;margin:0}.split{height:365px;display:grid;grid-template-columns:1fr 1fr}.division{position:relative;display:grid;grid-template-columns:42% 58%;overflow:hidden;border-bottom:1px solid #ccc;background:#070808}.division:first-child{border-right:1px solid #ccc}.copy{z-index:3;padding:28px 0 20px 6%;background:linear-gradient(90deg,#050606 80%,rgba(5,6,6,.7) 92%,transparent);position:relative}.copy small{letter-spacing:.25em}.copy i{width:30px;margin:10px 0 15px}.panel-logo{display:block;width:235px;max-width:88%;margin:0 0 2px}.copy h2{font-weight:300;font-size:31px;letter-spacing:.24em;line-height:1.05;margin:0 0 17px}.copy p{font-size:10px;letter-spacing:.28em;line-height:1.7}.copy>b{color:var(--red);font-size:11px;letter-spacing:.25em}.copy button{display:block;background:rgba(0,0,0,.15);border:1px solid #ddd;color:#fff;padding:12px 25px;margin-top:20px;font-size:9px;letter-spacing:.25em;cursor:pointer}.copy footer{position:absolute;bottom:18px;font-size:8px;letter-spacing:.2em;white-space:nowrap}.nutrition-visual{position:relative;background:radial-gradient(circle at 55% 40%,#34383a 0,#1c1e1f 32%,#0b0c0c 72%);overflow:hidden}.nutrition-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 28%,rgba(255,255,255,.025) 55%,transparent)}.plate{position:absolute;border-radius:50%;background:radial-gradient(circle,#0a0a0a 0 50%,#17191a 51% 60%,#090909 61%);box-shadow:0 5px 20px #000}.p1{width:170px;height:170px;right:18px;bottom:16px}.p2{width:130px;height:130px;right:115px;bottom:4px}.shaker{position:absolute;z-index:3;left:18%;bottom:14px;width:76px;height:238px;border-radius:8px 8px 19px 19px;background:linear-gradient(90deg,#050505,#252728 46%,#090909 72%,#020202);box-shadow:0 10px 28px #000, inset 0 0 0 1px #333;display:flex;align-items:center;justify-content:center}.shaker:before{content:"";position:absolute;top:-18px;width:84px;height:31px;border-radius:8px 8px 5px 5px;background:linear-gradient(#171717,#050505);border:1px solid #2b2b2b}.shaker>span{transform:rotate(-90deg);font-weight:900;letter-spacing:.08em;color:#d9d9d9}.shaker .x{color:var(--red)}.athletics{background:#080808}.crew-photo{position:absolute;right:0;top:0;width:59%;height:100%;background:linear-gradient(90deg,#080808 0,rgba(8,8,8,.5) 17%,transparent 42%),url('crew-yellow.jpeg') center 36%/cover no-repeat}.bottom{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;font-size:10px;letter-spacing:.32em;border-top:1px solid #777;background:#050606}.bottom b{color:var(--red)}
@media(min-width:1600px){.hero{height:540px}.split{height:410px}.mono{height:245px}.mono img{width:275px}.hero-logo{width:590px}.brand img{width:360px}.copy h2{font-size:34px}.panel-logo{width:260px}}
@media(max-width:1000px){.top{grid-template-columns:1fr auto;height:80px;padding:0 20px}.brand img{width:210px}.nav{gap:22px;font-size:9px}.manifest,.menu{display:none}.hero{height:520px;grid-template-columns:1fr}.side{display:none}.mono img{width:210px}.hero-logo{width:450px;max-width:86%}.subbrand{font-size:15px}.split{height:auto;grid-template-columns:1fr}.division{height:420px;border-right:0!important}.copy{padding-left:25px}.crew-photo{width:62%}.bottom{height:auto;padding:24px 20px;gap:18px;flex-direction:column;text-align:center}}
@media(max-width:600px){.nav{gap:12px;letter-spacing:.16em}.brand img{width:150px}.hero{height:455px}.mono{height:185px}.mono img{width:180px}.hero-logo{width:350px}.subbrand{font-size:12px;letter-spacing:.2em}.hero-center h1{font-size:10px;letter-spacing:.3em}.division{height:390px;grid-template-columns:50% 50%}.panel-logo{width:170px}.copy h2{font-size:23px}.copy footer{font-size:6px}.crew-photo{width:58%;background-position:58% 35%}}
/* V5 refinement — preserve real website structure while matching approved premium material */
.hero{
 background-color:#070808;
 background-image:
   radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.055) 0,rgba(0,0,0,.12) 38%,rgba(0,0,0,.62) 88%),
   url('premium-wall.png');
 background-size:100% 100%,auto 100%;
 background-position:center,center;
 background-repeat:no-repeat,repeat-x;
}
.hero:before{background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 18%,transparent 82%,rgba(0,0,0,.18));opacity:1}
.hero:after{opacity:.12}
.nutrition-visual{
 background-image:linear-gradient(90deg,rgba(4,5,5,.18),transparent 20%),url('nutrition-premium.png');
 background-size:100% 100%,cover;
 background-position:center,center;
 background-repeat:no-repeat;
}
.nutrition-visual:after{background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 30%,rgba(0,0,0,.06));}
.plate,.shaker{display:none}
/* V6 CLEAN WALL — removes accidental fixture/box artifacts from V5.
   Uses the same approved dark industrial wall material as a single clean hero surface. */
.hero{
  background-color:#070808;
  background-image:
    radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.045) 0,rgba(0,0,0,.10) 40%,rgba(0,0,0,.58) 90%),
    url('premium-wall.png');
  background-size:100% 100%,100% 100%;
  background-position:center center,center center;
  background-repeat:no-repeat,no-repeat;
}

/* V7 REAL WEBSITE — clean premium hero + photographic Nutrition panel.
   All content remains live HTML: navigation, buttons, links, text and responsive sections. */
.hero{
  isolation:isolate;
  background:#060707 url('premium-wall.png') center/cover no-repeat;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:1;
  background:
    radial-gradient(ellipse 18% 105% at 25% 5%,rgba(235,238,238,.15) 0,rgba(150,155,155,.07) 28%,transparent 62%),
    radial-gradient(ellipse 18% 105% at 75% 5%,rgba(235,238,238,.15) 0,rgba(150,155,155,.07) 28%,transparent 62%),
    radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.035),transparent 44%),
    linear-gradient(90deg,rgba(0,0,0,.44),transparent 16%,transparent 84%,rgba(0,0,0,.44));
}
.hero::after{display:none}
.hero-center,.side{position:relative;z-index:2}

/* Nutrition is one continuous photographic panel, like the approved reference. */
.division.nutrition{
  display:block;
  background:#050606 url('nutrition-premium.png') right center/auto 100% no-repeat;
}
.division.nutrition::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,#050606 0%,#050606 30%,rgba(5,6,6,.88) 42%,rgba(5,6,6,.28) 62%,rgba(5,6,6,0) 78%);
}
.division.nutrition .copy{
  width:46%;
  height:100%;
  background:transparent;
  position:relative;
  z-index:3;
}
.division.nutrition .nutrition-visual{display:none}

/* Keep Athletics as a true split section with independent live copy + image. */
.division.athletics{display:block}
.division.athletics .copy{width:48%;height:100%;background:linear-gradient(90deg,#050606 78%,rgba(5,6,6,.72) 90%,transparent)}
.division.athletics .crew-photo{z-index:1}

/* Small interaction details to make the page feel like a site rather than a poster. */
.copy button{transition:background .18s ease,border-color .18s ease,transform .18s ease}
.division:hover .copy button,.copy button:hover{background:rgba(255,255,255,.08);border-color:#fff;transform:translateY(-1px)}
.brand img,.panel-logo,.hero-logo{height:auto}

@media(max-width:1000px){
  .division.nutrition{background-position:72% center;background-size:auto 100%}
  .division.nutrition::after{background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.95) 36%,rgba(5,6,6,.38) 67%,rgba(5,6,6,.05) 100%)}
  .division.nutrition .copy{width:55%}
  .division.athletics .copy{width:55%}
}
@media(max-width:600px){
  .division.nutrition{background-position:70% center}
  .division.nutrition .copy{width:58%}
  .division.athletics .copy{width:58%}
  .copy button{padding:10px 13px;font-size:7px}
}

/* V8 — approved premium real-site refinement */
.hero{
  background-color:#060707;
  background-image:
    radial-gradient(ellipse at 50% 52%,rgba(255,255,255,.025) 0,rgba(0,0,0,.04) 40%,rgba(0,0,0,.30) 100%),
    url('premium-wall.png');
  background-size:100% 100%,50% 100%;
  background-position:center,center top;
  background-repeat:no-repeat,repeat-x;
}
.hero::before{
  background:
    radial-gradient(ellipse 17% 105% at 25% -6%,rgba(235,238,238,.11) 0,rgba(170,174,174,.045) 30%,transparent 62%),
    radial-gradient(ellipse 17% 105% at 75% -6%,rgba(235,238,238,.11) 0,rgba(170,174,174,.045) 30%,transparent 62%),
    linear-gradient(90deg,rgba(0,0,0,.34),transparent 17%,transparent 83%,rgba(0,0,0,.34));
}
.hero-center{filter:none}
.mono{filter:drop-shadow(0 0 5px #ed1c24) drop-shadow(0 0 13px rgba(237,28,36,.70))}

/* Photographic Nutrition panel remains a real clickable HTML section. */
.division.nutrition{
  background-color:#050606;
  background-image:url('nutrition-premium.png');
  background-position:right center;
  background-size:auto 100%;
  background-repeat:no-repeat;
}
.division.nutrition::after{
  background:linear-gradient(90deg,#050606 0%,#050606 25%,rgba(5,6,6,.94) 34%,rgba(5,6,6,.50) 48%,rgba(5,6,6,.08) 70%,transparent 100%);
}

@media(max-width:1000px){
  .hero{background-size:100% 100%,70% 100%}
  .division.nutrition{background-position:66% center}
}
@media(max-width:600px){
  .hero{background-size:100% 100%,100% 100%}
  .division.nutrition{background-position:62% center}
}

/* V9 — final refinement pass: preserve V8 architecture, calm the hero material,
   improve spacing/type, and keep all interface elements live HTML. */
.top{
  height:94px;
  grid-template-columns:minmax(250px,1.3fr) 1.2fr .56fr .56fr 34px;
  gap:24px;
  background:#050606;
}
.brand img{width:315px}
.nav{gap:48px;font-size:10px;letter-spacing:.29em}
.manifest{font-size:8px;letter-spacing:.25em;color:#f0f0ee}

.hero{
  height:478px;
  background-color:#050606;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.18) 82%,rgba(0,0,0,.55) 100%),
    url('premium-wall.png');
  background-size:100% 100%,cover;
  background-position:center,center;
  background-repeat:no-repeat,no-repeat;
}
.hero::before{
  background:
    radial-gradient(ellipse 15% 90% at 28% -8%,rgba(255,255,255,.075) 0,rgba(255,255,255,.025) 32%,transparent 67%),
    radial-gradient(ellipse 15% 90% at 72% -8%,rgba(255,255,255,.075) 0,rgba(255,255,255,.025) 32%,transparent 67%),
    radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.018),transparent 48%);
}
.mono{height:214px;filter:drop-shadow(0 0 4px rgba(237,28,36,.95)) drop-shadow(0 0 11px rgba(237,28,36,.52))}
.mono img{width:235px}
.hero-logo{width:510px;margin-top:-22px}
.subbrand{font-size:18px;letter-spacing:.285em}
.accent{width:72px;margin:15px 0;border-top-width:2px}
.hero-center h1{font-size:14px;letter-spacing:.41em}
.side{padding-top:82px;color:#ededeb}
.side em{bottom:40px}

.split{height:370px}
.division.nutrition::after{
  background:linear-gradient(90deg,#050606 0%,#050606 23%,rgba(5,6,6,.92) 34%,rgba(5,6,6,.48) 48%,rgba(5,6,6,.10) 68%,transparent 100%);
}
.copy{padding-top:27px}
.panel-logo{width:225px}
.copy h2{font-size:30px;letter-spacing:.235em;margin-bottom:15px}
.copy p{margin:0 0 9px}
.copy button{margin-top:17px}
.copy footer{bottom:17px}
.division.athletics .copy{background:linear-gradient(90deg,#050606 76%,rgba(5,6,6,.72) 89%,transparent)}
.crew-photo{background-position:center 34%}
.bottom{height:68px}

@media(min-width:1600px){
  .hero{height:535px}.split{height:410px}.mono{height:240px}.mono img{width:265px}.hero-logo{width:575px}.brand img{width:350px}
}
@media(max-width:1000px){
  .top{height:80px;grid-template-columns:1fr auto}.brand img{width:205px}.hero{height:510px;background-size:cover}.hero-logo{max-width:84%}
}
@media(max-width:600px){
  .brand img{width:145px}.hero{height:450px}.mono{height:180px}.mono img{width:176px}.hero-logo{width:345px}.subbrand{font-size:11px}.hero-center h1{font-size:9px}
}

/* V10 — APPROVED WALL. Preserve the V9 real-site architecture, but restore the
   approved hero composition: restrained black plaster/concrete, two soft light
   pools, dark side bays, and wider cinematic proportions. No repeated texture. */
.hero{
  height:386px;
  grid-template-columns:20% 60% 20%;
  background-color:#050505;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 14%,rgba(0,0,0,.08) 31%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.08) 69%,rgba(0,0,0,.48) 86%,rgba(0,0,0,.78) 100%),
    url('premium-wall.png');
  background-size:100% 100%,cover;
  background-position:center,center 52%;
  background-repeat:no-repeat,no-repeat;
}
.hero::before{
  background:
    radial-gradient(ellipse 17% 100% at 27% -5%,rgba(235,235,230,.16) 0%,rgba(180,180,176,.065) 31%,transparent 66%),
    radial-gradient(ellipse 17% 100% at 73% -5%,rgba(235,235,230,.16) 0%,rgba(180,180,176,.065) 31%,transparent 66%),
    linear-gradient(180deg,rgba(0,0,0,.02) 0%,rgba(0,0,0,.02) 67%,rgba(0,0,0,.32) 100%);
}
.hero-center{justify-content:center;padding-top:4px}
.mono{height:180px}
.mono img{width:198px}
.hero-logo{width:445px;margin-top:-20px}
.subbrand{font-size:16px;letter-spacing:.285em}
.accent{width:65px;margin:13px 0 12px}
.hero-center h1{font-size:12px;letter-spacing:.41em}
.side{padding-top:62px;font-size:9px}
.side i{margin:20px 0}
.side em{bottom:28px}
.split{height:284px}
.copy{padding-top:18px}
.panel-logo{width:195px}
.copy h2{font-size:26px;margin-bottom:11px}
.copy p{font-size:9px;margin-bottom:6px}
.copy button{margin-top:13px;padding:10px 20px}
.copy footer{bottom:12px;font-size:7px}
.bottom{height:58px}

@media(min-width:1600px){
 .hero{height:386px}.split{height:284px}.mono{height:180px}.mono img{width:198px}.hero-logo{width:445px}.brand img{width:330px}
}
@media(max-width:1000px){
 .hero{height:500px;grid-template-columns:1fr}.mono{height:195px}.mono img{width:195px}.hero-logo{width:420px}.split{height:auto}.division{height:410px}
}
@media(max-width:600px){
 .hero{height:445px}.mono{height:175px}.mono img{width:172px}.hero-logo{width:335px}.division{height:385px}
}

/* ============================================================
   V11 — REAL WEBSITE / CINEMATIC APPROVED HERO
   Keeps every interface element live HTML while restoring the
   full-size premium hero proportions and controlled wall.
   ============================================================ */
body{overflow-x:hidden}
.top{height:86px;padding-left:3%;padding-right:3%;grid-template-columns:minmax(260px,1.3fr) 1.15fr .52fr .52fr 36px}
.brand img{width:300px}

.hero{
  height:510px;
  grid-template-columns:18% 64% 18%;
  background-color:#050505;
  /* wall material is independent from logo/text/UI */
  background-image:url('premium-wall.png');
  background-size:34% 100%;
  background-position:left top;
  background-repeat:repeat-x;
}
.hero::before{
  display:block;
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:1;
  background:
    radial-gradient(ellipse 16% 88% at 28% -5%,rgba(235,235,230,.17) 0%,rgba(190,190,185,.07) 30%,transparent 68%),
    radial-gradient(ellipse 16% 88% at 72% -5%,rgba(235,235,230,.17) 0%,rgba(190,190,185,.07) 30%,transparent 68%),
    linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.42) 13%,rgba(0,0,0,.08) 28%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.08) 72%,rgba(0,0,0,.42) 87%,rgba(0,0,0,.76) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 72%,rgba(0,0,0,.34));
}
.hero::after{
  display:block;
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:.55;
  background:linear-gradient(90deg,transparent 32.9%,rgba(0,0,0,.38) 33%,rgba(255,255,255,.035) 33.08%,transparent 33.18%,transparent 66.82%,rgba(0,0,0,.38) 66.9%,rgba(255,255,255,.035) 66.98%,transparent 67.08%);
}
.hero-center,.side{position:relative;z-index:3}
.hero-center{padding-top:0}
.mono{height:225px}
.mono img{width:245px}
.hero-logo{width:545px;max-width:76%;margin-top:-24px}
.subbrand{font-size:19px;letter-spacing:.285em}
.accent{width:76px;margin:15px 0 14px}
.hero-center h1{font-size:14px;letter-spacing:.42em}
.side{padding-top:78px;font-size:10px}
.side i{margin:25px 0}
.side em{bottom:42px}

.split{height:365px}
.copy{padding-top:27px}
.panel-logo{width:230px}
.copy h2{font-size:31px;margin-bottom:15px}
.copy p{font-size:10px;margin-bottom:9px}
.copy button{margin-top:18px;padding:12px 24px}
.copy footer{bottom:17px;font-size:8px}
.bottom{height:68px}

/* maintain full, photographic Nutrition and Crew panels */
.division.nutrition{background-position:right center;background-size:auto 100%}
.division.athletics .crew-photo{background-position:center 34%;width:60%}

@media(min-width:1500px){
 .top{height:96px}.brand img{width:340px}.hero{height:560px}.split{height:410px}
 .mono{height:245px}.mono img{width:270px}.hero-logo{width:600px}
 .subbrand{font-size:21px}.hero-center h1{font-size:15px}
 .panel-logo{width:255px}.copy h2{font-size:34px}.bottom{height:72px}
}
@media(max-width:1000px){
 .top{height:80px;grid-template-columns:1fr auto}.brand img{width:205px}
 .hero{height:510px;grid-template-columns:1fr;background-size:100% 100%;background-repeat:no-repeat}
 .hero::after{display:none}.side{display:none}.mono{height:205px}.mono img{width:205px}.hero-logo{width:440px;max-width:86%}
 .split{height:auto}.division{height:420px}.division.nutrition .copy,.division.athletics .copy{width:55%}
}
@media(max-width:600px){
 .hero{height:455px}.mono{height:180px}.mono img{width:176px}.hero-logo{width:350px}.subbrand{font-size:11px}.hero-center h1{font-size:9px}
 .division{height:390px}.division.nutrition .copy,.division.athletics .copy{width:58%}
}

/* ============================================================
   V12 — POLISH PASS
   No redesign: V11 architecture preserved. Refinements only.
   ============================================================ */
.top{height:90px;padding-left:3.2%;padding-right:3.2%;gap:30px}
.brand img{width:310px}
.nav{gap:52px;letter-spacing:.31em}
.manifest{padding-left:24px;line-height:1.5}

.hero{
  height:520px;
  /* same approved wall asset, calmer and more cinematic */
  background-size:34% 100%;
  background-position:left top;
}
.hero::before{
  background:
    radial-gradient(ellipse 14% 82% at 29% -8%,rgba(235,235,230,.125) 0%,rgba(190,190,185,.045) 31%,transparent 67%),
    radial-gradient(ellipse 14% 82% at 71% -8%,rgba(235,235,230,.125) 0%,rgba(190,190,185,.045) 31%,transparent 67%),
    radial-gradient(ellipse 34% 58% at 50% 44%,rgba(255,255,255,.025),transparent 68%),
    linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.55) 14%,rgba(0,0,0,.13) 30%,rgba(0,0,0,.035) 50%,rgba(0,0,0,.13) 70%,rgba(0,0,0,.55) 86%,rgba(0,0,0,.84) 100%),
    linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.03) 70%,rgba(0,0,0,.38));
}
.hero::after{opacity:.38}
.mono{height:236px;filter:drop-shadow(0 0 4px rgba(237,28,36,.98)) drop-shadow(0 0 12px rgba(237,28,36,.56))}
.mono img{width:258px}
.hero-logo{width:585px;max-width:79%;margin-top:-26px}
.subbrand{font-size:19px;letter-spacing:.29em}
.hero-center h1{font-size:14px;letter-spacing:.43em}
.side{padding-top:82px}

.split{height:378px}
.copy{padding-top:30px;padding-left:6.5%}
.panel-logo{width:238px}
.copy h2{font-size:31px;line-height:1.08;margin-bottom:18px}
.copy p{line-height:1.8}
.copy button{margin-top:20px}
.copy footer{bottom:19px}
.division.nutrition::after{background:linear-gradient(90deg,#050606 0%,#050606 24%,rgba(5,6,6,.92) 35%,rgba(5,6,6,.46) 50%,rgba(5,6,6,.08) 70%,transparent 100%)}
.division.athletics .copy{background:linear-gradient(90deg,#050606 74%,rgba(5,6,6,.70) 88%,transparent)}
.crew-photo{background-position:center 35%}
.bottom{height:62px;padding:0 3.4%;background:#050606}

@media(min-width:1500px){
 .top{height:96px}.brand img{width:350px}.nav{gap:60px}
 .hero{height:575px}.mono{height:258px}.mono img{width:284px}.hero-logo{width:650px}
 .split{height:425px}.panel-logo{width:265px}.copy h2{font-size:35px}.bottom{height:66px}
}
@media(max-width:1000px){
 .top{height:80px}.brand img{width:205px}.nav{gap:22px}
 .hero{height:510px;background-size:100% 100%;background-repeat:no-repeat}
 .mono{height:205px}.mono img{width:205px}.hero-logo{width:455px;max-width:87%}
 .split{height:auto}.division{height:420px}.bottom{height:auto}
}
@media(max-width:600px){
 .hero{height:455px}.mono{height:180px}.mono img{width:176px}.hero-logo{width:355px}
 .division{height:390px}.copy{padding-left:25px}
}


/* ============================================================
   V13 FINAL — continuous approved wall + responsive polish
   Real website structure remains untouched.
   ============================================================ */
.hero{
  background-color:#050505;
  background-image:url('hero-wall-v13.jpg');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}
.hero::before{
  opacity:1;
  background:
    radial-gradient(ellipse 15% 88% at 28% -8%,rgba(235,235,230,.13) 0%,rgba(190,190,185,.05) 31%,transparent 68%),
    radial-gradient(ellipse 15% 88% at 72% -8%,rgba(235,235,230,.13) 0%,rgba(190,190,185,.05) 31%,transparent 68%),
    linear-gradient(90deg,rgba(0,0,0,.50) 0%,rgba(0,0,0,.16) 20%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.16) 80%,rgba(0,0,0,.50) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.02) 72%,rgba(0,0,0,.30));
}
.hero::after{
  opacity:.18;
  background:linear-gradient(90deg,transparent 32.95%,rgba(0,0,0,.20) 33%,transparent 33.1%,transparent 66.9%,rgba(0,0,0,.20) 67%,transparent 67.1%);
}
.bottom span:last-child{text-align:right}

@media(min-width:1500px){
  .hero{height:clamp(520px,30vw,575px)}
  .split{height:clamp(378px,22vw,425px)}
}
@media(min-width:2200px){
  .top{padding-left:4%;padding-right:4%}
  .hero{grid-template-columns:19% 62% 19%;height:575px}
  .hero-logo{width:650px}
  .split{height:425px}
}
@media(max-width:1000px){
  .hero{background-size:cover;background-position:center center}
}

.panel-button{display:inline-block;background:rgba(0,0,0,.15);border:1px solid #ddd;color:#fff;padding:12px 25px;margin-top:20px;font-size:9px;letter-spacing:.25em;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.panel-button:hover{background:rgba(255,255,255,.08);border-color:#fff;transform:translateY(-1px)}


/* NO | EN language switch — bilingual OXRON build */
.lang-switch{display:flex;align-items:center;gap:7px;margin-left:18px;font-size:9px;letter-spacing:.18em;font-weight:700;white-space:nowrap}
.lang-switch a{color:#777;text-decoration:none;transition:color .18s ease}
.lang-switch a.active,.lang-switch a:hover{color:#fff}
.lang-switch span{color:#444}
@media(max-width:1000px){.lang-switch{margin-left:8px;font-size:8px;gap:5px}}
@media(max-width:760px){.lang-switch{position:absolute;right:52px;top:13px;margin:0}.nav{padding-top:14px}}

.local-line{margin-top:11px;font-size:8px;letter-spacing:.28em;color:#9a9a9a;font-weight:700}