/* Official Brand composition: corporate. Edit only in Dorsal Brand. */
.hero{display:grid}
.main-services{background:var(--paper);padding:7rem 0}
.section-top{display:flex;justify-content:space-between;gap:3rem;align-items:baseline;margin-bottom:2.4rem}
.section-top h2,.dorsal-gateway-headline{letter-spacing:-.06em;line-height:1.02}
.section-top .eyebrow{color:var(--dorsal-body-secondary)}
.gov-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr)}
.main-copy h3{font-size:clamp(1.4rem,3vw,2.4rem);font-weight:500;letter-spacing:-.03em;line-height:1.18;margin-bottom:1.4rem}
.body-copy{font-size:1.1rem;line-height:1.55;max-width:42rem}
.service-points{display:grid;gap:1.5rem}
.service-points h3{margin:0 0 .45rem;font-size:1.1rem}
.service-points p{line-height:1.5}
.action{display:inline-flex;align-items:center;max-width:max-content;margin-top:2rem}
.action:hover{text-decoration:none}
.contact-section h2{letter-spacing:-.06em;font-weight:500;margin:1.1rem 0}
.contact-section p{font-size:1.1rem;max-width:36rem;line-height:1.5}
.detail-hero h1{margin:1rem 0 2rem}
.detail-hero p{font-size:clamp(1.1rem,1.8vw,1.5rem);line-height:1.45}
.detail-legal{padding:3.5rem 0 6rem;max-width:820px}
.detail-legal h2{font-size:1.85rem;letter-spacing:-.03em;margin:0 0 1rem}
.detail-legal p{line-height:1.6;margin-bottom:1.2rem}
.ref{font-size:.9rem}
.reference-line{margin-top:1.5rem}
@media(max-width:900px){
.hero{grid-template-columns:1fr;padding:6rem 0 4.5rem}
.gov-layout{grid-template-columns:1fr;gap:2.5rem}
.section-top{flex-direction:column;gap:1rem}
}
@media(max-width:600px){
.hero{min-height:0;padding:5.5rem 0 4rem}
.hero h1,.detail-hero h1,.section-top h2,.dorsal-gateway-headline{overflow-wrap:anywhere}
}
.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:3.5rem;padding:4.5rem 0 5rem;min-height:650px}
.hero h1{margin:1.5rem 0 1.6rem}
.hero-desc{max-width:30rem}
.hero-art{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}
.hero-art img{width:100%;aspect-ratio:1/1.1;object-fit:cover}
.hero-art figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;font-size:.66rem;line-height:1.5;letter-spacing:.025em}
.hero-actions{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-top:2rem}
.hero-actions .action{margin-top:0;gap:1.2rem}
.text-action{display:inline-flex;gap:.8rem;align-items:center}
.benefits{padding:3rem 0 5.5rem;border-top:1px solid var(--line)}
.benefits>h2{font-weight:500;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.045em;margin-bottom:2.5rem}
.section-top h2,.dorsal-gateway-headline{font-size:clamp(2.4rem,4.7vw,4.5rem);font-weight:500;margin-top:1.2rem}
.gov-layout{gap:4rem}
.service-points{border-left:1px solid var(--line);padding-left:2.5rem}
.contact-section{padding:5rem 0}
.contact-section h2{max-width:15ch;font-size:clamp(2.5rem,5vw,4.5rem)}
.detail-hero{max-width:1216px;padding:4.5rem 0 3rem}
.detail-hero h1{max-width:14ch}
.detail-hero>p{max-width:46rem}
@media(max-width:1000px){
.hero{gap:2rem;min-height:0}
.hero-actions{gap:.8rem}
.hero-art img{aspect-ratio:1/1.3}
}
@media(max-width:768px){
.hero{grid-template-columns:1fr;padding:3rem 0;gap:2.5rem}
.hero-art img{aspect-ratio:1.4/1}
.gov-layout{grid-template-columns:1fr;gap:2rem}
.service-points{border-left:0;border-top:1px solid var(--line);padding:2rem 0 0}
}
@media(max-width:600px){
.hero-art img{aspect-ratio:1.05/1}
.hero-art figcaption{font-size:.6rem}
.hero-actions{align-items:flex-start;gap:1rem}
.benefits{padding:2rem 0 3rem}
.detail-hero{padding:3rem 0 2rem}
.contact-section{padding:3.5rem 0}
}
.hero h1{max-width:12ch}
@media(max-width:768px){
.hero h1{max-width:15ch}
}
@media(max-width:600px){
.hero h1{max-width:12ch}
}
.value-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:4rem}
.value-intro h2{font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.08;letter-spacing:-.045em;font-weight:500;max-width:17ch}
.value-intro p{font-size:1.05rem;line-height:1.65;max-width:42ch}
.benefits>.benefit-subtitle{font-size:1.2rem;letter-spacing:-.02em;margin-bottom:2rem}
@media(max-width:768px){
.value-intro{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}
.value-intro p{max-width:none}
}
.method{padding-bottom:3rem}
.method-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;padding:2.5rem 0;border-top:1px solid var(--line)}
.method-intro h2{font-size:2rem;letter-spacing:-.04em;font-weight:500}
.method-steps{list-style:none;padding:0;margin:0}
.method-step{display:grid;grid-template-columns:1fr 5fr;gap:2rem;border-top:1px solid var(--line);padding:3rem 0}
.step-number{font-size:3rem;line-height:1;letter-spacing:-.05em;color:var(--dorsal-slash-on-light)}
.step-body h3{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.04em;font-weight:500;margin:0 0 1rem}
.step-body>p{font-size:1.1rem;line-height:1.65;max-width:55rem}
.step-body dl{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0 0}
.step-body dl>div{background:var(--paper);padding:1.5rem}
.step-body dl>div:last-child{border-top:3px solid var(--accent)}
.step-body dt{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;font-weight:650;margin-bottom:.75rem}
.step-body dd{margin:0;font-size:.95rem;line-height:1.6}
.operating-model{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:3rem 0;border-top:1px solid var(--line)}
.operating-model h2{font-size:1.8rem;letter-spacing:-.035em;font-weight:500;max-width:23ch;margin-bottom:1rem}
.operating-model p{line-height:1.65;max-width:50ch}
@media(max-width:768px){
.method-intro{grid-template-columns:1fr;gap:1.2rem}
.method-step{grid-template-columns:1fr;gap:1rem;padding:2rem 0}
.step-number{font-size:1.6rem}
.step-body dl,.operating-model{grid-template-columns:1fr;gap:1rem}
.operating-model{gap:2rem}
.step-body>p{font-size:1rem}
}
.governance-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:5rem;align-items:center;padding:4rem 0 5rem}
.governance-lead h1{max-width:16ch}
.governance-intro{font-size:1.12rem;line-height:1.65;max-width:44ch}
.governance-visual img{width:100%;aspect-ratio:4/5;object-fit:cover}
.governance-visual figcaption{font-size:.75rem;letter-spacing:.045em;padding-top:1rem;line-height:1.5}
.governance-followup{background:var(--ink);color:var(--paper);padding:4.5rem 0;margin-top:1rem}
.governance-followup>.wrap>.eyebrow{color:var(--accent)}
.governance-followup .operating-model{padding:2.5rem 0 0;border-color:var(--dorsal-line-on-dark);gap:5rem;margin-top:1.5rem}
.governance-followup h2{font-size:clamp(1.8rem,3vw,2.8rem);max-width:20ch;line-height:1.1}
.governance-followup p:not(.eyebrow){color:var(--dorsal-text-on-dark)}
.followup-number{display:block;font-size:.8rem;color:var(--accent);letter-spacing:.12em;margin-bottom:2rem}
.governance-trust{max-width:1216px;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;padding:4.5rem 0}
.governance-trust h2{max-width:14ch;font-size:clamp(2rem,3vw,3rem);font-weight:500;line-height:1.1}
.governance-trust .reference-line{margin-top:2rem}
@media(max-width:900px){
.governance-lead{gap:2.5rem}
.governance-followup .operating-model{gap:2.5rem}
}
@media(max-width:700px){
.governance-lead{grid-template-columns:1fr;padding:2.5rem 0 3rem;gap:2rem}
.governance-visual img{aspect-ratio:1.35/1}
.governance-followup{padding:3rem 0}
.governance-followup .operating-model{grid-template-columns:1fr;gap:2.5rem}
.followup-number{margin-bottom:1rem}
.governance-trust{grid-template-columns:1fr;gap:1.2rem;padding:3rem 0}
}