.hwd-hero{height:min(78vh,760px);min-height:540px;position:relative;isolation:isolate;display:flex;align-items:flex-end;padding:96px var(--gutter)}
.hwd-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;z-index:-2}
.hwd-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,30,63,.85),rgba(11,30,63,.36) 58%,rgba(11,30,63,.08))}
.hwd-hero .h-hero{font-size:clamp(44px,4.45vw,64px);font-weight:400;margin:24px 0}
.hwd-hero .lede{font-size:20px;color:var(--muted-d);line-height:1.5}
.hwd-wrap{padding:128px var(--gutter);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.hwd-overview>div{grid-column:1 / span 4}.hwd-overview .h-long{margin-top:32px}
.hwd-overview .label{color:var(--brand)}
.hwd-directory{grid-column:6 / span 7;border-top:1px solid var(--line)}
.hwd-directory a{display:grid;grid-template-columns:56px 1fr 24px;align-items:center;min-height:70px;border-bottom:1px solid var(--line);font-size:24px;transition:color .18s,padding .18s}
.hwd-directory a span:first-child{font-size:14px;color:var(--muted)}.hwd-directory a span:last-child{font-size:22px;color:var(--muted)}
.hwd-directory a svg{width:18px;height:18px;color:var(--muted)}
.hwd-directory a:hover{color:var(--brand);padding-left:8px}
.hwd-planning{background:#fff;display:block}
.hwd-stage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;scroll-margin-top:110px}
.hwd-stage+.hwd-stage{border-top:1px solid var(--line);margin-top:80px;padding-top:80px}
.hwd-stage__label{display:flex;gap:24px;align-items:baseline}.hwd-stage__label span{color:var(--muted);font-variant-numeric:tabular-nums}
.hwd-stage>p{grid-column:1 / span 4}.hwd-stage>div{grid-column:6 / span 7}
.hwd-items{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin-top:36px}
.hwd-items li{font-size:18px;line-height:1.5;padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.hwd-items--single{grid-template-columns:1fr}
.hwd-build{display:grid;grid-template-columns:1fr 1fr;scroll-margin-top:80px}
.hwd-build__image{position:relative;min-height:680px}.hwd-build__image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.7)}
.hwd-build__image figcaption{position:absolute;bottom:24px;left:var(--gutter);background:var(--paper);padding:10px 16px;font-size:14px}
.hwd-build__copy{padding:100px var(--gutter)}.hwd-build__copy h2{margin-top:30px}
.hwd-connect,.hwd-operate{scroll-margin-top:80px}.hwd-connect{background:var(--navy)}
.hwd-connect>p,.hwd-operate>p{grid-column:1 / span 4}.hwd-connect>div,.hwd-operate>div{grid-column:6 / span 7}
.hwd-connect .hwd-items li{border-color:var(--line-d);color:var(--muted-d)}.hwd-connect .hwd-stage__label span{color:var(--muted-d)}
.hwd-validate{background:#fff;align-items:center;scroll-margin-top:80px}
.hwd-validate>div{grid-column:1 / span 5}.hwd-validate h2{margin-top:30px}.hwd-certificate{grid-column:7 / span 6}
.hwd-certificate img{width:100%;height:auto}.hwd-certificate figcaption{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:14px;color:var(--muted)}
.hwd-note{margin:32px 0;color:var(--muted)}.hwd-operate .btn{color:var(--brand)}.hwd-operate .btn:hover{background:var(--brand);color:#fff}
.hwd-directory a:focus-visible,.hwd-certificate a:focus-visible,.hwd-operate a:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
@media(max-width:900px){
 .hwd-hero{height:520px;min-height:0;padding:0 var(--gutter) 56px}.hwd-hero__image{object-position:60% center}.hwd-hero::before{background:linear-gradient(90deg,rgba(11,30,63,.85),rgba(11,30,63,.32))}
 .hwd-hero .h-hero{font-size:44px;max-width:330px}.hwd-hero .lede{font-size:18px}
 .hwd-wrap{padding:72px var(--gutter);grid-template-columns:1fr;gap:36px}.hwd-wrap>*{grid-column:1 / -1!important}
 .hwd-overview .h-long br{display:none}.hwd-overview .h-long{margin-top:24px}.hwd-directory a{min-height:64px;font-size:22px}
 .hwd-stage{grid-template-columns:1fr;gap:28px}.hwd-stage>*{grid-column:1 / -1!important}.hwd-stage+.hwd-stage{margin-top:64px;padding-top:64px}
 .hwd-items{grid-template-columns:1fr;margin-top:24px}.hwd-items li{font-size:17px;padding:15px 0}
 .hwd-build{grid-template-columns:1fr}.hwd-build__image{min-height:0;height:260px}.hwd-build__image img{object-position:50% 42%}.hwd-build__copy{padding:72px var(--gutter)}
 .hwd-certificate{margin-top:12px}.hwd-connect .h-sec{font-size:38px}.hwd-stage,.hwd-build,.hwd-connect,.hwd-validate,.hwd-operate{scroll-margin-top:88px}
}