/* Spacing pass shared by every exported page. */
:root{--crs-section-y:clamp(48px,4.8vw,68px);--crs-tight-section:clamp(50px,5.4vw,76px);--crs-section-heading-gap:clamp(20px,2vw,28px)}
@media(max-width:1050px){:root{--crs-section-y:48px;--crs-tight-section:50px}}
@media(max-width:760px){:root{--crs-section-y:38px;--crs-tight-section:42px;--crs-section-heading-gap:20px}}

/* Let image and copy sections take the space their content needs. */
.hotel-ops-section,.hotel-disposition-section,.area-logistics,.area-disposition,.city-proof,.disposition-section,.service-section,.how-safety,.how-field,.project-management-band{min-height:0!important}
.hotel-ops-image,.hotel-disposition-image,.city-proof-image,.project-management-visual{min-height:clamp(350px,34vw,470px)!important}
.area-logistics-visual,.area-disposition-visual,.how-safety-visual,.how-field-visual,.how-readiness-visual{min-height:clamp(340px,33vw,480px)!important}
.how-page .how-readiness-visual{padding-bottom:clamp(28px,4vw,58px)!important}
@media(max-width:760px){.hotel-ops-image,.hotel-disposition-image,.city-proof-image,.project-management-visual,.area-logistics-visual,.area-disposition-visual,.how-safety-visual,.how-field-visual,.how-readiness-visual{min-height:290px!important}}

/* How It Works: eliminate the empty picture mat and the mismatched columns. */
.how-page .how-commercials{display:block!important}
.how-page .how-commercials>.how-pricing,.how-page .how-commercials>.how-insurance{display:grid!important;grid-template-columns:minmax(0,42%) minmax(0,58%);grid-auto-rows:min-content;align-content:center;column-gap:0;padding:0!important;min-height:0!important}
.how-page .how-commercials .commercial-visual{grid-column:1;grid-row:1 / span 7;align-self:stretch;width:100%;height:100%!important;min-height:380px;aspect-ratio:auto!important;margin:0!important;background:#0a275b!important}
.how-page .how-commercials .commercial-visual img{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:none!important}
.how-page .how-commercials .how-insurance .commercial-visual img{top:-5%;height:124%!important;object-position:center top!important}
.how-page .how-commercials>.how-pricing>:not(.commercial-visual),.how-page .how-commercials>.how-insurance>:not(.commercial-visual){grid-column:2;margin-left:0;margin-right:0;padding-left:clamp(30px,5vw,80px);padding-right:clamp(30px,5vw,80px)}
.how-page .how-commercials .eyebrow{padding-top:clamp(38px,5vw,66px)}
.how-page .how-commercials .how-pricing>:last-child,.how-page .how-commercials .how-insurance>:last-child{padding-bottom:clamp(38px,5vw,66px)}
.how-page .how-commercials h2{font-size:clamp(2rem,3vw,3.3rem);line-height:1.1}
.how-page .how-commercials .commercial-visual:after{pointer-events:none}
@media(max-width:800px){.how-page .how-commercials>.how-pricing,.how-page .how-commercials>.how-insurance{display:block!important}.how-page .how-commercials .commercial-visual{width:100%;height:clamp(220px,45vw,340px)!important;min-height:0;aspect-ratio:auto!important}.how-page .how-commercials>.how-pricing>:not(.commercial-visual),.how-page .how-commercials>.how-insurance>:not(.commercial-visual){padding-left:clamp(22px,5vw,38px);padding-right:clamp(22px,5vw,38px)}}