/* Responsive UI. Owns editorial spacing and V4 control presentation.
   Loaded after legacy styles; tokens and shared interaction controllers stay authoritative. */
:is(.hero-copy,.world-copy,.byat-copy,.furniture-lead,.approach-copy,.contact-copy,.contact-path,.dialog-copy) p {text-align:start!important;word-spacing:normal!important;}
#inizio .journey-pin .hero-glass {width:100%!important;max-width:1100px!important;grid-template-columns:minmax(0,1fr) 30%!important;grid-template-rows:auto!important;gap:36px!important;padding:36px!important;align-items:center!important;background:color-mix(in srgb,var(--brand-plum) 94%,transparent)!important;}
#inizio .hero-copy {display:flex!important;flex-direction:column!important;gap:18px!important;}
#inizio .hero-glass .hero-copy>.editorial-desktop {margin:0!important;font-size:17px!important;line-height:1.55!important;align-self:auto!important;}
#inizio .v4-hero-quote {margin:0 0 8px!important;}
#inizio #hero-title {font-size:clamp(23px,2.1vw,34px)!important;line-height:1.2!important;}
#inizio .hero-glass>.hero-profile {grid-row:1!important;width:100%!important;aspect-ratio:1!important;align-self:center!important;}
.v4-node-label {font-size:12px!important;}
.v4-nav-node {color:color-mix(in srgb,var(--brand-white) 82%,transparent)!important;}
.v4-nav-node.is-current {color:var(--brand-primary)!important;}
@media(max-width:900px){
 #inizio .journey-pin .hero-glass {padding:24px!important;max-width:560px!important;}
 #inizio .hero-copy {gap:18px!important;}
 #inizio .hero-copy>.editorial-desktop {display:none!important;}
 #inizio #hero-title {font-size:clamp(18px,4.6vw,26px)!important;}
 #inizio .v4-hero-quote {margin:0!important;}
 #inizio .v4-mobile-story {display:grid!important;grid-template-columns:1fr 88px;gap:16px!important;align-items:center;}
 #inizio .hero-copy .v4-mobile-profile {grid-area:1/2!important;float:none!important;width:88px!important;margin:0!important;}
 #inizio .v4-mobile-story .hero-intro-mobile {grid-area:1/1!important;font-size:15px!important;line-height:1.5!important;}
 #inizio .v4-mobile-story .hero-body-paragraph.editorial-mobile {grid-area:2/1/3/3!important;font-size:15px!important;line-height:1.5!important;}
 .v4-mobile .v4-header-brand {background:transparent!important;}
 .v4-mobile .v4-brand-divider {display:none!important;}
 .v4-mobile .v4-mobile-carousel {left:56px!important;width:calc(100% - 56px)!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:4px!important;}
 .v4-mobile-carousel .v4-perspective-card {position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:52px!important;min-height:52px!important;max-height:none!important;padding:4px!important;}
 .v4-mobile-carousel .v4-previous {grid-column:1;grid-row:1;}
 .v4-mobile-carousel .v4-current {grid-column:2;grid-row:1;border:0!important;background:transparent!important;box-shadow:none!important;}
 .v4-mobile-carousel .v4-next {grid-column:3;grid-row:1;}
 .v4-mobile-carousel .v4-next2 {display:none!important;}
 .v4-mobile-carousel :is(.v4-previous,.v4-next) :is(.v4-card-icon,.v4-card-label,.v4-card-subtitle) {display:none!important;}
 .v4-mobile-carousel .v4-previous::after {content:'‹';font-size:28px;}
 .v4-mobile-carousel .v4-next::after {content:'›';font-size:28px;}
 .v4-mobile-carousel .v4-current .v4-card-label {font-size:14px!important;letter-spacing:0!important;}
 #v4-mobile-dock {grid-template-columns:1fr minmax(0,1.25fr) 1fr!important;gap:8px!important;padding:8px!important;}
 #v4-mobile-dock .v4-dock-center {position:static!important;transform:none!important;width:100%!important;max-width:none!important;grid-column:2!important;}
 #v4-mobile-dock .v4-dock-actions {gap:6px!important;}
 :is(.byat-copy,.furniture-lead,.approach-copy,.contact-path) p {font-size:16px!important;line-height:1.5!important;}
 .contact-path h3 {font-size:25px!important;line-height:1.15!important;}
 .contact-path {padding:24px!important;}
}

