/* Compact preview notice, retaining readable text at the lower left. */
.preview-notice{position:fixed;left:max(20px,env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));z-index:70;display:flex;flex-direction:column;align-items:flex-end;max-width:calc(100vw - 108px);padding:3px 7px;border:1px solid #e9e5dd80;border-radius:10px;background:#85837ccf;box-shadow:inset 0 0 0 1px #ffffff12,0 3px 14px #241c1609;backdrop-filter:blur(12px);color:#fcfaf6;font-family:var(--body);font-size:8px;font-weight:600;line-height:1.25;letter-spacing:.03em;text-transform:uppercase;text-align:right;pointer-events:none}
.preview-notice span{white-space:nowrap}
.site-footer{padding-bottom:110px}
.mobile-menu{padding-bottom:90px}
.photo-kinetic-surface{position:absolute;overflow:hidden;pointer-events:none;z-index:0;isolation:isolate}
.photo-kinetic-piece{position:absolute;inset:0;backface-visibility:hidden;will-change:transform,opacity}
.photo-kinetic-piece>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;transition:none!important}
.photo-is-animating>img{opacity:0!important;transition:none!important}
.photo-motion-reset>img{transition:none!important}
.photo-direct-active>img{transition:none!important}
.photo-direct-target{will-change:transform,opacity;backface-visibility:hidden}
/* The photo engine owns season/room fades. CSS must not restart a fade from
   zero when desktop panels are removed at the end of their native animation. */
[data-photo-recipe]:not(.gallery-item)>img{transition:none!important}
@media(max-width:600px){.preview-notice{left:max(12px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));max-width:calc(100vw - 88px);padding:2px 5px;border-radius:8px;font-size:7px;line-height:1.2;letter-spacing:.01em}.site-footer{padding-bottom:95px}}
@media(max-width:359px){.preview-notice{padding:1.5px 4px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.photo-kinetic-surface{display:none}.photo-is-animating>img{opacity:1!important}.scene:not(.winter).photo-is-animating>.alt-season,.scene.winter.photo-is-animating>.base-season{opacity:0!important}}
@media print{.preview-notice{color:#333;background:#eee;border:1px solid #999;box-shadow:none}}