/* One reversible club adaptation, after the BAKS partnership chapter. */
#club-brand.club-brand-story {
  position: relative;
  height: 260svh;
  margin-top: -100svh;
  margin-bottom: 82svh;
  color: #f3edf8;
  pointer-events: none;
}
.club-brand-intelligence-anchor { position: absolute; top: calc(100% - 52svh); left: 0; }
.club-brand-stage {
  --club-brand-alpha: 0;
  position: fixed;
  inset: 0;
  z-index: 6;
  overflow: hidden;
  visibility: hidden;
  opacity: var(--club-brand-alpha);
  background: #0b0911;
  isolation: isolate;
  pointer-events: none;
  contain: layout style paint;
}
.club-brand-stage[data-visible] { visibility: visible; }
.club-brand-flight,.club-brand-paw-layer {
  position: fixed;
  inset: 0;
  z-index: 7;
  pointer-events: none;
}
.club-brand-paw-layer {
  overflow: hidden;
  opacity: var(--club-paw-alpha,0);
}
.club-brand-paw-skin {
  --club-reveal-x: calc(var(--club-sun-x,0px) - var(--club-paw-left,0px));
  --club-reveal-y: calc(var(--club-sun-y,0px) - var(--club-paw-top,0px));
  position: absolute;
  left: var(--club-paw-left,0px);
  top: var(--club-paw-top,0px);
  width: var(--club-paw-width,0px);
  aspect-ratio: 2 / 3;
  user-select: none;
}
.club-brand-paw-skin > img {
  display: block;
  width: 100%;
  height: auto;
}
.club-brand-paw-effects {
  position: absolute;
  inset: 0;
  mask: var(--club-paw-cutout) center / 100% 100% no-repeat;
}
.club-brand-paw-effects::before,.club-brand-paw-effects::after {
  content: '';
  position: absolute;
}
.club-brand-paw-effects::before {
  left: var(--club-paw-shadow-x,53%);
  top: 33%;
  width: 86%;
  aspect-ratio: 1;
  transform: translate(-50%,-50%) skewX(14deg) scaleY(.41);
  background: center / contain no-repeat url('assets/logo.svg');
  filter: brightness(.16) saturate(.45) blur(clamp(3px,.48vw,7px));
  opacity: var(--club-paw-shadow-alpha,0);
}
.club-brand-paw-effects::after {
  inset: 0;
  background: radial-gradient(circle at var(--club-reveal-x) var(--club-reveal-y),
    transparent max(0px,calc(var(--club-sky-radius,0px) - var(--club-sky-feather,0px)*1.12)),
    #fff1c9 max(0px,calc(var(--club-sky-radius,0px) - var(--club-sky-feather,0px)*.48)),
    transparent var(--club-sky-radius,0px));
  opacity: calc(.67 * var(--club-brand-sweep,0));
  mix-blend-mode: screen;
}
.club-brand-paw-foxy {
  --club-paw-cutout: url('assets/baks-story/brand/foxy-paw-upright.webp');
  opacity: var(--club-paw-fox-alpha,1);
}
.club-brand-paw-bear {
  --club-paw-cutout: url('assets/baks-story/brand/polar-bear-paw.webp');
  opacity: var(--club-paw-bear-alpha,1);
}
.club-brand-light--day,.club-brand-paw-bear {
  mask-image: radial-gradient(circle at var(--club-reveal-x) var(--club-reveal-y),
    #000 max(0px,calc(var(--club-sky-radius,0px) - var(--club-sky-feather,0px))),
    transparent var(--club-sky-radius,0px));
}
.club-brand-stage::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(ellipse at 50% 110%,#41314824,transparent 63%),linear-gradient(115deg,#0d0a14,transparent 54%,#06080c88);
}
.club-brand-stage::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: var(--club-brand-catch-light,0);
  background: radial-gradient(ellipse at 50% 46%,#7960c027,transparent 55%),radial-gradient(ellipse at 50% 100%,#a960311a,transparent 55%);
}
.club-brand-light {
  position: absolute;
  inset: -15%;
  z-index: -1;
  pointer-events: none;
}
.club-brand-light--violet {
  background: radial-gradient(ellipse at 28% 70%,#7e5fa744,transparent 44%),radial-gradient(ellipse at 79% 31%,#6b679324,transparent 42%);
}
.club-brand-light--night { inset: 0; }
.club-brand-moon {
  position: absolute;
  left: var(--club-moon-x,13%);
  top: var(--club-moon-y,23%);
  width: clamp(42px,7.8vmin,79px);
  transform: translate(-50%,-50%);
  opacity: var(--club-moon-alpha,0);
  filter: blur(.35px) drop-shadow(0 0 11px #f6f2e663) drop-shadow(0 0 28px #f6f2e638);
}
.club-brand-light--day {
  --club-reveal-x: var(--club-sun-x,17%);
  --club-reveal-y: var(--club-sun-y,23%);
  inset: 0;
  opacity: var(--club-sky-alpha,0);
  background:
    radial-gradient(ellipse 55% 45% at 78% 12%,#fffffff2,transparent 76%),
    radial-gradient(ellipse 64% 58% at 17% 32%,#accdf866,transparent 72%),
    linear-gradient(180deg,#d9e9ff 0%,#edf5ff 49%,#fffdf9 100%);
}
.club-brand-light--day::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: calc(.63 * var(--club-brand-sweep,0));
  background: radial-gradient(circle at var(--club-sun-x,17%) var(--club-sun-y,23%),
    transparent max(0px,calc(var(--club-sky-radius,0px) - var(--club-sky-feather,0px)*1.5)),
    #ffe1b3a8 max(0px,calc(var(--club-sky-radius,0px) - var(--club-sky-feather,0px)*.7)),
    transparent var(--club-sky-radius,0px));
}
.club-brand-sun {
  position: absolute;
  top: var(--club-sun-y,23%);
  left: var(--club-sun-x,17%);
  width: clamp(136px,28vmin,290px);
  aspect-ratio: 1;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  background: radial-gradient(circle,#fffef7 0 11%,#fff5d6 15%,#ffe3a86e 32%,#ffe7b140 49%,transparent 69%);
  filter: blur(3px);
}
.club-brand-cloud {
  position: absolute;
  top: 24%;
  left: 10%;
  width: clamp(105px,17vw,270px);
  height: clamp(30px,5vw,76px);
  border-radius: 999px;
  background: #fff;
  box-shadow: 3vw -1.5vw 0 .45vw #fff,7vw -.95vw 0 .1vw #fff,10vw .25vw 0 -.55vw #fff;
  filter: blur(clamp(7px,.9vw,15px));
  opacity: .86;
}
.club-brand-cloud:nth-of-type(3) { top: 54%; left: 68%; opacity: .7; scale: .72; }
.club-brand-cloud:nth-of-type(4) { top: 73%; left: 8%; opacity: .74; scale: .9; }
.club-brand-stage[data-daylight] .club-brand-cloud {
  animation: club-cloud-drift 25s ease-in-out infinite alternate;
}
.club-brand-stage[data-daylight] .club-brand-cloud:nth-of-type(3) { animation-duration: 33s; animation-delay: -11s; }
.club-brand-stage[data-daylight] .club-brand-cloud:nth-of-type(4) { animation-duration: 40s; animation-delay: -23s; }
@keyframes club-cloud-drift {
  from { transform: translateX(-3vw); }
  to { transform: translateX(5vw); }
}
.hero-header :is(a[data-club-daylight],a[data-club-daylight] .brand-trak) {
  color: #000;
  text-shadow: none;
}
.hero-header a[data-club-daylight]:focus-visible { outline: 1px solid currentColor; outline-offset: 5px; }
:root[data-tactics-stage="brand"]:has(.club-brand-stage[data-daylight]) body::before { opacity: 0; }
.club-brand-stage[data-paw-scene]::before {
  background: linear-gradient(180deg,#0e0b17,#0a0810);
}
.club-brand-stage[data-paw-scene] .club-brand-light--violet {
  background: radial-gradient(ellipse 46% 61% at 50% 52%,#7053a535,transparent 78%);
}
.club-brand-game { opacity: var(--club-brand-game-alpha,0); }
.club-brand-game-copy,.club-brand-copy,.club-brand-reward,.club-brand-interface {
  position: absolute;
  top: 35svh;
  z-index: 2;
  width: min(27vw,460px);
}
.club-brand-game-copy,.club-brand-copy { left: 5vw; }
.club-brand-reward,.club-brand-interface { right: 5vw; }
.club-brand-copy,.club-brand-interface {
  opacity: var(--club-brand-copy-alpha,0);
}
.club-brand-copy { padding-top: calc(1.035 * clamp(30px,3.25vw,63px)); }
.club-brand-copy h2,.club-brand-game-copy h2,.club-brand-reward h3,.club-brand-interface h3 {
  margin: 0;
  font-size: clamp(30px,3.25vw,63px);
  line-height: 1.035;
  letter-spacing: -.045em;
  font-weight: 550;
  text-wrap: balance;
}
.club-brand-copy h2 + p,.club-brand-game-copy h2 + p,.club-brand-reward h3 + p,.club-brand-interface h3 + p {
  margin: 18px 0 0;
  color: #c4b9cc;
  font-size: clamp(16px,1.4vw,25px);
  line-height: 1.4;
  letter-spacing: -.02em;
}
.club-brand-copy h2,.club-brand-interface h3 { color: #232431; }
.club-brand-copy h2 + p,.club-brand-interface h3 + p { color: #454655; }
.club-brand-reward h3,.club-brand-interface h3 {
  display: grid;
  grid-template-rows: 1lh auto;
  align-items: center;
  justify-items: start;
}
.club-brand-reward h3 {
  white-space: nowrap;
}
.club-brand-reward-star,.club-brand-reward-honey {
  display: block;
  width: .84em;
  height: auto;
}
.club-brand-reward-star {
  opacity: calc(.24 + .76 * var(--club-brand-reward-light,1));
  transform: translateY(calc(4px * (1 - var(--club-brand-reward-light,1))));
  filter: drop-shadow(0 0 16px rgb(244 210 127 / calc(.25 * var(--club-brand-reward-light,1))));
}
.club-brand-reward-honey { filter: drop-shadow(0 0 10px #f5a04438); }
.club-brand-game-copy h2 + p,.club-brand-reward h3 + p { text-wrap: balance; }
.club-brand-game :is(h2,h3 > span) { --club-type-in: var(--club-game-title,1); }
.club-brand-game p { --club-type-in: var(--club-game-body,1); }
.club-brand-copy h2,.club-brand-interface h3 > span { --club-type-in: var(--club-team-title,1); }
.club-brand-copy p,.club-brand-interface p { --club-type-in: var(--club-team-body,1); }
@media (prefers-reduced-motion: no-preference) {
  .club-brand-game :is(h2,h3 > span,p),.club-brand-copy :is(h2,p),.club-brand-interface :is(h3 > span,p),
  .club-brand-intelligence-copy p {
    --club-type-edge: calc(var(--club-type-in,1) * 122% - 11%);
    mask-image: linear-gradient(#000 calc(var(--club-type-edge) - 9%),transparent var(--club-type-edge));
    filter: blur(calc(.105em * (1 - var(--club-type-in,1))));
    translate: 0 calc(.21em * (1 - var(--club-type-in,1)));
  }
}
.club-brand-mark-fallback {
  position: absolute;
  inset: var(--club-brand-mark-top,50%) auto auto 50%;
  width: var(--club-brand-mark-size,min(30svh,54vw));
  height: auto;
  transform: translate(-50%,-50%);
  opacity: var(--club-brand-mark-alpha,0);
}
@media (max-width: 1100px) and (min-width: 761px) {
  .club-brand-copy,.club-brand-game-copy { left: 4vw; }
  .club-brand-reward,.club-brand-interface { right: 4vw; }
}
@media (max-width: 760px) {
  #club-brand.club-brand-story { height: 235svh; }
  .club-brand-game { position: absolute; top: 15svh; left: 6vw; width: 88vw; }
  .club-brand-game-copy,.club-brand-reward { position: static; width: 100%; }
  .club-brand-reward { margin-top: 18px; }
  .club-brand-reward h3 { display: flex; gap: 9px; font-size: 20px; }
  .club-brand-reward-star { width: 1.2em; }
  .club-brand-reward h3 + p { margin-top: 4px; font-size: 14px; }
  .club-brand-game-copy h2 { font-size: clamp(31px,7.5vw,54px); }
  .club-brand-game-copy h2 + p { margin-top: 10px; }
  .club-brand-copy,.club-brand-interface { top: 13svh; width: 41vw; }
  .club-brand-copy { left: 6vw; padding-top: calc(1.035 * clamp(19px,5.1vw,32px)); }
  .club-brand-interface { right: 6vw; }
  .club-brand-copy h2,.club-brand-interface h3 { font-size: clamp(19px,5.1vw,32px); }
  .club-brand-copy h2 + p,.club-brand-interface h3 + p { margin-top: 9px; font-size: clamp(12px,3.4vw,16px); }
}
@media (prefers-reduced-motion: reduce) {
  .club-brand-stage[data-daylight] .club-brand-cloud { animation: none; }
  .club-brand-light--day,.club-brand-paw-bear { mask-image: none; }
  .club-brand-stage { scroll-behavior: auto; }
}

.club-brand-intelligence {
  position: absolute;
  inset: 0;
  z-index: 3;
  opacity: var(--club-intelligence-alpha,0);
  color: #f6f1ff;
  background: #09080d;
}
.club-brand-intelligence::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: var(--club-intelligence-atmosphere,1);
  background:
    radial-gradient(ellipse 66% 68% at 49% 102%,#24214f 0%,transparent 72%),
    linear-gradient(126deg,#121024 0%,#100d1e 48%,#0a1327 100%);
}
.club-brand-intelligence-glow {
  position: absolute;
  inset: 0;
  border-radius: clamp(20px,5vmin,58px);
  opacity: var(--club-intelligence-rim,0);
  box-shadow: inset 6px 4px 31px #9b61f693,inset -7px -3px 45px #4282ea61;
}
.club-brand-story:has(.club-brand-flight[data-active]) .club-brand-intelligence-glow { visibility: hidden; }
.club-brand-intelligence-title {
  position: absolute;
  top: clamp(83px,13svh,165px);
  left: 4vw;
  right: 4vw;
  margin: 0;
  text-align: center;
  font-size: clamp(38px,min(8.65vw,15svh),160px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 600;
  opacity: calc(1 - var(--club-intelligence-text-exit,0));
  transform: translateY(calc(-20px * var(--club-intelligence-text-exit,0)));
}
.club-brand-intelligence-word { display: inline-block; white-space: nowrap; }
.club-brand-intelligence-letter {
  display: inline-block;
  opacity: var(--club-letter-opacity,0);
  filter: var(--club-letter-blur,none);
}
.club-brand-intelligence-copy {
  position: absolute;
  bottom: clamp(96px,15svh,165px);
  left: 5vw;
  right: 5vw;
  text-align: center;
  opacity: calc(var(--club-intelligence-copy,0) * (1 - var(--club-intelligence-text-exit,0)));
  transform: translateY(calc(-20px * var(--club-intelligence-text-exit,0)));
}
.club-brand-intelligence-copy p {
  --club-type-in: var(--club-intelligence-copy,1);
  max-width: 64ch;
  margin: 0 auto;
  color: #d7cdea;
  font-size: clamp(16px,1.55vw,29px);
  line-height: 1.35;
  text-wrap: balance;
}
.club-brand-intelligence ~ .club-brand-mark-fallback { z-index: 3; }
@media (max-width: 760px) {
  .club-brand-intelligence-title { top: max(104px,16svh); font-size: clamp(25px,7.9vw,60px); }
  .club-brand-intelligence-copy { bottom: max(90px,12svh); left: 6vw; right: 6vw; }
  .club-brand-intelligence-copy p { font-size: clamp(14px,3.7vw,19px); }
}
@media (prefers-reduced-motion: reduce) {
  .club-brand-intelligence-title,.club-brand-intelligence-copy { transform: none; }
}