/* Business only: content-led heights and a shared fluid content edge. */
body.business{--business-cap:clamp(1140px,80vw,1600px);--business-edge:max(24px,calc((100% - var(--business-cap))/2))}
.business>.site-footer{padding-inline:var(--business-edge)}
.business>.site-header{padding-inline:clamp(20px,4vw,128px);gap:20px}
.business main>section:not(.business-hero){padding-inline:var(--business-edge)}
.business main>section>*,.business .offer-card>*,.business .contact-form-card,.business .form-grid>*{min-width:0}
.business .showcase-heading,.business .journal-heading,.business .showcase-preview,.business .journal-empty{max-width:none;width:100%}
.business .business-hero{height:auto;min-height:500px;overflow:visible;grid-template-columns:repeat(2,minmax(0,1fr))}
.business .business-hero .hero-copy{min-width:0;padding-left:var(--business-edge);padding-right:clamp(24px,4vw,64px)}
.business .business-hero .hero-image{position:relative;min-width:0;height:auto;min-height:100%;max-height:none}
.business .business-hero .hero-image img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}
.business .main-nav{flex-wrap:nowrap;white-space:nowrap}
.business .business-offers{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);align-items:start}
.business .board-offer{grid-template-columns:42px minmax(0,1.5fr) minmax(0,.85fr);gap:16px}
.business .board-offer .offer-content{height:auto}
.business .board-participants{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-content:start;flex:none}
.business .board-participants li:last-child{grid-column:auto}
.business .offer-art{min-width:0;align-self:stretch;height:auto;min-height:260px;display:flex;align-items:center;justify-content:center}
.business .offer-art img{width:100%;height:auto;max-height:560px;object-fit:contain}
.business .digital-check-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.business .showcase-preview{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.business .showcase-art{min-width:0}
.business .showcase-art img{width:100%;height:clamp(280px,25vw,420px);object-fit:contain}
.business .journal-empty{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.business .journal-photo{width:100%;max-width:360px;min-width:0}
.business .journal-photo img{width:100%;height:auto;min-height:0;max-height:520px;object-fit:contain;object-position:left center}
.business .qa-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.business .contact-section{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}
.business .form-submit-row{flex-wrap:wrap}
.business .form-submit-row .button{white-space:normal;text-align:left}
.business .offer-content,.business .showcase-details,.business .contact-form-card{overflow-wrap:anywhere}
@media(max-width:1200px){
 .business .business-offers{grid-template-columns:minmax(0,1fr)}
 .business .board-offer{grid-template-columns:42px minmax(0,1.6fr) minmax(0,.8fr)}
 .business .digital-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .business .contact-section{grid-template-columns:minmax(0,1fr)}
 .business .main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 17px;background:#121918;box-shadow:0 12px 20px rgba(0,0,0,.25)}
 .business .main-nav.is-open{display:flex}
 .business .main-nav a{padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
 .business .main-nav .nav-cta{text-align:center;margin-top:10px;border:0}
 .business .menu-toggle{display:flex;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:0;background:transparent;cursor:pointer;flex:none}
 .business .menu-toggle span{width:22px;height:2px;background:#fff}
}
@media(max-width:800px){
 body.business{--business-edge:24px}
 .business .business-hero{grid-template-columns:minmax(0,1fr);min-height:0}
 .business .business-hero .hero-copy{padding:34px var(--business-edge)}
 .business .business-hero .hero-image{height:auto;aspect-ratio:4/3;min-height:0}
 .business .business-hero .hero-image img{object-position:center 38%}
 .business .showcase-preview,.business .journal-empty{grid-template-columns:minmax(0,1fr)}
 .business .qa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .business .qa-heading{flex-direction:column;align-items:flex-start}
 .business .site-footer{flex-wrap:wrap}
}
@media(max-width:600px){
 body.business{--business-edge:20px}
 .business .board-offer{grid-template-columns:32px minmax(0,1fr);gap:12px}
 .business .offer-art{grid-column:2;min-height:0;width:100%;max-width:320px}
 .business .board-participants,.business .digital-check-grid{grid-template-columns:minmax(0,1fr)}
 .business .check-area{min-width:0}
 .business .offer-symbol{width:32px;height:32px}
 .business .showcase-art{padding-inline:12px}
 .business .showcase-art img{height:auto;max-height:400px}
 .business .journal-photo{max-width:300px}
 .business .qa-grid{grid-template-columns:minmax(0,1fr)}
 .business .form-grid{grid-template-columns:minmax(0,1fr)}
 .business .form-wide{grid-column:auto}
}

/* Allow the long hero word and header identity to shrink at very narrow widths. */
.business .business-hero h1{max-width:100%;overflow-wrap:anywhere}
.business .site-header .brand{min-width:0}

/* Header uses the available viewport rather than the reading-width cap. */
@media(min-width:1201px){
 .business>.site-header{height:clamp(70px,5vw,112px)}
 .business .site-header .brand{flex:none;gap:clamp(9px,.65vw,16px)}
 .business .site-header .business-logo-crop{width:clamp(48px,3.3vw,80px);height:clamp(42px,2.9vw,70px)}
 .business .site-header .business-logo-crop img{width:119%;left:-8.3%}
 .business .site-header .brand-words b{font-size:clamp(15px,1.05vw,24px)}
 .business .site-header .brand-words small{font-size:clamp(9px,.63vw,14px)}
 .business .site-header .main-nav{margin-left:auto;font-size:clamp(15px,1.05vw,24px);gap:clamp(20px,1.7vw,44px);flex:none}
 .business .site-header .nav-cta{padding:clamp(10px,.75vw,18px) clamp(21px,1.5vw,36px)}
}
@media(max-width:300px){.business>.site-header{gap:0}}
/* The hero follows the same bounded content region as the sections below. */
@media(min-width:801px){
 .business .business-hero{padding-inline:var(--business-edge);min-height:0}
 .business .business-hero .hero-image{aspect-ratio:4/3;min-height:0;background:var(--ink)}
 .business .business-hero .hero-image img{object-fit:contain;object-position:center}
 .business .business-hero .hero-copy{justify-content:center;padding:34px clamp(24px,3vw,48px) 34px 0}
 .business .business-hero .hero-copy h1{font-size:clamp(43px,4.5vw,66px);max-width:100%}
 .business .business-hero .hero-intro,.business .business-hero .business-hero-message{font-size:20px;max-width:40ch}
 .business .business-hero .hero-copy .eyebrow{font-size:11px}
 .business .business-hero .button{font-size:16px;padding:12px 21px}
}

/* Keep the retained unavailable form within its existing card layout. */
.business-enquiry-form>fieldset{border:0;padding:0;margin:0;min-inline-size:0}.business-enquiry-form button:disabled{cursor:not-allowed;opacity:.65}#business-enquiry-unavailable{font-weight:600;line-height:1.5}