/* Approved desktop treatment is unchanged; accommodate smaller viewports. */
@media(max-width:1100px){
 #vision .vision-chat{right:var(--gutter);max-width:none}
 #vision .vision-chat .matrix-text{white-space:normal}
 #vision .vision-chat .matrix-ghost{white-space:normal}
 #vision .digital-top-right{display:none}
}
@media(max-width:760px){
 #vision{--vision-status-size:24px;--vision-chat-size:clamp(15px,3.8vw,18px);--vision-chat-top:124px;height:max(820px,100svh);min-height:820px}
 #vision .vision-render-status{top:78px}
 #vision .vision-chat{text-shadow:0 1px 7px #102018b3}
 #vision .vision-chat-row{min-height:1.65em;line-height:1.65;margin-bottom:.22em}
 #vision .vision-chat .is-typing::after{position:static;display:inline-block;margin-left:2px}
 #vision .digital-top-left{top:395px}
 #vision .vision-copy{top:auto;bottom:120px;right:var(--gutter)}
 #vision .vision-copy h2{font-size:12.6vw;line-height:1.04}
 #vision .vision-copy p{font-size:12px;margin-top:22px}
 #vision .vision-ring{width:105vw;height:105vw;right:-55vw;top:-33vw}
 #vision .vision-bottom{bottom:25px;font-size:7px}
 #vision .digital-bottom-left,#vision .digital-bottom-right{bottom:66px}
 .architecture-grid{grid-template-columns:1fr}
 .architecture-panel{height:80vw;min-height:340px;max-height:540px}
 .architecture-heading{padding-top:22px;gap:18px}
 .architecture-heading h2{font-size:28px}
 .architecture-heading p{max-width:42%;font-size:7px}
 .architecture-copy{bottom:25px}
 .architecture-copy h3{font-size:30px;margin-top:8px}
 .living-films .portfolio-copy h2{font-size:14vw}
 .landing-motion{min-width:44px;min-height:44px;width:44px;height:44px}
}
@media(max-width:370px){
 #top .experience-values{--clock-gap:10px}
 #top .experience-unit dt{font-size:6.5px;letter-spacing:0}
 #top .hero-company{font-size:13px}
}