/* Curved gallery frame. Natural scrolling, without hero zoom. */
.paint-scroll{position:relative;height:auto;background:#f6f3ed;padding:22px clamp(12px,3vw,48px) 30px}
body .paint-scroll #welcome-home{position:relative;top:auto;height:calc(90svh - 66px)!important;min-height:580px!important;max-height:900px;padding:0!important;overflow:hidden;isolation:isolate;border:1px solid #bda674!important;border-radius:clamp(28px,5vw,76px) 10px clamp(28px,5vw,76px) 10px;box-shadow:0 16px 35px #63533315!important;background:#282a22!important}
.paint-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;transform:none!important;opacity:1!important;will-change:auto;overflow:hidden}
body .paint-scene .hero-in{position:relative;z-index:3;width:min(900px,88%);scale:1!important;transform:none!important;opacity:1!important;padding:0!important;will-change:auto!important}
body .paint-scene #heroSlides{inset:0!important;height:100%!important;transform:none!important;clip-path:none!important}
body .paint-scene #heroSlides .slide{transform:none!important;transition:opacity 1.4s ease!important;will-change:auto!important}
body .paint-scene .hero-overlay{inset:0!important;height:100%!important;clip-path:none!important;background:linear-gradient(180deg,#11190d50,#11190da8 48%,#11190d80)!important}
body .paint-scroll #welcome-home:after{content:'';display:block!important;position:absolute;inset:12px;border:1px solid #f1dcad70;border-radius:clamp(20px,4vw,65px) 4px clamp(20px,4vw,65px) 4px;background:none!important;pointer-events:none;z-index:4}
body #events{scroll-margin-top:85px}
body #events>.scroll-3d-scene{transform-origin:50% 20%}
.paint-scroll .scroll-cue{position:relative;bottom:auto;margin:24px auto 0}
@media(max-width:760px){.paint-scroll{padding:12px 10px 18px}body .paint-scroll #welcome-home{height:auto!important;min-height:680px!important;border-radius:38px 8px 38px 8px}body .paint-scroll #welcome-home:after{inset:8px;border-radius:30px 4px 30px 4px}.paint-scene h1 .w-big{font-size:clamp(32px,8vw,58px)!important}.paint-scene .tagline{font-size:16px!important}.paint-scene .hero-verse{font-size:14px!important}}
@media(max-width:380px){body .paint-scroll #welcome-home{min-height:720px!important}}
@media(prefers-reduced-motion:reduce){body .paint-scene #heroSlides .slide{transition:none!important}}

/* A stronger opening-to-updates zoom, without pinning the page. */
body .paint-scroll .paint-scene{transform:none!important;opacity:1!important}
/* Move the complete framed section as one piece, including both border lines. */
.paint-scroll{position:relative;z-index:2}
body .paint-scroll #welcome-home{transform:translateY(var(--opening-scroll-lift,0px)) scale(var(--opening-scroll-scale,1))!important;transform-origin:50% 100%;will-change:transform}
/* The first section uses one shared zoom at every width, including the sidebar. */
body #events>.scroll-3d-scene{transform:none!important;opacity:1!important}
body #events>.wrap,body #events>.scroll-3d-scene>.wrap{transform:scale(var(--updates-entry-scale,1))!important;transform-origin:50% 0;opacity:1!important}
@media(prefers-reduced-motion:reduce){body .paint-scroll .paint-scene{transform:none!important}}
@media(prefers-reduced-motion:reduce){body .paint-scroll #welcome-home{transform:none!important;will-change:auto}}
@media(prefers-reduced-motion:reduce){body #events>.wrap,body #events>.scroll-3d-scene>.wrap{transform:none!important}}

/* Counter the frame's scale so lettering and controls retain their original size. */
body .paint-scroll .paint-scene .hero-in{scale:var(--opening-copy-scale,1)!important;transform-origin:center center}
@media(prefers-reduced-motion:reduce){body .paint-scroll .paint-scene .hero-in{scale:1!important}}
