/* CR-0029: inner-page scenery. The original pages.css background is the no-JS fallback. */
.page-hero::before{background-position:center bottom}
.page-hero[data-page-motion-ready="true"]{min-height:580px;padding-bottom:106px}
.page-hero[data-page-motion-ready="true"]::before{content:none}
.page-hero-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--paper) url('assets/morning-landscape.png') center bottom/cover no-repeat;opacity:.84;transform:none;animation:none}
.page-hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,240,231,.96),rgba(245,240,231,.83) 39%,rgba(245,240,231,.12) 85%);pointer-events:none}
.page-hero-motion-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.page-water-clip,.page-water-reflection{position:absolute;inset:0;background-image:inherit;background-size:inherit;background-position:inherit;background-repeat:no-repeat;pointer-events:none;transform:none}
/* Bottom-aligned cover guarantees that this crop remains below the shoreline. */
.page-water-clip{clip-path:inset(79% 0 0);mask-image:linear-gradient(transparent 79%,#000 88%)}
.page-water-reflection{opacity:0}
.page-hero-mist{position:absolute;inset:20% -8% 6%;background:url('assets/mist-overlay-v1.png') center/100% 100% no-repeat;mix-blend-mode:screen;opacity:0;pointer-events:none}
.page-lake-light{position:absolute;top:80%;left:5%;width:105%;height:6%;border-radius:50%;border-top:1.5px solid rgba(111,137,149,.55);border-bottom:1px solid rgba(111,137,149,.28);opacity:0;pointer-events:none}
.page-lake-light--gold{top:85%;left:-6%;width:96%;height:4%;border-top-color:rgba(201,168,106,.5);border-bottom-color:rgba(201,168,106,.23)}
.page-hero[data-page-motion="enabled"] .page-water-reflection{filter:url('#page-lake-ripples');opacity:.92}
.page-hero[data-page-motion="enabled"] .page-hero-mist{animation:page-mist-drift 14s ease-in-out -5s infinite alternate}
.page-hero[data-page-motion="enabled"] .page-lake-light--blue{animation:page-lake-blue 13s ease-in-out -4s infinite}
.page-hero[data-page-motion="enabled"] .page-lake-light--gold{animation:page-lake-gold 17s ease-in-out -8s infinite}
.page-hero[data-page-motion-paused="true"] .page-hero-mist,.page-hero[data-page-motion-paused="true"] .page-lake-light{animation-play-state:paused}
.page-motion-controls{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:flex-end;pointer-events:none}
.page-motion-toggle{min-height:44px;max-width:100%;padding:9px 16px;border:1px solid rgba(69,107,124,.35);border-radius:24px;background:var(--paper-light);color:var(--blue);font:inherit;font-size:13px;line-height:1.6;letter-spacing:.04em;cursor:pointer;pointer-events:auto;transition:background .2s,border-color .2s}
.page-motion-toggle:hover{border-color:var(--blue);background:var(--paper-deep)}
.page-motion-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.page-motion-toggle[hidden]{display:none}
@keyframes page-mist-drift{0%{transform:translate3d(-3.5%,1%,0);opacity:.40}50%{opacity:.76}100%{transform:translate3d(3.5%,-1%,0);opacity:.50}}
@keyframes page-lake-blue{0%,100%{opacity:.38;transform:translate3d(-8px,1px,0) scaleX(.97)}50%{opacity:.78;transform:translate3d(8px,-1px,0) scaleX(1.03)}}
@keyframes page-lake-gold{0%,100%{opacity:.32;transform:translate3d(8px,-1px,0) scaleX(1.03)}50%{opacity:.67;transform:translate3d(-8px,1px,0) scaleX(.97)}}
@media(max-width:760px){
  .page-hero::before{background-position:60% bottom}
  .page-hero[data-page-motion-ready="true"]{min-height:600px;padding-bottom:106px}
  .page-hero-scene{background-position:60% bottom;opacity:.76}
  .page-hero-veil{background:linear-gradient(90deg,rgba(245,240,231,.84),rgba(245,240,231,.5) 65%,rgba(245,240,231,.24))}
  .page-hero[data-page-motion="enabled"] .page-hero-mist{animation-duration:16s}
  .page-motion-toggle{font-size:14px;padding-inline:14px}
}
@media(prefers-reduced-motion:reduce){
  .page-hero-mist,.page-water-clip,.page-lake-light,.page-motion-controls{display:none!important}
  .page-hero-scene{animation:none!important;transform:none!important}
}
@media(forced-colors:active){.page-hero-scene{display:none}.page-motion-toggle{border-color:ButtonText}}