html{scroll-behavior:auto;scroll-padding-top:0}body{min-height:100vh}main{min-height:100vh;display:flex;flex-direction:column}main>[data-page]{flex:1;animation:screen-in .28s ease-out}main>[data-page][hidden]{display:none!important}.hero{min-height:360px;padding-top:25px}.hero h1{font-size:clamp(36px,4.5vw,61px)}.hero-image{height:320px}.home-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:4px 0 18px}.home-portals a{display:flex;align-items:center;gap:15px;padding:20px;background:linear-gradient(125deg,#101e35aa,#091025);border:1px solid #293c60;border-radius:9px;color:#d8e9f7;text-decoration:none;transition:border-color .25s,transform .25s,background .25s}.home-portals a:hover{border-color:#36deed88;transform:translateY(-3px);background:#10243b}.portal-icon{font-size:28px;color:#45dfe9;text-shadow:0 0 18px #36deed44}.home-portals small{font:8px monospace;letter-spacing:.12em;color:#6b91b3}.home-portals h2{font-size:18px;font-weight:550;margin:4px 0}.home-portals p{font-size:11px;line-height:1.6;color:#90a5c4;margin:0}.home-portals b{font-size:18px;font-weight:400;color:#4c799e;margin-left:auto}.creator{text-align:center;font-size:11px;color:#91a7c9;margin:14px 0}.appstrip{margin-top:20px;padding:17px 0}.appstrip strong{font-size:12px}.appstrip #install-app{font-size:11px}footer{margin-top:24px;margin-bottom:25px;font-size:10px}.scene-section,.library{margin-top:0}.section-heading{border-top:0;padding-top:22px;margin-top:6px}.library .chapter{margin:10px 0}.brand{cursor:pointer}header nav a[aria-current=page]{color:#69eff7;text-shadow:0 0 12px #36deed66}header nav a[aria-current=page]:after{transform:scaleX(1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sound-control{position:fixed;right:22px;bottom:17px;display:flex;align-items:center;gap:10px;background:#0b1830ee;border:1px solid #304a6f;border-radius:30px;box-shadow:0 5px 25px #0007;padding:8px 13px;z-index:50;backdrop-filter:blur(15px)}#music-toggle{display:flex;gap:8px;align-items:center;border:0;background:none;padding:3px;color:#9bb8d2;font-size:10px;white-space:nowrap}#music-toggle[aria-pressed=true]{color:#58e0e7;box-shadow:none}.sound-led{display:block;width:5px;height:5px;background:#5e6d89;border-radius:50%}.sound-control[data-audio=playing] .sound-led{background:#36deed;box-shadow:0 0 9px #36deed}.sound-control input{width:68px;accent-color:#36deed;height:4px}.sound-control:focus-within{border-color:#79e0eb}.layout{margin-bottom:10px}@keyframes screen-in{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.home-portals a{padding:16px;gap:12px}.home-portals p{font-size:10px}.home-portals h2{font-size:16px}}@media(max-width:700px){.home-portals{grid-template-columns:1fr;gap:10px}.home-portals a{padding:13px 16px}.home-portals h2{font-size:15px}.home-portals p{font-size:11px}.hero{padding-top:25px;min-height:0}.hero-image{height:230px}.home-portals small{font-size:8px}.sound-control{right:12px;bottom:12px;padding:7px 10px}.sound-control input{width:50px}.creator{font-size:10px}footer{padding-bottom:40px}.hero .intro{font-size:12px}.hero-links{margin-top:16px}.hero{padding-bottom:12px}.hero h1{font-size:40px}.scene-section .section-heading{margin-top:0}.appstrip{gap:12px}}html[data-motion=paused] main>[data-page]{animation:none}@media(prefers-reduced-motion:reduce){main>[data-page]{animation:none}.home-portals a{transition:none}.home-portals a:hover{transform:none}}

/* Gentle motion remains inside the feathered image, with a centered mobile subject. */
.hero-image img{animation:chip-breathe 8s ease-in-out infinite;transform-origin:68% 53%;will-change:transform}
.hero-image:after{inset:15% 4% 14% 10%;background:radial-gradient(ellipse at 55% 55%,#36deed21,transparent 62%);animation:chip-glow 5s ease-in-out infinite;mix-blend-mode:screen}
@keyframes chip-breathe{0%,100%{transform:translateY(-50%) scale(1)}50%{transform:translateY(calc(-50% - 6px)) scale(1.025)}}
@media(max-width:700px){.hero-image{height:255px;max-width:100%;margin-left:auto;margin-right:auto}.hero-image img{width:125%;left:-40%;right:auto;top:50%;transform-origin:68% 53%}.hero-image:after{inset:12% 8%;background:radial-gradient(ellipse at center,#36deed25,transparent 65%)}}
@media(prefers-reduced-motion:reduce){.hero-image,.hero-image img,.hero-image:after{animation:none}.hero-image img{transform:translateY(-50%);will-change:auto}}