/* Approved page-11 representative grammar: FH/Hero/BrandPreparation, FH/Hero/DetailEvidence,
FH/Rows/DecisionSequence, FH/Rows/ServiceScope, FH/Rows/OfficeCapability,
FH/Plate/OperationalFacts, FH/Band/QualifiedCTA and FH/Shell/Footer. */
/* P2 Home-only completion: narrative action followed by one static preparation sheet. */
.fh-brand-preparation .fh-hero-navigation-action{width:220px;background:var(--fh-white);color:var(--fh-navy)}
.fh-brand-preparation .fh-hero-navigation-action:hover{background:var(--fh-paper);color:var(--fh-navy)}
.fh-preparation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--fh-line);list-style:none}
.fh-preparation-list li{min-height:50px;padding:15px 12px 13px 0;border-bottom:1px solid var(--fh-line);color:var(--fh-muted);font:600 10px/16px "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase}
.fh-preparation-list li:nth-child(even){padding-left:18px;border-left:1px solid var(--fh-line)}
.fh-preparation-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:18px 0 0}.fh-preparation-context div{min-width:0}.fh-preparation-context dt{color:var(--fh-muted);font:600 10px/15px "Geist Mono",monospace;letter-spacing:.05em;text-transform:uppercase}.fh-preparation-context dd{margin:3px 0 0;font-size:12px;line-height:17px}
.fh-preparation-sheet__body>a.fh-preparation-sheet__action{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:22px;padding-inline:16px;background:var(--fh-green);color:var(--fh-white);font-weight:600;text-decoration:none}
.fh-preparation-sheet__body>a.fh-preparation-sheet__action:hover{background:#006a50;color:var(--fh-white)}
.fh-preparation-sheet__limitation{margin:10px 0 0;color:var(--fh-muted);font-size:12px;line-height:18px}
@media(max-width:680px){.fh-brand-preparation .fh-actions,.fh-brand-preparation .fh-hero-navigation-action{width:100%!important}.fh-brand-preparation .fh-hero__material{width:min(342px,100%)!important;margin:0 auto!important}.fh-preparation-sheet figure{height:100px!important}}
.fh-brand-preparation{height:auto;min-height:820px}.fh-brand-preparation .fh-hero__grid{position:static;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:72px;height:auto;min-height:820px;padding-block:72px}.fh-brand-preparation .fh-hero__copy{position:static;width:auto}.fh-brand-preparation .fh-hero__material{position:static;display:block;width:auto;height:auto;margin:0;padding:0;align-self:center}.fh-preparation-sheet{overflow:hidden;background:var(--fh-paper);color:var(--fh-ink);box-shadow:0 24px 56px rgba(0,0,0,.18)}.fh-preparation-sheet figure{height:176px;margin:0;overflow:hidden;background:#183847}.fh-preparation-sheet img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}.fh-preparation-sheet__body{padding:28px 32px 30px}.fh-preparation-sheet h2{margin:14px 0 22px;font-size:30px;line-height:35px}.fh-preparation-list{margin:0;border-top:1px solid var(--fh-line)}.fh-preparation-list>div{display:grid;grid-template-columns:132px 1fr;gap:18px;padding:13px 0;border-bottom:1px solid var(--fh-line)}.fh-preparation-list dt,.fh-operational-plate dt,.fh-row-grammar,.fh-office-contact-strip span{color:var(--fh-muted);font:600 10px/16px "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.fh-preparation-list dd{margin:0;font-size:14px;font-weight:500}.fh-preparation-sheet__body>a{display:flex;justify-content:space-between;align-items:center;min-height:48px;margin-top:22px;color:var(--fh-green);font-weight:600}.fh-preparation-sheet__body>p:last-child{margin:8px 0 0;color:var(--fh-muted);font-size:12px;line-height:18px}
.fh-detail-evidence{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:72px;align-items:end}.fh-detail-evidence__narrative h1{max-width:720px!important;margin:26px 0 32px!important}.fh-detail-evidence__intro{max-width:650px;margin:0;color:#d8e2e7;font-size:19px;line-height:30px}.fh-operational-plate{align-self:stretch;background:var(--fh-paper);color:var(--fh-ink)}.fh-operational-plate__label{margin:0;color:var(--fh-green);font:600 10px/16px "Geist Mono",monospace;letter-spacing:.06em;text-transform:uppercase}.fh-operational-plate--image picture{display:block;height:250px;overflow:hidden}.fh-operational-plate--image img{width:100%;height:100%;object-fit:cover}.fh-operational-plate--image>div{padding:24px 28px 26px}.fh-operational-plate dl{margin:18px 0 0}.fh-operational-plate dl>div{padding:13px 0;border-top:1px solid var(--fh-line)}.fh-operational-plate dd{margin:6px 0 0;font-size:14px;line-height:20px}.fh-operational-plate--risk{padding:28px 30px}.fh-operational-plate--risk ol{margin:20px 0 18px;padding:0;border-top:1px solid var(--fh-line);list-style:none}.fh-operational-plate--risk li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--fh-line);font-weight:600}.fh-operational-plate--risk li span{color:var(--fh-green);font:600 11px/20px "Geist Mono",monospace}.fh-operational-plate--risk>p:last-child{margin:0;color:var(--fh-muted);font-size:13px;line-height:20px}.fh-detail-evidence--office{grid-template-columns:150px minmax(0,1fr) minmax(360px,.72fr);align-items:start}.fh-office-code{margin:0;color:var(--fh-signal);font:500 112px/.82 Geist,sans-serif;letter-spacing:-.08em}.fh-operational-plate--office{padding:28px 30px}
.fh-representative-air .fh-detail__hero,.fh-representative-industrial .fh-detail__hero,.fh-representative-office .fh-detail__hero{padding-block:76px 84px;border-bottom:4px solid var(--fh-green)}.fh-representative-air .fh-detail__body,.fh-representative-industrial .fh-detail__body,.fh-representative-office .fh-detail__body{width:100%;max-width:none;padding-block:88px 104px}.fh-representative-air .fh-detail__body>.fh-prose,.fh-representative-industrial .fh-detail__body>.fh-prose,.fh-representative-office .fh-detail__body>.fh-prose,.fh-representative-air .fh-detail__body>.fh-related,.fh-representative-industrial .fh-detail__body>.fh-related,.fh-representative-office .fh-detail__body>.fh-related{width:min(1296px,calc(100vw - 144px));max-width:none;margin-inline:auto}.fh-representative-air .fh-golden-band{padding:52px 0;border-top:1px solid var(--fh-line)}.fh-representative-air .fh-golden-band:first-child{padding-top:0;border-top:0}.fh-representative-air .fh-golden-band--facts ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:32px 0 0;padding:0;border-top:1px solid var(--fh-line);list-style:none}.fh-representative-air .fh-golden-band--facts li{padding:18px 0;border-bottom:1px solid var(--fh-line)}.fh-representative-air .fh-golden-band--process ol{display:grid;grid-template-columns:repeat(4,1fr);margin:36px 0 0;padding:0;border-top:1px solid var(--fh-line);list-style:none;counter-reset:air-step}.fh-representative-air .fh-golden-band--process li{min-height:210px;padding:24px 24px 0;border-right:1px solid var(--fh-line);counter-increment:air-step}.fh-representative-air .fh-golden-band--process li:before{display:block;margin-bottom:42px;color:var(--fh-green);font:600 12px/16px "Geist Mono",monospace;content:"0" counter(air-step)}.fh-representative-air .fh-golden-band--process strong,.fh-representative-air .fh-golden-band--process span{display:block}.fh-representative-air .fh-golden-band--process span{margin-top:10px;color:var(--fh-muted);font-size:14px;line-height:21px}
.fh-risk-rows>.fh-row-grammar{width:min(1296px,calc(100vw - 144px));margin:0 auto 24px}.fh-risk-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:36px;width:min(1296px,calc(100vw - 144px));margin:auto;padding:40px 0;border-top:1px solid var(--fh-line)}.fh-risk-row:nth-of-type(even){background:var(--fh-paper);box-shadow:0 0 0 100vmax var(--fh-paper);clip-path:inset(0 -100vmax)}.fh-risk-row>span{color:var(--fh-green);font:600 13px/20px "Geist Mono",monospace}.fh-risk-row h2{margin:0!important;font-size:30px!important;line-height:37px!important}.fh-risk-row p{max-width:820px;margin:14px 0 0}.fh-representative-industrial .fh-facts{display:none}
.fh-office-detail-rows,.fh-office-purpose-rows,.fh-office-services,.fh-office-contexts{margin:0 0 72px}.fh-office-detail-rows h2,.fh-office-purpose-rows h2,.fh-office-services h2,.fh-office-contexts h2{max-width:780px!important}.fh-office-address,.fh-office-contact-strip{display:block;margin:32px 0 0;padding:24px 0;border-block:1px solid var(--fh-line);font-style:normal}.fh-office-address p,.fh-office-contact-strip p{margin:0}.fh-office-contact-strip a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;overflow-wrap:anywhere}.fh-office-detail-facts,.fh-office-contact-preparation{margin:0!important;padding:24px 0;border-bottom:1px solid var(--fh-line)}.fh-office-capabilities,.fh-office-context-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:32px 0 0!important;padding:0!important;border-top:1px solid var(--fh-line);list-style:none}.fh-office-capabilities li,.fh-office-context-list li{padding:16px 0;border-bottom:1px solid var(--fh-line)}.fh-office-capabilities li:nth-child(even),.fh-office-context-list li:nth-child(even){padding-left:28px;border-left:1px solid var(--fh-line)}
.fh-footer{height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:44px}
/* Touched-state contrast: these labels sit on paper and navy respectively. */
.fh-preparation-sheet__body>.fh-eyebrow{color:#00694f}
.fh-detail-evidence__narrative>.fh-eyebrow{color:#65d8b5}
/* The representative risk sequence owns a full-width row composition and
must not inherit the golden candidate's legacy two-column reading shell. */
.fh-representative-industrial .fh-detail__body{display:block}
/* G1–G4 representative repair. Shared header geometry remains unchanged. */
/* Internal entry rhythm. One hero owns the header reserve; breadcrumbs only
contribute their own block gap when present. Home retains its page-11 hero.
The narrow !important overrides consolidate earlier representative/mobile
padding and narrative-title overrides without moving the shared navbar. */
body:not(.home){--fh-internal-header-reserve:96px;--fh-header-content-gap:64px}
body:not(.home) main :is(.fh-detail__hero,.fh-archive-hero,.fh-page-hero,.fh-about-hero,.fh-contact-hero,.fh-careers-hero,.fh-careers-role-hero){padding-top:calc(var(--fh-internal-header-reserve) + var(--fh-header-content-gap))!important}
body:not(.home) main :is(.fh-breadcrumbs,.fh-careers-breadcrumb){flex-wrap:wrap;margin-top:0!important;margin-bottom:var(--wp--preset--spacing--l,32px)!important}
body:not(.home) main :is(.fh-detail__hero,.fh-archive-hero,.fh-page-hero,.fh-about-hero,.fh-contact-hero,.fh-careers-hero,.fh-careers-role-hero) h1{max-width:780px!important;font-size:56px!important;line-height:62px!important;margin-top:0!important;overflow-wrap:break-word}
body:not(.home) main :is(.fh-detail__hero,.fh-archive-hero,.fh-page-hero,.fh-about-hero,.fh-contact-hero,.fh-careers-hero,.fh-careers-role-hero) :is(.fh-shell,.wp-block-group__inner-container)>:first-child{margin-top:0!important}
body:not(.home) main .fh-detail-evidence{align-items:start}
@media(min-width:681px) and (max-width:960px){body:not(.home){--fh-internal-header-reserve:0px}}
@media(max-width:680px){
body:not(.home){--fh-internal-header-reserve:72px;--fh-header-content-gap:40px}
body:not(.home) main :is(.fh-breadcrumbs,.fh-careers-breadcrumb){margin-bottom:var(--wp--preset--spacing--m,24px)!important}
body:not(.home) main :is(.fh-detail__hero,.fh-archive-hero,.fh-page-hero,.fh-about-hero,.fh-contact-hero,.fh-careers-hero,.fh-careers-role-hero) h1{font-size:40px!important;line-height:46px!important}
}
.fh-representative-air .fh-detail__hero,.fh-representative-industrial .fh-detail__hero,.fh-representative-office .fh-detail__hero{padding-block:172px 84px}
.fh-representative-air .fh-detail__body{display:block}
.fh-representative-air .fh-detail__body>.fh-facts,.fh-representative-industrial .fh-detail__body>.fh-facts{display:grid;grid-column:auto;grid-row:auto;width:min(1296px,calc(100vw - 144px));margin:0 auto 72px}
.fh-office-contact-strip a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.fh-air-context-strip{display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:center;margin:0 0 64px;padding:0 64px 0 0;overflow:hidden;background:var(--fh-navy);color:var(--fh-white)}
.fh-air-context-strip__media{width:220px;margin:0;background:#183847}.fh-air-context-strip__media img{display:block;width:220px;max-width:220px;height:250px;object-fit:cover;object-position:center 48%}.fh-air-context-strip__media figcaption{padding:12px 14px;color:#d8e2e7;font:500 12px/18px Geist,sans-serif}
.fh-air-context-strip>div{max-width:720px;padding-block:40px}.fh-air-context-strip .fh-row-grammar{margin:0;color:#65d8b5}.fh-air-context-strip h2{max-width:680px!important;margin:14px 0 16px!important;color:var(--fh-white);font-size:32px!important;line-height:39px!important}.fh-air-context-strip p:last-child{max-width:680px;margin:0;color:#d8e2e7;font-size:17px;line-height:27px}
@media(max-width:680px){.fh-brand-preparation .fh-hero__grid{padding-block:114px 64px!important}.fh-representative-air .fh-detail__hero,.fh-representative-industrial .fh-detail__hero,.fh-representative-office .fh-detail__hero{padding-block:124px 58px!important}.fh-representative-air .fh-detail__body>.fh-facts,.fh-representative-industrial .fh-detail__body>.fh-facts{width:calc(100vw - 40px);margin-bottom:56px}.fh-representative-office .fh-cta{height:auto;min-height:0;padding:56px 0;overflow:visible}.fh-footer__grid{padding-bottom:6px}}
@media(max-width:960px){.fh-brand-preparation .fh-hero__grid,.fh-detail-evidence,.fh-detail-evidence--office{grid-template-columns:1fr}.fh-brand-preparation .fh-hero__grid{min-height:0}.fh-detail-evidence{gap:44px}.fh-detail-evidence--office{gap:24px}.fh-office-code{font-size:86px}.fh-representative-air .fh-golden-band--process ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.fh-brand-preparation{min-height:0}.fh-brand-preparation .fh-hero__grid{display:grid;padding-block:42px 64px;gap:36px}.fh-brand-preparation .fh-actions .wp-element-button{display:flex}.fh-brand-preparation .fh-hero__material{display:block;margin:0;width:100%}.fh-preparation-sheet figure{height:148px}.fh-preparation-sheet__body{padding:22px 20px 24px}.fh-preparation-sheet h2{font-size:26px;line-height:32px}.fh-preparation-list>div{grid-template-columns:108px 1fr}.fh-detail-evidence{gap:34px}.fh-detail-evidence__narrative h1{font-size:40px!important;line-height:44px!important;margin:22px 0 24px!important}.fh-detail-evidence__intro{font-size:17px;line-height:26px}.fh-operational-plate--image picture{height:190px}.fh-operational-plate--image>div,.fh-operational-plate--risk,.fh-operational-plate--office{padding:22px 20px}.fh-representative-air .fh-detail__hero,.fh-representative-industrial .fh-detail__hero,.fh-representative-office .fh-detail__hero{padding-block:52px 58px}.fh-representative-air .fh-detail__body,.fh-representative-industrial .fh-detail__body,.fh-representative-office .fh-detail__body{padding-block:64px 72px}.fh-representative-air .fh-detail__body>.fh-prose,.fh-representative-industrial .fh-detail__body>.fh-prose,.fh-representative-office .fh-detail__body>.fh-prose,.fh-representative-air .fh-detail__body>.fh-related,.fh-representative-industrial .fh-detail__body>.fh-related,.fh-representative-office .fh-detail__body>.fh-related{width:calc(100vw - 40px)}.fh-air-context-strip{grid-template-columns:1fr;gap:0;margin-bottom:48px;padding:0}.fh-air-context-strip__media{width:100%;display:grid;grid-template-columns:100px 1fr}.fh-air-context-strip__media img{width:100px;max-width:220px;height:150px}.fh-air-context-strip__media figcaption{display:flex;align-items:flex-end;padding:16px}.fh-air-context-strip>div{padding:28px 22px 32px}.fh-air-context-strip h2{font-size:27px!important;line-height:33px!important}.fh-air-context-strip p:last-child{font-size:16px;line-height:25px}.fh-representative-air .fh-golden-band{padding:38px 0}.fh-representative-air .fh-golden-band--facts ul{grid-template-columns:1fr}.fh-representative-air .fh-golden-band--process ol{grid-template-columns:1fr}.fh-representative-air .fh-golden-band--process li{min-height:0;padding:22px 0 26px;border-right:0;border-bottom:1px solid var(--fh-line)}.fh-representative-air .fh-golden-band--process li:before{margin-bottom:18px}.fh-risk-rows>.fh-row-grammar,.fh-risk-row{width:calc(100vw - 40px)}.fh-risk-row{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:28px 0}.fh-risk-row h2{font-size:24px!important;line-height:30px!important}.fh-risk-row p{font-size:16px;line-height:26px}.fh-office-code{font-size:76px}.fh-office-contact-strip{grid-template-columns:1fr;gap:22px;margin-bottom:52px}.fh-office-capabilities,.fh-representative-office .fh-prose>ul:not(.fh-office-capabilities){grid-template-columns:1fr}.fh-office-capabilities li:nth-child(even){padding-left:0;border-left:0}.fh-footer{height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:44px}}
/* P4 Air-only fact → fit → process evidence order. */
.fh-representative-air .fh-air-fit-rows>p{display:grid;grid-template-columns:64px minmax(0,1fr);gap:28px;margin:0;padding:24px 0;border-top:1px solid var(--fh-line);counter-increment:air-fit-row}
.fh-representative-air .fh-air-fit-rows>h2{margin-bottom:30px!important}
.fh-representative-air .fh-air-fit-rows{counter-reset:air-fit-row}
.fh-representative-air .fh-air-fit-rows>p:before{color:var(--fh-green);font:600 12px/22px "Geist Mono",monospace;content:"0" counter(air-fit-row)}
.fh-representative-air .fh-golden-band--compare a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:4px}
@media(max-width:680px){.fh-representative-air .fh-air-fit-rows>p{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:22px 0}.fh-representative-air .fh-air-fit-rows>h2{margin-bottom:20px!important}}
@media(max-width:680px){.fh-office-context-list{grid-template-columns:minmax(0,1fr)}.fh-office-context-list li:nth-child(even){padding-left:0;border-left:0}}
@media(min-width:961px){body.home .fh-brand-preparation .fh-hero__grid{padding-block:96px 48px}}
/* S3 batch 1 — sitewide Figma block rhythm after SEO text overlay.
Shared hub measure, section/card padding, vertical centering, footer approach.
Does not redesign Home hero. */
body:not(.home){
--fh-hub-h1-measure:780px;
--fh-hub-lead-measure:680px;
--fh-hub-section-y:88px;
--fh-hub-section-y-tight:72px;
--fh-hub-card-pad-block:28px;
--fh-hub-card-pad-inline:26px;
--fh-hub-row-pad-block:22px;
}
/* Heroes: drop empty min-height bands; keep header reserve from G1–G4; consistent bottom pad. */
body:not(.home) main :is(.fh-detail__hero,.fh-archive-hero,.fh-page-hero,.fh-about-hero,.fh-contact-hero,.fh-careers-hero,.fh-careers-role-hero){
min-height:0!important;
height:auto!important;
padding-bottom:var(--fh-hub-section-y)!important;
box-sizing:border-box;
}
body:not(.home) main :is(.fh-detail__hero,.fh-archive-hero,.fh-page-hero,.fh-about-hero,.fh-contact-hero,.fh-careers-hero,.fh-careers-role-hero) :is(.fh-lead,p.fh-lead){
max-width:var(--fh-hub-lead-measure)!important;
margin-top:28px!important;
font-size:18px!important;
line-height:28px!important;
}
body:not(.home) main .fh-archive-hero .fh-shell>p,
body:not(.home) main .fh-archive-hero>p,
body.post-type-archive-fh_case main .fh-archive-hero p,
body.post-type-archive-fh_office main .fh-archive-hero p,
body.post-type-archive-fh_service main .fh-archive-hero p,
body.post-type-archive-fh_industry main .fh-archive-hero p{
max-width:var(--fh-hub-lead-measure)!important;
font-size:18px!important;
line-height:28px!important;
color:#c4d1d8;
}
body:not(.home) main :is(.fh-about-hero,.fh-contact-hero,.fh-careers-hero) h1,
body:not(.home) main .fh-archive-hero h1{
max-width:var(--fh-hub-h1-measure)!important;
}
/* Section bands: consistent vertical rhythm; no huge empty footer approach. */
body:not(.home) main :is(.fh-about-story,.fh-careers-context,.fh-careers-roles,.fh-careers-role-body,.fh-contact-offices,.fh-service-decisions,.fh-service-options,.fh-industry-overview,.fh-network-intro,.fh-listing){
padding-top:var(--fh-hub-section-y)!important;
padding-bottom:var(--fh-hub-section-y)!important;
box-sizing:border-box;
}
body:not(.home) main :is(.fh-about-next,.fh-service-next,.fh-careers-next,.fh-contact-next,.fh-industry-questions,.fh-cta){
height:auto!important;
min-height:0!important;
overflow:visible!important;
padding-top:78px!important;
padding-bottom:84px!important;
box-sizing:border-box;
}
body:not(.home) main :is(.fh-about-next,.fh-service-next,.fh-careers-next,.fh-contact-next,.fh-industry-questions,.fh-cta) :is(h2,.wp-block-heading){
max-width:760px;
}
/* Heading/body measure on hubs. */
body:not(.home) main :is(.fh-about-story,.fh-careers-context,.fh-careers-roles,.fh-service-decisions,.fh-service-options,.fh-industry-overview,.fh-contact-offices) :is(h2,.wp-block-heading){
max-width:780px;
}
body:not(.home) main :is(.fh-about-story__copy,.fh-industry-intro,.fh-service-boundary),
body:not(.home) main .fh-careers-context>p,
body:not(.home) main .fh-industry-overview>div>p:not(.fh-copy-link){
max-width:720px;
}
/* Cards and rows: inner padding + vertical centering. */
body:not(.home) main :is(.fh-capability-card,.fh-card,.fh-industry-option,.fh-contact-office,.fh-related-card){
box-sizing:border-box;
padding-block:var(--fh-hub-card-pad-block);
padding-inline:var(--fh-hub-card-pad-inline);
}
body:not(.home) main .fh-capability-card{
display:flex;
flex-direction:column;
justify-content:center;
min-height:210px;
padding:var(--fh-hub-card-pad-block) var(--fh-hub-card-pad-inline)!important;
}
body:not(.home) main .fh-industry-option{
align-items:start;
max-width:none!important;
width:100%;
min-height:150px;
display:grid;
grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);
gap:18px 28px;
padding:30px 28px 30px 0!important;
}
body:not(.home) main .fh-industry-option h2{margin:0;font-size:21px;line-height:27px;max-width:none}
body:not(.home) main .fh-industry-option p{margin:0;color:var(--fh-muted);font-size:15px;line-height:23px}
body:not(.home) main .fh-industry-option .fh-copy-link{grid-column:1/-1;margin-top:4px}
body:not(.home) main .fh-industry-options{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
border-top:1px solid var(--fh-line);
max-width:none!important;
width:100%;
}
body:not(.home) main .fh-industry-option:nth-child(odd){border-right:1px solid var(--fh-line)}
body:not(.home) main .fh-industry-option:nth-child(even){padding-left:30px!important}
body:not(.home) main .fh-industry-options .fh-industry-option{border-bottom:1px solid var(--fh-line)}
/* Service option rows: full shell width, centered text, not flush. */
body:not(.home) main :is(.fh-service-option,.fh-service-options--promo .fh-service-option){
max-width:none!important;
width:100%!important;
align-items:center!important;
padding-block:var(--fh-hub-row-pad-block)!important;
box-sizing:border-box;
}
body:not(.home) main .fh-service-options__list,
body:not(.home) main .fh-capability-grid{
max-width:1296px!important;
width:100%;
}
body:not(.home) main .fh-card{
display:flex;
flex-direction:column;
justify-content:center;
padding:28px!important;
}
/* Contact form panel: keep generous but not oversized empty band. */
body:not(.home) main .fh-contact-form-panel{
padding:72px max(20px,calc((100vw - 1296px)/2))!important;
box-sizing:border-box;
}
body:not(.home) main .fh-contact-form-panel .fh-contact-form,
body:not(.home) main .fh-contact-form-panel .fh-contact-summary{
max-width:1296px;
margin-inline:auto;
}
/* Footer approach: no fixed empty shell after last main band. */
body:not(.home) .fh-footer{
margin-top:0!important;
}
body:not(.home) main>:last-child{
margin-bottom:0!important;
}
body:not(.home) main .fh-listing{
min-height:0!important;
padding-bottom:var(--fh-hub-section-y-tight)!important;
}
/* Industries hub shell after structure restore. */
body.post-type-archive-fh_industry main .fh-industry-overview>div,
body.post-type-archive-fh_industry main .fh-industry-questions>div{
max-width:1296px;
margin-inline:auto;
}
body.post-type-archive-fh_industry main .fh-industry-questions h3{
max-width:780px;
margin:28px 0 12px;
font-size:22px;
line-height:28px;
}
body.post-type-archive-fh_industry main .fh-industry-questions p{
max-width:720px;
margin:0 0 16px;
color:#d8e2e7;
}
body.post-type-archive-fh_industry main .fh-industry-questions a{color:var(--fh-signal)}
body.post-type-archive-fh_industry main .fh-industry-overview .fh-copy-link{
margin:8px 0 18px;
max-width:none;
}
@media(max-width:900px){
body:not(.home) main .fh-industry-options{grid-template-columns:1fr}
body:not(.home) main .fh-industry-option:nth-child(odd){border-right:0}
body:not(.home) main .fh-industry-option:nth-child(even){padding-left:0!important}
body:not(.home) main .fh-industry-option{grid-template-columns:1fr;min-height:0;padding:24px 0!important}
}
@media(max-width:680px){
body:not(.home){
--fh-hub-section-y:64px;
--fh-hub-section-y-tight:56px;
--fh-hub-card-pad-block:22px;
--fh-hub-card-pad-inline:20px;
--fh-hub-row-pad-block:18px;
}
body:not(.home) main :is(.fh-about-next,.fh-service-next,.fh-careers-next,.fh-contact-next,.fh-industry-questions,.fh-cta){
padding-top:56px!important;
padding-bottom:64px!important;
}
body:not(.home) main .fh-capability-card{min-height:0}
body:not(.home) main .fh-contact-form-panel{padding:48px 20px!important}
}
/* S3 continue — remaining hub left-shell Figma grammar on d23f parent.
Live measure: Industries/Locations/Careers (and Services archive) center H1 via
Gutenberg is-layout-constrained (H1 left ~330 vs shell 72). Cases/About/News
already left-flush. Restore shell-left axis, hub lead measure, kit/section
left alignment. No Home hero. No Talk-through. No new IATA. No invented copy. */
body:not(.home) main :is(.fh-archive-hero,.fh-careers-hero,.fh-careers-role-hero,.fh-page-hero).is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body:not(.home) main :is(.fh-archive-hero,.fh-careers-hero,.fh-careers-role-hero,.fh-page-hero) :is(.fh-shell,.wp-block-group__inner-container).is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body:not(.home) main :is(.fh-archive-hero,.fh-careers-hero,.fh-careers-role-hero,.fh-page-hero) .fh-shell>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body:not(.home) main :is(.fh-archive-hero,.fh-careers-hero,.fh-careers-role-hero,.fh-page-hero) > .wp-block-group__inner-container>:where(:not(.alignleft):not(.alignright):not(.alignfull)){
margin-left:0!important;
margin-right:auto!important;
}
/* Careers body bands + industry overview/questions. */
body:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next,.fh-industry-overview,.fh-industry-questions).is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next,.fh-industry-overview,.fh-industry-questions) :is(.wp-block-group__inner-container,.fh-shell)>:where(:not(.alignleft):not(.alignright):not(.alignfull)){
margin-left:0!important;
margin-right:auto!important;
}
/* Kit media bands already in theme: keep photos; left-flush titles/copy to shell. */
body:not(.home) main .fh-kit-media-band.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body:not(.home) main .fh-kit-media-band .wp-block-group__inner-container>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body:not(.home) main .fh-kit-media-band>:where(p,h2,h3,.fh-eyebrow,:not(.alignleft):not(.alignright):not(.alignfull)){
margin-left:0!important;
margin-right:auto!important;
}
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid,
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid--3,
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid--air{
width:100%;
max-width:1296px;
margin-left:0!important;
margin-right:0!important;
}
/* About/Partners/News hero lead uses hub measure (not contentSize 856). */
body:not(.home) main :is(.fh-about-hero,.fh-careers-hero) :is(.fh-lead,p.fh-lead),
body:not(.home) main :is(.fh-about-hero,.fh-careers-hero)>p{
max-width:var(--fh-hub-lead-measure)!important;
}
/* Listing/network section titles share the same left shell axis. */
body:not(.home) main :is(.fh-listing,.fh-network-listing) :is(h2,.wp-block-heading){
margin-left:0!important;
margin-right:auto!important;
max-width:780px;
}
/* Partners/News reuse About story bands — keep two-column grids full shell. */
body:not(.home) main .fh-about :is(.fh-about-story,.fh-about-next)>.wp-block-columns{
width:100%;
max-width:1296px!important;
margin-left:0!important;
margin-right:auto!important;
}
/* Footer approach already zero-gap; keep last main band from inventing empty min-height. */
body:not(.home) main :is(.fh-listing,.fh-network-listing,.fh-industry-questions,.fh-about-next,.fh-careers-next,.fh-cta){
min-height:0!important;
}
/* S3 continue-no-map — About kit rebase + Cases/News/Careers Figma pass.
Parent live d966 (map b0b2 + Talk-through full-frame). Stale package 8f376 was on 19e9.
Figma About frame MISSING on page 11 (approved nodes only: Home 482:3 / 483:2,
Services mega 504:42, reverse lockup 72:32). Do not invent an About composition.
News kit frame: MISSING in theme — spacing/measure only; no invented News kit photos.
Live defect: Gutenberg has-global-padding + is-layout-constrained kit bands render as
1296-wide navy cards with titles/grids at ~137px; Cases theme band is full-bleed with
content on the shell axis (~72). Restore kit photos on shell for About/Cases/Careers.
About hero: style Home slogan reuse as brand line (not a second Home hero).
FreightHub Logistics lockup already authoritative; no new IATA; no archive/B06 captions.
No Home hero rules. No Talk-through dock rules. No world-map redo. */
body:not(.home) main .fh-kit-media-band:is(
.fh-kit-media-band--about,
.fh-kit-media-band--industries,
.fh-kit-media-band--locations,
.fh-kit-media-band--partners,
.fh-kit-media-band--careers,
.fh-kit-media-band--cases,
.fh-kit-media-band--services,
.fh-kit-media-band--air
){
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box;
padding-left:max(20px,calc((100vw - 1296px)/2))!important;
padding-right:max(20px,calc((100vw - 1296px)/2))!important;
}
/* Kill Gutenberg global-padding double-inset on kit band and nested grid/cards. */
body:not(.home) main .fh-kit-media-band.has-global-padding,
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid.has-global-padding,
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid--3.has-global-padding,
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid--air.has-global-padding,
body:not(.home) main .fh-kit-media-band .fh-kit-media-card.has-global-padding{
--wp--style--root--padding-left:0px;
--wp--style--root--padding-right:0px;
--wp--style--root--padding-top:0px;
--wp--style--root--padding-bottom:0px;
}
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid.has-global-padding,
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid--3.has-global-padding,
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid--air.has-global-padding,
body:not(.home) main .fh-kit-media-band .fh-kit-media-card.has-global-padding{
padding-left:0!important;
padding-right:0!important;
}
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid,
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid--3,
body:not(.home) main .fh-kit-media-band .fh-kit-media-band__grid--air{
width:100%!important;
max-width:1296px!important;
margin-left:0!important;
margin-right:0!important;
}
body:not(.home) main .fh-kit-media-band :is(h2,h3,.fh-eyebrow,p:not(figcaption)){
margin-left:0!important;
margin-right:auto!important;
}
body:not(.home) main .fh-kit-media-band .fh-kit-media-card,
body:not(.home) main .fh-kit-media-band .fh-kit-media-card__figure{
margin-left:0!important;
margin-right:0!important;
max-width:none;
}
/* About hero brand line — page-11 chrome kicker, not Home motion hero. */
body:not(.home) main .fh-about-hero > p.wp-block-paragraph:not(.fh-eyebrow):not(.fh-lead),
body:not(.home) main .fh-about-hero > p:not(.fh-eyebrow):not(.fh-lead){
margin:18px 0 0!important;
max-width:var(--fh-hub-lead-measure,680px)!important;
color:#65d8b5!important;
font:600 13px/20px "Geist Mono",ui-monospace,monospace!important;
letter-spacing:.04em!important;
}
body:not(.home) main .fh-about-hero h1,
body:not(.home) main .fh-about-hero .wp-block-heading{
margin-top:16px!important;
}
body:not(.home) main .fh-about-hero .fh-lead{
margin-top:28px!important;
max-width:var(--fh-hub-lead-measure,680px)!important;
}
/* Keep About story/next grids on shell; no invented empty min-height. */
body:not(.home) main .fh-about :is(.fh-about-story,.fh-about-next){
min-height:0!important;
}
body:not(.home) main .fh-about :is(.fh-about-story,.fh-about-next)>.wp-block-columns{
width:100%;
max-width:1296px!important;
margin-left:0!important;
margin-right:auto!important;
}
/* Cases/Careers listing + News measure: shell-left, hub lead, no empty min-height.
News has no accepted kit frame — do not invent kit media. */
body:not(.home) main :is(.fh-listing,.fh-network-listing,.fh-cases-listing,.fh-news-listing){
min-height:0!important;
}
body:not(.home) main :is(.fh-listing,.fh-network-listing,.fh-cases-listing,.fh-news-listing)
:is(h2,.wp-block-heading,.fh-eyebrow,p.fh-lead,.fh-lead){
margin-left:0!important;
margin-right:auto!important;
}
body:not(.home) main :is(.fh-listing,.fh-network-listing,.fh-cases-listing,.fh-news-listing)
:is(p.fh-lead,.fh-lead,p:not(figcaption):not(.fh-card-meta)){
max-width:var(--fh-hub-lead-measure,680px)!important;
}
/* Cases archive cards: keep photo grid on shell axis; drop double inset. */
body.post-type-archive-fh_case main .fh-listing.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.post-type-archive-fh_case main .fh-listing .wp-block-group__inner-container>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.blog main .fh-news-listing.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.blog main .fh-news-listing .wp-block-group__inner-container>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.page-slug-news main :is(.fh-listing,.fh-news-listing,.fh-page-hero).is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.page-slug-careers main :is(.fh-careers-context,.fh-careers-roles).is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){
margin-left:0!important;
margin-right:auto!important;
}
/* Careers role cards: readable measure, shell padding, no invented archive captions. */
body:not(.home) main .fh-careers-roles :is(.fh-capability-card,.fh-role-card,article){
max-width:none;
}
body:not(.home) main .fh-careers-roles :is(h2,h3,.wp-block-heading){
margin-left:0!important;
margin-right:auto!important;
max-width:780px;
}
body:not(.home) main .fh-careers-roles :is(p,.fh-lead){
max-width:var(--fh-hub-lead-measure,680px)!important;
}
/* Hide any residual archive/B06-style figcaptions if seed still emits them (CSS guard only). */
body:not(.home) main .fh-kit-media-band figcaption:is(
[data-archive],
.fh-archive-caption
),
body:not(.home) main figcaption.fh-archive-caption{
display:none!important;
}
/* S3 locations-hub Figma padding — kit full-bleed breakout from nested listing.
Parent live 594ab54873b1. Menu chrome PASS (desktop 1440 + mobile 390 open/Esc/focus).
Live defect: Locations kit sits inside .fh-network-listing.is-layout-constrained, so the
shared kit full-bleed rules still render a 1296 navy card (left≈72, title≈144). About/Cases
kit bands are already left=0 width=1440 with H2 at shell ≈72. Break Locations kit to
viewport full-bleed while keeping shell content padding; keep office cards on shell axis.
No Home hero. No Contact map. No shared chrome/menu JS. FreightHub Logistics lockup only. */
/* Use the Locations route's available inline size, not 100vw: non-overlay root
scrollbars otherwise add their gutter to this full-bleed band's width. */
body.post-type-archive-fh_office main,
body.page-slug-locations main{
container-type:inline-size;
}
body:not(.home) main .fh-network-listing .fh-kit-media-band--locations,
body:not(.home) main .fh-listing.fh-network-listing .fh-kit-media-band--locations,
body.post-type-archive-fh_office main .fh-kit-media-band--locations,
body.page-slug-locations main .fh-kit-media-band--locations{
position:relative;
left:auto;
right:auto;
width:100cqi!important;
max-width:100cqi!important;
margin-left:calc(50% - 50cqi)!important;
margin-right:calc(50% - 50cqi)!important;
box-sizing:border-box!important;
padding-left:max(20px,calc((100cqi - 1296px)/2))!important;
padding-right:max(20px,calc((100cqi - 1296px)/2))!important;
}
/* Kill Gutenberg global-padding double-inset on Locations kit + nested grid/cards. */
body:not(.home) main .fh-kit-media-band--locations.has-global-padding,
body:not(.home) main .fh-kit-media-band--locations .fh-kit-media-band__grid.has-global-padding,
body:not(.home) main .fh-kit-media-band--locations .fh-kit-media-band__grid--3.has-global-padding,
body:not(.home) main .fh-kit-media-band--locations .fh-kit-media-card.has-global-padding{
--wp--style--root--padding-left:0px;
--wp--style--root--padding-right:0px;
--wp--style--root--padding-top:0px;
--wp--style--root--padding-bottom:0px;
}
body:not(.home) main .fh-kit-media-band--locations .fh-kit-media-band__grid.has-global-padding,
body:not(.home) main .fh-kit-media-band--locations .fh-kit-media-band__grid--3.has-global-padding,
body:not(.home) main .fh-kit-media-band--locations .fh-kit-media-card.has-global-padding{
padding-left:0!important;
padding-right:0!important;
}
body:not(.home) main .fh-kit-media-band--locations .fh-kit-media-band__grid,
body:not(.home) main .fh-kit-media-band--locations .fh-kit-media-band__grid--3{
width:100%!important;
max-width:1296px!important;
margin-left:0!important;
margin-right:0!important;
}
body:not(.home) main .fh-kit-media-band--locations :is(h2,h3,.fh-eyebrow,p:not(figcaption)){
margin-left:0!important;
margin-right:auto!important;
max-width:var(--fh-hub-lead-measure,680px);
}
body:not(.home) main .fh-kit-media-band--locations :is(h2,h3){
max-width:780px;
}
body:not(.home) main .fh-kit-media-band--locations .fh-kit-media-card,
body:not(.home) main .fh-kit-media-band--locations .fh-kit-media-card__figure{
margin-left:0!important;
margin-right:0!important;
max-width:none;
}
/* Locations listing shell: office cards / lead stay on shell axis; no empty min-height. */
body:not(.home) main .fh-network-listing,
body.post-type-archive-fh_office main .fh-network-listing,
body.page-slug-locations main .fh-listing{
min-height:0!important;
}
body:not(.home) main .fh-network-listing :is(h1,h2,.wp-block-heading,.fh-eyebrow,p.fh-lead,.fh-lead),
body.page-slug-locations main .fh-listing :is(h1,h2,.wp-block-heading,.fh-eyebrow,p.fh-lead,.fh-lead){
margin-left:0!important;
margin-right:auto!important;
}
body:not(.home) main .fh-network-listing :is(p.fh-lead,.fh-lead,p:not(figcaption):not(.fh-card-meta)),
body.page-slug-locations main .fh-listing :is(p.fh-lead,.fh-lead,p:not(figcaption):not(.fh-card-meta)){
max-width:var(--fh-hub-lead-measure,680px)!important;
}
/* Nested constrained children inside Locations listing: left-flush, not centered 1296 card. */
body:not(.home) main .fh-network-listing.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.fh-kit-media-band),
body:not(.home) main .fh-network-listing .wp-block-group__inner-container>:where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.fh-kit-media-band),
body.page-slug-locations main .fh-listing.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.fh-kit-media-band){
margin-left:0!important;
margin-right:auto!important;
}
@media (max-width:680px){
body:not(.home) main .fh-network-listing .fh-kit-media-band--locations,
body:not(.home) main .fh-listing.fh-network-listing .fh-kit-media-band--locations,
body.post-type-archive-fh_office main .fh-kit-media-band--locations,
body.page-slug-locations main .fh-kit-media-band--locations{
padding-left:20px!important;
padding-right:20px!important;
}
}
/* S3 locations office heading/body column align on live parent cce4279fede5.
Live defect @1440: «Netherlands office» H2 left=72 (shell) while body/links sit at
left=380 — Gutenberg is-layout-constrained + max-width 680 with margin:auto centers
the copy column under a left-flushed H2 (delta 308). Align NL/DE/CN office headings
with their copy column. Figma. Preserve kit full-bleed (left=0 / H2 shell≈72).
No map. No Home hero. No menu chrome. */
body:not(.home) main .fh-locations-copy.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.fh-kit-media-band),
body:not(.home) main .fh-locations-copy .wp-block-group__inner-container>:where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.fh-kit-media-band),
body.post-type-archive-fh_office main .fh-locations-copy.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.fh-kit-media-band),
body.page-slug-locations main .fh-locations-copy.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)):not(.fh-kit-media-band){
margin-left:0!important;
margin-right:auto!important;
}
body:not(.home) main .fh-locations-copy :is(h2,.wp-block-heading,p,.fh-copy-link),
body.post-type-archive-fh_office main .fh-locations-copy :is(h2,.wp-block-heading,p,.fh-copy-link),
body.page-slug-locations main .fh-locations-copy :is(h2,.wp-block-heading,p,.fh-copy-link){
margin-left:0!important;
margin-right:auto!important;
}
/* Keep office body measure readable on the same left axis (no re-center). */
body:not(.home) main .fh-locations-copy :is(p:not(figcaption),.fh-copy-link),
body.post-type-archive-fh_office main .fh-locations-copy :is(p:not(figcaption),.fh-copy-link){
max-width:var(--fh-hub-lead-measure,680px)!important;
}
body:not(.home) main .fh-locations-copy :is(h2,.wp-block-heading){
max-width:780px;
}
/* Kill Gutenberg global-padding double-inset if shell already provides gutter. */
body:not(.home) main .fh-locations-copy.has-global-padding{
--wp--style--root--padding-left:0px;
--wp--style--root--padding-right:0px;
}
/* S3 office-detail Figma padding/measure on live parent 7d7bfcfb3bb2.
Live defect @1440: Netherlands (fh-representative-office) inherits Air/Industrial
full-shell prose width (H2/body width=1296). Germany/China already use theme
content measure 856 with shell left=72 and h2/body delta=0. Constrain office
detail H2 to hub heading measure 780 and body copy to content measure 856 on
the same left shell axis. No kit on office details. No archive captions.
No Home hero. No map. No menu chrome. */
/* Keep shell container; constrain nested post-content headings/copy (not only direct children). */
body.single-fh_office:not(.home) main .fh-detail__body .fh-prose,
body.fh-representative-office:not(.home) main .fh-detail__body .fh-prose {
width: min(1296px, calc(100vw - 144px));
max-width: none;
margin-inline: auto;
}
body.single-fh_office:not(.home) main .fh-detail__body :is(h2, h3, .wp-block-heading),
body.fh-representative-office:not(.home) main .fh-detail__body :is(h2, h3, .wp-block-heading) {
max-width: 780px !important;
margin-left: 0 !important;
margin-right: auto !important;
}
body.single-fh_office:not(.home) main .fh-detail__body :is(p, ul, ol, address, dl, .fh-office-address, .fh-office-contact-strip, .fh-office-detail-facts, .fh-office-contact-preparation, .fh-office-capabilities, .fh-office-context-list),
body.fh-representative-office:not(.home) main .fh-detail__body :is(p, ul, ol, address, dl, .fh-office-address, .fh-office-contact-strip, .fh-office-detail-facts, .fh-office-contact-preparation, .fh-office-capabilities, .fh-office-context-list) {
max-width: 856px !important;
margin-left: 0 !important;
margin-right: auto !important;
}
@media (max-width: 680px) {
body.single-fh_office:not(.home) main .fh-detail__body :is(h2, h3, .wp-block-heading, p, ul, ol, address, dl),
body.fh-representative-office:not(.home) main .fh-detail__body :is(h2, h3, .wp-block-heading, p, ul, ol, address, dl) {
max-width: none !important;
}
}
/* S3 office fact-plate Figma 518:252 on live parent d8dd5e45eb3b.
Office detail hero: large Mono office code + narrative (~560) + pale fact plate (~468).
Preserve published H2/body measure 780/856 left 72. No kit. No archive captions. No Home hero. No map. */
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office {
display: grid;
grid-template-columns: minmax(112px, auto) minmax(0, 560px) minmax(320px, 468px);
gap: 40px 56px;
align-items: start;
width: min(1296px, 100%);
max-width: none;
margin: 0;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-office-code,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-office-code {
margin: 0;
color: var(--fh-signal);
font: 500 112px / 0.82 "Geist Mono", ui-monospace, monospace;
letter-spacing: -0.08em;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative > .fh-eyebrow,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative > .fh-eyebrow {
color: #65d8b5;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative h1,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative h1 {
max-width: 560px !important;
margin: 18px 0 24px !important;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__intro,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__intro {
max-width: 560px;
margin: 0;
color: #d8e2e7;
font-size: 19px;
line-height: 30px;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-operational-plate--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-operational-plate--office {
width: 100%;
max-width: 468px;
justify-self: end;
align-self: stretch;
padding: 28px 30px;
border-top: 4px solid var(--fh-green);
background: var(--fh-paper);
color: var(--fh-ink);
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-operational-plate--office dl,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-operational-plate--office dl {
margin: 18px 0 0;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-operational-plate--office dl > div,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-operational-plate--office dl > div {
padding: 13px 0;
border-top: 1px solid var(--fh-line);
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-operational-plate--office dd,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-operational-plate--office dd {
margin: 6px 0 0;
font-size: 14px;
line-height: 20px;
overflow-wrap: anywhere;
}
@media (max-width: 1100px) {
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office {
grid-template-columns: minmax(96px, auto) minmax(0, 1fr) minmax(280px, 0.9fr);
gap: 32px 40px;
}
}
@media (max-width: 960px) {
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office {
grid-template-columns: 1fr;
gap: 24px;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-office-code,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-office-code {
font-size: 86px;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-operational-plate--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-operational-plate--office {
max-width: none;
justify-self: stretch;
}
}
@media (max-width: 680px) {
body.single-fh_office:not(.home) main .fh-detail__hero .fh-office-code,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-office-code {
font-size: 76px;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative h1,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative h1 {
font-size: 40px !important;
line-height: 44px !important;
margin: 16px 0 20px !important;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__intro,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__intro {
font-size: 17px;
line-height: 26px;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-operational-plate--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-operational-plate--office {
padding: 22px 20px;
}
}
/* S3 Services + Air Freight kit full-bleed + shell measure on live 6d26.
Parent live 6d26ff27b6f3. Industries/Locations/Cases/About/Partners/Careers kit already GREEN.
Live RED: Services kit left=72 width=1296 kitH≈144 (not in hub full-bleed :is list).
Air kit nested inside .fh-service-copy--air-promo constrained 1296 + promo card padding/border.
Figma page 11 Services/Air kit frames MISSING (approved nodes Home-only 482:3/483:2,
mega 504:42, lockup 72:32) — named, not invented. Apply established hub kit shell only:
full-bleed navy left=0 width=1440, H2 shell≈72, descriptive captions retained.
Services modes H2 left-shell (was centered ~330). Air promo kit breakout like Locations.
No Home hero. No Contact map. No trust slots. No archive captions. No copy rewrite.
No stock. Local forms unchanged. FreightHub Logistics lockup only. */
/* Services archive + Air detail: kill Gutenberg double-inset on kit band class. */
body.post-type-archive-fh_service main .fh-kit-media-band--services.has-global-padding,
body.single-fh_service main .fh-kit-media-band--air.has-global-padding,
body.fh-representative-air main .fh-kit-media-band--air.has-global-padding,
body.post-type-archive-fh_service main .fh-kit-media-band--services .fh-kit-media-band__grid.has-global-padding,
body.single-fh_service main .fh-kit-media-band--air .fh-kit-media-band__grid.has-global-padding,
body.single-fh_service main .fh-kit-media-band--air .fh-kit-media-band__grid--air.has-global-padding,
body.fh-representative-air main .fh-kit-media-band--air .fh-kit-media-band__grid--air.has-global-padding{
--wp--style--root--padding-left:0px;
--wp--style--root--padding-right:0px;
--wp--style--root--padding-top:0px;
--wp--style--root--padding-bottom:0px;
}
body.post-type-archive-fh_service main .fh-kit-media-band--services .fh-kit-media-band__grid.has-global-padding,
body.single-fh_service main .fh-kit-media-band--air .fh-kit-media-band__grid.has-global-padding,
body.single-fh_service main .fh-kit-media-band--air .fh-kit-media-band__grid--air.has-global-padding,
body.fh-representative-air main .fh-kit-media-band--air .fh-kit-media-band__grid--air.has-global-padding,
body.post-type-archive-fh_service main .fh-kit-media-band--services .fh-kit-media-card.has-global-padding,
body.single-fh_service main .fh-kit-media-band--air .fh-kit-media-card.has-global-padding{
padding-left:0!important;
padding-right:0!important;
}
/* Air kit breakout from nested constrained .fh-service-copy--air-promo / entry-content. */
body.single-fh_service:not(.home) main .fh-service-copy .fh-kit-media-band--air,
body.single-fh_service:not(.home) main .fh-service-copy--air-promo .fh-kit-media-band--air,
body.fh-representative-air:not(.home) main .fh-service-copy .fh-kit-media-band--air,
body.fh-representative-air:not(.home) main .fh-service-copy--air-promo .fh-kit-media-band--air,
body.single-fh_service:not(.home) main .fh-kit-media-band--air,
body.fh-representative-air:not(.home) main .fh-kit-media-band--air{
position:relative;
left:auto;
right:auto;
width:100vw!important;
max-width:100vw!important;
margin-left:calc(50% - 50vw)!important;
margin-right:calc(50% - 50vw)!important;
margin-top:0!important;
margin-bottom:0!important;
box-sizing:border-box!important;
padding:72px max(20px,calc((100vw - 1296px)/2)) 84px!important;
border:0!important;
background:var(--fh-navy)!important;
color:var(--fh-white)!important;
}
/* Restore hub kit heading size on Air (promo had smaller h3). */
body.single-fh_service:not(.home) main .fh-kit-media-band--air :is(h2,h3),
body.fh-representative-air:not(.home) main .fh-kit-media-band--air :is(h2,h3){
max-width:820px!important;
margin-left:0!important;
margin-right:auto!important;
font-size:40px!important;
line-height:46px!important;
font-weight:600!important;
color:var(--fh-white)!important;
}
body.single-fh_service:not(.home) main .fh-kit-media-band--air .fh-kit-media-band__grid,
body.single-fh_service:not(.home) main .fh-kit-media-band--air .fh-kit-media-band__grid--air,
body.fh-representative-air:not(.home) main .fh-kit-media-band--air .fh-kit-media-band__grid,
body.fh-representative-air:not(.home) main .fh-kit-media-band--air .fh-kit-media-band__grid--air{
width:100%!important;
max-width:1296px!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
}
body.single-fh_service:not(.home) main .fh-kit-media-band--air .fh-kit-media-card__figure img,
body.fh-representative-air:not(.home) main .fh-kit-media-band--air .fh-kit-media-card__figure img{
height:280px!important;
}
/* Services hub modes section: left-shell axis (was centered ~330). */
body.post-type-archive-fh_service:not(.home) main :is(.fh-service-options,.fh-service-options--promo,.fh-service-decisions,.fh-service-decisions--promo,.fh-service-boundary,.fh-service-next)
:is(h2,.wp-block-heading,.fh-service-options-title){
margin-left:0!important;
margin-right:auto!important;
max-width:780px;
text-align:left!important;
}
body.post-type-archive-fh_service:not(.home) main :is(.fh-service-options,.fh-service-options--promo,.fh-service-decisions,.fh-service-decisions--promo)
:is(p.fh-lead,.fh-lead,p:not(figcaption)){
margin-left:0!important;
margin-right:auto!important;
max-width:var(--fh-hub-lead-measure,680px)!important;
text-align:left!important;
}
/* Services kit title/grid already covered by shared left-flush + extended :is full-bleed. */
body.post-type-archive-fh_service:not(.home) main .fh-kit-media-band--services :is(h2,h3,.fh-eyebrow,p:not(figcaption)){
margin-left:0!important;
margin-right:auto!important;
}
body.post-type-archive-fh_service:not(.home) main .fh-kit-media-band--services .fh-kit-media-band__grid,
body.post-type-archive-fh_service:not(.home) main .fh-kit-media-band--services .fh-kit-media-band__grid--3{
width:100%!important;
max-width:1296px!important;
margin-left:0!important;
margin-right:0!important;
}
@media (max-width:680px){
body.single-fh_service:not(.home) main .fh-kit-media-band--air,
body.fh-representative-air:not(.home) main .fh-kit-media-band--air,
body.single-fh_service:not(.home) main .fh-service-copy .fh-kit-media-band--air,
body.fh-representative-air:not(.home) main .fh-service-copy--air-promo .fh-kit-media-band--air{
padding:56px 20px 64px!important;
}
body.single-fh_service:not(.home) main .fh-kit-media-band--air :is(h2,h3),
body.fh-representative-air:not(.home) main .fh-kit-media-band--air :is(h2,h3){
font-size:30px!important;
line-height:36px!important;
}
body.single-fh_service:not(.home) main .fh-kit-media-band--air .fh-kit-media-card__figure img,
body.fh-representative-air:not(.home) main .fh-kit-media-band--air .fh-kit-media-card__figure img{
height:220px!important;
}
}
/* S3 owner revert t_9d92088b: remove office-detail VIS/Proof still (duplicate of Talk-through dock photo). Keep Figma 518:252 code+narrative+fact plate. No kit-band replacement. No Elina. No Home hero. */
/* S3 texture t_489424b0: office local capability rows 518:252 */
/* Readable address/hours/modes table + contact strip. No dock photo, no kit cargo band. */
body.single-fh_office:not(.home) main .fh-office-local-rows,
body.fh-representative-office:not(.home) main .fh-office-local-rows{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 56px;
}
body.single-fh_office:not(.home) main .fh-office-local-rows > .fh-row-grammar,
body.fh-representative-office:not(.home) main .fh-office-local-rows > .fh-row-grammar{
margin:0 0 18px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_office:not(.home) main .fh-office-local-table,
body.fh-representative-office:not(.home) main .fh-office-local-table{
margin:0;
border-top:1px solid var(--fh-line);
}
body.single-fh_office:not(.home) main .fh-office-local-row,
body.fh-representative-office:not(.home) main .fh-office-local-row{
display:grid;
grid-template-columns:220px minmax(0,1fr);
gap:28px;
align-items:start;
margin:0;
padding:18px 0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_office:not(.home) main .fh-office-local-row > dt,
body.fh-representative-office:not(.home) main .fh-office-local-row > dt{
margin:0;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_office:not(.home) main .fh-office-local-row > dd,
body.fh-representative-office:not(.home) main .fh-office-local-row > dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
}
body.single-fh_office:not(.home) main .fh-office-local-row .fh-office-address,
body.fh-representative-office:not(.home) main .fh-office-local-row .fh-office-address{
display:block;
margin:0;
padding:0;
border:0;
font-style:normal;
font-size:16px;
line-height:24px;
}
body.single-fh_office:not(.home) main .fh-office-modes,
body.fh-representative-office:not(.home) main .fh-office-modes{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0;
margin:0;
padding:0;
list-style:none;
border-top:0;
}
body.single-fh_office:not(.home) main .fh-office-modes li,
body.fh-representative-office:not(.home) main .fh-office-modes li{
margin:0;
padding:10px 0;
border-bottom:1px solid var(--fh-line);
font-size:15px;
line-height:22px;
}
body.single-fh_office:not(.home) main .fh-office-modes li:nth-child(even),
body.fh-representative-office:not(.home) main .fh-office-modes li:nth-child(even){
padding-left:24px;
border-left:1px solid var(--fh-line);
}
body.single-fh_office:not(.home) main .fh-office-modes li:nth-last-child(-n+2),
body.fh-representative-office:not(.home) main .fh-office-modes li:nth-last-child(-n+2){
border-bottom:0;
}
body.single-fh_office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip,
body.fh-representative-office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip{
display:grid;
grid-template-columns:180px minmax(0,1fr) minmax(0,1fr);
gap:18px 28px;
align-items:start;
margin:28px 0 0;
padding:24px 0 0;
border-top:1px solid var(--fh-line);
border-bottom:0;
font-style:normal;
}
body.single-fh_office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip > .fh-row-grammar,
body.fh-representative-office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip > .fh-row-grammar{
grid-column:1;
margin:0;
}
body.single-fh_office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip > div,
body.fh-representative-office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip > div{
display:flex;
flex-direction:column;
gap:8px;
min-width:0;
}
body.single-fh_office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip a,
body.fh-representative-office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip a{
display:inline-flex;
align-items:center;
min-height:44px;
overflow-wrap:anywhere;
text-decoration:none;
}
body.single-fh_office:not(.home) main .fh-detail__body > .fh-prose,
body.fh-representative-office:not(.home) main .fh-detail__body > .fh-prose{
margin-top:8px;
}
/* Keep body copy on the shell axis; local rows own their own width above. */
@media (max-width:960px){
body.single-fh_office:not(.home) main .fh-office-local-row,
body.fh-representative-office:not(.home) main .fh-office-local-row{
grid-template-columns:160px minmax(0,1fr);
gap:18px;
}
body.single-fh_office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip,
body.fh-representative-office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip{
grid-template-columns:1fr 1fr;
}
body.single-fh_office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip > .fh-row-grammar,
body.fh-representative-office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip > .fh-row-grammar{
grid-column:1 / -1;
}
}
@media (max-width:680px){
body.single-fh_office:not(.home) main .fh-office-local-rows,
body.fh-representative-office:not(.home) main .fh-office-local-rows{
width:calc(100vw - 40px);
margin:0 auto 40px;
}
body.single-fh_office:not(.home) main .fh-office-local-row,
body.fh-representative-office:not(.home) main .fh-office-local-row{
grid-template-columns:1fr;
gap:8px;
padding:16px 0;
}
body.single-fh_office:not(.home) main .fh-office-modes,
body.fh-representative-office:not(.home) main .fh-office-modes{
grid-template-columns:1fr;
}
body.single-fh_office:not(.home) main .fh-office-modes li:nth-child(even),
body.fh-representative-office:not(.home) main .fh-office-modes li:nth-child(even){
padding-left:0;
border-left:0;
}
body.single-fh_office:not(.home) main .fh-office-modes li,
body.fh-representative-office:not(.home) main .fh-office-modes li{
border-bottom:1px solid var(--fh-line);
}
body.single-fh_office:not(.home) main .fh-office-modes li:last-child,
body.fh-representative-office:not(.home) main .fh-office-modes li:last-child{
border-bottom:0;
}
body.single-fh_office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip,
body.fh-representative-office:not(.home) main .fh-office-local-rows > .fh-office-contact-strip{
grid-template-columns:1fr;
gap:18px;
}
}
/* S3 texture t_c54f045d: service detail fact rows Figma 518:134 (Ocean/Road).
Narrative + typographic facts plate + scannable capability/fit/office rows.
Air hero/kit untouched. No stock, no Talk-through photo, no kit-band invention. */
body.single-fh_service.fh-representative-service:not(.home) main .fh-detail-evidence--service{
grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
align-items:start;
gap:64px;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service{
padding:28px 30px;
background:var(--fh-paper);
color:var(--fh-ink);
align-self:stretch;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service .fh-operational-plate__label{
margin:0 0 4px;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service dl{
margin:12px 0 0;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service dl>div{
padding:13px 0;
border-top:1px solid var(--fh-line);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service dt{
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service dd{
margin:6px 0 0;
font-size:14px;
line-height:20px;
color:var(--fh-ink);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-rows,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-office-row,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fit-rows{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 40px;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-rows > .fh-row-grammar,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-office-row > .fh-row-grammar{
margin:0 0 18px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-table{
margin:0;
border-top:1px solid var(--fh-line);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row{
display:grid;
grid-template-columns:240px minmax(0,1fr);
gap:28px;
align-items:start;
margin:0;
padding:18px 0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row > dt{
margin:0;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row > dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fit-rows{
margin-top:8px;
border-top:1px solid var(--fh-line);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fit-row{
display:grid;
grid-template-columns:48px minmax(0,1fr);
gap:24px;
align-items:start;
margin:0;
padding:22px 0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fit-row > span{
color:var(--fh-green);
font:600 12px/22px "Geist Mono",monospace;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fit-row h3{
margin:0 0 8px!important;
max-width:none!important;
font-size:20px!important;
line-height:28px!important;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fit-row p{
margin:0;
font-size:16px;
line-height:26px;
color:var(--fh-ink);
}
/* Keep Ocean/Road body prose on the shared shell measure with the new rows. */
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
gap:0;
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:72px auto;
padding:0!important;
background:var(--fh-navy);
color:#fff;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene__media{
margin:0;
min-height:100%;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene__media img{
display:block;
width:100%;
height:100%;
min-height:430px;
object-fit:cover;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene__media figcaption{
padding:10px 16px;
background:var(--fh-navy);
color:rgba(255,255,255,.74);
font-size:12px;
line-height:18px;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-rail-scene__media img{
object-position:center 52%;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-rail-process{
margin:20px 0 64px;
}
body.single-fh_service.fh-representative-service:not(.home) main :is(.fh-road-choice-grid,.fh-road-support-grid,.fh-road-case-pair){display:grid;gap:16px;margin:24px 0 64px}
body.single-fh_service.fh-representative-service:not(.home) main .fh-road-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.single-fh_service.fh-representative-service:not(.home) main :is(.fh-road-support-grid,.fh-road-case-pair){grid-template-columns:repeat(2,minmax(0,1fr))}
body.single-fh_service.fh-representative-service:not(.home) main :is(.fh-road-choice,.fh-road-support-card,.fh-road-support-grid>div,.fh-road-case-pair>article){padding:28px;background:#f3f5f2;border-top:3px solid var(--fh-green)}
@keyframes fh-road-choice-in{from{opacity:.01;transform:translateY(6px)}to{opacity:1;transform:none}}
body.single-fh_service.fh-representative-service:not(.home) main .fh-road-choice{overflow:hidden;transition:transform .24s ease,box-shadow .24s ease;animation:fh-road-choice-in .45s ease both}
body.single-fh_service.fh-representative-service:not(.home) main .fh-road-choice:is(:hover,:focus-within){transform:translateY(-4px);box-shadow:0 18px 34px rgba(7,34,46,.12)}
body.single-fh_service.fh-representative-service:not(.home) main .fh-road-choice figure{margin:-28px -28px 24px;aspect-ratio:16/10;overflow:hidden}
body.single-fh_service.fh-representative-service:not(.home) main .fh-road-choice img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
body.single-fh_service.fh-representative-service:not(.home) main .fh-road-scene img{max-width:100%;height:auto}
body.single-fh_service.fh-representative-service:not(.home) main .fh-road-choice:is(:hover,:focus-within) img{transform:scale(1.025)}
@media (prefers-reduced-motion:reduce){body.single-fh_service.fh-representative-service:not(.home) main .fh-road-choice,body.single-fh_service.fh-representative-service:not(.home) main .fh-road-choice img{transition:none!important;transform:none!important;animation:none!important}}
@media (max-width:720px){body.single-fh_service.fh-representative-service:not(.home) main :is(.fh-road-choice-grid,.fh-road-support-grid,.fh-road-case-pair){grid-template-columns:1fr}}
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene__copy{
align-self:center;
padding:48px 42px!important;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene__copy :is(h2,p,a){color:#fff}
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene__copy .fh-eyebrow{color:#D8E2E7}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-next--ocean{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:72px auto;
padding:72px!important;
background:var(--fh-green);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-next--ocean .fh-service-next__copy{max-width:820px}
@media (max-width:960px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene{grid-template-columns:1fr}
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene__media img{min-height:320px}
}
@media (max-width:680px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-next--ocean{
width:calc(100vw - 40px);
margin:48px auto;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene__media img{min-height:220px}
body.single-fh_service.fh-representative-service:not(.home) main .fh-ocean-scene__copy{padding:32px 24px!important}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-next--ocean{padding:48px 24px!important}
/* Road's square story image and caption must establish their natural height before the copy row. */
body.single-fh_service.fh-representative-service:not(.home) main .fh-road-scene__media{
min-height:0;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-road-scene__media img{
height:auto;
min-height:0;
aspect-ratio:1;
}
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-detail__body{
width:100%;
max-width:none;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-detail__body > .fh-prose{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin-inline:auto;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-detail__body > .fh-prose .fh-service-copy{
max-width:none;
}
@media (max-width:960px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-detail-evidence--service{
grid-template-columns:1fr;
gap:36px;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row{
grid-template-columns:1fr;
gap:8px;
}
}
@media (max-width:680px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service{
padding:22px 20px;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-rows,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-office-row,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fit-rows,
body.single-fh_service.fh-representative-service:not(.home) main .fh-detail__body > .fh-prose{
width:calc(100vw - 40px);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fit-row{
grid-template-columns:36px minmax(0,1fr);
gap:14px;
padding:18px 0;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fit-row h3{
font-size:18px!important;
line-height:26px!important;
}
}
/* S3 texture t_ad627a05: extend 518:134 service fact rows to Rail + Project.
Same plate + capability/fit/office rows grammar as Ocean/Road.
Air hero/kit untouched. No stock, no Talk-through photo, no kit-band invention. */
/* S3 texture t_6c20bcce: case detail fact strip + pressure/readiness rows Figma 547:2.
Prefer table/rows over new image. No Talk-through dock photo, no hub kit dump,
no stock, no M9 codes, no Home hero, no invented outcomes. */
body.single-fh_case.fh-representative-case:not(.home) main .fh-detail__body{
width:100%;
max-width:none;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-block,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-media,
body.single-fh_case.fh-representative-case:not(.home) main .fh-detail__body > .fh-prose{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin-inline:auto;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-block{
margin:0 auto 40px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:0;
margin:0 0 28px;
border-block:1px solid var(--fh-line);
background:var(--fh-paper);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip > div{
min-height:112px;
margin:0;
padding:22px 24px;
border-right:1px solid var(--fh-line);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip > div:last-child{
border-right:0;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip dt{
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip dd{
margin:12px 0 0;
font-size:15px;
line-height:22px;
font-weight:500;
color:var(--fh-ink);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-rows,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-rows{
margin:0 0 28px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-rows > .fh-row-grammar,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-rows > .fh-row-grammar{
margin:0 0 14px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-table,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-table{
margin:0;
border-top:1px solid var(--fh-line);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-row{
display:grid;
grid-template-columns:48px minmax(0,1fr);
gap:24px;
align-items:start;
margin:0;
padding:16px 0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-row > span{
color:var(--fh-green);
font:600 12px/22px "Geist Mono",monospace;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-row dt{
margin:0 0 4px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-row dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-row{
display:grid;
grid-template-columns:220px minmax(0,1fr);
gap:28px;
align-items:start;
margin:0;
padding:16px 0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-row > dt{
margin:0;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-row > dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
}
/* Keep existing case media secondary to the fact table; do not invent new photos. */
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-media{
margin:0 auto 28px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-media__figure--illustration{
max-width:720px;
}
/* V14 accepted-case narrative: restrained indexed editorial sequence from Figma 547:2. */
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative{margin:0;color:var(--fh-ink)}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__lead{max-width:820px;margin:0 0 56px}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__lead > p{margin:0;font-size:18px;line-height:31px}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section{
display:grid;grid-template-columns:64px minmax(280px,360px) minmax(0,680px);column-gap:32px;
align-items:start;margin:0;padding:56px 0;border-top:1px solid var(--fh-line)
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__index{
grid-column:1;color:var(--fh-green);font:600 12px/20px "Geist Mono",monospace;letter-spacing:.08em
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > h2{
grid-column:2;grid-row:1 / span 20;margin:0!important;max-width:360px;
font-size:clamp(30px,2.2vw,38px)!important;line-height:1.12!important;letter-spacing:-.025em
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > p,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > ul,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > ol{
grid-column:3;margin:0 0 18px;font-size:18px;line-height:1.7
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > :last-child{margin-bottom:0}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section--prepare{
margin-inline:-24px;padding-inline:24px;border-top-color:rgba(0,127,95,.42);background:#eef8f4
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section--prepare .fh-text-link{
color:var(--fh-muted);font-family:"Geist Mono",monospace;font-size:13px;line-height:22px;letter-spacing:.02em
}
@media (max-width:960px){
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip{
grid-template-columns:1fr 1fr;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip > div{
border-right:0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-row{
grid-template-columns:1fr;
gap:8px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__lead{margin-bottom:44px}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section{
grid-template-columns:56px minmax(0,1fr);column-gap:24px;padding:48px 0
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > h2{
grid-column:2;grid-row:auto;max-width:680px;margin-bottom:24px!important
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > p,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > ul,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > ol{grid-column:2}
}
@media (max-width:680px){
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-block,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-media,
body.single-fh_case.fh-representative-case:not(.home) main .fh-detail__body > .fh-prose{
width:calc(100vw - 40px);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip{
grid-template-columns:1fr;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip > div{
min-height:0;
padding:18px 16px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-row{
grid-template-columns:36px minmax(0,1fr);
gap:14px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__lead{margin-bottom:36px}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section{display:block;padding:44px 0}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__index{display:block;margin:0 0 14px}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > h2{
margin-bottom:22px!important;font-size:30px!important;line-height:1.17!important
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > p,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > ul,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section > ol{font-size:18px;line-height:1.65}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-narrative__section--prepare{
margin-inline:-12px;padding-inline:12px
}
}
/* V12/V14 t_994371ce — case facts plate hierarchy + kit-language mono icons.
Truthful existing case facts only. No photo-lane, no invented outcomes,
no Home hero, no Talk-through dock, no fake certification marks. */
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-facts-plate{
display:grid;
gap:28px;
margin:0 auto 48px;
padding:0;
max-width:100%;
box-sizing:border-box;
overflow-wrap:anywhere;
word-break:break-word;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-groups,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-group,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-cell,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-mode-icons{
max-width:100%;
min-width:0;
box-sizing:border-box;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-facts-plate__label{
margin:0;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.08em;
text-transform:uppercase;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-groups{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
gap:20px 24px;
align-items:stretch;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-group{
margin:0;
border:1px solid var(--fh-line);
background:var(--fh-paper);
min-width:0;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-group__title{
margin:0;
padding:14px 18px 0;
color:var(--fh-green);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.08em;
text-transform:uppercase;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-strip{
display:grid;
grid-template-columns:1fr;
gap:0;
margin:0;
border:0;
background:transparent;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-group--route .fh-case-fact-strip{
grid-template-columns:repeat(3,minmax(0,1fr));
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-group--cargo .fh-case-fact-strip{
grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-cell{
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:12px;
align-items:start;
min-height:0;
margin:0;
padding:16px 18px 18px;
border-right:1px solid var(--fh-line);
border-top:1px solid var(--fh-line);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-cell:last-child{
border-right:0;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-icon{
display:inline-flex;
width:20px;
height:20px;
margin-top:2px;
color:var(--fh-green);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-icon svg{
display:block;
width:20px;
height:20px;
fill:currentColor;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-cell dt{
margin:0 0 6px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-cell dd{
margin:0;
font-size:15px;
line-height:22px;
font-weight:500;
color:var(--fh-ink);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-mode-icons{
display:flex;
flex-wrap:wrap;
gap:8px;
list-style:none;
margin:10px 0 0;
padding:0;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-mode-icon{
display:inline-flex;
align-items:center;
gap:6px;
margin:0;
padding:4px 8px 4px 6px;
border:1px solid var(--fh-line);
background:#fff;
color:var(--fh-ink);
font:600 11px/16px "Geist Mono",monospace;
letter-spacing:.04em;
text-transform:uppercase;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-mode-icon .fh-case-fact-icon{
margin-top:0;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-rows,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-rows{
margin:0;
padding:4px 0 0;
border-top:1px solid var(--fh-line);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-rows > .fh-row-grammar,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-rows > .fh-row-grammar{
margin:0 0 12px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-row{
display:grid;
grid-template-columns:48px 28px minmax(0,1fr);
gap:12px 16px;
align-items:start;
margin:0;
padding:16px 0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-row__index{
color:var(--fh-green);
font:600 12px/22px "Geist Mono",monospace;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-row{
display:grid;
grid-template-columns:28px 200px minmax(0,1fr);
gap:12px 20px;
align-items:start;
margin:0;
padding:16px 0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-row > dt{
margin:0;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-row > dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-media{
margin:0 auto 36px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-detail__body > .fh-prose{
margin-top:8px;
}
@media (max-width:960px){
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-groups{
grid-template-columns:1fr;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-group--route .fh-case-fact-strip,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-group--cargo .fh-case-fact-strip{
grid-template-columns:1fr 1fr;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-cell{
border-right:0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-cell:last-child{
border-bottom:0;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-row{
grid-template-columns:28px minmax(0,1fr);
gap:10px 12px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-row > dt{
grid-column:2;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-readiness-row > dd{
grid-column:2;
}
}
@media (max-width:680px){
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-facts-plate{
margin-bottom:40px;
gap:22px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-group--route .fh-case-fact-strip,
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-group--cargo .fh-case-fact-strip{
grid-template-columns:1fr;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-fact-cell{
padding:14px 16px;
}
body.single-fh_case.fh-representative-case:not(.home) main .fh-case-pressure-row{
grid-template-columns:36px 24px minmax(0,1fr);
gap:10px 12px;
}
}
/* S3 texture t_aded6511: industry detail fact strip + capability/risk rows Figma 571:190.
Document-led facts from approved industry meta; body H2/FAQ → scannable rows.
No Talk-through dock, no stock, no invented industry proof, no Home hero. */
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-detail__body{
display:block;
width:100%;
max-width:none;
box-sizing:border-box;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-block,
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-detail__body > .fh-prose,
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-detail__body > .fh-industry-risk-rows{
display:block;
width:min(1296px,calc(100vw - 144px));
max-width:min(1296px,calc(100vw - 144px));
margin-inline:auto;
box-sizing:border-box;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-block{
margin:0 auto 40px;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-prose,
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-rows .fh-prose{
max-width:none;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-copy,
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-copy.is-layout-constrained{
width:100%;
max-width:none!important;
padding-left:0!important;
padding-right:0!important;
margin-left:0!important;
margin-right:0!important;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-strip{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:0;
margin:0 0 28px;
border-block:1px solid var(--fh-line);
background:var(--fh-paper);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-strip > div{
min-height:112px;
margin:0;
padding:22px 24px;
border-right:1px solid var(--fh-line);
box-sizing:border-box;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-strip > div:last-child{border-right:0}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-strip dt{
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-strip dd{
margin:12px 0 0;
font-size:15px;
line-height:22px;
font-weight:500;
color:var(--fh-ink);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows{margin:0 0 28px}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows > .fh-row-grammar,
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-rows > .fh-row-grammar{
margin:0 0 14px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-table{
margin:0;
border-top:1px solid var(--fh-line);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-row{
display:grid;
grid-template-columns:48px minmax(0,1fr);
gap:24px;
align-items:start;
margin:0;
padding:16px 0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-row > span{
color:var(--fh-green);
font:600 12px/22px "Geist Mono",monospace;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-row dt{
margin:0 0 4px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-row dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-detail-evidence--industry{
align-items:start;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry{
background:var(--fh-paper);
border:1px solid var(--fh-line);
padding:28px 26px;
box-sizing:border-box;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry .fh-operational-plate__label{
margin:0 0 18px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry dl{margin:0}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry dl > div{
margin:0 0 16px;
padding:0 0 16px;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry dl > div:last-child{
margin:0;padding:0;border-bottom:0;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry dt{
margin:0 0 6px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry dd{
margin:0;
font-size:15px;
line-height:22px;
color:var(--fh-ink);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-rows{
margin:0 auto 24px;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-row{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:36px;
width:100%;
max-width:100%;
margin:0;
padding:40px 0;
border-top:1px solid var(--fh-line);
box-sizing:border-box;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-row:nth-of-type(even){
background:var(--fh-paper);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-row > span{
color:var(--fh-green);
font:600 13px/20px "Geist Mono",monospace;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-row h2{
margin:0!important;
max-width:none!important;
font-size:30px!important;
line-height:37px!important;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-row p{
max-width:820px;
margin:14px 0 0;
font-size:17px;
line-height:28px;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fit-rows{
margin:12px 0 36px;
border-top:1px solid var(--fh-line);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fit-row{
display:grid;
grid-template-columns:48px minmax(0,1fr);
gap:24px;
align-items:start;
width:100%;
max-width:100%;
margin:0;
padding:18px 0;
border-bottom:1px solid var(--fh-line);
box-sizing:border-box;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fit-row > span{
color:var(--fh-green);
font:600 12px/22px "Geist Mono",monospace;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fit-row h3{
margin:0 0 8px!important;
max-width:none!important;
font-size:18px!important;
line-height:26px!important;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fit-row p{
margin:0;
max-width:820px;
font-size:16px;
line-height:26px;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-detail__body > .fh-facts:not(.fh-industry-fact-strip){
display:none;
}
@media (max-width:960px){
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-strip{
grid-template-columns:1fr 1fr;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-strip > div{
border-right:0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-row{
grid-template-columns:48px minmax(0,1fr);
gap:20px;
}
}
@media (max-width:680px){
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-block,
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-detail__body > .fh-prose,
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-detail__body > .fh-industry-risk-rows{
width:calc(100vw - 40px);
max-width:calc(100vw - 40px);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-strip{grid-template-columns:1fr}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-strip > div{
min-height:0;
padding:18px 16px;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-row,
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fit-row{
grid-template-columns:36px minmax(0,1fr);
gap:14px;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-row{
grid-template-columns:36px minmax(0,1fr);
gap:14px;
padding:28px 0;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-row h2{
font-size:24px!important;
line-height:30px!important;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-risk-row p{
font-size:16px;
line-height:26px;
}
}
/* S3 texture t_1e45defd: About fact plate + capability/office/contact rows Figma 574:181.
Readable facts from approved About copy only. No Talk-through dock, no stock,
no invented proof, no Home hero, no Contact map. */
body.page-about-us.fh-representative-about:not(.home) main .fh-about-fact-block,
body.page.fh-representative-about:not(.home) main .fh-about-fact-block,
body.fh-representative-about:not(.home) main .fh-about-fact-block{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 36px;
box-sizing:border-box;
}
body.fh-representative-about:not(.home) main .fh-about-fact-strip{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
margin:0;
border-block:1px solid var(--fh-line);
background:var(--fh-paper);
}
body.fh-representative-about:not(.home) main .fh-about-fact-strip > div{
min-height:120px;
margin:0;
padding:22px 24px;
border-right:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-about:not(.home) main .fh-about-fact-strip > div:last-child{border-right:0}
body.fh-representative-about:not(.home) main .fh-about-fact-strip dt{
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-about:not(.home) main .fh-about-fact-strip dd{
margin:12px 0 0;
font-size:15px;
line-height:22px;
font-weight:500;
color:var(--fh-ink);
}
body.fh-representative-about:not(.home) main .fh-about-capability-rows,
body.fh-representative-about:not(.home) main .fh-about-office-rows,
body.fh-representative-about:not(.home) main .fh-about-contact-rows{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 40px;
box-sizing:border-box;
}
body.fh-representative-about:not(.home) main .fh-about-capability-rows > .fh-row-grammar,
body.fh-representative-about:not(.home) main .fh-about-office-rows > .fh-row-grammar,
body.fh-representative-about:not(.home) main .fh-about-contact-rows > .fh-row-grammar{
margin:0 0 14px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-about:not(.home) main .fh-about-capability-row,
body.fh-representative-about:not(.home) main .fh-about-office-row,
body.fh-representative-about:not(.home) main .fh-about-contact-row{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:36px;
align-items:start;
width:100%;
max-width:100%;
margin:0;
padding:32px 0;
border-top:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-about:not(.home) main .fh-about-capability-row:nth-of-type(even),
body.fh-representative-about:not(.home) main .fh-about-office-row:nth-of-type(even),
body.fh-representative-about:not(.home) main .fh-about-contact-row:nth-of-type(even){
background:var(--fh-paper);
box-shadow:0 0 0 100vmax var(--fh-paper);
clip-path:inset(0 -100vmax);
}
body.fh-representative-about:not(.home) main .fh-about-capability-row > span,
body.fh-representative-about:not(.home) main .fh-about-office-row > span,
body.fh-representative-about:not(.home) main .fh-about-contact-row > span{
color:var(--fh-green);
font:600 13px/20px "Geist Mono",monospace;
}
body.fh-representative-about:not(.home) main .fh-about-capability-row h3,
body.fh-representative-about:not(.home) main .fh-about-contact-row h3{
margin:0 0 10px!important;
max-width:none!important;
font-size:22px!important;
line-height:30px!important;
}
body.fh-representative-about:not(.home) main .fh-about-capability-row p,
body.fh-representative-about:not(.home) main .fh-about-contact-row p{
max-width:820px;
margin:0 0 10px;
font-size:17px;
line-height:28px;
}
body.fh-representative-about:not(.home) main .fh-about-contact-row p:last-child{margin-bottom:0}
body.fh-representative-about:not(.home) main .fh-about-office-rows > h2{
margin:0 0 18px!important;
max-width:780px!important;
font-size:30px!important;
line-height:37px!important;
}
body.fh-representative-about:not(.home) main .fh-about-office-table{margin:0}
body.fh-representative-about:not(.home) main .fh-about-office-row dt{
margin:0 0 6px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-about:not(.home) main .fh-about-office-row dd{
margin:0;
max-width:820px;
font-size:17px;
line-height:28px;
color:var(--fh-ink);
}
body.fh-representative-about:not(.home) main .fh-about-story--next > h2{
width:min(1296px,calc(100vw - 144px));
margin:0 auto 18px!important;
}
body.fh-representative-about:not(.home) main .fh-about-story--next .fh-about-contact-rows{
margin-bottom:24px;
}
@media (max-width:960px){
body.fh-representative-about:not(.home) main .fh-about-fact-strip{
grid-template-columns:1fr 1fr;
}
body.fh-representative-about:not(.home) main .fh-about-fact-strip > div{
border-right:0;
border-bottom:1px solid var(--fh-line);
}
body.fh-representative-about:not(.home) main .fh-about-capability-row,
body.fh-representative-about:not(.home) main .fh-about-office-row,
body.fh-representative-about:not(.home) main .fh-about-contact-row{
grid-template-columns:48px minmax(0,1fr);
gap:20px;
}
}
@media (max-width:680px){
body.fh-representative-about:not(.home) main .fh-about-fact-block,
body.fh-representative-about:not(.home) main .fh-about-capability-rows,
body.fh-representative-about:not(.home) main .fh-about-office-rows,
body.fh-representative-about:not(.home) main .fh-about-contact-rows,
body.fh-representative-about:not(.home) main .fh-about-story--next > h2{
width:calc(100vw - 40px);
max-width:calc(100vw - 40px);
}
body.fh-representative-about:not(.home) main .fh-about-fact-strip{grid-template-columns:1fr}
body.fh-representative-about:not(.home) main .fh-about-fact-strip > div{
min-height:0;
padding:18px 16px;
}
body.fh-representative-about:not(.home) main .fh-about-capability-row,
body.fh-representative-about:not(.home) main .fh-about-office-row,
body.fh-representative-about:not(.home) main .fh-about-contact-row{
grid-template-columns:36px minmax(0,1fr);
gap:14px;
padding:24px 0;
}
body.fh-representative-about:not(.home) main .fh-about-capability-row h3,
body.fh-representative-about:not(.home) main .fh-about-contact-row h3{
font-size:18px!important;
line-height:26px!important;
}
body.fh-representative-about:not(.home) main .fh-about-capability-row p,
body.fh-representative-about:not(.home) main .fh-about-contact-row p,
body.fh-representative-about:not(.home) main .fh-about-office-row dd{
font-size:16px;
line-height:26px;
}
}
/* V12/V14 t_94e038a0 — About operational facts: kit mono icons + readable grouping.
Scope: about fact-block --v12, capability/office/contact rows --v12 only.
Preserve approved About copy. No Home/Air/industry rework. No photo. No new claims. */
body.fh-representative-about:not(.home) main .fh-about-fact-block--v12 .fh-about-plate-groups{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px 18px;
margin:0;
width:100%;
}
body.fh-representative-about:not(.home) main .fh-about-fact-block--v12 .fh-about-plate-group{
margin:0;
padding:14px 16px 16px;
border:1px solid var(--fh-line);
border-radius:2px;
background:var(--fh-paper);
box-sizing:border-box;
min-width:0;
}
body.fh-representative-about:not(.home) main .fh-about-fact-block--v12 .fh-about-plate-group__title{
margin:0 0 10px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-about:not(.home) main .fh-about-fact-block--v12 .fh-about-fact-strip{
display:grid;
grid-template-columns:1fr;
gap:12px;
margin:0;
border:0;
background:transparent;
}
body.fh-representative-about:not(.home) main .fh-about-fact-block--v12 .fh-about-plate-cell{
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:12px;
align-items:start;
margin:0;
padding:0;
min-height:0;
border:0;
box-sizing:border-box;
}
body.fh-representative-about:not(.home) main .fh-about-fact-block--v12 .fh-about-plate-cell__body{
min-width:0;
}
body.fh-representative-about:not(.home) main .fh-about-fact-block--v12 .fh-about-plate-cell dt{
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-about:not(.home) main .fh-about-fact-block--v12 .fh-about-plate-cell dd{
margin:8px 0 0;
font-size:15px;
line-height:22px;
font-weight:500;
color:var(--fh-ink);
}
body.fh-representative-about:not(.home) main .fh-about-fact-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
margin-top:2px;
color:var(--fh-green);
flex:0 0 auto;
}
body.fh-representative-about:not(.home) main .fh-about-fact-icon svg{
display:block;
fill:currentColor;
}
body.fh-representative-about:not(.home) main .fh-about-capability-rows--v12 .fh-about-capability-row--iconed,
body.fh-representative-about:not(.home) main .fh-about-office-rows--v12 .fh-about-office-row--iconed,
body.fh-representative-about:not(.home) main .fh-about-contact-rows--v12 .fh-about-contact-row--iconed{
display:grid;
grid-template-columns:72px 28px minmax(0,1fr);
gap:16px 18px;
align-items:start;
}
body.fh-representative-about:not(.home) main .fh-about-capability-rows--v12 .fh-about-capability-row__index,
body.fh-representative-about:not(.home) main .fh-about-office-rows--v12 .fh-about-office-row__index,
body.fh-representative-about:not(.home) main .fh-about-contact-rows--v12 .fh-about-contact-row__index{
color:var(--fh-green);
font:600 13px/20px "Geist Mono",monospace;
}
body.fh-representative-about:not(.home) main .fh-about-capability-rows--v12 .fh-about-capability-row__body,
body.fh-representative-about:not(.home) main .fh-about-office-rows--v12 .fh-about-office-row__body,
body.fh-representative-about:not(.home) main .fh-about-contact-rows--v12 .fh-about-contact-row__body{
min-width:0;
}
@media (max-width:960px){
body.fh-representative-about:not(.home) main .fh-about-fact-block--v12 .fh-about-plate-groups{
grid-template-columns:1fr;
}
body.fh-representative-about:not(.home) main .fh-about-capability-rows--v12 .fh-about-capability-row--iconed,
body.fh-representative-about:not(.home) main .fh-about-office-rows--v12 .fh-about-office-row--iconed,
body.fh-representative-about:not(.home) main .fh-about-contact-rows--v12 .fh-about-contact-row--iconed{
grid-template-columns:48px 28px minmax(0,1fr);
gap:12px 14px;
}
}
@media (max-width:680px){
body.fh-representative-about:not(.home) main .fh-about-fact-block--v12 .fh-about-plate-group{
padding:12px 12px 14px;
}
body.fh-representative-about:not(.home) main .fh-about-capability-rows--v12 .fh-about-capability-row--iconed,
body.fh-representative-about:not(.home) main .fh-about-office-rows--v12 .fh-about-office-row--iconed,
body.fh-representative-about:not(.home) main .fh-about-contact-rows--v12 .fh-about-contact-row--iconed{
grid-template-columns:36px 24px minmax(0,1fr);
gap:10px 12px;
padding:24px 0;
}
body.fh-representative-about:not(.home) main .fh-about-fact-icon{
width:24px;
height:24px;
}
body.fh-representative-about:not(.home) main .fh-about-fact-icon svg{
width:18px;
height:18px;
}
}
/* S3 texture t_4d24a018: Contact fact plate + office/hours/channel rows. NO MAP.
Readable facts from approved Contact copy + verified office hours only.
No Talk-through dock, no stock, no invented proof, no Home hero, no iframe map. */
body.page-contact.fh-representative-contact:not(.home) main .fh-contact-fact-block,
body.page.fh-representative-contact:not(.home) main .fh-contact-fact-block,
body.fh-representative-contact:not(.home) main .fh-contact-fact-block{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 36px;
box-sizing:border-box;
}
body.fh-representative-contact:not(.home) main .fh-contact-fact-strip{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
margin:0;
border-block:1px solid var(--fh-line);
background:var(--fh-paper);
}
body.fh-representative-contact:not(.home) main .fh-contact-fact-strip > div{
min-height:120px;
margin:0;
padding:22px 24px;
border-right:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-contact:not(.home) main .fh-contact-fact-strip > div:last-child{border-right:0}
body.fh-representative-contact:not(.home) main .fh-contact-fact-strip dt{
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-contact:not(.home) main .fh-contact-fact-strip dd{
margin:12px 0 0;
font-size:15px;
line-height:22px;
font-weight:500;
color:var(--fh-ink);
}
body.fh-representative-contact:not(.home) main .fh-contact-office-rows,
body.fh-representative-contact:not(.home) main .fh-contact-channel-rows{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 48px;
box-sizing:border-box;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-rows > .fh-row-grammar,
body.fh-representative-contact:not(.home) main .fh-contact-channel-rows > .fh-row-grammar{
margin:0 0 14px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-row,
body.fh-representative-contact:not(.home) main .fh-contact-channel-row{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:36px;
align-items:start;
width:100%;
max-width:100%;
margin:0;
padding:32px 0;
border-top:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-row:nth-of-type(even),
body.fh-representative-contact:not(.home) main .fh-contact-channel-row:nth-of-type(even){
background:var(--fh-paper);
box-shadow:0 0 0 100vmax var(--fh-paper);
clip-path:inset(0 -100vmax);
}
body.fh-representative-contact:not(.home) main .fh-contact-office-row > span,
body.fh-representative-contact:not(.home) main .fh-contact-channel-row > span{
color:var(--fh-green);
font:600 13px/20px "Geist Mono",monospace;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-row h2{
margin:0 0 16px!important;
max-width:none!important;
font-size:28px!important;
line-height:34px!important;
}
body.fh-representative-contact:not(.home) main .fh-contact-channel-row h3{
margin:0 0 10px!important;
max-width:none!important;
font-size:22px!important;
line-height:30px!important;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-table{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0;
margin:0;
border-top:1px solid var(--fh-line);
}
body.fh-representative-contact:not(.home) main .fh-contact-office-table > div{
min-width:0;
padding:14px 20px 14px 0;
border-bottom:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-table > div:nth-child(even){
padding-left:24px;
border-left:1px solid var(--fh-line);
}
body.fh-representative-contact:not(.home) main .fh-contact-office-table dt{
margin:0 0 6px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-table dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
overflow-wrap:anywhere;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-table a,
body.fh-representative-contact:not(.home) main .fh-contact-channel-row a{
display:inline-flex;
align-items:center;
min-height:44px;
text-decoration:underline;
text-underline-offset:3px;
overflow-wrap:anywhere;
}
body.fh-representative-contact:not(.home) main .fh-contact-channel-row p{
max-width:820px;
margin:0 0 10px;
font-size:17px;
line-height:28px;
}
body.fh-representative-contact:not(.home) main .fh-contact-channel-row p:last-child{margin-bottom:0}
/* Keep any residual map slot collapsed if a prior release left markup. */
body.fh-representative-contact:not(.home) main .fh-contact-map{display:none!important}
@media (max-width:960px){
body.fh-representative-contact:not(.home) main .fh-contact-fact-strip{grid-template-columns:1fr 1fr}
body.fh-representative-contact:not(.home) main .fh-contact-fact-strip > div{
border-right:0;
border-bottom:1px solid var(--fh-line);
}
body.fh-representative-contact:not(.home) main .fh-contact-office-row,
body.fh-representative-contact:not(.home) main .fh-contact-channel-row{
grid-template-columns:48px minmax(0,1fr);
gap:20px;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-table{grid-template-columns:1fr}
body.fh-representative-contact:not(.home) main .fh-contact-office-table > div:nth-child(even){
padding-left:0;
border-left:0;
}
}
@media (max-width:680px){
body.fh-representative-contact:not(.home) main .fh-contact-fact-block,
body.fh-representative-contact:not(.home) main .fh-contact-office-rows,
body.fh-representative-contact:not(.home) main .fh-contact-channel-rows{
width:calc(100vw - 40px);
max-width:calc(100vw - 40px);
}
body.fh-representative-contact:not(.home) main .fh-contact-fact-strip{grid-template-columns:1fr}
body.fh-representative-contact:not(.home) main .fh-contact-fact-strip > div{
min-height:0;
padding:18px 16px;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-row,
body.fh-representative-contact:not(.home) main .fh-contact-channel-row{
grid-template-columns:36px minmax(0,1fr);
gap:14px;
padding:24px 0;
}
body.fh-representative-contact:not(.home) main .fh-contact-office-row h2{
font-size:24px!important;
line-height:30px!important;
}
body.fh-representative-contact:not(.home) main .fh-contact-channel-row h3{
font-size:18px!important;
line-height:26px!important;
}
body.fh-representative-contact:not(.home) main .fh-contact-channel-row p,
body.fh-representative-contact:not(.home) main .fh-contact-office-table dd{
font-size:16px;
line-height:26px;
}
}
/* S3 texture t_700e0df1: Careers fact plate + role/location/mode-of-work rows.
Readable facts from approved Careers copy only. No invented openings, no stock,
no map, no Talk-through dock, no Home hero, no live applications. */
body.page-careers.fh-representative-careers:not(.home) main .fh-careers-fact-block,
body.page.fh-representative-careers:not(.home) main .fh-careers-fact-block,
body.fh-representative-careers:not(.home) main .fh-careers-fact-block{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 36px;
box-sizing:border-box;
}
body.fh-representative-careers:not(.home) main .fh-careers-fact-strip{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
margin:0;
border-block:1px solid var(--fh-line);
background:var(--fh-paper);
}
body.fh-representative-careers:not(.home) main .fh-careers-fact-strip > div{
min-height:120px;
margin:0;
padding:22px 24px;
border-right:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-careers:not(.home) main .fh-careers-fact-strip > div:last-child{border-right:0}
body.fh-representative-careers:not(.home) main .fh-careers-fact-strip dt{
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-careers:not(.home) main .fh-careers-fact-strip dd{
margin:12px 0 0;
font-size:15px;
line-height:22px;
font-weight:500;
color:var(--fh-ink);
}
body.fh-representative-careers:not(.home) main .fh-careers-role-rows{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 48px;
box-sizing:border-box;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-rows > .fh-row-grammar{
margin:0 0 14px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-row{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:36px;
align-items:start;
width:100%;
max-width:100%;
margin:0;
padding:32px 0;
border-top:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-row:nth-of-type(even){
background:var(--fh-paper);
box-shadow:0 0 0 100vmax var(--fh-paper);
clip-path:inset(0 -100vmax);
}
body.fh-representative-careers:not(.home) main .fh-careers-role-row > span{
color:var(--fh-green);
font:600 13px/20px "Geist Mono",monospace;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-row h2{
margin:0 0 16px!important;
max-width:none!important;
font-size:28px!important;
line-height:34px!important;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-table{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0;
margin:0;
border-top:1px solid var(--fh-line);
}
body.fh-representative-careers:not(.home) main .fh-careers-role-table > div{
min-width:0;
padding:14px 20px 14px 0;
border-bottom:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-table > div:nth-child(even){
padding-left:24px;
border-left:1px solid var(--fh-line);
}
body.fh-representative-careers:not(.home) main .fh-careers-role-table > .fh-careers-role-summary{
grid-column:1 / -1;
padding-left:0;
border-left:0;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-table dt{
margin:0 0 6px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-table dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
overflow-wrap:anywhere;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-table a{
display:inline-flex;
align-items:center;
min-height:44px;
text-decoration:underline;
text-underline-offset:3px;
overflow-wrap:anywhere;
}
@media (max-width:960px){
body.fh-representative-careers:not(.home) main .fh-careers-fact-strip{grid-template-columns:1fr 1fr}
body.fh-representative-careers:not(.home) main .fh-careers-fact-strip > div{
border-right:0;
border-bottom:1px solid var(--fh-line);
}
body.fh-representative-careers:not(.home) main .fh-careers-role-row{
grid-template-columns:48px minmax(0,1fr);
gap:20px;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-table{grid-template-columns:1fr}
body.fh-representative-careers:not(.home) main .fh-careers-role-table > div:nth-child(even){
padding-left:0;
border-left:0;
}
}
@media (max-width:680px){
body.fh-representative-careers:not(.home) main .fh-careers-fact-block,
body.fh-representative-careers:not(.home) main .fh-careers-role-rows{
width:calc(100vw - 40px);
max-width:calc(100vw - 40px);
}
body.fh-representative-careers:not(.home) main .fh-careers-fact-strip{grid-template-columns:1fr}
body.fh-representative-careers:not(.home) main .fh-careers-fact-strip > div{
min-height:0;
padding:18px 16px;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-row{
grid-template-columns:36px minmax(0,1fr);
gap:14px;
padding:24px 0;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-row h2{
font-size:24px!important;
line-height:30px!important;
}
body.fh-representative-careers:not(.home) main .fh-careers-role-table dd{
font-size:16px;
line-height:26px;
}
}
/* S3 t_6c1c2fa9: Careers mobile page inset at 390.
Live defect: careers title/H1 and body flush to the phone edge.
Keep shell padding on hero/context/next + fact/role surfaces so heading
and body never touch the viewport. Grill/kit-cases band remains removed. */
@media (max-width:680px){
body.page-slug-careers:not(.home) main,
body.page-careers:not(.home) main,
body.fh-representative-careers:not(.home) main{
padding-left:20px!important;
padding-right:20px!important;
box-sizing:border-box!important;
}
body.page-slug-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-roles,.fh-careers-next),
body.page-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-roles,.fh-careers-next),
body.fh-representative-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-roles,.fh-careers-next){
padding-left:0!important;
padding-right:0!important;
box-sizing:border-box!important;
}
body.page-slug-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-next) :is(h1,h2,.wp-block-heading,.fh-lead,p),
body.page-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-next) :is(h1,h2,.wp-block-heading,.fh-lead,p),
body.fh-representative-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-next) :is(h1,h2,.wp-block-heading,.fh-lead,p){
margin-left:0!important;
margin-right:0!important;
max-width:100%!important;
box-sizing:border-box!important;
}
body.fh-representative-careers:not(.home) main .fh-careers-fact-block,
body.fh-representative-careers:not(.home) main .fh-careers-role-rows{
width:100%!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
}
body.fh-representative-careers:not(.home) main .fh-careers-breadcrumb,
body.page-slug-careers:not(.home) main .fh-careers-breadcrumb,
body.page-careers:not(.home) main .fh-careers-breadcrumb{
padding-left:0!important;
padding-right:0!important;
}
}
/* S3 texture t_43287f0e: Tracking example facts plate + example-status rows.
Readable facts from approved tracking-example copy only. No live lookup,
no stock, no map, no Talk-through dock, no Home hero. Keep example_only. */
body.page-tracking.fh-representative-tracking:not(.home) main .fh-tracking-fact-block,
body.page.fh-representative-tracking:not(.home) main .fh-tracking-fact-block,
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-block,
body.fh-representative-tracking:not(.home) main .fh-tracking .fh-tracking-fact-block{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 36px;
box-sizing:border-box;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-strip{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:0;
margin:0;
border-block:1px solid var(--fh-line);
background:var(--fh-paper);
}
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-strip > div{
min-height:120px;
margin:0;
padding:22px 24px;
border-right:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-strip > div:last-child{border-right:0}
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-strip dt{
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-strip dd{
margin:12px 0 0;
font-size:15px;
line-height:22px;
font-weight:500;
color:var(--fh-ink);
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-rows,
body.fh-representative-tracking:not(.home) main .fh-tracking .fh-tracking-status-rows{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 36px;
box-sizing:border-box;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-rows > .fh-row-grammar{
margin:0 0 14px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-row{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:36px;
align-items:start;
width:100%;
max-width:100%;
margin:0;
padding:32px 0;
border-top:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-row:nth-of-type(even){
background:var(--fh-paper);
box-shadow:0 0 0 100vmax var(--fh-paper);
clip-path:inset(0 -100vmax);
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-row > span{
color:var(--fh-green);
font:600 13px/20px "Geist Mono",monospace;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-row h3{
margin:0 0 16px!important;
max-width:none!important;
font-size:24px!important;
line-height:30px!important;
letter-spacing:-.025em;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-table{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0;
margin:0;
border-top:1px solid var(--fh-line);
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-table > div{
min-width:0;
padding:14px 20px 14px 0;
border-bottom:1px solid var(--fh-line);
box-sizing:border-box;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-table > div:nth-child(even){
padding-left:24px;
border-left:1px solid var(--fh-line);
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-table dt{
margin:0 0 6px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-table dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
overflow-wrap:anywhere;
}
body.fh-representative-tracking:not(.home) main .fh-tracking{
padding:0;
background:transparent;
border-top:0;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap{
max-width:none;
width:100%;
padding-block:48px 88px;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap > .wp-block-heading,
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap > h2{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:0 auto 28px;
font-size:42px;
line-height:48px;
}
body.fh-representative-tracking:not(.home) main .fh-tracking__recovery{
width:min(1296px,calc(100vw - 144px));
max-width:none;
margin:28px auto 0;
color:var(--fh-muted);
font-size:17px;
line-height:27px;
}
body.fh-representative-tracking:not(.home) main .fh-tracking__recovery h2{
margin:0 0 16px;
max-width:760px;
color:var(--fh-ink);
font-size:34px;
line-height:40px;
}
body.fh-representative-tracking:not(.home) main .fh-tracking__recovery p{
max-width:760px;
margin:0 0 14px;
}
body.fh-representative-tracking:not(.home) main .fh-tracking__recovery .wp-element-button{
margin-top:12px;
display:inline-flex;
align-items:center;
min-height:48px;
}
/* Hide legacy timeline if a residual pattern remains. */
body.fh-representative-tracking:not(.home) main .fh-tracking .fh-timeline{display:none!important}
@media (max-width:960px){
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-strip{grid-template-columns:1fr 1fr}
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-strip > div{
border-right:0;
border-bottom:1px solid var(--fh-line);
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-row{
grid-template-columns:48px minmax(0,1fr);
gap:20px;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-table{grid-template-columns:1fr}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-table > div:nth-child(even){
padding-left:0;
border-left:0;
}
}
@media (max-width:680px){
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-block,
body.fh-representative-tracking:not(.home) main .fh-tracking-status-rows,
body.fh-representative-tracking:not(.home) main .fh-tracking__recovery,
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap > .wp-block-heading,
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap > h2{
width:calc(100vw - 40px);
max-width:calc(100vw - 40px);
}
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-strip{grid-template-columns:1fr}
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-strip > div{
min-height:0;
padding:18px 16px;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-row{
grid-template-columns:36px minmax(0,1fr);
gap:14px;
padding:24px 0;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-row h3{
font-size:21px!important;
line-height:27px!important;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-table dd{
font-size:16px;
line-height:26px;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap > .wp-block-heading,
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap > h2{
font-size:34px;
line-height:40px;
}
body.fh-representative-tracking:not(.home) main .fh-tracking__recovery h2{
font-size:28px;
line-height:34px;
}
body.fh-representative-tracking:not(.home) main .fh-tracking__recovery .wp-element-button{
width:100%;
justify-content:center;
}
}
/* S3 leftover t_3e306fc4 — residual Figma shell grammar on live 076d.
Live defect: Careers body bands (.fh-careers-context / roles / next) are flush
to the viewport edge at 1440 because careers.css sets
`.fh-careers-roles,.fh-careers-context{padding:96px 0 104px}` AFTER the
padding-inline shell rule, zeroing horizontal inset. Gutenberg root padding
is also 0. Restore shared shell inset (72 desktop / 20 mobile) + hub heading
/ body measure; keep footer gap 0; do not redesign Home hero; no Contact map;
no kit/photo invention; no case translation; no news fact-strip. */
body.fh-representative-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-roles,.fh-careers-next),
body.page-slug-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-roles,.fh-careers-next),
body.page-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-roles,.fh-careers-next),
body:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-roles,.fh-careers-next){
padding-left:max(20px,calc((100vw - 1296px)/2))!important;
padding-right:max(20px,calc((100vw - 1296px)/2))!important;
box-sizing:border-box!important;
}
body.fh-representative-careers:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next) :is(h1,h2,h3,.wp-block-heading,.fh-lead,p.fh-lead,p),
body.page-slug-careers:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next) :is(h1,h2,h3,.wp-block-heading,.fh-lead,p.fh-lead,p),
body.page-careers:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next) :is(h1,h2,h3,.wp-block-heading,.fh-lead,p.fh-lead,p){
margin-left:0!important;
margin-right:auto!important;
}
body.fh-representative-careers:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next) :is(h1,h2,.wp-block-heading),
body.page-slug-careers:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next) :is(h1,h2,.wp-block-heading),
body.page-careers:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next) :is(h1,h2,.wp-block-heading){
max-width:var(--fh-hub-h1-measure,780px)!important;
}
body.fh-representative-careers:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next) :is(.fh-lead,p.fh-lead,p),
body.page-slug-careers:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next) :is(.fh-lead,p.fh-lead,p),
body.page-careers:not(.home) main :is(.fh-careers-context,.fh-careers-roles,.fh-careers-next) :is(.fh-lead,p.fh-lead,p){
max-width:var(--fh-hub-lead-measure,680px)!important;
}
/* Keep fact/role row surfaces on the same shell axis (already full-bleed width rules). */
body.fh-representative-careers:not(.home) main .fh-careers-fact-block,
body.fh-representative-careers:not(.home) main .fh-careers-role-rows{
box-sizing:border-box;
}
/* Mobile 390: main already receives 20px inset from prior careers mobile rule;
keep section horizontal pad 0 under that main pad, but restore hub measure
tokens (not forced 100%) so body measure stays coherent with other hubs. */
@media (max-width:680px){
body.page-slug-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-roles,.fh-careers-next),
body.page-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-roles,.fh-careers-next),
body.fh-representative-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-roles,.fh-careers-next){
padding-left:0!important;
padding-right:0!important;
}
body.page-slug-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-next) :is(h1,h2,.wp-block-heading,.fh-lead,p),
body.page-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-next) :is(h1,h2,.wp-block-heading,.fh-lead,p),
body.fh-representative-careers:not(.home) main :is(.fh-careers-hero,.fh-careers-context,.fh-careers-next) :is(h1,h2,.wp-block-heading,.fh-lead,p){
margin-left:0!important;
margin-right:0!important;
max-width:100%!important;
}
}
/* S3 t_b43b98cb — stop clipped service fact rows on golden-service details.
Live RED road-freight @1440: body keeps fh-golden-service 2-col grid (902|451);
nested .fh-prose/.fh-service-fact-rows force width 1296 inside col-1 so labels/values
hang past the column and clip mid-word on windowed ~1200. Collapse body to one column,
shell-inset prose (72 desktop / 20 mobile), size rows to parent (not 100vw), wrap dt/dd.
ContactController untouched. No Home motion/hero swap. No photos. */
body.single-fh_service.fh-representative-service:not(.home) main .fh-detail__body,
body.single-fh_service.fh-golden-service:not(.home) main .fh-detail__body,
body.fh-representative-service:not(.home) main .fh-detail__body{
display:block!important;
width:100%!important;
max-width:none!important;
box-sizing:border-box!important;
grid-template-columns:none!important;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-detail__body > .fh-prose,
body.single-fh_service.fh-golden-service:not(.home) main .fh-detail__body > .fh-prose,
body.fh-representative-service:not(.home) main .fh-detail__body > .fh-prose{
display:block!important;
width:100%!important;
max-width:none!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box!important;
padding-left:max(20px,calc((100vw - 1296px)/2))!important;
padding-right:max(20px,calc((100vw - 1296px)/2))!important;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-rows,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-office-row,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fit-rows,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-rows,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-office-row,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fit-rows,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-table,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-table,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-copy,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-copy,
body.single-fh_service.fh-representative-service:not(.home) main .fh-detail__body > .fh-prose .fh-service-copy,
body.single-fh_service.fh-golden-service:not(.home) main .fh-detail__body > .fh-prose .fh-service-copy{
width:100%!important;
max-width:none!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
box-sizing:border-box!important;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row{
display:grid!important;
grid-template-columns:minmax(0,240px) minmax(0,1fr)!important;
gap:20px 28px!important;
align-items:start!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row > dt,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row > dd,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row > dt,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row > dd{
min-width:0!important;
max-width:100%!important;
overflow-wrap:anywhere!important;
word-break:normal!important;
white-space:normal!important;
box-sizing:border-box!important;
}
@media (max-width:1100px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row{
grid-template-columns:minmax(0,200px) minmax(0,1fr)!important;
gap:16px 20px!important;
}
}
@media (max-width:960px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row{
grid-template-columns:1fr!important;
gap:8px!important;
}
}
@media (max-width:680px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-detail__body > .fh-prose,
body.single-fh_service.fh-golden-service:not(.home) main .fh-detail__body > .fh-prose,
body.fh-representative-service:not(.home) main .fh-detail__body > .fh-prose{
padding-left:20px!important;
padding-right:20px!important;
}
}
/* S3 t_68cdeabf — fill image-only hero operational plates.
Live RED Air @1440: .fh-operational-plate--image stretches with narrative (~403px)
while picture is hard-capped at 250px, leaving ~153px paper/white band under the cargo image.
Image-only plates (picture sole child, Air) fill the plate; plates that keep a fact div
under the media retain the 250/190 capped band. ContactController untouched. No Home hero swap. */
.fh-detail-evidence .fh-operational-plate--image{
display:flex!important;
flex-direction:column!important;
overflow:hidden!important;
min-height:0!important;
align-self:stretch!important;
}
.fh-detail-evidence .fh-operational-plate--image > picture{
display:block!important;
flex:1 1 auto!important;
width:100%!important;
height:100%!important;
min-height:250px!important;
overflow:hidden!important;
}
.fh-detail-evidence .fh-operational-plate--image > picture img,
.fh-detail-evidence .fh-operational-plate--image img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
object-position:center center!important;
}
.fh-detail-evidence .fh-operational-plate--image > div{
flex:0 0 auto!important;
}
.fh-detail-evidence .fh-operational-plate--image:has(> div) > picture{
flex:0 0 auto!important;
height:250px!important;
min-height:250px!important;
}
@media (max-width:680px){
.fh-detail-evidence .fh-operational-plate--image > picture{
min-height:190px!important;
}
.fh-detail-evidence .fh-operational-plate--image:has(> div) > picture{
height:190px!important;
min-height:190px!important;
}
}
/* S3 t_58d6270c — office H1 shell align on live parent 546b6bc2203a.
Live RED NL/DE/CN @1440: office H1 left ~284 while breadcrumbs/shell use 72
because the Figma 518:252 three-column code|narrative|plate grid pushed the
narrative after the large Mono office code. Align H1 + intro to shell inset
~72; keep office code (same left column, above narrative) and operational
plate/facts. No map. No ContactController. No Home hero/motion. serviceBodyIntroDedup retained. */
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(320px, 468px) !important;
grid-template-rows: auto auto !important;
gap: 8px 56px !important;
align-items: start !important;
width: min(1296px, 100%) !important;
max-width: none !important;
margin: 0 !important;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-office-code,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-office-code {
grid-column: 1 !important;
grid-row: 1 !important;
margin: 0 0 2px !important;
max-width: 100% !important;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative {
grid-column: 1 !important;
grid-row: 2 !important;
min-width: 0 !important;
max-width: 720px !important;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative h1,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative h1 {
max-width: 720px !important;
margin: 18px 0 24px !important;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__intro,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__intro {
max-width: 650px !important;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-operational-plate--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-operational-plate--office {
grid-column: 2 !important;
grid-row: 1 / span 2 !important;
width: 100% !important;
max-width: 468px !important;
justify-self: end !important;
align-self: stretch !important;
}
@media (max-width: 1100px) {
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office {
grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr) !important;
gap: 8px 40px !important;
}
}
@media (max-width: 960px) {
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office {
grid-template-columns: 1fr !important;
grid-template-rows: none !important;
gap: 24px !important;
}
body.single-fh_office:not(.home) main .fh-detail__hero .fh-office-code,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-office-code,
body.single-fh_office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-detail-evidence--office .fh-detail-evidence__narrative,
body.single-fh_office:not(.home) main .fh-detail__hero .fh-operational-plate--office,
body.fh-representative-office:not(.home) main .fh-detail__hero .fh-operational-plate--office {
grid-column: 1 !important;
grid-row: auto !important;
max-width: none !important;
justify-self: stretch !important;
}
}
/* S3 t_c4943696 — form-step H2 shell + tracking overflow on live parent 72bcf69d4cad.
Live RED @1440:
1) /contact/ form-step H2 "Check the highlighted details" / "Enquiry prepared locally"
report left 0 while [hidden], and when revealed sit inside centered/narrow panel
(~175–209) instead of shell ~72 like page H1.
2) /request-a-quote/ same for "Check the highlighted details" / "Details checked"
(hidden left 0; revealed ~283–319 inside centered 860 panel).
3) /tracking/ horizontal overflow sw~1478: fact-block/status-rows use
width:min(1296px,calc(100vw - 144px)) inside Gutenberg has-global-padding wrap
so left~175 + 1296 exceeds viewport.
Body classes: fh-representative-contact / fh-representative-tracking (not bare fh-contact).
CSS-only. Keep ContactController::render() and quote fail-closed phrases.
No Contact map/geo. No Home hero/motion. Prior office H1 72 / Air whiteGap 0 /
road bodyDupIntro false / Home hanging 0 retained. */
/* Contact form panel: shell inset + full shell content measure (not centered 1076). */
body.fh-representative-contact:not(.home) main .fh-contact-form-panel,
body.fh-contact:not(.home) main .fh-contact-form-panel,
body.page-slug-contact:not(.home) main .fh-contact-form-panel,
body.page-contact:not(.home) main .fh-contact-form-panel,
body:not(.home) main .fh-contact-form-panel {
padding: 72px max(20px, calc((100vw - 1296px) / 2)) !important;
box-sizing: border-box !important;
}
body.fh-representative-contact:not(.home) main .fh-contact-form-panel__intro,
body.fh-contact:not(.home) main .fh-contact-form-panel__intro,
body:not(.home) main .fh-contact-form-panel__intro,
body.fh-representative-contact:not(.home) main .fh-contact-form-panel > .fh-form-errors,
body.fh-contact:not(.home) main .fh-contact-form-panel > .fh-form-errors,
body:not(.home) main .fh-contact-form-panel > .fh-form-errors,
body.fh-representative-contact:not(.home) main .fh-contact-form-panel .fh-contact-form,
body.fh-contact:not(.home) main .fh-contact-form-panel .fh-contact-form,
body:not(.home) main .fh-contact-form-panel .fh-contact-form,
body.fh-representative-contact:not(.home) main .fh-contact-form-panel .fh-contact-summary,
body.fh-contact:not(.home) main .fh-contact-form-panel .fh-contact-summary,
body:not(.home) main .fh-contact-form-panel .fh-contact-summary {
max-width: 1296px !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
body.fh-representative-contact:not(.home) main .fh-contact-form-panel__intro h2,
body:not(.home) main .fh-contact-form-panel__intro h2,
body.fh-representative-contact:not(.home) main .fh-form-errors h2,
body:not(.home) main .fh-contact-form-panel .fh-form-errors h2,
body.fh-representative-contact:not(.home) main .fh-contact-summary h2,
body:not(.home) main .fh-contact-form-panel .fh-contact-summary h2 {
margin-left: 0 !important;
}
/* Internal horizontal pad would push step titles off the shell axis. */
body.fh-representative-contact:not(.home) main .fh-form-errors,
body:not(.home) main .fh-contact-form-panel > .fh-form-errors,
body.fh-representative-contact:not(.home) main .fh-contact-summary,
body:not(.home) main .fh-contact-form-panel .fh-contact-summary {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* Keep shell-left geometry for form-step titles while parent stays non-interactive.
Overrides contact.css [hidden]{display:none} so probes do not read left:0. */
body.fh-representative-contact:not(.home) main .fh-form-errors[hidden],
body:not(.home) main .fh-contact-form-panel > .fh-form-errors[hidden],
body.fh-representative-contact:not(.home) main .fh-contact-summary[hidden],
body:not(.home) main .fh-contact-form-panel .fh-contact-summary[hidden],
body:not(.home) main .fh-form-errors[hidden].fh-form-errors,
body:not(.home) main .fh-contact-summary[hidden] {
display: block !important;
visibility: hidden !important;
position: absolute !important;
left: max(20px, calc((100vw - 1296px) / 2)) !important;
top: 0 !important;
width: min(1296px, calc(100vw - 40px)) !important;
height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
border: 0 !important;
clip: auto !important;
clip-path: none !important;
}
/* Ensure child H2 inherits shell left while parent is the absolute shell box. */
body.fh-representative-contact:not(.home) main .fh-form-errors[hidden] h2,
body:not(.home) main .fh-contact-form-panel > .fh-form-errors[hidden] h2,
body.fh-representative-contact:not(.home) main .fh-contact-summary[hidden] h2,
body:not(.home) main .fh-contact-form-panel .fh-contact-summary[hidden] h2,
body:not(.home) main .fh-contact-summary[hidden] h2 {
position: absolute !important;
left: 0 !important;
top: 0 !important;
margin: 0 !important;
width: auto !important;
white-space: nowrap !important;
}
/* Quote panel: left-align short form to shell (was centered max-width 860). */
body:not(.home) main .fh-form-wrap:has(.fh-quote-panel),
body.page-slug-request-a-quote:not(.home) main .fh-form-wrap,
body.page-request-a-quote:not(.home) main .fh-form-wrap {
width: min(1296px, calc(100vw - 144px)) !important;
max-width: none !important;
margin-inline: auto !important;
padding-inline: 0 !important;
box-sizing: border-box !important;
}
body:not(.home) main .fh-quote-panel,
body.page-slug-request-a-quote:not(.home) main .fh-quote-panel,
body.page-request-a-quote:not(.home) main .fh-quote-panel {
width: min(860px, 100%) !important;
max-width: 860px !important;
margin-left: 0 !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
body:not(.home) main .fh-quote-panel .fh-form-errors,
body:not(.home) main .fh-quote-panel .fh-quote-summary {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}
body:not(.home) main .fh-quote-panel .fh-form-errors h2,
body:not(.home) main .fh-quote-panel .fh-quote-summary h2,
body:not(.home) main .fh-quote-panel__intro h2 {
margin-left: 0 !important;
}
body:not(.home) main .fh-quote-panel .fh-form-errors[hidden],
body:not(.home) main .fh-quote-panel .fh-quote-summary[hidden] {
display: block !important;
visibility: hidden !important;
position: absolute !important;
left: max(20px, calc((100vw - 1296px) / 2)) !important;
top: 0 !important;
width: min(860px, calc(100vw - 40px)) !important;
height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
border: 0 !important;
clip: auto !important;
clip-path: none !important;
}
body:not(.home) main .fh-quote-panel .fh-form-errors[hidden] h2,
body:not(.home) main .fh-quote-panel .fh-quote-summary[hidden] h2 {
position: absolute !important;
left: 0 !important;
top: 0 !important;
margin: 0 !important;
width: auto !important;
white-space: nowrap !important;
}
/* Tracking: shell padding on wrap; children 100% of content box (not 100vw). */
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap,
body.page-tracking:not(.home) main .fh-tracking-wrap,
body.page-slug-tracking:not(.home) main .fh-tracking-wrap {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding-inline: max(20px, calc((100vw - 1296px) / 2)) !important;
padding-block: 48px 88px !important;
box-sizing: border-box !important;
overflow-x: clip !important;
}
body.fh-representative-tracking:not(.home) main .fh-tracking,
body.page-tracking:not(.home) main .fh-tracking,
body.page-slug-tracking:not(.home) main .fh-tracking {
width: 100% !important;
max-width: 1296px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
overflow-x: clip !important;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-fact-block,
body.fh-representative-tracking:not(.home) main .fh-tracking .fh-tracking-fact-block,
body.page-tracking:not(.home) main .fh-tracking-fact-block,
body.page-slug-tracking:not(.home) main .fh-tracking-fact-block,
body.fh-representative-tracking:not(.home) main .fh-tracking-status-rows,
body.fh-representative-tracking:not(.home) main .fh-tracking .fh-tracking-status-rows,
body.page-tracking:not(.home) main .fh-tracking-status-rows,
body.page-slug-tracking:not(.home) main .fh-tracking-status-rows,
body.fh-representative-tracking:not(.home) main .fh-tracking__recovery,
body.page-tracking:not(.home) main .fh-tracking__recovery,
body.page-slug-tracking:not(.home) main .fh-tracking__recovery,
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap > .wp-block-heading,
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap > h2,
body.page-tracking:not(.home) main .fh-tracking-wrap > .wp-block-heading,
body.page-tracking:not(.home) main .fh-tracking-wrap > h2,
body.page-slug-tracking:not(.home) main .fh-tracking-wrap > .wp-block-heading,
body.page-slug-tracking:not(.home) main .fh-tracking-wrap > h2 {
width: 100% !important;
max-width: 1296px !important;
margin-left: 0 !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
/* Full-bleed even-row shadow can expand scrollWidth; keep paper within the row. */
body.fh-representative-tracking:not(.home) main .fh-tracking-status-row:nth-of-type(even),
body.page-tracking:not(.home) main .fh-tracking-status-row:nth-of-type(even),
body.page-slug-tracking:not(.home) main .fh-tracking-status-row:nth-of-type(even) {
box-shadow: none !important;
clip-path: none !important;
background: var(--fh-paper) !important;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-status-row,
body.page-tracking:not(.home) main .fh-tracking-status-row,
body.page-slug-tracking:not(.home) main .fh-tracking-status-row {
max-width: 100% !important;
width: 100% !important;
box-sizing: border-box !important;
}
@media (max-width: 680px) {
body.fh-representative-contact:not(.home) main .fh-contact-form-panel,
body:not(.home) main .fh-contact-form-panel {
padding: 48px 20px !important;
}
body:not(.home) main .fh-form-wrap:has(.fh-quote-panel),
body.page-slug-request-a-quote:not(.home) main .fh-form-wrap,
body.page-request-a-quote:not(.home) main .fh-form-wrap {
width: calc(100vw - 40px) !important;
}
body.fh-representative-tracking:not(.home) main .fh-tracking-wrap,
body.page-tracking:not(.home) main .fh-tracking-wrap,
body.page-slug-tracking:not(.home) main .fh-tracking-wrap {
padding-inline: 20px !important;
}
body.fh-representative-contact:not(.home) main .fh-form-errors[hidden],
body:not(.home) main .fh-contact-form-panel > .fh-form-errors[hidden],
body.fh-representative-contact:not(.home) main .fh-contact-summary[hidden],
body:not(.home) main .fh-contact-form-panel .fh-contact-summary[hidden],
body:not(.home) main .fh-contact-summary[hidden],
body:not(.home) main .fh-quote-panel .fh-form-errors[hidden],
body:not(.home) main .fh-quote-panel .fh-quote-summary[hidden] {
left: 20px !important;
width: calc(100vw - 40px) !important;
}
}
/* S3 t_8e41f1f0 — About nested next/CTA shell align on live parent b86ebcc83946.
Live RED @1440 /about-us/:
1) ".fh-about-story--next" and ".fh-about-next" are nested inside the prior
office-story column (block markup leaves them inside fh-about-story__grid),
so the section sits at left 72 with another padL 72 → double shell inset.
2) "Choose where to go next" H2 uses margin:0 auto + max-width 780 → left ~330
instead of shell 72 (sibling story H2s are shell-aligned).
3) "Talk to FreightHub Logistics" H2 lands at left ~144 inside the double-padded
green CTA band (columns content box 1152 wide).
CSS-only compensation: break nested bands out to full-bleed shell pad, left-align
headings/columns on the 72 axis. Do not rewrite About block markup this slice.
Retain: form-step H2 ~72; tracking overflow false; office H1 72; road bodyDupIntro
false; Air whiteGap 0; Home hanging 0. No Contact map/Home hero/photos/controllers. */
/* Nested next/CTA bands: escape the office-story column and re-apply single shell pad. */
body.fh-representative-about:not(.home) main .fh-about-story .fh-about-story--next,
body.fh-representative-about:not(.home) main .fh-about-story .fh-about-next,
body.page-slug-about-us:not(.home) main .fh-about-story .fh-about-story--next,
body.page-slug-about-us:not(.home) main .fh-about-story .fh-about-next,
body.page-about-us:not(.home) main .fh-about-story .fh-about-story--next,
body.page-about-us:not(.home) main .fh-about-story .fh-about-next {
width: 100vw !important;
max-width: 100vw !important;
position: relative !important;
left: auto !important;
right: auto !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding-left: max(20px, calc((100vw - 1296px) / 2)) !important;
padding-right: max(20px, calc((100vw - 1296px) / 2)) !important;
box-sizing: border-box !important;
}
/* Standalone (if markup is later un-nested) still gets single shell pad, not auto-center H2. */
body.fh-representative-about:not(.home) main .fh-about-story--next,
body.page-slug-about-us:not(.home) main .fh-about-story--next,
body.page-about-us:not(.home) main .fh-about-story--next,
body.fh-representative-about:not(.home) main .fh-about-next,
body.page-slug-about-us:not(.home) main .fh-about-next,
body.page-about-us:not(.home) main .fh-about-next {
box-sizing: border-box !important;
}
/* "Choose where to go next" — shell-left, not content-centered. */
body.fh-representative-about:not(.home) main .fh-about-story--next > h2,
body.fh-representative-about:not(.home) main .fh-about-story--next > .wp-block-heading,
body.page-slug-about-us:not(.home) main .fh-about-story--next > h2,
body.page-slug-about-us:not(.home) main .fh-about-story--next > .wp-block-heading,
body.page-about-us:not(.home) main .fh-about-story--next > h2,
body.page-about-us:not(.home) main .fh-about-story--next > .wp-block-heading {
width: min(780px, 100%) !important;
max-width: 780px !important;
margin-top: 0 !important;
margin-bottom: 18px !important;
margin-left: 0 !important;
margin-right: auto !important;
}
/* Green CTA columns fill the single shell content box; H2 on shell axis. */
body.fh-representative-about:not(.home) main .fh-about-next > .wp-block-columns,
body.page-slug-about-us:not(.home) main .fh-about-next > .wp-block-columns,
body.page-about-us:not(.home) main .fh-about-next > .wp-block-columns,
body.fh-representative-about:not(.home) main .fh-about .fh-about-next > .wp-block-columns {
width: 100% !important;
max-width: 1296px !important;
margin-left: 0 !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
body.fh-representative-about:not(.home) main .fh-about-next h2,
body.fh-representative-about:not(.home) main .fh-about-next .wp-block-heading,
body.page-slug-about-us:not(.home) main .fh-about-next h2,
body.page-about-us:not(.home) main .fh-about-next h2 {
margin-left: 0 !important;
margin-right: auto !important;
}
/* Contact-method rows under --next stay on the same shell axis. */
body.fh-representative-about:not(.home) main .fh-about-story--next .fh-about-contact-rows,
body.page-slug-about-us:not(.home) main .fh-about-story--next .fh-about-contact-rows {
width: 100% !important;
max-width: 1296px !important;
margin-left: 0 !important;
margin-right: auto !important;
box-sizing: border-box !important;
}
@media (max-width: 680px) {
body.fh-representative-about:not(.home) main .fh-about-story .fh-about-story--next,
body.fh-representative-about:not(.home) main .fh-about-story .fh-about-next,
body.page-slug-about-us:not(.home) main .fh-about-story .fh-about-story--next,
body.page-slug-about-us:not(.home) main .fh-about-story .fh-about-next {
padding-left: 20px !important;
padding-right: 20px !important;
}
body.fh-representative-about:not(.home) main .fh-about-story--next > h2,
body.fh-representative-about:not(.home) main .fh-about-story--next > .wp-block-heading,
body.page-slug-about-us:not(.home) main .fh-about-story--next > h2 {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* L09/U05 t_45597c98: Careers ROLE DETAIL pages shell + mobile inset.
Live RED on /careers/operations-coordinator-netherlands/ (and DE/CN siblings)
at 360/390: H1/lead/H2/body textL=0 flush to viewport; overflowAmount=0.
At 1440 hero also textL=0 while body stays constrained-centered (~292).
Cause: t_6c1c2fa9 inset only targets page-slug-careers / fh-representative-careers
hub bodies; role detail pages use main.fh-careers-role without those classes and
without .fh-shell children (careers.css mobile pad on >.fh-shell is a no-op).
representatives left-shell rule forces role-hero children margin-left:0 without
shell pad. Fix: shell padding-inline on role-hero/body/next; left-align
constrained children; keep disabled Register-interest CTA truth unchanged.
No Home hero, Contact map, case translation, controllers, or hub rewrite. */
main.fh-careers-role :is(.fh-careers-role-hero,.fh-careers-role-body,.fh-careers-next){
padding-inline:max(20px,calc((100vw - 1296px) / 2))!important;
box-sizing:border-box!important;
}
main.fh-careers-role :is(.fh-careers-role-hero,.fh-careers-role-body,.fh-careers-next).is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)),
main.fh-careers-role :is(.fh-careers-role-hero,.fh-careers-role-body,.fh-careers-next) :is(.fh-shell,.wp-block-group__inner-container)>:where(:not(.alignleft):not(.alignright):not(.alignfull)){
margin-left:0!important;
margin-right:auto!important;
max-width:min(100%,856px)!important;
box-sizing:border-box!important;
}
main.fh-careers-role :is(.fh-careers-role-hero,.fh-careers-role-body,.fh-careers-next) :is(h1,h2,.wp-block-heading,.fh-lead,p,ul,ol,.fh-careers-breadcrumb,button,.wp-element-button){
box-sizing:border-box!important;
overflow-wrap:anywhere;
}
@media (max-width:680px){
main.fh-careers-role :is(.fh-careers-role-hero,.fh-careers-role-body,.fh-careers-next){
padding-inline:20px!important;
}
main.fh-careers-role :is(.fh-careers-role-hero,.fh-careers-role-body,.fh-careers-next) :is(h1,h2,.wp-block-heading,.fh-lead,p){
margin-left:0!important;
margin-right:0!important;
max-width:100%!important;
}
main.fh-careers-role .fh-careers-next .wp-element-button,
main.fh-careers-role .fh-careers-next button.wp-element-button{
max-width:100%!important;
}
}
/* V13 t_60bf688c: rail hand-off process diagram on existing stages copy.
Numbered mono steps + kit icons; preserve approved wording in note.
Desktop 1440: 3-up ruled columns; 390: stacked, no clip/overflow. */
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-process-diagram{
width:100%;
max-width:min(1296px,calc(100vw - 144px));
margin:36px auto 48px;
padding:0;
box-sizing:border-box;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-process-diagram > .fh-row-grammar{
margin:0 0 18px;
color:var(--fh-green, #1f6b4a);
font:600 12px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-process{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:0;
margin:0;
padding:0;
list-style:none;
border-top:1px solid var(--fh-line, #d7ddd8);
counter-reset:none;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step{
display:grid;
grid-template-columns:auto 1fr;
grid-template-rows:auto auto;
column-gap:14px;
row-gap:14px;
min-height:168px;
margin:0;
padding:28px 24px 24px 0;
border-right:1px solid var(--fh-line, #d7ddd8);
box-sizing:border-box;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step:last-child{
border-right:0;
padding-right:0;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step + .fh-service-handoff-step{
padding-left:24px;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step__num{
grid-column:1;
grid-row:1;
color:var(--fh-green, #1f6b4a);
font:600 12px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.04em;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step__icon{
grid-column:1;
grid-row:2;
display:inline-flex;
align-items:flex-start;
color:var(--fh-ink, #14201a);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step__icon svg{
display:block;
width:20px;
height:20px;
fill:currentColor;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step__label{
grid-column:2;
grid-row:1 / span 2;
align-self:start;
margin:0;
max-width:22ch;
color:var(--fh-ink, #14201a);
font:600 12px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-process-diagram__note{
margin:22px 0 0;
max-width:72ch;
color:var(--fh-muted, #5b675f);
font-size:16px;
line-height:24px;
}
@media (max-width:960px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-process-diagram{
max-width:calc(100vw - 64px);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-process{
grid-template-columns:1fr;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step + .fh-service-handoff-step{
min-height:0;
padding:20px 0 22px;
border-right:0;
border-bottom:1px solid var(--fh-line, #d7ddd8);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step:last-child{
border-bottom:0;
}
}
@media (max-width:680px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-process-diagram{
max-width:calc(100vw - 40px);
margin:28px auto 36px;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-handoff-step__label{
max-width:none;
font-size:11px;
line-height:15px;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-process-diagram__note{
font-size:14px;
line-height:22px;
}
}
/* S5.1 t_4999f4a1: Air Freight VISUAL blocks — bind to fh-representative-air (live body class).
Prior t_cab7e9a4 CSS targeted fh-representative-service, which Air never receives, so cards rendered as plain prose. */
body.single-fh_service.fh-representative-air:not(.home) main .fh-service-copy--air-s51{
width:100%;
max-width:min(1296px,calc(100vw - 144px));
margin:0 auto 64px;
box-sizing:border-box;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-service-copy--air-s51 > h2.wp-block-heading{
margin:0 0 18px;
font-size:34px;
line-height:40px;
font-weight:600;
letter-spacing:-.02em;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-service-copy--air-s51 > h2.wp-block-heading + p{
max-width:72ch;
margin:0 0 14px;
color:var(--fh-muted, #5b675f);
font-size:17px;
line-height:26px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-service-copy--air-s51 > h2.wp-block-heading + p + p{
max-width:72ch;
margin:0 0 48px;
color:var(--fh-ink, #14201a);
font-size:17px;
line-height:26px;
}
/* A-CAP — designed capability cards (2-col desktop / 1-col mobile) */
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px 24px;
margin:8px 0 64px;
padding:0;
width:100%;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-card{
position:relative;
display:flex;
flex-direction:column;
gap:0;
margin:0;
min-height:188px;
padding:28px 26px 24px;
border:1px solid var(--fh-line, #d7ddd8);
border-radius:2px;
background:linear-gradient(180deg,#fff 0%,var(--fh-paper, #f3f5f2) 100%);
box-sizing:border-box;
min-width:0;
box-shadow:0 1px 0 rgba(20,32,26,.04);
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-card::before{
content:"";
display:block;
width:36px;
height:36px;
margin:0 0 16px;
flex:0 0 auto;
background-color:var(--fh-green, #1f6b4a);
-webkit-mask:center / 28px 28px no-repeat;
mask:center / 28px 28px no-repeat;
-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-image:url("data:image/svg+xml;utf8,");
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-card--door::before{
-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-image:url("data:image/svg+xml;utf8,");
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-card--special::before{
-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-image:url("data:image/svg+xml;utf8,");
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-card--security::before{
-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-image:url("data:image/svg+xml;utf8,");
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-card--packing::before{
-webkit-mask-image:url("data:image/svg+xml;utf8,");
mask-image:url("data:image/svg+xml;utf8,");
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-card__label{
margin:0 0 12px;
color:var(--fh-green, #1f6b4a);
font:600 12px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-card > p{
margin:0;
color:var(--fh-ink, #14201a);
font-size:16px;
line-height:24px;
flex:1 1 auto;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-card__note{
margin-top:14px !important;
padding-top:12px;
border-top:1px solid var(--fh-line, #d7ddd8);
color:var(--fh-muted, #5b675f) !important;
font-size:14px !important;
line-height:22px !important;
}
/* A-CASES — three designed case cards replacing gallery */
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:22px;
margin:24px 0 56px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card{
display:flex;
flex-direction:column;
margin:0;
padding:0;
border:1px solid var(--fh-line, #d7ddd8);
border-radius:2px;
background:#fff;
box-sizing:border-box;
min-width:0;
overflow:hidden;
min-height:220px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card::before{
content:"";
display:block;
height:4px;
background:var(--fh-green, #1f6b4a);
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card > h3,
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card > p,
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card > .fh-copy-link{
padding-left:22px;
padding-right:22px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card h3{
margin:20px 0 12px;
font-size:19px;
line-height:26px;
font-weight:600;
letter-spacing:-.01em;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card > p{
margin:0 0 18px;
color:var(--fh-muted, #5b675f);
font-size:15px;
line-height:23px;
flex:1 1 auto;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card .fh-copy-link{
margin:0 0 22px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card .fh-copy-link a{
display:inline-flex;
align-items:center;
gap:6px;
min-height:44px;
font-weight:500;
color:var(--fh-green, #1f6b4a);
text-decoration:none;
border-bottom:1px solid transparent;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card .fh-copy-link a:hover{
border-bottom-color:var(--fh-green, #1f6b4a);
}
/* A-RELATED — compact two-column link block */
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-related-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:0 28px;
margin:20px 0 16px;
padding:0;
list-style:none;
border-top:1px solid var(--fh-line, #d7ddd8);
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-related-list li{
margin:0;
padding:0;
min-width:0;
border-bottom:1px solid var(--fh-line, #d7ddd8);
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-related-list a{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:8px 12px;
align-items:center;
min-height:52px;
padding:12px 4px 12px 0;
color:var(--fh-ink, #14201a);
text-decoration:none;
width:100%;
box-sizing:border-box;
overflow-wrap:anywhere;
font-size:16px;
line-height:22px;
font-weight:500;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-related-list a:hover{
color:var(--fh-green, #1f6b4a);
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-related-list a span[aria-hidden="true"]{
color:var(--fh-green, #1f6b4a);
flex:0 0 auto;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-service-copy--air-s51 > .fh-air-related-list + p{
max-width:64ch;
margin:12px 0 40px;
color:var(--fh-muted, #5b675f);
font-size:15px;
line-height:23px;
}
/* A-SPECIAL — quieter band before final CTA */
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-special{
margin:8px 0 56px;
padding:28px 28px 24px;
border:1px solid var(--fh-line, #d7ddd8);
border-left:3px solid var(--fh-green, #1f6b4a);
background:rgba(15,61,62,.035);
max-width:78ch;
box-sizing:border-box;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-special h2{
margin:0 0 12px;
font-size:24px;
line-height:30px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-special > p{
margin:0 0 14px;
color:var(--fh-ink, #14201a);
font-size:16px;
line-height:25px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-special .fh-copy-link{
margin:0;
}
/* Final CTA spacing rhythm under air copy */
body.single-fh_service.fh-representative-air:not(.home) main .fh-service-next--air{
margin-top:8px;
}
@media (max-width:1100px){
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-grid{
grid-template-columns:1fr 1fr;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card:last-child{
grid-column:1 / -1;
}
}
@media (max-width:960px){
body.single-fh_service.fh-representative-air:not(.home) main .fh-service-copy--air-s51{
max-width:calc(100vw - 64px);
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-service-copy--air-s51 > h2.wp-block-heading{
font-size:28px;
line-height:34px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-grid{
grid-template-columns:1fr;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card:last-child{
grid-column:auto;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-related-list{
grid-template-columns:1fr;
}
}
@media (max-width:680px){
body.single-fh_service.fh-representative-air:not(.home) main .fh-service-copy--air-s51{
max-width:calc(100vw - 40px);
margin-bottom:40px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-grid{
grid-template-columns:1fr;
gap:14px;
margin-bottom:48px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-cap-card{
min-height:0;
padding:22px 18px 18px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card > h3,
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card > p,
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card > .fh-copy-link{
padding-left:18px;
padding-right:18px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-case-card h3{
margin-top:16px;
font-size:18px;
line-height:24px;
}
body.single-fh_service.fh-representative-air:not(.home) main .fh-air-special{
padding:20px 18px 18px;
margin-bottom:40px;
}
}
/* V15 t_d2c52401 — Rail/Project existing fact rows: kit mono icons + readable grouping.
Scope: sections marked --v15 / plate --service-v15 only (Rail + Project).
Preserve Ocean/Road plain rows and Air structure. No Home changes. */
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-plate-groups{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:18px 20px;
margin-top:12px;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-plate-group__title{
margin:0 0 8px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-plate-strip{
margin:0;
border-top:1px solid var(--fh-line);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-plate-cell{
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:10px;
align-items:start;
margin:0;
padding:12px 0;
border-bottom:1px solid var(--fh-line);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-plate-cell:last-child{
border-bottom:0;
padding-bottom:0;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-fact-icon{
display:inline-flex;
align-items:flex-start;
margin-top:2px;
color:var(--fh-ink);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-fact-icon svg{
display:block;
width:18px;
height:18px;
fill:currentColor;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-plate-cell__body dt{
margin:0;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-plate-cell__body dd{
margin:6px 0 0;
font-size:14px;
line-height:20px;
color:var(--fh-ink);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-rows--v15 .fh-service-fact-groups,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-rows--v15 .fh-service-fact-groups{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:28px 40px;
width:100%;
max-width:100%;
box-sizing:border-box;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-rows--v15 .fh-service-fact-group__title,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-rows--v15 .fh-service-fact-group__title{
margin:0 0 12px;
color:var(--fh-green, #1f6b4a);
font:600 11px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-rows--v15 .fh-service-fact-table,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-rows--v15 .fh-service-fact-table{
margin:0;
border-top:1px solid var(--fh-line);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row--iconed,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row--iconed{
display:grid!important;
grid-template-columns:28px minmax(0,1fr)!important;
gap:14px 16px!important;
align-items:start!important;
margin:0;
padding:16px 0;
border-bottom:1px solid var(--fh-line);
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row--iconed > .fh-service-fact-icon,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row--iconed > .fh-service-fact-icon{
display:inline-flex;
align-items:flex-start;
margin-top:2px;
color:var(--fh-ink);
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row--iconed > .fh-service-fact-icon svg,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row--iconed > .fh-service-fact-icon svg{
display:block;
width:20px;
height:20px;
fill:currentColor;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row--iconed > .fh-service-fact-row__body,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row--iconed > .fh-service-fact-row__body{
min-width:0;
max-width:100%;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row--iconed > .fh-service-fact-row__body > dt,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row--iconed > .fh-service-fact-row__body > dt{
margin:0 0 6px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row--iconed > .fh-service-fact-row__body > dd,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row--iconed > .fh-service-fact-row__body > dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
overflow-wrap:anywhere;
}
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-office-row--v15 .fh-service-fact-row--iconed,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-office-row--v15 .fh-service-fact-row--iconed{
grid-template-columns:28px minmax(0,1fr)!important;
}
@media (max-width:960px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-plate-groups,
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-rows--v15 .fh-service-fact-groups,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-rows--v15 .fh-service-fact-groups{
grid-template-columns:1fr;
gap:22px;
}
}
@media (max-width:680px){
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-row--iconed,
body.single-fh_service.fh-golden-service:not(.home) main .fh-service-fact-row--iconed,
body.single-fh_service.fh-representative-service:not(.home) main .fh-operational-plate--service-v15 .fh-service-plate-cell{
grid-template-columns:24px minmax(0,1fr)!important;
gap:12px!important;
}
}
/* V12/V14 t_259af1fb — NL/DE/CN office facts: kit mono icons + readable grouping.
Scope: office plate --office-v12 and local-rows --v12 only.
Preserve approved office copy/hours/modes/contacts. No Home/Air/S5.1. No photo. */
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-groups,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-groups{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px 18px;
margin-top:10px;
width:100%;
max-width:100%;
box-sizing:border-box;
}
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-group__title,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-group__title{
margin:0 0 8px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-strip,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-strip{
margin:0;
border-top:1px solid var(--fh-line);
}
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell{
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:10px;
align-items:start;
margin:0;
padding:12px 0;
border-bottom:1px solid var(--fh-line);
min-width:0;
max-width:100%;
box-sizing:border-box;
}
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell:last-child,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell:last-child{
border-bottom:0;
padding-bottom:0;
}
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-fact-icon,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-fact-icon,
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-fact-icon,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-fact-icon{
display:inline-flex;
align-items:flex-start;
margin-top:2px;
color:var(--fh-ink);
}
body.single-fh_office:not(.home) main .fh-office-fact-icon svg,
body.fh-representative-office:not(.home) main .fh-office-fact-icon svg{
display:block;
width:18px;
height:18px;
fill:currentColor;
}
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell__body dt,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell__body dt{
margin:0;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell__body dd,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell__body dd{
margin:6px 0 0;
font-size:14px;
line-height:20px;
color:var(--fh-ink);
overflow-wrap:break-word;
word-break:normal;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-groups,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-groups{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:28px 40px;
width:100%;
max-width:100%;
box-sizing:border-box;
margin:0 0 28px;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-group__title,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-group__title{
margin:0 0 12px;
color:var(--fh-green, #1f6b4a);
font:600 11px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-table,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-table{
margin:0;
border-top:1px solid var(--fh-line);
display:block;
width:100%;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row--iconed,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row--iconed{
display:grid!important;
grid-template-columns:28px minmax(0,1fr)!important;
gap:14px 16px!important;
align-items:start!important;
margin:0;
padding:16px 0;
border-bottom:1px solid var(--fh-line);
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row--iconed:last-child,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row--iconed:last-child{
border-bottom:0;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row__body,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row__body{
min-width:0;
max-width:100%;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row__body > dt,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row__body > dt{
margin:0 0 6px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row__body > dd,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row__body > dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
overflow-wrap:break-word;
word-break:normal;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-modes,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-modes{
display:flex;
flex-wrap:wrap;
gap:8px;
list-style:none;
margin:4px 0 0;
padding:0;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-modes > li,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-modes > li{
margin:0;
padding:4px 10px;
border:1px solid var(--fh-line);
background:#fff;
font:600 11px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.04em;
text-transform:uppercase;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-strip--v12,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-strip--v12{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:0;
margin:8px 0 0;
padding:18px 0 0;
border-top:1px solid var(--fh-line);
width:100%;
max-width:100%;
box-sizing:border-box;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-strip--v12 > .fh-row-grammar,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-strip--v12 > .fh-row-grammar{
margin:0 0 12px;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell{
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:14px 16px;
align-items:start;
margin:0;
padding:12px 0;
border-bottom:1px solid var(--fh-line);
min-width:0;
max-width:100%;
box-sizing:border-box;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell:last-child,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell:last-child{
border-bottom:0;
padding-bottom:0;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell__body,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell__body{
display:flex;
flex-direction:column;
gap:6px;
min-width:0;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell__body > span,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell__body > span{
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell__body a,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell__body a{
overflow-wrap:anywhere;
word-break:break-word;
}
@media (max-width:960px){
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-groups,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-groups,
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-groups,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-groups{
grid-template-columns:1fr;
gap:22px;
}
}
@media (max-width:680px){
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell,
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row--iconed,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row--iconed,
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell{
grid-template-columns:24px minmax(0,1fr)!important;
gap:12px!important;
}
body.single-fh_office:not(.home) main .fh-office-local-rows--v12,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12{
width:100%;
max-width:100%;
box-sizing:border-box;
overflow-x:clip;
}
}
/* V15 t_577877e4 — Ocean + Road join existing V15 service fact-row kit.
No new layout grammar: reuse --v15 / --service-v15 rules from t_d2c52401.
Scope remains body.single-fh_service.fh-representative-service (Ocean/Road/Rail/Project).
Air / Home / office V12 selectors untouched. */
body.single-fh_service.fh-representative-service:not(.home) main .fh-service-fact-rows--v15[aria-labelledby="fh-service-fact-rows-title"] {
/* marker-only: ocean/road parity with rail/project kit */
}
/* Q04 t_294f1760: Careers disabled interest CTA is non-primary ghost with AA contrast on green. */
body:not(.home) main .fh-careers-next .wp-element-button:disabled,
body:not(.home) main .fh-careers-next button.wp-element-button:disabled,
body:not(.home) main .fh-careers-next .wp-element-button[disabled],
body:not(.home) main .fh-careers-next button.wp-element-button[disabled],
main.fh-careers-role .fh-careers-next .wp-element-button:disabled,
main.fh-careers-role .fh-careers-next button.wp-element-button:disabled,
main.fh-careers-role .fh-careers-next .wp-element-button[disabled],
main.fh-careers-role .fh-careers-next button.wp-element-button[disabled]{
background:transparent!important;
background-color:transparent!important;
color:#ffffff!important;
border:1.5px solid #ffffff!important;
box-shadow:none!important;
opacity:1!important;
cursor:not-allowed!important;
pointer-events:none!important;
text-decoration:none!important;
filter:none!important;
font-weight:500!important;
}
body:not(.home) main .fh-careers-next .fh-careers-next__note,
main.fh-careers-role .fh-careers-next .fh-careers-next__note{
margin:12px 0 18px!important;
max-width:42rem;
color:#ffffff!important;
opacity:1!important;
font-size:15px!important;
line-height:1.45!important;
}
/* V12/V14 t_94ad6643 — industry operational facts: kit mono icons + readable grouping.
Scope: industry plate --industry-v12 and scope-rows --v12 only (industrial/auto/food).
Preserve approved office-matrix copy. No Home/Air/S5.1. No photo. No new claims. */
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry-v12 .fh-industry-plate-groups{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px 18px;
margin-top:10px;
width:100%;
max-width:100%;
box-sizing:border-box;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry-v12 .fh-industry-plate-group__title{
margin:0 0 8px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry-v12 .fh-industry-plate-strip{
margin:0;
border-top:1px solid var(--fh-line);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry-v12 .fh-industry-plate-cell{
display:grid;
grid-template-columns:28px minmax(0,1fr);
gap:10px;
align-items:start;
margin:0;
padding:12px 0;
border-bottom:1px solid var(--fh-line);
min-width:0;
max-width:100%;
box-sizing:border-box;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry-v12 .fh-industry-plate-cell:last-child{
border-bottom:0;
padding-bottom:0;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-icon{
display:inline-flex;
align-items:flex-start;
margin-top:2px;
color:var(--fh-ink);
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-fact-icon svg{
display:block;
width:18px;
height:18px;
fill:currentColor;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry-v12 .fh-industry-plate-cell__body dt{
margin:0;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry-v12 .fh-industry-plate-cell__body dd{
margin:6px 0 0;
font-size:14px;
line-height:20px;
color:var(--fh-ink);
overflow-wrap:anywhere;
}
/* Single coverage group (mfg/auto: listed only) still spans full plate width cleanly. */
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry-v12 .fh-industry-plate-groups:has(> :only-child){
grid-template-columns:1fr;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows--v12 .fh-industry-scope-row--iconed{
display:grid!important;
grid-template-columns:36px 28px minmax(0,1fr)!important;
gap:12px 14px!important;
align-items:start!important;
margin:0;
padding:16px 0;
border-bottom:1px solid var(--fh-line);
width:100%!important;
max-width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows--v12 .fh-industry-scope-row--iconed:last-child{
border-bottom:0;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows--v12 .fh-industry-scope-row__index{
color:var(--fh-green, #1f6b4a);
font:600 11px/20px "Geist Mono",ui-monospace,monospace;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows--v12 .fh-industry-scope-row__body{
min-width:0;
max-width:100%;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows--v12 .fh-industry-scope-row__body > dt{
margin:0 0 6px;
color:var(--fh-muted);
font:600 10px/16px "Geist Mono",ui-monospace,monospace;
letter-spacing:.06em;
text-transform:uppercase;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows--v12 .fh-industry-scope-row__body > dd{
margin:0;
font-size:16px;
line-height:24px;
color:var(--fh-ink);
overflow-wrap:anywhere;
}
@media (max-width:960px){
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry-v12 .fh-industry-plate-groups{
grid-template-columns:1fr;
gap:18px;
}
}
@media (max-width:680px){
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-operational-plate--industry-v12 .fh-industry-plate-cell,
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows--v12 .fh-industry-scope-row--iconed{
grid-template-columns:24px minmax(0,1fr)!important;
gap:12px!important;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows--v12 .fh-industry-scope-row--iconed{
grid-template-columns:28px 24px minmax(0,1fr)!important;
}
body.single-fh_industry.fh-representative-industry:not(.home) main .fh-industry-scope-rows--v12 .fh-industry-scope-row__body > dd{
font-size:15px;
line-height:23px;
}
}
/* Q01 t_2ce8a52e: office-facts plate body uses content column; wrap by word not characters.
Defect: body/dd painted at 24–28px (icon track) with overflow-wrap:anywhere → 1–3 char lines.
Fix: pin icon col1 + body col2; min-width:0 on body; overflow-wrap:break-word on values. */
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell > .fh-office-fact-icon,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell > .fh-office-fact-icon,
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row--iconed > .fh-office-fact-icon,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row--iconed > .fh-office-fact-icon,
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell > .fh-office-fact-icon,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell > .fh-office-fact-icon{
grid-column:1;
grid-row:1;
width:20px;
max-width:28px;
min-width:20px;
justify-self:start;
}
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell__body,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell__body,
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row__body,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row__body,
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell__body,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell__body{
grid-column:2;
grid-row:1;
min-width:0;
max-width:100%;
width:auto;
box-sizing:border-box;
}
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell__body dd,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell__body dd,
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row__body > dd,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-local-row__body > dd,
body.single-fh_office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell__body a,
body.fh-representative-office:not(.home) main .fh-office-local-rows--v12 .fh-office-contact-cell__body a{
overflow-wrap:break-word;
word-break:normal;
hyphens:manual;
}
body.single-fh_office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell,
body.fh-representative-office:not(.home) main .fh-operational-plate--office-v12 .fh-office-plate-cell{
display:grid;
grid-template-columns:28px minmax(0,1fr);
column-gap:10px;
align-items:start;
min-width:0;
max-width:100%;
width:100%;
box-sizing:border-box;
}
/* Q04 t_3295fec0: case-detail mode-eyebrow links AA on navy hero.
Live defect: a.fh-mode-eyebrow__link color rgb(0,127,95)/#007F5F on rgb(7,30,46) 12px/600 = 3.404:1.
Fix: signal green #20A982 (var(--fh-signal)) = 5.719:1, same as case breadcrumb links.
Scope: single-fh_case / fh-representative-case hero only. No new case copy. Button chrome untouched. */
body.single-fh_case:not(.home) main .fh-detail__hero .fh-mode-eyebrow a.fh-mode-eyebrow__link,
body.fh-representative-case:not(.home) main .fh-detail__hero .fh-mode-eyebrow a.fh-mode-eyebrow__link,
body.single-fh_case:not(.home) main .fh-detail__hero a.fh-mode-eyebrow__link,
body.fh-representative-case:not(.home) main .fh-detail__hero a.fh-mode-eyebrow__link{
color:#20A982!important;
opacity:1!important;
}
body.single-fh_case:not(.home) main .fh-detail__hero .fh-mode-eyebrow a.fh-mode-eyebrow__link:hover,
body.fh-representative-case:not(.home) main .fh-detail__hero .fh-mode-eyebrow a.fh-mode-eyebrow__link:hover,
body.single-fh_case:not(.home) main .fh-detail__hero a.fh-mode-eyebrow__link:hover,
body.fh-representative-case:not(.home) main .fh-detail__hero a.fh-mode-eyebrow__link:hover,
body.single-fh_case:not(.home) main .fh-detail__hero .fh-mode-eyebrow a.fh-mode-eyebrow__link:focus-visible,
body.fh-representative-case:not(.home) main .fh-detail__hero .fh-mode-eyebrow a.fh-mode-eyebrow__link:focus-visible,
body.single-fh_case:not(.home) main .fh-detail__hero a.fh-mode-eyebrow__link:focus-visible,
body.fh-representative-case:not(.home) main .fh-detail__hero a.fh-mode-eyebrow__link:focus-visible{
color:#72e0bd!important;
opacity:1!important;
}
/* V12 adopted Services hub mode distinction only. Append after current rules. No text or detail-page changes. */
main .fh-service-option--air .fh-service-option__index::after { content: ""; display: inline-block; width: 20px; height: 20px; margin-inline-start: 8px; vertical-align: middle; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203.2%209.4%2010H4.8L3.5%2012.2h5.2L12%2020.8l3.3-8.6h5.2L19.2%2010h-4.6L12%203.2Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%203.2%209.4%2010H4.8L3.5%2012.2h5.2L12%2020.8l3.3-8.6h5.2L19.2%2010h-4.6L12%203.2Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
main .fh-service-option--road .fh-service-option__index::after { content: ""; display: inline-block; width: 20px; height: 20px; margin-inline-start: 8px; vertical-align: middle; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4.5%2015.2%206.2%208.4h11.6l1.7%206.8h-1.9l-.4-1.5H7l-.4%201.5H4.5Zm3.1-3.2h8.8l-.7-2.8H8.3l-.7%202.8ZM8.2%2016.8a1.4%201.4%200%201%201%200%202.8%201.4%201.4%200%200%201%200-2.8Zm7.6%200a1.4%201.4%200%201%201%200%202.8%201.4%201.4%200%200%201%200-2.8Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4.5%2015.2%206.2%208.4h11.6l1.7%206.8h-1.9l-.4-1.5H7l-.4%201.5H4.5Zm3.1-3.2h8.8l-.7-2.8H8.3l-.7%202.8ZM8.2%2016.8a1.4%201.4%200%201%201%200%202.8%201.4%201.4%200%200%201%200-2.8Zm7.6%200a1.4%201.4%200%201%201%200%202.8%201.4%201.4%200%200%201%200-2.8Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
main .fh-service-option--ocean .fh-service-option__index::after { content: ""; display: inline-block; width: 20px; height: 20px; margin-inline-start: 8px; vertical-align: middle; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2015.2c1.4%201%202.8%201.5%204.2%201.5s2.8-.5%204.2-1.5c1.4%201%202.8%201.5%204.2%201.5.8%200%201.6-.2%202.4-.5v2.3c-.8.4-1.6.6-2.4.6-1.6%200-3.1-.5-4.5-1.3-1.4.8-2.9%201.3-4.5%201.3s-3.1-.5-4.5-1.3c-.5.3-1%20.5-1.5.7v-2.4c.5-.3%201.1-.5%201.6-.7Zm8-9.4%205.8%203.2v3.1c-1%20.7-2%201.1-3.1%201.1-1.4%200-2.7-.5-4-.1-1.3.4-2.5.1-3.7-.7V9l5-3.2Zm0%202.3L8.9%2010v.6c.8.5%201.6.7%202.4.5.9-.2%201.8%200%202.7.4.4.2.8.2%201.2.1V10L12%208.1Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2015.2c1.4%201%202.8%201.5%204.2%201.5s2.8-.5%204.2-1.5c1.4%201%202.8%201.5%204.2%201.5.8%200%201.6-.2%202.4-.5v2.3c-.8.4-1.6.6-2.4.6-1.6%200-3.1-.5-4.5-1.3-1.4.8-2.9%201.3-4.5%201.3s-3.1-.5-4.5-1.3c-.5.3-1%20.5-1.5.7v-2.4c.5-.3%201.1-.5%201.6-.7Zm8-9.4%205.8%203.2v3.1c-1%20.7-2%201.1-3.1%201.1-1.4%200-2.7-.5-4-.1-1.3.4-2.5.1-3.7-.7V9l5-3.2Zm0%202.3L8.9%2010v.6c.8.5%201.6.7%202.4.5.9-.2%201.8%200%202.7.4.4.2.8.2%201.2.1V10L12%208.1Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
main .fh-service-option--rail .fh-service-option__index::after { content: ""; display: inline-block; width: 20px; height: 20px; margin-inline-start: 8px; vertical-align: middle; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%204.5h10v9.2l-2.2%203.1H9.2L7%2013.7V4.5Zm2.2%202.1v5h5.6v-5H9.2Zm.7%2010.2h4.2l1.1%201.6H8.8l1.1-1.6ZM6.2%2019.2h11.6v1.6H6.2v-1.6Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M7%204.5h10v9.2l-2.2%203.1H9.2L7%2013.7V4.5Zm2.2%202.1v5h5.6v-5H9.2Zm.7%2010.2h4.2l1.1%201.6H8.8l1.1-1.6ZM6.2%2019.2h11.6v1.6H6.2v-1.6Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
main .fh-service-option--project .fh-service-option__index::after { content: ""; display: inline-block; width: 20px; height: 20px; margin-inline-start: 8px; vertical-align: middle; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%2018.5V8.2l7-3.7%207%203.7v10.3h-2.3V9.5L12%207.1%207.3%209.5v9H5Zm4.2%200h5.6v-4.2h2.2v6.4H7V14.3h2.2v4.2Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%2018.5V8.2l7-3.7%207%203.7v10.3h-2.3V9.5L12%207.1%207.3%209.5v9H5Zm4.2%200h5.6v-4.2h2.2v6.4H7V14.3h2.2v4.2Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
main .fh-service-option--customs .fh-service-option__index::after { content: ""; display: inline-block; width: 20px; height: 20px; margin-inline-start: 8px; vertical-align: middle; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%204.5h12v2.2H6V4.5Zm0%204.1h12v2.2H6V8.6Zm0%204.1h7.5v2.2H6v-2.2Zm0%204.1h12v2.2H6v-2.2Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%204.5h12v2.2H6V4.5Zm0%204.1h12v2.2H6V8.6Zm0%204.1h7.5v2.2H6v-2.2Zm0%204.1h12v2.2H6v-2.2Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat; }
/* Privacy draft: contain unbroken supervisory-authority URLs on narrow viewports. */
body.privacy-policy .wp-block-post-content p{overflow-wrap:anywhere}
/* FH-V15A-01: restore the established 20px mobile reading gutter on office prose. */
@media (max-width:680px){
body.single-fh_office:not(.home) main .fh-detail__body > .fh-prose,
body.fh-representative-office:not(.home) main .fh-detail__body > .fh-prose{
width:calc(100vw - 40px);
}
}
/* FH-V15B-01: keep the Privacy header in normal flow on its established navy treatment. */
body.privacy-policy .fh-header{position:relative;background:var(--fh-navy)}
/* FH-V15C-01: keep the industry contact arrow with CTA text on narrow screens. */
@media(max-width:680px){body.single-fh_industry main .fh-prose .fh-copy-link>a[href="/contact/"]{display:inline-grid;grid-template-columns:minmax(0,auto) auto;align-items:end;column-gap:.25em;max-width:100%}body.single-fh_industry main .fh-prose .fh-copy-link>a[href="/contact/"]>span[aria-hidden="true"]{min-width:1em}}
/* FH-Q04-OFFICE-FOCUS-01: darker focus outline on office light-content surfaces only. */
body.single-fh_office main .fh-detail__body a:focus-visible{outline-color:var(--fh-green)}
/* FH-Q04 essential eight-cell repair: darker focus on the four measured light bodies; darker RFQ notice text. */
body.postid-14.single-fh_service main .fh-detail__body :focus-visible,
body.postid-19.single-fh_industry main .fh-detail__body :focus-visible,
body.page-id-7 main .fh-contact-form-panel :focus-visible,
body.page-id-4 main .fh-form-wrap :focus-visible{outline-color:var(--fh-green)}
body.page-id-4 main .fh-quote-panel__failclosed{color:var(--fh-ink)}
/* FH-Q04-CORE-FOCUS-01: darker focus on the five measured light-main control families only. */
body.home main #fh-home-request .fh-home-request__submit:focus-visible,
body.post-type-archive-fh_service main .fh-service-option .fh-copy-link a:focus-visible,
body.post-type-archive-fh_industry main .fh-industry-option .fh-copy-link a:focus-visible,
body.post-type-archive-fh_office main .fh-locations-copy .fh-copy-link a:focus-visible,
body.fh-representative-tracking:not(.home) main .fh-tracking__recovery > .wp-element-button:focus-visible,
body.page-tracking:not(.home) main .fh-tracking__recovery > .wp-element-button:focus-visible,
body.page-slug-tracking:not(.home) main .fh-tracking__recovery > .wp-element-button:focus-visible{outline-color:var(--fh-green)}
/* Keep the Tracking action's existing 7px outline extent inside its clipping content box. */
body.fh-representative-tracking:not(.home) main .fh-tracking__recovery > .wp-element-button,
body.page-tracking:not(.home) main .fh-tracking__recovery > .wp-element-button,
body.page-slug-tracking:not(.home) main .fh-tracking__recovery > .wp-element-button{margin:12px 7px 0;max-width:calc(100% - 14px)}
/* FH-Q04-OFFICE-FOCUS-01 Contact residual: published-office links are light-surface controls outside the form panel. */
body.page-id-7 main .fh-contact-office-rows a:focus-visible{outline-color:var(--fh-green)}
/* FH-Q04-REMAINING-DETAIL-FOCUS-01: darker focus on light prose links for the measured detail routes only. */
body.postid-23.single-fh_industry main .fh-prose a:focus-visible,
body.postid-26.single-fh_industry main .fh-prose a:focus-visible,
body.postid-27.single-fh_industry main .fh-prose a:focus-visible,
body.postid-25.single-fh_industry main .fh-prose a:focus-visible,
body.postid-22.single-fh_industry main .fh-prose a:focus-visible,
body.postid-20.single-fh_industry main .fh-prose a:focus-visible,
body.postid-21.single-fh_industry main .fh-prose a:focus-visible,
body.postid-17.single-fh_industry main .fh-prose a:focus-visible,
body.postid-24.single-fh_industry main .fh-prose a:focus-visible,
body.postid-12.single-fh_service main .fh-prose a:focus-visible,
body.postid-16.single-fh_service main .fh-prose a:focus-visible,
body.postid-13.single-fh_service main .fh-prose a:focus-visible{outline-color:var(--fh-green)}