/* Review 51: shared page guides, compact galleries and accessible mobile navigation. */
@media(min-width:901px){
 html body #citta .board-window{padding:0!important;width:100%!important;}
 html body #citta .board-track{padding-inline:var(--ds-editorial-side)!important;box-sizing:content-box!important;}
 html body #skip-animation{position:fixed!important;left:var(--ds-editorial-side)!important;right:auto!important;bottom:var(--ds-footer-inset)!important;height:var(--ds-footer-height)!important;min-height:var(--ds-footer-height)!important;padding:0 18px!important;margin:0!important;transform:none!important;box-sizing:border-box!important;display:flex;align-items:center;}
 html body #skip-animation[hidden]{display:none!important;}
 html body #chatbot-dock[data-mode=compact]{bottom:var(--ds-footer-inset)!important;height:var(--ds-footer-height)!important;box-sizing:border-box!important;}
 html body #v4-mobile-dock{display:none!important;}
 html body #palazzo-butera .butera-panel>.byat-copy{display:flex!important;flex-direction:column!important;justify-content:safe center!important;}
 html body #palazzo-butera .letter-project-photo{object-fit:cover!important;object-position:center!important;}
 html body #arredi .furniture-card.is-expanded .project-card-label{display:none!important;}
 html body #byat :is(.plan-editorial,.elevation-editorial){height:min(100%,var(--drawing-height,100%))!important;align-self:center!important;}
}
html body #arredi .gallery-open{display:inline-flex!important;align-items:center!important;border:1px solid transparent!important;border-radius:var(--brand-radius-button)!important;padding:9px 14px!important;transition:background .2s,border-color .2s!important;}
html body #arredi .gallery-open:hover,html body #arredi .gallery-open:focus-visible{background:color-mix(in srgb,var(--brand-white) 18%,transparent)!important;border-color:var(--brand-white)!important;backdrop-filter:blur(12px);}
html body :is(.chatbot-lightbox,.portfolio-lightbox) .photo-dots button{position:relative!important;flex:0 0 28px!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;}
html body :is(.chatbot-lightbox,.portfolio-lightbox) .photo-dots button::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--brand-white) 35%,transparent);}
html body :is(.chatbot-lightbox,.portfolio-lightbox) .photo-dots button[aria-pressed=true]::after{background:var(--brand-primary);}
html body #arredi .furniture-photo-arrow{background:color-mix(in srgb,var(--brand-white) 18%,transparent)!important;backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--brand-white) 45%,transparent)!important;color:var(--brand-white)!important;width:34px!important;height:34px!important;}
@media(max-width:900px){
 html body #inizio .journey-pin .hero-glass{padding:clamp(20px,5vw,30px)!important;}
 html body #inizio .v4-mobile-story{grid-template-columns:minmax(0,1fr) minmax(112px,35%)!important;gap:18px!important;align-items:center!important;}
 html body #inizio .hero-copy .v4-mobile-profile{width:100%!important;max-width:170px!important;height:auto!important;aspect-ratio:1!important;grid-area:1/2!important;object-fit:cover!important;}
 html body #inizio .v4-mobile-story .hero-intro-mobile{font-size:clamp(14px,3.5vw,17px)!important;line-height:1.4!important;}
 html body #inizio .v4-mobile-story .hero-body-paragraph{font-size:clamp(14px,3.5vw,17px)!important;line-height:1.45!important;}
 html body #inizio #hero-title{font-size:clamp(21px,5.3vw,30px)!important;line-height:1.17!important;}
 html body #mondo #byat :is(.plan-editorial,.elevation-editorial){background:var(--brand-white)!important;color:var(--brand-plum)!important;height:auto!important;max-height:100%!important;align-self:center!important;overflow-y:auto!important;gap:0!important;}
 html body #mondo #byat :is(.plan-editorial,.elevation-editorial) .byat-copy{color:var(--brand-plum)!important;}
 html body #mondo #byat :is(.plan-editorial,.elevation-editorial) .byat-copy :is(h2,p){color:var(--brand-plum)!important;}
 html body #mondo #byat :is(.plan-editorial,.elevation-editorial) .photo-gallery{display:flex!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;}
 html body #mondo #byat :is(.plan-editorial,.elevation-editorial) .photo-stage{flex:none!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:var(--drawing-ratio,1.42)!important;}
 html body #byat :is(.plan-editorial,.elevation-editorial) .editorial-thumbnails{display:flex!important;order:1;gap:6px!important;padding:8px 12px!important;}
 html body #byat :is(.plan-editorial,.elevation-editorial) .editorial-thumbnails button{flex:1!important;padding:4px!important;border-radius:10px!important;}
 html body #byat :is(.plan-editorial,.elevation-editorial) .editorial-thumbnails img{height:40px!important;}
 html body #byat :is(.plan-editorial,.elevation-editorial) .editorial-thumbnails span{font-size:10px!important;padding-top:3px!important;}
 html body #byat :is(.plan-editorial,.elevation-editorial) .mobile-dynamic-caption{order:2!important;color:var(--brand-plum)!important;padding:8px 14px 16px!important;min-height:0!important;}
 html body #byat :is(.plan-editorial,.elevation-editorial) .photo-dots{display:none!important;}
 html body .site-header .v44-mobile-research{left:var(--page-margin)!important;width:calc(100% - 2 * var(--page-margin))!important;border:1px solid var(--ds-glass-light-border)!important;border-top:0!important;border-radius:0 0 24px 24px!important;height:54px!important;box-sizing:border-box;}
 html body .site-header .v44-mobile-research>svg,html body .site-header .v44-sub-divider{display:none!important;}
 html body .site-header .v44-mobile-research:not(.mobile-furniture-timeline) button{flex:0 0 50%!important;z-index:1;}
 html body .site-header .v44-mobile-research .v44-sub-line{display:block!important;left:calc(25% + 10px)!important;width:calc(50% - 20px)!important;top:13px!important;background:var(--nav-muted)!important;height:1px!important;}
 html body .site-header .v44-sub-line i{background:var(--brand-primary)!important;}
 html body #palazzo-butera .butera-track>.butera-panel{display:grid!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important;}
 html body #palazzo-butera .butera-panel>.byat-copy{height:100%!important;min-height:0!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;justify-content:safe center!important;}
 html body #palazzo-butera .butera-panel>.photo-gallery{height:100%!important;min-height:0!important;grid-row:2!important;grid-column:1!important;}
 html body #palazzo-butera .butera-panel .photo-slide{object-fit:cover!important;}
 html body #palazzo-butera .butera-track>.letter-panel{display:flex!important;flex-direction:column!important;background:var(--brand-white)!important;color:var(--brand-plum)!important;}
 html body #palazzo-butera .letter-panel>.byat-copy{width:100%!important;padding:18px!important;box-sizing:border-box!important;}
 html body #palazzo-butera .letter-panel .byat-copy :is(h2,p){color:var(--brand-plum)!important;}
 html body #palazzo-butera .letter-panel h2{font-size:clamp(25px,6vw,38px)!important;}
 html body #palazzo-butera .letter-project-photo{display:none!important;}
 html body #palazzo-butera .letter-preview{width:100%!important;}
 html body #arredi .furniture-card.is-expanded .project-card-label{display:none!important;}
 html body #arredi .furniture-card>.furniture-visual{height:calc(100% - 42px)!important;}
 html body #arredi .furniture-card.is-expanded>.furniture-visual{height:48%!important;min-height:210px!important;}
 html body #arredi .furniture-card>.furniture-thumbnails{display:flex!important;justify-content:center!important;align-items:center!important;gap:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 8px!important;border:0!important;overflow:hidden!important;}
 html body #arredi .furniture-thumbnails button{flex:0 1 28px!important;width:28px!important;height:30px!important;min-width:16px!important;border:0!important;background:none!important;display:grid!important;place-items:center;}
 html body #arredi .furniture-thumbnails button img{display:none!important;}
 html body #arredi .furniture-thumbnails button::after{content:'';width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--brand-white) 40%,transparent);}
 html body #arredi .furniture-thumbnails button[aria-pressed=true]::after{background:var(--brand-primary);outline:1px solid var(--brand-primary);outline-offset:3px;}
 html body #v4-mobile-dock :is(.v43-dock-home,.v4-dock-chat,.v4-dock-menu){display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:7px!important;box-sizing:border-box!important;}
 html body #v4-mobile-dock :is(.v43-dock-home,.v4-dock-chat,.v4-dock-menu) svg{width:26px!important;height:26px!important;}
 html body #v4-mobile-dock :is(.v43-dock-home,.v4-dock-chat) .icon-filled{display:none!important;}
 html body #v4-mobile-dock :is(.v43-dock-home,.v4-dock-chat) .icon-wire{display:inline!important;}
 html.earth-gesture-lock body #mondo .journey-pin{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:none!important;z-index:3!important;overflow:hidden!important;}
 html.earth-gesture-lock body #mondo .world-visual{height:100dvh!important;min-height:100dvh!important;max-height:none!important;}
 html body #v4-mobile-dock .v4-dock-center #hold-animation svg{display:block!important;width:24px!important;height:24px!important;flex:0 0 24px!important;}
 #hold-animation[data-hint=up] svg{animation:hint-up 1.2s ease-in-out infinite!important;}
 #hold-animation[data-hint=left] svg{animation:hint-left 1.2s ease-in-out infinite!important;}
 #hold-animation[data-hint=hold] svg{animation:hint-press 1.2s ease-in-out infinite!important;}
}
@keyframes hint-up{50%{translate:0 -4px;}}@keyframes hint-left{50%{translate:-4px 0;}}@keyframes hint-press{50%{scale:.85;}}
@media(prefers-reduced-motion:reduce){#hold-animation svg{animation:none!important;}}
html body #mobile-sections{width:calc(100vw - 2 * var(--page-margin))!important;max-width:480px!important;max-height:calc(100dvh - 2 * var(--page-margin))!important;padding:20px!important;border-radius:28px!important;background:var(--brand-white)!important;color:var(--brand-plum)!important;border:1px solid var(--ds-glass-light-border)!important;overflow:auto!important;}
html body #mobile-sections>header{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px!important;border:0!important;color:var(--brand-plum)!important;}
html body #mobile-sections>header button{color:var(--brand-plum)!important;background:transparent!important;border:0!important;}
html body #mobile-sections nav{display:flex!important;flex-direction:column!important;gap:8px!important;overflow:visible!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;}
html body #mobile-sections nav::before,html body #mobile-sections nav::after{display:none!important;}
html body #mobile-sections .menu-section{position:relative;}
html body #mobile-sections nav a{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;border:0!important;background:transparent!important;color:var(--brand-plum)!important;margin:0!important;text-decoration:none!important;}
html body #mobile-sections nav a::before,html body #mobile-sections nav a::after{display:none!important;}
html body #mobile-sections .menu-main{min-height:44px!important;padding:8px 32px 8px 12px!important;font:500 17px/1.2 var(--brand-font)!important;border-radius:14px!important;}
html body #mobile-sections .menu-main:hover{background:color-mix(in srgb,var(--brand-plum) 5%,transparent)!important;}
.menu-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;}.menu-icon :is(svg,img){width:22px;height:22px;object-fit:contain;}
html body #mobile-sections .menu-dot{position:absolute;right:10px;top:18px;width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--brand-plum) 35%,transparent);}
html body #mobile-sections .menu-section:not(:nth-last-child(1))::after{content:'';position:absolute;right:13px;top:33px;bottom:-12px;width:1px;background:color-mix(in srgb,var(--brand-plum) 25%,transparent);}
html body #mobile-sections .menu-section.is-passed::after{background:var(--brand-plum);}
html body #mobile-sections .menu-section.is-current>.menu-main{color:var(--brand-primary)!important;}
html body #mobile-sections .menu-section.is-current .menu-dot{background:var(--brand-primary);}
.menu-chevron{margin-left:auto;font-size:20px;}
html body #mobile-sections .menu-children{margin:4px 30px 8px 22px;padding-left:16px;border-left:1px solid var(--brand-primary);}
html body #mobile-sections .menu-children[hidden]{display:none!important;}
html body #mobile-sections .menu-children a{font-size:14px!important;min-height:38px!important;padding:6px 12px!important;}
html body #mobile-sections .menu-contact>.menu-main{background:var(--brand-primary)!important;color:var(--brand-white)!important;border-radius:16px!important;margin-top:6px!important;}
.menu-languages{margin-top:20px;padding-top:16px;border-top:1px solid var(--brand-border);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;}.menu-languages>span{margin-right:auto;}.menu-languages button{padding:8px 12px;border:1px solid var(--brand-border);border-radius:20px;background:transparent;color:var(--brand-plum);font:inherit;}.menu-languages button[aria-pressed=true]{border-color:var(--brand-primary);}.menu-languages button[aria-disabled=true]{opacity:.5;cursor:default;}.menu-languages small{flex-basis:100%;text-align:right;opacity:.6;}
html body #mobile-sections>header{background:transparent!important;margin:0!important;}
html body #mobile-sections>header :is(strong,button){color:var(--brand-plum)!important;}
html body #mobile-sections .language-flag{width:20px;height:14px;border-radius:2px;vertical-align:middle;}
html body #mobile-sections .menu-languages button{display:inline-flex;align-items:center;gap:6px;}
@media(max-width:900px){
 html body #arredi .furniture-card>.furniture-thumbnails{background:var(--brand-plum)!important;}
 html body #mondo #byat :is(.plan-editorial,.elevation-editorial) .photo-stage{background:var(--brand-white)!important;}
 html body #mondo #byat :is(.plan-description,.elevation-mobile-description){color:var(--brand-plum)!important;opacity:1!important;}
 html body #mondo #byat :is(.plan-editorial,.elevation-editorial) .byat-copy .byat-panel-subtitle{color:var(--brand-primary)!important;}
}
@media(max-width:900px){
 html body #palazzo-butera .butera-panel:first-child .photo-stage .photo-slide:first-child{object-fit:cover!important;}
 html body #palazzo-butera .butera-panel .photo-gallery .photo-stage .photo-slide{height:100%!important;width:100%!important;padding:0!important;}
 html body #palazzo-butera .letter-preview img{object-position:center top!important;}
 html body #inizio .journey-pin .hero-glass{max-height:calc(100dvh - 160px)!important;overflow-y:auto!important;}
}
@media(max-width:360px){
 html body #inizio .journey-pin .hero-glass{padding:16px!important;}
 html body #inizio #hero-title{font-size:19px!important;line-height:1.15!important;}
 html body #inizio .v4-mobile-story{grid-template-columns:minmax(0,1fr) 104px!important;gap:12px!important;}
 html body #inizio .v4-mobile-story :is(.hero-intro-mobile,.hero-body-paragraph){font-size:13px!important;line-height:1.35!important;}
 html body #inizio .hero-copy{gap:12px!important;}
}
html body dialog.chatbot-lightbox .photo-dots button[aria-pressed],html body dialog.portfolio-lightbox .photo-dots button[aria-pressed]{background:transparent!important;border:0!important;border-radius:50%!important;}
html body #mobile-sections[open]{display:block!important;inset:0!important;margin:auto!important;height:fit-content!important;}
@media(max-width:900px){
 html body #inizio .journey-pin{padding:84px var(--page-margin) 92px!important;height:100dvh!important;min-height:100dvh!important;box-sizing:border-box!important;}
 html body #inizio .journey-pin .hero-glass{max-height:calc(100dvh - 176px)!important;}
}
@media(max-width:900px){
 html body #mondo #byat .exterior-panel.elevation-editorial .photo-gallery .photo-stage .photo-slide{background:var(--brand-white)!important;padding:0!important;}
 html body #v4-mobile-dock,html body #v4-mobile-dock.v5-has-skip{grid-template-columns:40px minmax(0,1fr) 80px!important;gap:8px!important;}
 html body #v4-mobile-dock .v4-dock-center[data-mode=carousel]{width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;}
 html body #v4-mobile-dock .v4-dock-center[data-mode=carousel] .island-dots{width:100%!important;max-width:100%!important;box-sizing:border-box;justify-content:center!important;padding:0 5px!important;}
 html body #v4-mobile-dock .island-dots button{flex:1 1 22px!important;min-width:12px!important;width:22px!important;}
 html body #v4-mobile-dock .v4-dock-actions{gap:0!important;}
 html body #v4-mobile-dock .v4-dock-center:is([data-mode=hold],[data-mode=earth]){width:100%!important;max-width:100%!important;}
}