/* Progressive enhancement: content is visible until motion is initialized. */
.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:#4b9dff;transform:scaleX(var(--page-progress,0));transform-origin:left;z-index:80;pointer-events:none;box-shadow:0 0 12px #4b9dff70}
.motion-enabled [data-reveal]{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1)}
.motion-enabled [data-reveal]:not(.is-revealed){opacity:0;translate:0 24px}
.motion-enabled [data-reveal].is-revealed{opacity:1;translate:0 0}
.motion-enabled [data-parallax]{transform:translate3d(var(--depth-x,0px),var(--depth-y,0px),0) scale(var(--depth-scale,1));will-change:transform;transition:transform .18s ease-out}
.hero[data-depth-scene]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 68% 35%,#358bea16,transparent 56%)}
.hero .hero-image[data-parallax]{--depth-scale:1.035}
.atmosphere-visual,.creator-photo{overflow:hidden}
.atmosphere-visual img[data-parallax],.creator-photo img[data-parallax]{--depth-scale:1.075}
.pillar{transition:border-color .25s ease,background .25s ease}
.pillar:hover,.pillar:focus-within{border-top-color:#4b9dff}
.screen-frame{transition:box-shadow .3s ease,border-color .3s ease}
.screen-frame:hover,.screen-frame:focus-within{box-shadow:0 25px 60px #2366a735;border-color:#4986c8}
.screen-panel:not([hidden]) .screen-frame{animation:screen-arrive .35s ease both}
@keyframes screen-arrive{from{opacity:.5;translate:0 7px}to{opacity:1;translate:0 0}}
@media(max-width:640px){.motion-enabled [data-reveal]:not(.is-revealed){translate:0 16px}}
@media(prefers-reduced-motion:reduce){
  .reading-progress{display:none}
  .motion-enabled [data-reveal],.motion-enabled [data-parallax]{opacity:1!important;translate:none!important;transform:none!important;transition:none!important;will-change:auto}
  .screen-panel:not([hidden]) .screen-frame{animation:none}
}