/* One content inset for every main section; the compact metrics remain separate.
   57/76 CSS pixels approximate 1.5/2 cm at normal desktop zoom. */
:root{--section-top:57px;--section-bottom:76px}
.hero{padding-top:var(--section-top);padding-bottom:var(--section-bottom)}
.section>.section-surface:not(.photo-surface){padding-top:var(--section-top);padding-bottom:var(--section-bottom)}
.section>.photo-surface{padding:0}
.section .photo-stage{padding-top:var(--section-top)}
.section .photo-followup{padding-bottom:var(--section-bottom)}
.section .photo-followup>:last-child{margin-bottom:0}
.section .photo-stage:last-child{padding-bottom:var(--section-bottom)}
.company-overview{padding-top:var(--section-top);padding-bottom:var(--section-bottom)}
.company-portrait-caption{bottom:var(--section-bottom)}

/* Each value and description occupies the same centred rows. */
.hero-facts .hero-facts-grid{align-items:stretch}
.hero-facts .hero-fact{display:grid;grid-template-rows:auto 1fr;align-items:center;justify-items:center;gap:8px;align-content:center}
.hero-facts .hero-fact strong{min-height:0;margin:0;width:100%;text-align:center;align-self:center}
.hero-facts .hero-fact span{margin:0;max-width:23ch;text-align:center;align-self:center}
@supports(grid-template-rows:subgrid){
 .hero-facts .hero-fact{grid-template-rows:subgrid}
}
@media(min-width:1001px){
 .hero-facts .hero-facts-grid{row-gap:4px}
 .hero-facts .hero-fact{gap:4px}
 .hero-facts .hero-fact strong{line-height:1.15}
 .hero-facts .hero-fact span{line-height:1.3}
}

/* The service scene fits the available area instead of being cropped to cover it. */
.services .photo-stage{display:flex;flex-direction:column;min-height:500px;padding-bottom:24px}
.services .photo-stage .section-head,.services .service-intro>p{width:52%;max-width:740px}
.services .service-intro{display:contents}
.services .service-intro>p{order:1}
.services .service-menu{order:2;margin-top:auto;padding-top:28px}
.services .section-backdrop{inset:0 0 108px}
.services .section-backdrop img{object-fit:contain;object-position:right center}
.services .section-backdrop:after{background:linear-gradient(90deg,#e9edef 0%,#e9edeff5 30%,#e9edefb3 48%,#e9edef00 65%),linear-gradient(0deg,#e9edef,#e9edef00 12%),linear-gradient(180deg,#e9edef,#e9edef00 12%)!important}
.services .service-body>div{padding-bottom:0}
.services .service-body .service-end>:last-child{margin-bottom:0}
.services .agency-country-list{font-weight:700}
.services .service-international-content .permit-routes{gap:28px}
.services .service-international-content .permit-route{padding:30px;border:1px solid #ffffffa6;border-radius:24px;background:var(--soft-surface);box-shadow:var(--soft-raised);display:block}
.services .service-international-content .permit-route h4{margin:0 0 20px}
.services .service-international-content .permit-route :is(p,ul)+:is(p,ul){margin-top:16px}

@media(max-width:1000px){
 .company-overview{padding-top:calc(clamp(270px,58vw,550px) + var(--section-top))}
 .company-portrait-caption{bottom:auto}
 .services .photo-stage{min-height:0;gap:0}
 .services .photo-stage .section-head,.services .service-intro>p{width:100%;max-width:none}
 .services .photo-stage .section-backdrop{order:1;position:relative;inset:auto;z-index:0;margin:0 calc(-1 * var(--photo-space)) 20px}
 .services .section-backdrop img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;object-fit:contain;aspect-ratio:3/2}
 .services .section-backdrop:after{background:linear-gradient(180deg,#e9edef,#e9edef00 8%,#e9edef00 92%,#e9edef)!important}
 .services .service-intro>p{order:2}
 .services .service-menu{order:3;margin-top:0;padding-top:26px}
}
@media(max-width:700px){
 /* On narrow screens the portrait precedes the copy, so its space is additional. */
 .company-overview{padding-top:calc(62vw + var(--section-top))}
 .section>.chaz-surface{padding-top:calc(clamp(160px,40vw,230px) + var(--section-top))}
 .services .service-international-content .permit-route{padding:24px 20px;border-radius:20px}
 .services .service-international-content .permit-route h4{margin-bottom:18px}
}
