:root{
  --ink:#08070a; --panel:#12100c; --panel-2:#1b1710;
  --line:rgba(247,224,180,.09); --txt:#f5f1e8; --muted:#a49c8a;
  --gold:#f7c23b; --gold-2:#ffe08a; --orange:#ef8f3c; --orange-deep:#e2732a;
  --grad:linear-gradient(135deg,#ffe08a 0%,#f7c23b 45%,#ef8f3c 100%);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body.single-post.postid-41038{
  overflow:visible!important;
  background:var(--ink)!important;
  background-image:none!important;
  color:var(--txt);font-family:'Rubik',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.disp{font-family:'Unbounded',sans-serif}
.g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* NAV — единое сквозное меню (эталон: главная index.html) */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:90;backdrop-filter:blur(14px);
  background:linear-gradient(180deg,rgba(7,7,12,.92),rgba(7,7,12,.55));border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:88px;gap:40px;max-width:1860px;margin:0 auto;padding:0 30px}
.nav-l{display:flex;align-items:center;gap:56px}
.logo{display:flex;align-items:center;gap:12px}
.logo .emblem{width:54px;height:54px;overflow:hidden;flex-shrink:0;display:block}
.logo .emblem img{height:54px;display:block}
.logo .wordmark{display:flex;flex-direction:column;font-family:'Unbounded';font-weight:800;
  line-height:.92;letter-spacing:-.5px;font-size:21px;
  background:linear-gradient(180deg,#f4d992 0%,#e8b45f 55%,#c98a4e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{display:flex;gap:34px;font-size:18px;color:var(--txt);letter-spacing:-.36px}
.nav-links a{position:relative;color:var(--txt);font-weight:500;padding:7px 0;transition:color .22s}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;
  background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.85,.3,1)}
.nav-links a:hover,.nav-links a.on{color:var(--gold)}
.nav-links a:hover::after,.nav-links a.on::after{transform:scaleX(1)}
.nav-links a.on{font-weight:600}
@media(prefers-reduced-motion:reduce){.nav-links a::after{transition:none}}
.nav-right{display:flex;align-items:center;gap:39px}
.hmenu{display:flex;gap:19px;align-items:flex-start}
.hitem{width:86px;display:flex;flex-direction:column;gap:4px;align-items:center;position:relative;cursor:pointer;color:#cfc7b6;transition:color .25s ease}
.hitem svg{width:24px;height:24px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease,filter .25s ease}
.hitem:hover{color:var(--gold-2)}
.hitem:hover svg{transform:translateY(-3px) scale(1.1);filter:drop-shadow(0 4px 8px rgba(247,194,59,.4))}
.hitem span{font-size:16px;color:var(--txt);line-height:24px}
.hitem .tag{position:absolute;top:-6px;left:calc(50% + 8px);padding:1px 5px 2px;border-radius:96px;
  background:linear-gradient(-90deg,#e3c569,#cb8e50);font-family:'Rubik';font-weight:600;font-size:12px;line-height:16px;color:#fff}
.avatar{width:52px;height:52px;border-radius:50%;border:1px solid #e3c569;padding:4px;object-fit:cover;box-sizing:border-box;background-clip:content-box}
/* бургер + выезжающее меню */
.burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);
  cursor:pointer;position:relative;flex-shrink:0}
.burger i{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--gold-2);transition:transform .3s,opacity .2s}
.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:22px}.burger i:nth-child(3){top:29px}
.burger.on i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.on i:nth-child(2){opacity:0}
.burger.on i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;top:72px;left:0;right:0;z-index:89;padding:18px 20px 24px;
  background:linear-gradient(180deg,rgba(10,9,7,.99),rgba(10,9,7,.97));border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px);transform:translateY(-120%);transition:transform .35s cubic-bezier(.2,.85,.3,1);visibility:hidden}
.mnav.on{transform:translateY(0);visibility:visible}
.mnav a.ml{display:block;padding:13px 4px;font-size:17px;border-bottom:1px solid var(--line);color:var(--txt)}
.mnav a.ml:last-of-type{border-bottom:none}
.mnav a.ml.on{color:var(--gold)}
.mnav .mtools{margin-top:14px;display:flex;gap:10px}
.mnav .mtools a{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:12px;
  border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:12px;color:var(--muted)}
.mnav .mtools svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1080px){
  .nav-links,.hmenu,.avatar{display:none}
  .burger{display:block}
  .nav-in{height:72px;padding:0 20px;gap:16px}
  .logo .emblem{width:44px;height:44px}.logo .emblem img{height:44px}
  .logo .wordmark{font-size:17px}
}

