/* Local landscapes give the company story a place, then three clear principles. */
.company-view{padding:64px 0 0;background:linear-gradient(#f1f1f1 160px,#fff 160px)}
.company-view figure{margin-top:0;margin-bottom:0}
.company-day{overflow:hidden;aspect-ratio:2.5}
.company-day img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.company-view figcaption{display:flex;justify-content:space-between;gap:24px;margin-top:22px;font-size:12px;letter-spacing:.05em;line-height:1.8;color:#666e68}
.company-view figcaption>span:first-child{font-size:11px;letter-spacing:.12em}
.company-intro-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:start}
.company-intro-title h2{font-size:clamp(30px,3vw,42px);line-height:1.75;letter-spacing:.02em;margin:24px 0 0}
.company-local-mark{display:flex;gap:14px;align-items:center;border-top:1px solid #d9ded8;margin-top:48px;padding-top:24px;max-width:320px;font-size:10px;line-height:1.9;letter-spacing:.1em;color:#788177}
.company-mark-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px #fff1ec;margin:0 7px;flex-shrink:0}
.company-intro-copy{font-size:16px;line-height:2.15}
.company-intro-copy p+p{margin-top:24px}
.company-intro-copy .company-intro-lead{font-size:22px;line-height:1.9;font-weight:600;margin:0 0 32px}
.company-principles{background:#f4f5f1}
.company-principles-heading{display:flex;justify-content:space-between;align-items:baseline;gap:48px;margin-bottom:64px}
.company-principles-heading>.eyebrow{color:#747d73;font-size:12px;letter-spacing:.1em}
.company-principles-heading h2{font-size:28px;line-height:1.8;font-weight:500}
.company-principle{display:grid;grid-template-columns:130px 1fr 1.5fr;gap:56px;padding:64px 0;border-top:1px solid #ced5cc;align-items:start}
.company-principle:last-child{padding-bottom:0}
.company-principle-mark>span{display:block;font-size:11px;letter-spacing:.1em;white-space:nowrap;color:#5b685c}
.company-principle-mark svg{display:block;width:84px;height:70px;margin-top:32px;stroke:#788876;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.company-principle-mark .mark-accent{stroke:var(--accent)}
.company-principle h3{font-size:24px;line-height:1.85;font-weight:600;letter-spacing:.015em}
.company-principle-copy{font-size:15px;line-height:2.15;color:#48524a}
.company-principle-copy p+p{margin-top:22px}
.company-continuity{display:flex;align-items:center;margin-top:32px;gap:10px;max-width:420px}
.company-continuity span{font-size:12px;text-align:center;white-space:nowrap;padding:11px 16px;background:#e7ece3;color:#455341;min-width:74px}
.company-continuity i{height:1px;background:#8e9e86;flex:1;min-width:10px}
.company-neighbourhood{display:grid;grid-template-columns:1.2fr 1fr;background:#202923;color:#fff}
.company-neighbourhood figure{margin:0;position:relative;min-width:0;min-height:530px;overflow:hidden}
.company-neighbourhood img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:54% center}
.company-neighbourhood figcaption{position:absolute;left:32px;bottom:28px;color:#fff;font-size:10px;letter-spacing:.14em;text-shadow:0 1px 5px #000}
.company-neighbourhood-copy{padding:80px clamp(40px,5.5vw,100px);align-self:center}
.company-neighbourhood-copy>.eyebrow{font-size:11px;letter-spacing:.12em;color:#b9c5b7}
.company-neighbourhood h2{font-size:32px;line-height:1.8;margin:24px 0 32px;font-weight:500;letter-spacing:.025em}
.company-neighbourhood-copy>p:not(.eyebrow){font-size:15px;line-height:2.1;color:#e0e5dd}
.company-neighbourhood-copy>p+p{margin-top:24px}
@media(max-width:1100px){
 .company-intro-grid{gap:56px}.company-principle{grid-template-columns:90px 1fr 1.5fr;gap:32px}.company-principle h3{font-size:22px}
 .company-neighbourhood-copy{padding:64px 40px}.company-neighbourhood h2{font-size:28px}
}
@media(max-width:800px){
 .company-view{padding-top:28px;background:linear-gradient(#f1f1f1 90px,#fff 90px)}.company-day{aspect-ratio:1.3}.company-day img{object-position:48% center}
 .company-view figcaption{display:block;margin-top:16px;font-size:12px}.company-view figcaption>span{display:block}.company-view figcaption>span+span{margin-top:6px}
 .company-intro-grid{grid-template-columns:1fr;gap:40px}.company-intro-title h2{font-size:29px;line-height:1.8;margin-top:20px}.company-local-mark{margin-top:28px;padding-top:20px;max-width:none}
 .company-intro-copy{font-size:15px;line-height:2.1}.company-intro-copy .company-intro-lead{font-size:19px;line-height:1.9;margin-bottom:24px}.company-intro-copy p+p{margin-top:22px}
 .company-principles-heading{display:block;margin-bottom:40px}.company-principles-heading h2{font-size:26px;line-height:1.8;margin-top:18px}
 .company-principle{grid-template-columns:1fr;gap:24px;padding:40px 0 48px}.company-principle-mark{display:flex;align-items:center;justify-content:space-between;gap:20px}
 .company-principle-mark svg{width:66px;height:52px;margin:0}.company-principle h3{font-size:23px;line-height:1.8}.company-principle-copy{font-size:15px;line-height:2.1}
 .company-continuity{margin-top:28px;gap:8px}.company-continuity span{padding:11px 12px;min-width:68px}
 .company-neighbourhood{grid-template-columns:1fr}.company-neighbourhood figure{aspect-ratio:1.35;min-height:0}.company-neighbourhood img{object-position:center}.company-neighbourhood figcaption{left:20px;bottom:20px;font-size:9px}
 .company-neighbourhood-copy{padding:48px 24px 56px}.company-neighbourhood h2{font-size:28px;margin:20px 0 28px}.company-neighbourhood-copy>p:not(.eyebrow){font-size:15px}
}