/* Cartridge home: shared layout (shell) + hero. Sections own their inner content (assets/home/<name>.js). */
.home{display:flex;flex-direction:column;gap:16px;padding-bottom:28px;--home-pad:24px;--home-r:10px}
.home-row{display:grid;gap:16px;align-items:stretch}
.home-row-a{grid-template-columns:minmax(0,2.65fr) minmax(300px,1fr)}
.home-row-b{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr)}
.home-sec{position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--home-r);padding:var(--home-pad);
  background:linear-gradient(180deg,rgba(237,234,224,.025),rgba(237,234,224,0) 60%),#11110f;
  box-shadow:inset 0 1px 0 rgba(237,234,224,.04),0 24px 48px -32px rgba(0,0,0,.8);scroll-margin-top:96px;
  animation:homeIn .7s cubic-bezier(.2,.8,.2,1) both}
.home-row-a .home-sec:nth-child(2){animation-delay:.08s}
/* once a module has rendered its own framed root, the shell frame steps aside and the root fills the cell */
.home-sec:not(:empty):not(.home-failed){border:0;padding:0;background:none;box-shadow:none;display:flex;flex-direction:column}
.home-sec:not(:empty):not(.home-failed)>*{flex:1 1 auto;min-width:0}
.home-row-b .home-sec{animation-delay:.14s}.home-row-b .home-sec:nth-child(2){animation-delay:.2s}
.home-hero{scroll-margin-top:96px}
@keyframes homeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* Section titles: zero specificity so modules can restyle freely. */
:where(.home-sec) :where(h2){margin:0;font:900 clamp(30px,2.9vw,44px)/.9 var(--display);font-stretch:125%;letter-spacing:-.025em;text-transform:uppercase;color:var(--paper)}
:where(.home) :where(.home-kicker){font:500 10px/1.45 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}

/* skeleton while a module loads */
.home-sec:empty{min-height:var(--ph-h,300px);overflow:hidden}
#home-live:empty{--ph-h:360px}#home-compete:empty,#home-fees:empty{--ph-h:180px}
.home-sec:empty::before{content:attr(data-title);display:block;font:900 clamp(28px,2.8vw,42px)/.9 var(--display);font-stretch:125%;letter-spacing:-.02em;text-transform:uppercase;color:rgba(237,234,224,.09)}
.home-sec:empty::after{content:'';position:absolute;left:var(--home-pad);right:var(--home-pad);top:calc(var(--home-pad) + 62px);bottom:var(--home-pad);border-radius:8px;
  background:linear-gradient(100deg,rgba(237,234,224,.025) 35%,rgba(237,234,224,.06) 50%,rgba(237,234,224,.025) 65%) 0 0/220% 100%;animation:homeShim 1.5s linear infinite}