/* Reading measure and alignment: avoid stretched words in narrow project columns. */
main :is(.world-copy,.byat-copy,.furniture-lead,.approach-copy,.contact-copy,.contact-path) p,
main :is(.world-copy,.byat-copy,.furniture-lead,.approach-copy,.contact-copy,.contact-path) .body-copy,
main .contact-intro {text-align:start!important;word-spacing:normal!important;}
.hero-projects {display:inline-flex;align-items:center;justify-content:space-between;gap:28px;align-self:flex-start;min-height:46px;padding:10px 18px;border:1px solid var(--brand-primary);border-radius:var(--brand-radius-button);color:var(--brand-white);font:600 14px/1.3 var(--brand-font);text-decoration:none;order:10;background:color-mix(in srgb,var(--brand-primary) 12%,transparent);transition:background .2s;}
.hero-projects:hover {background:color-mix(in srgb,var(--brand-primary) 25%,transparent);}
.hero-projects span {font-size:22px;}
:is(a,button,input,textarea,summary):focus-visible {outline:2px solid var(--brand-primary);outline-offset:4px;}
.v4-brand[aria-current] {background:transparent!important;}
#mobile-sections nav a {min-height:44px;display:flex;align-items:center;}
#mobile-sections .mobile-project-list {padding:8px 12px;}
#mobile-sections .mobile-project-list summary {min-height:44px;align-content:center;cursor:pointer;}
#mobile-sections .mobile-furniture-projects button {min-height:44px;}
@media(min-width:901px){
 #inizio .journey-pin .hero-glass {margin-right:auto!important;}
 #inizio .hero-glass .hero-copy {grid-column:1!important;grid-row:1!important;}
 #inizio .hero-glass .hero-copy .editorial-desktop {display:block!important;}
 main :is(.world-copy,.byat-copy,.furniture-lead,.approach-copy,.contact-path) p:not(.eyebrow):not(.render-kicker):not(.bayt-epigraph-author) {font-size:clamp(15px,1.12vw,18px)!important;line-height:1.5!important;}
}
@media(max-width:900px){
 #inizio {height:auto!important;min-height:100svh!important;}
 #inizio .journey-pin {height:auto!important;min-height:100svh!important;padding-top:120px!important;padding-bottom:106px!important;box-sizing:border-box;}
 #inizio .hero-glass .hero-copy>.editorial-desktop {display:none!important;}
 #inizio .hero-glass .hero-copy {gap:18px!important;}
 #v4-mobile-dock:not(.v5-has-skip) {grid-template-columns:minmax(0,1fr) auto!important;}
 #v4-mobile-dock:not(.v5-has-skip) .v4-dock-skip {display:none!important;}
 #v4-mobile-dock:not(.v5-has-skip) .v4-dock-center {grid-column:1!important;justify-content:flex-start!important;}
 #v4-mobile-dock:not(.v5-has-skip) .v4-dock-actions {grid-column:2!important;}
 #v4-mobile-dock .v4-dock-scroll {width:auto!important;min-width:100px!important;gap:14px;display:flex!important;padding:0 15px!important;font:500 13px/1 var(--brand-font);border:0!important;}
 #v4-mobile-dock .v4-dock-scroll[hidden] {display:none!important;}
 #v4-mobile-dock .v4-continue-arrow {font-size:22px;}
 #v4-mobile-dock [data-direction=right] .v4-continue-arrow {transform:rotate(-90deg);}
 #v4-mobile-dock [data-direction=left] .v4-continue-arrow {transform:rotate(90deg);}
 #v4-mobile-dock.v5-has-skip .v4-dock-scroll {min-width:44px!important;}
 #v4-mobile-dock.v5-has-skip .v4-dock-scroll>span:first-child {display:none;}
 #v4-mobile-dock .v4-dock-center {min-width:0;}
 #v4-mobile-dock #hold-animation {padding:6px!important;gap:6px!important;}
 #v4-mobile-dock #hold-animation svg {width:22px!important;height:28px!important;min-width:22px!important;flex:none;}
 #v4-mobile-dock #hold-animation span {white-space:normal!important;overflow:visible!important;font-size:11px!important;line-height:1.2!important;}
 main .contact-path p.eyebrow {font-size:11px!important;letter-spacing:.1em!important;}
 main .contact-path p:not(.eyebrow),main .approach-copy .body-copy {font-size:16px!important;line-height:1.55!important;}
 .contact .contact-path {padding:24px!important;}
 .contact .contact-path h3 {font-size:25px!important;line-height:1.18!important;}
 #contatti .contact-pin {padding-bottom:110px!important;}
 #contatti footer a {overflow-wrap:anywhere;}
 .interior-panel .byat-copy {padding-right:30px;}
}
@media(max-width:360px){
 #inizio .journey-pin .hero-glass {padding:20px!important;}
 #inizio .v4-mobile-story {grid-template-columns:minmax(0,1fr) 68px!important;gap:12px!important;}
 #inizio .hero-copy .v4-mobile-profile {width:68px!important;}
 #v4-mobile-dock.v5-has-skip {grid-template-columns:48px minmax(0,1fr) auto!important;gap:4px!important;}
 #v4-mobile-dock .v4-dock-actions {gap:4px!important;}
}
@media(prefers-reduced-motion:reduce){.hero-projects {transition:none;}}