/* U05: a larger original sculpture in a shallower footer, with existing FAQ clearance. */
@media(min-width:1101px){
 #app31 #contact{grid-template-columns:minmax(0,1fr) clamp(430px,40.625vw,580px) minmax(0,1fr);grid-template-rows:auto 300px;gap:24px 32px;padding-top:32px;padding-bottom:66px}
 #app31 #contact .footer-art{width:calc(100% + 80px);max-width:660px;height:520px;justify-self:center;align-self:center;position:relative;top:-44px;z-index:1}
 #app31 #contact .contact-opening,#app31 #contact .contact-details{position:relative;z-index:2;align-self:center}
}
@media(min-width:761px) and (max-width:1100px){
 #app31 #contact{padding-top:32px;padding-bottom:36px;gap:24px}
 #app31 #contact .footer-art{height:330px;width:calc(100% + 20px);justify-self:center;position:relative;top:-12px;z-index:1}
}
@media(max-width:760px){
 #app31 #contact .footer-art{width:min(calc(100% + 24px),380px);max-width:none;height:clamp(280px,90vw,340px);justify-self:center;top:0}
}

/* X03: keep the existing continuous dark base; remove only the legacy backdrop. */
#app31 #contact::before{content:none}

/* XR02: inline attribution shares the existing office heading and entrance. */
#app31 #contact .office .asset-credit{margin-inline-start:.7em;color:inherit;font:inherit;letter-spacing:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
#app31 #contact .office .asset-credit:focus-visible{outline:2px solid currentColor;outline-offset:4px}
#app31 #flat-visual{left:54%;top:24%;width:40%;height:50%;filter:none;object-fit:contain}
@media(max-width:760px){#app31 #flat-visual{left:var(--edge);top:calc(80px + var(--hero-copy-height,300px));width:calc(100% - 2*var(--edge));height:180px}}

/* X02: retire legacy animated radial backdrop layers as well as the beam painter. */
#app31 .journey::before,#app31 .support-editorial::before{content:none}