/* 1.9.0: semantic content, preserving the 1.8 scene controller and visual assets. */
.semantic-intro{font-size:clamp(18px,1.5vw,23px);line-height:1.6;max-width:950px;margin:24px 0 0;color:var(--muted,#536169)}
.semantic-body{max-width:1040px;margin:0 0 48px}.semantic-body h2,.editorial-body h2{margin-top:2em;max-width:30em}.semantic-body p,.editorial-body p{font-size:18px;line-height:1.8}.semantic-body a,.editorial-body a{border-bottom:1px solid currentColor}.semantic-body li{margin:12px 0;line-height:1.7}
.semantic-faq,.semantic-related{margin:64px 0;max-width:1040px}.semantic-faq h2,.semantic-related h2{font-size:clamp(25px,3vw,40px);line-height:1.25}.semantic-faq details{border-top:1px solid #b5bec3;padding:20px 0}.semantic-faq summary{cursor:pointer;font-size:20px;line-height:1.5;font-weight:600}.semantic-faq p{font-size:18px;line-height:1.8;max-width:900px}.semantic-related li{margin:16px 0}.semantic-related a{text-decoration:underline;text-underline-offset:4px}
.architecture-180 .hero-statement h1{font-size:clamp(42px,5.5vw,94px);line-height:1.07;max-width:15ch;text-wrap:balance;overflow-wrap:normal}.architecture-180 .hero-statement>p{max-width:650px;font-size:clamp(18px,1.4vw,23px);line-height:1.5}.architecture-180 .scene h2{font-size:clamp(36px,4.1vw,70px);line-height:1.1;max-width:22ch;text-wrap:balance}.architecture-180 .scene-geography h2{font-size:clamp(40px,5.5vw,92px);max-width:20ch}.architecture-180 .page-heading h1{font-size:clamp(34px,4.8vw,76px);line-height:1.15;overflow-wrap:normal;max-width:23ch}.process-link{margin:24px 0}.contact-value,.contact-numbers{font-size:clamp(23px,3.2vw,44px);font-weight:600;line-height:1.3}.contact-numbers{display:grid;gap:12px}.contact-value a{overflow-wrap:normal}
@media(max-width:650px){.architecture-180 .hero-statement h1{font-size:42px;max-width:12ch}.architecture-180 .scene h2{font-size:36px;max-width:100%}.architecture-180 .scene-geography h2{font-size:42px}.semantic-body{margin-bottom:30px}.semantic-faq,.semantic-related{margin:40px 0}.semantic-intro{font-size:18px}.page-content{min-width:0}.semantic-body ul{padding-left:22px}}
.architecture-180 .hero-statement h1,.architecture-180 .scene h2{overflow-wrap:normal;hyphens:none}
/* The first screen has a short editorial heading, without automatic word breaks. */
.architecture-180 .hero-statement h1{max-width:19ch;overflow-wrap:normal;hyphens:none}