/* HERO */
.hero{position:relative;height:108vh;min-height:760px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero .layer{position:absolute;inset:-6% -2%;background:url('../reference/hero/center_art.png') center 32%/cover no-repeat;will-change:transform}
.hero .shade{position:absolute;inset:0;background:
  radial-gradient(120% 70% at 50% 30%,transparent 30%,rgba(7,7,12,.55) 75%,var(--ink) 100%),
  linear-gradient(180deg,rgba(7,7,12,.55),transparent 30%,transparent 55%,var(--ink) 96%)}
.hero-in{position:relative;z-index:3;text-align:center;padding:0 20px;transform:translateY(-3vh)}
.hero-logo{width:min(560px,74vw);filter:drop-shadow(0 18px 50px rgba(0,0,0,.8))}
.hero-textwrap{position:relative;margin-top:26px;padding:34px 20px 30px}
.hero-textwrap::before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(820px,96vw);height:100%;z-index:-1;
  background:radial-gradient(ellipse 70% 80% at 50% 42%,rgba(4,4,8,.6) 0%,rgba(4,4,8,.4) 45%,transparent 78%);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 42%,#000 55%,transparent 92%);mask-image:radial-gradient(ellipse 70% 80% at 50% 42%,#000 55%,transparent 92%)}
.hero-kicker{font-family:'Unbounded';font-weight:700;font-size:clamp(15px,2vw,22px);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-shadow:0 2px 18px #000}
.hero-sub{margin:16px auto 0;max-width:640px;color:#e4e2f2;font-size:16px;line-height:1.65;text-shadow:0 1px 14px #000}
.hero-chips{margin-top:26px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.chip{padding:10px 16px;border-radius:99px;background:rgba(10,10,16,.55);border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);font-size:14px;font-weight:600}
.chip b{color:var(--gold)}
.hero-cta{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;color:var(--muted);font-size:12px;
  letter-spacing:.2em;text-transform:uppercase;animation:hint 2.2s ease-in-out infinite}
@keyframes hint{0%,100%{transform:translate(-50%,0);opacity:.7}50%{transform:translate(-50%,8px);opacity:1}}

/* embers */
.embers{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.ember{position:absolute;bottom:-12px;border-radius:50%;background:radial-gradient(circle,#ffe08a 0%,#ef8f3c 45%,transparent 70%);
  opacity:0;animation:rise linear infinite}
@keyframes rise{
  0%{transform:translate(0,0) scale(1);opacity:0}
  8%{opacity:.9}
  60%{opacity:.55}
  100%{transform:translate(var(--dx),-108vh) scale(.25);opacity:0}}

/* BUTTONS */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.btn-glass{position:relative;isolation:isolate;padding:17px 34px;border-radius:16px;border:none;cursor:pointer;
  font-family:'Rubik';font-weight:700;font-size:16px;color:#fff;letter-spacing:-.2px;
  background:rgba(255,255,255,.07);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  display:inline-flex;align-items:center;gap:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.4);transition:transform .15s}
.btn-glass:hover{transform:translateY(-2px)}
.btn-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;
  background:conic-gradient(from var(--ang),rgba(255,255,255,.14) 0deg,transparent 55deg,transparent 230deg,#ffe08a 300deg,#ef8f3c 335deg,rgba(255,255,255,.14) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:ring 2.6s linear infinite}
@keyframes ring{to{--ang:360deg}}
.btn-gold{padding:17px 34px;border-radius:16px;border:none;cursor:pointer;font-family:'Rubik';font-weight:800;font-size:16px;
  background:var(--grad);color:#1a1206;display:inline-flex;align-items:center;gap:10px;box-shadow:0 14px 36px rgba(247,194,59,.3);transition:transform .15s}
.btn-gold:hover{transform:translateY(-2px)}

/* SECTIONS */
section{position:relative}
.sec-pad{padding:110px 0}
.kicker{font-family:'Playfair Display',serif;font-size:14px;font-weight:700;font-style:italic;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
h2.title{font-family:'Unbounded';font-weight:800;font-size:clamp(30px,4.6vw,54px);letter-spacing:-1.5px;text-transform:uppercase;line-height:1.02;margin-top:14px}
.lead{margin-top:20px;color:var(--muted);font-size:17px;line-height:1.75;max-width:640px}

/* reveal */
.rv{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.6,.2,1),transform .9s cubic-bezier(.2,.6,.2,1)}
.rv.on{opacity:1;transform:none}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}.rv.d4{transition-delay:.48s}

/* CATALOG */
#catalog{background:
  radial-gradient(900px 460px at 85% 0%,rgba(247,194,59,.07),transparent 60%),var(--ink)}
.lots{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lot{position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:22px;
  padding:26px 24px 24px;transition:.25s}
.lot:hover{transform:translateY(-6px);border-color:rgba(247,194,59,.35);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.lot.feat{border-color:rgba(247,194,59,.5);background:linear-gradient(180deg,rgba(247,194,59,.07),var(--panel) 45%)}
.lot .tag{position:absolute;top:-13px;left:22px;padding:6px 14px;border-radius:99px;background:var(--grad);color:#1a1206;
  font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;z-index:2}
.lot .tag.alt{background:rgba(20,20,31,.92);color:var(--gold-2);border:1px solid rgba(247,194,59,.4)}
.lot .thumb{position:relative;height:235px;margin:2px 0 16px;display:flex;align-items:flex-end;justify-content:center}
.lot .thumb::before{content:"";position:absolute;left:12%;right:12%;bottom:4px;height:26px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(247,194,59,.28),transparent 75%);filter:blur(6px)}
.lot .thumb img{position:relative;max-width:100%;max-height:100%;object-fit:contain;
  filter:drop-shadow(0 26px 34px rgba(0,0,0,.65));transition:transform .35s ease}
.lot:hover .thumb img{transform:translateY(-8px) scale(1.04)}
.lot h3{font-family:'Unbounded';font-weight:700;font-size:17px;letter-spacing:-.3px;line-height:1.25;min-height:44px}
.lot .inc{margin:12px 0 18px;display:flex;flex-direction:column;gap:7px}
.lot .inc span{font-size:15.5px;line-height:1.55;color:#bcbbc1;display:flex;gap:8px;align-items:baseline}
.lot .inc span::before{content:"◆";color:var(--gold);font-size:9px;flex-shrink:0}
.lot .price{font-family:'Unbounded';font-weight:800;font-size:26px;margin-top:auto}
.lot .split{margin:6px 0 16px;font-size:13.5px;line-height:1.55;color:#bcbbc1}
.lot .split b{color:var(--gold-2);font-weight:600}
.lot .btn-glass,.lot .btn-gold{width:100%;justify-content:center;padding:14px 10px;font-size:14px;border-radius:13px}
/* карточка целиком кликабельна → страница товара; кнопка «В корзину» и бейдж поверх ссылки */
.lot-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.lot .tag{z-index:2}
.lot .btn-glass,.lot .btn-gold{position:relative;z-index:2}

.rassrochka{margin-top:26px;padding:24px 28px;background:linear-gradient(180deg,rgba(247,194,59,.06),var(--panel) 60%);border:1px solid rgba(247,194,59,.22);border-radius:18px;max-width:820px}
.rassrochka h5{font-family:'Unbounded';font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-2)}
.rassrochka p{margin-top:10px;color:var(--muted);font-size:14.5px;line-height:1.75}
.rassrochka p b{color:var(--txt);font-weight:600}

/* catalog floating box */
.cat-head{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.cat-box{position:relative;will-change:transform}
.cat-box img{width:100%;max-width:430px;display:block;margin:0 auto;
  filter:drop-shadow(0 40px 60px rgba(0,0,0,.65));animation:float2 9s ease-in-out infinite}
@media(max-width:1080px){.cat-head{grid-template-columns:1fr}.cat-box{display:none}}


/* PREORDER PROGRESS */
.po-panel{margin-top:40px;padding:28px 32px;border-radius:22px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,rgba(247,194,59,.10),var(--panel) 60%);border:1px solid rgba(247,194,59,.35)}
.po-top{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap}
.po-count{font-family:'Unbounded';font-weight:800;font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px;line-height:1;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.po-count small{display:block;margin-top:8px;font-family:'Rubik';font-weight:500;font-size:14px;letter-spacing:0;color:var(--muted);-webkit-text-fill-color:var(--muted)}
.po-next{text-align:right;color:var(--muted);font-size:14px;line-height:1.6}
.po-next b{color:var(--gold-2);font-weight:700}
.po-bar{margin-top:22px;height:14px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}
.po-bar i{position:absolute;left:0;top:0;height:100%;width:0;border-radius:99px;background:var(--grad);
  box-shadow:0 0 18px rgba(247,194,59,.55);transition:width 1.5s cubic-bezier(.2,.7,.2,1)}
.po-scale{margin-top:10px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}

/* STRETCH GOALS ladder */
.ladder{position:relative;margin-top:60px;padding-left:34px}
.rail{position:absolute;left:12px;top:8px;bottom:8px;width:3px;background:rgba(255,255,255,.09);border-radius:3px;overflow:hidden}
.rail i{position:absolute;left:0;top:0;width:100%;height:0;background:var(--grad);border-radius:3px;transition:height .2s linear}
.goal{position:relative;display:flex;align-items:center;gap:26px;padding:20px 24px;margin-bottom:14px;
  background:var(--panel);border:1px solid var(--line);border-radius:18px}
.goal::before{content:"";position:absolute;left:-28px;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:50%;
  background:#2a2a36;border:2px solid rgba(255,255,255,.18)}
.goal.done::before{background:var(--gold);border-color:var(--gold-2);box-shadow:0 0 14px rgba(247,194,59,.7)}
.goal b{font-family:'Unbounded';font-weight:800;font-size:30px;min-width:96px;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.goal:not(.done) b{background:none;color:#3f3f4e;-webkit-text-fill-color:#3f3f4e}
.goal h5{font-family:'Unbounded';font-weight:700;font-size:15px}
.goal p{margin-top:5px;color:var(--muted);font-size:13.5px}
.goal .st{margin-left:auto;padding:7px 14px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap}
.goal.done .st{background:rgba(247,194,59,.14);color:var(--gold-2)}
.goal:not(.done) .st{background:rgba(255,255,255,.05);color:var(--muted)}

/* STORY intro */
#story{overflow:hidden}
#story .bgart{position:absolute;inset:-12% 0;background:url('../reference/som/fon.webp') center/cover no-repeat;opacity:.22;will-change:transform}
#story .veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--ink),transparent 25%,transparent 70%,var(--ink))}
.story-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.story-quote{font-family:'Unbounded';font-weight:600;font-size:clamp(19px,2.2vw,26px);line-height:1.5;letter-spacing:-.3px}
.story-quote em{font-style:normal;color:var(--gold)}
.story-body{margin-top:26px;color:var(--muted);font-size:16.5px;line-height:1.8}
.medals{position:relative;height:620px}
.medal-wrap{position:absolute;will-change:transform}
.medal-wrap.w1{left:2%;top:0}
.medal-wrap.w2{right:0;top:24%}
.medal-wrap.w3{left:12%;bottom:0}
.medal{position:relative;border-radius:50%;overflow:hidden;border:2px solid rgba(247,194,59,.4);
  box-shadow:0 30px 70px rgba(0,0,0,.65),inset 0 0 0 6px rgba(7,7,12,.35);will-change:transform;
  background:url('../reference/hero/center_art.png') no-repeat}
.medal::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 -30px 60px rgba(7,7,12,.55)}
.medal.m1{width:300px;height:300px;background-size:1800px;background-position:-1140px -564px;animation:float1 7s ease-in-out infinite}
.medal.m2{width:352px;height:352px;background-size:2053px;background-position:-851px -757px;animation:float2 8.4s ease-in-out infinite}
.medal.m3{width:258px;height:258px;background-size:1641px;background-position:-917px -724px;animation:float3 6.4s ease-in-out infinite}
@keyframes float1{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(1.5deg)}}
@keyframes float2{0%,100%{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-24px) rotate(-2deg)}}
@keyframes float3{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* COUNTERS */
.counters{margin-top:80px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}
.cnt{padding:30px 20px;text-align:center;background:rgba(14,14,23,.7);border:1px solid var(--line);border-radius:20px;backdrop-filter:blur(6px)}
.cnt b{display:block;font-family:'Unbounded';font-weight:800;font-size:clamp(26px,3vw,40px);letter-spacing:-1px;background:var(--grad);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.cnt span{display:block;margin-top:8px;color:var(--muted);font-size:13.5px}

/* RACES */
.races{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.race{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:20px;transition:.25s;position:relative;overflow:hidden}
.race::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);opacity:0;transition:.3s}
.race:hover{transform:translateY(-5px);border-color:rgba(247,194,59,.3)}
.race:hover::before{opacity:1}
.race-top{display:flex;align-items:center;gap:20px;margin-bottom:8px}
.rport{width:124px;height:124px;border-radius:50%;object-fit:cover;border:3px solid rgba(247,194,59,.5);
  box-shadow:0 12px 30px rgba(0,0,0,.55),0 0 0 6px rgba(247,194,59,.08);flex:0 0 auto}
.race h4{font-family:'Unbounded';font-weight:700;font-size:18px;letter-spacing:.02em}
.race p{margin-top:10px;color:var(--muted);font-size:14px;line-height:1.65}
.races-note{margin-top:26px;text-align:center;color:var(--muted);font-size:14px;letter-spacing:.18em;text-transform:uppercase}

/* CLASS MARQUEE */
.mq-wrap{margin-top:60px;display:flex;flex-direction:column;gap:16px;--mqw:100%}
.mq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-track{display:flex;gap:16px;width:max-content;animation:mq 42s linear infinite}
.mq.rev .mq-track{animation-direction:reverse;animation-duration:52s}
.mq:hover .mq-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.klass{flex:0 0 auto;width:360px;padding:24px 26px;background:var(--panel);border:1px solid var(--line);border-radius:18px}
.klass{display:grid;grid-template-columns:106px 1fr;grid-template-rows:auto auto;column-gap:20px;align-items:center}
.klass .kic{grid-row:1/3;width:106px;height:106px;object-fit:contain;padding:16px;border-radius:50%;box-sizing:border-box;
  background:radial-gradient(circle at 35% 28%,#2b2114,#140f08 74%);border:1.5px solid rgba(247,194,59,.5);
  filter:drop-shadow(0 6px 16px rgba(247,194,59,.28))}
.klass h5{font-family:'Unbounded';font-weight:700;font-size:15px;letter-spacing:.03em;color:var(--gold-2)}
.klass p{margin-top:6px;color:var(--muted);font-size:13.5px;line-height:1.6}


/* STEPS 3-5 */
.steps2{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.step-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;
  display:flex;flex-direction:column;transition:border-color .25s,transform .25s}
.step-card:hover{border-color:rgba(247,194,59,.34);transform:translateY(-4px)}
.step-img{height:184px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#241a10,#0e0b06)}
.step-img img{width:100%;height:100%;object-fit:cover;display:block}
.step-img::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 52%,rgba(14,11,7,.94));box-shadow:inset 0 0 50px rgba(14,10,5,.4)}
.step-body{padding:26px 26px 28px}
.step-card h3{font-family:'Unbounded';font-weight:700;font-size:20px;margin-top:10px}
.step-card p{margin-top:12px;color:var(--muted);font-size:14px;line-height:1.7}
.step-chips{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.step-chips span{padding:9px 13px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.step-chips b{color:var(--gold);font-weight:700}
.skill-chips{margin-top:16px;display:flex;flex-wrap:wrap;gap:7px}
.skill-chips i{font-style:normal;padding:6px 11px;border-radius:99px;background:rgba(247,194,59,.08);
  border:1px solid rgba(247,194,59,.2);font-size:11.5px;color:var(--gold-2)}
.board-strip{margin-top:48px;text-align:center;will-change:transform}
.board-frame{position:relative;max-width:900px;margin:0 auto;border-radius:22px;overflow:hidden;
  border:1.5px solid rgba(247,194,59,.3);box-shadow:0 36px 72px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.4)}
.board-frame img{width:100%;display:block}
.board-frame::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:22px;
  box-shadow:inset 0 0 90px 28px rgba(14,10,5,.72)}
.board-strip .bs-cap{display:block;margin-top:20px;text-align:center;color:var(--muted);font-size:14px;letter-spacing:.01em}
.board-showcase{margin-top:54px;display:grid;grid-template-columns:1.24fr .76fr;gap:40px;align-items:center}
.bsx-media .board-frame{max-width:none}
.bsx-info .kicker{margin-bottom:10px}
.bsx-info h3.disp{font-size:clamp(26px,2.8vw,34px);font-weight:800;line-height:1.05}
.bsx-info>p{color:#d9d3c4;font-size:15px;line-height:1.62;margin-top:14px}
.bsx-zones{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:15px}
.bsx-zones li{position:relative;padding-left:22px}
.bsx-zones li::before{content:"";position:absolute;left:1px;top:7px;width:8px;height:8px;border-radius:2px;
  transform:rotate(45deg);background:var(--grad);box-shadow:0 0 12px rgba(247,194,59,.35)}
.bsx-zones b{display:block;font-family:'Playfair Display',serif;font-weight:700;color:var(--gold-2);font-size:16px;letter-spacing:.2px}
.bsx-zones span{display:block;color:var(--muted);font-size:13.5px;margin-top:3px;line-height:1.5}
@media(max-width:860px){.board-showcase{grid-template-columns:1fr;gap:26px}}
.sphere-showcase{margin-top:30px;display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:center;
  padding:clamp(24px,2.6vw,42px);border:1px solid var(--line);border-radius:24px;
  background:radial-gradient(130% 110% at 100% 0%,rgba(247,194,59,.05),transparent 55%),var(--panel)}
.sph-info .kicker{margin-bottom:9px}
.sph-info h3.disp{font-size:clamp(24px,2.6vw,32px);font-weight:800;line-height:1.05}
.sph-info>p{color:#d9d3c4;font-size:14px;line-height:1.6;margin-top:12px}
.sph-stats{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--line);border-radius:12px;overflow:hidden}
.sph-stats .aw{padding:15px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.sph-stats .aw:nth-child(3n){border-right:none}
.sph-stats .aw:nth-child(n+7){border-bottom:none}
.aw b{display:block;font-family:'Unbounded';font-weight:800;font-size:24px;line-height:1;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.aw span{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.35}
.codex-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(247,194,59,.22);
  box-shadow:0 30px 66px rgba(0,0,0,.5),inset 0 0 0 5px rgba(20,14,7,.45);transform:rotate(-1.1deg);will-change:transform}
.codex-frame img{width:100%;display:block}
.codex-frame::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:14px;
  box-shadow:inset 0 0 54px rgba(20,14,7,.32)}
@media(max-width:1080px){.steps2{grid-template-columns:1fr}}
@media(max-width:860px){.sphere-showcase{grid-template-columns:1fr;gap:24px}
  .sph-stats{grid-template-columns:1fr 1fr}
  .sph-stats .aw{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .sph-stats .aw:nth-child(2n){border-right:none}
  .sph-stats .aw:last-child{border-bottom:none}}

/* MAP */
#world{overflow:hidden;background:radial-gradient(1000px 500px at 15% 15%,rgba(239,143,60,.06),transparent 60%),var(--ink)}
.world-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.map-frame{position:relative;border-radius:26px;overflow:hidden;border:1px solid rgba(247,194,59,.25);
  box-shadow:0 50px 110px rgba(0,0,0,.6);transform:perspective(1400px) rotateY(-7deg) rotateX(2deg);will-change:transform}
.map-frame img{width:100%;display:block}
.map-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 55%,rgba(255,224,138,.12) 70%,transparent 85%);
  transform:translateX(-120%);animation:sheen 5.5s ease-in-out infinite}
@keyframes sheen{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.world-stats{margin-top:34px;display:flex;gap:34px;flex-wrap:wrap}
.ws b{display:block;font-family:'Unbounded';font-weight:800;font-size:34px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ws span{color:var(--muted);font-size:13.5px}
.modes{margin-top:36px;display:flex;flex-direction:column;gap:14px}
.mode{padding:20px 22px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.mode h5{font-family:'Unbounded';font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-2)}
.mode p{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.65}



/* GAMEPLAY */
#gameplay{position:relative;
  background:radial-gradient(1100px 580px at 88% 6%,rgba(226,115,42,.06),transparent 62%),linear-gradient(180deg,#17171b,#101013 52%,#151519);
  border-top:1px solid rgba(247,194,59,.14);border-bottom:1px solid rgba(247,194,59,.14);
  box-shadow:inset 0 1px 0 rgba(247,194,59,.05),inset 0 -1px 0 rgba(247,194,59,.05)}
.gp-head{max-width:760px}
.gp-showcase{margin-top:40px;box-shadow:0 60px 120px rgba(0,0,0,.65)}
.gp-hero{position:relative;border-radius:22px 22px 0 0;overflow:hidden;border:1.5px solid rgba(247,194,59,.35);border-bottom:none;will-change:transform}
.gp-hero img{width:100%;display:block}
.gp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(10,6,3,.5) 100%);pointer-events:none}
.gp-bar{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;
  padding:22px clamp(22px,2.4vw,36px);border:1.5px solid rgba(247,194,59,.35);border-top:1px solid rgba(247,194,59,.16);
  border-radius:0 0 22px 22px;background:radial-gradient(120% 130% at 100% 0%,rgba(247,194,59,.06),transparent 55%),linear-gradient(155deg,#231b11,#0e0b07 78%)}
.gp-bar-cap .kicker{margin-bottom:9px}
.gp-bar-cap p{color:#cfc9ba;font-size:14px;line-height:1.55;max-width:660px}
.gp-bar-cap b{color:var(--gold-2);font-weight:600}
.gp-facts{display:flex;gap:30px;flex-shrink:0}
.gp-facts div{text-align:center}
.gp-facts b{display:block;font-family:'Unbounded';font-weight:800;font-size:clamp(30px,3.4vw,40px);line-height:1;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gp-facts span{display:block;margin-top:5px;color:var(--muted);font-size:12px;letter-spacing:.02em}
@media(max-width:640px){.gp-facts{width:100%;justify-content:flex-start}}
.phases{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.phase{position:relative;padding:28px 26px;background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.ph-n{position:absolute;top:10px;right:18px;font-family:'Unbounded';font-weight:900;font-size:54px;
  color:transparent;-webkit-text-stroke:1px rgba(247,194,59,.28)}
.phase h4{font-family:'Unbounded';font-weight:700;font-size:17px;max-width:80%}
.phase p{margin-top:12px;color:var(--muted);font-size:14px;line-height:1.7}
.advs{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.adv{padding:24px;background:linear-gradient(180deg,rgba(247,194,59,.05),var(--panel) 55%);border:1px solid rgba(247,194,59,.18);border-radius:18px}
.adv h5{font-family:'Unbounded';font-weight:700;font-size:15px;color:var(--gold-2)}
.adv p{margin-top:10px;color:var(--muted);font-size:13.5px;line-height:1.65}

.gp-note{margin-top:26px;color:var(--muted);font-size:14px;font-style:italic}
/* MONSTER SHOWCASE MARQUEE */
.mon-wrap{margin-top:44px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mon-track{display:flex;gap:22px;width:max-content;animation:mq 46s linear infinite}
.mon-wrap:hover .mon-track{animation-play-state:paused}
.mon-card{flex:0 0 auto;width:220px;border-radius:20px;overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 60px rgba(0,0,0,.5)}
.mon-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.mon-cap{padding:16px 18px 20px}
.mon-tag{display:block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.mon-name{margin-top:4px;font-family:'Unbounded';font-weight:700;font-size:15.5px}
/* CASCADING STICKY STACK (used for phases + story arcs) */
/* All cards are DIRECT siblings of .stack so each pins within the shared
   container and later cards slide up over earlier ones. margin-bottom is the
   scroll "runway" between pin points that produces the cascade. */
.stack{margin-top:54px}
.stack-card{position:sticky;top:calc(88px + var(--i,0) * 24px);
  display:grid;grid-template-columns:1fr 1.06fr;align-items:stretch;
  height:clamp(420px,52vh,510px);
  background:
    radial-gradient(135% 95% at 0% 0%,rgba(247,194,59,.08),transparent 50%),
    linear-gradient(155deg,#231b11,#0e0b07 78%);
  border:1.5px solid rgba(247,194,59,.42);border-radius:18px;overflow:hidden;
  box-shadow:0 44px 92px rgba(0,0,0,.72),0 0 0 1px rgba(0,0,0,.5),inset 0 0 80px rgba(0,0,0,.4);
  transition:border-color .3s,box-shadow .3s}
.stack-card::before{content:"";position:absolute;inset:10px;border:1px solid rgba(247,194,59,.18);border-radius:11px;pointer-events:none;z-index:3}
.stack-card:not(:last-child){margin-bottom:24vh}
.stack-card:hover{border-color:rgba(247,194,59,.68);box-shadow:0 44px 100px rgba(0,0,0,.8),0 0 48px rgba(247,194,59,.15),inset 0 0 80px rgba(0,0,0,.4)}
.stack-body{position:relative;z-index:2;padding:clamp(32px,3.1vw,52px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.stack-n{font-family:'Unbounded';font-weight:900;font-size:clamp(46px,4.6vw,64px);line-height:.85;margin-bottom:16px;
  color:transparent;-webkit-text-stroke:1.8px rgba(247,194,59,.4)}
.stack-tag{display:block;font-family:'Playfair Display',serif;font-style:italic;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.stack-body h4{font-family:'Playfair Display',serif;font-weight:800;font-size:clamp(24px,2.7vw,36px);color:var(--gold-2);letter-spacing:.2px;line-height:1.06;text-shadow:0 2px 22px rgba(247,194,59,.16)}
.stack-body p{margin-top:16px;color:#d9d3c4;font-size:clamp(13.5px,1vw,15.5px);line-height:1.6}
.stack-media{position:relative;overflow:hidden}
.stack-media img{width:100%;height:100%;object-fit:cover;display:block}
.stack-media::before{content:"";position:absolute;inset:0 auto 0 0;width:26%;
  background:linear-gradient(90deg,#150e07,rgba(21,14,7,0));pointer-events:none;z-index:1}
.stack-media::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px rgba(0,0,0,.5);pointer-events:none}
.advs2{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:1080px){.phases,.advs,.advs2{grid-template-columns:1fr}}
@media(max-width:900px){.stack-card{grid-template-columns:1fr;height:auto}
  .stack-media{height:210px;order:-1}.stack-media::before{display:none}
  .stack-body{padding:26px 24px}}
@media(max-width:640px){.stack-card:not(:last-child){margin-bottom:12vh}.stack-card{top:calc(70px + var(--i,0) * 16px)}}

/* BOX CONTENTS */
#box{background:radial-gradient(900px 480px at 12% 0%,rgba(247,194,59,.06),transparent 60%),var(--ink)}
/* hero: 90 miniatures */
.box-hero{margin-top:52px;display:grid;grid-template-columns:1fr 1.1fr;align-items:stretch;
  border-radius:26px;overflow:hidden;border:1.5px solid rgba(247,194,59,.34);
  background:radial-gradient(130% 95% at 0% 0%,rgba(247,194,59,.07),transparent 50%),linear-gradient(155deg,#231b11,#0e0b07 78%);box-shadow:0 44px 92px rgba(0,0,0,.65)}
.box-hero-txt{padding:clamp(30px,3vw,52px);display:flex;flex-direction:column;justify-content:center}
.box-hero-num{font-family:'Unbounded';font-weight:900;font-size:clamp(70px,8.5vw,120px);line-height:.8;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.box-hero-txt h3{font-family:'Unbounded';font-weight:700;font-size:clamp(20px,2.2vw,28px);color:var(--gold-2);margin-top:4px}
.box-hero-txt>p{margin-top:12px;color:#cfc9ba;font-size:15px;line-height:1.6;max-width:430px}
.box-chips{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}
.box-chips span{padding:8px 14px;border:1px solid rgba(247,194,59,.28);border-radius:99px;font-size:12.5px;color:#ece7da;background:rgba(247,194,59,.05)}
.box-chips b{color:var(--gold-2);font-weight:700}
.box-hero-img{position:relative;overflow:hidden;min-height:340px;
  background:radial-gradient(120% 90% at 68% 22%,#17293f,#0a1119 72%)}
.mini-marquee{position:absolute;top:0;bottom:0;left:0;display:flex;align-items:center;gap:0;
  width:max-content;will-change:transform;animation:miniScroll 42s linear infinite}
.mini-marquee img{height:82%;width:auto;flex:0 0 auto;display:block;
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.55))}
@keyframes miniScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.box-hero:hover .mini-marquee{animation-play-state:paused}
.box-hero-img::before{content:"";position:absolute;inset:0 auto 0 0;width:20%;background:linear-gradient(90deg,#0a1119,rgba(10,17,25,0));z-index:2;pointer-events:none}
.box-hero-img::after{content:"";position:absolute;inset:0 0 0 auto;width:12%;background:linear-gradient(270deg,#0a1119,rgba(10,17,25,0));z-index:2;pointer-events:none}
@media(prefers-reduced-motion:reduce){.mini-marquee{animation:none}}
/* feature trio with photos */
.box-feats{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.box-feat{border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:border-color .25s,transform .25s}
.box-feat:hover{border-color:rgba(247,194,59,.42);transform:translateY(-4px)}
.box-feat-img{height:172px;overflow:hidden;position:relative}
.box-feat-img img{width:100%;height:100%;object-fit:cover;display:block}
.box-feat-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(14,14,23,.92));pointer-events:none}
.box-feat-body{padding:18px 24px 24px}
.box-feat-num{font-family:'Unbounded';font-weight:800;font-size:40px;letter-spacing:-1.5px;line-height:1;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.box-feat-body h4{margin-top:4px;font-family:'Unbounded';font-weight:700;font-size:15px;color:var(--gold-2)}
.box-feat-body p{margin-top:9px;color:var(--muted);font-size:13px;line-height:1.55}
/* books shelf */
.box-books{margin-top:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.bb{padding:22px 18px;background:linear-gradient(180deg,rgba(247,194,59,.08),var(--panel) 55%);border:1px solid rgba(247,194,59,.22);border-radius:16px;text-align:center}
.bb b{display:block;font-family:'Unbounded';font-weight:800;font-size:26px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bb span{display:block;margin-top:8px;color:#ece7da;font-size:13px;line-height:1.4}
/* detail pills */
.box-detail{margin-top:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bd{padding:20px 16px;background:rgba(14,14,23,.7);border:1px solid var(--line);border-radius:14px;text-align:center}
.bd b{display:block;font-family:'Unbounded';font-weight:800;font-size:clamp(22px,2.2vw,30px);letter-spacing:-.5px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bd span{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.4}
.box-note{margin-top:24px;color:var(--muted);font-size:14px;line-height:1.7;max-width:820px}
.box-note b{color:var(--gold-2);font-weight:600}
@media(max-width:1080px){.box-hero{grid-template-columns:1fr}.box-hero-img{min-height:230px;order:-1}.box-hero-img::before{display:none}
  .box-feats{grid-template-columns:1fr}.box-books,.box-detail{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.box-books,.box-detail{grid-template-columns:repeat(2,1fr)}}

/* SUNKEN EMPIRE */
#pirates{overflow:hidden}
#pirates .p-bg{position:absolute;inset:-16% 0;background:url('../reference/som/pirate_art.png') center 20%/cover no-repeat;opacity:.16;filter:blur(6px) saturate(1.15);will-change:transform}
#pirates .p-veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--ink),rgba(7,7,12,.35) 30%,rgba(7,7,12,.45) 70%,var(--ink))}
.pir-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.pir-art{position:relative;will-change:transform}
.pir-art img{width:100%;max-width:560px;display:block;margin:0 auto;border-radius:26px;
  border:1px solid rgba(247,194,59,.28);box-shadow:0 60px 120px rgba(0,0,0,.7);animation:float1 9s ease-in-out infinite}
.pir-stats{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ps{padding:16px 14px;background:rgba(14,14,23,.72);border:1px solid var(--line);border-radius:14px;text-align:center;backdrop-filter:blur(5px)}
.ps b{display:block;font-family:'Unbounded';font-weight:800;font-size:24px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ps span{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.35}
@media(max-width:1080px){.pir-grid{grid-template-columns:1fr}}

/* VIDEO */
#video .vid-grid{margin-top:56px;display:grid;grid-template-columns:1.35fr .65fr;gap:20px}
.vid-main{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#000;aspect-ratio:16/9}
.vid-main iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.4s}
.vid-main>.play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:72px;height:72px;border-radius:50%;background:rgba(7,7,12,.58);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);display:grid;place-items:center;transition:.25s}
.vid-main:hover>img{transform:scale(1.025)}
.vid-main:hover>.play{background:var(--grad);border-color:transparent}
.vid-main:hover>.play i{border-left-color:#1a1206}
.vid-side{display:flex;flex-direction:column;gap:20px}
.vthumb{position:relative;flex:1;border-radius:18px;overflow:hidden;border:1px solid var(--line);min-height:120px;display:block}
.vthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.4s}
.vthumb:hover img{transform:scale(1.05)}
.vthumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(7,7,12,.85))}
.vthumb .vt{position:absolute;left:16px;bottom:12px;z-index:2;font-size:13.5px;font-weight:600}
.vthumb .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:52px;height:52px;border-radius:50%;
  background:rgba(7,7,12,.55);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(6px);display:grid;place-items:center;transition:.25s}
.vthumb:hover .play{background:var(--grad);border-color:transparent}
.play i{width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff;margin-left:3px}
.vthumb:hover .play i{border-left-color:#1a1206}

/* GALLERY strip */
.shots{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.shot{border-radius:18px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;position:relative}
.shot img{width:100%;height:100%;object-fit:cover;transition:.5s}
.shot:hover img{transform:scale(1.06)}

/* SHIPPING */
.ship-grid{margin-top:52px;display:grid;grid-template-columns:.85fr 1.1fr 1.05fr;gap:20px}
.ship-card{padding:30px 28px;background:var(--panel);border:1px solid var(--line);border-radius:20px}
.ship-card.feat{background:linear-gradient(180deg,rgba(247,194,59,.09),var(--panel) 55%);border-color:rgba(247,194,59,.4);display:flex;flex-direction:column;justify-content:center}
.ship-card b.disp{font-weight:800;font-size:clamp(30px,3.4vw,42px);letter-spacing:-1px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ship-card h5{font-family:'Unbounded';font-weight:700;font-size:15px;letter-spacing:.03em;color:var(--gold-2)}
.ship-card p{margin-top:12px;color:var(--muted);font-size:14.5px;line-height:1.7}
.ship-card p b{color:var(--txt);font-weight:600}
@media(max-width:1080px){.ship-grid{grid-template-columns:1fr}}

/* FINAL CTA */
#final{overflow:hidden}
#final .bgart{position:absolute;inset:-14% 0;background:url('../reference/hero/center_art.png') center 70%/cover no-repeat;opacity:.3;will-change:transform}
#final .veil{position:absolute;inset:0;background:linear-gradient(180deg,var(--ink) 2%,rgba(7,7,12,.72) 40%,rgba(7,7,12,.6) 60%,var(--ink) 98%)}
#final .side-fig{position:absolute;bottom:0;width:420px;max-width:34vw;z-index:1;pointer-events:none;filter:drop-shadow(0 30px 50px rgba(0,0,0,.8))}
#final .side-fig img{width:100%;display:block}
#final .side-fig.left{left:-20px}
#final .side-fig.right{right:-20px}
@media(max-width:1100px){#final .side-fig{width:300px;max-width:30vw}}
@media(max-width:640px){#final .side-fig{width:150px;max-width:38vw;opacity:.85}}
.final-in{position:relative;z-index:2;text-align:center;padding:150px 20px}
.final-in h2{font-family:'Unbounded';font-weight:900;font-size:clamp(30px,5vw,58px);letter-spacing:-1.5px;text-transform:uppercase;line-height:1.05}
.final-in p{margin:20px auto 0;max-width:520px;color:#d3cdbc;font-size:16px;line-height:1.7}
.final-in .note{margin-top:14px;font-size:13.5px;color:var(--muted)}
/* FOOTER */
footer{border-top:1px solid var(--line);background:radial-gradient(900px 420px at 12% 20%,rgba(247,194,59,.05),transparent 62%),var(--panel)}
.foot-in{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;padding:56px 0}
.foot-zep{display:grid;place-items:center}
.foot-zep img{max-width:540px;width:100%;filter:drop-shadow(0 26px 46px rgba(0,0,0,.6));animation:zepFloat 7s ease-in-out infinite;transform-origin:60% 50%;will-change:transform}
@keyframes zepFloat{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-14px) rotate(1.2deg)}}
.foot-zep:hover img{animation-duration:3.2s}
.foot-links{display:flex;flex-wrap:wrap;gap:26px;font-size:16px;font-weight:500;color:#ece7da}
.foot-links a{color:#ece7da;transition:color .2s}
.foot-links a:hover{color:var(--gold)}
.foot-phone{margin-top:20px;display:flex;align-items:center;gap:14px}
.foot-phone b{font-family:'Unbounded';font-weight:700;font-size:clamp(20px,2.2vw,27px);color:var(--txt)}
.mail-btn{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--grad);color:#1a1206;transition:transform .25s,box-shadow .25s}
.mail-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(247,194,59,.35)}
.vk-btn{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;
  border:1px solid rgba(247,224,180,.22);background:rgba(255,255,255,.03);color:#ece7da;
  transition:transform .25s,border-color .25s,color .25s,background .25s}
.vk-btn:hover{transform:translateY(-2px);border-color:rgba(247,194,59,.55);color:var(--gold);background:rgba(247,194,59,.07)}
.vk-btn svg{width:19px;height:19px}
.mail-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.foot-sub{margin-top:26px}
.foot-sub h4{font-family:'Unbounded';font-weight:700;font-size:18px;line-height:1.35;max-width:330px}
.sub-row{margin-top:16px;display:flex;align-items:center;gap:8px;max-width:430px;padding:6px 6px 6px 18px;
  border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .25s}
.sub-row:focus-within{border-color:rgba(247,194,59,.45)}
.sub-row input{flex:1;min-width:0;border:none;background:none;outline:none;color:var(--txt);font-family:'Rubik';font-size:14px}
.sub-row input::placeholder{color:var(--muted)}
.sub-row button{padding:11px 20px;border-radius:9px;border:none;cursor:pointer;background:var(--grad);color:#1a1206;
  font-family:'Rubik';font-weight:700;font-size:13px;flex-shrink:0;transition:transform .22s,box-shadow .22s}
.sub-row button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(247,194,59,.35)}
.consent{margin-top:12px;display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--muted)}
.consent input{accent-color:var(--gold);width:13px;height:13px}
.foot-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 0 30px;border-top:1px solid var(--line);font-size:13px;color:#9d968a}
.foot-bot a:hover{color:var(--gold)}
@media(max-width:560px){
  .foot-in{grid-template-columns:1fr;gap:30px;padding:40px 0}.foot-zep img{max-width:300px}
  .foot-bot{flex-direction:column;gap:10px}
}


@media(max-width:1080px){
  .lots{grid-template-columns:repeat(2,1fr)}
  .story-grid,.world-grid{grid-template-columns:1fr}
  .medals{height:420px}
  #video .vid-grid{grid-template-columns:1fr}
  .races{grid-template-columns:1fr 1fr}
  .counters{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .races,.shots{grid-template-columns:1fr}
  .wrap{padding:0 22px}
}