#home-arcade:empty::after{background:linear-gradient(100deg,rgba(237,234,224,.025) 35%,rgba(237,234,224,.06) 50%,rgba(237,234,224,.025) 65%) 0 0/220% 100%;
  -webkit-mask:linear-gradient(90deg,#000 0 calc(33.33% - 11px),transparent 0 calc(33.33% + 11px),#000 0 calc(66.66% - 11px),transparent 0 calc(66.66% + 11px),#000 0);
  mask:linear-gradient(90deg,#000 0 calc(33.33% - 11px),transparent 0 calc(33.33% + 11px),#000 0 calc(66.66% - 11px),transparent 0 calc(66.66% + 11px),#000 0)}
.home-hero:empty{min-height:min(620px,80vh);border-radius:var(--home-r);background:radial-gradient(60% 70% at 70% 50%,rgba(255,91,31,.12),transparent 70%)}
@keyframes homeShim{to{background-position:-220% 0}}

/* placeholder when a module is missing/failed */
.home-ph{display:flex;flex-direction:column;gap:18px;height:100%}
.home-ph h2{color:rgba(237,234,224,.32)!important}
.home-ph-art{flex:1;display:flex;gap:14px;min-height:90px}
.home-ph-art i{flex:1;border:1.5px dashed rgba(237,234,224,.14);border-radius:10px 0 6px 6px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);
  background:repeating-linear-gradient(135deg,rgba(237,234,224,.025) 0 10px,transparent 10px 20px)}
#home-live .home-ph-art,#home-compete .home-ph-art,#home-fees .home-ph-art{flex-direction:column}
#home-compete .home-ph-art i:nth-child(n+2),#home-fees .home-ph-art i:nth-child(n+2){display:none}
.home-ph-note{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:500 10px/1.4 var(--mono);letter-spacing:.14em;color:var(--mute)}
.home-ph-note a{color:var(--dim)}.home-ph-note a:hover{color:var(--hot)}
.home-ph-led{width:7px;height:7px;border-radius:50%;background:var(--warn);box-shadow:0 0 8px var(--warn);animation:pdot 1.4s infinite}
.home-hero.home-failed{padding:48px 0}

@media (max-width:1000px){
  .home-row-a,.home-row-b{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .home{--home-pad:16px;gap:14px}
  .home-row{gap:14px}
}

/* ======================= HERO ======================= */
.hh{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:8px 28px;
  padding:30px 0 30px;min-height:clamp(480px,calc(100vh - 250px),600px);border-bottom:1px solid var(--line);overflow:clip;overflow-clip-margin:0}
.hh::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(34% 50% at 68% 52%,rgba(255,91,31,.20),transparent 72%),radial-gradient(22% 30% at 88% 24%,rgba(242,179,61,.06),transparent 72%)}
.hh::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.5;
  background-image:radial-gradient(rgba(237,234,224,.10) 1px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask:radial-gradient(40% 62% at 68% 52%,#000,transparent 80%);mask:radial-gradient(40% 62% at 68% 52%,#000,transparent 80%)}
.hh>*{position:relative;z-index:1}.hh>.hh-copy{z-index:2}

/* copy */
.hh-copy{container-type:inline-size;display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-width:0;padding-block:8px}
.hh-eye{display:inline-flex;align-items:center;gap:12px;font:500 13px/1 var(--mono);letter-spacing:.26em;color:var(--paper)}
.hh-eye i{width:9px;height:9px;border-radius:50%;background:#3DDC84;box-shadow:0 0 0 0 rgba(61,220,132,.4),0 0 10px rgba(61,220,132,.7);animation:hhPing 1.8s infinite}
@keyframes hhPing{70%{box-shadow:0 0 0 9px rgba(61,220,132,0),0 0 10px rgba(61,220,132,.7)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0),0 0 10px rgba(61,220,132,.7)}}
.hh-h1{margin:0;display:flex;flex-direction:column;font:900 64px/.84 var(--display);font-size:clamp(44px,12.3cqi,108px);font-stretch:125%;letter-spacing:-.035em;text-transform:uppercase;color:var(--paper)}
.hh-h1 span{display:block;white-space:nowrap;animation:hhRise .8s cubic-bezier(.2,.8,.2,1) both}
.hh-h1 span:nth-child(2){animation-delay:.07s}.hh-h1 span:nth-child(3){animation-delay:.14s}
.hh-h1 .hot{color:var(--hot);text-shadow:0 0 40px rgba(255,91,31,.25)}
@keyframes hhRise{from{opacity:0;transform:translateY(.32em)}to{opacity:1;transform:none}}
.hh-lede{margin:4px 0 0;font:500 clamp(15px,1.3vw,19px)/1.4 var(--mono);letter-spacing:-.01em;color:var(--paper);animation:hhRise .8s .22s cubic-bezier(.2,.8,.2,1) both}
.hh-cta{display:flex;flex-wrap:wrap;gap:14px;animation:hhRise .8s .3s cubic-bezier(.2,.8,.2,1) both}
.hh-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 30px;border-radius:3px;font:600 14px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,box-shadow .2s,border-color .2s}
.hh-btn svg{transition:transform .2s}
.hh-btn.hot{background:var(--hot);color:var(--ink);border:1px solid var(--hot);box-shadow:0 10px 30px -12px rgba(255,91,31,.75),inset 0 -3px 0 rgba(0,0,0,.18)}
.hh-btn.hot:hover{background:var(--hot2);transform:translateY(-2px);box-shadow:0 16px 36px -12px rgba(255,91,31,.9),inset 0 -3px 0 rgba(0,0,0,.18)}
.hh-btn.hot:hover svg{transform:translateX(4px)}
.hh-btn.ghost{background:rgba(13,13,11,.4);color:var(--paper);border:1px solid rgba(237,234,224,.45)}
.hh-btn.ghost:hover{border-color:var(--paper);background:rgba(237,234,224,.07);transform:translateY(-2px)}
.hh-btn:active{transform:translateY(0) scale(.98)}
.hh-note{margin:-6px 0 0;font:500 11px/1.4 var(--mono);letter-spacing:.08em;color:var(--dim);animation:hhRise .8s .36s cubic-bezier(.2,.8,.2,1) both}
.hh-ca{display:inline-flex;align-items:center;gap:10px;max-width:100%;margin-top:2px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:rgba(13,13,11,.5);
  font:500 11px/1 var(--mono);letter-spacing:.06em;color:var(--dim);transition:border-color .2s,color .2s;animation:hhRise .8s .42s cubic-bezier(.2,.8,.2,1) both}
.hh-ca b{font-weight:600;color:var(--hot);letter-spacing:.12em}
.hh-ca code{font:inherit;color:var(--paper)}
.hh-ca:hover{border-color:rgba(255,91,31,.6);color:var(--paper)}

/* stage */
.hh-stage{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:0;padding-top:10px}
.hh-tag{position:absolute;right:0;top:-14px;padding-left:12px;border-left:1px solid var(--line2);font:500 9px/1.5 var(--mono);letter-spacing:.24em;color:var(--dim);text-transform:uppercase}
.hh-scene{position:relative;width:min(100%,780px);perspective:1400px;animation:hhFloat 7s ease-in-out infinite}
@keyframes hhFloat{50%{transform:translateY(-8px)}}
.hh-tilt{position:relative;transform-style:preserve-3d;--tx:0;--ty:0;
  transform:rotateY(calc(var(--tx) * 9deg)) rotateX(calc(var(--ty) * -6deg));animation:hhInsert 1.1s .1s cubic-bezier(.2,.9,.25,1) both}
@keyframes hhInsert{from{opacity:0;transform:translateY(60px) rotateX(18deg) rotateZ(-3deg) scale(.94)}to{opacity:1}}

/* shells */
.hh-cart,.hh-back{--c1:#FF7B3F;--c2:#FF5B1F;--c3:#E14A13;--c4:#A9370B;--ink2:rgba(13,13,11,.28)}
.hh-shell{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) 90px;gap:0 14px;padding:18px 16px 20px 14px;
  border-radius:16px 22px 14px 14px;
  background:radial-gradient(120% 90% at 0% 0%,rgba(255,255,255,.22),transparent 45%),linear-gradient(165deg,var(--c1),var(--c2) 38%,var(--c3));
  box-shadow:inset 0 2px 0 rgba(255,255,255,.38),inset 2px 0 0 rgba(255,255,255,.12),inset 0 -5px 0 rgba(0,0,0,.16),inset -3px 0 0 rgba(0,0,0,.08),
    0 2px 0 var(--c4),0 4px 0 var(--c4),0 6px 0 var(--c4),0 8px 0 var(--c4),0 10px 0 color-mix(in srgb,var(--c4) 80%,#000),
    0 40px 70px -24px rgba(0,0,0,.85),0 0 90px -30px color-mix(in srgb,var(--c2) 60%,transparent)}
.hh-shell::before{content:'';position:absolute;left:50px;right:120px;top:6px;height:5px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}
.hh-shell::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.18;mix-blend-mode:overlay;
  background-image:radial-gradient(rgba(0,0,0,.6) .6px,transparent .8px);background-size:4px 4px}
.hh-ridges{background:repeating-linear-gradient(180deg,rgba(0,0,0,.22) 0 2px,rgba(255,255,255,.16) 2px 3px,transparent 3px 9px);border-radius:3px}
.hh-ridges.l{align-self:stretch;margin-block:14px 46%}
.hh-face{min-width:0;display:flex;flex-direction:column;background:#121210;border-radius:10px;padding:7px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 3px rgba(0,0,0,.18),0 1px 0 4px rgba(255,255,255,.12)}
.hh-screen{position:relative;aspect-ratio:16/9.4;border-radius:6px;overflow:hidden;background:#090908;cursor:pointer;touch-action:pan-y;isolation:isolate}
.hh-slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s ease;pointer-events:none}
.hh-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);transform-origin:var(--ox,50%) var(--oy,50%)}
.hh-slide.on{opacity:1;z-index:1}
.hh-slide.on img{animation:hhKB 9s linear both}
@keyframes hhKB{from{transform:scale(1.04)}to{transform:scale(1.16)}}
.hh-glare{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(calc(115deg + var(--tx,0) * 20deg),rgba(255,255,255,.16),rgba(255,255,255,0) 34%),radial-gradient(130% 100% at 50% 50%,transparent 62%,rgba(0,0,0,.45));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 0 30px rgba(0,0,0,.45)}
.hh-scan{position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.10) 0 1px,transparent 1px 3px);opacity:.55}
.hh-flash{position:absolute;inset:0;z-index:4;pointer-events:none;background:#fff;opacity:0}
.hh-flash.go{animation:hhFlash .45s ease-out}
@keyframes hhFlash{0%{opacity:.18}100%{opacity:0}}
.hh-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  background:radial-gradient(70% 70% at 50% 45%,#23221d,#0a0a08 75%)}
.hh-empty img{width:22%;max-width:110px;image-rendering:pixelated;filter:drop-shadow(0 0 22px rgba(61,220,132,.3));animation:bxcart 3.2s cubic-bezier(.5,0,.3,1) infinite}
.hh-empty span{font:400 clamp(11px,1.4vw,15px)/1 var(--pixel);letter-spacing:.12em;color:var(--paper);animation:pdot 1.2s steps(2) infinite}
.hh-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 10px 8px 12px;min-height:64px}
.hh-name{min-width:0;display:flex;flex-direction:column;gap:6px}
.hh-name b{font:900 clamp(16px,1.5vw,22px)/1 var(--display);font-stretch:125%;letter-spacing:-.01em;text-transform:uppercase;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hh-name small{display:flex;align-items:center;gap:8px;font:500 10px/1 var(--mono);letter-spacing:.14em;color:var(--dim);white-space:nowrap;overflow:hidden}
.hh-name small i{width:6px;height:6px;border-radius:50%;background:#3DDC84;box-shadow:0 0 6px #3DDC84;flex:none}
.hh-name.swap{animation:hhTxt .5s cubic-bezier(.2,.8,.2,1)}
@keyframes hhTxt{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hh-play{flex:none;display:inline-flex;align-items:center;gap:10px;background:transparent;border:1px solid rgba(237,234,224,.55);border-radius:3px;padding:11px 14px;
  font:600 11px/1 var(--mono);letter-spacing:.16em;color:var(--paper);transition:background .2s,color .2s,border-color .2s,transform .2s}
.hh-play:hover{background:var(--hot);border-color:var(--hot);color:var(--ink);transform:translateY(-1px)}
.hh-play svg{transition:transform .2s}.hh-play:hover svg{transform:translateX(3px)}
.hh-side{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-width:0;padding-top:2px}
.hh-side .hh-ridges{height:74px;margin-inline:6px}
.hh-badge{align-self:center;width:58px;height:58px;display:grid;place-items:center;border-radius:11px;background:#1d1d1a;
  box-shadow:inset 0 0 0 2px rgba(237,234,224,.75),inset 0 0 0 5px #1d1d1a,inset 0 0 0 6px rgba(237,234,224,.18),0 4px 0 rgba(0,0,0,.25);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.hh-badge img{width:38px;height:38px;image-rendering:pixelated}
.hh-cart:hover .hh-badge{transform:rotate(-6deg) scale(1.05)}
.hh-slabel{margin-top:auto;padding:2px 0 2px 10px;border-left:1.5px solid var(--ink2);font:600 10px/1.55 var(--mono);letter-spacing:.2em;color:rgba(13,13,11,.75);text-transform:uppercase}

/* back cartridges */
.hh-back{position:absolute;top:8%;width:44%;z-index:-1;transition:transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.hh-back .hh-shell{grid-template-columns:minmax(0,1fr) 40px;padding:12px 10px 14px 12px;gap:0 10px;border-radius:12px 16px 10px 10px}
.hh-back .hh-face{padding:5px;border-radius:7px}
.hh-back .hh-screen{aspect-ratio:4/3.3;cursor:default}
.hh-back .hh-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.62);transition:opacity .5s}
.hh-back .hh-side{gap:10px}.hh-back .hh-side .hh-ridges{height:40px;margin-inline:2px}
.hh-back .hh-badge{width:30px;height:30px;border-radius:7px}.hh-back .hh-badge img{width:20px;height:20px}
.hh-back .hh-blabel{position:absolute;left:18px;bottom:22px;z-index:5;font:700 10px/1.25 var(--mono);letter-spacing:.14em;color:rgba(13,13,11,.72);text-transform:uppercase}
.hh-back-l{left:-2%;width:47%;top:6%;--c1:#FFD266;--c2:#F2B33D;--c3:#D99A25;--c4:#9C6D14;transform:translateX(calc(var(--tx,0) * -14px)) translateY(calc(var(--ty,0) * -8px)) translateZ(-120px) rotate(-7deg) scale(.86)}
.hh-back-r{right:-10%;top:13%;-webkit-mask:linear-gradient(90deg,#000 50%,transparent 97%);mask:linear-gradient(90deg,#000 50%,transparent 97%);--c1:#FFF8E6;--c2:#EDE3C6;--c3:#D3C59E;--c4:#9E8F63;transform:translateX(calc(var(--tx,0) * 18px)) translateY(calc(var(--ty,0) * -10px)) translateZ(-160px) rotate(6deg) scale(.8)}
.hh-back .hh-blabel{display:none}
.hh-back-l .hh-shell{grid-template-columns:40px minmax(0,1fr)}.hh-back-l .hh-face{order:2}.hh-back-l .hh-side{order:1}
.hh-back-l .hh-blabel{display:block;left:10px;bottom:16px;color:rgba(13,13,11,.78);padding:7px 9px;background:linear-gradient(160deg,#FFD266,#F2B33D);border-radius:3px;box-shadow:0 2px 0 rgba(0,0,0,.25)}
.hh-cart{position:relative;margin-inline:11.5%;outline:none;border-radius:18px}
.hh-cart:focus-visible{box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--hot)}

/* controls */
.hh-ctl{display:flex;align-items:center;gap:14px;font:500 11px/1 var(--mono);letter-spacing:.14em;color:var(--dim);animation:hhRise .8s .5s cubic-bezier(.2,.8,.2,1) both}
.hh-arrow{width:36px;height:36px;display:grid;place-items:center;background:transparent;border:1px solid var(--line2);border-radius:50%;color:var(--paper);transition:border-color .2s,background .2s,transform .2s}
.hh-arrow:hover{border-color:var(--hot);background:rgba(255,91,31,.1)}.hh-arrow:active{transform:scale(.92)}
.hh-dots{display:flex;align-items:center;gap:6px}
.hh-dot{position:relative;width:18px;height:6px;padding:0;border:0;border-radius:3px;background:rgba(237,234,224,.18);overflow:hidden;transition:width .35s cubic-bezier(.2,.8,.2,1),background .2s}
.hh-dot:hover{background:rgba(237,234,224,.35)}
.hh-dot.on{width:46px;background:rgba(237,234,224,.18)}
.hh-dot.on::after{content:'';position:absolute;inset:0;background:var(--hot);transform-origin:left;transform:scaleX(0);animation:hhProg var(--dur,6s) linear forwards}
.hh-paused .hh-dot.on::after,.hh-noauto .hh-dot.on::after{animation-play-state:paused}
.hh-noauto .hh-dot.on::after{transform:scaleX(1);animation:none}
@keyframes hhProg{to{transform:scaleX(1)}}
.hh-count{min-width:54px;text-align:center;font-variant-numeric:tabular-nums}.hh-count b{color:var(--paper);font-weight:600}
.hh-ctl[hidden]{display:none}

/* responsive */
@media (max-width:1180px){.hh-now{display:none}.hh-shell{grid-template-columns:18px minmax(0,1fr) 74px;gap:0 12px}.hh-side .hh-ridges{height:56px}.hh-badge{width:50px;height:50px}.hh-badge img{width:32px;height:32px}}
@media (max-width:1100px){
  .hh{grid-template-columns:minmax(0,1fr);gap:34px;padding:30px 0 30px;min-height:0}
  .hh::before{background:radial-gradient(70% 40% at 50% 74%,rgba(255,91,31,.2),transparent 70%)}
  .hh::after{-webkit-mask:radial-gradient(70% 40% at 50% 74%,#000,transparent 75%);mask:radial-gradient(70% 40% at 50% 74%,#000,transparent 75%)}
  .hh-copy{max-width:640px}
  .hh-tag{display:none}
}
@media (max-width:560px){
  .hh-copy{gap:18px}
  .hh-cta{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .hh-btn{min-height:52px;padding:0 18px;font-size:13px}
  .hh-cart{margin-inline:4%}
  .hh-shell{grid-template-columns:minmax(0,1fr) 44px;gap:0 9px;padding:11px 9px 13px 10px;border-radius:12px 15px 10px 10px}
  .hh-shell>.hh-ridges.l{display:none}
  .hh-face{padding:5px;border-radius:8px}
  .hh-bar{padding:10px 4px 4px 6px;min-height:50px;gap:8px}
  .hh-name small{font-size:9px;letter-spacing:.1em}
  .hh-name b{font-size:14px;letter-spacing:-.02em}
  .hh-play{padding:9px 10px;font-size:10px;letter-spacing:.1em;gap:6px}.hh-now{display:none}

  .hh-side{gap:10px}.hh-side .hh-ridges{height:36px;margin-inline:3px}
  .hh-badge{width:34px;height:34px;border-radius:8px}.hh-badge img{width:22px;height:22px}
  .hh-slabel{font-size:7px;letter-spacing:.14em;padding-left:6px;line-height:1.5}
  .hh-back{width:46%;top:10%}.hh-back-l{left:-18%}.hh-back-r{right:-20%}
  .hh-back .hh-blabel{font-size:8px}
  .hh-ctl{gap:10px}
}
@media (prefers-reduced-motion:reduce){
  .home-sec,.hh-h1 span,.hh-lede,.hh-cta,.hh-note,.hh-ca,.hh-ctl,.hh-tilt,.hh-scene,.hh-empty img,.hh-empty span,.hh-eye i,.home-ph-led{animation:none!important}
  .home-sec:empty::after{animation:none}
  .hh-slide{transition:opacity .2s}.hh-slide.on img{animation:none}.hh-flash.go{animation:none}
  .hh-tilt{transform:none!important}.hh-back,.hh-btn,.hh-play,.hh-badge{transition:none}
}