:root{
  --navy:#071b38;
  --navy-2:#0c2c57;
  --blue:#1389c7;
  --gold:#c88b11;
  --cream:#f4ead7;
  --sand:#e9d5b7;
  --ink:#06172f;
  --white:#fffaf0;
  --line:rgba(7,27,56,.18);
  --shadow:0 20px 70px rgba(7,27,56,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy)}
body{margin:0;color:var(--ink);background:var(--cream);font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
button,a{ -webkit-tap-highlight-color:transparent }
.skip{position:absolute;left:-9999px;top:1rem;background:white;padding:.8rem 1rem;z-index:99}
.skip:focus{left:1rem}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,68px);position:fixed;inset:0 0 auto 0;z-index:50;color:#fff;background:linear-gradient(180deg,rgba(2,11,26,.92),rgba(2,11,26,.48) 65%,transparent);transition:.25s ease}
.site-header.scrolled{height:68px;background:rgba(5,19,40,.96);backdrop-filter:blur(10px);box-shadow:0 1px 0 rgba(255,255,255,.1)}
.wordmark{text-decoration:none;display:flex;flex-direction:column;line-height:.86;letter-spacing:.02em}
.wordmark-main{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(24px,2.4vw,34px);letter-spacing:.035em}
.wordmark-sub{font-size:9px;text-transform:uppercase;letter-spacing:.32em;margin-top:7px;color:#e5b149}
nav{display:flex;align-items:center;gap:clamp(14px,2.5vw,34px)}
nav a{font-weight:800;text-transform:uppercase;text-decoration:none;font-size:12px;letter-spacing:.13em;opacity:.9}
nav a:hover{opacity:1;color:#f1bd50}
.nut-button,.button{border:0;background:var(--gold);color:var(--navy);font-family:Impact,"Arial Black",sans-serif;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;letter-spacing:.08em;font-size:16px;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(7,27,56,.15);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.nut-button:hover,.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,27,56,.22),inset 0 -3px 0 rgba(7,27,56,.12)}
.nut-button-small{font-size:12px;padding:10px 15px}
.button-ghost{background:transparent;color:var(--navy);border:2px solid var(--navy);box-shadow:none}
.button-gold{background:var(--gold);color:var(--navy)}
.hero{position:relative;background:#050d16;min-height:100svh;overflow:hidden}
.hero-desktop-art{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(0,0,0,.08),transparent 18%,transparent 85%,rgba(0,0,0,.45)),url('assets/desktop/hero.webp');background-size:cover;background-position:center}
.hero-mobile{display:none}
.scroll-cue{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);color:#fff;font-size:9px;letter-spacing:.22em;font-weight:800;display:flex;align-items:center;gap:9px;opacity:.8}
.scroll-cue span{display:block;width:24px;height:1px;background:var(--gold);animation:pulse 1.5s ease-in-out infinite}
@keyframes pulse{50%{width:42px}}
.section-navy{background:var(--navy);color:var(--white)}
.section-cream{background:var(--cream)}
.section-sand{background:var(--sand)}
.manifesto{position:relative;min-height:570px;display:grid;place-items:center;text-align:center;overflow:hidden;padding:110px 24px}
.manifesto-inner{position:relative;z-index:2;max-width:850px}
.script{font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(42px,6vw,80px);margin:0 0 -8px;color:#f0b83e;transform:rotate(-2deg)}
.script-dark{color:var(--navy);font-size:clamp(36px,4vw,58px);margin-top:30px}
.manifesto h2,.closer h2,.split-copy h2,.section-kicker h2{font-family:Impact,"Arial Black",sans-serif;margin:.1em 0;letter-spacing:.025em;line-height:.92}
.manifesto h2{font-size:clamp(54px,8.8vw,128px)}
h2 span{color:var(--gold)}
.manifesto p:not(.script){max-width:640px;margin:28px auto 0;font-size:clamp(17px,1.5vw,22px);line-height:1.55;color:#d8deea}
.peanut-pattern{position:absolute;inset:-120px;opacity:.11;background-image:radial-gradient(ellipse at 50% 50%,transparent 36%,#d99f2b 38%,#d99f2b 43%,transparent 45%);background-size:95px 55px;transform:rotate(-16deg)}
.art-section{padding:clamp(70px,8vw,120px) clamp(18px,4vw,64px);background:#f6ecda}
.section-kicker{display:flex;gap:20px;align-items:flex-start;max-width:1500px;margin:0 auto 34px}
.section-kicker>span{font-family:Impact,sans-serif;font-size:30px;color:var(--gold);padding-top:6px}
.section-kicker p,.eyebrow{margin:0 0 9px;font-size:12px;letter-spacing:.24em;font-weight:900;color:var(--gold)}
.section-kicker h2{font-size:clamp(38px,5vw,78px)}
.art-card{max-width:1600px;margin:0 auto;border:1px solid rgba(7,27,56,.16);box-shadow:var(--shadow);overflow:hidden;background:white}
.art-card img{width:100%;height:auto}
.flavour-strip{max-width:1500px;margin:26px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.flavour-strip div{padding:26px 24px;display:flex;flex-direction:column;gap:7px;border-right:1px solid var(--line)}
.flavour-strip div:last-child{border-right:0}
.flavour-strip strong{font-family:Impact,sans-serif;font-size:28px;letter-spacing:.05em}
.flavour-strip span{font-size:14px;letter-spacing:.03em;color:#536174}
.split-feature{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);min-height:700px;align-items:stretch}
.split-feature-reverse{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}
.split-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,7vw,120px)}
.split-copy h2{font-size:clamp(58px,7vw,110px);margin:0 0 26px}
.split-copy>p:not(.eyebrow):not(.script){font-size:clamp(17px,1.45vw,22px);line-height:1.55;max-width:520px;color:#344359}
.split-art{margin:0;min-height:620px;overflow:hidden;position:relative}
.split-art img{width:100%;height:100%;object-fit:cover}
.full-bleed{background:#efe3cf}
.full-bleed img{width:100%;height:auto}
.closer{min-height:720px;display:grid;grid-template-columns:1fr .55fr;align-items:center;padding:clamp(70px,9vw,150px);position:relative;overflow:hidden}
.closer:after{content:"";position:absolute;width:600px;height:600px;border:80px solid rgba(255,255,255,.035);border-radius:50%;right:-120px;top:50%;transform:translateY(-50%)}
.closer-copy{position:relative;z-index:2}
.eyebrow-light{color:#e5b149}
.closer h2{font-size:clamp(54px,7.5vw,116px);max-width:950px}
.closer-copy>p:not(.eyebrow){font-size:20px;color:#cbd4e0;margin:26px 0 34px}
.closer-badge{width:270px;height:270px;border:4px solid #e5b149;border-radius:50%;display:grid;place-items:center;align-content:center;justify-self:end;position:relative;z-index:2;box-shadow:0 0 0 13px rgba(229,177,73,.08)}
.closer-badge .script{font-size:48px;margin-bottom:-6px}
.closer-badge strong{font-family:Impact,sans-serif;font-size:80px;letter-spacing:.05em}
footer{background:#031127;color:#f7eddb;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:34px clamp(20px,4vw,68px);border-top:1px solid rgba(255,255,255,.09)}
.footer-mark{font-family:Impact,sans-serif;font-size:22px;letter-spacing:.06em}
.footer-tag{font-size:10px;letter-spacing:.24em;color:#d4a243;text-align:center;font-weight:900}
.footer-meta{text-align:right;font-size:10px;letter-spacing:.15em;opacity:.7}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}
.nut-storm{position:fixed;inset:0;pointer-events:none;z-index:200;overflow:hidden}
.peanut{position:absolute;width:18px;height:10px;background:#d6a247;border-radius:55% 45% 55% 45%;box-shadow:inset -3px -2px 0 rgba(95,57,12,.15);animation:nut-fall 1100ms cubic-bezier(.12,.72,.25,1) forwards}
.peanut:after{content:"";position:absolute;inset:1px 8px 1px 8px;border-left:1px solid rgba(92,59,16,.25);transform:rotate(14deg)}
@keyframes nut-fall{0%{transform:translate3d(0,0,0) rotate(0);opacity:0}8%{opacity:1}100%{transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rot));opacity:0}}
@media (max-width:900px){
  .site-header{height:68px;padding:0 18px;background:linear-gradient(180deg,rgba(3,17,39,.96),rgba(3,17,39,.75) 70%,transparent)}
  nav a{display:none}
  .hero{background:linear-gradient(170deg,#f7ead4 0%,#f3e2c8 66%,#d7b26a 100%);min-height:930px;padding-top:70px}
  .hero-desktop-art{display:none}
  .hero-mobile{display:grid;grid-template-rows:auto 1fr;min-height:930px;position:relative;z-index:1}
  .hero-copy{padding:55px 24px 0;z-index:3}
  .hero-copy h1{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(66px,18vw,100px);line-height:.84;letter-spacing:.01em;margin:0;color:var(--navy)}
  .hero-copy h1 span{color:var(--gold)}
  .lede{font-size:17px;line-height:1.45;max-width:480px;margin:24px 0 28px;color:#33435a}
  .hero-actions{display:flex;gap:10px;flex-wrap:wrap}
  .hero-product{position:relative;min-height:500px;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}
  .hero-product img{position:relative;z-index:2;width:min(76vw,470px);filter:drop-shadow(0 30px 25px rgba(15,37,65,.24));transform:translateY(54px) rotate(1.5deg)}
  .hero-product .sun{position:absolute;width:360px;height:360px;border-radius:50%;background:#e2a62e;left:50%;top:85px;transform:translateX(-50%);opacity:.84}
  .scroll-cue{color:var(--navy);bottom:13px}
  .split-feature,.split-feature-reverse{grid-template-columns:1fr;min-height:0}
  .split-feature-reverse .split-art{order:2}.split-feature-reverse .split-copy{order:1}
  .split-copy{padding:70px 24px 60px}
  .split-art{min-height:0}
  .split-art img{height:auto;object-fit:contain}
  .closer{grid-template-columns:1fr;min-height:650px;padding:80px 24px}
  .closer-badge{display:none}
  .flavour-strip{grid-template-columns:1fr}
  .flavour-strip div{border-right:0;border-bottom:1px solid var(--line)}
  .flavour-strip div:last-child{border-bottom:0}
  footer{grid-template-columns:1fr;text-align:center}
  .footer-meta{text-align:center}
}
@media (max-width:520px){
  .wordmark-sub{display:none}
  .nut-button-small{font-size:11px;padding:9px 12px}
  .manifesto{min-height:500px;padding:84px 18px}
  .manifesto h2{font-size:clamp(52px,17vw,78px)}
  .section-kicker{gap:12px}
  .section-kicker>span{font-size:22px}
  .art-section{padding-left:14px;padding-right:14px}
  .art-card{box-shadow:0 14px 40px rgba(7,27,56,.17)}
  .full-bleed{padding:18px 0}
  .full-bleed img{min-height:320px;object-fit:cover;object-position:center}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}

/* v2 refinements */
.pour-feature .split-art img{
  object-fit:cover;
  object-position:center center;
}
.refill-panel{
  padding:clamp(18px,2.4vw,38px) clamp(12px,2.4vw,34px);
  display:flex;
  justify-content:center;
}
.refill-panel img{
  width:min(100%,1600px);
  height:auto;
  object-fit:contain;
  box-shadow:var(--shadow);
}
.reload-feature{
  padding:clamp(70px,8vw,120px) clamp(18px,4vw,64px);
}
.reload-copy{
  max-width:1500px;
  margin:0 auto 34px;
}
.reload-copy h2{
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(44px,6vw,94px);
  line-height:.92;
  letter-spacing:.025em;
  margin:.08em 0 .3em;
}
.reload-copy>p:not(.eyebrow){
  max-width:760px;
  margin:0 0 30px;
  font-size:clamp(17px,1.4vw,21px);
  line-height:1.55;
  color:#344359;
}
.reload-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  max-width:980px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.reload-steps div{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"num title" "num text";
  column-gap:14px;
  padding:22px 22px 22px 0;
  border-right:1px solid var(--line);
}
.reload-steps div+div{padding-left:22px}
.reload-steps div:last-child{border-right:0}
.reload-steps strong{grid-area:num;font-family:Impact,sans-serif;font-size:30px;color:var(--gold);line-height:1}
.reload-steps span{grid-area:title;font-family:Impact,sans-serif;font-size:20px;letter-spacing:.05em}
.reload-steps small{grid-area:text;font-size:12px;color:#5c6979;margin-top:4px;line-height:1.35}
.reload-art{
  max-width:1600px;
  margin:0 auto;
  border:1px solid rgba(7,27,56,.16);
  box-shadow:var(--shadow);
  background:#f4ead7;
}
.reload-art img{width:100%;height:auto;object-fit:contain}
@media (max-width:900px){
  .pour-feature .split-art{
    aspect-ratio:4/3;
    min-height:0;
  }
  .pour-feature .split-art img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  .reload-steps{grid-template-columns:1fr}
  .reload-steps div,.reload-steps div+div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}
  .reload-steps div:last-child{border-bottom:0}
}
@media (max-width:520px){
  .full-bleed.refill-panel{padding:14px 8px}
  .full-bleed.refill-panel img{min-height:0;height:auto;object-fit:contain;object-position:center}
  .reload-feature{padding:68px 14px}
  .reload-copy h2{font-size:clamp(44px,14vw,66px)}
}

/* v3 brand refinements */
.brand-hashtag{
  margin-top:24px!important;
  font-family:Georgia,serif;
  font-style:italic;
  font-weight:700;
  font-size:clamp(25px,3vw,42px)!important;
  color:var(--gold)!important;
  letter-spacing:.01em;
}
.footer-tag span{color:var(--gold);font-weight:800;margin-left:.65em;white-space:nowrap}
@media (max-width:720px){.footer-tag span{display:block;margin:.35em 0 0}}


.reload-showcase{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:24px;align-items:stretch}
.reload-sidecard{margin:0;border:1px solid rgba(7,27,56,.16);box-shadow:var(--shadow);background:#f9f2e4;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.reload-sidecard img{width:100%;height:100%;object-fit:cover;flex:1}
.reload-sidecard figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;background:var(--navy);color:#fffaf0;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.05em;font-size:22px}
.reload-sidecard figcaption strong{font-weight:400}
.reload-sidecard figcaption span{color:#f0b83e;font-size:24px}
@media (max-width:900px){
  .reload-showcase{grid-template-columns:1fr;gap:18px}
  .reload-sidecard figcaption{font-size:20px;flex-wrap:wrap}
}


/* v6 seamless YETI refinements */
.reload-showcase{align-items:end}
.reload-sidecard{margin:0;display:flex;align-items:flex-end;justify-content:center;border:0;box-shadow:none;background:transparent;overflow:visible}
.reload-sidecard img{width:100%;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 18px 34px rgba(7,27,56,.14))}
@media (min-width:901px){
  .reload-showcase{grid-template-columns:minmax(0,1.42fr) minmax(280px,.8fr);gap:30px}
}


/* v9 cohesive reload web section */
.reload-feature{padding:64px 20px 80px;background:linear-gradient(180deg,#f6eddf 0%,#efe0c6 100%)}
.reload-shell{max-width:1380px;margin:0 auto;border:1px solid rgba(7,27,56,.12);background:rgba(255,250,240,.72);box-shadow:0 26px 60px rgba(7,27,56,.10);padding:34px;border-radius:22px;backdrop-filter:blur(4px)}
.reload-copy{max-width:920px;margin:0 auto 30px;text-align:center}
.reload-copy > p:not(.eyebrow){max-width:780px;margin:16px auto 0}
.reload-webgrid{display:grid;grid-template-columns:1.08fr .92fr;gap:26px;align-items:stretch}
.reload-card{background:#fffaf0;border:1px solid rgba(7,27,56,.12);border-radius:20px;box-shadow:0 16px 40px rgba(7,27,56,.08);overflow:hidden;display:flex;flex-direction:column;min-height:100%}
.reload-card-head{padding:20px 22px 12px;border-bottom:1px solid rgba(7,27,56,.08);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(249,242,228,.98))}
.reload-label{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.18em;color:var(--gold);text-transform:uppercase}
.reload-card-head h3{margin:0;color:var(--navy);font-size:clamp(24px,2.3vw,34px);line-height:1.03;font-family:Impact,"Arial Black",sans-serif;letter-spacing:.02em;font-weight:400}
.reload-card-art{margin:0;padding:18px;background:#f7efe2;display:flex;align-items:center;justify-content:center;flex:1}
.reload-card-art-light{background:linear-gradient(180deg,#f7efe2 0%,#f3e7d4 100%)}
.reload-card-art-scene{background:linear-gradient(180deg,#efe0c5 0%,#f6ebdb 100%)}
.reload-card-art img{display:block;width:100%;height:auto;object-fit:contain}
.reload-card-scene .reload-card-art{padding:0 0 4px}
.reload-card-scene .reload-card-art img{max-width:92%;margin:16px auto 0;filter:drop-shadow(0 18px 30px rgba(7,27,56,.14))}
.reload-steps-wide{margin-top:24px}
@media (max-width: 980px){
  .reload-shell{padding:22px 16px;border-radius:18px}
  .reload-webgrid{grid-template-columns:1fr;gap:18px}
  .reload-card-scene .reload-card-art img{max-width:100%;margin-top:8px}
}
@media (max-width: 640px){
  .reload-feature{padding:52px 12px 62px}
  .reload-card-head{padding:18px 18px 10px}
  .reload-card-art{padding:12px}
}


/* v12: simplified YETI focus section */
.reload-focus-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);gap:28px;align-items:stretch;margin-top:6px}
.nutshot-panel{background:transparent;padding:0;min-width:0}
.nutshot-panel>.reload-label{margin:0 0 14px 4px;font-size:12px;font-weight:900;letter-spacing:.20em;color:var(--gold);text-transform:uppercase}
.nutshot-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:calc(100% - 28px)}
.nutshot-option{margin:0;background:#f5ead7;border:1px solid rgba(7,27,56,.10);border-radius:18px;overflow:hidden;box-shadow:0 14px 32px rgba(7,27,56,.08);display:flex;align-items:stretch}
.nutshot-option img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.reload-lifestyle{margin:0;border-radius:20px;overflow:hidden;background:#efe1ca;box-shadow:0 18px 44px rgba(7,27,56,.12);display:flex;align-items:stretch}
.reload-lifestyle img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.reload-steps-wide{max-width:none;width:100%;margin-top:26px}
@media (max-width:1100px){
  .reload-focus-grid{grid-template-columns:1fr;gap:22px}
  .reload-lifestyle{max-width:720px;margin:0 auto;width:100%}
  .nutshot-option img{height:auto;object-fit:contain}
}
@media (max-width:720px){
  .nutshot-options{grid-template-columns:1fr;gap:12px}
  .nutshot-option{max-width:430px;margin:0 auto;width:100%}
  .nutshot-option img{height:auto}
}

/* v13 left nutshot correction */
.nutshot-option img{height:auto;min-height:100%;object-fit:contain;background:#f5ead7}


/* v14 lineup + YETI alignment refinements */
.art-section{padding-top:clamp(44px,6vw,76px)}
.reload-focus-grid{align-items:start}
.reload-lifestyle{align-self:start; margin-top:34px; height:calc(100% - 34px)}
.reload-lifestyle img{object-fit:cover; object-position:center}
@media (max-width:1100px){
  .reload-lifestyle{margin-top:0;height:auto}
}


/* v16 reload section balance refinements */
.reload-focus-grid{
  grid-template-columns:minmax(0,1.58fr) minmax(320px,.86fr);
  gap:24px;
  align-items:start;
}
.nutshot-options{
  gap:16px;
  align-items:stretch;
}
.reload-lifestyle{
  align-self:start;
  justify-self:center;
  width:100%;
  max-width:420px;
  margin-top:4px;
  height:auto;
  min-height:0;
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#f6ebdb 0%,#efe0c5 100%);
  border:1px solid rgba(7,27,56,.10);
  box-shadow:0 16px 38px rgba(7,27,56,.10);
}
.reload-lifestyle img{
  display:block;
  width:100%;
  height:auto;
  max-height:372px;
  object-fit:contain;
  object-position:center;
}
@media (max-width: 1100px){
  .reload-focus-grid{grid-template-columns:1fr;gap:22px}
  .reload-lifestyle{
    max-width:720px;
    margin:0 auto;
    padding:14px;
  }
  .reload-lifestyle img{max-height:none}
}


/* v17 balanced equal-size reload grid */
.reload-focus-grid.reload-equal-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px;
  align-items:start;
  margin-top:10px;
}
.reload-tile{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.reload-tile-art{
  width:100%;
  height:360px;
  margin:0 0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.reload-tile-art img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
.reload-tile-copy{max-width:260px}
.reload-tile-copy h3{
  margin:0 0 8px;
  color:var(--navy);
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(22px,1.75vw,28px);
  line-height:1.02;
  letter-spacing:.02em;
  font-weight:400;
}
.reload-tile-copy p{
  margin:0;
  font-size:15px;
  line-height:1.45;
}
.reload-steps-wide{margin-top:20px}
@media (max-width: 1280px){
  .reload-focus-grid.reload-equal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}
  .reload-tile-copy{max-width:320px}
}
@media (max-width: 700px){
  .reload-focus-grid.reload-equal-grid{grid-template-columns:1fr;gap:18px}
  .reload-tile-art{height:320px}
}


/* v18 restore original reload cards without page borders; keep all four symmetrical */
.reload-focus-grid.reload-sym-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  align-items:start;
  margin-top:10px;
}
.reload-sym-item{
  margin:0;
  padding:0;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:visible;
  aspect-ratio:375 / 485;
}
.reload-sym-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
@media (max-width: 1280px){
  .reload-focus-grid.reload-sym-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 700px){
  .reload-focus-grid.reload-sym-grid{grid-template-columns:1fr;gap:18px;}
}


/* v19 professional polish and consistent slide backgrounds */
:root{
  --paper:#f5ebdb;
  --paper-2:#f1e4cf;
  --paper-3:#ede0ca;
}
body{background:var(--paper)}
.art-section,
.section-cream,
.section-sand,
.full-bleed,
.refill-panel{
  background:linear-gradient(180deg,var(--paper) 0%, var(--paper-2) 100%) !important;
}
.art-section,
.split-feature,
.reload-feature,
.refill-panel,
.closer,
.manifesto{position:relative}
.art-section::before,
.split-feature::before,
.reload-feature::before,
.refill-panel::before{
  content:"";
  position:absolute;
  left:clamp(18px,4vw,64px);
  right:clamp(18px,4vw,64px);
  top:0;
  height:1px;
  background:rgba(7,27,56,.08);
}
.refill-panel::before{left:clamp(12px,2.4vw,34px);right:clamp(12px,2.4vw,34px)}
.art-card,
.refill-panel img,
.reload-shell,
.split-feature .split-art img{
  border-radius:22px;
}
.art-card{background:rgba(255,250,240,.72);border:1px solid rgba(7,27,56,.1);box-shadow:0 18px 48px rgba(7,27,56,.10)}
.flavour-strip{border-top:1px solid rgba(7,27,56,.12);border-bottom:1px solid rgba(7,27,56,.12)}
.reload-shell{
  border:1px solid rgba(7,27,56,.1);
  background:linear-gradient(180deg,rgba(255,250,240,.82),rgba(248,240,228,.88));
  box-shadow:0 20px 48px rgba(7,27,56,.08);
}
.reload-copy{margin-bottom:24px}
.reload-focus-grid.reload-sym-grid{
  gap:26px;
  align-items:start;
}
.reload-sym-item{
  aspect-ratio:375 / 485;
  display:flex;
  align-items:center;
  justify-content:center;
  background:transparent !important;
}
.reload-sym-item img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 12px 24px rgba(7,27,56,.10));
}
.reload-sym-item:last-child img{
  object-fit:cover;
  filter:none;
}
.split-feature .split-art{padding:clamp(18px,2.2vw,28px)}
.split-feature .split-art img{box-shadow:0 20px 52px rgba(7,27,56,.10)}
.refill-panel{padding-top:30px;padding-bottom:34px}
.refill-panel img{box-shadow:0 18px 46px rgba(7,27,56,.1);background:rgba(255,250,240,.65)}
footer{background:#06172f;border-top:1px solid rgba(255,255,255,.06)}
@media (max-width:900px){
  .art-section::before,
  .split-feature::before,
  .reload-feature::before,
  .refill-panel::before{left:14px;right:14px}
}


/* v20 final polish: unified container card, spacing, typography and premium reload section */
:root{
  --section-gutter:clamp(18px,4vw,64px);
  --section-max:1520px;
  --paper-soft:#f6ecdc;
  --paper-mid:#f0e3cf;
}
body{background:var(--paper-soft)}
.art-section,
.split-feature,
.reload-feature,
.refill-panel,
.closer{scroll-margin-top:88px}
.eyebrow,.section-kicker p{font-size:12px;letter-spacing:.22em}
.split-copy h2,.reload-copy h2,.closer h2,.manifesto h2{letter-spacing:.018em}
.split-copy>p:not(.eyebrow):not(.script),
.reload-copy>p:not(.eyebrow),
.manifesto p:not(.script),
.closer-copy>p:not(.eyebrow){letter-spacing:.01em}
.art-section,
.section-cream,
.section-sand,
.full-bleed,
.refill-panel{background:linear-gradient(180deg,var(--paper-soft) 0%, var(--paper-mid) 100%) !important}
.section-navy{background:linear-gradient(180deg,#071b38 0%, #0a2245 100%)}
.art-section{padding-bottom:clamp(56px,6vw,84px)}
.art-card{max-width:var(--section-max)}
.flavour-strip{max-width:var(--section-max);margin-top:30px}
.flavour-strip div{padding:24px 22px}
.split-feature{min-height:680px}
.split-copy{padding:clamp(58px,6.4vw,104px)}
.split-copy h2{margin:0 0 20px}
.split-copy>p:not(.eyebrow):not(.script){max-width:560px;line-height:1.6}
.split-art{padding:clamp(16px,2.1vw,26px)}
.split-art img{border-radius:24px;box-shadow:0 22px 52px rgba(7,27,56,.10)}
.refill-panel{padding-top:28px;padding-bottom:34px}
.reload-feature{padding:clamp(64px,7vw,100px) var(--section-gutter)}
.reload-shell{max-width:var(--section-max);padding:34px 34px 28px;border-radius:26px}
.reload-copy{max-width:1100px;margin:0 auto 28px;text-align:center}
.reload-copy>p:not(.eyebrow){margin:0 auto;max-width:860px}
.reload-focus-grid.reload-sym-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start;margin-top:8px}
.reload-sym-item{aspect-ratio:540 / 654;display:flex;align-items:stretch;justify-content:center}
.reload-sym-item img{width:100%;height:100%;object-fit:contain;border-radius:24px;filter:drop-shadow(0 14px 26px rgba(7,27,56,.10))}
.reload-sym-item:last-child img{object-fit:cover;filter:none}
.reload-steps{max-width:var(--section-max);margin:24px auto 0;background:rgba(255,250,240,.52);border-radius:18px;overflow:hidden}
.reload-steps div{min-height:92px;align-content:center}
.closer{min-height:660px;padding:clamp(64px,8vw,128px)}
footer{padding:30px clamp(20px,4vw,68px)}
.site-header.scrolled{box-shadow:0 10px 30px rgba(3,16,35,.22)}
@media (max-width:1280px){
  .reload-focus-grid.reload-sym-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  .split-art{padding:14px}
  .reload-shell{padding:24px 16px 20px}
}
@media (max-width:700px){
  .reload-focus-grid.reload-sym-grid{grid-template-columns:1fr;gap:18px}
}


/* v23 mobile-first polish */
html{scroll-padding-top:88px}
@media (max-width:900px){
  html{scroll-padding-top:74px}
  body{font-size:16px}
  .site-header{height:64px;padding:0 14px;background:rgba(5,19,40,.94);backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(3,16,35,.18)}
  .site-header.scrolled{height:64px}
  .wordmark-main{font-size:22px}
  .wordmark-sub{font-size:8px;letter-spacing:.24em;margin-top:5px}
  nav{gap:10px}
  nav a{font-size:10px;letter-spacing:.1em}
  .nut-button-small{padding:9px 12px;font-size:11px}

  .hero-mobile{padding:94px 16px 34px;gap:18px}
  .hero-copy{max-width:none;text-align:left}
  .hero-copy h1{font-size:clamp(42px,14vw,70px);line-height:.92}
  .hero-copy .lede{font-size:16px;line-height:1.5;max-width:34ch}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;max-width:340px}
  .button,.nut-button{min-height:48px}
  .scroll-cue{display:none}

  .manifesto{padding:46px 18px}
  .manifesto-inner{max-width:34rem}
  .manifesto h2{font-size:clamp(34px,12vw,56px);line-height:.94}
  .manifesto p:not(.script){font-size:16px;line-height:1.55}

  .art-section{padding:42px 14px 56px}
  .art-card{overflow:hidden;border-radius:20px}
  .flavour-strip{margin-top:18px;border-top:0;border-bottom:0;display:grid;gap:10px}
  .flavour-strip div{padding:16px 16px 15px;border:1px solid rgba(7,27,56,.10);border-radius:14px;background:rgba(255,250,240,.65)}
  .flavour-strip div:last-child{border-bottom:1px solid rgba(7,27,56,.10)}

  .split-feature{min-height:0}
  .split-copy{padding:24px 16px 16px}
  .split-copy h2{font-size:clamp(34px,11vw,52px)}
  .split-copy>p:not(.eyebrow):not(.script),.reload-copy>p:not(.eyebrow),.closer-copy>p:not(.eyebrow){font-size:16px;line-height:1.55}
  .split-art{padding:0 14px 14px}
  .split-art img{border-radius:18px}

  .refill-panel{padding:20px 14px 28px}
  .refill-panel img{border-radius:18px}

  .reload-feature{padding:48px 14px}
  .reload-shell{padding:22px 14px 18px;border-radius:22px}
  .reload-copy{margin:0 auto 18px}
  .reload-copy h2{font-size:clamp(31px,10.6vw,47px)}
  .reload-focus-grid.reload-sym-grid{gap:14px}
  .reload-sym-item{aspect-ratio:auto}
  .reload-sym-item img{height:auto;border-radius:18px;filter:drop-shadow(0 10px 18px rgba(7,27,56,.08))}
  .reload-sym-item:last-child img{object-fit:contain;filter:none}
  .reload-steps{margin-top:18px;background:rgba(255,250,240,.4);display:grid;grid-template-columns:1fr;border:1px solid rgba(7,27,56,.08)}
  .reload-steps div{min-height:0;padding:14px 16px;border-bottom:1px solid rgba(7,27,56,.08)}
  .reload-steps div:last-child{border-bottom:0}

  .closer{min-height:auto;padding:54px 16px}
  footer{display:grid;gap:6px;text-align:center}
}
@media (max-width:520px){
  nav a:last-of-type{display:none}
  .site-header{padding:0 12px}
  nav{gap:8px}
  .nut-button-small{padding:8px 10px;font-size:10px}
  .hero-mobile{padding:88px 14px 30px}
  .hero-copy h1{font-size:42px}
  .manifesto,.reload-feature,.art-section,.closer{scroll-margin-top:72px}
  .split-copy{padding:22px 14px 14px}
  .split-art,.refill-panel{padding-left:12px;padding-right:12px}
}


/* v24 final mobile QA + user-centred polish */
:focus-visible{outline:3px solid #f1bd50;outline-offset:3px}
button,a{touch-action:manipulation}
.hero-actions .button{min-width:220px}
@media (max-width:900px){
  .hero{min-height:820px;padding-top:64px}
  .hero-mobile{min-height:820px;grid-template-rows:auto auto}
  .hero-copy{padding:34px 16px 0}
  .hero-copy .eyebrow{font-size:11px;letter-spacing:.18em}
  .hero-copy .lede{max-width:32ch;margin:18px 0 24px}
  .hero-actions{max-width:none}
  .hero-actions .button,.hero-actions .nut-button{width:100%}
  .hero-product{min-height:330px;align-items:flex-end;padding-bottom:10px}
  .hero-product img{width:min(74vw,340px);transform:translateY(22px) rotate(1deg)}
  .hero-product .sun{width:250px;height:250px;top:48px}

  .manifesto{min-height:auto}
  .manifesto p:not(.script),.brand-hashtag{max-width:28ch;margin-left:auto;margin-right:auto}

  .art-card{box-shadow:0 14px 34px rgba(7,27,56,.09)}
  .flavour-strip div strong{display:block;margin-bottom:4px}
  .flavour-strip div span{display:block;line-height:1.45}

  .split-copy{padding:22px 16px 14px}
  .split-copy .eyebrow{margin-bottom:10px}
  .split-copy > p:not(.eyebrow):not(.script){max-width:34ch}
  .split-art img,.refill-panel img,.reload-sym-item img{box-shadow:0 12px 28px rgba(7,27,56,.08)}

  .reload-copy > p:not(.eyebrow){max-width:34ch}
  .reload-steps strong{font-size:20px}
  .reload-steps span{font-size:14px;letter-spacing:.12em}
  .reload-steps small{font-size:13px;line-height:1.4}

  .closer-copy{max-width:34rem}
  .closer-copy .button{width:100%;max-width:320px}
  .footer-mark{font-size:20px}
  .footer-meta{font-size:11px;letter-spacing:.12em}
}
@media (max-width:520px){
  .site-header{padding:0 10px}
  .wordmark-main{font-size:20px}
  .nut-button-small{min-height:40px;padding:8px 10px;font-size:10px}
  .hero{min-height:760px}
  .hero-mobile{min-height:760px;padding:84px 14px 26px}
  .hero-copy h1{font-size:40px}
  .hero-copy .lede{font-size:15px}
  .manifesto p:not(.script),
  .split-copy > p:not(.eyebrow):not(.script),
  .reload-copy > p:not(.eyebrow),
  .closer-copy > p:not(.eyebrow){font-size:15px}
  .closer-copy .button{max-width:none}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .reveal{opacity:1 !important;transform:none !important}
  .scroll-cue{display:none !important}
}


/* v26 restrained conversion polish - preserve approved visual design */
:focus-visible{outline:3px solid #f1bd50;outline-offset:3px}
button,a{touch-action:manipulation}
@media (max-width:900px){
  .hero-actions{width:100%;max-width:360px}
  .hero-actions .button,.hero-actions .nut-button{width:100%;min-height:48px}
  .hero-copy .lede{max-width:32ch}
  .art-card img,.refill-panel img,.split-art img{width:100%;height:auto}
  .reload-sym-item img{width:100%;height:auto;object-fit:contain}
  .reload-steps div{min-height:0}
  .closer-copy .button{min-height:48px}
}
@media (max-width:520px){
  .hero-copy h1{font-size:40px;line-height:.94}
  .hero-copy .lede{font-size:15px;line-height:1.5}
  .eyebrow{letter-spacing:.18em}
  .reload-copy h2,.split-copy h2,.closer h2{line-height:.96}
}


/* v28 refill banner removal + mobile artwork integrity */
.refill-panel img{object-fit:contain !important;object-position:center !important}
@media (max-width:900px){
  .refill-panel img{height:auto !important;min-height:0 !important;object-fit:contain !important}
}
@media (max-width:520px){
  .full-bleed img{min-height:0 !important;height:auto !important;object-fit:contain !important}
}


/* v29 mobile reliability: content is visible immediately on phones */
@media (max-width:900px){
  .reveal{opacity:1 !important;transform:none !important;transition:none !important}
}


/* v31 mobile-only wow hero + YETI step alignment */
@media (max-width:900px){
  .hero{
    min-height:100svh;
    padding-top:0;
    background:#06172f;
  }
  .hero-mobile{
    display:block;
    min-height:100svh;
    padding:0;
    position:relative;
  }
  .mobile-wow-hero{
    position:relative;
    min-height:100svh;
    overflow:hidden;
    background:#06172f;
  }
  .mobile-wow-hero>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
  .mobile-wow-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(3,15,32,.16) 0%,rgba(3,15,32,0) 52%,rgba(3,15,32,.78) 100%);
    pointer-events:none;
  }
  .mobile-wow-overlay{
    position:absolute;
    z-index:2;
    left:16px;
    right:16px;
    bottom:max(22px,env(safe-area-inset-bottom));
    display:grid;
    gap:10px;
  }
  .mobile-wow-overlay p{
    margin:0;
    color:#fffaf0;
    font-family:Impact,"Arial Black",sans-serif;
    font-size:22px;
    letter-spacing:.055em;
    text-shadow:0 2px 10px rgba(0,0,0,.45);
  }
  .mobile-wow-button{
    width:100%;
    min-height:50px;
    font-size:16px;
    box-shadow:0 10px 28px rgba(0,0,0,.24);
  }
  .site-header{
    background:linear-gradient(180deg,rgba(2,11,26,.88),rgba(2,11,26,.42) 72%,transparent);
    box-shadow:none;
  }
  .site-header.scrolled{
    background:rgba(5,19,40,.96);
    box-shadow:0 8px 24px rgba(3,16,35,.22);
  }
  .scroll-cue{display:none !important}

  .reload-steps div,
  .reload-steps div+div{
    grid-template-columns:44px minmax(0,1fr);
    grid-template-areas:"num title" "num text";
    column-gap:12px;
    padding:14px 14px !important;
    text-align:left;
  }
  .reload-steps strong{
    width:44px;
    justify-self:start;
    text-align:left;
    margin:0;
  }
  .reload-steps span,
  .reload-steps small{
    justify-self:start;
    text-align:left;
  }
  .reload-steps div:first-child strong{
    transform:translateX(-2px);
  }
}
@media (max-width:520px){
  .mobile-wow-overlay{left:14px;right:14px;bottom:max(18px,env(safe-area-inset-bottom))}
  .mobile-wow-overlay p{font-size:20px}
}


/* v32 mobile hero correction: preserve the full artwork instead of cropping it */
@media (max-width:900px){
  .hero{
    min-height:0 !important;
    padding-top:0 !important;
    background:#06172f !important;
  }
  .hero-mobile{
    display:block !important;
    min-height:0 !important;
    padding:64px 0 0 !important;
    background:#06172f;
  }
  .mobile-wow-hero{
    min-height:0 !important;
    height:auto !important;
    overflow:visible !important;
    background:#06172f !important;
    display:flex;
    flex-direction:column;
  }
  .mobile-wow-hero>img{
    position:static !important;
    inset:auto !important;
    display:block;
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#06172f;
  }
  .mobile-wow-hero::after{display:none !important}
  .mobile-wow-overlay{
    position:static !important;
    display:grid;
    gap:10px;
    padding:16px 16px 18px;
    background:#06172f;
  }
  .mobile-wow-overlay p{
    color:#fffaf0;
    text-shadow:none;
    font-size:20px;
    line-height:1.05;
  }
  .mobile-wow-button{
    width:100%;
    min-height:50px;
    box-shadow:none;
  }
  .site-header{
    background:rgba(5,19,40,.96) !important;
    box-shadow:0 8px 20px rgba(3,16,35,.18) !important;
  }
  .reload-steps div:first-child strong{transform:none !important}
}
@media (max-width:520px){
  .hero-mobile{padding-top:64px !important}
  .mobile-wow-overlay{padding:14px 14px 16px !important}
  .mobile-wow-overlay p{font-size:19px !important}
}


/* v33 deployment asset structure + mobile hero */
picture{display:block;max-width:100%}
.art-card picture,.split-art picture,.refill-panel picture,.reload-sym-item picture{width:100%}
.art-card picture img,.split-art picture img,.refill-panel picture img,.reload-sym-item picture img{width:100%}
@media (max-width:900px){
  .mobile-wow-overlay{padding:10px 14px 16px !important;background:#06172f !important}
  .mobile-wow-overlay p{display:none !important}
  .mobile-wow-button{max-width:360px;margin:0 auto}
}


/* v34 UCD integration: shared navigation + Inside the Circus */
.site-header-solid{background:rgba(5,19,40,.97);box-shadow:0 8px 24px rgba(3,16,35,.18)}
.nav-cluster{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
.primary-nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,30px)}
.primary-nav a[aria-current="page"]{color:#f1bd50;opacity:1}
.menu-toggle{display:none;border:1px solid rgba(255,255,255,.34);background:transparent;color:#fff;min-height:44px;padding:8px 12px;font:800 11px/1 "Arial Narrow","Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;cursor:pointer}
.header-go{white-space:nowrap}

.circus-bridge{padding:clamp(74px,8vw,120px) var(--section-gutter);text-align:center}
.circus-bridge-inner{max-width:920px;margin:0 auto;padding:clamp(36px,5vw,64px);border:1px solid rgba(7,27,56,.12);border-radius:26px;background:rgba(255,250,240,.64);box-shadow:0 20px 50px rgba(7,27,56,.08)}
.circus-bridge h2,.circus-exit h2{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(48px,6.6vw,96px);line-height:.91;letter-spacing:.018em;margin:.15em 0 .28em;color:var(--navy)}
.circus-bridge>div>p:not(.eyebrow){max-width:620px;margin:0 auto 28px;font-size:clamp(17px,1.35vw,20px);line-height:1.6;color:#425169}
.crown-rule{display:flex;align-items:center;gap:15px;color:var(--gold);margin:10px 0 14px}
.crown-rule::before,.crown-rule::after{content:"";height:1px;background:currentColor;flex:1;opacity:.9}
.crown-rule span{font:700 18px/1 Georgia,serif;transform:translateY(-1px)}

.circus-page{background:linear-gradient(180deg,#f7efdf 0%,#f1e4cf 100%)}
.circus-page main{padding-top:68px}
.circus-intro{padding:clamp(72px,8vw,120px) var(--section-gutter) clamp(64px,7vw,100px);background:linear-gradient(180deg,#f8f1e5 0%,#f3e7d3 100%)}
.circus-intro-inner{max-width:1120px;margin:0 auto;text-align:center}
.circus-topline,.circus-kicker{margin:0;color:var(--gold);font-weight:900;font-size:12px;letter-spacing:.22em}
.circus-intro h1{margin:.1em 0 0;color:var(--navy);font-family:Impact,"Arial Black",sans-serif;font-size:clamp(76px,10vw,154px);line-height:.9;letter-spacing:.025em}
.circus-subtitle{margin:12px 0 0;color:var(--navy);font-family:Impact,"Arial Black",sans-serif;font-size:clamp(24px,3vw,40px);letter-spacing:.06em}
.crown-rule-wide{max-width:720px;margin:18px auto 22px}
.circus-overview{max-width:900px;margin:clamp(36px,5vw,58px) auto 0;text-align:left;color:#233650}
.circus-overview p{font-size:clamp(17px,1.35vw,20px);line-height:1.72;margin:0 0 22px}
.circus-overview p:first-child{font-weight:700;color:var(--navy)}

.team-jump{position:sticky;top:68px;z-index:35;background:rgba(6,23,47,.97);color:#fffaf0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.team-jump-inner{max-width:1520px;margin:0 auto;padding:12px var(--section-gutter);display:flex;align-items:center;gap:20px}
.team-jump-inner>span{flex:0 0 auto;color:#e7b448;font-weight:900;font-size:10px;letter-spacing:.2em}
.team-jump-links{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:2px 0}
.team-jump-links a{flex:0 0 auto;text-decoration:none;color:#fffaf0;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;letter-spacing:.05em;min-height:36px;display:flex;align-items:center}
.team-jump-links a:hover,.team-jump-links a:focus-visible{border-color:#e7b448;color:#f1bd50}

.circus-profile{max-width:1520px;margin:0 auto;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(440px,1.05fr);align-items:stretch;padding:clamp(46px,5vw,78px) var(--section-gutter);scroll-margin-top:150px}
.circus-profile+.circus-profile{border-top:1px solid rgba(7,27,56,.09)}
.circus-photo{margin:0;min-height:620px;overflow:hidden;border-radius:24px 0 0 24px;background:#d8c6aa;box-shadow:0 22px 52px rgba(7,27,56,.11)}
.circus-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.circus-profile-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,5vw,78px);background:rgba(255,250,240,.78);border:1px solid rgba(7,27,56,.10);border-left:0;border-radius:0 24px 24px 0;box-shadow:0 22px 52px rgba(7,27,56,.08)}
.circus-profile-copy .crown-rule{margin:0 0 18px}
.circus-kicker{text-align:center;margin-bottom:18px}
.circus-profile h2{margin:0;text-align:center;color:var(--navy);font-family:Impact,"Arial Black",sans-serif;font-size:clamp(58px,6vw,100px);line-height:.9;letter-spacing:.018em}
.circus-role{display:flex;align-items:center;gap:16px;margin:24px 0 30px;color:var(--navy);font-family:Impact,"Arial Black",sans-serif;font-size:clamp(22px,2.2vw,34px);line-height:1;letter-spacing:.025em;text-align:center}
.circus-role::before,.circus-role::after{content:"";height:1px;background:var(--gold);flex:1}
.circus-bio{max-width:660px;margin:0 auto;color:#19304e;font-size:clamp(16px,1.25vw,19px);line-height:1.68}

.circus-exit{margin-top:clamp(20px,4vw,60px);padding:clamp(76px,8vw,120px) var(--section-gutter);text-align:center}
.circus-exit-inner{max-width:980px;margin:0 auto}
.circus-exit h2{color:#fffaf0}
.circus-exit-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.circus-text-link{color:#fffaf0;font-size:12px;font-weight:900;letter-spacing:.14em;text-decoration-thickness:1px;text-underline-offset:5px}

@media (max-width:900px){
  .nav-cluster{gap:8px}
  .header-go{min-height:44px;padding:9px 11px}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .primary-nav{display:none!important;position:absolute;top:64px;left:10px;right:10px;flex-direction:column;align-items:stretch;gap:0;padding:8px;background:rgba(5,19,40,.985);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 36px rgba(3,16,35,.3)}
  .site-header.menu-open .primary-nav{display:flex!important}
  .primary-nav a{display:flex!important;align-items:center;min-height:48px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}
  .primary-nav a:last-child{border-bottom:0}
  .circus-bridge{padding:58px 14px}
  .circus-bridge-inner{padding:34px 18px;border-radius:20px}
  .circus-bridge h2{font-size:clamp(42px,12vw,62px)}
  .circus-page main{padding-top:64px}
  .circus-intro{padding:58px 18px 54px}
  .circus-intro h1{font-size:clamp(64px,19vw,96px)}
  .circus-overview{margin-top:34px}
  .circus-overview p{font-size:16px;line-height:1.68}
  .team-jump{top:64px}
  .team-jump-inner{display:block;padding:10px 14px}
  .team-jump-inner>span{display:block;margin:0 0 7px}
  .team-jump-links{padding-bottom:3px}
  .circus-profile{grid-template-columns:1fr;padding:42px 14px;scroll-margin-top:142px}
  .circus-photo{min-height:0;height:min(118vw,520px);border-radius:20px 20px 0 0;box-shadow:0 14px 34px rgba(7,27,56,.09)}
  .circus-photo img{object-position:center 35%}
  .circus-profile-copy{padding:30px 18px 34px;border-left:1px solid rgba(7,27,56,.10);border-top:0;border-radius:0 0 20px 20px;box-shadow:0 14px 34px rgba(7,27,56,.07)}
  .circus-kicker{font-size:10px;line-height:1.4;letter-spacing:.18em;margin-bottom:15px}
  .circus-profile h2{font-size:clamp(50px,15vw,72px)}
  .circus-role{margin:18px 0 24px;font-size:clamp(21px,6vw,28px);gap:10px}
  .circus-bio{font-size:16px;line-height:1.65}
  .circus-exit{padding:68px 18px}
  .circus-exit h2{font-size:clamp(46px,13vw,66px)}
}
@media (max-width:520px){
  .header-go{font-size:10px;padding:8px 9px}
  .menu-toggle{padding:8px 10px;font-size:10px}
  .circus-topline{font-size:10px}
  .circus-subtitle{font-size:22px}
  .crown-rule-wide{margin:14px auto 18px}
  .circus-overview p{font-size:15.5px}
  .circus-photo{height:min(122vw,470px)}
  .circus-profile-copy{padding:27px 16px 30px}
  .circus-profile h2{font-size:clamp(46px,14.5vw,64px)}
  .circus-role{font-size:20px}
  .circus-bio{font-size:15.5px}
  .circus-exit-actions{display:grid;gap:18px}
  .circus-exit-actions .button{width:100%}
}

/* v34.1 mobile team jump overflow correction */
@media (max-width:900px){
  .team-jump{width:100%;max-width:100vw;overflow:hidden}
  .team-jump-inner{width:100%;max-width:100%;min-width:0}
  .team-jump-links{width:100%;max-width:100%;min-width:0}
}


/* v35 desktop merchandise headline fit correction
   Preserve DIX GETS at the approved scale while keeping AROUND. inside the copy column. */
@media (min-width:901px){
  .merch-feature .split-copy h2{max-width:100%;}
  .merch-feature .split-copy h2 span{
    display:inline-block;
    font-size:.84em;
    white-space:nowrap;
    letter-spacing:.012em;
  }
}

/* V37 desktop hero correction: preserve the complete approved 16:9 artwork. */
@media (min-width:901px){
  .hero{
    min-height:0;
    height:auto;
    aspect-ratio:16 / 9;
    background:#050d16;
  }
  .hero-desktop-art{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
  }
}


/* V38 landing-page reorder: promote the approved "Get Your Hands on Dix Nutz" lineup
   artwork to the opening hero and move the former cooler campaign artwork into the
   first product section. Preserve each approved image without cropping. */
@media (min-width:901px){
  .hero{
    min-height:0;
    height:auto;
    aspect-ratio:auto;
    padding-top:82px;
    background:#06172f;
  }
  .hero-desktop-art{
    position:relative;
    inset:auto;
    width:100%;
    aspect-ratio:1672 / 941;
    background-image:linear-gradient(180deg,rgba(0,0,0,.02),transparent 82%,rgba(0,0,0,.20)),url('assets/desktop/lineup.webp');
    background-size:100% 100%;
    background-position:center center;
    background-repeat:no-repeat;
  }
}

@media (max-width:900px){
  .hero{
    min-height:0;
    padding-top:68px;
    background:#06172f;
  }
  .hero-mobile{
    display:block;
    min-height:0;
    padding:0;
  }
  .mobile-wow-hero{
    min-height:0;
    overflow:hidden;
    background:#f4ead7;
  }
  .mobile-wow-hero>img{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:center;
  }
  .mobile-wow-hero::after{display:none}
  .mobile-wow-overlay{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    padding:14px 16px 18px;
    background:#06172f;
  }
  .scroll-cue{display:none}
}


/* v38.1 content refresh: approved challenger manifesto + revised bio paragraph rhythm */
.circus-manifesto{padding:clamp(34px,4.5vw,70px) var(--section-gutter);background:linear-gradient(180deg,#f3e7d3 0%,#f1e4cf 100%)}
.circus-manifesto-inner{max-width:1520px;margin:0 auto}
.circus-manifesto picture{display:block;width:100%}
.circus-manifesto img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 22px 52px rgba(7,27,56,.12)}
.circus-bio + .circus-bio{margin-top:15px}
@media (max-width:900px){
  .circus-manifesto{padding:28px 14px 34px}
  .circus-manifesto img{border-radius:18px;box-shadow:0 14px 34px rgba(7,27,56,.10)}
  .circus-bio + .circus-bio{margin-top:13px}
}

/* V39 lifestyle integration: locked PLAY -> PARTY -> ROAM chapter */
.lifestyle-chapter{
  padding:clamp(64px,7vw,104px) var(--section-gutter) clamp(72px,8vw,120px);
  scroll-margin-top:82px;
}
.lifestyle-intro{
  max-width:1520px;
  margin:0 auto clamp(30px,4vw,50px);
  text-align:center;
}
.lifestyle-intro .eyebrow{margin-bottom:12px}
.lifestyle-intro h2{
  margin:0;
  color:var(--navy);
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(48px,6.2vw,92px);
  line-height:.92;
  letter-spacing:.025em;
}
.lifestyle-intro h2 span{color:var(--gold)}
.lifestyle-panels{
  max-width:1672px;
  margin:0 auto;
  display:grid;
  gap:clamp(24px,3.2vw,44px);
}
.lifestyle-panel{
  margin:0;
  overflow:hidden;
  border-radius:24px;
  background:#f7efe2;
  box-shadow:0 18px 46px rgba(7,27,56,.09);
}
.lifestyle-panel img{
  display:block;
  width:100%;
  height:auto;
}
@media (max-width:900px){
  .lifestyle-chapter{padding:50px 14px 60px;scroll-margin-top:70px}
  .lifestyle-intro{margin-bottom:26px}
  .lifestyle-intro h2{font-size:clamp(44px,13vw,68px)}
  .lifestyle-panels{gap:18px}
  .lifestyle-panel{border-radius:18px;box-shadow:0 12px 30px rgba(7,27,56,.08)}
}
@media (max-width:520px){
  .lifestyle-chapter{padding:42px 8px 52px}
  .lifestyle-intro{padding:0 8px;margin-bottom:22px}
  .lifestyle-intro h2{font-size:clamp(40px,12.4vw,58px)}
  .lifestyle-panels{gap:14px}
  .lifestyle-panel{border-radius:14px}
}

/* V39.2 - Made to Move harmonized with locked lifestyle boards */
.made-to-move-lifestyle{
  padding:clamp(40px,5vw,74px) var(--section-gutter) clamp(54px,6vw,88px);
}
.made-to-move-card{
  max-width:1672px;
  margin:0 auto;
  display:grid;
  grid-template-columns:36% 64%;
  aspect-ratio:16 / 9;
  overflow:hidden;
  border-radius:24px;
  background:#f5ead8;
  box-shadow:0 18px 46px rgba(7,27,56,.09);
}
.made-to-move-copy{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  padding:clamp(40px,4vw,74px) clamp(30px,3.2vw,62px);
  background:linear-gradient(180deg,#f6ecdd 0%,#f1e4cf 100%);
}
.made-to-move-snack{
  margin:0 0 clamp(48px,5vw,88px);
  text-align:center;
  color:var(--gold);
  font-size:clamp(13px,1.15vw,19px);
  font-weight:900;
  letter-spacing:.26em;
  text-transform:uppercase;
}
.made-to-move-copy h2{
  margin:0;
  color:var(--navy);
  font-family:Impact,"Arial Black",sans-serif;
  font-size:clamp(68px,7.4vw,122px);
  line-height:.9;
  letter-spacing:.018em;
}
.made-to-move-copy h2 span{color:var(--gold)}
.made-to-move-art{margin:0;min-width:0;height:100%}
.made-to-move-art picture{display:block;width:100%;height:100%}
.made-to-move-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
@media (max-width:900px){
  .made-to-move-lifestyle{padding:28px 14px 40px}
  .made-to-move-card{grid-template-columns:1fr;aspect-ratio:auto;border-radius:18px}
  .made-to-move-copy{padding:30px 24px 34px;min-height:290px;justify-content:center}
  .made-to-move-snack{margin:0 0 34px;font-size:13px;letter-spacing:.22em}
  .made-to-move-copy h2{text-align:center;font-size:clamp(54px,16vw,82px)}
  .made-to-move-art{aspect-ratio:4 / 3}
}
@media (max-width:520px){
  .made-to-move-lifestyle{padding:22px 8px 34px}
  .made-to-move-card{border-radius:14px}
  .made-to-move-copy{padding:26px 18px 30px;min-height:250px}
  .made-to-move-snack{margin-bottom:28px;font-size:12px}
}

/* V39.3 - Made to Move aligned to split lifestyle format */
.made-to-move-feature .split-copy{
  align-items:center;
  text-align:center;
}
.made-to-move-feature .split-copy .eyebrow{margin-bottom:14px}
.made-to-move-feature .split-copy h2{margin:0}
.made-to-move-feature .split-art{min-height:100%}
.made-to-move-feature .split-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
@media (max-width:900px){
  .made-to-move-feature .split-copy{padding-bottom:28px}
}