:root{--navy:#0a2032;--deep:#061623;--gold:#daba7d;--paper:#f8f2e8;--line:#ded2be;--ink:#263945}
.masthead{height:88px;background:#061623;border-bottom-color:#c4a46c47;gap:22px}
.identity{gap:14px;font-size:clamp(19px,2.1vw,25px)}
.identity small{font-size:9px;letter-spacing:.11em;color:#d5c9b9}
.seal,.seal.small{display:grid;place-items:center;border-radius:0;overflow:visible;box-shadow:none}
.seal img{position:static;width:100%;max-width:100%;height:auto;display:block}
.seal.small{width:46px;height:32px}
.masthead nav{gap:clamp(14px,2.2vw,32px)}
.masthead nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.6em}
.los-hero{background:linear-gradient(128deg,#0a2032,#04121e);padding:clamp(56px,6vw,96px) 6% clamp(60px,7vw,104px);isolation:isolate;border-bottom:1px solid #b68b46}
.los-hero .architectural-art{position:absolute;inset:0 0 0 auto;width:38%;z-index:0;pointer-events:none;background:url('assets/whitley-architecture.svg') right center / cover no-repeat}
.los-hero h1{font-size:clamp(42px,5.15vw,78px);max-width:64%;line-height:1.08}
.los-hero .los-lead{font-family:var(--sans);font-size:clamp(18px,1.65vw,22px);max-width:min(580px,57%);line-height:1.58;color:#e3e8e9}
.los-hero .los-hero-copy{max-width:min(530px,56%);color:#d3dce1}
.los-hero .actions{max-width:62%}
.los-hero .button{border-radius:4px;gap:14px;font-weight:600}
.los-hero .eyebrow{color:#e1bf80;max-width:60%}
.los-definition{background:var(--paper)}
.los-definition .section-label{color:#795724}
@media(max-width:1050px){.wide-break{display:none}}
@media(max-width:760px){
 .masthead{height:76px;gap:10px;padding:0 5%}
 .identity{gap:10px;font-size:clamp(16px,4.3vw,22px)}
 .identity small{font-size:8px;letter-spacing:.07em}
 .seal.small{width:36px;height:26px}
 .masthead .menu{padding:8px;white-space:nowrap}
 .los-hero{padding:56px 6% 54px}
 .los-hero .architectural-art{width:48%;background:radial-gradient(circle at 110% 82%,transparent 0 32%,#c7a46a65 32.4% 32.8%,transparent 33.1%),repeating-linear-gradient(0deg,transparent 0 37px,#c7a46a19 37px 38px),repeating-linear-gradient(90deg,transparent 0 37px,#c7a46a19 37px 38px);opacity:.72}
 .los-hero h1{font-size:clamp(37px,10.3vw,55px);max-width:100%}
 .los-hero .eyebrow,.los-hero .los-lead,.los-hero .los-hero-copy,.los-hero .actions{max-width:100%}
 .los-hero .actions{align-items:flex-start;flex-direction:column;gap:20px}
}
@media print{.architectural-art{display:none}.los-hero h1,.los-hero .los-lead,.los-hero .los-hero-copy{color:#222;max-width:100%}}
