.home-cinematic{background:#101820}
.home-cinematic-inner{display:grid;gap:24px;padding-block:35px;grid-template-columns:.9fr 1.1fr}
.home-cinematic::before{display:none}
.home-cinematic-copy{position:relative;z-index:2;width:100%}
.home-mascot-scene .mascot-controls{display:flex;justify-content:flex-end}
.home-mascot-toggle{border:1px solid #ffffff55;background:#101820aa;color:#fff;border-radius:50%;width:38px;height:38px;cursor:pointer;font-size:16px}
.home-mascot-toggle:hover{background:#101820}
.home-mascot-toggle:focus-visible{outline:3px solid #ffc397;outline-offset:3px}
.home-mascot-toggle[hidden]{display:none}
.home-notice-guide{position:relative;margin-top:64px;isolation:isolate}
/* Anchor the visible forearm (not the transparent canvas bottom) to the top border. */
.home-notice-mascot{position:absolute;z-index:2;inset-inline-end:6px;top:-87px;width:150px;height:auto;pointer-events:none;transform-origin:76% 88%;animation:notice-mascot-breathe 5s ease-in-out infinite;filter:drop-shadow(0 2px 2px #0003)}
.home-cinematic .home-notice-guide .portal-independence.is-home{padding-top:18px}
.home-notice-guide[data-paused="true"] .home-notice-mascot{animation-play-state:paused}
@keyframes notice-mascot-breathe{0%,100%{transform:rotate(0deg) scaleY(1)}50%{transform:rotate(-.35deg) scaleY(1.008)}}
@media(max-width:760px){.home-notice-guide{margin-top:60px}.home-notice-mascot{width:125px;top:-72px;inset-inline-end:4px}.home-cinematic .home-notice-guide .portal-independence.is-home{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.home-notice-mascot{animation:none}}
.home-mascot-scene{width:calc(100% + max(28px,(100vw - 1180px)/2));height:auto;max-width:none;position:relative}
.grounded-art{position:relative;overflow:hidden;width:100%;isolation:isolate}
.grounded-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.grounded-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101820,transparent 14%),linear-gradient(0deg,#101820,transparent 14%)}
/* Same registered image, feathered over the torso only. Floor/soles never move. */
.grounded-breath{position:absolute;inset:0;background:url('../../images/home/mascot/scene.webp') center/100% 100% no-repeat;mask-image:radial-gradient(ellipse 18% 25% at 52% 52%,#000 56%,transparent 100%);transform-origin:52% 78%;animation:grounded-breathe 4.8s ease-in-out infinite;pointer-events:none}
@keyframes grounded-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.002,1.004)}}
.grounded-art[data-paused="true"] .grounded-breath{animation-play-state:paused}
.grounded-expression{position:absolute;inset:0;background-position:center;background-size:100% 100%;pointer-events:none;opacity:0}
.grounded-expression--blink{background-image:url('../../images/home/mascot/blink.webp');mask-image:radial-gradient(ellipse 2.7% 2.4% at 50.2% 32%,#000 65%,transparent 100%),radial-gradient(ellipse 2.3% 2.4% at 55.3% 32%,#000 65%,transparent 100%);animation:grounded-blink 3s linear infinite}
@keyframes grounded-blink{0%,92%,100%{opacity:0}94%,96%{opacity:1}}
.grounded-expression--brow{background-image:url('../../images/home/mascot/brow.webp');mask-image:radial-gradient(ellipse 4.7% 5.7% at 50.2% 31%,#000 55%,transparent 100%);animation:grounded-brow 9s ease-in-out infinite}
@keyframes grounded-brow{0%,37%,61%,100%{opacity:0}43%,53%{opacity:1}}
.grounded-art[data-paused="true"] .grounded-expression{animation-play-state:paused}
.home-mascot-scene .mascot-controls{position:relative;margin:-12px 24px 0;z-index:2}
@media(min-width:761px){
  .home-cinematic{position:relative;min-height:clamp(620px,47vw,800px)}
  .home-cinematic-inner{position:static;min-height:inherit;padding-block:40px}
  .home-cinematic-copy{max-width:540px;align-self:center}
  .home-mascot-scene{position:absolute;inset:0 0 0 35%;width:auto;height:auto;overflow:hidden;z-index:0}
  .grounded-art{position:absolute;right:0;top:calc(50% - 24px);width:max(100%,740px);aspect-ratio:1;transform:translateY(-50%)}
  .home-mascot-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101820 0%,#101820d9 6%,#10182066 18%,transparent 34%)}
  .grounded-art::after{background:linear-gradient(0deg,#10182099,transparent 10%)}
  .home-mascot-scene .mascot-controls{position:absolute;bottom:18px;left:30%;right:16px;margin:0;z-index:2}
}
@media(max-width:760px){.home-cinematic-inner{padding-top:0;gap:20px}.home-mascot-scene{width:calc(100% + 44px);max-width:none}.grounded-art{width:100%;max-width:none;margin:auto}.grounded-art::after{background:linear-gradient(0deg,#101820,transparent 12%)}.home-mascot-scene .mascot-controls{margin:-3px 22px 0}.home-cinematic-copy{padding-top:0}}
@media(prefers-reduced-motion:reduce){.grounded-breath,.grounded-expression{animation:none;display:none}}
@media(max-width:760px){
 .home-mascot-scene{width:100%;margin:0}
 .home-cinematic-inner{display:block;width:var(--content);min-height:0;padding:24px 0 32px}
 .home-cinematic-copy{padding:0;background:none;max-width:none}
 .home-mascot-scene .mascot-controls{position:absolute;bottom:14px;right:16px;left:auto;margin:0}
}