/* Refinement V2 — targeted repairs; shared gallery controls live in the design system. */
#byat .exterior-panel:first-child .byat-epigraph{
 margin:1px 0 0!important;font-style:italic;font-size:clamp(13px,1.1vw,17px)!important;
 line-height:1.35!important;color:var(--brand-paper);letter-spacing:.008em;
}
#byat .exterior-panel:first-child .byat-epigraph-author{
 margin:0 0 6px!important;font-size:clamp(10px,.75vw,12px)!important;
 line-height:1.3!important;color:var(--brand-muted);letter-spacing:.025em;
}
#byat .exterior-panel:first-child .bayt-sea-view-label{
 margin:0!important;font-size:11px!important;line-height:1.2!important;
 letter-spacing:.12em;font-weight:600;color:var(--brand-plum);opacity:.82;flex:none;
}
/* This gallery is atmospheric photography, not elevation/plan drawings. */
#byat .exterior-panel:not(.exterior-drawings) .photo-stage .photo-slide{
 object-fit:cover!important;object-position:center center!important;
}
#byat .exterior-panel:first-child .byat-copy{gap:clamp(6px,.7vw,11px)!important}
#byat .exterior-panel:first-child .byat-copy>p:not(.render-kicker){margin:0!important}
#byat .exterior-panel:first-child .byat-copy .render-kicker{margin:0 0 6px!important}
/* Every photo/gallery uses the same glass/ink palette via the gallery-nav component. */
@media(max-width:900px){
 /* Force natural, rag-left mobile typography: avoid stretched spaces and mid-word breaks. */
 #inizio :is(.hero-glass,.hero-copy,h1,p){
  text-align:left!important;text-align-last:left!important;hyphens:none!important;
  -webkit-hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important;
  letter-spacing:normal;
 }
 #inizio .hero-glass{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(120px,37%)!important;
  column-gap:clamp(12px,3.5vw,18px)!important;row-gap:clamp(9px,1.2svh,14px)!important;
  align-items:start!important;align-content:start!important;
  box-sizing:border-box!important;
  width:100%!important;max-width:560px!important;
  max-height:none!important;min-height:0!important;height:auto!important;
  overflow:visible!important;padding:clamp(16px,4.2vw,24px)!important;
 }
 #inizio .hero-copy{display:contents!important}
 #inizio #hero-title{
  grid-column:1/-1!important;grid-row:1!important;
  font-size:clamp(23px,6.1vw,32px)!important;
  line-height:1.1!important;letter-spacing:-.035em!important;
  margin:0!important;min-width:0!important;
 }
 #inizio .hero-attribution{grid-column:1/-1!important;grid-row:2!important;
  margin:0!important;font-size:12px!important;line-height:1.25!important}
 #inizio .hero-intro-mobile{
  grid-column:1!important;grid-row:3!important;align-self:center!important;
  font-size:clamp(13px,3.5vw,15px)!important;line-height:1.5!important;
  min-width:0!important;margin:0!important;
 }
 #inizio .hero-profile{
  grid-column:2!important;grid-row:3!important;
  width:min(100%,158px)!important;min-width:0!important;max-width:158px!important;
  aspect-ratio:1!important;height:auto!important;justify-self:end!important;align-self:center!important;
 }
 #inizio .hero-body-paragraph.editorial-mobile{
  grid-column:1/-1!important;grid-row:4!important;
  font-size:clamp(13px,3.5vw,15px)!important;line-height:1.48!important;
  margin:0!important;
 }
 /* Make elevation drawings narrow in height so they stop stealing reading space. */
 #byat .exterior-drawings.elevation-editorial .byat-copy{
  order:0!important;flex:none!important;min-height:0!important;
  overflow:visible!important;padding:clamp(14px,4vw,20px)!important;
  gap:clamp(5px,1svh,10px)!important;
 }
 #byat .exterior-drawings.elevation-editorial .byat-copy :is(h2,p){margin:0!important}
 #byat .exterior-drawings.elevation-editorial .byat-copy h2{
  font-size:clamp(25px,6vw,33px)!important;line-height:1.04!important;
 }
 #byat .exterior-drawings.elevation-editorial .byat-copy .render-kicker{display:none!important}
 #byat .exterior-drawings.elevation-editorial .elevation-description.is-active{
  color:var(--brand-plum)!important;font-size:clamp(13px,3.5vw,15px)!important;line-height:1.4!important;
 }
 #byat .exterior-drawings.elevation-editorial .elevation-materials.editorial-mobile{
  font-size:clamp(11px,3vw,13px)!important;line-height:1.4!important;
 }
 #byat .exterior-drawings.elevation-editorial .photo-gallery{
  order:1!important;flex:1 1 auto!important;min-height:0!important;
  display:flex!important;justify-content:flex-start!important;gap:6px!important;
 }
 #byat .exterior-drawings.elevation-editorial .photo-stage{
  height:clamp(145px,26svh,250px)!important;max-height:clamp(145px,26svh,250px)!important;
  min-height:0!important;flex:0 1 auto!important;aspect-ratio:auto!important;
  border-radius:var(--brand-radius-photo)!important;
 }
 #byat .exterior-drawings.elevation-editorial .photo-stage .photo-slide{object-fit:contain!important}
 #byat .exterior-drawings.elevation-editorial .photo-dots{min-height:27px!important;height:27px!important}
 #byat .exterior-panel:first-child .byat-epigraph{font-size:13px!important}
 #byat .exterior-panel:first-child .bayt-sea-view-label{font-size:10px!important}
 /* Prevent 1px strips of adjacent scenes caused by fractional transforms and rounding. */
 html,body{max-width:100%;overflow-x:clip!important;background:var(--brand-plum)}
 #mondo,#mondo .journey-pin,#mondo .world-visual{
  background:var(--brand-plum)!important;backface-visibility:hidden;
 }
 #mondo .world-visual{
  left:-2px!important;width:calc(100% + 4px)!important;
  right:-2px!important;overflow:hidden!important;
 }
 #mondo .world-visual canvas{
  display:block;width:100%!important;height:100%!important;
  backface-visibility:hidden;
 }
 :is(#inizio,#citta,#mondo,#casa,#arredi,#palazzo-butera)>.journey-pin,
 #mondo>.journey-pin{background-clip:border-box}
}