/* ============================================================================
 * ANEST — prototype component CSS, EXTRACTED VERBATIM. DO NOT HAND-EDIT.
 *
 * Generated by tools/extract-prototype-css.py from the client's 2026-09-08
 * prototype (__prototype/app/globals.css). 3280 rules.
 *
 * Declarations are the prototype's own, and since 2026-09-10 so are the colours:
 * the :root block at the end of this file is globals.css's own palette, kept
 * here only because :root is not in the KEEP list. Nothing is overridden.
 * ==========================================================================*/
.siteHeader{display:flex;height:80px;align-items:center;padding:0 clamp(22px,4.5vw,68px);border-bottom:1px solid var(--line);background:var(--paper)}
.primaryButton,.lightButton,.accentButton,.outlineButton{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 21px;border:1px solid var(--petrol);background:var(--petrol);color:#fff;font-size:12px;font-weight:800;text-decoration:none}
.lightButton{border-color:#fff;background:#fff;color:var(--petrol)}
.accentButton{border-color:var(--rust);background:var(--rust)}
.outlineButton{background:transparent;color:var(--petrol)}
.primaryButton:disabled{opacity:.35}
.textButton{display:inline-flex;align-items:center;gap:7px;padding:0 0 4px;border:0;border-bottom:1px solid currentColor;background:transparent;font-size:12px;font-weight:800}
.eyebrow{margin:0 0 16px;color:var(--petrol);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.lead{color:var(--muted);font-size:18px;line-height:1.65}
.buttonRow{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:28px}
.protoSection{padding:clamp(72px,8.5vw,122px) clamp(26px,6.2vw,92px)}
.sectionIntro{max-width:830px;margin-bottom:48px}
.sectionIntro h2,.contactBand h2{margin:0 0 18px;font-size:clamp(34px,4.6vw,60px);font-weight:600;letter-spacing:-.055em;line-height:1.02}
.sectionIntro>p:last-child{max-width:660px;color:var(--muted);font-size:16px;line-height:1.7}
.breadcrumbs,body.anest-catalog .shop-page-title .page-title-inner{padding:22px clamp(24px,6vw,90px);border-bottom:1px solid var(--line);color:#73807b;font-size:11px}
.proofStrip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white}
.proofStrip div{padding:25px 28px;border-right:1px solid var(--line)}
.proofStrip div:last-child{border:0}
.proofStrip strong,.proofStrip span{display:block}
.proofStrip strong{color:var(--petrol);font-size:26px}
.proofStrip span{margin-top:4px;color:var(--muted);font-size:11px}
.solutionWorlds{display:grid;grid-template-columns:.86fr 1.14fr;gap:75px}
.worldGrid{border-top:1px solid var(--ink)}
.worldCard{display:grid;width:100%;grid-template-columns:44px 1fr auto;gap:18px;align-items:center;padding:25px 5px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}
.worldCard>span{color:var(--petrol);font-size:10px;font-weight:900}
.worldCard h3{margin:0 0 5px;font-size:22px}
.worldCard p{margin:0;color:var(--muted);font-size:13px}
.worldCard:hover{padding-left:15px;background:var(--mint)}
.editorialSplit{display:grid;min-height:680px;grid-template-columns:1.08fr .92fr;background:var(--petrol-dark);color:#fff}
.splitImage{position:relative}
.splitImage img{width:100%;height:100%;object-fit:cover}
.splitImage>span{position:absolute;bottom:20px;left:22px;padding:7px 10px;background:rgba(0,0,0,.62);font-size:9px;letter-spacing:.11em}
.splitCopy{display:flex;flex-direction:column;justify-content:center;padding:clamp(45px,6.8vw,92px)}
.splitCopy .eyebrow{color:#9bc9c5}
.splitCopy h2{margin:0 0 20px;font-size:clamp(38px,5vw,64px);font-weight:600;letter-spacing:-.055em;line-height:1}
.splitCopy>p:not(.eyebrow){color:#c7d6d3;font-size:16px;line-height:1.7}
.splitCopy ul,.featureCopy ul{margin:22px 0 30px;padding:0;list-style:none}
.splitCopy li,.featureCopy li{display:flex;gap:10px;align-items:center;padding:8px 0;color:#dde7e4;font-size:13px}
.splitCopy .lightButton{align-self:flex-start}
.caseSection{background:var(--warm)}
.caseGrid{display:grid;grid-template-columns:1.45fr .55fr;gap:16px}
.caseLarge{position:relative;min-height:520px;overflow:hidden;color:white}
.caseLarge:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(12,27,23,.9));content:""}
.caseLarge img{width:100%;height:100%;object-fit:cover}
.caseLarge div{position:absolute;z-index:2;right:30px;bottom:30px;left:30px}
.caseLarge span{font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.caseLarge h3{max-width:650px;margin:10px 0 0;font-size:clamp(27px,3.5vw,46px);line-height:1.05}
.caseAside{display:grid;gap:16px}
.caseAside article{display:flex;min-height:252px;flex-direction:column;padding:26px;background:var(--petrol);color:white}
.caseAside article:last-child{background:var(--rust)}
.caseAside small{font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.caseAside h3{margin:50px 0 20px;font-size:22px}
.caseAside svg{margin-top:auto}
.contactBand{display:flex;align-items:end;justify-content:space-between;gap:45px;padding:clamp(65px,8vw,110px) clamp(28px,6.2vw,92px);background:var(--petrol);color:white}
.contactBand .eyebrow{color:#a9d0cc}
.contactBand h2{max-width:900px;margin:0}
.contactBand .lightButton{flex:0 0 auto}
.siteFooter{padding:70px clamp(27px,6vw,90px) 24px;background:#101a18;color:#fff}
.footerLead{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-bottom:55px;border-bottom:1px solid #ffffff20}
.footerLead>span{font-size:17px;font-weight:900}
.footerLead h2{margin:0;font-size:clamp(28px,4vw,48px);font-weight:500;letter-spacing:-.045em}
.footerGrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:55px;padding:48px 0}
.footerGrid small{display:block;margin-bottom:17px;color:#78908a;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.footerGrid p{margin:7px 0;color:#b8c5c1;font-size:12px}
.footerBottom{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #ffffff17;color:#6f817c;font-size:9px}
.finderIntro .eyebrow{color:#97c4c0}
.finderIntro>p:not(.eyebrow){color:#bfcfcb;line-height:1.7}
.finderFooter .textButton{color:#b9cbc7}
.finderFooter .primaryButton{background:#fff;color:var(--petrol);border-color:#fff}
.machineCard>.eyebrow{margin:17px 10px 8px}
.comparePanel>p:not(.eyebrow){color:var(--muted);line-height:1.6}
.comparePanel>.primaryButton{width:100%;margin-top:35px}
.productAnchor{position:sticky;z-index:30;top:72px;display:flex;justify-content:center;gap:35px;padding:17px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.92);backdrop-filter:blur(15px)}
.productAnchor a{font-size:11px;font-weight:800;text-decoration:none}
.featureCopy .eyebrow{position:relative;color:#96c6c2}
.featureCopy>p:not(.eyebrow){position:relative;color:#bfd0cc;line-height:1.7}
.valueGrid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--line)}
.valueGrid article{min-height:240px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white}
.valueGrid span{color:var(--rust);font-size:10px;font-weight:900}
.valueGrid h3{margin:62px 0 10px;font-size:21px}
.valueGrid p{color:var(--muted);font-size:12px}
.specTable{border-top:2px solid var(--ink)}
.specTable div{display:flex;justify-content:space-between;gap:25px;padding:21px 3px;border-bottom:1px solid var(--line)}
.specTable span{color:var(--muted);font-size:13px}
.specTable strong{font-size:14px}
.specTable button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:21px 3px;border:0;border-bottom:2px solid var(--ink);background:transparent;color:var(--petrol);font-size:12px;font-weight:900}
.stickyProductBar{position:fixed;z-index:80;right:20px;bottom:18px;left:20px;display:flex;max-width:1120px;min-height:68px;align-items:center;gap:9px;margin:auto;padding:9px 9px 9px 22px;border:1px solid #ffffff2c;background:rgba(16,29,26,.94);box-shadow:0 15px 45px #0004;color:white;backdrop-filter:blur(18px)}
.stickyProductBar>div{display:flex;flex-direction:column;margin-right:auto}
.stickyProductBar small{color:#8fa6a0;font-size:9px}
.stickyProductBar strong{font-size:13px}
.stickyProductBar>a,.stickyProductBar>a:not(.primaryButton){display:flex;min-height:46px;align-items:center;gap:7px;padding:0 15px;border:1px solid #ffffff2e;background:transparent;color:white;font-size:11px;font-weight:700;text-decoration:none}
.productDetailLayout{display:grid;grid-template-columns:315px minmax(0,1fr);align-items:start}
.productDetailFlow{min-width:0}
.productCategorySidebar{background:var(--petrol-dark)}
.productCategorySidebar .homagFilterTitle{position:sticky;top:72px}
.productSubcategory{margin-bottom:18px}
.productSingleHero{padding:clamp(55px,6vw,82px) clamp(30px,6vw,82px) 0;background:#f4f6f3}
.productHeroIntro{max-width:850px}
.productHeroIntro h1{margin:4px 0 25px;color:var(--petrol-dark);font-size:clamp(70px,9vw,128px);font-weight:700;letter-spacing:-.085em;line-height:.78;text-transform:lowercase}
.productHeroIntro h1 em{color:var(--rust);font-size:.55em;font-style:normal;font-weight:600}
.productHeroIntro>p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:18px;line-height:1.65}
.productSingleHero figure{position:relative;height:clamp(390px,48vw,650px);margin:55px 0 0;overflow:hidden;background:#e5eae6}
.productSingleHero figure>span{position:absolute;top:22px;left:28px;color:#cbd5d0;font-size:clamp(55px,8vw,116px);font-weight:900;letter-spacing:-.07em}
.productSingleHero figure img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.productSingleHero figcaption{position:absolute;z-index:2;right:28px;bottom:25px;display:flex;flex-direction:column;max-width:360px;padding:18px 21px;background:var(--petrol-dark);color:#fff}
.productSingleHero figcaption strong{font-size:15px}
.productSingleHero figcaption small{margin-top:5px;color:#b7c9c5;line-height:1.45}
.productSectionHead{max-width:860px}
.productSectionHead>span{display:block;margin-bottom:28px;color:var(--rust);font-size:12px;font-weight:900;letter-spacing:.1em}
.productSectionHead h2{margin:0;font-size:clamp(38px,5vw,65px);font-weight:600;letter-spacing:-.055em;line-height:1}
.productBenefits{padding:clamp(75px,8vw,115px) clamp(30px,6vw,82px);background:#fff}
.benefitGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:55px}
.benefitGrid article{border:1px solid var(--line);background:#f7f8f5}
.benefitGrid article>img{width:100%;height:270px;object-fit:cover}
.benefitGrid article>div{padding:25px 27px 30px}
.benefitGrid article span{color:var(--rust);font-size:11px;font-weight:900}
.benefitGrid article h3{margin:28px 0 10px;font-size:23px;letter-spacing:-.025em}
.benefitGrid article p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.productSpecSingle{padding:clamp(75px,8vw,115px) clamp(30px,6vw,82px);background:#e8ece9}
.productSpecSingle .specTable{margin-top:55px;background:#fff;padding:0 28px}
.productSpecSingle .specTable div{align-items:flex-start;padding:24px 3px}
.productSpecSingle .specTable strong{max-width:60%;text-align:right;line-height:1.45}
.productMedia{position:relative;min-height:620px;overflow:hidden;background:var(--petrol-dark);color:#fff}
.productMedia:after{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(8,27,23,.95) 0%,rgba(8,27,23,.72) 48%,rgba(8,27,23,.08) 100%);content:""}
.productMedia>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.productMedia>div{position:relative;z-index:2;max-width:720px;padding:clamp(75px,9vw,125px) clamp(30px,6vw,82px)}
.productMedia>div>span{display:block;margin-bottom:55px;color:var(--rust);font-size:11px;font-weight:900;letter-spacing:.1em}
.productMedia .eyebrow{color:#9fc5c0}
.productMedia h2{margin:0 0 35px;font-size:clamp(40px,5.3vw,68px);font-weight:600;letter-spacing:-.06em;line-height:.98}
.productMedia a{display:inline-flex;align-items:center;gap:9px;padding:14px 17px;background:var(--rust);color:#fff;font-size:13px;font-weight:900;text-decoration:none}
.serviceCopy .eyebrow{color:#9bc9c5}
.serviceCopy .lead{color:#c2d0cd}
.servicePhone{display:flex;gap:15px;align-items:center;margin-top:35px;padding-top:25px;border-top:1px solid #ffffff2b}
.servicePhone small,.servicePhone strong{display:block}
.servicePhone small{color:#92aaa4;font-size:9px}
.servicePhone strong{margin-top:3px}
.knowledgeHero{padding:clamp(85px,10vw,145px) clamp(28px,6vw,90px);background:var(--warm)}
.knowledgeHero h1{margin:0 0 26px;font-size:clamp(50px,7.5vw,98px);font-weight:600;letter-spacing:-.07em;line-height:.92}
.knowledgeHero>p:last-child{max-width:630px;color:var(--muted);font-size:18px}
.featuredArticle{display:grid;grid-template-columns:1.15fr .85fr;background:var(--petrol-dark);color:white}
.featuredArticle>img{width:100%;height:540px;object-fit:cover}
.featuredArticle>div{display:flex;flex-direction:column;justify-content:center;padding:50px}
.featuredArticle .eyebrow{color:#96c3bf}
.featuredArticle h2{margin:0 0 18px;font-size:clamp(33px,4vw,52px);letter-spacing:-.05em;line-height:1}
.featuredArticle p:not(.eyebrow){color:#bed0cb;line-height:1.65}
.featuredArticle .textButton{align-self:flex-start;margin-top:20px;color:white}
@media(max-width:1050px){
.solutionWorlds,.specSection{grid-template-columns:1fr}
.editorialSplit,.featureStory{grid-template-columns:1fr}
.splitImage,.featurePhoto{min-height:500px}
.valueGrid{grid-template-columns:1fr 1fr}
.stickyProductBar>div{display:none}
}
@media(max-width:760px){
.siteHeader{height:68px;padding:0 16px}
.headerActions .primaryButton,.iconButton{display:none}
.homeHero,.categoryHero,.finderSection,.serviceHero,.featuredArticle{grid-template-columns:1fr}
.proofStrip{grid-template-columns:1fr 1fr}
.proofStrip div:nth-child(2){border-right:0}
.proofStrip div:nth-child(-n+2){border-bottom:1px solid var(--line)}
.protoSection{padding:70px 22px}
.solutionWorlds{gap:20px}
.worldCard{grid-template-columns:35px 1fr auto}
.editorialSplit{min-height:0}
.splitImage,.featurePhoto{min-height:440px}
.splitCopy{padding:60px 24px}
.caseGrid{grid-template-columns:1fr}
.caseLarge{min-height:440px}
.caseAside{grid-template-columns:1fr 1fr}
.caseAside article{min-height:210px}
.contactBand{align-items:flex-start;flex-direction:column;padding:68px 24px}
.footerLead{flex-direction:column}
.footerGrid{grid-template-columns:1fr 1fr}
.productAnchor{top:106px;justify-content:flex-start;gap:22px;overflow:auto;padding-right:22px;padding-left:22px}
.productAnchor a{flex:0 0 auto}
.valueGrid{grid-template-columns:1fr 1fr}
.valueGrid article{min-height:200px}
.valueGrid h3{margin-top:40px}
.stickyProductBar{right:8px;bottom:8px;left:8px}
.stickyProductBar>a,.stickyProductBar>a:not(.primaryButton){display:none}
.stickyProductBar .primaryButton{width:100%}
.featuredArticle>img{height:380px}
.featuredArticle>div{padding:45px 24px}
.footerBottom{gap:15px;flex-direction:column}
}
@media(max-width:480px){
.caseAside{grid-template-columns:1fr}
.valueGrid{grid-template-columns:1fr}
.footerGrid{grid-template-columns:1fr}
.proofStrip strong{font-size:20px}
.proofStrip div{padding:20px 17px}
}
.siteHeader{position:relative;z-index:70}
.megaMenu{position:absolute;z-index:100;top:100%;right:0;left:0;max-height:calc(100vh - 110px);overflow:auto;border-top:1px solid var(--line);background:#fff;box-shadow:0 28px 70px rgba(10,28,24,.24);color:var(--ink)}
.megaTop{display:grid;grid-template-columns:1fr minmax(320px,1.2fr) auto;gap:30px;align-items:center;padding:22px clamp(22px,3.5vw,52px);border-bottom:1px solid var(--line);background:var(--paper)}
.megaTop>div span,.megaTop>div strong{display:block}
.megaTop>div span{margin-bottom:4px;color:var(--petrol);font-size:12px;font-weight:800}
.megaTop>div strong{font-size:18px}
.megaTop label{display:flex;height:50px;align-items:center;gap:12px;padding:0 16px;border:1px solid #aebbb6;background:#fff;color:var(--petrol)}
.megaTop input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}
.megaTop>button{display:grid;width:46px;height:46px;place-items:center;border:1px solid var(--line);background:white}
.megaBody{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;min-height:475px}
.sectorNav{padding:22px 0;background:var(--petrol-dark);color:#fff}
.sectorNav>a{display:grid;width:100%;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:20px 22px;border:0;border-left:3px solid transparent;background:transparent;color:#b8cac6;text-align:left}
.sectorNav>a.active{border-left-color:#fff;background:#ffffff12;color:#fff}
.sectorNav>a>span{font-size:12px;font-weight:900}
.sectorNav strong,.sectorNav small{display:block}
.sectorNav strong{margin-bottom:3px;font-size:15px}
.sectorNav small{color:#91aaa4;font-size:12px}
.megaContent{padding:34px clamp(26px,3.4vw,48px)}
.megaHeading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:22px;border-bottom:1px solid var(--ink)}
.megaHeading .eyebrow{margin-bottom:7px;font-size:12px}
.megaHeading h2{margin:0;font-size:30px;letter-spacing:-.04em}
.megaHeading>a{display:flex;align-items:center;gap:8px;padding:0 0 5px;border:0;border-bottom:1px solid var(--petrol);background:transparent;color:var(--petrol);font-size:12px;font-weight:800}
.megaGroups{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:28px 36px;padding-top:27px}
.megaGroup h3{margin:0 0 12px;color:var(--petrol);font-size:14px}
.megaGroup>a{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border:0;background:transparent;color:#46534f;font-size:13px;text-align:left}
.megaGroup>a svg{flex:0 0 auto;opacity:0;transform:translateX(-5px);transition:.18s}
.megaGroup>a:hover{color:var(--petrol)}
.megaGroup>a:hover svg{opacity:1;transform:none}
.megaAside{padding:28px 24px;border-left:1px solid var(--line);background:#f0f3f0}
.finderCard{padding:25px;background:var(--rust);color:white}
.finderCard>span{font-size:12px}
.finderCard h3{margin:30px 0 8px;font-size:23px}
.finderCard p{margin:0 0 25px;color:#ffffff;font-size:13px;line-height:1.5}
.finderCard a{display:flex;align-items:center;gap:8px;padding:0 0 5px;border:0;border-bottom:1px solid white;background:transparent;color:white;font-size:12px;font-weight:800}
.alternateLinks{margin-top:25px}
.alternateLinks small{display:block;margin-bottom:8px;color:#71807b;font-size:12px;font-weight:800;text-transform:uppercase}
.alternateLinks a{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;font-size:13px;text-align:left}
.megaFooter{display:flex;align-items:center;gap:25px;padding:15px clamp(22px,3.5vw,52px);border-top:1px solid var(--line);background:var(--paper)}
.megaFooter span{color:#71807b;font-size:12px}
.megaFooter a{padding:0;border:0;background:transparent;color:var(--petrol);font-size:12px;font-weight:800}
.serviceDropdown{position:absolute;z-index:101;top:100%;right:0;left:0;display:grid;grid-template-columns:245px minmax(0,1fr) 245px;border-top:1px solid var(--line);background:#fff;box-shadow:0 28px 70px rgba(10,28,24,.24);color:var(--ink)}
.serviceDropdownIntro{padding:32px;background:var(--petrol-dark);color:#fff}
.serviceDropdownIntro img{width:145px;margin-bottom:48px}
.serviceDropdownIntro p{margin:0 0 30px;font-size:22px;font-weight:700;letter-spacing:-.035em;line-height:1.12}
.serviceDropdownIntro a{display:flex;align-items:center;gap:8px;padding:0 0 5px;border:0;border-bottom:1px solid #fff;background:transparent;color:#fff;font-size:12px;font-weight:850}
.serviceDropdownGroups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;padding:32px clamp(28px,4vw,55px)}
.serviceDropdownGroups section>span{color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.08em}
.serviceDropdownGroups h3{min-height:42px;margin:8px 0 16px;color:var(--petrol-dark);font-size:17px;line-height:1.2}
.serviceDropdownGroups section>a{display:flex;width:100%;min-height:38px;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border:0;border-top:1px solid var(--line);background:transparent;color:#4c5955;font-size:12px;text-align:left}
.serviceDropdownGroups section>a:hover{color:var(--petrol);font-weight:850}
.serviceDropdownGroups section>a svg{flex:0 0 auto;color:var(--rust)}
.serviceDropdown aside{padding:32px 25px;background:#edf1ee}
.serviceDropdown aside strong{font-size:18px}
.serviceDropdown aside p{margin:12px 0 25px;color:var(--muted);font-size:13px;line-height:1.55}
.serviceDropdown aside a{display:flex;width:100%;min-height:46px;align-items:center;justify-content:space-between;padding:0 15px;border:0;background:var(--rust);color:#fff;font-size:12px;font-weight:900}
.serviceDropdown aside small{display:block;margin-top:24px;color:var(--petrol);font-size:11px;font-weight:800;line-height:1.6}
.aboutDropdown{position:absolute;z-index:101;top:100%;right:0;left:0;display:grid;grid-template-columns:minmax(285px,.72fr) minmax(0,1.28fr);border-top:1px solid var(--line);background:#fff;box-shadow:0 28px 70px rgba(10,28,24,.24);color:var(--ink)}
.aboutDropdownIntro{padding:42px clamp(30px,4vw,60px);background:var(--petrol-dark);color:#fff}
.aboutDropdownIntro>span{color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.aboutDropdownIntro h2{margin:28px 0 18px;color:#fff;font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-.055em;line-height:1}
.aboutDropdownIntro p{max-width:360px;margin:0;color:#bed1cd;font-size:14px;line-height:1.6}
.aboutDropdown nav{display:grid;grid-template-columns:1fr 1fr;padding:22px clamp(25px,4vw,55px)}
.aboutDropdown nav>a{display:grid;min-height:96px;grid-template-columns:30px minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px 8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--petrol-dark);text-align:left}
.aboutDropdown nav>a:nth-child(odd){margin-right:24px}
.aboutDropdown nav>a:last-child{grid-column:1/-1;margin-right:0}
.aboutDropdown nav>a:hover,.aboutDropdown nav>a:focus-visible{padding-right:15px;padding-left:15px;background:#eef3f0}
.aboutDropdown nav>a>span{color:var(--rust);font-size:10px;font-weight:900}
.aboutDropdown nav strong,.aboutDropdown nav small{display:block}
.aboutDropdown nav strong{font-size:16px}
.aboutDropdown nav small{margin-top:5px;color:var(--muted);font-size:12px}
.aboutDropdown nav svg{color:var(--rust)}
.blogDropdown{position:absolute;z-index:101;top:100%;right:0;left:0;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.35fr) minmax(150px,.38fr);border-top:1px solid var(--line);background:#fff;box-shadow:0 28px 70px rgba(10,28,24,.24);color:var(--ink)}
.blogDropdown .blogDropdownIntro{padding:34px clamp(28px,4vw,54px);background:var(--petrol-dark);color:#fff}
.blogDropdown .blogDropdownIntro>span{color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.blogDropdown .blogDropdownIntro h2{margin:22px 0 14px;color:#fff;font-size:clamp(27px,3vw,40px);font-weight:600;letter-spacing:-.05em;line-height:1}
.blogDropdown .blogDropdownIntro p{max-width:360px;margin:0;color:#bfd0cd;font-size:13px;line-height:1.58}
.blogDropdown nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px}
.blogDropdown nav>a{display:grid;min-width:0;grid-template-columns:26px minmax(0,1fr);gap:12px;align-content:center;padding:20px;border:1px solid var(--line);background:#fff;color:var(--petrol-dark);text-align:left}
.blogDropdown nav>a:hover,.blogDropdown nav>a:focus-visible{border-color:var(--petrol);background:#eef3f0}
.blogDropdown nav>a>span{color:var(--rust);font-size:10px;font-weight:900}
.blogDropdown nav>a>div{align-self:center}
.blogDropdown nav strong,.blogDropdown nav small{display:block}
.blogDropdown nav strong{font-size:16px}
.blogDropdown nav small{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.45}
.blogDropdown nav svg{grid-column:2;margin-top:20px;color:var(--rust)}
.blogDropdownAll{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:28px;border:0;border-left:1px solid var(--line);background:var(--rust);color:#fff;font-size:13px;font-weight:900;text-align:left}
@media(max-width:1200px){
.megaBody{grid-template-columns:220px minmax(0,1fr)}
.megaAside{display:none}
.megaGroups{grid-template-columns:repeat(2,minmax(160px,1fr))}
}
@media(max-width:1200px){
.serviceDropdown{grid-template-columns:210px minmax(0,1fr)}
.serviceDropdown aside{display:none}
.serviceDropdownGroups{gap:24px;padding:28px}
}
@media(max-width:1200px){
.blogDropdown{grid-template-columns:245px minmax(0,1fr)}
.blogDropdownAll{grid-column:1/-1;min-height:55px;padding:0 26px;border-top:1px solid var(--line);border-left:0}
.blogDropdown nav{padding:18px}
}
@media(max-width:1050px){
.megaTop{grid-template-columns:1fr auto}
.megaTop>div{display:none}
.megaBody{grid-template-columns:1fr}
.sectorNav{display:flex;padding:0;overflow:auto}
.sectorNav>a{min-width:220px;border-bottom:3px solid transparent;border-left:0}
.sectorNav>a.active{border-bottom-color:#fff}
.megaContent{padding:28px}
.megaMenu{max-height:calc(100vh - 100px)}
}
@media(max-width:760px){
.megaTop{padding:14px 16px}
.megaTop label{min-width:0;height:46px}
.megaGroups{grid-template-columns:1fr}
.megaHeading{align-items:flex-start;flex-direction:column}
.megaHeading>a{display:none}
.sectorNav>a{min-width:185px;padding:16px}
.megaContent{padding:25px 20px}
.megaGroup>a{padding:10px 0;font-size:14px}
.megaFooter{gap:18px;overflow:auto;padding:14px 20px}
.megaFooter>*{flex:0 0 auto}
}
.videoHero{position:relative;min-height:720px;overflow:hidden;background:var(--petrol-dark);color:#fff}
.videoLayer,.videoShade{position:absolute;inset:0}
.videoLayer iframe{position:absolute;top:50%;left:50%;width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;border:0;transform:translate(-50%,-50%);pointer-events:none}
.videoShade{background:linear-gradient(90deg,rgba(6,27,28,.92) 0%,rgba(6,30,31,.72) 42%,rgba(6,30,31,.12) 75%),linear-gradient(0deg,rgba(4,26,27,.62),transparent 55%)}
.videoCopy{position:relative;z-index:2;display:flex;min-height:720px;max-width:730px;flex-direction:column;justify-content:center;padding:75px clamp(28px,6vw,92px)}
.videoCopy .eyebrow{color:#a8d0cc;font-size:12px}
.videoCopy h1{margin:0 0 25px;font-size:clamp(54px,7.6vw,102px);font-weight:650;letter-spacing:-.075em;line-height:.88}
.videoCopy h1 em{color:#9fd1cc;font-style:normal}
.videoCopy>p:not(.eyebrow){max-width:590px;color:#e0e9e7;font-size:18px;line-height:1.65}
.videoTextButton{display:inline-flex;align-items:center;gap:8px;padding:0 0 5px;border:0;border-bottom:1px solid white;background:transparent;color:white;font-size:14px;font-weight:800}
.videoCaption{position:absolute;z-index:2;right:clamp(28px,5vw,70px);bottom:34px;display:flex;flex-direction:column;align-items:flex-end}
.videoCaption span{margin-bottom:6px;color:#b8d0cc;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.videoCaption strong{font-size:24px}
.industrySection{background:#fff}
.industrySection .sectionIntro>p:last-child{max-width:620px;color:var(--muted);font-size:17px;line-height:1.6}
.industryGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink);border-left:1px solid var(--line)}
.industryGrid a{display:grid;min-height:190px;grid-template-columns:1fr auto;align-content:space-between;padding:25px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);text-align:left;transition:.2s}
.industryGrid a:hover{background:var(--mint);transform:translateY(-3px)}
.industryGrid span{grid-column:1/-1;color:var(--rust);font-size:12px;font-weight:900}
.industryGrid a>div{align-self:end}
.industryGrid strong{display:block;font-size:21px}
.industryGrid p{max-width:270px;margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
.industryGrid svg{align-self:end;color:var(--petrol)}
.caseAside.three{grid-template-rows:repeat(3,1fr)}
.caseAside.three article{min-height:0}
.caseAside.three article:nth-child(2){background:var(--petrol-dark)}
.caseAside.three article:nth-child(3){background:var(--rust)}
.caseAside.three h3{margin:24px 0 12px;font-size:19px}
.siteFooter .footerLead h2{font-size:clamp(42px,6vw,76px);font-weight:600;letter-spacing:-.06em}
.megaHeading{padding-bottom:10px;border-bottom:0}
.megaGroups{padding-top:22px}
.megaGroup{padding-top:0;border-top:0}
.megaGroup h3{display:inline-block;margin:0 0 14px;padding:0;background:transparent;color:var(--rust);font-size:14px;font-weight:900;letter-spacing:.035em;text-transform:uppercase}
.megaFooter a:first-of-type{color:var(--rust)}
.categoryDirectory>aside .eyebrow{color:#a6ceca}
.categoryDirectory>div>p:not(.eyebrow){max-width:670px;color:var(--muted);font-size:16px;line-height:1.65}
@media(max-width:760px){
.videoHero,.videoCopy{min-height:680px}
.videoCopy{justify-content:flex-end;padding:80px 23px 125px}
.videoCaption{right:23px;bottom:28px;left:23px;align-items:flex-start}
.videoCaption strong{font-size:18px}
.industryGrid{grid-template-columns:1fr 1fr}
.industryGrid a{min-height:130px}
}
@media(max-width:480px){
.videoCopy h1{font-size:52px}
.videoCopy>p:not(.eyebrow){font-size:16px}
.industryGrid,.subcategoryGrid{grid-template-columns:1fr}
.industryGrid a,.subcategoryGrid button{min-height:115px}
.caseAside.three{grid-template-columns:1fr}
.videoCaption strong{font-size:16px}
}
.videoCopy h1 em{color:var(--rust)}
.proofStrip div:nth-child(2) strong,.worldCard>span{color:var(--rust)}
.splitCopy .eyebrow{color:var(--rust)}
.contactBand{border-top:6px solid var(--rust)}
.contactBand .lightButton{border-color:var(--rust);background:var(--rust);color:#fff}
.industryGrid a{display:flex;min-height:350px;flex-direction:column;padding:0;overflow:hidden;transform:none}
.industryGrid a:hover{transform:translateY(-3px)}
.industryText{display:grid;width:100%;min-height:165px;grid-template-columns:32px 1fr auto;gap:12px;align-items:end;padding:24px}
.industryText>span{grid-column:auto;align-self:start}
.industryText>div{text-align:left}
.industryText svg{align-self:end}
.industryMedia{position:relative;width:100%;height:185px;margin-top:auto;overflow:hidden;background:var(--petrol-dark)}
.industryMedia:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(4,40,44,.58));content:""}
.industryMedia img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.industryGrid a:hover .industryMedia img{transform:scale(1.045)}
.industryMedia small{position:absolute;z-index:2;right:14px;bottom:12px;padding:5px 7px;background:var(--rust);color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em}
.actionFeature:after{background:linear-gradient(180deg,rgba(152,69,47,.06) 22%,rgba(91,39,20,.94))}
.actionFeature div{border-left:5px solid var(--rust);padding-left:24px}
.actionFeature div>a{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:0 0 5px;border:0;border-bottom:1px solid #fff;background:transparent;color:#fff;font-size:12px;font-weight:900}
.caseAside.three article:nth-child(3){background:var(--petrol)}
.actionFeature{background:#e5eae7}
.actionFeature>img{object-fit:contain;object-position:center 30%;padding:18px 3% 105px}
.blogVideoFeature>img{padding:0;object-fit:cover;object-position:center}
.blogVideoFeature:before{position:absolute;z-index:2;top:28px;right:28px;display:grid;width:58px;height:58px;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:rgba(0,78,88,.82);color:#fff;content:"▶";font-size:17px}
.caseAside.three article{cursor:pointer;transition:transform .2s ease,background .2s ease}
.caseAside.three article:hover{transform:translateX(-4px)}
.caseAside.three article>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:12px 0 0;border:0;border-top:1px solid #ffffff4d;background:transparent;color:#fff;font-size:11px;font-weight:900}
.homeBlogAll{display:flex;align-items:center;gap:9px;margin:24px 0 0 auto;padding:0 0 5px;border:0;border-bottom:1px solid var(--petrol-dark);background:transparent;color:var(--petrol-dark);font-size:12px;font-weight:900}
@media(max-width:760px){
.industryGrid a{min-height:300px}
.industryText{min-height:145px;padding:20px}
.industryMedia{height:155px}
}
@media(max-width:480px){
.industryGrid a{min-height:320px}
.industryMedia{height:180px}
}
.industryGrid{gap:1px;border:0;background:var(--line)}
.industryGrid a{position:relative;display:block;min-height:370px;isolation:isolate;background:var(--petrol-dark);color:#fff}
.industryGrid a:hover{background:var(--petrol-dark)}
.industryMedia{position:absolute;z-index:-1;inset:0;width:auto;height:auto;margin:0;background:var(--petrol-dark)}
.industryMedia:before{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(8,59,62,.08) 42%,rgba(8,59,62,.42) 100%);content:"";mix-blend-mode:multiply;transition:background .4s ease}
.industryMedia:after{z-index:1;background:linear-gradient(180deg,transparent 38%,rgba(4,31,33,.88) 100%)}
.industryMedia img{filter:grayscale(.32) saturate(.58) contrast(1.08);transform:scale(1.01)}
.industryGrid a:hover .industryMedia:before{background:linear-gradient(180deg,transparent 0%,rgba(8,59,62,.04) 48%,rgba(8,59,62,.3) 100%)}
.industryGrid a:hover .industryMedia img{filter:grayscale(.08) saturate(.82) contrast(1.04);transform:scale(1.055)}
.industryMedia small{display:none}
.industryText{position:absolute;z-index:2;inset:0;display:grid;width:auto;min-height:0;grid-template:1fr auto / 1fr auto;gap:18px;padding:26px}
.industryText>span{grid-area:1/1;color:var(--rust);font-size:12px;letter-spacing:.08em}
.industryText>div{grid-area:2/1;align-self:end;text-align:left}
.industryText strong{color:#fff;font-size:24px;line-height:1.15}
.industryText strong:after{display:block;width:34px;height:3px;margin-top:12px;background:var(--rust);content:"";transition:width .25s ease}
.industryGrid a:hover .industryText strong:after{width:58px}
.industryText p{max-width:290px;margin-top:12px;color:rgba(255,255,255,.78);font-size:14px}
.industryText svg{grid-area:2/2;align-self:end;color:#fff}
.industryGrid a:nth-child(2) img{object-position:52% center}
.industryGrid a:nth-child(3) img{object-position:center center}
.industryGrid a:nth-child(4) img{object-position:58% center}
.industryGrid a:nth-child(5) img{object-position:center center}
.industryGrid a:nth-child(6) img{object-position:56% center}
@media(max-width:760px){
.industryGrid a{min-height:330px}
.industryText{min-height:0;padding:22px}
.industryText strong{font-size:21px}
.industryMedia{height:auto}
}
@media(max-width:480px){
.industryGrid a{min-height:350px}
.industryMedia{height:auto}
}
.contactBand{border-top:0}
.servicePromise{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:0;align-items:stretch;padding-bottom:55px}
.servicePromiseMedia{position:relative;min-height:620px;overflow:hidden;background:var(--petrol-dark)}
.servicePromiseMedia:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(7,59,65,.82));content:""}
.servicePromiseMedia>img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.servicePromiseMedia>span{position:absolute;z-index:2;right:24px;bottom:23px;left:24px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.servicePromiseContent{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,72px);background:var(--petrol-dark)}
.serviceLogo{width:150px;margin-bottom:36px}
.servicePromiseIntro{max-width:690px}
.servicePromise .eyebrow{margin-bottom:13px;color:var(--rust)}
.servicePromise h2{margin-bottom:22px}
.servicePromiseIntro>p:not(.eyebrow){max-width:650px;margin:0;color:#d3e2df;font-size:16px;line-height:1.7}
.servicePromiseIntro>a{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:0 0 6px;border:0;border-bottom:1px solid #fff;background:transparent;color:#fff;font-size:12px;font-weight:900}
.serviceProofs{display:grid;grid-template-columns:1fr 1fr;margin-top:46px;border-top:1px solid #ffffff32;border-left:1px solid #ffffff32}
.serviceProofs>div{min-height:130px;padding:22px;border-right:1px solid #ffffff32;border-bottom:1px solid #ffffff32}
.serviceProofs strong,.serviceProofs span{display:block}
.serviceProofs strong{margin-bottom:10px;color:var(--rust);font-size:17px}
.serviceProofs span{color:#d3e2df;font-size:13px;line-height:1.5}
.servicePromiseMedia>span{right:auto;max-width:390px;padding:11px 14px;border-left:3px solid var(--rust);background:rgba(7,59,65,.84);font-size:15px;line-height:1.35;text-transform:none;letter-spacing:.025em;backdrop-filter:blur(5px)}
.servicePromise{grid-template-columns:minmax(350px,.84fr) minmax(0,1.16fr)}
.servicePromiseMedia{min-height:590px}
.servicePromiseContent{padding:clamp(36px,4vw,58px)}
.serviceLogo{margin-bottom:24px}
.servicePromise h2{margin-bottom:16px;font-size:clamp(38px,4.4vw,61px);line-height:.98}
.servicePromiseIntro>p:not(.eyebrow){max-width:640px;line-height:1.62}
.servicePromiseIntro>a{min-height:48px;margin-top:25px;padding:0 20px;border:1px solid var(--rust);background:var(--rust);font-size:13px;transition:background .18s ease,color .18s ease,border-color .18s ease}
.servicePromiseIntro>a:hover,.servicePromiseIntro>a:focus-visible{border-color:#fff;background:#fff;color:var(--petrol-dark)}
.serviceProofs{margin-top:34px}
.serviceProofs>div{min-height:108px;padding:18px 20px}
@media(max-width:900px){
.servicePromise{grid-template-columns:1fr}
.servicePromiseMedia{min-height:440px}
.servicePromiseContent{padding:55px 30px}
.serviceProofs{width:100%}
}
@media(max-width:480px){
.servicePromiseMedia{min-height:390px}
.servicePromiseContent{padding:45px 22px}
.serviceLogo{width:125px}
.serviceProofs{grid-template-columns:1fr}
.serviceProofs>div{min-height:0}
}
.siteFooter .servicePromise{padding-bottom:0;border-bottom:0}
.siteFooter>.contactBand{margin-bottom:55px}
.siteFooter>.contactBand+.faqSection{margin-bottom:55px;color:var(--ink)}
.siteFooter>.faqSection{grid-template-columns:270px minmax(0,720px);justify-content:center;gap:clamp(38px,5vw,70px);padding:58px clamp(24px,5vw,68px)}
.siteFooter>.faqSection .faqIntro h2{margin-bottom:17px;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.05em;line-height:1.02}
.siteFooter>.faqSection .faqIntro>p:last-child{font-size:14px;line-height:1.6}
.siteFooter>.faqSection .faqList summary{min-height:76px;grid-template-columns:32px 1fr auto;padding:17px 3px}
.siteFooter>.faqSection .faqList summary strong{font-size:16px;line-height:1.35}
.siteFooter>.faqSection .faqList details>div{padding:0 38px 22px 44px}
.siteFooter>.faqSection .faqList details p{font-size:14px;line-height:1.65}
@media(max-width:850px){
.siteFooter>.faqSection{grid-template-columns:1fr;max-width:900px;margin-right:auto;margin-left:auto}
}
@media(max-width:620px){
.siteFooter>.faqSection{padding:48px 20px}
.siteFooter>.faqSection .faqList summary{grid-template-columns:24px 1fr auto}
.siteFooter>.faqSection .faqList details>div{padding:0 4px 20px 34px}
}
.industryGrid{gap:18px;background:transparent}
.industryGrid a{min-height:320px}
.industryText strong:after{display:none}
.industryText p{opacity:0;transform:translateY(7px);transition:opacity .25s ease,transform .25s ease}
.industryGrid a:hover .industryText p,.industryGrid a:focus-visible .industryText p{opacity:1;transform:none}
.newsletterSection{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(45px,8vw,120px);align-items:center;padding:clamp(70px,9vw,125px) clamp(28px,6vw,92px);background:#edf1ee}
.newsletterCopy{max-width:720px}
.newsletterCopy .eyebrow{color:var(--rust)}
.newsletterCopy h2{margin:0 0 24px;font-size:clamp(44px,5.7vw,78px);font-weight:600;letter-spacing:-.06em;line-height:.95}
.newsletterCopy>p:not(.eyebrow){max-width:650px;margin:0;color:var(--muted);font-size:17px;line-height:1.7}
.newsletterTopics{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:30px}
.newsletterTopics span{position:relative;color:var(--petrol);font-size:13px;font-weight:800}
.newsletterTopics span:not(:last-child):after{position:absolute;right:-14px;color:var(--rust);content:"·"}
.newsletterForm{padding:clamp(28px,4vw,48px);background:#fff;box-shadow:0 20px 55px rgba(10,43,40,.08)}
.newsletterForm>label:first-child{display:block;margin-bottom:13px;color:var(--petrol);font-size:13px;font-weight:900}
.newsletterInputRow{display:flex;min-height:58px;border:1px solid #aebbb6}
.newsletterInputRow input{min-width:0;flex:1;padding:0 18px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit}
.newsletterInputRow input:focus{box-shadow:inset 0 0 0 2px var(--petrol)}
.newsletterInputRow button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 23px;border:0;background:var(--rust);color:#fff;font-size:13px;font-weight:900;white-space:nowrap}
.newsletterConsent{display:flex;align-items:flex-start;gap:10px;margin-top:18px;color:#65736e;font-size:12px;line-height:1.5}
.newsletterConsent input{width:17px;height:17px;flex:0 0 auto;margin:1px 0 0;accent-color:var(--petrol)}
@media(max-width:900px){
.industryGrid{gap:12px}
.newsletterSection{grid-template-columns:1fr}
.newsletterForm{max-width:650px}
}
@media(max-width:760px){
.industryGrid a{min-height:300px}
.industryText p{opacity:1;transform:none}
.newsletterSection{padding:65px 23px}
.newsletterInputRow{align-items:stretch;flex-direction:column;border:0}
.newsletterInputRow input{min-height:56px;border:1px solid #aebbb6}
.newsletterInputRow button{min-height:54px}
}
@media(max-width:480px){
.industryGrid a{min-height:320px}
.newsletterCopy h2{font-size:43px}
.newsletterTopics{gap:9px 20px}
.newsletterTopics span:not(:last-child):after{right:-12px}
}
.videoLayer iframe{transform:translate(-50%,-50%) scale(1.16)}
.eyebrow{font-size:11px}
.proofStrip span{font-size:12px;line-height:1.4}
.industryMedia{height:100%}
.industryMedia img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.industryMedia:before{background:linear-gradient(180deg,rgba(7,59,65,.02) 0%,rgba(7,59,65,.05) 58%,rgba(7,59,65,.34) 100%);mix-blend-mode:normal}
.industryMedia:after{background:linear-gradient(180deg,transparent 48%,rgba(7,59,65,.9) 100%)}
.industryGrid a:hover .industryMedia:before{background:linear-gradient(180deg,transparent 0%,rgba(7,59,65,.03) 60%,rgba(7,59,65,.28) 100%)}
.footerGrid{grid-template-columns:1.15fr 1fr 1.35fr 1fr;gap:clamp(34px,4.5vw,70px)}
.footerGrid p{font-size:13px;line-height:1.45}
.footerGrid .footerSocial{margin-top:22px;color:var(--rust)}
@media(max-width:900px){
.footerGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
.footerGrid{grid-template-columns:1fr;gap:34px}
.footerBottom{gap:12px;align-items:flex-start;flex-direction:column;line-height:1.6}
}
.siteHeader{border-bottom-color:#ffffff20;background:#101a18;color:#fff;box-shadow:0 10px 28px rgba(7,22,20,.12)}
.siteHeader .brand img{filter:brightness(0) invert(1)}
.siteHeader .mainNav button{color:#f1f5f4}
.siteHeader .mainNav button:hover,.siteHeader .mainNav button:focus-visible,.siteHeader .mainNav button.active{color:var(--rust)}
.siteHeader .mainNav button.active:after{background:var(--rust)}
.siteHeader .iconButton,.siteHeader .menuButton{border-color:#ffffff42;color:#fff}
.siteHeader .iconButton:hover,.siteHeader .menuButton:hover{border-color:#fff;background:#ffffff10}
.siteHeader .utilityButton{border-color:#ffffff70;color:#fff}
.siteHeader .utilityButton:hover,.siteHeader .utilityButton:focus-visible{border-color:#fff;background:#fff;color:#101a18}
.siteHeader .utilityShop{border-color:var(--rust);background:var(--rust);color:#fff}
.siteHeader .utilityShop:hover,.siteHeader .utilityShop:focus-visible{border-color:#fff;background:#fff;color:#101a18}
.siteHeader .primaryButton{border-color:#fff;background:#fff;color:#101a18}
.siteHeader .primaryButton:hover,.siteHeader .primaryButton:focus-visible{border-color:var(--rust);background:var(--rust);color:#fff}
.woodCatalogHero{display:grid;min-height:455px;grid-template-columns:.9fr 1.1fr;background:#edf1ee}
.woodHeroCopy{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,4.8vw,64px) clamp(32px,6vw,90px)}
.woodHeroCopy .eyebrow{color:var(--rust)}
.woodHeroCopy h1{margin:0 0 20px;font-size:clamp(52px,5.7vw,76px);font-weight:650;letter-spacing:-.075em;line-height:.88}
.woodHeroCopy h1 em{color:var(--rust);font-style:normal}
.woodHeroCopy>p:not(.eyebrow){max-width:620px;margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.woodHeroMeta{display:flex;gap:clamp(20px,3.5vw,48px);margin-top:28px;padding-top:18px;border-top:1px solid #bec8c4}
.woodHeroMeta span{color:var(--muted);font-size:12px;line-height:1.35}
.woodHeroMeta strong{display:block;margin-bottom:3px;color:var(--petrol);font-size:22px}
.woodHeroVisual{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#dfe6e2}
.woodHeroVisual:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(7,59,65,.16));content:""}
.woodHeroVisual>span{position:absolute;z-index:2;top:26px;right:30px;color:var(--petrol);font-size:11px;font-weight:900;letter-spacing:.13em}
.woodHeroVisual img{width:92%;height:78%;object-fit:contain;mix-blend-mode:multiply}
.woodSearch{display:flex;width:min(390px,100%);height:58px;flex:0 0 auto;align-items:center;gap:12px;padding:0 16px;border:1px solid #aebbb6;background:#fff;color:var(--petrol)}
.woodSearch:focus-within{box-shadow:inset 0 0 0 2px var(--petrol)}
.woodSearch input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}
.woodSearch button{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:0;background:transparent;color:var(--petrol)}
.woodCategoryHeading p:not(.eyebrow){max-width:590px;margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.woodEmpty{padding:70px 35px;border-top:1px solid var(--ink);background:#fff;text-align:center}
.woodEmpty h3{margin:0 0 10px;font-size:27px}
.woodEmpty p{margin:0 0 25px;color:var(--muted)}
.woodEmpty button{padding:0 0 5px;border:0;border-bottom:1px solid var(--petrol);background:transparent;color:var(--petrol);font-size:13px;font-weight:900}
.woodSupportRow{display:grid;grid-template-columns:1.35fr .825fr .825fr;background:#edf1ee}
.woodSupportRow article{position:relative;display:flex;min-height:310px;flex-direction:column;padding:clamp(30px,4vw,55px);border-right:1px solid #cdd7d3}
.woodSupportRow article:last-child{border:0}
.woodSupportPrimary{background:var(--petrol);color:#fff}
.woodSupportPrimary .eyebrow{color:var(--rust)}
.woodSupportPrimary h2{margin:0 0 18px;font-size:clamp(31px,4vw,49px);font-weight:600;letter-spacing:-.05em;line-height:1}
.woodSupportPrimary>p:not(.eyebrow){max-width:590px;margin:0;color:#cadbd7;font-size:15px;line-height:1.6}
.woodSupportPrimary button{align-self:flex-start;margin-top:auto;padding:0 0 5px;border:0;border-bottom:1px solid #fff;background:transparent;color:#fff;font-size:13px;font-weight:900}
.woodSupportRow article>span{color:var(--rust);font-size:12px;font-weight:900}
.woodSupportRow article>h3{max-width:260px;margin:50px 0 12px;font-size:25px;line-height:1.1}
.woodSupportRow article>p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.woodSupportRow article>svg{margin-top:auto;color:var(--petrol)}
@media(max-width:1000px){
.woodCatalogHero{grid-template-columns:1fr}
.woodHeroVisual{min-height:300px}
.woodSupportRow{grid-template-columns:1fr 1fr}
.woodSupportPrimary{grid-column:1/-1}
}
@media(max-width:700px){
.woodHeroCopy{padding:40px 23px}
.woodHeroCopy h1{font-size:48px}
.woodHeroMeta{gap:18px;margin-top:23px;padding-top:15px;flex-wrap:wrap}
.woodHeroVisual{min-height:250px}
.woodSupportRow{grid-template-columns:1fr}
.woodSupportPrimary{grid-column:auto}
.woodSupportRow article{min-height:250px;border-right:0;border-bottom:1px solid #cdd7d3}
}
body.anest-catalog #main > .row.category-page-row{display:grid;grid-template-columns:315px minmax(0,1fr);background:#f5f6f3}
.homagFilters{align-self:stretch;padding:34px 26px 44px;background:var(--petrol);color:#fff}
.homagFilterTitle{padding-bottom:28px;border-bottom:1px solid #ffffff36}
.homagFilterTitle span,.homagFilterTitle strong{display:block}
.homagFilterTitle span{margin-bottom:8px;color:var(--rust);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.homagFilterTitle strong{font-size:22px;line-height:1.2}
.homagFilterGroup{padding:28px 0;border-bottom:1px solid #ffffff2b}
.homagFilterGroup h3{margin:0 0 15px;color:#fff;font-size:14px}
.homagFilterGroup a{display:flex;width:100%;gap:11px;align-items:flex-start;padding:8px 0;border:0;background:transparent;color:#cad9d6;font-size:13px;line-height:1.35;text-align:left}
.homagFilterGroup a:hover,.homagFilterGroup a.active{color:#fff}
.homagFilterGroup a i{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border:1px solid #ffffff68;font-style:normal}
.homagFilterGroup a.active i{border-color:#fff;background:#fff;color:var(--petrol)}
.homagReset{margin-top:28px;padding:0 0 5px;border:0;border-bottom:1px solid #fff;background:transparent;color:#fff;font-size:12px;font-weight:900}
body.anest-catalog #main .shop-container{padding:clamp(52px,6vw,86px) clamp(28px,5vw,72px)}
.categoryFilter>a,.categoryFilterItem>a{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:start}
.categoryFilter a span{min-width:0}
.categoryFilter a small{padding-top:2px;color:#86aaa5;font-size:11px;font-weight:800}
.categoryFilter a.active small{color:var(--rust)}
.categoryFilterItem{border-bottom:1px solid #ffffff12}
.categoryFilterItem>a{padding:11px 0;border-bottom:0}
.subcategoryFilter{margin:1px 0 12px 29px;padding:7px 0 7px 15px;border-left:2px solid var(--rust)}
.homagFilterGroup .subcategoryFilter a{display:block;padding:6px 7px;color:#a9c0bc;font-size:12px;line-height:1.35}
.homagFilterGroup .subcategoryFilter a:hover,.homagFilterGroup .subcategoryFilter a.active{background:#ffffff0c;color:#fff;font-weight:800}
.brandFilter{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}
.brandFilter h3{grid-column:1/-1}
.mobileFilterToggle{display:none}
.homagResultsTop{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:42px}
.homagResultsTop>div{max-width:680px}
.homagResultsTop h2{margin:0 0 14px;font-size:clamp(38px,4.6vw,61px);font-weight:600;letter-spacing:-.055em}
.homagResultsTop>div>p:not(.eyebrow){max-width:620px;margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.machineDirectory{display:grid;gap:24px}
.machineGroup{border:1px solid var(--line);background:#fff}
.machineGroupHead{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:22px 25px;border-bottom:1px solid var(--line);background:#e9eeeb}
.machineGroupHead span{display:block;margin-bottom:6px;color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.machineGroupHead h3{max-width:760px;margin:0;color:var(--petrol-dark);font-size:clamp(20px,2.3vw,29px);letter-spacing:-.035em;line-height:1.15}
.machineGroupHead>small{flex:0 0 auto;color:var(--muted);font-size:11px;font-weight:800}
.machineList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.machineList>a{display:flex;min-height:94px;align-items:center;justify-content:space-between;gap:15px;padding:19px 20px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;color:var(--petrol);text-align:left;transition:background .18s ease,color .18s ease}
.machineList>a:nth-child(3n){border-right:0}
.machineList>a:hover,.machineList>a:focus-visible{background:var(--petrol);color:#fff}
.machineList>a div{min-width:0}
.machineThumb{display:grid;width:56px;height:44px;flex:0 0 56px;place-items:center;overflow:hidden;border:1px solid var(--line);background:#edf1ee}
.machineThumb img{width:92%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.machineList>a:hover .machineThumb,.machineList>a:focus-visible .machineThumb{border-color:#ffffff66;background:#fff}
.machineList>a small{display:block;margin-bottom:7px;color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.machineList>a strong{display:block;overflow-wrap:anywhere;font-size:14px;line-height:1.25}
.machineList>a svg{flex:0 0 auto;color:var(--rust)}
.loadMoreMachines{display:flex;width:100%;align-items:center;justify-content:center;gap:20px;margin-top:28px;padding:18px 22px;border:1px solid var(--petrol);background:transparent;color:var(--petrol);font-size:13px;font-weight:900}
.loadMoreMachines:hover,.loadMoreMachines:focus-visible{background:var(--petrol);color:#fff}
.loadMoreMachines span{font-size:11px;font-weight:700}
@media(max-width:1100px){
body.anest-catalog #main > .row.category-page-row{grid-template-columns:270px minmax(0,1fr)}
.homagResultsTop{align-items:flex-start;flex-direction:column}
}
@media(max-width:1100px){
.machineList{grid-template-columns:repeat(2,minmax(0,1fr))}
.machineList>a:nth-child(3n){border-right:1px solid var(--line)}
.machineList>a:nth-child(2n){border-right:0}
}
@media(max-width:760px){
body.anest-catalog #main > .row.category-page-row{grid-template-columns:1fr}
.homagFilters{display:none;padding:28px 22px}
.homagFilters.filtersOpen{display:block}
.homagFilterGroup{padding:22px 0}
body.anest-catalog #main .shop-container{padding:38px 22px 55px}
.mobileFilterToggle{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;margin-bottom:34px;padding:15px;border:1px solid var(--petrol);background:var(--petrol);color:#fff;font-size:13px;font-weight:900}
.homagResultsTop .woodSearch{width:100%}
.machineList{grid-template-columns:1fr}
.machineList>a,.machineList>a:nth-child(2n),.machineList>a:nth-child(3n){border-right:0}
.machineGroupHead{align-items:flex-start;flex-direction:column}
.machineGroupHead>small{align-self:flex-start}
}
@media(max-width:1100px){
.productDetailLayout{grid-template-columns:270px minmax(0,1fr)}
.benefitGrid{grid-template-columns:1fr}
}
@media(max-width:760px){
.productDetailLayout{grid-template-columns:1fr}
.productCategorySidebar{display:none}
.productSingleHero{padding:55px 22px 0}
.productHeroIntro h1{font-size:68px}
.productHeroIntro>p:not(.eyebrow){font-size:16px}
.productSingleHero figure{height:390px;margin-top:42px}
.productSingleHero figcaption{right:15px;bottom:15px;left:15px}
.productBenefits,.productSpecSingle{padding:72px 22px}
.benefitGrid article>img{height:235px}
.productSpecSingle .specTable{padding:0 18px}
.productSpecSingle .specTable div{align-items:flex-start;flex-direction:column}
.productSpecSingle .specTable strong{max-width:none;text-align:left}
.productMedia{min-height:560px}
.productMedia:after{background:linear-gradient(180deg,rgba(8,27,23,.93),rgba(8,27,23,.7))}
.productMedia>div{padding:75px 22px}
}
.productMedia{min-height:0;padding:clamp(75px,8vw,115px) clamp(30px,6vw,82px);overflow:visible;background:var(--petrol-dark);color:#fff}
.productMedia:after{content:none}
.productMedia>.productSectionHead{z-index:auto;max-width:880px;padding:0}
.productMedia>.productSectionHead>span{margin-bottom:28px;color:var(--rust)}
.productMedia .eyebrow{color:#9fc5c0}
.productMedia h2{margin:0;color:#fff}
.productMedia>.productVideoFrame{position:relative;z-index:auto;width:100%;max-width:none;margin-top:55px;padding:56.25% 0 0;overflow:hidden;background:#06110e;box-shadow:0 25px 65px #0005}
.productVideoFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.relatedProductSection .valueGrid article{position:relative}
.relatedProductSection .valueGrid article>svg{position:absolute;right:22px;bottom:22px;color:var(--rust)}
.relatedSoftwareSection{padding:clamp(75px,8vw,115px) clamp(30px,6vw,82px);background:#edf1ee}
.relatedSoftwareHead{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(35px,7vw,95px);align-items:end;margin-bottom:48px}
.relatedSoftwareHead h2{max-width:760px;margin:0;font-size:clamp(38px,4.7vw,62px);font-weight:600;letter-spacing:-.055em;line-height:.98}
.relatedSoftwareHead>p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.relatedSoftwareGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.relatedSoftwareCard{display:flex;min-width:0;flex-direction:column;border:1px solid #cbd5d0;background:#fff;color:var(--ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.relatedSoftwareCard:hover,.relatedSoftwareCard:focus-visible{transform:translateY(-3px);box-shadow:0 18px 42px rgba(10,43,40,.1)}
.softwareCardCopy{display:flex;min-height:275px;flex:1;flex-direction:column;padding:26px}
.softwareCardCopy>small{color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.softwareCardCopy h3{margin:28px 0 13px;font-size:28px;letter-spacing:-.04em}
.softwareCardCopy p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.softwareCardCopy>span{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);color:var(--petrol);font-size:12px;font-weight:900}
.relatedServicesStrip{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:clamp(35px,7vw,95px);align-items:end;padding:55px clamp(30px,6vw,82px);background:#fff;border-bottom:1px solid var(--line)}
.relatedServicesStrip h2{max-width:480px;margin:0;font-size:clamp(28px,3.4vw,45px);letter-spacing:-.045em;line-height:1}
.relatedServiceLinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.relatedServiceLinks a{display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--petrol);font-size:12px;font-weight:900;text-align:left}
.relatedServiceLinks a:last-child{border-right:0}
.relatedServiceLinks a:hover,.relatedServiceLinks a:focus-visible{background:var(--petrol);color:#fff}
@media(max-width:1000px){
.relatedSoftwareGrid{grid-template-columns:1fr 1fr}
.relatedServicesStrip{grid-template-columns:1fr}
.relatedServiceLinks{max-width:760px}
}
@media(max-width:760px){
.productMedia{min-height:0;padding:72px 22px}
.productMedia>.productSectionHead{padding:0}
.productMedia>.productVideoFrame{margin-top:42px;padding:56.25% 0 0}
.relatedSoftwareSection{padding:72px 22px}
.relatedSoftwareHead{grid-template-columns:1fr;margin-bottom:35px}
.relatedSoftwareGrid{grid-template-columns:1fr}
.softwareCardCopy{min-height:245px}
.relatedServicesStrip{padding:52px 22px}
.relatedServiceLinks{grid-template-columns:1fr}
.relatedServiceLinks a{border-right:0}
}
.productDetailClean{background:#fff}
.productDetailClean .productSingleHero{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(420px,1.22fr);gap:clamp(30px,5vw,72px);align-items:center;padding:clamp(48px,5vw,70px) clamp(30px,5vw,70px);background:#fff;border-bottom:1px solid var(--line)}
.productDetailClean .productHeroIntro{max-width:590px}
.productDetailClean .productHeroIntro h1{margin:8px 0 22px;font-size:clamp(58px,7vw,94px);line-height:.84}
.productDetailClean .productHeroIntro>p:not(.eyebrow){max-width:560px;margin-bottom:30px;font-size:17px;line-height:1.6}
.productDetailClean .productSingleHero figure{display:grid;height:clamp(340px,39vw,515px);place-items:center;margin:0;background:#f3f5f2}
.productDetailClean .productSingleHero figure img{width:92%;height:88%;object-fit:contain}
.productDetailClean .productAnchor{justify-content:flex-start;gap:30px;padding:16px clamp(30px,5vw,70px);box-shadow:none}
.productDetailClean .productSectionHead{max-width:720px}
.productDetailClean .productSectionHead>span{display:none}
.productDetailClean .productSectionHead h2{font-size:clamp(32px,4vw,48px);line-height:1.05}
.productDetailClean .productBenefits,.productDetailClean .productSpecSingle,.productDetailClean .productMedia,.productDetailClean .relatedSoftwareSection{padding:clamp(62px,7vw,90px) clamp(30px,5vw,70px)}
.productDetailClean .benefitGrid{grid-template-columns:1fr 1fr;gap:0;margin-top:40px;border-top:1px solid var(--ink)}
.productDetailClean .benefitGrid article{display:grid;min-height:190px;grid-template-columns:145px 1fr;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.productDetailClean .benefitGrid article:nth-child(2n){border-right:0}
.productDetailClean .benefitGrid article>img{width:100%;height:100%;min-height:190px;object-fit:cover}
.productDetailClean .benefitGrid article>div{padding:24px}
.productDetailClean .benefitGrid article h3{margin:18px 0 8px;font-size:20px}
.productDetailClean .benefitGrid article p{font-size:14px;line-height:1.58}
.productDetailClean .productSpecSingle{background:#f4f6f3}
.productDetailClean .productSpecSingle .specTable{margin-top:40px;padding:0;background:transparent}
.productDetailClean .productSpecSingle .specTable div{padding:20px 0}
.productDetailClean .productMedia{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.productDetailClean .productMedia .eyebrow{color:var(--rust)}
.productDetailClean .productMedia h2{color:var(--ink)}
.productDetailClean .productMedia>.productVideoFrame{max-width:960px;margin-top:38px;box-shadow:none}
.productDetailClean .relatedSoftwareSection{background:#fff;border-bottom:1px solid var(--line)}
.productDetailClean .relatedSoftwareHead{gap:40px;margin-bottom:35px}
.productDetailClean .relatedSoftwareHead h2{font-size:clamp(32px,4vw,48px);line-height:1.05}
.productDetailClean .relatedSoftwareGrid{gap:0;border-top:1px solid var(--ink)}
.productDetailClean .relatedSoftwareCard{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:none}
.productDetailClean .relatedSoftwareCard:last-child{border-right:0}
.productDetailClean .relatedSoftwareCard:hover,.productDetailClean .relatedSoftwareCard:focus-visible{transform:none;background:#f6f7f4;box-shadow:none}
.productDetailClean .softwareCardCopy{min-height:255px;padding:24px}
.productDetailClean .softwareCardCopy h3{margin:20px 0 12px;font-size:25px}
.productDetailClean .softwareCardCopy p{font-size:14px;line-height:1.6}
.productDetailClean .relatedServicesStrip{gap:42px;padding:48px clamp(30px,5vw,70px)}
.productDetailClean .relatedServicesStrip h2{font-size:clamp(28px,3vw,38px)}
.productDetailClean .relatedServiceLinks a{min-height:72px}
@media(max-width:1100px){
.productDetailClean .productSingleHero{grid-template-columns:1fr}
.productDetailClean .productSingleHero figure{height:430px}
.productDetailClean .benefitGrid{grid-template-columns:1fr}
.productDetailClean .benefitGrid article,.productDetailClean .benefitGrid article:nth-child(2n){border-right:0}
}
@media(max-width:760px){
.productDetailClean .productSingleHero{padding:48px 22px}
.productDetailClean .productSingleHero figure{height:330px}
.productDetailClean .productAnchor{padding-right:22px;padding-left:22px}
.productDetailClean .productBenefits,.productDetailClean .productSpecSingle,.productDetailClean .productMedia,.productDetailClean .relatedSoftwareSection{padding:62px 22px}
.productDetailClean .benefitGrid article{grid-template-columns:110px 1fr}
.productDetailClean .benefitGrid article>img{min-height:175px}
.productDetailClean .benefitGrid article>div{padding:20px}
.productDetailClean .relatedSoftwareHead{grid-template-columns:1fr}
.productDetailClean .relatedSoftwareCard{border-right:0}
.productDetailClean .softwareCardCopy{min-height:220px}
.productDetailClean .relatedServicesStrip{padding:45px 22px}
}
.midCategoryHero{display:grid;min-height:450px;grid-template-columns:1.25fr .75fr;background:#eef1ed}
.midCategoryHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(52px,6vw,78px)}
.midCategoryHero h1{margin:0 0 24px;color:var(--petrol-dark);font-size:clamp(52px,6vw,82px);font-weight:650;letter-spacing:-.07em;line-height:.88}
.midCategoryHero h1 em{color:var(--rust);font-style:normal}
.midCategoryHero>div>p:not(.eyebrow){max-width:660px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.midCategoryMeta{display:flex;flex-wrap:wrap;gap:25px;margin-top:35px;padding-top:22px;border-top:1px solid #cbd4cf}
.midCategoryMeta span{display:flex;flex-direction:column;color:var(--muted);font-size:11px}
.midCategoryMeta strong{margin-bottom:3px;color:var(--petrol);font-size:18px}
.midCategoryHero figure{position:relative;display:grid;min-height:360px;place-items:center;margin:0;overflow:hidden;background:#e1e7e3}
.midCategoryHero figure>span{position:absolute;top:22px;left:22px;color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.12em}
.midCategoryHero figure img{width:90%;height:78%;object-fit:contain;mix-blend-mode:multiply}
.midMachineGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.midMachineGrid article{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line);background:#fff}
.midMachineImage{position:relative;display:grid;height:245px;place-items:center;overflow:hidden;background:#f5f7f4}
.midMachineImage>span{position:absolute;z-index:1;top:14px;left:14px;padding:6px 8px;background:var(--petrol);color:#fff;font-size:9px;font-weight:900}
.midMachineImage img{width:88%;height:82%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.midMachineGrid article:hover .midMachineImage img{transform:scale(1.045)}
.midMachineCopy{display:flex;min-height:245px;flex:1;flex-direction:column;padding:23px}
.midMachineCopy>small{color:var(--rust);font-size:10px;font-weight:900;line-height:1.35;text-transform:uppercase}
.midMachineCopy h3{margin:22px 0 9px;font-size:26px;letter-spacing:-.035em;text-transform:lowercase}
.midMachineCopy p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.midMachineCopy a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:17px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--petrol);font-size:12px;font-weight:900}
.midCategoryHelp{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding:clamp(70px,7vw,100px) clamp(28px,5vw,70px);background:var(--petrol-dark);color:#fff}
.midCategoryHelp h2{max-width:670px;margin:0;font-size:clamp(36px,4.5vw,58px);font-weight:600;letter-spacing:-.055em;line-height:1}
.midCategoryHelp .eyebrow{color:#a8ccc8}
.midCategoryHelp>div:last-child{display:flex;flex-direction:column;justify-content:flex-end}
.midCategoryHelp>div:last-child p{margin:0 0 27px;color:#bdd0cc;line-height:1.7}
.midCategoryHelp button{display:flex;align-self:flex-start;align-items:center;gap:9px;padding:14px 17px;border:0;background:var(--rust);color:#fff;font-size:13px;font-weight:900}
@media(max-width:1100px){
.midCategoryHero{grid-template-columns:1fr}
.midCategoryHero figure{min-height:330px}
.midMachineGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.midCategoryHelp{grid-template-columns:1fr}
}
@media(max-width:760px){
.midCategoryHero>div{padding:55px 22px}
.midCategoryHero h1{font-size:50px}
.midCategoryMeta{gap:18px}
.midCategoryHero figure{min-height:300px}
.subcategoryChoice,.midCategoryProducts,.midCategoryHelp{padding:65px 22px}
.midMachineGrid{grid-template-columns:1fr}
.midMachineImage{height:280px}
}
.serviceHub{background:#fff}
.serviceHubHero{display:grid;min-height:590px;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);background:var(--petrol-dark);color:#fff}
.serviceHubCopy{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,4.7vw,70px) clamp(48px,6vw,92px)}
.serviceHubLogo{width:158px;margin-bottom:32px}
.serviceHubCopy .eyebrow{margin-bottom:18px;color:var(--rust);font-size:13px;letter-spacing:.055em;text-transform:none}
.serviceHubCopy h1{max-width:850px;margin:0 0 22px;font-size:clamp(52px,5.8vw,78px);font-weight:600;letter-spacing:-.07em;line-height:.91}
.serviceHubCopy h1 em{color:var(--rust);font-style:normal}
.serviceHubCopy .lead{max-width:690px;margin:0;color:#cbdad7;font-size:17px;line-height:1.7}
.serviceHubCopy .buttonRow{margin-top:26px}
.serviceOutlineButton{min-height:46px;padding:0 18px;border:1px solid #ffffff52;background:transparent;color:#d5e1de;font-size:12px;font-weight:800}
.serviceOutlineButton:hover,.serviceOutlineButton:focus-visible{border-color:#fff;background:#fff;color:var(--petrol-dark)}
.serviceHubMedia{position:relative;min-height:540px;margin:0;overflow:hidden;background:#d9e0dc}
.serviceHubMedia:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(7,59,65,.72));content:""}
.serviceHubMedia img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.serviceHubMedia figcaption{position:absolute;z-index:1;right:24px;bottom:22px;left:24px;padding:11px 14px;border-left:3px solid var(--rust);background:rgba(7,59,65,.86);color:#fff;font-size:12px;font-weight:850;letter-spacing:.025em}
.serviceHeroVideo{isolation:isolate;background:var(--petrol-dark)}
.serviceHeroVideo:after{display:none}
.serviceHeroVideo iframe{position:absolute;z-index:0;top:50%;left:50%;width:177.78vh;min-width:100%;height:56.25vw;min-height:100%;transform:translate(-50%,-50%);border:0;pointer-events:none}
.serviceVideoShade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(7,59,65,.08) 0%,rgba(7,59,65,.04) 48%,rgba(7,59,65,.66) 100%);pointer-events:none}
.serviceHeroVideo figcaption{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px}
.serviceHeroVideo figcaption a{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;white-space:nowrap}
.serviceHeroVideo figcaption a:hover{text-decoration:underline;text-underline-offset:4px}
.serviceDirectory{padding:clamp(86px,9vw,132px) clamp(28px,6vw,90px);background:#f2f4f2}
.serviceDirectoryIntro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(35px,8vw,120px);align-items:end;margin-bottom:62px}
.serviceDirectoryIntro h2{margin:0;font-size:clamp(48px,6vw,78px);font-weight:600;letter-spacing:-.065em;line-height:.93}
.serviceDirectoryIntro>p{max-width:520px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.serviceGroupGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.serviceGroupCard{display:flex;min-width:0;flex-direction:column;border:1px solid #cbd4cf;background:#fff}
.serviceGroupHead{min-height:205px;padding:30px}
.serviceGroupHead>span{color:var(--rust);font-size:11px;font-weight:900;letter-spacing:.1em}
.serviceGroupHead h3{max-width:340px;margin:18px 0 17px;color:var(--petrol-dark);font-size:clamp(26px,2.6vw,35px);letter-spacing:-.045em;line-height:1.02}
.serviceGroupHead p{max-width:380px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.serviceGroupLinks{margin-top:auto;border-top:1px solid var(--line)}
.serviceGroupLinks a{display:flex;width:100%;min-height:60px;align-items:center;justify-content:space-between;gap:16px;padding:13px 20px;border:0;border-bottom:1px solid var(--line);background:#fff;color:var(--petrol);font-size:13px;font-weight:850;text-align:left;transition:background .18s ease,color .18s ease}
.serviceGroupLinks a:last-child{border-bottom:0}
.serviceGroupLinks a:hover,.serviceGroupLinks a:focus-visible{background:var(--petrol);color:#fff}
.serviceGroupLinks svg{flex:0 0 auto;color:var(--rust)}
.serviceTransparency{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(50px,8vw,120px);padding:clamp(85px,9vw,135px) clamp(28px,6vw,90px);background:#fff}
.serviceTransparencyIntro{align-self:center}
.serviceTransparencyIntro h2{max-width:790px;margin:0 0 28px;font-size:clamp(44px,5.8vw,76px);font-weight:600;letter-spacing:-.065em;line-height:.94}
.serviceTransparencyIntro h2 em{color:var(--rust);font-style:normal}
.serviceTransparencyIntro>p:not(.eyebrow){max-width:680px;margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.serviceProofGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.serviceProofGrid article{display:flex;min-height:205px;flex-direction:column;justify-content:space-between;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.serviceProofGrid strong{color:var(--petrol-dark);font-size:clamp(24px,2.7vw,38px);letter-spacing:-.04em;line-height:1}
.serviceProofGrid span{max-width:220px;color:var(--muted);font-size:12px;line-height:1.5}
.serviceProofGridSimple{grid-template-columns:1fr}
.serviceProofGridSimple article{min-height:132px;flex-direction:row;align-items:flex-end;gap:28px}
.serviceProofGridSimple strong{font-size:clamp(25px,3vw,40px)}
.serviceProofGridSimple span{text-align:right}
.serviceLifecycleHead .eyebrow{color:#9fc5c0}
.serviceContract{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);background:#e8ece9}
.serviceContractCopy{padding:clamp(55px,6.5vw,88px)}
.serviceContractCopy h2{max-width:790px;margin:0 0 22px;font-size:clamp(40px,4.7vw,62px);font-weight:600;letter-spacing:-.06em;line-height:.96}
.serviceContractCopy>p:not(.eyebrow){max-width:740px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.serviceContractBenefits{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;margin:27px 0}
.serviceContractBenefits span{display:flex;align-items:center;gap:10px;color:var(--petrol);font-size:13px;font-weight:850}
.serviceContractBenefits svg{color:var(--rust)}
.serviceContractCopy>a{display:flex;align-items:center;gap:10px;padding:16px 19px;border:0;background:var(--petrol-dark);color:#fff;font-size:13px;font-weight:900}
.serviceFinalCta{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:50px;align-items:end;padding:clamp(70px,8vw,110px) clamp(28px,6vw,90px);background:#fff}
.serviceFinalCta h2{max-width:900px;margin:0;font-size:clamp(38px,4.8vw,64px);font-weight:600;letter-spacing:-.055em;line-height:.97}
.serviceFinalCta>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:15px}
.serviceFinalCta a{display:flex;min-height:48px;align-items:center;gap:9px;padding:0 18px;border:1px solid var(--petrol);color:var(--petrol);font-size:13px;font-weight:900;text-decoration:none}
.serviceDetailPage{background:#fff}
.serviceDetailHero{display:grid;min-height:430px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);background:var(--petrol-dark);color:#fff}
.serviceDetailHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,4.5vw,64px)}
.serviceBack{align-self:flex-start;margin-bottom:42px;padding:0;border:0;background:transparent;color:#afc5c1;font-size:12px;font-weight:850}
.serviceDetailHero .eyebrow{color:var(--rust)}
.serviceDetailHero h1{max-width:820px;margin:0 0 18px;font-size:clamp(46px,5.4vw,70px);font-weight:600;letter-spacing:-.065em;line-height:.96}
.serviceDetailHero>div>p:not(.eyebrow){max-width:690px;margin:0;color:#c6d6d3;font-size:17px;line-height:1.7}
.serviceDetailHero .accentButton{align-self:flex-start;margin-top:24px}
.serviceDetailHero figure{position:relative;min-height:410px;margin:0;overflow:hidden}
.serviceDetailHero figure:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(7,59,65,.68));content:""}
.serviceDetailHero figure img{width:100%;height:100%;object-fit:cover}
.serviceDetailHero figcaption{position:absolute;z-index:1;right:24px;bottom:22px;left:24px;padding:12px 15px;border-left:3px solid var(--rust);background:rgba(7,59,65,.86);font-size:12px;font-weight:850}
.serviceDetailBody{display:grid;grid-template-columns:310px minmax(0,1fr);gap:clamp(45px,7vw,105px);padding:clamp(75px,8vw,120px) clamp(28px,6vw,90px);background:#edf1ee}
.serviceDetailBody aside{align-self:start;border:1px solid #cad4cf;background:#fff}
.serviceDetailBody aside>small{display:block;padding:18px 20px;border-bottom:1px solid var(--line);color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.serviceDetailBody aside>div>strong{display:block;padding:20px 20px 10px;color:var(--petrol-dark);font-size:13px}
.serviceDetailBody aside a{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:14px;padding:10px 20px;border:0;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px;text-align:left}
.serviceDetailBody aside a:hover,.serviceDetailBody aside a.active{background:var(--petrol);color:#fff}
.serviceDetailBody article h2{max-width:820px;margin:0 0 42px;font-size:clamp(42px,5vw,68px);font-weight:600;letter-spacing:-.06em;line-height:.95}
.serviceDetailBenefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdc9c3;border-left:1px solid #bdc9c3}
.serviceDetailBenefits div{display:flex;min-height:170px;flex-direction:column;justify-content:space-between;padding:22px;border-right:1px solid #bdc9c3;border-bottom:1px solid #bdc9c3}
.serviceDetailBenefits span{color:var(--rust);font-size:10px;font-weight:900}
.serviceDetailBenefits strong{color:var(--petrol-dark);font-size:18px;line-height:1.25}
.serviceDetailProcess{margin-top:62px}
.serviceDetailProcess h3{margin:0 0 22px;font-size:28px}
.serviceDetailProcess ol{margin:0;padding:0;border-top:1px solid #bdc9c3;list-style:none}
.serviceDetailProcess li{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid #bdc9c3}
.serviceDetailProcess li>span{color:var(--rust);font-size:11px;font-weight:900}
.serviceDetailProcess li strong{font-size:16px}
.serviceDetailProcess li p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.6}
.serviceDetailGallery{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:38px}
.serviceDetailGallery figure{position:relative;height:300px;margin:0;overflow:hidden;background:var(--petrol-dark)}
.serviceDetailGallery img{width:100%;height:100%;object-fit:cover}
.serviceDetailGallery figure:first-child img{object-position:center 45%}
.serviceDetailGallery figure:last-child img{object-position:center 35%}
.serviceDetailGallery figure:after{position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(7,59,65,.88));content:""}
.serviceDetailGallery figcaption{position:absolute;z-index:1;right:22px;bottom:20px;left:22px;display:flex;flex-direction:column;color:#fff}
.serviceDetailGallery figcaption strong{font-size:17px}
.serviceDetailGallery figcaption span{max-width:470px;margin-top:6px;color:#d5e0de;font-size:13px;line-height:1.45}
.serviceDetailPortal{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:clamp(70px,8vw,110px) clamp(28px,6vw,90px);background:var(--petrol-dark);color:#fff}
.serviceDetailPortal h2{margin:0 0 18px;font-size:clamp(42px,5vw,66px);letter-spacing:-.06em}
.serviceDetailPortal p:not(.eyebrow){max-width:680px;color:#bdd0cc;line-height:1.7}
.serviceDetailPortal a{display:flex;min-height:50px;align-items:center;gap:10px;padding:0 20px;border:0;background:var(--rust);color:#fff;font-weight:900;white-space:nowrap}
@media(max-width:1100px){
.serviceHubHero{grid-template-columns:1fr 420px}
.serviceHubCopy{padding:52px 45px}
.serviceGroupGrid{grid-template-columns:1fr}
.serviceGroupCard{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}
.serviceGroupHead{min-height:0}
.serviceGroupLinks{margin-top:0;border-top:0;border-left:1px solid var(--line)}
.serviceTransparency{grid-template-columns:1fr}
.serviceProofGrid{max-width:820px}
.serviceContract{grid-template-columns:300px minmax(0,1fr)}
.serviceFinalCta{grid-template-columns:1fr}
.serviceFinalCta>div:last-child{justify-content:flex-start}
.serviceDetailBody{grid-template-columns:260px minmax(0,1fr)}
.serviceDetailHero{grid-template-columns:1fr 390px}
}
@media(max-width:760px){
.serviceHubHero{grid-template-columns:1fr}
.serviceHubCopy{padding:42px 22px 50px}
.serviceHubLogo{width:135px;margin-bottom:28px}
.serviceHubCopy h1{font-size:50px}
.serviceHubCopy .lead{font-size:16px}
.serviceHubMedia{min-height:390px}
.serviceDirectory,.serviceTransparency,.serviceLifecycle,.serviceFinalCta{padding:70px 22px}
.serviceDirectoryIntro{grid-template-columns:1fr;margin-bottom:35px}
.serviceGroupCard{display:flex}
.serviceGroupHead{min-height:250px;padding:24px}
.serviceGroupHead h3{margin-top:45px}
.serviceGroupLinks{border-top:1px solid var(--line);border-left:0}
.serviceProofGrid{grid-template-columns:1fr}
.serviceProofGrid article{min-height:155px}
.serviceContract{grid-template-columns:1fr}
.serviceContractCopy{padding:65px 22px}
.serviceContractBenefits{grid-template-columns:1fr}
.serviceFinalCta>div:last-child{align-items:stretch;flex-direction:column}
.serviceFinalCta .accentButton,.serviceFinalCta a{justify-content:center}
.serviceDetailHero{grid-template-columns:1fr}
.serviceDetailHero>div{padding:36px 22px 44px}
.serviceBack{margin-bottom:26px}
.serviceDetailHero h1{font-size:46px}
.serviceDetailHero figure{min-height:290px}
.serviceDetailBody{grid-template-columns:1fr;padding:70px 22px}
.serviceDetailBody aside{order:2}
.serviceDetailBenefits{grid-template-columns:1fr}
.serviceDetailBenefits div{min-height:120px}
.serviceDetailGallery{grid-template-columns:1fr}
.serviceDetailGallery figure{height:260px}
.serviceDetailPortal{align-items:flex-start;flex-direction:column;padding:70px 22px}
.serviceDetailPortal a{width:100%;justify-content:center}
}
.serviceGroupImage{position:relative;height:auto;aspect-ratio:16/9;margin:0;overflow:hidden;background:#dfe6e2}
.serviceGroupImage:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,59,65,.42));content:""}
.serviceGroupImage img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.serviceGroupCard:first-child .serviceGroupImage img{object-position:center 35%}
.serviceGroupCard:nth-child(2) .serviceGroupImage img{object-fit:contain;object-position:center}
.serviceGroupCard:nth-child(3) .serviceGroupImage img{object-position:47% 50%}
.serviceGroupImage span{position:absolute;z-index:1;top:18px;left:18px;padding:7px 9px;background:var(--rust);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em}
.serviceGroupCard:hover .serviceGroupImage img{transform:scale(1.035)}
@media(max-width:760px){
.serviceGroupHead{min-height:190px}
.serviceGroupHead h3{margin-top:14px}
.serviceProofGridSimple article{min-height:125px;flex-direction:column;align-items:flex-start}
.serviceProofGridSimple span{text-align:left}
}
.aboutPage{background:#fff}
.aboutHero{display:grid;min-height:650px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);background:var(--petrol-dark);color:#fff}
.aboutHeroCopy{display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,7vw,105px) clamp(28px,6vw,92px)}
.aboutHeroCopy .eyebrow{color:var(--rust)}
.aboutHeroCopy h1{max-width:900px;margin:0;color:#fff;font-size:clamp(48px,6.3vw,86px);font-weight:620;letter-spacing:-.068em;line-height:.91}
.aboutHeroCopy h1 em{color:var(--rust);font-style:normal}
.aboutHeroCopy>p:not(.eyebrow){max-width:750px;margin:27px 0 0;color:#d3dfdc;font-size:18px;line-height:1.72}
.aboutHeroCopy>a{align-self:flex-start;margin-top:33px}
.aboutHero>figure{position:relative;min-height:520px;margin:0;overflow:hidden}
.aboutHero>figure:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,40,44,.2),transparent 40%),linear-gradient(0deg,rgba(4,40,44,.9),transparent 55%);content:""}
.aboutHero>figure>img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.aboutHero figcaption{position:absolute;z-index:1;right:32px;bottom:30px;left:32px;padding-top:17px;border-top:1px solid #ffffff78;color:#fff}
.aboutHero figcaption strong,.aboutHero figcaption span{display:block}
.aboutHero figcaption strong{font-size:22px}
.aboutHero figcaption span{max-width:460px;margin-top:7px;color:#d4e1de;font-size:14px;line-height:1.5}
.aboutProof{display:grid;grid-template-columns:repeat(4,1fr);background:var(--rust);color:#fff}
.aboutProof article{min-height:150px;padding:30px clamp(20px,3vw,42px);border-right:1px solid #ffffff42}
.aboutProof article:last-child{border-right:0}
.aboutProof strong,.aboutProof span{display:block}
.aboutProof strong{font-size:clamp(27px,3vw,46px);letter-spacing:-.05em;line-height:1}
.aboutProof span{max-width:240px;margin-top:14px;font-size:14px;font-weight:750;line-height:1.4}
.aboutJourney{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(370px,.95fr);background:#fff}
.aboutJourney>div{padding:clamp(78px,9vw,125px) clamp(28px,6vw,92px)}
.aboutJourney h2{max-width:760px;margin:0;color:var(--petrol-dark);font-size:clamp(40px,5vw,67px);font-weight:600;letter-spacing:-.06em;line-height:.98}
.aboutJourney>div>p:not(.eyebrow){max-width:720px;margin:25px 0 0;color:var(--muted);font-size:18px;line-height:1.72}
.aboutVerbs{display:grid;grid-template-columns:1fr 1fr;margin:38px 0 30px;border-top:1px solid var(--petrol-dark);border-left:1px solid var(--line)}
.aboutVerbs span{padding:17px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--petrol-dark);font-size:18px;font-weight:850}
.aboutJourney>div>strong{display:block;max-width:690px;color:var(--rust);font-size:22px;line-height:1.45}
.aboutJourney>figure{position:relative;min-height:590px;margin:0;overflow:hidden;background:var(--petrol-dark)}
.aboutJourney>figure:after{position:absolute;inset:50% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.9));content:""}
.aboutJourney>figure img{width:100%;height:100%;object-fit:cover}
.aboutJourney figcaption{position:absolute;z-index:1;right:30px;bottom:27px;left:30px;color:#fff;font-size:14px;font-weight:850}
.aboutTeam{display:grid;grid-template-columns:minmax(370px,.92fr) minmax(0,1.08fr);background:#f1f4f1}
.aboutTeam>figure{position:relative;min-height:600px;margin:0;overflow:hidden}
.aboutTeam>figure:after{position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.9));content:""}
.aboutTeam>figure img{width:100%;height:100%;object-fit:cover}
.aboutTeam>figure span{position:absolute;z-index:1;right:30px;bottom:28px;left:30px;color:#fff;font-size:18px;font-weight:850}
.aboutTeam>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,8vw,115px) clamp(28px,6vw,92px)}
.aboutTeam h2{max-width:780px;margin:0;color:var(--petrol-dark);font-size:clamp(40px,4.8vw,65px);font-weight:600;letter-spacing:-.06em;line-height:.98}
.aboutTeam>div>p:not(.eyebrow){max-width:760px;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.7}
.aboutTeamRoles{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;border-top:1px solid var(--petrol-dark)}
.aboutTeamRoles span{padding:16px 4px;border-bottom:1px solid #c7d1cc;color:var(--petrol-dark);font-size:14px;font-weight:850}
.aboutTeamRoles span:nth-child(odd){margin-right:24px}
.aboutPressure{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);background:var(--petrol-dark);color:#fff}
.aboutPressureNumber{display:flex;min-height:610px;flex-direction:column;justify-content:space-between;padding:clamp(55px,7vw,100px) clamp(28px,5vw,72px);border-right:1px solid #ffffff2d}
.aboutPressureNumber strong{color:var(--rust);font-size:clamp(112px,16vw,230px);font-weight:600;letter-spacing:-.09em;line-height:.72}
.aboutPressureNumber span{padding-top:22px;border-top:1px solid #ffffff52;color:#fff;font-size:clamp(22px,2.7vw,38px);font-weight:650;letter-spacing:-.04em;line-height:1.08}
.aboutPressureCopy{padding:clamp(70px,8vw,115px) clamp(28px,6vw,92px)}
.aboutPressureCopy .eyebrow{color:var(--rust)}
.aboutPressureCopy h2{max-width:880px;margin:0;color:#fff;font-size:clamp(44px,5.4vw,73px);font-weight:600;letter-spacing:-.064em;line-height:.95}
.aboutPressureText{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:42px;padding-top:28px;border-top:1px solid #ffffff35}
.aboutPressureText p{margin:0;color:#d0dedb;font-size:15px;line-height:1.7}
.aboutPressure blockquote{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:45px 0 0;padding:25px 0 20px;border-top:1px solid var(--rust);border-bottom:1px solid #ffffff35}
.aboutPressure blockquote p{margin:0;color:#fff;font-size:clamp(30px,4vw,53px);font-weight:600;letter-spacing:-.05em;line-height:1}
.aboutPressure blockquote cite{flex:0 0 auto;color:#b7cbc7;font-size:13px;font-style:normal}
.aboutPressure blockquote a{color:inherit;text-decoration:none}
.aboutPressure blockquote a:hover{text-decoration:underline}
.aboutPressureMeaning{max-width:760px;margin:24px 0 0;color:#fff;font-size:18px;font-weight:700;line-height:1.58}
.teamDirectory{padding:clamp(80px,9vw,125px) clamp(28px,6vw,92px);background:#eef3f0}
.teamDirectory>header{max-width:900px;margin-bottom:70px}
.teamDirectory h2{max-width:900px;margin:0;color:var(--petrol-dark);font-size:clamp(45px,5.7vw,76px);font-weight:600;letter-spacing:-.065em;line-height:.94}
.teamDepartments>section{margin-top:64px}
.teamDepartmentHead{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:18px;align-items:center;padding:0 0 18px;border-bottom:1px solid var(--petrol-dark)}
.teamDepartmentHead>span{color:var(--rust);font-size:11px;font-weight:900}
.teamDepartmentHead h3{margin:0;color:var(--petrol-dark);font-size:25px;letter-spacing:-.035em}
.teamDepartmentHead small{color:var(--muted);font-size:12px;font-weight:750}
.teamCardGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.teamCard{overflow:hidden;border:1px solid #d0dbd6;background:#fff;transition:transform .22s ease,box-shadow .22s ease}
.teamCard:hover{box-shadow:0 16px 35px rgba(4,40,44,.1);transform:translateY(-3px)}
.teamPortrait{position:relative;display:flex;aspect-ratio:4/4.35;align-items:center;justify-content:center;overflow:hidden;background:var(--petrol-dark);color:#fff}
.teamPortrait:before{position:absolute;width:72%;height:72%;border:1px solid #ffffff20;border-radius:50%;content:""}
.teamPortrait:after{position:absolute;right:-15%;bottom:-28%;width:78%;height:68%;border:38px solid var(--rust);border-radius:50%;content:"";opacity:.78}
.teamPortrait i{position:absolute;top:18px;right:18px;width:25px;height:25px;border-top:1px solid var(--rust);border-right:1px solid var(--rust)}
.teamPortrait>span{position:relative;z-index:1;font-size:clamp(42px,5vw,72px);font-style:normal;font-weight:600;letter-spacing:-.065em}
.teamPortrait>small{position:absolute;z-index:1;bottom:17px;left:18px;color:#c5d7d3;font-size:9px;font-weight:900;letter-spacing:.14em}
.teamCard>div:last-child{min-height:116px;padding:21px}
.teamCard>div:last-child strong{display:block;color:var(--petrol-dark);font-size:18px;letter-spacing:-.025em}
.teamCard>div:last-child p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.aboutContinuity{padding:clamp(80px,9vw,125px) clamp(28px,6vw,92px);background:#fff}
.aboutContinuity>header{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:20px clamp(45px,7vw,110px);align-items:end}
.aboutContinuity>header .eyebrow{grid-column:1/-1}
.aboutContinuity h2{max-width:850px;margin:0;color:var(--petrol-dark);font-size:clamp(42px,5.3vw,72px);font-weight:600;letter-spacing:-.063em;line-height:.96}
.aboutContinuity>header>p:last-child{max-width:620px;margin:0;color:var(--muted);font-size:17px;line-height:1.72}
.aboutContinuityPoints{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid var(--petrol-dark);border-left:1px solid var(--line)}
.aboutContinuityPoints article{position:relative;min-height:265px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.aboutContinuityPoints article>svg{color:var(--rust)}
.aboutContinuityPoints article>span{position:absolute;top:30px;right:27px;color:var(--rust);font-size:10px;font-weight:900}
.aboutContinuityPoints h3{margin:54px 0 13px;color:var(--petrol-dark);font-size:22px;letter-spacing:-.035em}
.aboutContinuityPoints p{max-width:330px;margin:0;color:var(--muted);font-size:15px;line-height:1.62}
.aboutContinuity>aside{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1.25fr);gap:clamp(45px,8vw,125px);margin-top:18px;padding:clamp(48px,6vw,82px);background:var(--rust);color:#fff}
.aboutContinuity>aside .eyebrow{color:#fff}
.aboutContinuity>aside h3{max-width:610px;margin:0;color:#fff;font-size:clamp(37px,4.5vw,60px);font-weight:600;letter-spacing:-.06em;line-height:.97}
.aboutContinuity>aside div:last-child{align-self:end}
.aboutContinuity>aside div:last-child p{max-width:750px;margin:0 0 18px;color:#fff;font-size:17px;line-height:1.7}
.aboutContinuity>aside strong{display:block;max-width:720px;margin-top:28px;padding-top:22px;border-top:1px solid #ffffff80;color:#fff;font-size:21px;line-height:1.4}
.aboutLearning{padding:clamp(80px,9vw,125px) clamp(28px,6vw,92px);background:#fff}
.aboutLearning>header{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:18px 75px;align-items:end;margin-bottom:50px}
.aboutLearning>header .eyebrow{grid-column:1/-1}
.aboutLearning h2{max-width:780px;margin:0;color:var(--petrol-dark);font-size:clamp(40px,4.8vw,65px);font-weight:600;letter-spacing:-.06em;line-height:.98}
.aboutLearning>header>p:last-child{max-width:650px;margin:0;color:var(--muted);font-size:17px;line-height:1.68}
.aboutLearning>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--petrol-dark);border-left:1px solid var(--line)}
.aboutLearning article{display:flex;min-height:300px;flex-direction:column;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.aboutLearning article>span{color:var(--rust);font-size:11px;font-weight:900}
.aboutLearning article>svg{margin-top:48px;color:var(--rust)}
.aboutLearning h3{margin:25px 0 13px;color:var(--petrol-dark);font-size:20px;letter-spacing:-.03em;line-height:1.25}
.aboutLearning article p{margin:0;color:var(--muted);font-size:15px;line-height:1.58}
.aboutReasons{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(50px,8vw,120px);padding:clamp(80px,9vw,120px) clamp(28px,6vw,92px);background:var(--rust);color:#fff}
.aboutReasons .eyebrow{color:#fff}
.aboutReasons h2{max-width:700px;margin:0;color:#fff;font-size:clamp(40px,4.8vw,64px);font-weight:600;letter-spacing:-.06em;line-height:.98}
.aboutReasons>div:last-child{display:grid;grid-template-columns:1fr 1fr;align-self:end;border-top:1px solid #ffffff88}
.aboutReasons>div:last-child span{display:grid;min-height:89px;grid-template-columns:30px 24px 1fr;gap:10px;align-items:center;padding:18px 4px;border-bottom:1px solid #ffffff42}
.aboutReasons>div:last-child span:nth-child(odd){margin-right:25px}
.aboutReasons b{font-size:10px;opacity:.75}
.aboutReasons svg{color:#fff}
.aboutReasons strong{font-size:15px;line-height:1.4}
.aboutMission{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);background:var(--petrol-dark);color:#fff}
.aboutMission>div{padding:clamp(82px,9vw,130px) clamp(28px,6vw,92px)}
.aboutMission h2{max-width:850px;margin:0;color:#fff;font-size:clamp(46px,6vw,82px);font-weight:600;letter-spacing:-.065em;line-height:.93}
.aboutMission>div>p:last-child{max-width:850px;margin:27px 0 0;color:#d1dfdc;font-size:18px;line-height:1.72}
.aboutMission>aside{display:flex;flex-direction:column;justify-content:center;padding:45px;background:#f1f4f1;color:var(--petrol-dark)}
.aboutMission>aside img{width:175px;height:72px;object-fit:contain;object-position:left center}
.aboutMission>aside strong{margin-top:65px;font-size:clamp(32px,3.8vw,52px);letter-spacing:-.055em;line-height:1.02}
.aboutMission>aside strong em{color:var(--rust);font-style:normal}
.aboutMission>aside span{margin-top:25px;padding-top:18px;border-top:1px solid var(--petrol-dark);font-size:13px;font-weight:850}
.aboutPressureNumber{min-height:530px}
.aboutPressureCopy{padding:clamp(62px,7vw,95px) clamp(28px,6vw,92px)}
.aboutPressureText{grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,75px);margin-top:38px;padding-top:25px}
.aboutPressureText p{max-width:480px;font-size:16px;line-height:1.65}
.aboutPressure blockquote{margin-top:38px;padding:22px 0 18px}
.aboutPressure blockquote div>span{display:block;margin-top:13px;color:var(--rust);font-size:clamp(18px,2vw,26px);font-weight:750;letter-spacing:-.025em}
.aboutPressureMeaning{max-width:700px;margin-top:21px;font-size:17px;line-height:1.55}
.aboutContinuityPoints article{min-height:225px}
.aboutLearning article{min-height:265px}
.aboutFaq{background:#fff}
@media(max-width:1050px){
.aboutHero,.aboutJourney,.aboutTeam,.aboutPressure,.aboutMission{grid-template-columns:1fr}
.aboutHero>figure,.aboutJourney>figure,.aboutTeam>figure{min-height:430px}
.aboutProof{grid-template-columns:1fr 1fr}
.aboutPressureNumber{min-height:300px;border-right:0;border-bottom:1px solid #ffffff2d}
.aboutPressureText{grid-template-columns:1fr 1fr}
.teamCardGrid{grid-template-columns:repeat(3,1fr)}
.aboutLearning>div{grid-template-columns:1fr 1fr}
.aboutContinuity>header,.aboutContinuity>aside{grid-template-columns:1fr}
.aboutContinuity>header{align-items:start}
.aboutContinuity>aside{gap:34px}
.aboutMission>aside{min-height:360px}
.aboutMission>aside strong{margin-top:45px}
}
@media(max-width:780px){
.aboutLearning>header,.aboutReasons{grid-template-columns:1fr}
.aboutLearning>header{gap:22px}
.aboutLearning>header .eyebrow{grid-column:auto}
.aboutPressureText{grid-template-columns:1fr}
.aboutPressure blockquote{align-items:flex-start;flex-direction:column}
.teamCardGrid{grid-template-columns:1fr 1fr}
.aboutContinuityPoints{grid-template-columns:1fr}
.aboutContinuityPoints article{min-height:220px}
.aboutTeamRoles,.aboutReasons>div:last-child{grid-template-columns:1fr}
.aboutTeamRoles span:nth-child(odd),.aboutReasons>div:last-child span:nth-child(odd){margin-right:0}
.aboutReasons{gap:45px}
}
@media(max-width:560px){
.aboutHero>figure,.aboutJourney>figure,.aboutTeam>figure{min-height:340px}
.aboutProof,.aboutLearning>div{grid-template-columns:1fr}
.aboutProof article{min-height:118px}
.aboutVerbs{grid-template-columns:1fr}
.teamDepartmentHead{grid-template-columns:35px 1fr}
.teamDepartmentHead small{display:none}
.teamCardGrid{grid-template-columns:1fr}
.teamPortrait{aspect-ratio:4/3}
.aboutLearning article{min-height:240px}
.aboutLearning article>svg{margin-top:35px}
.aboutMission>aside{min-height:320px;padding:32px 24px}
}
.partnerBrandHero{display:grid;min-height:640px;grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);background:var(--petrol-dark);color:#fff}
.partnerBrandHeroCopy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(55px,7vw,100px) clamp(28px,6vw,92px)}
.partnerBrandHeroCopy .brandBack{margin-bottom:45px}
.siteFrame .partnerBrandHeroCopy .eyebrow{color:var(--rust)}
.partnerBrandLogo{display:flex;width:min(285px,78%);height:94px;align-items:center;margin:0 0 29px;padding:20px 25px;background:#fff}
.partnerBrandLogo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.partnerBrandLogo img[src*="barbaric"]{filter:brightness(0)}
.partnerBrandHeroCopy h2{max-width:820px;margin:0;color:#fff;font-size:clamp(38px,4.9vw,67px);font-weight:600;letter-spacing:-.06em;line-height:.96}
.partnerBrandHeroCopy>p:not(.eyebrow){max-width:730px;margin:24px 0 0;color:#d4e0de;font-size:18px;line-height:1.68}
.partnerBrandHeroMedia{position:relative;min-height:500px;margin:0;overflow:hidden;background:var(--petrol)}
.partnerBrandHeroMedia:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,40,44,.25),transparent 45%),linear-gradient(0deg,rgba(4,40,44,.78),transparent 55%);content:""}
.partnerBrandHeroMedia img{width:100%;height:100%;object-fit:cover;object-position:center}
.partnerBrandHeroMedia figcaption{position:absolute;z-index:1;right:30px;bottom:28px;left:30px;padding-top:15px;border-top:1px solid #ffffff7a;color:#fff;font-size:14px;font-weight:850}
.partnerBrandFacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--rust);color:#fff}
.partnerBrandFacts article{display:flex;min-height:145px;flex-direction:column;justify-content:space-between;padding:28px clamp(20px,3vw,42px);border-right:1px solid #ffffff42}
.partnerBrandFacts article:last-child{border-right:0}
.partnerBrandFacts span{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;opacity:.82}
.partnerBrandFacts strong{max-width:260px;font-size:18px;letter-spacing:-.02em;line-height:1.3}
.partnerBrandFaq{background:#f1f4f1}
.brandsSystemStory{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(50px,8vw,125px);padding:clamp(82px,9vw,130px) clamp(28px,6vw,92px);background:var(--petrol-dark);color:#fff}
.brandsSystemStory h2{max-width:780px;margin:0;color:#fff;font-size:clamp(40px,5.2vw,70px);font-weight:600;letter-spacing:-.06em;line-height:.97}
.brandsSystemStory h2 em{color:var(--rust);font-style:normal}
.brandsSystemStory>div:last-child{align-self:end}
.brandsSystemStory>div:last-child p{max-width:780px;margin:0 0 20px;color:#d3dfdc;font-size:18px;line-height:1.72}
.brandsFullSupport{padding:clamp(78px,8vw,115px) clamp(28px,6vw,92px);background:#f1f4f1}
.brandsFullSupport header{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:35px;align-items:end;margin-bottom:48px}
.brandsFullSupport h2{max-width:850px;margin:0;color:var(--petrol-dark);font-size:clamp(40px,5vw,68px);font-weight:600;letter-spacing:-.06em;line-height:.98}
.brandsFullSupport>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--petrol-dark);border-left:1px solid #c5d0cb}
.brandsFullSupport>div span{display:grid;min-height:84px;grid-template-columns:35px 25px 1fr;gap:12px;align-items:center;padding:18px 22px;border-right:1px solid #c5d0cb;border-bottom:1px solid #c5d0cb;background:#fff;color:var(--petrol-dark)}
.brandsFullSupport b{color:var(--rust);font-size:11px}
.brandsFullSupport svg{color:var(--rust)}
.brandsFullSupport strong{font-size:16px;line-height:1.35}
.brandsSelection{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:clamp(50px,8vw,120px);padding:clamp(80px,9vw,125px) clamp(28px,6vw,92px)}
.brandsSelection h2{max-width:720px;margin:0;color:var(--petrol-dark);font-size:clamp(40px,4.8vw,64px);font-weight:600;letter-spacing:-.06em;line-height:.98}
.brandsSelection>div:first-child>p:last-child{max-width:690px;margin:25px 0 0;color:var(--muted);font-size:17px;line-height:1.7}
.brandsSelection>div:last-child{display:grid;grid-template-columns:1fr 1fr;align-self:end;border-top:1px solid var(--petrol-dark)}
.brandsSelection article{display:flex;min-height:92px;align-items:center;gap:14px;padding:20px 4px;border-bottom:1px solid var(--line);color:var(--petrol-dark)}
.brandsSelection article:nth-child(odd){margin-right:28px}
.brandsSelection article svg{flex:0 0 auto;color:var(--rust)}
.brandsSelection article strong{font-size:16px;line-height:1.35}
.brandsFurther{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:40px;padding:42px clamp(28px,6vw,92px);background:var(--rust);color:#fff}
.siteFrame .brandsFurther .eyebrow{margin:0;color:#fff}
.brandsFurther>p:last-child{max-width:930px;margin:0;color:#fff;font-size:17px;line-height:1.65}
.brandsClosing{align-items:center;background:var(--petrol-dark)}
.brandsClosing>div>p:not(.eyebrow){max-width:830px;margin:25px 0 0;color:#d2dfdc;font-size:17px;line-height:1.68}
.brandsClosing>div>strong{display:flex;gap:13px;margin-top:34px;color:#fff;font-size:15px}
.brandsClosing>div>strong em{color:var(--rust);font-style:normal;font-weight:750}
@media(max-width:1050px){
.partnerBrandHero{grid-template-columns:1fr}
.partnerBrandHeroMedia{min-height:430px}
.partnerBrandFacts{grid-template-columns:1fr 1fr}
.brandsFullSupport header{grid-template-columns:1fr}
}
@media(max-width:780px){
.brandsSystemStory,.brandsSelection{grid-template-columns:1fr}
.brandsFullSupport>div,.brandsSelection>div:last-child{grid-template-columns:1fr}
.brandsSelection article:nth-child(odd){margin-right:0}
.brandsFurther{grid-template-columns:1fr;gap:15px}
.partnerBrandFacts article{min-height:125px}
.brandsClosing>div>strong{flex-direction:column;gap:5px}
}
@media(max-width:560px){
.partnerBrandHeroMedia{min-height:330px}
.partnerBrandLogo{height:80px}
.partnerBrandFacts{grid-template-columns:1fr}
.partnerBrandFacts article{min-height:105px}
.brandsFullSupport>div span{grid-template-columns:28px 22px 1fr;padding:17px 14px}
.brandsSystemStory h2{font-size:40px}
}
.brandDetailAbout>div:last-child .brandDetailStoryMore{margin-top:20px;color:var(--muted)}
.brandDetailAbout>div:last-child .brandDetailStoryMore:first-of-type{padding-top:22px;border-top:1px solid var(--line)}
.siteFrame .eyebrow{color:var(--rust)}
.brandDetailAnest .eyebrow,.scmAnest .eyebrow,.commissioningPreparation .eyebrow,.regionalServicePlan .eyebrow,.hybridRiskStrip .eyebrow,.hybridFinalCta .eyebrow{color:#fff}
.footerLink{display:inline-flex;margin-top:2px;padding:0;border:0;background:transparent;color:#d9e3e0;font-size:13px;text-align:left}
.footerLink:hover,.footerLink:focus-visible{color:var(--rust)}
.brandPreview{padding:clamp(78px,9vw,126px) clamp(28px,6.2vw,92px);background:#f4f5f1}
.brandPreviewHead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(45px,8vw,120px);align-items:end;margin-bottom:52px}
.brandPreviewHead h2{max-width:850px;margin:0;font-size:clamp(40px,5vw,68px);font-weight:600;letter-spacing:-.06em;line-height:.97}
.brandPreviewHead>p{max-width:550px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.brandPreviewCta{display:flex;align-items:center;gap:9px;margin-top:30px;padding:0 0 6px;border:0;border-bottom:1px solid var(--petrol);background:transparent;color:var(--petrol);font-size:14px;font-weight:900}
.faqSection{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);gap:clamp(55px,8vw,120px);padding:clamp(80px,9vw,125px) clamp(28px,6.2vw,92px);background:#fff}
.faqIntro{align-self:start;position:sticky;top:100px}
.faqIntro h2{margin:0 0 23px;font-size:clamp(40px,5vw,66px);font-weight:600;letter-spacing:-.06em;line-height:.97}
.faqIntro>p:last-child{max-width:520px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.faqList{border-top:1px solid var(--ink)}
.faqList details{border-bottom:1px solid var(--line)}
.faqList summary{display:grid;min-height:94px;grid-template-columns:40px 1fr auto;gap:18px;align-items:center;padding:22px 5px;cursor:pointer;list-style:none}
.faqList summary::-webkit-details-marker{display:none}
.faqList summary>span{color:var(--rust);font-size:11px;font-weight:900}
.faqList summary strong{font-size:18px;line-height:1.35}
.faqList summary svg{color:var(--petrol);transition:transform .2s ease}
.faqList details[open] summary svg{transform:rotate(180deg)}
.faqList details>div{padding:0 45px 28px 58px}
.faqList details p{max-width:830px;margin:0;color:var(--muted);font-size:16px;line-height:1.72}
.faqList details a{display:flex;align-items:center;gap:8px;margin-top:20px;padding:0 0 5px;border:0;border-bottom:1px solid var(--petrol);background:transparent;color:var(--petrol);font-size:13px;font-weight:900}
.serviceDetailFaq{grid-template-columns:270px minmax(0,720px);justify-content:center;gap:clamp(38px,5vw,70px);padding:58px clamp(24px,5vw,68px)}
.serviceDetailFaq .faqIntro h2{margin-bottom:17px;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.05em;line-height:1.02}
.serviceDetailFaq .faqIntro>p:last-child{font-size:14px;line-height:1.6}
.serviceDetailFaq .faqList summary{min-height:76px;grid-template-columns:32px 1fr auto;padding:17px 3px}
.serviceDetailFaq .faqList summary strong{font-size:16px;line-height:1.35}
.serviceDetailFaq .faqList details>div{padding:0 38px 22px 44px}
.serviceDetailFaq .faqList details p{font-size:14px;line-height:1.65}
.brandsPage{background:#fff}
.brandsHero{display:grid;min-height:520px;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);background:#edf1ee}
.brandsHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(55px,7vw,100px) clamp(28px,6vw,92px)}
.brandsHero h1{max-width:930px;margin:0 0 26px;font-size:clamp(52px,6.8vw,90px);font-weight:600;letter-spacing:-.07em;line-height:.9}
.brandsHero h1 em{color:var(--rust);font-style:normal}
.brandsHero>div>p:not(.eyebrow){max-width:750px;margin:0;color:var(--muted);font-size:17px;line-height:1.68}
.brandsHero aside{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(40px,5vw,70px);background:var(--petrol);color:#fff}
.brandsHero aside strong{color:var(--rust);font-size:clamp(70px,9vw,126px);letter-spacing:-.08em;line-height:.75}
.brandsHero aside span{max-width:310px;margin-top:25px;font-size:21px;font-weight:800;line-height:1.25}
.brandsHero aside small{max-width:340px;margin-top:55px;padding-top:18px;border-top:1px solid #ffffff30;color:#c7d7d4;font-size:13px;line-height:1.55}
.brandGroupNav{display:flex;gap:0;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.brandGroupNav a{display:flex;min-width:210px;flex:1;gap:10px;align-items:flex-start;padding:21px 20px;border-right:1px solid var(--line);color:var(--petrol);font-size:12px;font-weight:850;line-height:1.35;text-decoration:none}
.brandGroupNav a span{color:var(--rust);font-size:10px}
.brandGroupNav a:hover{background:#f2f5f2}
.brandDirectory{padding:clamp(75px,8vw,115px) clamp(28px,6vw,92px)}
.brandGroupSection{display:grid;grid-template-columns:330px minmax(0,1fr);gap:clamp(45px,6vw,90px);padding:70px 0;border-top:1px solid var(--ink);scroll-margin-top:100px}
.brandGroupSection:first-child{padding-top:0;border-top:0}
.brandGroupIntro{display:grid;grid-template-columns:36px 1fr;gap:14px;align-content:start}
.brandGroupIntro>span{color:var(--rust);font-size:11px;font-weight:900}
.brandGroupIntro h2{margin:0 0 16px;font-size:clamp(27px,3vw,39px);letter-spacing:-.045em;line-height:1.04}
.brandGroupIntro p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.brandCardGrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.brandCard{display:flex;min-height:205px;flex-direction:column;justify-content:space-between;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.brandCard>div:first-child strong{display:block;color:var(--petrol);font-size:clamp(20px,2.1vw,29px);letter-spacing:-.035em}
.brandCard>div:first-child p{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
.brandCardActions{display:flex;gap:18px;align-items:center;margin-top:35px}
.brandCardActions a,.brandCardActions a{display:flex;align-items:center;gap:7px;padding:0 0 5px;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--petrol);font-size:12px;font-weight:850;text-decoration:none}
.brandCardActions a{color:var(--muted)}
.brandCardActions a:hover{color:var(--rust)}
.brandsClosing{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;padding:clamp(70px,8vw,110px) clamp(28px,6vw,92px);background:var(--petrol);color:#fff}
.brandsClosing .eyebrow{color:var(--rust)}
.brandsClosing h2{max-width:880px;margin:0;font-size:clamp(40px,5.3vw,70px);font-weight:600;letter-spacing:-.06em;line-height:.96}
.brandsClosing .lightButton{flex:0 0 auto}
@media(max-width:1050px){
.brandGroupSection{grid-template-columns:260px minmax(0,1fr)}
}
@media(max-width:850px){
.brandPreviewHead,.faqSection,.brandsHero{grid-template-columns:1fr}
.faqIntro{position:static}
.brandsHero aside{min-height:310px}
.brandGroupSection{grid-template-columns:1fr}
.brandGroupIntro{max-width:650px}
.brandsClosing{align-items:flex-start;flex-direction:column}
}
@media(max-width:850px){
.serviceDetailFaq{grid-template-columns:1fr;max-width:900px;margin-right:auto;margin-left:auto}
}
@media(max-width:620px){
.brandPreview{padding:65px 22px}
.faqSection{padding:65px 22px}
.faqList summary{grid-template-columns:28px 1fr auto;gap:10px}
.faqList summary strong{font-size:16px}
.faqList details>div{padding:0 10px 25px 38px}
.brandDirectory{padding:60px 22px}
.brandGroupSection{padding:55px 0}
.brandCardGrid{grid-template-columns:1fr}
.brandCard{min-height:180px}
.brandCardActions{align-items:flex-start;flex-direction:column;gap:13px}
.brandsClosing{padding:65px 22px}
.brandsClosing .lightButton{width:100%}
}
.brandPreview{position:relative;background:#f7f8f5}
.brandPreview:before{content:none}
.brandPreviewHead{margin-bottom:44px}
.brandPreviewHead>p{padding-left:24px;border-left:1px solid var(--rust)}
.brandPreviewCta{margin-top:34px}
.brandCardGrid{grid-template-columns:repeat(3,1fr);border-color:#cbd4d0;background:#cbd4d0;gap:1px}
.brandCard{position:relative;min-height:290px;padding:0;border:0;background:#fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.brandCard:before{position:absolute;z-index:2;top:0;bottom:0;left:0;width:3px;background:var(--rust);content:"";transform:scaleY(0);transform-origin:bottom;transition:transform .22s ease}
.brandCard:hover{z-index:2;box-shadow:0 18px 42px rgba(7,59,65,.13);transform:translateY(-3px)}
.brandCard:hover:before{transform:scaleY(1)}
.brandCard figure{position:relative;display:flex;height:126px;align-items:center;justify-content:center;margin:0;padding:25px;background:#f0f3f0}
.brandCard figure>span{position:absolute;top:15px;left:17px;color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.08em}
.brandCard figure>img{width:72%;height:65px;object-fit:contain;filter:grayscale(1);opacity:.84;transition:filter .2s ease,opacity .2s ease,transform .2s ease}
.brandCard figure>img[src*="barbaric"]{filter:brightness(0)}
.brandCard:hover figure>img{filter:grayscale(0);opacity:1;transform:scale(1.035)}
.brandCard:hover figure>img[src*="barbaric"]{filter:brightness(0)}
.brandCardCopy{padding:22px 23px 5px}
.brandCardCopy strong{display:block;color:var(--petrol);font-size:18px;letter-spacing:-.025em}
.brandCardCopy p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
.brandCardActions{gap:15px;margin:0;padding:20px 23px 23px}
.brandCardActions a,.brandCardActions a{font-size:11px}
.brandGroupSection{grid-template-columns:300px minmax(0,1fr);gap:clamp(40px,5vw,75px)}
@media(max-width:1180px){
.brandCardGrid{grid-template-columns:1fr 1fr}
.brandGroupSection{grid-template-columns:260px minmax(0,1fr)}
}
@media(max-width:850px){
.brandPreview:before{width:48%}
.brandGroupSection{grid-template-columns:1fr}
.brandGroupIntro{max-width:690px}
}
@media(max-width:620px){
.brandPreviewHead>p{padding-left:0;border-left:0}
.brandCardGrid{grid-template-columns:1fr}
.brandCard{min-height:270px}
.brandCardActions{align-items:center;flex-direction:row;flex-wrap:wrap}
}
.brandDetailPage{background:#fff}
.brandBack{display:flex;width:max-content;align-items:center;gap:8px;margin:0 0 64px;padding:0 0 6px;border:0;border-bottom:1px solid #ffffff75;background:transparent;color:#fff;font-size:12px;font-weight:800}
.brandDetailHeroCopy .eyebrow{color:var(--rust)}
.brandDetailHeroCopy>p:not(.eyebrow){max-width:760px;margin:0;color:#d3e0de;font-size:17px;line-height:1.7}
.brandDetailActions{display:flex;align-items:center;gap:25px;margin-top:34px}
.brandDetailActions a{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:850;text-decoration:none}
.brandDetailActions .accentButton{padding:15px 19px;background:var(--rust)}
.brandDetailAbout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:clamp(50px,8vw,130px);padding:clamp(80px,9vw,130px) clamp(28px,6vw,92px)}
.brandDetailAbout h2{max-width:650px;margin:0;font-size:clamp(37px,4.5vw,62px);font-weight:600;letter-spacing:-.06em;line-height:.98}
.brandDetailAbout>div:last-child{align-self:end}
.brandDetailAbout>div:last-child p{max-width:780px;margin:0;color:var(--muted);font-size:18px;line-height:1.78}
.brandDetailAbout a{display:flex;width:max-content;align-items:center;gap:8px;margin-top:28px;padding-bottom:5px;border-bottom:1px solid var(--petrol);color:var(--petrol);font-size:13px;font-weight:850;text-decoration:none}
.brandDetailExpertise{padding:clamp(75px,8vw,115px) clamp(28px,6vw,92px);background:#f3f5f2}
.brandDetailExpertise header{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:46px}
.brandDetailExpertise h2{margin:0;font-size:clamp(38px,4.7vw,62px);font-weight:600;letter-spacing:-.06em}
.brandDetailExpertise>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--petrol);border-left:1px solid #c9d2ce}
.brandDetailExpertise article{min-height:210px;padding:24px;border-right:1px solid #c9d2ce;border-bottom:1px solid #c9d2ce;background:#fff}
.brandDetailExpertise article span{color:var(--rust);font-size:11px;font-weight:900}
.brandDetailExpertise article h3{max-width:260px;margin:70px 0 0;color:var(--petrol);font-size:20px;letter-spacing:-.025em;line-height:1.25}
.brandDetailUseCases{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(45px,7vw,115px);align-items:start;padding:clamp(75px,8vw,115px) clamp(28px,6vw,92px)}
.brandDetailUseCases h2{margin:0;font-size:clamp(36px,4.4vw,60px);font-weight:600;letter-spacing:-.06em;line-height:1}
.brandDetailUseCases>div:last-child{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.brandDetailUseCases>div:last-child span{display:flex;min-height:78px;align-items:center;gap:13px;padding:20px 5px;border-bottom:1px solid var(--line);color:var(--petrol);font-size:16px;font-weight:800}
.brandDetailUseCases>div:last-child span:nth-child(odd){margin-right:24px}
.brandDetailUseCases svg{color:var(--rust)}
.brandDetailAnest{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.7fr);gap:clamp(55px,8vw,120px);padding:clamp(75px,8vw,110px) clamp(28px,6vw,92px);background:var(--rust);color:#fff}
.brandDetailAnest .eyebrow{color:#fff}
.brandDetailAnest h2{max-width:820px;margin:0;font-size:clamp(38px,5vw,66px);font-weight:600;letter-spacing:-.06em;line-height:.97}
.brandDetailAnest>div:last-child{align-self:end}
.brandDetailAnest>div:last-child p{margin:0 0 30px;color:#fff;font-size:17px;line-height:1.7}
.brandDetailAnest a{display:flex;align-items:center;gap:9px;padding:14px 18px;border:1px solid #fff;background:transparent;color:#fff;font-size:13px;font-weight:850}
.brandDetailRelated{padding:clamp(75px,8vw,110px) clamp(28px,6vw,92px);background:#fff}
.brandDetailRelated header{margin-bottom:38px}
.brandDetailRelated h2{margin:0;font-size:clamp(34px,4vw,54px);font-weight:600;letter-spacing:-.05em}
.brandDetailRelated>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbd4d0}
.brandDetailRelated a{display:grid;min-height:155px;grid-template-columns:110px 1fr auto;gap:20px;align-items:center;padding:26px;border:0;background:#f4f6f3;color:var(--petrol);text-align:left}
.brandDetailRelated a:hover{background:#fff}
.brandDetailRelated a img{width:100%;height:58px;object-fit:contain}
.brandDetailRelated a img[src*="barbaric"]{filter:brightness(0)}
.brandDetailRelated a span{display:flex;min-width:0;flex-direction:column;gap:7px}
.brandDetailRelated a strong{font-size:18px}
.brandDetailRelated a small{color:var(--muted);font-size:12px;line-height:1.4}
.brandDetailRelated a svg{color:var(--rust)}
@media(max-width:980px){
.brandDetailExpertise>div{grid-template-columns:1fr 1fr}
.brandDetailRelated>div{grid-template-columns:1fr}
.brandDetailRelated a{min-height:130px}
}
@media(max-width:760px){
.brandDetailAbout,.brandDetailUseCases,.brandDetailAnest{grid-template-columns:1fr}
.brandDetailExpertise header{align-items:flex-start;flex-direction:column}
.brandDetailUseCases>div:last-child{grid-template-columns:1fr}
.brandDetailUseCases>div:last-child span:nth-child(odd){margin-right:0}
.brandBack{margin-bottom:44px}
}
@media(max-width:520px){
.brandDetailActions{align-items:flex-start;flex-direction:column}
.brandDetailExpertise>div{grid-template-columns:1fr}
.brandDetailExpertise article{min-height:160px}
.brandDetailExpertise article h3{margin-top:45px}
.brandDetailRelated a{grid-template-columns:85px 1fr auto;padding:20px}
}
.serviceDirectoryIntro{display:block;max-width:940px}
.serviceHubMedia figcaption{font-size:14px}
.serviceGroupHead p{font-size:16px;line-height:1.65}
.serviceGroupLinks a{font-size:15px;line-height:1.35}
.serviceTransparencyIntro>p:not(.eyebrow),.serviceContractCopy>p:not(.eyebrow),.serviceDetailPortal p:not(.eyebrow){font-size:17px}
.serviceProofGrid span{font-size:15px}
.serviceContractBenefits span{font-size:15px}
.serviceContractCopy>a,.serviceFinalCta a,.customerPortalButton{font-size:14px}
.serviceContactCard>small{font-size:14px;line-height:1.5}
.serviceFinalCta .serviceContactCard>a{font-size:14px}
.serviceBack{font-size:14px}
.serviceDetailBody aside>small{font-size:12px}
.serviceDetailBody aside>div>strong{font-size:15px}
.serviceDetailBody aside a{font-size:14px}
.serviceDetailBenefits span{font-size:12px}
.serviceDetailBenefits strong{font-size:20px}
.serviceDetailProcess li>span{font-size:12px}
.serviceDetailProcess li strong{font-size:18px}
.serviceDetailProcess li p{font-size:16px;line-height:1.65}
@media(max-width:760px){
.serviceGroupHead p{font-size:16px}
.serviceGroupLinks a{font-size:15px}
}
.serviceHubHero{min-height:540px}
.serviceHubCopy{padding:clamp(40px,4.2vw,62px) clamp(44px,5.4vw,82px)}
.serviceHubLogo{margin-bottom:26px}
.serviceHubCopy h1{margin-bottom:20px;font-size:clamp(50px,5.2vw,70px);line-height:.94}
.serviceHubCopy .lead{max-width:620px;font-size:17px;line-height:1.65}
.serviceHubMedia{min-height:500px}
.serviceDirectory{padding:clamp(76px,8vw,110px) clamp(28px,6vw,90px)}
.serviceDirectoryIntro{margin-bottom:48px}
.serviceDirectoryIntro h2{font-size:clamp(44px,5.2vw,66px);line-height:.97}
.serviceDirectoryIntro>p{font-size:16px;line-height:1.65}
.serviceGroupGrid{gap:30px}
.serviceGroupHead{min-height:210px;padding:28px}
.serviceGroupHead h3{margin:14px 0 15px;font-size:clamp(25px,2.3vw,32px);line-height:1.08}
.serviceGroupHead p{font-size:15px;line-height:1.65}
.serviceGroupLinks a{min-height:64px;padding:15px 21px;font-size:14px}
.serviceTransparency{gap:clamp(45px,6vw,90px);padding:clamp(76px,8vw,110px) clamp(28px,6vw,90px)}
.serviceTransparencyIntro h2{margin-bottom:24px;font-size:clamp(42px,5vw,64px);line-height:.98}
.serviceProofGridSimple article{min-height:120px;padding:26px 28px}
.serviceProofGridSimple strong{font-size:clamp(24px,2.6vw,35px)}
.serviceProofGrid span{max-width:270px;font-size:14px;line-height:1.55}
.serviceContractBenefits span{font-size:14px}
.serviceFinalCta{padding:clamp(68px,7vw,95px) clamp(28px,6vw,90px)}
.serviceFinalCta h2{font-size:clamp(36px,4.2vw,56px);line-height:1}
.serviceContactCard{min-height:295px}
.serviceDetailHero h1{font-size:clamp(46px,5.4vw,70px);line-height:.96}
.serviceDetailBody aside>div>strong{font-size:14px}
.serviceDetailBody aside a{font-size:13px;line-height:1.35}
.serviceDetailBody article h2{font-size:clamp(40px,4.6vw,60px);line-height:.98}
.serviceDetailProcess li p{font-size:14px}
.serviceDetailPortal h2{font-size:clamp(40px,4.6vw,58px)}
.serviceDetailPortal p:not(.eyebrow){font-size:16px}
@media(max-width:1100px){
.serviceGroupGrid{gap:22px}
.serviceGroupHead{padding:28px 30px}
.serviceHubHero{min-height:520px}
.serviceHubMedia{min-height:480px}
}
@media(max-width:760px){
.serviceHubCopy{padding:40px 22px 46px}
.serviceHubCopy h1{font-size:48px}
.serviceHubMedia{min-height:360px}
.serviceDirectory,.serviceTransparency,.serviceFinalCta{padding:62px 22px}
.serviceDirectoryIntro{margin-bottom:34px}
.serviceDirectoryIntro h2{font-size:43px}
.serviceGroupHead{min-height:auto;padding:25px 24px 27px}
.serviceGroupHead h3{font-size:28px}
.serviceGroupLinks a{min-height:60px}
.serviceTransparencyIntro h2{font-size:42px}
.serviceFinalCta h2{font-size:38px}
.serviceDetailBody article h2{font-size:40px}
}
.serviceGroupHead{min-height:235px}
.serviceGroupHead h3{margin-top:15px}
.serviceLifecycleHead .eyebrow{color:var(--rust)}
.serviceDetailHero>div{padding:clamp(2.25rem,4vw,3.75rem) clamp(2rem,5vw,4.75rem)}
.serviceDetailHero .eyebrow{margin-bottom:.75rem;font-size:.75rem;letter-spacing:.12em}
.serviceDetailHero h1{max-width:46rem;margin-bottom:1rem;font-size:clamp(2.85rem,4.8vw,4rem);letter-spacing:-.055em;line-height:.98}
.serviceDetailHero>div>p:not(.eyebrow){max-width:40rem;font-size:1.0625rem;line-height:1.62}
.serviceDetailHero .accentButton{min-height:3rem;margin-top:1.25rem;font-size:.875rem}
.serviceDetailHero figcaption{right:1.5rem;bottom:1.5rem;left:1.5rem;padding:.75rem 1rem;font-size:.8125rem;line-height:1.4}
.serviceDetailBody{gap:clamp(3rem,6vw,6rem);padding:clamp(4.5rem,7vw,6.5rem) clamp(1.75rem,6vw,5.625rem);background:#f1f4f1}
.serviceDetailBody article>.eyebrow{margin-bottom:.875rem;font-size:.75rem}
.serviceDetailBody article h2{max-width:47rem;margin-bottom:2rem;font-size:clamp(2.5rem,4vw,3.5rem);letter-spacing:-.052em;line-height:1.02}
.serviceDetailBenefits{gap:.75rem;border:0}
.serviceDetailBenefits div{min-height:9rem;padding:1.25rem;border:1px solid #c7d1cc;background:#fff}
.serviceDetailBenefits span{font-size:.75rem}
.serviceDetailBenefits strong{font-size:1.0625rem;line-height:1.35}
.serviceDetailGallery{grid-template-columns:1fr 1fr;gap:.875rem;margin-top:2.25rem}
.serviceDetailGallery figure{height:17.5rem}
.serviceDetailGallery figcaption{right:1.25rem;bottom:1.125rem;left:1.25rem}
.serviceDetailGallery figcaption strong{font-size:1.0625rem;line-height:1.3}
.serviceDetailGallery figcaption span{margin-top:.375rem;font-size:.875rem;line-height:1.5}
.serviceDetailProcess{max-width:54rem;margin-top:3.25rem}
.serviceDetailProcess h3{margin-bottom:1.125rem;font-size:1.5rem;letter-spacing:-.025em}
.serviceDetailProcess li{grid-template-columns:2.5rem 1fr;gap:1rem;padding:1.25rem 0}
.serviceDetailProcess li>span{padding-top:.125rem;font-size:.75rem}
.serviceDetailProcess li strong{font-size:1.0625rem;line-height:1.4}
.serviceDetailProcess li p{max-width:47rem;margin-top:.5rem;font-size:1rem;line-height:1.65}
.serviceDetailPortal{padding:clamp(4rem,6.5vw,5.75rem) clamp(1.75rem,6vw,5.625rem)}
.serviceDetailPortal .eyebrow{margin-bottom:.75rem;font-size:.75rem}
.serviceDetailPortal h2{margin-bottom:1rem;font-size:clamp(2.5rem,4vw,3.5rem);line-height:1}
.serviceDetailPortal p:not(.eyebrow){margin-bottom:0;font-size:1rem;line-height:1.65}
.serviceDetailPortal a{min-height:3rem;padding:0 1.25rem;font-size:.875rem}
@media(max-width:760px){
.serviceDetailHero>div{padding:2rem 1.375rem 2.5rem}
.serviceDetailHero h1{font-size:2.65rem}
.serviceDetailHero figure{min-height:17rem}
.serviceDetailBody{gap:2.75rem;padding:3.75rem 1.375rem}
.serviceDetailBody article h2{font-size:2.3rem}
.serviceDetailBenefits{gap:.625rem}
.serviceDetailBenefits div{min-height:7.5rem}
.serviceDetailGallery{gap:.75rem}
.serviceDetailGallery figure{height:15rem}
.serviceDetailProcess{margin-top:2.75rem}
.serviceDetailPortal{padding:3.75rem 1.375rem}
.serviceDetailPortal h2{font-size:2.35rem}
}
.aboutHero{min-height:500px}
.aboutHeroCopy{padding-top:clamp(42px,5vw,70px);padding-bottom:clamp(42px,5vw,70px)}
.aboutHeroCopy>p:not(.eyebrow){margin-top:20px;font-size:17px;line-height:1.62}
.aboutHeroCopy>a{margin-top:25px}
.aboutHero>figure{min-height:420px}
.aboutHero figcaption{bottom:24px}
.knowledgePage{background:#fff}
.knowledgeHero{display:grid;min-height:500px;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);padding:0;background:var(--petrol-dark);color:#fff}
.knowledgeHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,84px) clamp(28px,6vw,92px)}
.knowledgeHero .eyebrow{color:var(--rust)}
.knowledgeHero h1{max-width:900px;margin:0;color:#fff;letter-spacing:-.065em}
.knowledgeHero h1 em{color:var(--rust);font-style:normal}
.knowledgeHero>div>p:last-child{max-width:760px;margin:24px 0 0;color:#ceddda;font-size:17px;line-height:1.68}
.knowledgeHero aside{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,5vw,65px);background:var(--rust);color:#fff}
.knowledgeHero aside>span{margin-bottom:28px;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.knowledgeHero aside>strong{padding:13px 0;border-top:1px solid #ffffff65;font-size:clamp(18px,2vw,25px)}
.knowledgeHero aside>small{margin-top:28px;font-size:13px;line-height:1.5;opacity:.82}
.knowledgeFeatured{padding:clamp(62px,7vw,92px) clamp(28px,6vw,92px) 18px}
.knowledgeFeatured .featuredArticle>img{height:460px}
.knowledgeFeatured .featuredArticle>div{padding:clamp(34px,5vw,58px)}
.knowledgeLibrary{padding:clamp(68px,8vw,108px) clamp(28px,6vw,92px);background:#eef2ef}
.knowledgeLibrary>header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(35px,7vw,100px);align-items:end}
.knowledgeLibrary h2,.knowledgeNews h2{max-width:780px;margin:0;color:var(--petrol-dark);font-size:clamp(2rem,3.7vw,3.15rem);font-weight:600;letter-spacing:-.06em;line-height:1.06}
.knowledgeLibrary>header>p{max-width:610px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.knowledgeFilters{display:flex;gap:8px;margin:38px 0 24px;overflow:auto;padding-bottom:4px}
.knowledgeFilters a{flex:0 0 auto;min-height:42px;padding:0 16px;border:1px solid #bdcbc5;background:transparent;color:var(--petrol-dark);font-size:12px;font-weight:850}
.knowledgeFilters a.active{border-color:var(--petrol-dark);background:var(--petrol-dark);color:#fff}
.knowledgeGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.knowledgeGrid article{display:flex;min-width:0;flex-direction:column;border:1px solid #ced8d3;background:#fff}
.knowledgeGrid figure{position:relative;height:220px;margin:0;overflow:hidden;background:var(--petrol-dark)}
.knowledgeGrid figure img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.knowledgeGrid figure span{position:absolute;top:14px;left:14px;display:grid;width:34px;height:34px;place-items:center;background:var(--rust);color:#fff;font-size:10px;font-weight:900}
.knowledgeGrid article:hover figure img{transform:scale(1.035)}
.knowledgeGrid article>div{display:flex;min-height:310px;flex-direction:column;padding:23px}
.knowledgeGrid small{color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.knowledgeGrid h3{margin:17px 0 12px;color:var(--petrol-dark);font-size:21px;letter-spacing:-.035em;line-height:1.18}
.knowledgeGrid p{margin:0;color:var(--muted);font-size:14px;line-height:1.62}
.knowledgeGrid a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:15px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--petrol);font-size:12px;font-weight:900}
@media(max-width:1050px){
.aboutHero{min-height:0}
.aboutHero>figure{min-height:360px}
.knowledgeGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
.knowledgeHero,.knowledgeLibrary>header{grid-template-columns:1fr}
.knowledgeHero{min-height:0}
.knowledgeHero aside{padding:35px 24px}
.knowledgeFeatured .featuredArticle>img{height:350px}
.knowledgeGrid,.knowledgeNews>div{grid-template-columns:1fr}
.knowledgeLibrary>header{align-items:start}
}
@media(max-width:560px){
.aboutHero>figure{min-height:300px}
.knowledgeHero>div{padding:44px 23px}
.knowledgeFeatured{padding:55px 22px 14px}
.knowledgeFeatured .featuredArticle>img{height:280px}
.knowledgeLibrary,.knowledgeNews{padding:65px 22px}
.knowledgeGrid figure,.knowledgeNews figure{height:210px}
.knowledgeGrid article>div{min-height:280px}
}
.knowledgeEmpty{padding:55px;border:1px solid #cbd6d1;background:#fff;text-align:center}
.knowledgeEmpty span{color:var(--rust);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.knowledgeEmpty h3{margin:12px 0 8px;color:var(--petrol-dark);font-size:25px}
.knowledgeEmpty p{margin:0;color:var(--muted)}
.blogArticle{background:#f4f6f4}
.blogArticleHeader{padding:clamp(52px,7vw,88px) clamp(28px,9vw,150px) clamp(40px,5vw,68px);background:var(--petrol-dark);color:#fff}
.blogArticleHeader>button{display:flex;align-items:center;gap:9px;margin:0 0 42px;padding:0;border:0;background:transparent;color:#d6e2de;font-size:12px;font-weight:850;cursor:pointer}
.blogArticleHeader .eyebrow{color:#e27959}
.blogArticleHeader h1{max-width:1050px;margin:15px 0 22px;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:600;letter-spacing:-.06em;line-height:.98}
.blogArticleHeader>p:last-child{max-width:780px;margin:0;color:#cfdbd7;font-size:17px;line-height:1.7}
.blogArticleHero{height:min(62vw,680px);min-height:360px;margin:0;background:#d9e0dc}
.blogArticleHero img{width:100%;height:100%;object-fit:cover}
.blogArticleBody{padding:clamp(35px,6vw,80px) clamp(20px,5vw,70px) clamp(75px,9vw,130px)}
.editorialArticle,.importedArticle{max-width:1080px;margin:0 auto;color:#243c3e}
.articleSection{padding:clamp(36px,5vw,65px);background:#fff}
.articleSection+.articleSection,.articleWideImage+.articleSection,.articleSection+.articleWideImage{margin-top:20px}
.articleSection--soft{background:#e7eeea}
.articleSection--petrol{background:var(--petrol-dark);color:#fff}
.articleSection h2,.importedArticle h4,.importedArticle h5{margin:0 0 22px;color:var(--petrol-dark);font-size:clamp(1.75rem,3vw,2.55rem);font-weight:650;letter-spacing:-.045em;line-height:1.1}
.articleSection--petrol h2{color:#fff}
.articleSection h3,.importedArticle h6{margin:28px 0 14px;color:var(--petrol-dark);font-size:clamp(1.25rem,2.2vw,1.7rem);line-height:1.25}
.articleSection p,.articleSection li,.importedArticle p,.importedArticle li{font-size:16px;line-height:1.78}
.articleSection p,.importedArticle p{margin:0 0 18px}
.articleSection ul,.importedArticle ul{margin:18px 0 24px;padding-left:24px}
.articleSection li+li,.importedArticle li+li{margin-top:8px}
.articleSection blockquote,.editorialArticle blockquote{margin:28px 0;padding:24px 0 24px 30px;border-left:5px solid var(--rust);color:var(--petrol-dark);font-size:clamp(1.7rem,3.5vw,2.8rem);font-weight:750;letter-spacing:-.04em;line-height:1.1}
.articleSection--petrol blockquote{color:#fff}
.articleSection blockquote small{font-size:.55em}
.articleWideImage{height:min(60vw,650px);margin:20px 0 0;background:#dbe3df}
.articleWideImage img{width:100%;height:100%;object-fit:cover}
.articleCta{display:inline-flex;align-items:center;gap:16px;margin-top:18px;padding:16px 20px;background:var(--rust);color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em;text-decoration:none}
.articleSection--petrol .articleCta{background:#fff;color:var(--petrol-dark)}
.articleContacts{display:flex;flex-wrap:wrap;gap:18px 28px;margin:28px 0}
.articleContacts a{display:flex;align-items:center;gap:8px;color:inherit;font-weight:800}
.articleSection small{display:block;margin-top:24px;line-height:1.6;opacity:.75}
.articleChecks{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0!important}
.articleChecks li{display:flex;gap:13px;padding:17px;background:#eef2ef}
.articleChecks svg{flex:0 0 auto;margin-top:5px;color:var(--rust)}
.offerGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.offerGrid>article{display:flex;flex-direction:column;padding:28px;background:#fff}
.offerGrid>article>span{color:var(--rust);font-size:12px;font-weight:900}
.offerGrid h3{font-size:20px}
.offerGrid .articleCta{align-self:flex-start;margin-top:auto}
.saleMachineGrid{display:grid;gap:20px;margin:20px 0}
.saleMachineGrid>article{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);background:#fff}
.saleMachineGrid>article:nth-child(even) img{order:2}
.saleMachineGrid img{width:100%;height:100%;min-height:360px;object-fit:cover}
.saleMachineGrid>article>div{padding:clamp(30px,5vw,58px)}
.saleMachineGrid span{color:var(--rust);font-size:12px;font-weight:900}
.saleMachineGrid h2{margin:12px 0 20px;color:var(--petrol-dark);font-size:clamp(1.8rem,3vw,2.5rem)}
.saleMachineGrid p{font-size:15px;line-height:1.7}
.importedArticle{overflow:hidden;background:#fff}
.importedArticle>.main-section{padding:clamp(34px,5vw,64px);border-bottom:1px solid #d7dfdb}
.importedArticle>.main-section:nth-child(even){background:#edf2ef}
.importedArticle>.main-section:first-child .content-section-title{display:none}
.importedArticle .content{max-width:880px;margin:0 auto}
.importedArticle .content-section-title{margin:0 auto 28px;text-align:center}
.importedArticle h5,.importedArticle h6{text-align:left}
.importedArticle figure{margin:30px 0}
.importedArticle picture{display:block}
.importedArticle img{display:block;max-width:100%;height:auto;margin:0 auto}
.importedArticle video{display:block;width:100%;max-height:620px;margin:30px auto;background:#111}
.importedArticle figcaption{padding:12px 15px;background:var(--petrol-dark);color:#fff;font-size:12px;line-height:1.5;text-align:center}
.importedArticle blockquote{margin:25px 0;padding:24px 28px;border-left:5px solid var(--rust);background:#e9efec;font-size:18px;line-height:1.65}
.importedArticle .two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.importedArticle .listwithimage{display:grid;grid-template-columns:1fr 1.5fr;gap:26px}
.importedArticle .vertical-list>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0;list-style:none}
.importedArticle .vertical-list>ul>li{padding:22px;background:#edf2ef}
.importedArticle .vertical-list .icon img{max-height:100px}
.importedArticle .faq-container{display:grid;gap:18px}
.importedArticle .faq-item,.importedArticle .faq{padding:20px;background:#edf2ef}
.importedArticle .btn{margin:28px 0;text-align:center}
.importedArticle .btn a{display:inline-flex;padding:14px 20px;background:var(--petrol-dark);color:#fff;font-size:12px;font-weight:850;text-decoration:none}
.articleLoading{padding:70px;text-align:center}
.videoArticle{max-width:1180px;margin:0 auto}
.videoArticleHeading{display:grid;grid-template-columns:52px minmax(0,1fr);gap:24px;align-items:start;padding:22px 0 34px;border-top:1px solid var(--petrol-dark)}
.videoArticleHeading>span{color:var(--rust);font-size:12px;font-weight:900}
.videoArticleHeading h2{max-width:900px;margin:0;color:var(--petrol-dark);font-size:clamp(2rem,4vw,3.4rem);font-weight:620;letter-spacing:-.055em;line-height:1}
.videoArticleHeading h2 em{color:var(--rust);font-style:normal}
.videoArticleFrame{position:relative;overflow:hidden;background:#071f21}
.videoArticleFrame iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.videoArticleFrame>a{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:11px 14px;background:rgba(0,42,47,.9);color:#fff;font-size:12px;font-weight:850;text-decoration:none}
.videoArticleHeading--end{margin-top:34px;padding-bottom:0}
@media(max-width:760px){
.blogArticleHeader{padding:42px 22px 38px}
.blogArticleHeader>button{margin-bottom:32px}
.blogArticleHeader h1{font-size:clamp(2.35rem,10.5vw,3rem)}
.blogArticleHero{height:62vw;min-height:260px}
.blogArticleBody{padding-right:14px;padding-left:14px}
.articleSection{padding:30px 22px}
.articleChecks,.offerGrid,.saleMachineGrid>article,.importedArticle .two-columns,.importedArticle .listwithimage,.importedArticle .vertical-list>ul{grid-template-columns:1fr}
.saleMachineGrid>article:nth-child(even) img{order:0}
.saleMachineGrid img{min-height:260px}
.importedArticle>.main-section{padding:34px 20px}
.importedArticle p,.importedArticle li,.articleSection p,.articleSection li{font-size:15px}
.articleWideImage{height:68vw;min-height:280px}
.videoArticleHeading{grid-template-columns:34px 1fr;gap:12px}
.videoArticleFrame>a{position:static;justify-content:center}
}
.serviceDetailHero{height:30rem;min-height:30rem;overflow:hidden}
.serviceDetailHero>div{min-width:0;padding:2.5rem clamp(2rem,4.5vw,4.25rem)}
.serviceBack{margin-bottom:1.25rem;font-size:.8125rem}
.serviceDetailHero .eyebrow{margin-bottom:.375rem}
.serviceDetailHero h1{margin-bottom:.625rem;font-size:clamp(2.5rem,3.8vw,3rem);line-height:1}
.serviceDetailHero>div>p:not(.eyebrow){font-size:.9375rem;line-height:1.42}
.serviceDetailHero .accentButton{min-height:2.75rem;margin-top:1rem}
.serviceDetailHero figure{height:30rem;min-height:0}
.serviceDetailHero figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.serviceDetailHero figure:after{background:linear-gradient(180deg,transparent 45%,rgba(7,59,65,.76))}
.serviceDetailHero figcaption{right:1rem;bottom:1rem;left:1rem;padding:.8125rem 1rem;border-left:3px solid var(--rust);background:rgba(4,40,44,.94);font-size:.875rem;line-height:1.4}
.serviceDetailGallery figure:after{inset:28% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.94))}
.serviceDetailGallery figcaption{right:.875rem;bottom:.875rem;left:.875rem;padding:.875rem 1rem;background:rgba(4,40,44,.92)}
.serviceDetailGallery figcaption strong{color:#fff;font-size:1.0625rem}
.serviceDetailGallery figcaption span{color:#fff;font-size:.9375rem;line-height:1.45}
@media(max-width:760px){
.serviceDetailHero{height:auto;min-height:0;grid-template-columns:1fr;overflow:visible}
.serviceDetailHero>div{padding:1.5rem 1.375rem 1.75rem}
.serviceBack{margin-bottom:1rem}
.serviceDetailHero h1{font-size:2.4rem}
.serviceDetailHero figure{height:22.5rem;min-height:22.5rem}
.serviceDetailHero figcaption{font-size:.8125rem}
.serviceDetailGallery figcaption span{font-size:.875rem}
}
@media(min-width:761px){
.serviceDetailPage .serviceSubnav{min-height:46px}
.serviceDetailPage .serviceSubnav button{min-height:46px;padding:0 20px;font-size:.8125rem}
}
.serviceDetailBody aside{border-color:var(--petrol);background:var(--petrol);color:#fff}
.serviceDetailBody aside>small{border-bottom-color:#ffffff36;color:var(--rust);font-size:.75rem}
.serviceDetailBody aside>div>strong{color:#fff}
.serviceDetailBody aside a{border-top-color:#ffffff20;background:transparent;color:#cad9d6;font-size:.875rem}
.serviceDetailBody aside a:hover{background:#ffffff0c;color:#fff}
.serviceDetailBody aside a.active{box-shadow:inset 3px 0 0 var(--rust);background:var(--petrol-dark);color:#fff;font-weight:850}
.serviceDetailBody aside a svg{flex:0 0 auto;color:var(--rust)}
.sparePartsService .serviceDetailHero figure img{object-position:center 50%}
.conditionAssessmentService .serviceDetailHero figure img{object-position:center 24%}
.commissioningService .serviceDetailHero figure img{object-position:center 48%}
.sparePartsService .serviceDetailBody{background:#f4f6f3}
.sparePartsService .serviceDetailBenefits{gap:0;border-top:1px solid #ffffff42;border-left:1px solid #ffffff42;background:var(--rust)}
.sparePartsService .serviceDetailBenefits div{border:0;border-right:1px solid #ffffff42;border-bottom:1px solid #ffffff42;background:transparent;box-shadow:none}
.sparePartsService .serviceDetailBenefits span,.sparePartsService .serviceDetailBenefits strong{color:#fff}
.sparePartsHeroActions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.serviceDetailHero .sparePartsHeroActions .accentButton{margin-top:0}
.sparePartsMailButton{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.55rem;padding:0 1.3rem;border:1px solid #fff;background:transparent;color:#fff;font-size:.875rem;font-weight:850;text-decoration:none}
.sparePartsMailButton:hover{background:#fff;color:var(--petrol-dark)}
.sparePartsChannels{margin-top:3.5rem;padding:0;background:transparent;border:0}
.sparePartsChannelsHead{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.5rem}
.sparePartsChannelsHead .eyebrow{margin-bottom:.55rem}
.sparePartsChannelsHead h3{margin:0;color:var(--petrol-dark);font-size:clamp(1.65rem,2.5vw,2.25rem);letter-spacing:-.04em}
.sparePartsChannelGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.sparePartsChannelGrid>div,.sparePartsChannelGrid>a{display:flex;min-height:12rem;flex-direction:column;padding:1.35rem;border:0;border-top:3px solid var(--petrol);background:#fff;box-shadow:0 10px 24px rgba(7,59,65,.055);text-decoration:none}
.sparePartsChannelTop{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.sparePartsChannelTop span{color:var(--rust);font-size:.75rem;font-weight:900}
.sparePartsChannelTop svg{box-sizing:content-box;padding:.7rem;background:rgba(162,73,45,.09);color:var(--rust)}
.sparePartsChannelGrid strong{margin-top:1.65rem;color:var(--petrol-dark);font-size:1.1rem;line-height:1.3}
.sparePartsChannelGrid p{margin:.6rem 0 0;color:var(--muted);font-size:.9375rem;line-height:1.6}
.sparePartsChannelGrid small{display:flex;align-items:center;gap:.45rem;margin-top:auto;padding-top:1rem;color:var(--petrol);font-size:.8125rem;font-weight:900}
.sparePartsChannelGrid>a:hover{background:#edf2ef}
.scmAutoStoreBand{display:grid;grid-template-areas:"copy video" "facts video";grid-template-columns:minmax(18rem,.82fr) minmax(22rem,1.18fr);gap:1.75rem 2.5rem;margin-top:1.25rem;padding:clamp(2rem,4vw,3.25rem);background:var(--petrol-dark);color:#fff}
.scmAutoStoreBand>div:first-child{grid-area:copy}
.scmAutoStoreBand .eyebrow{color:var(--rust)}
.scmAutoStoreBand h3{margin:0;font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.05em;line-height:1.02}
.scmAutoStoreBand>div>p:not(.eyebrow){max-width:42rem;margin:1rem 0 0;color:#cbdad7;font-size:1rem;line-height:1.65}
.scmAutoStoreFacts{display:grid;grid-area:facts;align-content:start;border-top:1px solid #ffffff2c}
.scmAutoStoreFacts span{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #ffffff2c}
.scmAutoStoreFacts strong{color:#fff;font-size:1.3rem}
.scmAutoStoreFacts small{max-width:9.5rem;color:#cbdad7;font-size:.75rem;line-height:1.35;text-align:right}
.scmAutoStoreVideo{position:relative;grid-area:video;align-self:center;aspect-ratio:16/10;overflow:hidden;background:#021c1f}
.scmAutoStoreVideo iframe{width:100%;height:100%;border:0}
.scmAutoStoreVideo>span{position:absolute;right:1rem;bottom:1rem;padding:.65rem .85rem;border-left:3px solid var(--rust);background:rgba(4,40,44,.92);color:#fff;font-size:.8125rem;font-weight:850;pointer-events:none}
.sparePartsOptions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}
.sparePartsOptions>div{display:flex;min-height:12.5rem;flex-direction:column;padding:1.4rem 0;border:0;border-top:1px solid #aebdb6;background:transparent}
.sparePartsOptions span{color:var(--rust);font-size:.75rem;font-weight:900}
.sparePartsOptions strong{margin-top:3rem;color:var(--petrol-dark);font-size:1.08rem;line-height:1.35}
.sparePartsOptions p{margin:.65rem 0 0;color:var(--muted);font-size:.9375rem;line-height:1.6}
@media(max-width:980px){
.scmAutoStoreBand{grid-template-areas:"copy" "facts" "video";grid-template-columns:1fr}
.sparePartsOptions{grid-template-columns:1fr}
.sparePartsOptions>div{min-height:9.5rem}
.sparePartsOptions strong{margin-top:2rem}
}
@media(max-width:760px){
.sparePartsHeroActions{display:grid;grid-template-columns:1fr}
.sparePartsHeroActions a{width:100%}
.sparePartsChannelsHead{display:block}
.sparePartsChannelGrid{grid-template-columns:1fr}
.sparePartsChannelGrid>div,.sparePartsChannelGrid>a{min-height:11.5rem}
.scmAutoStoreBand{padding:1.75rem 1.35rem}
.scmAutoStoreBand h3{font-size:2rem}
.scmAutoStoreVideo{aspect-ratio:16/9}
}
.glueTankService .serviceDetailHero figure img{object-position:center 46%}
.glueTankService .serviceDetailBody article>h2{max-width:52rem}
.glueTankService .serviceDetailProcess{max-width:none;margin-top:3.75rem}
.glueTankService .serviceDetailProcess li p{font-size:.9375rem;line-height:1.65}
.glueTankSignals{display:grid;grid-template-columns:minmax(17rem,.78fr) minmax(0,1.22fr);margin-top:2.75rem;background:#fff}
.glueTankSignals figure{position:relative;min-height:30rem;margin:0;overflow:hidden;background:#e4e8e5}
.glueTankSignals figure:after{position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.86));content:""}
.glueTankSignals figure img{width:100%;height:100%;object-fit:cover;object-position:center 56%}
.glueTankSignals figcaption{position:absolute;z-index:1;right:1.4rem;bottom:1.35rem;left:1.4rem;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.glueTankSignals>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,3.4rem)}
.glueTankSignals h3{max-width:36rem;margin:0;color:var(--petrol-dark);font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.05em;line-height:1.04}
.glueTankSignalGrid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:2rem;border-top:1px solid #bdc9c3;border-left:1px solid #bdc9c3}
.glueTankSignalGrid span{display:flex;min-height:7.5rem;flex-direction:column;justify-content:space-between;padding:1.15rem;border-right:1px solid #bdc9c3;border-bottom:1px solid #bdc9c3}
.glueTankSignalGrid small{color:var(--rust);font-size:.72rem;font-weight:900}
.glueTankSignalGrid strong{color:var(--petrol-dark);font-size:.98rem;line-height:1.4}
.glueTankSignals>div>p:last-child{max-width:42rem;margin:1.5rem 0 0;color:var(--muted);font-size:1rem;line-height:1.65}
.glueTankVisualBreak{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:1rem;margin-top:3.5rem}
.glueTankVisualBreak figure{position:relative;min-height:24rem;margin:0;overflow:hidden;background:var(--petrol-dark)}
.glueTankVisualBreak figure:after{position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.94));content:""}
.glueTankVisualBreak img{width:100%;height:100%;object-fit:cover}
.glueTankVisualBreak figure:first-child img{object-position:center 46%}
.glueTankVisualBreak figure:last-child img{object-position:center 38%}
.glueTankVisualBreak figcaption{position:absolute;z-index:1;right:1.5rem;bottom:1.4rem;left:1.5rem;display:flex;flex-direction:column;gap:.35rem;color:#fff}
.glueTankVisualBreak figcaption strong{font-size:1.05rem;line-height:1.3}
.glueTankVisualBreak figcaption span{max-width:32rem;color:#d6e1de;font-size:.875rem;line-height:1.5}
.glueTankRequest{margin-top:4rem;padding:clamp(2rem,4vw,3.25rem);scroll-margin-top:5rem;background:#fff;box-shadow:0 18px 42px rgba(7,59,65,.08)}
.glueTankRequest>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);gap:2.5rem;align-items:end;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--petrol-dark)}
.glueTankRequest>header h3{margin:0;color:var(--petrol-dark);font-size:clamp(2rem,3.7vw,3.1rem);letter-spacing:-.055em;line-height:1.02}
.glueTankRequest>header>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}
.glueTankRequest form{display:grid;gap:1rem}
.glueTankRequest fieldset{margin:0;padding:0 0 2rem;border:0;border-bottom:1px solid #c7d1cc}
.glueTankRequest legend{display:flex;align-items:center;gap:.8rem;width:100%;padding:1.25rem 0 1.4rem;color:var(--petrol-dark)}
.glueTankRequest legend span{display:flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;background:var(--rust);color:#fff;font-size:.75rem;font-weight:900}
.glueTankRequest legend strong{font-size:1.2rem;letter-spacing:-.02em}
.glueTankFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.glueTankFormGrid>label:not(.glueTankCheck),.glueTankUpload label{display:flex;flex-direction:column;gap:.5rem;color:var(--petrol-dark);font-size:.875rem;font-weight:850}
.glueTankFormGrid input,.glueTankFormGrid select,.glueTankFormGrid textarea{width:100%;min-height:3rem;padding:.75rem .9rem;border:1px solid #bcc9c3;border-radius:0;background:#f8f9f7;color:var(--petrol-dark);font:inherit;font-size:1rem;outline:none}
.glueTankFormGrid textarea{min-height:8.5rem;resize:vertical;line-height:1.55}
.glueTankFormGrid .fullField{grid-column:1/-1}
.glueTankFormGrid input:focus,.glueTankFormGrid select:focus,.glueTankFormGrid textarea:focus{border-color:var(--rust);box-shadow:0 0 0 2px rgba(162,73,45,.1)}
.glueTankCheck{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;border:1px solid #c7d1cc;background:#f4f6f3;color:var(--petrol-dark);font-size:.9375rem;font-weight:750;line-height:1.45}
.glueTankCheck input,.glueTankOrderChoice input,.glueTankConditions input,.glueTankConsent input{width:1rem;height:1rem;min-height:0;flex:0 0 auto;margin:.15rem 0 0;accent-color:var(--rust)}
.glueTankUpload label{padding:1.25rem;border:1px dashed #9eaea6;background:#f4f6f3}
.glueTankUpload input{margin-top:.4rem;color:var(--muted);font-size:.9rem}
.glueTankUpload small{color:var(--muted);font-size:.8125rem;font-weight:600}
.glueTankOrderChoice{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}
.glueTankOrderChoice label{display:flex;align-items:flex-start;gap:.75rem;padding:1.15rem;border:1px solid #c7d1cc;background:#fff;cursor:pointer}
.glueTankOrderChoice label>span{display:flex;flex-direction:column;gap:.35rem}
.glueTankOrderChoice strong{color:var(--petrol-dark);font-size:1rem}
.glueTankOrderChoice small{color:var(--muted);font-size:.875rem;line-height:1.45}
.glueTankConditions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:.75rem}
.glueTankConditions label{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;border:1px solid #c7d1cc;background:#f4f6f3;color:var(--petrol-dark);font-size:.875rem;line-height:1.5}
.glueTankConsent{display:flex;align-items:flex-start;gap:.7rem;margin-top:1rem;color:var(--muted);font-size:.875rem;line-height:1.5}
.glueTankSubmit{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1rem}
.glueTankSubmit p{max-width:32rem;margin:0;color:var(--muted);font-size:.9375rem;line-height:1.55}
.glueTankSubmit button{display:flex;min-height:3.2rem;align-items:center;justify-content:center;gap:.6rem;padding:0 1.25rem;border:0;background:var(--rust);color:#fff;font-size:.9rem;font-weight:900}
@media(max-width:960px){
.glueTankSignals,.glueTankRequest>header{grid-template-columns:1fr}
.glueTankSignals figure{min-height:24rem}
.glueTankVisualBreak{grid-template-columns:1fr}
.glueTankVisualBreak figure{min-height:22rem}
}
@media(max-width:760px){
.glueTankSignalGrid,.glueTankFormGrid,.glueTankOrderChoice,.glueTankConditions{grid-template-columns:1fr}
.glueTankFormGrid .fullField{grid-column:auto}
.glueTankRequest{padding:1.6rem 1.25rem}
.glueTankSubmit{align-items:stretch;flex-direction:column}
.glueTankSubmit button{width:100%}
.glueTankVisualBreak figure{min-height:19rem}
}
.glueTankVideo{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,5rem);align-items:center;margin-top:1rem;padding:clamp(2rem,4vw,3.5rem);background:var(--petrol-dark);color:#fff}
.glueTankVideo h3{max-width:34rem;margin:0 0 1.1rem;font-size:clamp(1.9rem,3.4vw,3.25rem);font-weight:620;letter-spacing:-.045em;line-height:1.02}
.glueTankVideo>div>p:last-child{max-width:31rem;margin:0;color:#cbdad7;font-size:.95rem;line-height:1.65}
.glueTankVideoFrame{position:relative;overflow:hidden;background:#031f22;box-shadow:0 22px 48px rgba(0,0,0,.22);aspect-ratio:16/9}
.glueTankVideoFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:900px){
.glueTankVideo{grid-template-columns:1fr}
.glueTankVideo>div:first-child{max-width:42rem}
}
@media(max-width:620px){
.glueTankVideo{padding:1.5rem 1.25rem}
.glueTankVideo h3{font-size:1.8rem}
}
.brandRailViewport{position:relative;overflow:hidden;padding:22px 0;border-top:0;background:linear-gradient(90deg,rgba(4,40,44,.94),rgba(7,59,65,.78)),url('/wp-content/uploads/2026/09/scm-stefani-cell.jpeg') center 46%/cover;box-shadow:0 26px 62px rgba(7,59,65,.2)}
.brandRailViewport:before,.brandRailViewport:after{position:absolute;z-index:3;top:0;bottom:0;width:clamp(24px,5vw,90px);content:"";pointer-events:none}
.brandRailViewport:before{left:0;background:linear-gradient(90deg,var(--petrol-dark),transparent)}
.brandRailViewport:after{right:0;background:linear-gradient(270deg,var(--petrol-dark),transparent)}
.brandRailTrack{display:flex;width:max-content;animation:brandRailMove 34s linear infinite;will-change:transform}
.brandRailSet{display:flex;gap:12px;padding-right:12px}
.brandRailViewport:hover .brandRailTrack,.brandRailViewport:focus-within .brandRailTrack{animation-play-state:paused}
.brandRailSet a{position:relative;display:flex;width:210px;height:116px;flex:0 0 210px;align-items:center;justify-content:center;padding:23px;border:1px solid rgba(255,255,255,.22);background:rgba(245,249,247,.92);color:var(--petrol);backdrop-filter:blur(7px);transition:background .22s ease,transform .22s ease,box-shadow .22s ease}
.brandRailSet a:hover,.brandRailSet a:focus-visible{z-index:2;background:#fff;box-shadow:0 14px 32px rgba(7,59,65,.16);transform:translateY(-3px)}
.brandRailSet a>span{position:absolute;top:11px;left:12px;color:var(--rust);font-size:9px;font-weight:900;letter-spacing:.08em}
.brandRailSet a>img{width:76%;height:55px;object-fit:contain;filter:grayscale(1);opacity:.78;transition:filter .2s ease,opacity .2s ease,transform .2s ease}
.brandRailSet a>img[src*="barbaric"]{filter:brightness(0)}
.brandRailSet a:hover>img,.brandRailSet a:focus-visible>img{filter:grayscale(0);opacity:1;transform:scale(1.035)}
.brandRailSet a:hover>img[src*="barbaric"],.brandRailSet a:focus-visible>img[src*="barbaric"]{filter:brightness(0)}
.brandRailSet a>svg{position:absolute;right:11px;bottom:10px;color:var(--rust);opacity:0;transform:translate(-4px,4px);transition:.2s ease}
.brandRailSet a:hover>svg,.brandRailSet a:focus-visible>svg{opacity:1;transform:none}
.brandsHero aside{position:relative;overflow:hidden}
.brandsHero aside:before{position:absolute;inset:0;background:linear-gradient(145deg,transparent 45%,rgba(255,255,255,.055));content:"";pointer-events:none}
.brandsHeroLogos{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:34px;background:rgba(255,255,255,.2)}
.brandsHeroLogos img{width:100%;height:72px;padding:19px 22px;background:rgba(255,255,255,.07);object-fit:contain;filter:brightness(0) invert(1);opacity:1}
.brandsHero aside small{position:relative;margin-top:30px}
.brandGroupIntro>div>small{display:block;margin-bottom:12px;color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.brandCardGrid{border:0;background:transparent;gap:14px}
.brandCard{border:1px solid #d4ddda;box-shadow:0 10px 28px rgba(7,59,65,.045)}
.brandCard figure{height:138px;background:linear-gradient(135deg,#f1f5f2,#e5eeea)}
.brandCardCopy{padding-top:25px}
.brandCardCopy strong{font-size:19px}
.brandCardCopy p{font-size:14px;line-height:1.55}
.brandCardActions{border-top:1px solid #e3e8e5}
@media(max-width:760px){
.brandRailSet a{width:170px;height:102px;flex-basis:170px}
.brandRailTrack{animation-duration:27s}
.brandsHeroLogos{max-width:430px}
.brandCardGrid{gap:10px}
}
@media(prefers-reduced-motion:reduce){
.brandRailTrack{animation:none}
.brandRailViewport{overflow-x:auto}
.brandRailSet[aria-hidden="true"]{display:none}
}
.brandGroupIntro,.brandGroupIntro>div,.brandCard,.brandCardCopy{min-width:0}
.brandGroupVisual{position:relative;margin:28px 0 0;overflow:hidden;background:var(--petrol-dark);aspect-ratio:4/3}
.brandGroupVisual:after{position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.9));content:""}
.brandGroupVisual img{width:100%;height:100%;object-fit:cover;filter:grayscale(.18) saturate(.75);transition:transform .35s ease}
.brandGroupSection:hover .brandGroupVisual img{transform:scale(1.035)}
.brandGroupVisual figcaption{position:absolute;z-index:1;right:18px;bottom:16px;left:18px;color:#fff;font-size:12px;font-weight:850;line-height:1.35}
.brandPartnerVisual{background:var(--petrol-dark)}
.brandPartnerVisual>div{position:absolute;inset:18px 18px 58px;display:grid;grid-template-columns:1fr;gap:1px;background:rgba(255,255,255,.18)}
.brandPartnerVisual>div img{width:100%;height:100%;min-height:0;padding:13px 20px;background:#f4f7f5;object-fit:contain;filter:grayscale(1);transform:none!important}
.brandPartnerVisual>div img[src*="hs-drive-tec"]{background:var(--petrol);filter:none}
.brandPartnerVisual:after{inset:70% 0 0;background:linear-gradient(180deg,transparent,var(--petrol-dark))}
.brandGroupSection:nth-child(5) .brandGroupVisual img{object-fit:contain;padding:18px;background:#e9f0ed}
.brandGroupSection:nth-child(6) .brandGroupVisual img{object-position:center 20%}
.brandCard{display:grid;height:100%;min-height:318px;grid-template-rows:138px minmax(105px,auto) auto;align-content:stretch;justify-content:stretch}
.brandCard figure{height:auto;min-height:0}
.brandCard figure>small{position:absolute;top:12px;right:12px;max-width:145px;padding:6px 8px;background:var(--rust);color:#fff;font-size:8px;font-weight:900;letter-spacing:.06em;line-height:1.2;text-align:right;text-transform:uppercase}
.brandCardCopy{overflow:hidden;padding:24px 23px 18px}
.brandCardCopy strong,.brandCardCopy p{overflow-wrap:anywhere}
.brandCardActions{align-self:end;min-height:66px;margin:0}
.brandCard[data-brand="HS DRIVE-TEC"] figure,.brandDetailIdentity[data-brand="HS DRIVE-TEC"] figure{background:var(--petrol-dark)}
.brandCard[data-brand="HS DRIVE-TEC"] figure>img,.brandCard[data-brand="HS DRIVE-TEC"]:hover figure>img,.brandDetailIdentity[data-brand="HS DRIVE-TEC"] figure img{filter:none;opacity:1}
.brandRailSet a>img[src*="hs-drive-tec"],.brandRailSet a:hover>img[src*="hs-drive-tec"],.brandRailSet a:focus-visible>img[src*="hs-drive-tec"]{filter:invert(1) grayscale(1) brightness(.45);opacity:.95}
.brandDetailRelated a strong{overflow-wrap:anywhere}
@media(max-width:1180px){
.brandGroupVisual{max-width:330px;aspect-ratio:16/10}
.brandCard{min-height:305px}
}
@media(max-width:850px){
.brandGroupIntro{grid-template-columns:34px minmax(0,1fr)}
.brandGroupVisual{max-width:520px;aspect-ratio:16/8}
.brandGroupSection{gap:34px}
}
@media(max-width:620px){
.brandGroupVisual{aspect-ratio:16/9}
.brandCard{min-height:292px;grid-template-rows:128px minmax(98px,auto) auto}
}
.scmBrandPage{background:#fff}
.scmHero{display:grid;min-height:640px;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);background:var(--petrol-dark);color:#fff}
.scmHeroCopy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(55px,7vw,100px) clamp(28px,6vw,92px)}
.scmHeroCopy .brandBack{margin-bottom:54px}
.scmHeroCopy .eyebrow{color:var(--rust)}
.scmHeroLogo{width:150px;height:54px;margin-bottom:27px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.scmHeroCopy h1{max-width:820px;margin:0;color:#fff;font-size:clamp(45px,5.8vw,82px);font-weight:620;letter-spacing:-.065em;line-height:.93}
.scmHeroCopy>p:not(.eyebrow){max-width:750px;margin:25px 0 0;color:#d4e0de;font-size:18px;line-height:1.68}
.scmHeroMedia{position:relative;min-height:500px;margin:0;overflow:hidden}
.scmHeroMedia:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,40,44,.28),transparent 45%),linear-gradient(0deg,rgba(4,40,44,.72),transparent 45%);content:""}
.scmHeroMedia img{width:100%;height:100%;object-fit:cover;object-position:center}
.scmHeroMedia figcaption{position:absolute;z-index:1;right:30px;bottom:28px;left:30px;padding-top:15px;border-top:1px solid #ffffff80;color:#fff;font-size:13px;font-weight:850}
.scmScale{display:grid;grid-template-columns:repeat(4,1fr);background:var(--rust);color:#fff}
.scmScale article{min-height:155px;padding:31px clamp(20px,3vw,45px);border-right:1px solid #ffffff42}
.scmScale strong{display:block;font-size:clamp(30px,3.4vw,52px);letter-spacing:-.055em;line-height:1}
.scmScale span{display:block;max-width:190px;margin-top:13px;font-size:14px;font-weight:750;line-height:1.35}
.scmIntro{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(50px,8vw,125px);padding:clamp(80px,9vw,130px) clamp(28px,6vw,92px)}
.scmIntro h2{max-width:700px;margin:0;color:var(--petrol);font-size:clamp(38px,4.8vw,65px);font-weight:600;letter-spacing:-.06em;line-height:.98}
.scmIntro>div:last-child{align-self:end}
.scmIntro>div:last-child p{max-width:800px;margin:0 0 20px;color:var(--muted);font-size:18px;line-height:1.75}
.scmIntro>div:last-child strong{color:var(--petrol)}
.scmPortfolio{padding:clamp(80px,8vw,115px) clamp(28px,6vw,92px);background:#f0f4f1}
.scmPortfolio>header{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(340px,1.25fr);gap:20px 70px;align-items:end;margin-bottom:48px}
.scmPortfolio>header .eyebrow{grid-column:1/-1}
.scmPortfolio>header h2{max-width:760px;margin:0;color:var(--petrol);font-size:clamp(38px,4.5vw,61px);font-weight:600;letter-spacing:-.055em;line-height:.98}
.scmPortfolio>header>p:last-child{max-width:610px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.scmPortfolioGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.scmPortfolioGrid article{position:relative;min-height:390px;padding:34px;background:#fff;border:1px solid #d3ddda}
.scmPortfolioGrid article>span{color:var(--rust);font-size:12px;font-weight:900}
.scmPortfolioGrid h3{max-width:520px;margin:55px 0 16px;color:var(--petrol);font-size:clamp(25px,2.5vw,36px);letter-spacing:-.04em;line-height:1.08}
.scmPortfolioGrid p{max-width:620px;margin:0;color:var(--muted);font-size:16px;line-height:1.62}
.scmPortfolioGrid ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:26px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}
.scmPortfolioGrid li{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--petrol);font-size:14px;font-weight:800}
.scmPortfolioGrid li svg{flex:0 0 auto;color:var(--rust)}
.scmDigital{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);background:var(--petrol);color:#fff}
.scmDigitalCopy{padding:clamp(70px,8vw,115px) clamp(28px,6vw,92px)}
.scmDigitalCopy .eyebrow{color:var(--rust)}
.scmDigitalCopy h2{max-width:700px;margin:0;color:#fff;font-size:clamp(40px,5vw,68px);font-weight:600;letter-spacing:-.06em;line-height:.96}
.scmDigitalCopy>p{max-width:720px;margin:25px 0 35px;color:#d1dfdc;font-size:18px;line-height:1.7}
.scmDigitalCopy>div{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff30}
.scmDigitalCopy>div span{display:flex;min-height:125px;flex-direction:column;justify-content:space-between;padding:20px;background:var(--petrol-dark)}
.scmDigitalCopy>div svg{color:var(--rust)}
.scmDigitalCopy>div strong{font-size:14px;line-height:1.35}
.scmDigital figure{position:relative;min-height:520px;margin:0;overflow:hidden}
.scmDigital figure:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,40,44,.77),transparent 55%);content:""}
.scmDigital figure img{width:100%;height:100%;object-fit:cover}
.scmDigital figcaption{position:absolute;z-index:1;right:28px;bottom:25px;left:28px;color:#fff;font-size:13px;font-weight:850}
.scmHistory{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(55px,8vw,125px);padding:clamp(80px,9vw,125px) clamp(28px,6vw,92px)}
.scmHistory h2{max-width:600px;margin:0;color:var(--petrol);font-size:clamp(38px,4.7vw,62px);font-weight:600;letter-spacing:-.06em;line-height:.98}
.scmHistory ol{margin:0;padding:0;border-top:1px solid var(--petrol);list-style:none}
.scmHistory li{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}
.scmHistory li strong{color:var(--rust);font-size:22px}
.scmHistory li span{color:var(--muted);font-size:16px;line-height:1.55}
.scmAnest{padding:clamp(80px,9vw,125px) clamp(28px,6vw,92px);background:var(--rust);color:#fff}
.scmAnest>div:first-child{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:end;margin-bottom:50px}
.scmAnest .eyebrow{color:#fff}
.scmAnest h2{max-width:850px;margin:0;color:#fff;font-size:clamp(40px,5vw,68px);font-weight:600;letter-spacing:-.06em;line-height:.96}
.scmAnestGrid{display:grid;grid-template-columns:repeat(4,1fr)}
.scmAnestGrid article{min-height:285px;padding:25px;border:1px solid #ffffff42;background:var(--rust)}
.scmAnestGrid svg{color:#fff}
.scmAnestGrid h3{margin:65px 0 13px;font-size:20px;letter-spacing:-.025em}
.scmAnestGrid p{margin:0;color:#fff;font-size:15px;line-height:1.55}
.scmAnest>a{display:flex;align-items:center;gap:9px;margin-top:30px;padding:14px 18px;border:1px solid #fff;background:transparent;color:#fff;font-size:13px;font-weight:850}
.scmFaq{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:clamp(50px,7vw,110px);padding:clamp(75px,8vw,110px) clamp(28px,6vw,92px);background:#f1f4f1}
.scmFaqIntro h2{max-width:550px;margin:0;color:var(--petrol);font-size:clamp(36px,4.2vw,56px);font-weight:600;letter-spacing:-.055em;line-height:1}
.scmFaqIntro>p:last-child{max-width:480px;color:var(--muted);font-size:15px;line-height:1.6}
.scmFaqList{border-top:1px solid var(--petrol)}
.scmFaqList details{border-bottom:1px solid #cbd4d0}
.scmFaqList summary{display:grid;grid-template-columns:40px 1fr auto;gap:15px;align-items:center;padding:22px 0;cursor:pointer;list-style:none}
.scmFaqList summary::-webkit-details-marker{display:none}
.scmFaqList summary span{color:var(--rust);font-size:11px;font-weight:900}
.scmFaqList summary strong{color:var(--petrol);font-size:16px;line-height:1.35}
.scmFaqList summary svg{color:var(--petrol);transition:transform .2s}
.scmFaqList details[open] summary svg{transform:rotate(180deg)}
.scmFaqList details>p{max-width:800px;margin:0;padding:0 40px 24px 55px;color:var(--muted);font-size:15px;line-height:1.68}
@media(max-width:1050px){
.scmHero,.scmDigital{grid-template-columns:1fr}
.scmHeroMedia{min-height:430px}
.scmScale{grid-template-columns:1fr 1fr}
.scmAnestGrid{grid-template-columns:1fr 1fr}
.scmDigital figure{min-height:440px}
}
@media(max-width:760px){
.scmIntro,.scmHistory,.scmFaq{grid-template-columns:1fr}
.scmPortfolio>header,.scmAnest>div:first-child{grid-template-columns:1fr}
.scmPortfolioGrid{grid-template-columns:1fr}
.scmDigitalCopy>div{grid-template-columns:1fr}
.scmDigitalCopy>div span{min-height:95px}
.scmHistory li{grid-template-columns:90px 1fr}
.scmFaq{gap:36px}
}
@media(max-width:560px){
.scmScale,.scmAnestGrid{grid-template-columns:1fr}
.scmScale article{min-height:125px}
.scmPortfolioGrid article{min-height:0;padding:27px}
.scmPortfolioGrid h3{margin-top:35px}
.scmPortfolioGrid ul{grid-template-columns:1fr}
.scmHeroMedia{min-height:330px}
.scmHistory li{grid-template-columns:1fr;gap:7px}
.scmFaqList details>p{padding-left:0}
.scmHeroCopy .brandDetailActions{align-items:flex-start;flex-direction:column}
}
.spindleService .serviceDetailHero figure img{object-position:center center}
.spindleService .serviceDetailBody article>h2{max-width:55rem}
.spindlePartnerBand{display:grid;grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr);margin-top:2.75rem;background:var(--petrol-dark);color:#fff}
.spindlePartnerMark{display:flex;min-height:24rem;flex-direction:column;justify-content:space-between;padding:2rem;background:var(--rust);color:#fff}
.spindlePartnerMark img{width:min(100%,15.5rem);height:auto;object-fit:contain;object-position:left top}
.spindlePartnerMark small{max-width:12rem;font-size:.75rem;font-weight:900;letter-spacing:.08em;line-height:1.45;text-transform:uppercase}
.spindlePartnerBand>div:last-child{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,3.25rem)}
.spindlePartnerBand .eyebrow{color:var(--rust)}
.spindlePartnerBand h3{margin:0;color:#fff;font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.05em;line-height:1.03}
.spindlePartnerBand>div:last-child>p:not(.eyebrow){margin:1.15rem 0 0;color:#cbdad7;font-size:1rem;line-height:1.68}
.spindleService .serviceDetailProcess{max-width:none;margin-top:3.5rem}
.spindleVisualBreak{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:1rem;margin-top:3.5rem}
.spindleVisualBreak figure{position:relative;min-height:25rem;margin:0;overflow:hidden;background:var(--petrol-dark)}
.spindleVisualBreak figure:after{position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.94));content:""}
.spindleVisualBreak img{width:100%;height:100%;object-fit:cover}
.spindleVisualBreak figure:first-child img{object-position:center 38%}
.spindleVisualBreak figure:last-child img{object-position:center center}
.spindleVisualBreak figcaption{position:absolute;z-index:1;right:1.5rem;bottom:1.4rem;left:1.5rem;display:flex;flex-direction:column;gap:.35rem;color:#fff}
.spindleVisualBreak figcaption strong{font-size:1.05rem;line-height:1.3}
.spindleVisualBreak figcaption span{max-width:34rem;color:#d6e1de;font-size:.86rem;line-height:1.5}
.spindleRequest{margin-top:4rem;padding:clamp(2rem,4vw,3.25rem);scroll-margin-top:5rem;background:#fff;box-shadow:0 18px 42px rgba(7,59,65,.08)}
.spindleRequest>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);gap:2.5rem;align-items:end;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--petrol-dark)}
.spindleRequest>header h3{margin:0;color:var(--petrol-dark);font-size:clamp(2rem,3.7vw,3.1rem);letter-spacing:-.055em;line-height:1.02}
.spindleRequest>header>p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.65}
.spindleRequest form{display:grid;gap:1rem}
.spindleRequest fieldset{margin:0;padding:0 0 2rem;border:0;border-bottom:1px solid #c7d1cc}
.spindleRequest legend{display:flex;align-items:center;gap:.8rem;width:100%;padding:1.25rem 0 1.4rem;color:var(--petrol-dark)}
.spindleRequest legend span{display:flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;background:var(--rust);color:#fff;font-size:.72rem;font-weight:900}
.spindleRequest legend strong{font-size:1.2rem;letter-spacing:-.02em}
.spindleFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.spindleFormGrid>label:not(.spindleCheck),.spindleUpload label{display:flex;flex-direction:column;gap:.5rem;color:var(--petrol-dark);font-size:.82rem;font-weight:850}
.spindleFormGrid input,.spindleFormGrid select,.spindleFormGrid textarea{width:100%;min-height:3rem;padding:.75rem .9rem;border:1px solid #bcc9c3;border-radius:0;background:#f8f9f7;color:var(--petrol-dark);font:inherit;font-size:.95rem;outline:none}
.spindleFormGrid textarea{min-height:8.5rem;resize:vertical;line-height:1.55}
.spindleFormGrid input:focus,.spindleFormGrid select:focus,.spindleFormGrid textarea:focus{border-color:var(--rust);box-shadow:0 0 0 2px rgba(162,73,45,.1)}
.spindleFormGrid .wideField{grid-column:span 1}
.spindleFormGrid .fullField{grid-column:1/-1}
.spindleCheck{display:flex;align-items:flex-start;gap:.7rem;padding:1rem;border:1px solid #c7d1cc;background:#f4f6f3;color:var(--petrol-dark);font-size:.9rem;font-weight:750;line-height:1.45}
.spindleCheck input,.spindleConsent input,.spindleOrderChoice input{width:1rem;height:1rem;min-height:0;flex:0 0 auto;margin:.15rem 0 0;accent-color:var(--rust)}
.spindleUpload label{padding:1.25rem;border:1px dashed #9eaea6;background:#f4f6f3}
.spindleUpload input{margin-top:.4rem;color:var(--muted);font-size:.85rem}
.spindleUpload small{color:var(--muted);font-size:.75rem;font-weight:600}
.spindleOrderChoice{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}
.spindleOrderChoice label{display:flex;align-items:flex-start;gap:.75rem;padding:1.15rem;border:1px solid #c7d1cc;background:#fff;cursor:pointer}
.spindleOrderChoice label>span{display:flex;flex-direction:column;gap:.35rem}
.spindleOrderChoice strong{color:var(--petrol-dark);font-size:.95rem}
.spindleOrderChoice small{color:var(--muted);font-size:.8rem;line-height:1.45}
.spindleConsent{display:flex;align-items:flex-start;gap:.7rem;margin-top:1rem;color:var(--muted);font-size:.8rem;line-height:1.5}
.spindleSubmit{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-top:1rem}
.spindleSubmit p{max-width:30rem;margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}
.spindleSubmit button{display:flex;min-height:3.2rem;align-items:center;justify-content:center;gap:.6rem;padding:0 1.25rem;border:0;background:var(--rust);color:#fff;font-size:.85rem;font-weight:900}
@media(max-width:900px){
.spindlePartnerBand,.spindleRequest>header{grid-template-columns:1fr}
.spindlePartnerMark{min-height:14rem}
.spindleVisualBreak{grid-template-columns:1fr}
.spindleVisualBreak figure{min-height:22rem}
}
@media(max-width:760px){
.spindleFormGrid,.spindleOrderChoice{grid-template-columns:1fr}
.spindleFormGrid .wideField,.spindleFormGrid .fullField{grid-column:auto}
.spindleRequest{padding:1.6rem 1.25rem}
.spindleSubmit{align-items:stretch;flex-direction:column}
.spindleSubmit button{width:100%}
.spindleVisualBreak figure{min-height:19rem}
}
.commissioningService .serviceDetailBody{grid-template-columns:290px minmax(0,1fr);gap:clamp(2.75rem,4.5vw,4.75rem)}
.commissioningService .serviceDetailBody article>h2{max-width:44rem;margin-bottom:2.5rem;font-size:clamp(2.4rem,3.7vw,3.3rem);line-height:1.03}
.commissioningService .serviceDetailBenefits{gap:0;border-top:1px solid #bdc9c3;border-left:1px solid #bdc9c3}
.commissioningService .serviceDetailBenefits div{min-height:8.75rem;padding:1.35rem;border:0;border-right:1px solid #bdc9c3;border-bottom:1px solid #bdc9c3;background:transparent;box-shadow:none}
.commissioningService .serviceDetailBenefits strong{font-size:1.05rem;line-height:1.35}
.commissioningPreparation{display:grid;grid-template-columns:minmax(15rem,.9fr) minmax(18rem,1.1fr);gap:2.5rem;margin-top:2.75rem;padding:2rem;border:0;background:var(--rust);color:#fff}
.commissioningPreparation .eyebrow{margin:0 0 .65rem;color:#fff;opacity:.78}
.commissioningPreparation h3{max-width:29rem;margin:0;color:#fff;font-size:clamp(1.65rem,2.4vw,2.05rem);letter-spacing:-.04em;line-height:1.12}
.commissioningPreparation>p{align-self:center;max-width:40rem;margin:0;color:#fff;font-size:1rem;line-height:1.65;opacity:.9}
.commissioningVisualBreak{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(17rem,.6fr);min-height:20rem;margin-top:1rem;background:var(--petrol-dark)}
.commissioningVisualBreak figure{position:relative;min-height:20rem;margin:0;overflow:hidden}
.commissioningVisualBreak figure:after{position:absolute;inset:38% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.84));content:""}
.commissioningVisualBreak img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
.commissioningVisualBreak figcaption{position:absolute;z-index:1;right:1.5rem;bottom:1.4rem;left:1.5rem;color:#fff;font-size:.9rem;font-weight:850}
.commissioningVisualBreak>div{display:flex;flex-direction:column;justify-content:center;padding:1.75rem 2rem}
.commissioningVisualBreak>div>.eyebrow{margin:0 0 1rem;color:var(--rust)}
.commissioningVisualBreak>div>span{display:grid;grid-template-columns:1.8rem 1fr;gap:.15rem .8rem;padding:.8rem 0;border-top:1px solid #ffffff2c;color:#fff}
.commissioningVisualBreak b{grid-row:1/3;color:var(--rust);font-size:.75rem}
.commissioningVisualBreak strong{font-size:1rem;line-height:1.35}
.commissioningVisualBreak small{color:#cbdad7;font-size:.82rem;line-height:1.4}
.commissioningProcess{max-width:none;margin-top:2.75rem;padding:clamp(2rem,4vw,3.25rem);background:var(--petrol-dark);color:#fff}
.commissioningProcessHead{display:grid;grid-template-columns:minmax(17rem,.9fr) minmax(18rem,1.1fr);gap:clamp(2rem,5vw,4.5rem);align-items:end;padding-bottom:2rem;border-bottom:1px solid #ffffff32}
.commissioningProcessHead .eyebrow{margin:0 0 .75rem;color:var(--rust)}
.commissioningProcessHead h3{max-width:35rem;margin:0;color:#fff;font-size:clamp(2rem,3.2vw,2.75rem);letter-spacing:-.045em;line-height:1.06}
.commissioningProcessHead>p{max-width:38rem;margin:0;color:#d3dfdc;font-size:1rem;line-height:1.65}
.commissioningProcess ol{display:block;margin:0;border:0}
.commissioningProcess li,.commissioningProcess li:last-child{display:grid;min-height:0;grid-template-columns:3.25rem minmax(0,1fr);gap:1.25rem;padding:1.35rem 0;border:0;border-bottom:1px solid #ffffff29;background:transparent}
.commissioningProcess li:last-child{border-bottom:0;padding-bottom:0}
.commissioningProcess li>span{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;padding:0;background:var(--rust);color:#fff}
.commissioningProcess li>div{display:grid;grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);gap:clamp(1rem,3vw,2.5rem);align-items:start;padding-top:.15rem}
.commissioningProcess li strong{display:flex;flex-direction:column;color:#fff;font-size:1.0625rem;line-height:1.4}
.commissioningProcess li strong small{margin-bottom:.25rem;color:var(--rust);font-size:.72rem;font-weight:900;letter-spacing:.09em}
.commissioningProcess li p{max-width:42rem;margin:0;color:#d3dfdc;font-size:.96rem;line-height:1.6}
.commissioningContinuity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;margin-top:2.5rem}
.commissioningContinuity article{display:flex;min-height:16rem;flex-direction:column;padding:1.75rem;border:1px solid #c5d0ca;background:#fff;color:var(--petrol-dark)}
.commissioningContinuity article:last-child{background:#fff;color:var(--petrol-dark)}
.commissioningContinuity article>span{color:var(--rust);font-size:.75rem;font-weight:900}
.commissioningContinuity .eyebrow{margin:1.75rem 0 .55rem;color:var(--rust);font-size:.75rem}
.commissioningContinuity h3{max-width:27rem;margin:0;color:var(--petrol-dark);font-size:clamp(1.5rem,2vw,1.8rem);letter-spacing:-.035em;line-height:1.14}
.commissioningContinuity article>p:last-child{max-width:34rem;margin:1rem 0 0;color:var(--muted);font-size:.9375rem;line-height:1.6}
.commissioningContinuity article:last-child h3{color:var(--petrol-dark)}
.commissioningContinuity article:last-child>p:last-child{color:var(--muted)}
@media(max-width:1100px){
.commissioningService .serviceDetailBody{grid-template-columns:250px minmax(0,1fr)}
}
@media(max-width:980px){
.commissioningProcessHead{grid-template-columns:1fr;gap:1rem}
.commissioningVisualBreak{grid-template-columns:1fr}
.commissioningVisualBreak figure{min-height:20rem}
.commissioningVisualBreak>div{padding:1.6rem 2rem}
.commissioningProcess li>div{grid-template-columns:1fr;gap:.45rem}
}
@media(max-width:900px){
.commissioningPreparation,.commissioningContinuity{grid-template-columns:1fr}
.commissioningPreparation{gap:1.25rem}
.commissioningContinuity article{min-height:17rem}
}
@media(max-width:760px){
.commissioningService .serviceDetailBody{grid-template-columns:1fr}
.commissioningService .serviceDetailBody article>h2{font-size:2.25rem}
.commissioningProcess{margin-top:2rem;padding:1.6rem 1.25rem}
.commissioningProcessHead{padding-bottom:1.4rem}
.commissioningProcessHead h3{font-size:2rem}
.commissioningProcess li{grid-template-columns:2.75rem minmax(0,1fr);gap:.9rem;padding:1.15rem 0}
.commissioningProcess li>span{width:2.6rem;height:2.6rem}
.commissioningPreparation{padding:1.5rem 1.25rem}
.commissioningPreparation h3{font-size:1.75rem}
.commissioningVisualBreak figure{min-height:18rem}
.commissioningVisualBreak>div{padding:1.5rem 1.25rem}
.commissioningContinuity article{min-height:14rem;padding:1.4rem}
.commissioningContinuity .eyebrow{margin-top:1.5rem}
}
.contractService .serviceDetailHero figure img{object-position:center 45%}
.contractService .serviceDetailBody{grid-template-columns:290px minmax(0,1fr);gap:clamp(2.75rem,4.5vw,4.75rem)}
.contractService .serviceDetailBody article>h2{max-width:49rem}
.contractService .serviceDetailBenefits{gap:0;border-top:1px solid #ffffff42;border-left:1px solid #ffffff42;background:var(--rust)}
.contractService .serviceDetailBenefits div{min-height:8.75rem;padding:1.35rem;border:0;border-right:1px solid #ffffff42;border-bottom:1px solid #ffffff42;background:transparent;color:#fff}
.contractService .serviceDetailBenefits span,.contractService .serviceDetailBenefits strong{color:#fff}
.contractCoverage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem;background:transparent}
.contractCoverage article{display:grid;grid-template-columns:3.4rem 1fr;gap:1.1rem;min-height:8.5rem;align-items:center;padding:1.5rem;border:1px solid #c1cdc7;background:#fff}
.contractCoverage article>span{display:flex;width:3.4rem;height:3.4rem;align-items:center;justify-content:center;background:var(--petrol-dark);color:#fff}
.contractCoverage article small{display:block;margin-bottom:.35rem;color:var(--rust);font-size:.72rem;font-weight:900;letter-spacing:.08em}
.contractCoverage strong{display:block;color:var(--petrol-dark);font-size:1.2rem;line-height:1.25}
.contractCoverage p{max-width:31rem;margin:.5rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.55}
.rotationPlan{margin-top:4rem;padding:clamp(2rem,4vw,3.25rem);background:var(--petrol-dark);color:#fff}
.rotationPlan>header{display:grid;grid-template-columns:minmax(18rem,.9fr) minmax(18rem,1.1fr);gap:clamp(2rem,5vw,4.5rem);align-items:end;padding-bottom:2rem;border-bottom:1px solid #ffffff2d}
.rotationPlan .eyebrow{margin:0 0 .75rem;color:var(--rust)}
.rotationPlan h3{max-width:35rem;margin:0;color:#fff;font-size:clamp(2rem,3.2vw,2.75rem);letter-spacing:-.045em;line-height:1.06}
.rotationPlan>header>p{max-width:40rem;margin:0;color:#d0ddda;font-size:1rem;line-height:1.65}
.rotationPlanGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.75rem;border-top:1px solid #ffffff2d;border-left:1px solid #ffffff2d}
.rotationPlanGrid article{display:flex;min-height:15rem;flex-direction:column;padding:1.5rem;border-right:1px solid #ffffff2d;border-bottom:1px solid #ffffff2d}
.rotationPlanGrid article>span{display:flex;width:2.9rem;height:2.9rem;align-items:center;justify-content:center;background:var(--rust);color:#fff}
.rotationPlanGrid small{margin-top:auto;padding-top:1.75rem;color:var(--rust);font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.rotationPlanGrid strong{margin-top:.5rem;color:#fff;font-size:1.12rem;line-height:1.35}
.rotationPlanGrid p{margin:.75rem 0 0;color:#cbdad7;font-size:.9375rem;line-height:1.6}
.rotationPlanNote{margin:1.25rem 0 0;color:#adbfbc;font-size:.875rem;line-height:1.55}
.contractScope{margin-top:2.5rem;padding:clamp(2rem,4vw,3rem);border:1px solid #c1cdc7;background:#fff}
.contractOpeningBlock{box-shadow:0 14px 34px rgba(4,40,44,.065)}
.contractOpeningBlock>header{border-left:4px solid var(--rust);padding-left:1.25rem}
.contractScope>header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.75rem}
.contractScope .eyebrow{margin:0 0 .65rem;color:var(--rust)}
.contractScope h3{max-width:38rem;margin:0;color:var(--petrol-dark);font-size:clamp(1.9rem,3vw,2.55rem);letter-spacing:-.04em;line-height:1.08}
.contractScopeLayout{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);gap:1.5rem;align-items:stretch}
.contractScopeLayout figure{position:relative;min-height:24rem;margin:0;overflow:hidden;background:var(--petrol-dark)}
.contractScopeLayout figure:after{position:absolute;inset:48% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.78));content:""}
.contractScopeLayout figure img{width:100%;height:100%;object-fit:cover;object-position:center 34%}
.contractScopeLayout figcaption{position:absolute;z-index:1;right:1.25rem;bottom:1.2rem;left:1.25rem;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.contractScopeGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #c5d0ca;border-left:1px solid #c5d0ca}
.contractScopeGrid>span{display:grid;min-height:7.5rem;grid-template-columns:1.5rem 1.5rem 1fr;gap:.45rem;align-content:start;padding:1.2rem;border-right:1px solid #c5d0ca;border-bottom:1px solid #c5d0ca;color:var(--petrol-dark)}
.contractScopeGrid small{color:var(--rust);font-size:.7rem;font-weight:900}
.contractScopeGrid svg{color:var(--rust)}
.contractScopeGrid strong{font-size:.96rem;line-height:1.4}
.regionalServicePlan{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);min-height:23rem;margin-top:1rem;background:var(--rust);color:#fff}
.regionalServicePlan figure{position:relative;min-height:23rem;margin:0;overflow:hidden;background:#fff}
.regionalServicePlan figure:after{position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.28));content:""}
.regionalServicePlan img{width:100%;height:100%;object-fit:contain;object-position:center;background:#fff}
.regionalServicePlan>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,3.25rem)}
.regionalServicePlan .eyebrow{margin:0 0 .75rem;color:#fff;opacity:.78}
.regionalServicePlan h3{margin:0;color:#fff;font-size:clamp(1.8rem,2.8vw,2.45rem);letter-spacing:-.045em;line-height:1.08}
.regionalServicePlan>div>p:last-child{margin:1.25rem 0 0;color:#fff;font-size:.98rem;line-height:1.65;opacity:.9}
.contractPrivileges{margin-top:2.5rem;padding:clamp(2rem,4vw,3rem);border:0;background:var(--petrol-dark);color:#fff}
.contractPrivileges>header{display:grid;grid-template-columns:minmax(17rem,.85fr) minmax(18rem,1.15fr);gap:clamp(2rem,5vw,4rem);align-items:end;margin-bottom:2rem}
.contractPrivileges .eyebrow{margin:0 0 .65rem;color:var(--rust)}
.contractPrivileges h3{margin:0;color:#fff;font-size:clamp(1.9rem,3vw,2.55rem);letter-spacing:-.04em;line-height:1.08}
.contractPrivileges>header>p{margin:0;color:#cbdad7;font-size:1rem;line-height:1.65}
.contractPrivileges>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ffffff2b;border-left:1px solid #ffffff2b}
.contractPrivileges>div>span{display:flex;min-height:10rem;flex-direction:column;justify-content:flex-end;padding:1.25rem;border-right:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b}
.contractPrivileges>div svg{margin-bottom:auto;color:var(--rust)}
.contractPrivileges strong{color:#fff;font-size:1.05rem;line-height:1.35}
.contractPrivileges small{margin-top:.55rem;color:#cbdad7;font-size:.875rem;line-height:1.5}
.contractService .serviceDetailProcess{max-width:none;margin-top:3.5rem}
.contractService .serviceDetailProcess h3{font-size:1.75rem}
.contractService .serviceDetailProcess li>div{display:grid;grid-template-columns:minmax(13rem,.7fr) minmax(0,1.3fr);gap:2rem;align-items:start}
.contractService .serviceDetailProcess li p{margin:0}
@media(max-width:1100px){
.contractService .serviceDetailBody{grid-template-columns:250px minmax(0,1fr)}
.rotationPlanGrid{grid-template-columns:1fr}
.rotationPlanGrid article{min-height:13rem}
.contractPrivileges>div{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.rotationPlan>header,.contractPrivileges>header{grid-template-columns:1fr;gap:1rem}
.contractScopeLayout{grid-template-columns:1fr}
.contractScopeLayout figure{min-height:22rem}
.regionalServicePlan{grid-template-columns:1fr}
.regionalServicePlan figure{min-height:20rem}
}
@media(max-width:760px){
.contractService .serviceDetailBody{grid-template-columns:1fr}
.contractService .serviceDetailHero h1{font-size:2.25rem}
.contractCoverage{grid-template-columns:1fr}
.contractCoverage article{min-height:auto;padding:1.25rem}
.rotationPlan{margin-top:2.5rem;padding:1.6rem 1.25rem}
.rotationPlan h3{font-size:2rem}
.rotationPlanGrid article{min-height:12rem;padding:1.25rem}
.contractScope,.contractPrivileges{margin-top:1.5rem;padding:1.6rem 1.25rem}
.contractScope>header{display:block}
.contractScopeLayout figure{min-height:18rem}
.contractScopeGrid,.contractPrivileges>div{grid-template-columns:1fr}
.contractScopeGrid>span{min-height:6rem}
.regionalServicePlan figure{min-height:16rem}
.regionalServicePlan>div{padding:1.75rem 1.25rem}
.regionalServicePlan h3{font-size:2rem}
.contractPrivileges>div>span{min-height:8rem}
.contractService .serviceDetailProcess li>div{grid-template-columns:1fr;gap:.45rem}
.contractService .serviceDetailProcess li p{margin-top:0}
}
.operatorTrainingService .serviceDetailHero figure img{object-position:center 42%}
.operatorTrainingService .serviceDetailBody article>h2{max-width:51rem}
.operatorTrainingService .serviceDetailBenefits{gap:0;border-top:1px solid #ffffff42;border-left:1px solid #ffffff42;background:var(--rust)}
.operatorTrainingService .serviceDetailBenefits div{border:0;border-right:1px solid #ffffff42;border-bottom:1px solid #ffffff42;background:transparent;box-shadow:none}
.operatorTrainingService .serviceDetailBenefits span,.operatorTrainingService .serviceDetailBenefits strong{color:#fff}
.trainingNeeds{margin-top:2.75rem;padding:clamp(2rem,4vw,3rem);border:1px solid #c1cdc7;background:#fff}
.trainingNeeds header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:1.75rem}
.trainingNeeds .eyebrow,.trainingFormats .eyebrow{margin:0 0 .65rem;color:var(--rust)}
.trainingNeeds h3,.trainingFormats h3{margin:0;color:var(--petrol-dark);font-size:clamp(1.9rem,3vw,2.55rem);letter-spacing:-.04em;line-height:1.08}
.trainingNeeds>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c5d0ca;border-left:1px solid #c5d0ca}
.trainingNeeds article{display:flex;min-height:16rem;flex-direction:column;padding:1.35rem;border-right:1px solid #c5d0ca;border-bottom:1px solid #c5d0ca}
.trainingNeeds article>span{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;background:var(--petrol-dark);color:#fff}
.trainingNeeds article small{margin-top:auto;padding-top:2rem;color:var(--rust);font-size:.72rem;font-weight:900;letter-spacing:.08em}
.trainingNeeds article strong{margin-top:.5rem;color:var(--petrol-dark);font-size:1.08rem;line-height:1.35}
.trainingNeeds article p{margin:.65rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.6}
.trainingResilience{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);min-height:27rem;margin-top:2.75rem;background:var(--petrol-dark);color:#fff}
.trainingResilience figure{position:relative;min-height:27rem;margin:0;overflow:hidden}
.trainingResilience figure:after{position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.86));content:""}
.trainingResilience img{width:100%;height:100%;object-fit:cover;object-position:center 34%}
.trainingResilience figcaption{position:absolute;z-index:1;right:1.4rem;bottom:1.25rem;left:1.4rem;color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.trainingResilience>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,3.25rem)}
.trainingResilience .eyebrow{margin:0 0 .75rem;color:var(--rust)}
.trainingResilience h3{margin:0;color:#fff;font-size:clamp(2rem,3vw,2.65rem);letter-spacing:-.045em;line-height:1.08}
.trainingResilience>div>p:last-child{margin:1.25rem 0 0;color:#d0ddda;font-size:1rem;line-height:1.65}
.trainingFormats{display:grid;grid-template-columns:minmax(17rem,.68fr) minmax(0,1.32fr);gap:clamp(2rem,4vw,4rem);margin-top:2.75rem;padding:clamp(2rem,4vw,3rem);border:1px solid #c1cdc7;background:#fff}
.trainingFormats>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #c5d0ca;border-left:1px solid #c5d0ca}
.trainingFormats article{display:flex;min-height:14rem;flex-direction:column;padding:1.35rem;border-right:1px solid #c5d0ca;border-bottom:1px solid #c5d0ca}
.trainingFormats article>span{color:var(--rust)}
.trainingFormats article small{margin-top:auto;padding-top:1.75rem;color:var(--rust);font-size:.72rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.trainingFormats article strong{margin-top:.5rem;color:var(--petrol-dark);font-size:1.08rem;line-height:1.4}
.trainingFormats article p{margin:.65rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.55}
.trainingLevelBadges{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:1rem}
.trainingLevelBadges b{padding:.4rem .55rem;background:var(--rust);color:#fff;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}
.operatorTrainingService .serviceDetailProcess{max-width:none;margin-top:3.5rem}
.operatorTrainingService .serviceDetailProcess li>div{display:grid;grid-template-columns:minmax(14rem,.75fr) minmax(0,1.25fr);gap:2rem;align-items:start}
.operatorTrainingService .serviceDetailProcess li p{margin:0}
@media(max-width:1100px){
.trainingFormats>div{grid-template-columns:1fr}
.trainingFormats article{min-height:11rem}
}
@media(max-width:900px){
.trainingNeeds>div{grid-template-columns:1fr}
.trainingNeeds article{min-height:12rem}
.trainingResilience,.trainingFormats{grid-template-columns:1fr}
.trainingResilience figure{min-height:23rem}
}
@media(max-width:760px){
.trainingNeeds,.trainingFormats{padding:1.5rem 1.25rem}
.trainingNeeds header{display:block}
.trainingNeeds>div,.trainingFormats>div{grid-template-columns:1fr}
.trainingNeeds article,.trainingFormats article{min-height:11rem}
.trainingResilience figure{min-height:19rem}
.trainingResilience>div{padding:1.75rem 1.25rem}
.trainingResilience h3{font-size:2rem}
.operatorTrainingService .serviceDetailProcess li>div{grid-template-columns:1fr;gap:.45rem}
.operatorTrainingService .serviceDetailProcess li p{margin-top:0}
}
.machineBackupService .serviceDetailHero figure{background:var(--petrol-dark)}
.machineBackupService .serviceDetailHero figure:after{background:linear-gradient(180deg,transparent 54%,rgba(4,40,44,.9))}
.machineBackupService .serviceDetailHero figure img{inset:8%;width:84%;height:84%;object-fit:contain;object-position:center}
.machineBackupService .serviceDetailBody article>h2{max-width:49rem}
.backupRecoveryBand{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(12rem,.7fr);min-height:22rem;margin-top:2.75rem;background:var(--petrol-dark);color:#fff}
.backupRecoveryBand>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,3.25rem)}
.backupRecoveryBand .eyebrow{margin:0 0 .75rem;color:var(--rust)}
.backupRecoveryBand h3{max-width:43rem;margin:0;color:#fff;font-size:clamp(2rem,3.2vw,2.75rem);letter-spacing:-.045em;line-height:1.06}
.backupRecoveryBand>div>p:last-child{max-width:46rem;margin:1.2rem 0 0;color:#d0ddda;font-size:1rem;line-height:1.65}
.backupRecoveryBand>span{display:flex;min-height:22rem;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border-left:1px solid #ffffff2b;background:var(--rust);color:#fff;text-align:center}
.backupRecoveryBand>span svg{margin-bottom:1.3rem}
.backupRecoveryBand>span b{font-size:clamp(2.3rem,4vw,3.6rem);letter-spacing:-.05em;line-height:1}
.backupRecoveryBand>span small{max-width:10rem;margin-top:.7rem;font-size:.78rem;font-weight:800;line-height:1.45;text-transform:uppercase}
.backupEssentials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;border-top:1px solid #c5d0ca;border-left:1px solid #c5d0ca;background:#fff}
.backupEssentials article{display:flex;min-height:16rem;flex-direction:column;padding:1.4rem;border-right:1px solid #c5d0ca;border-bottom:1px solid #c5d0ca}
.backupEssentials article>span{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;background:var(--petrol-dark);color:#fff}
.backupEssentials article small{margin-top:auto;padding-top:2rem;color:var(--rust);font-size:.72rem;font-weight:900;letter-spacing:.08em}
.backupEssentials article strong{margin-top:.45rem;color:var(--petrol-dark);font-size:1.08rem;line-height:1.35}
.backupEssentials article p{margin:.65rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.6}
.machineBackupService .serviceDetailProcess{max-width:none;margin-top:3.5rem}
.machineBackupService .serviceDetailProcess li>div{display:grid;grid-template-columns:minmax(14rem,.75fr) minmax(0,1.25fr);gap:2rem;align-items:start}
.machineBackupService .serviceDetailProcess li p{margin:0}
.backupPricing{margin-top:3.5rem;padding:clamp(2rem,4vw,3rem);border:1px solid #c1cdc7;background:#fff}
.backupPricing>header{display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(18rem,1.2fr);gap:clamp(2rem,5vw,4.5rem);align-items:end;padding-bottom:1.75rem}
.backupPricing .eyebrow{margin:0 0 .65rem;color:var(--rust)}
.backupPricing h3{max-width:32rem;margin:0;color:var(--petrol-dark);font-size:clamp(1.9rem,3vw,2.55rem);letter-spacing:-.04em;line-height:1.08}
.backupPricing>header>p{max-width:40rem;margin:0;color:var(--muted);font-size:1rem;line-height:1.65}
.backupPriceGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff2b;border-left:1px solid #ffffff2b;background:var(--petrol-dark)}
.backupPriceGrid article{display:flex;min-height:18rem;flex-direction:column;padding:1.4rem;border-right:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b;color:#fff}
.backupPriceGrid small{color:var(--rust);font-size:.72rem;font-weight:900;letter-spacing:.08em}
.backupPriceGrid img{width:auto;height:4.25rem;margin:1.3rem 0 1.15rem;object-fit:contain;object-position:left center}
.backupPriceGrid strong{color:#fff;font-size:1.15rem}
.backupPriceGrid b{margin-top:.55rem;color:#fff;font-size:clamp(1.45rem,2.2vw,1.9rem);letter-spacing:-.035em}
.backupPriceGrid b span{font-size:.75rem;letter-spacing:0}
.backupPriceGrid a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;border-top:1px solid #ffffff2b;color:var(--rust);font-size:.85rem;font-weight:900;text-decoration:none}
.backupCustomOffer{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1rem;padding:1.6rem 1.75rem;background:var(--petrol-dark);color:#fff}
.backupCustomOffer>img{width:7rem;height:5.5rem;flex:0 0 auto;object-fit:contain}
.backupCustomOffer strong{font-size:1.15rem}
.backupCustomOffer p{max-width:44rem;margin:.5rem 0 0;color:#cfddda;font-size:.92rem;line-height:1.55}
.backupCustomOffer>a{display:inline-flex;flex:0 0 auto;align-items:center;gap:.7rem;padding:1rem 1.15rem;background:var(--rust);color:#fff;font-size:.82rem;font-weight:900;text-decoration:none}
@media(max-width:900px){
.backupRecoveryBand,.backupPricing>header{grid-template-columns:1fr}
.backupRecoveryBand>span{min-height:14rem;border-top:1px solid #ffffff2b;border-left:0}
.backupEssentials,.backupPriceGrid{grid-template-columns:1fr}
.backupEssentials article{min-height:12rem}
.backupPriceGrid article{min-height:15rem}
.backupCustomOffer{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
.machineBackupService .serviceDetailHero figure img{inset:5%;width:90%;height:90%}
.backupRecoveryBand{margin-top:2rem}
.backupRecoveryBand>div{padding:1.75rem 1.25rem}
.backupRecoveryBand h3{font-size:2rem}
.backupEssentials article{min-height:11rem;padding:1.25rem}
.machineBackupService .serviceDetailProcess li>div{grid-template-columns:1fr;gap:.45rem}
.machineBackupService .serviceDetailProcess li p{margin-top:0}
.backupPricing{margin-top:2.25rem;padding:1.5rem 1.25rem}
.backupPricing>header{gap:1rem}
.backupPriceGrid article{min-height:11rem;padding:1.25rem}
.backupCustomOffer{padding:1.4rem 1.25rem}
.backupCustomOffer>a{width:100%;justify-content:center}
}
.hybridPcService .serviceDetailHero figure img{object-position:center 52%}
.hybridPcService .serviceDetailBody article>h2{max-width:55rem}
.hybridRiskStrip{margin-top:2.75rem;padding:clamp(2rem,4vw,3rem);background:var(--rust);color:#fff}
.hybridRiskStrip>header{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:1.6rem;border-bottom:1px solid #ffffff3b}
.hybridRiskStrip .eyebrow{margin:0;color:#fff;opacity:.78}
.hybridRiskStrip h3{margin:0;color:#fff;font-size:clamp(1.8rem,3vw,2.45rem);letter-spacing:-.04em;line-height:1.08}
.hybridRiskStrip>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid #ffffff3b}
.hybridRiskStrip>div>span{display:flex;min-height:8rem;flex-direction:column;justify-content:space-between;padding:1.25rem;border-right:1px solid #ffffff3b;border-bottom:1px solid #ffffff3b}
.hybridRiskStrip small{font-size:.72rem;font-weight:900;letter-spacing:.08em}
.hybridRiskStrip strong{max-width:11rem;color:#fff;font-size:1rem;line-height:1.35}
.hybridVisualIntro{display:grid;grid-template-columns:minmax(17rem,.85fr) minmax(0,1.15fr);min-height:28rem;margin-top:1rem;background:var(--petrol-dark);color:#fff}
.hybridVisualIntro figure{position:relative;display:flex;min-height:28rem;align-items:center;justify-content:center;margin:0;padding:clamp(2rem,4vw,3.5rem);overflow:hidden;background:#fff}
.hybridVisualIntro figure:after{position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,44,.72));content:""}
.hybridVisualIntro figure img{width:82%;max-height:18rem;object-fit:contain}
.hybridVisualIntro figcaption{position:absolute;z-index:1;right:1.5rem;bottom:1.25rem;left:1.5rem;color:#fff;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.hybridVisualIntro>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,3.25rem)}
.hybridVisualIntro .eyebrow{margin:0 0 .8rem;color:var(--rust)}
.hybridVisualIntro h3{max-width:39rem;margin:0;color:#fff;font-size:clamp(2rem,3.1vw,2.7rem);letter-spacing:-.045em;line-height:1.07}
.hybridVisualIntro>div>p:not(.eyebrow){max-width:42rem;margin:1.25rem 0 0;color:#d0ddda;font-size:1rem;line-height:1.65}
.hybridVisualIntro>div>small{max-width:40rem;margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid #ffffff2b;color:#aabfbb;font-size:.82rem;line-height:1.55}
.hybridComparison{margin-top:3.5rem;padding:clamp(2rem,4vw,3rem);border:1px solid #c1cdc7;background:#fff}
.hybridComparison>header{display:grid;grid-template-columns:minmax(18rem,1fr) minmax(16rem,.8fr);gap:clamp(2rem,5vw,4rem);align-items:end;margin-bottom:1.75rem}
.hybridComparison .eyebrow{margin:0 0 .65rem;color:var(--rust)}
.hybridComparison h3{margin:0;color:var(--petrol-dark);font-size:clamp(1.9rem,3vw,2.55rem);letter-spacing:-.04em;line-height:1.08}
.hybridComparison>header>p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.6}
.hybridComparisonTable{border-top:1px solid #c5d0ca;border-left:1px solid #c5d0ca}
.hybridTableHead,.hybridTableRow{display:grid;grid-template-columns:minmax(10rem,.72fr) minmax(13rem,1fr) minmax(13rem,1fr)}
.hybridTableHead>*{padding:1rem 1.15rem;border-right:1px solid #ffffff2b;background:var(--petrol-dark);color:#fff;font-size:.82rem;text-align:left}
.hybridTableHead>*:nth-child(2){background:var(--rust)}
.hybridTableRow>*{display:flex;gap:.65rem;align-items:flex-start;min-height:4.8rem;padding:1.05rem 1.15rem;border-right:1px solid #c5d0ca;border-bottom:1px solid #c5d0ca;color:var(--muted);font-size:.9rem;line-height:1.5}
.hybridTableRow>strong{color:var(--petrol-dark);font-size:.92rem}
.hybridTableRow>span:nth-child(2){color:var(--petrol-dark);font-weight:750}
.hybridTableRow svg{flex:0 0 auto;margin-top:.1rem;color:var(--rust)}
.hybridPcService .serviceDetailProcess{max-width:none;margin-top:3.5rem}
.hybridPcService .serviceDetailProcess li>div{display:grid;grid-template-columns:minmax(14rem,.75fr) minmax(0,1.25fr);gap:2rem;align-items:start}
.hybridPcService .serviceDetailProcess li p{margin:0}
.hybridFinalCta{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-top:3.5rem;padding:clamp(2rem,4vw,3.25rem);background:var(--rust);color:#fff}
.hybridFinalCta .eyebrow{margin:0 0 .7rem;color:#fff;opacity:.78}
.hybridFinalCta h3{max-width:48rem;margin:0;color:#fff;font-size:clamp(2rem,3.2vw,2.75rem);letter-spacing:-.045em;line-height:1.06}
.hybridFinalCta p:not(.eyebrow){max-width:50rem;margin:1.15rem 0 0;color:#fff;font-size:.98rem;line-height:1.65;opacity:.9}
.hybridFinalCta>a{display:inline-flex;min-height:3.1rem;flex:0 0 auto;align-items:center;gap:.7rem;padding:0 1.2rem;background:#fff;color:var(--petrol-dark);font-size:.83rem;font-weight:900;text-decoration:none}
@media(max-width:1000px){
.hybridRiskStrip>div{grid-template-columns:repeat(2,minmax(0,1fr))}
.hybridVisualIntro{grid-template-columns:1fr}
.hybridVisualIntro figure{min-height:21rem}
.hybridComparison>header{grid-template-columns:1fr;gap:1rem}
.hybridFinalCta{align-items:flex-start;flex-direction:column}
}
@media(max-width:760px){
.hybridRiskStrip{padding:1.5rem 1.25rem}
.hybridRiskStrip>header{display:block}
.hybridRiskStrip h3{margin-top:.7rem;font-size:2rem}
.hybridRiskStrip>div{grid-template-columns:1fr}
.hybridRiskStrip>div>span{min-height:6.5rem}
.hybridVisualIntro figure{min-height:18rem}
.hybridVisualIntro>div{padding:1.75rem 1.25rem}
.hybridVisualIntro h3{font-size:2rem}
.hybridComparison{margin-top:2.25rem;padding:1.5rem 1.25rem;overflow:hidden}
.hybridComparisonTable{overflow-x:auto}
.hybridTableHead,.hybridTableRow{min-width:44rem}
.hybridPcService .serviceDetailProcess li>div{grid-template-columns:1fr;gap:.45rem}
.hybridPcService .serviceDetailProcess li p{margin-top:0}
.hybridFinalCta{margin-top:2.25rem;padding:1.75rem 1.25rem}
.hybridFinalCta h3{font-size:2rem}
.hybridFinalCta>a{width:100%;justify-content:center}
}
.serviceContractMedia{position:relative;min-height:470px;margin:0;overflow:hidden;background:var(--petrol-dark)}
.serviceContractMedia:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(7,59,65,.78));content:""}
.serviceContractMedia img{width:100%;height:100%;object-fit:cover}
.serviceContractMedia figcaption{position:absolute;z-index:1;right:25px;bottom:24px;left:25px;padding:12px 14px;border-left:4px solid var(--rust);background:rgba(7,59,65,.88);color:#fff;font-size:14px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:1100px){
.serviceGroupCard{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(280px,.75fr) minmax(0,1fr)}
.serviceGroupImage{min-height:240px;aspect-ratio:auto}
.serviceGroupHead{min-height:0}
.serviceContractMedia{min-height:450px}
}
@media(max-width:760px){
.serviceGroupCard{display:flex}
.serviceGroupImage{height:210px;min-height:0}
.serviceGroupHead{min-height:230px}
.serviceContractMedia{min-height:330px}
.serviceContractCopy{padding:58px 22px}
}
.servicePhone a{display:block;color:#fff;text-decoration:none}
.servicePhone a:last-child{margin-top:6px;color:#cbdad7;font-size:13px;font-weight:800}
.customerPortalButton{display:flex;align-items:center;gap:10px;margin-top:30px;padding:15px 18px;border:0;background:var(--rust);color:#fff;font-size:13px;font-weight:900}
.serviceFinalCta>div:first-child>.accentButton{margin-top:30px}
.serviceContactCard{display:flex;min-height:315px;flex-direction:column;justify-content:flex-end;padding:32px;background:var(--petrol-dark);color:#fff;font-style:normal}
.serviceContactCard>span{margin-bottom:auto;color:var(--rust);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.serviceContactCard>strong{margin:45px 0 15px;font-size:24px;line-height:1.25}
.serviceContactCard>small{margin-bottom:25px;color:#bcd1cd;font-size:12px}
.serviceFinalCta .serviceContactCard>a{min-height:0;justify-content:flex-start;padding:13px 0;border:0;border-top:1px solid #ffffff2d;color:#fff}
.serviceFinalCta .serviceContactCard>a:last-child{color:#cbdad7}
@media(max-width:760px){
.servicePhone strong{font-size:15px}
.serviceContactCard{min-height:290px;padding:26px}
.serviceContactCard>strong{font-size:21px}
}
.siteFooter.compactFooter{padding-top:42px}
.serviceLogoCrop{display:block;overflow:hidden;aspect-ratio:349.72/171}
.serviceLogoCrop>img{width:100%;height:auto;margin:0;max-width:none}
.serviceDropdownIntro .serviceDropdownLogo{width:145px;margin-bottom:38px}
.serviceGroupHead{min-height:205px}
@media(max-width:1100px){
.serviceGroupHead{min-height:0}
}
@media(max-width:760px){
.serviceGroupHead{min-height:190px}
.serviceGroupHead h3{margin-top:14px}
.serviceProofGridSimple article{min-height:125px;flex-direction:column;align-items:flex-start}
.serviceProofGridSimple span{text-align:left}
}
.heroCopy h1,.videoCopy h1{font-size:clamp(3rem,5.6vw,5rem);line-height:.95}
.categoryHero h1,.woodHeroCopy h1,.midCategoryHero h1,.serviceHubCopy h1,.aboutHeroCopy h1,.brandsHero h1,.scmHeroCopy h1,.menuPreview h1{font-size:clamp(2.75rem,5vw,4.5rem);line-height:.97}
.serviceDetailHero h1{font-size:clamp(2.5rem,4.1vw,3.6rem);line-height:1}
.productHeroIntro h1,.productDetailClean .productHeroIntro h1{font-size:clamp(3.5rem,6.6vw,6rem);line-height:.86}
.sectionIntro h2,.contactBand h2,.newsletterCopy h2,.siteFooter .footerLead h2{font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.06}
.splitCopy h2,.finderIntro h2,.featureCopy h2,.anestValue h2,.specIntro h2,.midCategoryProductsHead h2,.midCategoryHelp h2,.footerLead h2{font-size:clamp(2rem,3.8vw,3.35rem);line-height:1.04}
.listingHeader h2,.downloadSection>div h2,.faqIntro h2,.serviceDetailFaq .faqIntro h2,.scmFaqIntro h2{font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.08}
.serviceDirectoryIntro h2,.serviceTransparencyIntro h2,.serviceLifecycleHead h2,.serviceContractCopy h2,.serviceFinalCta h2,.serviceDetailBody article h2,.serviceDetailPortal h2{font-size:clamp(2.15rem,3.9vw,3.45rem);line-height:1.03}
.aboutJourney h2,.aboutTeam h2,.aboutMission h2,.partnerBrandHeroCopy h2,.brandsSystemStory h2,.brandsFullSupport h2,.brandsSelection h2,.brandPreviewHead h2,.brandDetailAbout h2,.brandDetailUseCases h2,.scmIntro h2,.scmHistory h2{font-size:clamp(2.1rem,3.9vw,3.5rem);line-height:1.04}
.aboutMission h2{font-size:clamp(2.35rem,4.4vw,4rem)}
@media(max-width:760px){
.heroCopy h1,.videoCopy h1,.categoryHero h1,.woodHeroCopy h1,.midCategoryHero h1,.serviceHubCopy h1,.aboutHeroCopy h1,.brandsHero h1,.scmHeroCopy h1,.menuPreview h1{font-size:clamp(2.5rem,12vw,3rem);line-height:1}
.serviceDetailHero h1{font-size:clamp(2.15rem,10vw,2.6rem)}
.productHeroIntro h1,.productDetailClean .productHeroIntro h1,.brandDetailHeroCopy h1{font-size:clamp(3rem,14vw,3.75rem)}
.sectionIntro h2,.contactBand h2,.newsletterCopy h2,.siteFooter .footerLead h2,.splitCopy h2,.finderIntro h2,.featureCopy h2,.anestValue h2,.specIntro h2,.midCategoryProductsHead h2,.midCategoryHelp h2,.footerLead h2,.serviceDirectoryIntro h2,.serviceTransparencyIntro h2,.serviceLifecycleHead h2,.serviceContractCopy h2,.serviceFinalCta h2,.serviceDetailBody article h2,.serviceDetailPortal h2,.aboutJourney h2,.aboutTeam h2,.aboutMission h2,.partnerBrandHeroCopy h2,.brandsSystemStory h2,.brandsFullSupport h2,.brandsSelection h2,.brandPreviewHead h2,.brandDetailAbout h2,.brandDetailUseCases h2,.scmIntro h2,.scmHistory h2{font-size:clamp(1.9rem,8.5vw,2.35rem);line-height:1.08}
.listingHeader h2,.downloadSection>div h2,.faqIntro h2,.serviceDetailFaq .faqIntro h2,.scmFaqIntro h2{font-size:clamp(1.7rem,7.5vw,2rem)}
}
.teamDepartments>section:first-child .teamCardGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.teamDepartments>section:first-child .teamCard:nth-child(4){grid-column:1}
.contactPage{background:#fff}
.contactHero{display:grid;min-height:470px;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);background:var(--petrol-dark);color:#fff}
.contactHeroCopy{display:flex;flex-direction:column;justify-content:center;padding:clamp(44px,5vw,72px) clamp(28px,6vw,92px)}
.contactHeroCopy .eyebrow{color:var(--rust)}
.contactHeroCopy h1{max-width:850px;margin:0;color:#fff;font-size:clamp(2.75rem,5vw,4.5rem);font-weight:620;letter-spacing:-.065em;line-height:.97}
.contactHeroCopy h1 em{color:var(--rust);font-style:normal}
.contactHeroCopy>p:not(.eyebrow){max-width:700px;margin:20px 0 0;color:#d1dfdc;font-size:17px;line-height:1.65}
.contactHeroActions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin-top:26px}
.contactHeroActions a{text-decoration:none}
.contactHeroActions .accentButton{gap:9px}
.contactTextLink{display:flex;align-items:center;gap:8px;padding-bottom:5px;border-bottom:1px solid #ffffff80;color:#fff;font-size:14px;font-weight:850}
.contactOfficeCard{display:flex;min-width:0;flex-direction:column;justify-content:center;margin:0;padding:clamp(30px,4vw,52px);background:#f1f4f1;color:var(--petrol-dark);font-style:normal}
.contactOfficeCard>span{color:var(--rust);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.contactOfficeCard>img{width:160px;height:54px;margin:16px 0 22px;object-fit:contain;object-position:left center}
.contactOfficeCard>div:not(.officeHours){display:grid;grid-template-columns:25px 1fr;gap:13px;padding:10px 0;border-top:1px solid #c6d1cc}
.contactOfficeCard svg{margin-top:2px;color:var(--rust)}
.contactOfficeCard p{margin:0;font-size:14px;line-height:1.5}
.contactOfficeCard a{color:inherit;font-weight:800;text-decoration:none}
.officeHours{margin-top:12px;padding-top:13px;border-top:1px solid var(--petrol-dark)}
.officeHours span{display:block;margin-bottom:6px;color:var(--rust);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.officeHours p{color:var(--muted);font-size:13px;line-height:1.55}
.contactRegions{padding:clamp(64px,7vw,96px) clamp(28px,6vw,92px);background:#eef2ef}
.contactRegions>header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:clamp(40px,7vw,105px);align-items:end;margin-bottom:34px}
.contactRegions h2,.contactWrite h2,.contactTeamDirectory h2{max-width:780px;margin:0;color:var(--petrol-dark);font-size:clamp(2.1rem,3.9vw,3.5rem);font-weight:600;letter-spacing:-.06em;line-height:1.04}
.contactRegions>header>p{max-width:620px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.contactMap{position:relative;display:grid;width:min(900px,100%);min-height:420px;place-items:center;margin:0 auto;padding:28px 42px 56px;overflow:hidden;border:0;background:var(--rust)}
.contactMap:before{position:absolute;inset:18px;display:block;border:1px solid #ffffff45;content:""}
.contactMap img{position:relative;z-index:1;width:min(760px,90%);filter:drop-shadow(0 20px 30px rgba(65,26,18,.2))}
.contactMap figcaption{position:absolute;z-index:2;right:26px;bottom:18px;left:26px;color:#fff;font-size:11px;font-weight:850;letter-spacing:.04em;text-align:center;text-transform:uppercase}
.regionalAdvisors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.regionalAdvisors article{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #cbd6d1;background:#fff}
.regionalAdvisorPortrait{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--petrol-dark)}
.regionalAdvisorPortrait.teamPortrait{aspect-ratio:1/1}
.regionalAdvisorPortrait .regionalInitials{position:relative;top:auto;left:auto;display:block;width:auto;height:auto;background:transparent;font-size:clamp(42px,5vw,72px);letter-spacing:-.065em}
.regionalAdvisorPortrait>b{position:absolute;z-index:3;top:14px;left:14px;display:grid;width:36px;height:36px;place-items:center;background:var(--rust);color:#fff;font-size:11px;font-weight:900;letter-spacing:.06em}
.regionalAdvisorCopy{padding:20px 20px 16px}
.regionalAdvisors article small{color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.regionalAdvisorPortrait>small{color:#c5d7d3}
.regionalAdvisors h3{margin:8px 0 5px;color:var(--petrol-dark);font-size:21px;letter-spacing:-.035em}
.regionalAdvisors p{margin:0;color:var(--muted);font-size:13px}
.regionalAdvisorActions{display:flex;flex-direction:column;margin-top:auto;padding:0 20px 18px}
.regionalAdvisorActions a{display:flex;min-width:0;align-items:center;gap:7px;padding:10px 0;border-top:1px solid #d3dcd7;color:var(--petrol);font-size:12px;font-weight:850;text-decoration:none;overflow-wrap:anywhere}
.regionalAdvisorActions svg{flex:0 0 auto;color:var(--rust)}
.contactTeamDirectory{background:#fff}
.contactTeamDirectory>header>p:last-child{max-width:720px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.7}
.contactTeamDirectory .teamCard>div:last-child{display:flex;min-height:145px;flex-direction:column}
.contactTeamDirectory .teamCard>div:last-child a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:var(--petrol);font-size:12px;font-weight:900;text-decoration:none}
.contactWrite{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(45px,8vw,115px);padding:clamp(72px,8vw,112px) clamp(28px,6vw,92px);background:var(--petrol-dark);color:#fff}
.contactWrite h2{color:#fff}
.contactWrite>div>p:last-child{max-width:570px;margin:24px 0 0;color:#c9d9d6;font-size:16px;line-height:1.7}
.contactWrite form{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-self:start}
.contactWrite label{display:flex;flex-direction:column;gap:8px;color:#d6e2df;font-size:12px;font-weight:850}
.contactWrite label:first-child,.contactMessage{grid-column:1/-1}
.contactWrite input,.contactWrite select,.contactWrite textarea{width:100%;border:1px solid #ffffff3d;background:#fff;color:var(--ink);font:inherit;font-size:15px;outline:0}
.contactWrite input,.contactWrite select{min-height:53px;padding:0 15px}
.contactWrite textarea{padding:14px 15px;resize:vertical}
.contactWrite input:focus,.contactWrite select:focus,.contactWrite textarea:focus{box-shadow:0 0 0 2px var(--rust)}
.contactWrite button{grid-column:1/-1;justify-self:start;border:0}
@media(max-width:1050px){
.teamDepartments>section:first-child .teamCardGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.teamDepartments>section:first-child .teamCard:nth-child(4){grid-column:auto}
.regionalAdvisors{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
.contactHero{grid-template-columns:1fr}
.contactOfficeCard{min-height:auto}
.contactRegions>header,.contactWrite{grid-template-columns:1fr}
.contactRegions>header{align-items:start}
.contactWrite{gap:35px}
}
@media(max-width:780px){
.teamDepartments>section:first-child .teamCardGrid{grid-template-columns:1fr 1fr}
.contactMap{min-height:320px}
.regionalAdvisors{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
.teamDepartments>section:first-child .teamCardGrid{grid-template-columns:1fr}
.contactHeroCopy h1{font-size:clamp(2.5rem,12vw,3rem)}
.contactOfficeCard{padding:34px 24px}
.contactMap{min-height:265px;padding:22px 10px 48px}
.contactMap:before{inset:10px}
.contactMap img{width:100%}
.contactMap figcaption{right:14px;bottom:14px;left:14px;font-size:9px}
.regionalAdvisors{grid-template-columns:1fr}
.regionalAdvisorPortrait.teamPortrait{aspect-ratio:4/3}
.contactWrite form{grid-template-columns:1fr}
.contactWrite label{grid-column:1/-1}
}
.siteFrame :is(.heroCopy,.videoCopy,.catalogTitle,.productHeroIntro,.brandDetailHeroCopy) h1{font-size:clamp(3rem,5.6vw,5rem);line-height:.95}
.siteFrame :is(.categoryHero,.serviceCopy,.knowledgeHero,.menuPreview,.woodHeroCopy,.midCategoryHero,.serviceHubCopy,.aboutHeroCopy,.brandsHero,.scmHeroCopy,.contactHeroCopy) h1{font-size:clamp(2.75rem,5vw,4.5rem);line-height:.97}
.siteFrame .serviceDetailHero h1{font-size:clamp(2.5rem,4.1vw,3.6rem);line-height:1}
.siteFrame :is(.sectionIntro,.contactBand,.splitCopy,.finderIntro,.featureCopy,.anestValue,.specIntro,.productSectionHead,.productMedia,.newsletterCopy,.servicePromise,.woodDirectoryIntro,.woodSupportPrimary,.homagResultsTop,.relatedSoftwareHead,.midCategoryProductsHead,.midCategoryHelp,.serviceDirectoryIntro,.serviceTransparencyIntro,.serviceLifecycleHead,.serviceContractCopy,.serviceFinalCta,.serviceDetailBody,.serviceDetailPortal,.aboutJourney,.aboutTeam,.aboutPressureCopy,.teamDirectory,.aboutContinuity,.aboutLearning,.aboutReasons,.aboutMission,.partnerBrandHeroCopy,.brandsSystemStory,.brandsFullSupport,.brandsSelection,.brandPreviewHead,.brandsClosing,.brandDetailAbout,.brandDetailExpertise,.brandDetailUseCases,.brandDetailAnest,.scmIntro,.scmPortfolio,.scmDigitalCopy,.scmHistory,.scmAnest,.contactRegions,.contactWrite,.contactTeamDirectory) h2{font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.06}
.siteFrame :is(.listingHeader,.comparePanel,.downloadSection,.featuredArticle,.megaHeading,.aboutDropdownIntro,.faqIntro,.brandGroupIntro,.brandDetailHeroCopy,.brandDetailRelated,.scmFaqIntro) h2{font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.08}
.siteFrame .commissioningService .serviceDetailBody article>h2{font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.06}
.siteFrame .siteFooter>.faqSection .faqIntro h2{font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.08}
@media(max-width:760px){
.siteFrame :is(.heroCopy,.videoCopy,.catalogTitle,.productHeroIntro,.brandDetailHeroCopy,.categoryHero,.serviceCopy,.knowledgeHero,.menuPreview,.woodHeroCopy,.midCategoryHero,.serviceHubCopy,.aboutHeroCopy,.brandsHero,.scmHeroCopy,.contactHeroCopy) h1{font-size:clamp(2.5rem,12vw,3rem);line-height:1}
.siteFrame .serviceDetailHero h1{font-size:clamp(2.15rem,10vw,2.6rem)}
.siteFrame :is(.sectionIntro,.contactBand,.splitCopy,.finderIntro,.featureCopy,.anestValue,.specIntro,.productSectionHead,.productMedia,.newsletterCopy,.servicePromise,.woodDirectoryIntro,.woodSupportPrimary,.homagResultsTop,.relatedSoftwareHead,.midCategoryProductsHead,.midCategoryHelp,.serviceDirectoryIntro,.serviceTransparencyIntro,.serviceLifecycleHead,.serviceContractCopy,.serviceFinalCta,.serviceDetailBody,.serviceDetailPortal,.aboutJourney,.aboutTeam,.aboutPressureCopy,.teamDirectory,.aboutContinuity,.aboutLearning,.aboutReasons,.aboutMission,.partnerBrandHeroCopy,.brandsSystemStory,.brandsFullSupport,.brandsSelection,.brandPreviewHead,.brandsClosing,.brandDetailAbout,.brandDetailExpertise,.brandDetailUseCases,.brandDetailAnest,.scmIntro,.scmPortfolio,.scmDigitalCopy,.scmHistory,.scmAnest,.contactRegions,.contactWrite,.contactTeamDirectory) h2{font-size:clamp(1.9rem,8.5vw,2.35rem);line-height:1.08}
.siteFrame :is(.listingHeader,.comparePanel,.downloadSection,.featuredArticle,.megaHeading,.aboutDropdownIntro,.faqIntro,.brandGroupIntro,.brandDetailHeroCopy,.brandDetailRelated,.scmFaqIntro) h2{font-size:clamp(1.7rem,7.5vw,2rem)}
.siteFrame .commissioningService .serviceDetailBody article>h2{font-size:clamp(1.9rem,8.5vw,2.35rem)}
.siteFrame .siteFooter>.faqSection .faqIntro h2{font-size:clamp(1.7rem,7.5vw,2rem)}
}
.blogArticleHero{height:min(48vw,540px)}
.importedArticle{max-width:1120px;overflow:visible;background:transparent}
.importedArticle>.main-section{margin:0 0 18px;padding:clamp(38px,6vw,72px);border:1px solid #d4ddd8;background:#fff}
.importedArticle>.main-section:nth-child(even){background:#f0f3f0}
.importedArticle>.articleIntroBlock{background:#fff}
.importedArticle .breadcrumb,.importedArticle .articleIntroBlock>.content-section-title{display:none}
.importedArticle .content{width:100%;max-width:820px;margin:0 auto}
.importedArticle .content-section-title{max-width:820px;margin:0 auto 30px;color:var(--petrol-dark);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:650;letter-spacing:-.045em;line-height:1.1;text-align:left}
.importedArticle h5,.importedArticle h6{max-width:820px;text-align:left}
.importedArticle p,.importedArticle li{font-size:16px;line-height:1.76}
.importedArticle a{color:var(--petrol);font-weight:750;text-underline-offset:3px}
.importedArticle figure,.importedArticle p.media-embed{width:100%;max-width:880px;margin:30px auto}
.importedArticle picture{width:100%}
.importedArticle figure img,.importedArticle p.media-embed img{width:100%;max-height:620px;object-fit:contain;background:#e7ece8}
.importedArticle iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#071f21}
.importedArticle figcaption{position:static;padding:13px 16px;background:var(--petrol-dark);color:#fff;font-size:12px;line-height:1.5;text-align:center}
.importedArticle .double,.importedArticle .listwithimage{display:grid;grid-template-columns:minmax(240px,.88fr) minmax(0,1.12fr);gap:30px;align-items:center;margin:22px 0;padding:22px;background:#eef2ef}
.importedArticle .double>.left,.importedArticle .double>.right,.importedArticle .listwithimage>*{min-width:0}
.importedArticle .double img,.importedArticle .listwithimage img{width:100%;max-height:390px;object-fit:contain}
.importedArticle .double p:last-child,.importedArticle .listwithimage p:last-child{margin-bottom:0}
.importedArticle .articleMediaSplit,.importedArticle .articleMesSplit{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0}
.importedArticle .articleMediaSplit>.left,.importedArticle .articleMediaSplit>.right,.importedArticle .articleMesSplit>.left,.importedArticle .articleMesSplit>.right{min-width:0;padding:clamp(38px,5vw,70px)}
.importedArticle .articleMediaSplit>.left>.content,.importedArticle .articleMediaSplit>.right>.content,.importedArticle .articleMesSplit>.left>.content,.importedArticle .articleMesSplit>.right>.content{max-width:520px}
.importedArticle .articleMediaSplit--industry40>.right{min-height:500px;background:url('/blog/ipar40/mi-a-40.jpg') center/cover no-repeat}
.importedArticle .articleMediaSplit--custom>.left{min-height:500px;background:url('/blog/ipar40/egyedi-termekek.jpg') center/cover no-repeat}
.importedArticle .articleMesSplit>.left{background:#eef2ef}
.importedArticle .articleMesSplit>.right{background:#fff}
.importedArticle .articleImageStatement{position:relative;display:grid;min-height:440px;place-items:end center;overflow:hidden;padding:0;background-position:center;background-size:cover}
.importedArticle .articleImageStatement:before{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,40,44,.08) 35%,rgba(4,40,44,.9));content:""}
.importedArticle .articleImageStatement--mes{background-image:url('/blog/ipar40/mes-erp.jpg')}
.importedArticle .articleImageStatement--cad{background-image:url('/blog/ipar40/life-before-autocad.jpg')}
.importedArticle .articleImageStatement>.content{position:relative;z-index:1;max-width:900px;padding:40px clamp(24px,5vw,70px)}
.importedArticle .articleImageStatement p{margin:0;color:#fff;font-size:clamp(1.35rem,2.6vw,2.15rem);font-weight:650;letter-spacing:-.025em;line-height:1.28;text-align:center}
.importedArticle .articlePullQuote{border:0;background:var(--rust)!important;color:#fff}
.importedArticle .articlePullQuote .content{max-width:900px}
.importedArticle .articlePullQuote p{margin:0;color:#fff;font-size:clamp(1.3rem,2.4vw,2rem);font-weight:650;letter-spacing:-.025em;line-height:1.35;text-align:center}
.importedArticle .articleTuningBlock .content>ul.simple-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0;padding:0;list-style:none}
.importedArticle .articleTuningBlock .content>ul.simple-list>li{display:flex;min-width:0;flex-direction:column;margin:0;padding:20px;border-top:3px solid var(--rust);background:#edf2ef}
.importedArticle .articleTuningBlock .content>ul.simple-list figure,.importedArticle .articleTuningBlock .content>ul.simple-list p.media-embed{margin:16px 0 0}
.importedArticle .articleTuningBlock .content>ul.simple-list img{width:100%;height:230px;object-fit:cover}
.importedArticle .articlePyramidBlock{background:#fff!important}
.importedArticle .articlePyramidBlock .overflow-x-content{overflow:visible}
.importedArticle .articlePyramidBlock .full-piramid{min-width:0}
.importedArticle .articlePyramidBlock .piramid{display:grid;gap:11px;width:100%}
.importedArticle .articlePyramidBlock .piramid-row{display:grid;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);gap:11px;align-items:stretch}
.importedArticle .articlePyramidBlock--support .piramid-row{grid-template-columns:minmax(150px,.32fr) minmax(0,1fr) minmax(0,.82fr)}
.importedArticle .articlePyramidBlock :is(.piramid-body,.piramid-arrow){position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-height:96px;overflow:hidden;transform:none!important}
.importedArticle .articlePyramidBlock .piramid-body{display:grid;place-items:center;background:var(--petrol-dark)}
.importedArticle .articlePyramidBlock .piramid-body .bg{position:absolute;inset:0;opacity:.22}
.importedArticle .articlePyramidBlock .piramid-body .bg img{width:100%;height:100%;object-fit:cover}
.importedArticle .articlePyramidBlock .piramid-body>.content{position:relative;z-index:1;display:grid;max-width:none;place-items:center;padding:18px;color:#fff;font-size:16px;font-weight:900;text-align:center}
.importedArticle .articlePyramidBlock .piramid-arrow{display:grid;align-items:center;padding:18px 22px;border-left:4px solid var(--rust);background:#edf2ef}
.importedArticle .articlePyramidBlock .piramid-arrow.second{border-left-color:var(--petrol);background:#e2e9e5}
.importedArticle .articlePyramidBlock .piramid-arrow>.bg{display:none}
.importedArticle .articlePyramidBlock .piramid-arrow>.content{position:static!important;max-width:none;color:var(--petrol-dark);font-size:14px;font-weight:700;line-height:1.45;transform:none!important}
.importedArticle .vertical-list>ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.importedArticle .vertical-list>ul>li{margin:0;padding:20px 16px;text-align:center}
.importedArticle .vertical-list .icon{display:grid;min-height:78px;place-items:center;margin-bottom:12px}
.importedArticle .vertical-list .icon>img{display:none}
.importedArticle .vertical-list .icon>div{display:grid;width:68px;height:68px;place-items:center;border:2px solid var(--rust);border-radius:50%;color:var(--rust);font-size:20px;font-weight:900}
.importedArticle--nesting .articleProcessBlock,.importedArticle--nesting .articleComparisonDetails,.importedArticle--nesting .articleGalleryBlock{background:#edf2ef}
.importedArticle--nesting .articleProductBlock{border-top:5px solid var(--rust)}
.importedArticle--nesting .articleProductBlock>.content>p.media-embed,.importedArticle--nesting .articleGalleryBlock figure{max-width:800px}
.importedArticle--nesting .articleGalleryBlock figure+figure{margin-top:38px}
@media(max-width:840px){
.importedArticle .articleMediaSplit,.importedArticle .articleMesSplit{grid-template-columns:1fr}
.importedArticle .articleMediaSplit--industry40>.right,.importedArticle .articleMediaSplit--custom>.left{min-height:360px}
.importedArticle .articleMediaSplit--custom>.left{order:2}
.importedArticle .articlePyramidBlock--support .piramid-row{grid-template-columns:minmax(135px,.3fr) minmax(0,1fr)}
.importedArticle .articlePyramidBlock--support .piramid-arrow.second{grid-column:2}
.importedArticle .vertical-list>ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
.blogArticleHero{height:68vw;min-height:250px}
.importedArticle>.main-section{padding:30px 20px}
.importedArticle p,.importedArticle li{font-size:15px}
.importedArticle .double,.importedArticle .listwithimage,.importedArticle .articleTuningBlock .content>ul.simple-list{grid-template-columns:1fr;padding:16px}
.importedArticle .articleMediaSplit>.left,.importedArticle .articleMediaSplit>.right,.importedArticle .articleMesSplit>.left,.importedArticle .articleMesSplit>.right{padding:32px 20px}
.importedArticle .articleMediaSplit--industry40>.right,.importedArticle .articleMediaSplit--custom>.left{min-height:270px}
.importedArticle .articleImageStatement{min-height:350px}
.importedArticle .articlePyramidBlock .piramid-row,.importedArticle .articlePyramidBlock--support .piramid-row{grid-template-columns:1fr}
.importedArticle .articlePyramidBlock--support .piramid-arrow.second{grid-column:auto}
.importedArticle .articlePyramidBlock :is(.piramid-body,.piramid-arrow){min-height:0}
.importedArticle .articlePyramidBlock .piramid-body>.content,.importedArticle .articlePyramidBlock .piramid-arrow{padding:15px 17px}
.importedArticle .vertical-list>ul{grid-template-columns:1fr}
}
.serviceDropdown aside .servicePriceMenuButton{margin-top:9px;border:1px solid var(--petrol);background:transparent;color:var(--petrol)}
.serviceSidePriceButton{display:flex!important;width:100%;align-items:center!important;justify-content:space-between!important;margin-top:18px!important;padding:14px 12px!important;border:0!important;background:var(--rust)!important;color:#fff!important;font-size:13px!important;font-weight:900!important}
.servicePricingPage{background:#f3f5f2;color:var(--petrol-dark)}
.servicePricingHero{display:grid;min-height:420px;grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);background:var(--petrol-dark);color:#fff}
.servicePricingHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,78px) clamp(28px,7vw,105px)}
.servicePricingHero .serviceBack{align-self:flex-start}
.servicePricingHero .eyebrow{margin-top:10px;color:var(--rust)}
.servicePricingHero h1{margin:8px 0 18px;color:#fff;font-size:clamp(2.75rem,5vw,4.5rem);font-weight:620;letter-spacing:-.065em;line-height:.97}
.servicePricingHero>div>p:last-child{max-width:760px;margin:0;color:#cfddda;font-size:16px;line-height:1.68}
.servicePricingHero>aside{display:flex;flex-direction:column;justify-content:center;padding:clamp(35px,5vw,65px);background:var(--rust)}
.servicePricingHero>aside>span{font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.servicePricingHero>aside>strong{margin-top:22px;color:#fff;font-size:clamp(2.5rem,4.5vw,4rem);letter-spacing:-.055em;line-height:1}
.servicePricingHero>aside>small{margin-top:7px;font-size:13px;font-weight:800}
.servicePricingHero>aside>p{max-width:330px;margin:30px 0 0;padding-top:22px;border-top:1px solid #ffffff65;font-size:14px;line-height:1.55}
.servicePricingNav{position:sticky;z-index:12;top:74px;display:flex;gap:0;overflow:auto;border-bottom:1px solid #cbd5d0;background:#fff}
.servicePricingNav a{flex:1 0 auto;padding:17px clamp(20px,4vw,55px);border-right:1px solid #d8dfdb;color:var(--petrol-dark);font-size:13px;font-weight:850;text-align:center;text-decoration:none}
.serviceRateSection,.commissioningPriceSection{padding:clamp(65px,8vw,110px) clamp(28px,7vw,105px)}
.serviceRateSection>header,.commissioningPriceSection>header{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:clamp(35px,7vw,100px);align-items:end;margin-bottom:38px}
.serviceRateSection h2,.serviceTravelCalculator h2,.commissioningPriceSection h2{max-width:780px;margin:0;color:var(--petrol-dark);font-size:clamp(2rem,3.7vw,3.15rem);font-weight:600;letter-spacing:-.055em;line-height:1.06}
.serviceRateSection>header>p,.commissioningPriceSection>header>p{max-width:610px;margin:0;color:var(--muted);font-size:16px;line-height:1.68}
.serviceRateGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.serviceRateGrid article{padding:26px;border-top:4px solid var(--rust);background:#fff}
.serviceRateGrid article>span{color:var(--rust);font-size:11px;font-weight:900;letter-spacing:.08em}
.serviceRateGrid h3{min-height:54px;margin:20px 0 24px;color:var(--petrol-dark);font-size:21px;letter-spacing:-.035em;line-height:1.22}
.serviceRateGrid dl{margin:0}
.serviceRateGrid dl>div{padding:15px 0;border-top:1px solid #d6dfda}
.serviceRateGrid dt{color:var(--muted);font-size:13px}
.serviceRateGrid dd{margin:6px 0 0;color:var(--petrol-dark);font-size:19px;font-weight:900}
.serviceRateGrid dd small{font-size:11px;font-weight:750}
.servicePriceNote{margin:17px 0 0;color:var(--muted);font-size:13px}
.serviceTravelCalculator{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(45px,8vw,115px);padding:clamp(65px,8vw,110px) clamp(28px,7vw,105px);background:var(--petrol-dark);color:#fff}
.serviceTravelCalculator h2{color:#fff}
.serviceCalculatorIntro>p:last-child{max-width:500px;margin:22px 0 0;color:#cbdad7;font-size:16px;line-height:1.68}
.serviceCalculatorPanel{padding:clamp(25px,4vw,42px);background:#fff;color:var(--petrol-dark)}
.serviceCalculatorPanel label{display:flex;flex-direction:column;gap:8px;color:var(--petrol-dark);font-size:13px;font-weight:850}
.serviceCalculatorPanel select,.serviceCalculatorPanel input{width:100%;height:52px;padding:0 14px;border:1px solid #bcc9c3;background:#f6f8f5;color:var(--petrol-dark);font:inherit;font-size:15px;outline:0}
.serviceCalculatorPanel select:focus,.serviceCalculatorPanel input:focus{box-shadow:0 0 0 2px var(--rust)}
.serviceCalculatorFields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.serviceCalculatorFields label{position:relative}
.serviceCalculatorFields label>small{position:absolute;right:13px;bottom:17px;color:var(--muted);font-size:11px}
.serviceCalculatorResults{margin-top:26px;border-top:1px solid #cbd5d0}
.serviceCalculatorResults>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #d7dfdb}
.serviceCalculatorResults span{color:var(--muted);font-size:13px}
.serviceCalculatorResults strong{font-size:15px;text-align:right}
.serviceCalculatorResults .serviceCalculatorTotal{margin-top:10px;padding:20px;background:#edf2ef;border:0}
.serviceCalculatorResults .serviceCalculatorTotal span{color:var(--petrol-dark);font-weight:850}
.serviceCalculatorResults .serviceCalculatorTotal strong{color:var(--rust);font-size:20px}
.commissioningPriceSection{background:#edf2ef}
.commissioningClassGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.commissioningClassGrid article{display:flex;min-height:285px;flex-direction:column;padding:23px;border-top:3px solid var(--petrol);background:#fff}
.commissioningClassGrid article>span{color:var(--rust);font-size:11px;font-weight:900}
.commissioningClassGrid article>strong{margin-top:30px;color:var(--rust);font-size:clamp(1.85rem,3vw,2.65rem);letter-spacing:-.05em}
.commissioningClassGrid h3{margin:16px 0 10px;color:var(--petrol-dark);font-size:18px}
.commissioningClassGrid p{margin:0;color:var(--muted);font-size:14px;line-height:1.58}
.servicePricingCta{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:28px;padding:clamp(28px,4vw,45px);background:var(--rust);color:#fff}
.servicePricingCta h2{max-width:780px;color:#fff;font-size:clamp(1.75rem,3vw,2.55rem)}
.servicePricingCta a{display:flex;flex:0 0 auto;align-items:center;gap:12px;padding:16px 18px;background:#fff;color:var(--petrol-dark);font-size:13px;font-weight:900;text-decoration:none}
.contactRegions{overflow:hidden}
.contactRegions>header{margin-bottom:24px}
.contactMap{left:50%;width:100vw;max-width:100vw;min-height:0;margin:0;transform:translateX(-50%);padding:clamp(12px,1.7vw,24px) clamp(24px,10vw,150px) 34px;background:var(--rust)}
.contactMap:before{display:none}
.contactMap img{width:min(620px,70vw);max-width:none;filter:drop-shadow(0 14px 22px rgba(68,24,15,.15))}
.contactMap figcaption{bottom:10px;color:#fff;font-size:9px}
.regionalAdvisors{margin-top:12px}
@media(max-width:980px){
.servicePricingHero,.serviceTravelCalculator{grid-template-columns:1fr}
.serviceRateGrid{grid-template-columns:1fr 1fr}
.serviceRateGrid article:last-child{grid-column:1/-1}
.commissioningClassGrid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
.servicePricingHero{min-height:0}
.servicePricingHero>div{padding:38px 22px}
.servicePricingHero>aside{padding:32px 22px}
.servicePricingNav{top:62px}
.serviceRateSection,.commissioningPriceSection,.serviceTravelCalculator{padding:58px 22px}
.serviceRateSection>header,.commissioningPriceSection>header,.serviceRateGrid,.commissioningClassGrid,.serviceCalculatorFields{grid-template-columns:1fr}
.serviceRateGrid article:last-child{grid-column:auto}
.serviceRateGrid h3{min-height:0}
.commissioningClassGrid article{min-height:0}
.serviceCalculatorResults>div,.servicePricingCta{align-items:flex-start;flex-direction:column}
.servicePricingCta a{width:100%;justify-content:space-between}
.contactMap{width:100vw;min-height:0;padding:12px 10px 34px}
.contactMap img{width:min(520px,88%)}
}
.solutionsDropdown{position:absolute;z-index:101;top:100%;right:0;left:0;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);border-top:1px solid var(--line);background:#fff;box-shadow:0 28px 70px rgba(10,28,24,.24);color:var(--ink)}
.solutionsDropdownIntro{padding:38px clamp(30px,4vw,58px);background:var(--petrol-dark);color:#fff}
.solutionsDropdownIntro>span{color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.solutionsDropdownIntro h2{max-width:430px;margin:24px 0 16px;color:#fff;font-size:clamp(29px,3.1vw,43px);font-weight:600;letter-spacing:-.055em;line-height:1.02}
.solutionsDropdownIntro p{max-width:430px;margin:0;color:#bfd1cd;font-size:13px;line-height:1.62}
.solutionsDropdownIntro a{display:flex;align-items:center;gap:9px;margin-top:27px;padding:0 0 5px;border:0;border-bottom:1px solid #fff;background:transparent;color:#fff;font-size:12px;font-weight:850}
.solutionsDropdown nav{display:grid;grid-template-columns:1fr 1fr;padding:20px clamp(22px,3vw,42px)}
.solutionsDropdown nav>a{display:grid;min-height:92px;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;padding:17px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--petrol-dark);text-align:left}
.solutionsDropdown nav>a:nth-child(odd){margin-right:18px}
.solutionsDropdown nav>a:hover,.solutionsDropdown nav>a:focus-visible{padding-right:18px;padding-left:18px;background:#eef3f0}
.solutionsDropdown nav>a>span{color:var(--rust);font-size:10px;font-weight:900}
.solutionsDropdown nav strong,.solutionsDropdown nav small{display:block}
.solutionsDropdown nav strong{font-size:15px}
.solutionsDropdown nav small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.35}
.solutionsDropdown nav svg{color:var(--rust)}
.businessServicesPage,.businessServiceDetail{background:#f3f5f2;color:var(--petrol-dark)}
.businessServicesHero,.businessServiceHero{display:grid;min-height:540px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:var(--warm)}
.businessServicesHero>div,.businessServiceHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,82px) clamp(28px,6vw,90px)}
.businessServicesHero h1,.businessServiceHero h1{margin:0;color:var(--petrol-dark);font-size:clamp(2.65rem,4.8vw,4.35rem);font-weight:600;letter-spacing:-.064em;line-height:.97}
.businessServicesHero h1 em{color:var(--rust);font-style:normal}
.businessServicesHero>div>p:not(.eyebrow),.businessServiceHero>div>p:not(.eyebrow){max-width:700px;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.68}
.businessServicesHero .accentButton,.businessServiceHero .accentButton{align-self:flex-start;margin-top:30px}
.businessServicesHero figure,.businessServiceHero figure{position:relative;min-height:420px;margin:0;overflow:hidden;background:var(--petrol-dark)}
.businessServicesHero figure:after,.businessServiceHero figure:after{position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(4,39,43,.88));content:""}
.businessServicesHero figure img,.businessServiceHero figure img{width:100%;height:100%;object-fit:cover}
.businessServicesHero figcaption,.businessServiceHero figcaption{position:absolute;z-index:2;right:28px;bottom:27px;left:28px;color:#fff}
.businessServicesHero figcaption strong,.businessServicesHero figcaption span{display:block}
.businessServicesHero figcaption strong{font-size:22px}
.businessServicesHero figcaption span{margin-top:6px;color:#d2dfdc;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.businessServicesIntro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(35px,8vw,115px);align-items:end;padding:clamp(68px,8vw,110px) clamp(28px,7vw,105px) 44px}
.businessServicesIntro h2,.businessServiceWhen h2,.businessServiceBenefits h2,.businessServiceProcess h2,.businessServiceOutput h2{margin:0;color:var(--petrol-dark);font-size:clamp(2rem,3.8vw,3.3rem);font-weight:600;letter-spacing:-.055em;line-height:1.05}
.businessServicesIntro>p{max-width:600px;margin:0;color:var(--muted);font-size:16px;line-height:1.68}
.businessServicesGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 clamp(28px,7vw,105px) clamp(72px,8vw,110px)}
.businessServicesGrid>a{display:flex;min-height:330px;flex-direction:column;padding:27px;border:0;border-top:4px solid var(--petrol);background:#fff;color:var(--petrol-dark);text-align:left}
.businessServicesGrid>a:hover,.businessServicesGrid>a:focus-visible{border-top-color:var(--rust);transform:translateY(-3px);box-shadow:0 16px 34px rgba(8,47,47,.1)}
.businessServicesGrid>a>span{color:var(--rust);font-size:10px;font-weight:900}
.businessServicesGrid h3{margin:38px 0 15px;font-size:23px;letter-spacing:-.04em}
.businessServicesGrid p{margin:0;color:var(--muted);font-size:13px;line-height:1.62}
.businessServicesGrid strong{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:28px;color:var(--petrol);font-size:12px}
.businessServicesRoute{padding:clamp(68px,8vw,105px) clamp(28px,7vw,105px);background:var(--petrol-dark);color:#fff}
.businessServicesRoute h2{max-width:900px;margin:0;color:#fff;font-size:clamp(2rem,4vw,3.5rem);font-weight:600;letter-spacing:-.055em;line-height:1.04}
.businessServicesRoute ol{display:grid;grid-template-columns:repeat(5,1fr);margin:48px 0 0;padding:0;border-top:1px solid #ffffff32;list-style:none}
.businessServicesRoute li{display:flex;min-height:180px;flex-direction:column;padding:22px 20px;border-right:1px solid #ffffff22}
.businessServicesRoute li:last-child{border:0}
.businessServicesRoute li>span{color:#d67858;font-size:10px;font-weight:900}
.businessServicesRoute strong{margin-top:42px;font-size:18px}
.businessServicesRoute small{margin-top:7px;color:#aac0bc;font-size:11px;line-height:1.45}
.businessServiceHero{min-height:500px;grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr);background:var(--petrol-dark);color:#fff}
.businessServiceHero h1{color:#fff;font-size:clamp(2.65rem,4.8vw,4.35rem)}
.businessServiceHero h2{max-width:720px;margin:16px 0 0;color:#fff;font-size:clamp(1.35rem,2.3vw,2.1rem);font-weight:500;letter-spacing:-.04em;line-height:1.15}
.businessServiceHero>div>p:not(.eyebrow){color:#c5d5d1}
.businessServiceHero .eyebrow{margin-top:20px;color:#d77b5c}
.businessServiceBack{display:flex;align-self:flex-start;align-items:center;gap:8px;padding:0 0 5px;border:0;border-bottom:1px solid #8da6a1;background:transparent;color:#d3dfdd;font-size:11px;font-weight:850}
.businessServiceHero figcaption{font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.businessServiceWhen,.businessServiceBenefits,.businessServiceProcess,.businessServiceOutput{padding:clamp(68px,8vw,110px) clamp(28px,7vw,105px)}
.businessServiceWhen>header{max-width:900px;margin-bottom:42px}
.businessServiceWhen>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--petrol)}
.businessServiceWhen article{display:grid;grid-template-columns:42px 1fr;gap:18px;min-height:112px;align-items:center;padding:22px;border-bottom:1px solid var(--line)}
.businessServiceWhen article:nth-child(odd){border-right:1px solid var(--line)}
.businessServiceWhen article span{color:var(--rust);font-size:10px;font-weight:900}
.businessServiceWhen article p{margin:0;font-size:15px;line-height:1.55}
.businessServiceBenefits{background:#e8eeea}
.businessServiceBenefits>header{margin-bottom:42px}
.businessServiceBenefits>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.businessServiceBenefits article{min-height:250px;padding:26px;background:#fff;border-top:3px solid var(--rust)}
.businessServiceBenefits article>span{color:var(--rust);font-size:10px;font-weight:900}
.businessServiceBenefits h3{margin:55px 0 12px;font-size:22px}
.businessServiceBenefits article p{margin:0;color:var(--muted);font-size:14px;line-height:1.62}
.referenceShowroom{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:clamp(42px,8vw,110px);padding:clamp(68px,8vw,105px) clamp(28px,7vw,105px);background:var(--rust);color:#fff}
.referenceShowroomIntro h2{max-width:720px;margin:0;color:#fff;font-size:clamp(2rem,3.8vw,3.3rem);font-weight:600;letter-spacing:-.055em;line-height:1.05}
.referenceShowroomIntro>p:not(.eyebrow){max-width:670px;margin:22px 0 0;color:#f3d9cf;font-size:16px;line-height:1.68}
.referenceShowroomIntro>a{display:inline-flex;align-items:center;gap:10px;margin-top:27px;padding:15px 18px;background:#fff;color:var(--petrol-dark);font-size:12px;font-weight:900;text-decoration:none}
.referenceShowroomPoints{border-top:1px solid #ffffff55}
.referenceShowroomPoints article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px 18px;padding:22px 4px;border-bottom:1px solid #ffffff38}
.referenceShowroomPoints article>span{grid-row:1/3;color:#f5c1af;font-size:10px;font-weight:900}
.referenceShowroomPoints h3{margin:0;color:#fff;font-size:19px}
.referenceShowroomPoints p{margin:0;color:#f3d9cf;font-size:14px;line-height:1.58}
.businessServiceProcess{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(42px,8vw,110px);background:var(--petrol-dark);color:#fff}
.businessServiceProcess h2{color:#fff}
.businessServiceProcessIntro>p:last-child{max-width:480px;color:#b9cdca;font-size:15px;line-height:1.65}
.businessServiceProcess ol{margin:0;padding:0;border-top:1px solid #ffffff35;list-style:none}
.businessServiceProcess li{display:grid;grid-template-columns:44px 1fr;gap:18px;padding:20px 5px;border-bottom:1px solid #ffffff25}
.businessServiceProcess li>span{color:#d77b5c;font-size:10px;font-weight:900}
.businessServiceProcess h3{margin:0 0 7px;color:#fff;font-size:18px}
.businessServiceProcess li p{margin:0;color:#b9cdca;font-size:13px;line-height:1.55}
.businessServiceOutput{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(38px,8vw,105px);align-items:start}
.businessServiceOutput ul{margin:0;padding:0;border-top:1px solid var(--petrol);list-style:none}
.businessServiceOutput li{display:flex;gap:13px;align-items:center;padding:19px 4px;border-bottom:1px solid var(--line);font-size:14px}
.businessServiceOutput li svg{flex:0 0 auto;color:var(--rust)}
.businessServiceOutput aside{grid-column:1/-1;padding:24px 28px;border-left:4px solid var(--rust);background:#ebe5dc}
.businessServiceOutput aside strong{font-size:13px}
.businessServiceOutput aside p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.62}
.businessServiceCta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(52px,7vw,88px) clamp(28px,7vw,105px);background:var(--rust);color:#fff}
.businessServiceCta h2{max-width:760px;margin:0;color:#fff;font-size:clamp(2rem,3.6vw,3.2rem);font-weight:600;letter-spacing:-.055em}
.businessServiceCta p:not(.eyebrow){max-width:760px;margin:16px 0 0;font-size:14px;line-height:1.6}
.businessServiceCta a{display:flex;flex:0 0 auto;align-items:center;gap:13px;padding:17px 20px;background:#fff;color:var(--petrol-dark);font-size:12px;font-weight:900;text-decoration:none}
@media(max-width:1100px){
.solutionsDropdown{grid-template-columns:260px 1fr}
.solutionsDropdownIntro{padding:30px}
.solutionsDropdownIntro h2{font-size:29px}
.solutionsDropdown nav{padding:14px}
.solutionsDropdown nav>a{min-height:82px;padding:12px 8px}
.businessServicesGrid{grid-template-columns:1fr 1fr}
.businessServicesRoute ol{grid-template-columns:repeat(3,1fr)}
.businessServicesRoute li:nth-child(3){border-right:0}
}
@media(max-width:820px){
.solutionsDropdown{display:none}
.businessServicesHero,.businessServiceHero,.businessServicesIntro,.businessServiceProcess,.businessServiceOutput,.referenceShowroom{grid-template-columns:1fr}
.businessServicesHero,.businessServiceHero{min-height:0}
.businessServicesHero figure,.businessServiceHero figure{min-height:380px}
.businessServicesIntro{align-items:start}
.businessServiceOutput aside{grid-column:auto}
.businessServiceCta{align-items:flex-start;flex-direction:column}
.businessServiceCta a{width:100%;justify-content:space-between}
}
@media(max-width:620px){
.businessServicesHero>div,.businessServiceHero>div{padding:42px 22px}
.businessServicesHero h1,.businessServiceHero h1{font-size:clamp(2.35rem,11vw,3rem)}
.businessServicesHero figure,.businessServiceHero figure{min-height:310px}
.businessServicesIntro,.businessServiceWhen,.businessServiceBenefits,.businessServiceProcess,.businessServiceOutput{padding:58px 22px}
.businessServicesGrid{grid-template-columns:1fr;padding:0 22px 65px}
.businessServicesGrid>a{min-height:280px}
.businessServicesRoute{padding:58px 22px}
.businessServicesRoute ol{grid-template-columns:1fr}
.businessServicesRoute li,.businessServicesRoute li:nth-child(3){min-height:0;border-right:0;border-bottom:1px solid #ffffff22}
.businessServicesRoute strong{margin-top:20px}
.businessServiceWhen>div,.businessServiceBenefits>div{grid-template-columns:1fr}
.businessServiceWhen article:nth-child(odd){border-right:0}
.businessServiceBenefits article{min-height:220px}
.businessServiceCta{padding:52px 22px}
}
.planningPage{background:#f2f5f2;color:var(--petrol-dark)}
.planningHero{display:grid;min-height:530px;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);background:var(--petrol-dark);color:#fff}
.planningHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,82px) clamp(28px,7vw,105px)}
.planningHero .eyebrow{margin-top:22px;color:#dc8060}
.planningHero h1{max-width:810px;margin:0;color:#fff;font-size:clamp(2.55rem,4.5vw,4rem);font-weight:600;letter-spacing:-.062em;line-height:1}
.planningHero>div>p:not(.eyebrow){max-width:720px;margin:24px 0 0;color:#c3d4d0;font-size:16px;line-height:1.7}
.planningHero .accentButton{align-self:flex-start;margin-top:30px}
.planningHero figure{position:relative;min-height:430px;margin:0;overflow:hidden}
.planningHero figure:after{position:absolute;inset:28% 0 0;background:linear-gradient(180deg,transparent,rgba(4,31,34,.88));content:""}
.planningHero img{width:100%;height:100%;object-fit:cover}
.planningHero figcaption{position:absolute;z-index:2;right:30px;bottom:28px;left:30px;color:#fff}
.planningHero figcaption span,.planningHero figcaption strong{display:block}
.planningHero figcaption span{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.planningHero figcaption strong{max-width:520px;margin-top:8px;font-size:clamp(1.35rem,2.3vw,2rem);letter-spacing:-.04em;line-height:1.08}
.planningScope,.planningGoals,.planningTeam,.planningMeasures,.planningProcess,.planningOutput{padding:clamp(70px,8vw,108px) clamp(28px,7vw,105px)}
.planningScope{position:relative;overflow:hidden;background:var(--rust);color:#fff}
.planningScope>header{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:20px clamp(40px,7vw,100px);align-items:end;margin-bottom:42px}
.planningScope>header .eyebrow{grid-column:1/-1;color:#ffd0bf}
.planningScope h2,.planningGoals h2,.planningTeam h2,.planningMeasures h2,.planningProcess h2,.planningOutput h2,.planningCta h2{margin:0;color:var(--petrol-dark);font-size:clamp(1.85rem,3vw,2.65rem);font-weight:600;letter-spacing:-.05em;line-height:1.08}
.planningScope h2{color:#fff}
.planningScope>header>p:last-child{margin:0;color:#f3d9cf;font-size:16px;line-height:1.68}
.planningScope>div{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff70}
.planningScope article{display:grid;min-height:158px;grid-template-columns:1fr auto;align-content:space-between;padding:20px;border-right:1px solid #ffffff40;border-bottom:1px solid #ffffff40;background:rgba(73,20,8,.08)}
.planningScope article:nth-child(even){background:rgba(255,255,255,.035)}
.planningScope article:nth-child(4),.planningScope article:last-child{border-right:0}
.planningScope article span{color:#ffd0bf;font-size:10px;font-weight:900}
.planningScope article svg{color:#fff}
.planningScope article strong{grid-column:1/-1;max-width:230px;color:#fff;font-size:14px;line-height:1.45}
.planningGoals{background:#fff}
.planningGoals>header{max-width:900px;margin-bottom:40px}
.planningGoals>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.planningGoals article{display:flex;min-height:310px;flex-direction:column;padding:28px;border-top:4px solid var(--rust);background:#e9eeea}
.planningGoals article>div{display:flex;align-items:center;justify-content:space-between}
.planningGoals article>div>span{color:var(--rust);font-size:10px;font-weight:900}
.planningGoals article>div>svg{color:var(--petrol)}
.planningGoals h3{margin:38px 0 15px;font-size:23px;letter-spacing:-.04em}
.planningGoals article p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.planningGoals article small{margin-top:auto;padding-top:25px;border-top:1px solid #c4d1ca;color:var(--petrol);font-size:11px;font-weight:850;line-height:1.5;text-transform:uppercase}
.planningTeam{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:clamp(40px,7vw,100px);background:var(--petrol-dark);color:#fff}
.planningTeam h2{color:#fff}
.planningTeam>div:first-child>p:last-child{max-width:610px;margin:24px 0 0;color:#bcd0cc;font-size:16px;line-height:1.7}
.planningTeamCards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.planningTeam figure{position:relative;min-height:390px;margin:0;overflow:hidden}
.planningTeam figure:after{position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(3,29,31,.92));content:""}
.planningTeam img{width:100%;height:100%;object-fit:cover}
.planningTeam figcaption{position:absolute;z-index:2;right:22px;bottom:22px;left:22px;color:#fff}
.planningTeam figcaption span,.planningTeam figcaption strong{display:block}
.planningTeam figcaption span{color:#e38a69;font-size:10px;font-weight:900}
.planningTeam figcaption strong{margin-top:8px;font-size:18px}
.planningMeasures{background:var(--rust);color:#fff}
.planningMeasures>header{max-width:900px;margin-bottom:38px}
.planningMeasures h2{color:#fff}
.planningMeasures>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff58}
.planningMeasures article{min-height:190px;padding:22px;border-right:1px solid #ffffff38}
.planningMeasures article:last-child{border:0}
.planningMeasures article>div{display:flex;align-items:center;justify-content:space-between}
.planningMeasures article>div>span{color:#f5c0ad;font-size:10px;font-weight:900}
.planningMeasures article>div>svg{color:#fff}
.planningMeasures h3{margin:38px 0 10px;color:#fff;font-size:22px}
.planningMeasures article p{margin:0;color:#f3d9d0;font-size:14px;line-height:1.58}
.planningProcess{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(45px,8vw,115px);background:#fff}
.planningProcessIntro figure{position:relative;height:260px;margin:34px 0 0;overflow:hidden;background:var(--petrol-dark)}
.planningProcessIntro figure:after{position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(4,32,34,.86));content:""}
.planningProcessIntro img{width:100%;height:100%;object-fit:cover}
.planningProcessIntro figcaption{position:absolute;z-index:1;right:18px;bottom:17px;left:18px;color:#fff;font-size:11px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.planningProcess ol{margin:0;padding:0;border-top:1px solid var(--petrol);list-style:none}
.planningProcess li{display:grid;grid-template-columns:45px minmax(0,1fr);gap:17px;padding:22px 5px;border-bottom:1px solid var(--line)}
.planningProcess li>span{color:var(--rust);font-size:10px;font-weight:900}
.planningProcess h3{margin:0 0 7px;font-size:18px}
.planningProcess li p{margin:0;color:var(--muted);font-size:14px;line-height:1.58}
.planningOutput{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(45px,8vw,110px);background:#e7ede9}
.planningOutput>div>p:last-child{max-width:650px;margin:22px 0 0;color:var(--muted);font-size:16px;line-height:1.68}
.planningOutput ul{margin:0;padding:0;border-top:1px solid var(--petrol);list-style:none}
.planningOutput li{display:flex;gap:13px;align-items:center;padding:20px 4px;border-bottom:1px solid #c4d0ca;font-size:15px}
.planningOutput li svg{flex:0 0 auto;color:var(--rust)}
.planningCta{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(45px,7vw,95px);align-items:center;padding:clamp(62px,8vw,96px) clamp(28px,7vw,105px);background:var(--petrol-dark);color:#fff}
.planningCta h2{max-width:760px;color:#fff}
.planningCta>div:first-child>p:last-child{max-width:720px;margin:20px 0 0;color:#bfd1cd;font-size:15px;line-height:1.68}
.planningCtaContact{display:grid;grid-template-columns:145px minmax(0,1fr);overflow:hidden;border-top:4px solid var(--rust);background:#fff}
.planningCtaPortrait{width:145px;height:100%;min-height:285px;aspect-ratio:auto}
.planningCtaPortrait>span{font-size:46px}
.planningCta address{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:27px 25px;color:var(--petrol-dark);font-style:normal}
.planningCta address>strong{font-size:21px}
.planningCta address>span{margin-top:6px;color:var(--rust);font-size:12px;font-weight:850}
.planningCta address>a:not(.planningCtaButton){display:flex;align-items:center;gap:8px;margin-top:16px;color:var(--petrol);font-size:13px;font-weight:850;text-decoration:none;overflow-wrap:anywhere}
.planningCta address>a:not(.planningCtaButton) svg{flex:0 0 auto;color:var(--rust)}
.planningCtaButton{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:15px 17px;background:var(--rust);color:#fff;font-size:12px;font-weight:900;text-decoration:none}
.planningFaq{background:#f0f3f0}
@media(max-width:950px){
.planningScope>div{grid-template-columns:repeat(2,1fr)}
.planningScope article:nth-child(2),.planningScope article:nth-child(4),.planningScope article:nth-child(6){border-right:0}
.planningScope article:last-child{border-right:1px solid #ffffff40}
.planningTeam{grid-template-columns:1fr}
.planningMeasures>div{grid-template-columns:1fr 1fr}
.planningMeasures article:nth-child(2){border-right:0}
.planningMeasures article:nth-child(-n+2){border-bottom:1px solid #ffffff38}
}
@media(max-width:820px){
.planningHero,.planningScope>header,.planningProcess,.planningOutput,.planningCta{grid-template-columns:1fr}
.planningHero{min-height:0}
.planningHero figure{min-height:390px}
.planningGoals>div{grid-template-columns:1fr}
.planningGoals article{min-height:250px}
.planningTeamCards{grid-template-columns:1fr 1fr}
.planningCtaContact{max-width:570px}
}
@media(max-width:620px){
.planningHero>div{padding:40px 22px}
.planningHero h1{font-size:clamp(2.25rem,10.5vw,2.9rem)}
.planningHero figure{min-height:300px}
.planningScope,.planningGoals,.planningTeam,.planningMeasures,.planningProcess,.planningOutput{padding:58px 22px}
.planningScope>div,.planningMeasures>div,.planningTeamCards{grid-template-columns:1fr}
.planningScope article,.planningScope article:nth-child(2),.planningScope article:nth-child(4),.planningScope article:nth-child(6),.planningScope article:last-child{min-height:112px;border-right:0}
.planningTeam figure{min-height:300px}
.planningMeasures article,.planningMeasures article:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid #ffffff38}
.planningProcessIntro figure{height:230px}
.planningCta{padding:54px 22px}
.planningCtaContact{grid-template-columns:1fr}
.planningCtaPortrait{width:100%;height:auto;min-height:220px;aspect-ratio:4/3}
.planningCta address{padding:25px}
.planningCtaButton{margin-top:25px}
}
.fundingPage{background:#f3f5f2;color:var(--petrol-dark)}
.fundingHero{display:grid;min-height:540px;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);background:var(--petrol-dark);color:#fff}
.fundingHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,82px) clamp(28px,7vw,105px)}
.fundingHero .eyebrow{margin-top:22px;color:#d87a59}
.fundingHero h1{max-width:900px;margin:0;color:#fff;font-size:clamp(2.55rem,4.5vw,4rem);font-weight:600;letter-spacing:-.064em;line-height:.99}
.fundingHero h1 em{color:#e18463;font-style:normal}
.fundingHero>div>p:not(.eyebrow){max-width:760px;margin:24px 0 0;color:#c6d7d3;font-size:16px;line-height:1.68}
.fundingHero .accentButton{align-self:flex-start;margin-top:30px}
.fundingHero>aside{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,5vw,68px);background:var(--rust)}
.fundingHero>aside article{padding:28px 0;border-bottom:1px solid #ffffff55}
.fundingHero>aside article strong,.fundingHero>aside article span{display:block}
.fundingHero>aside article strong{color:#fff;font-size:clamp(3rem,5.4vw,5rem);font-weight:650;letter-spacing:-.07em}
.fundingHero>aside article span{margin-top:7px;font-size:15px;font-weight:850}
.fundingHero>aside>small{margin-top:28px;color:#f4d9cf;font-size:12px;font-weight:800;line-height:1.55;text-transform:uppercase}
.fundingMonitoring{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:clamp(40px,8vw,120px);padding:clamp(72px,8vw,110px) clamp(28px,7vw,105px);background:#fff}
.fundingMonitoring h2,.fundingExperience h2,.fundingHelp h2,.fundingPartners h2,.fundingProcess h2,.fundingEarly h2{margin:0;color:var(--petrol-dark);font-size:clamp(1.85rem,3vw,2.65rem);font-weight:600;letter-spacing:-.05em;line-height:1.08}
.fundingMonitoring>div:last-child{padding-top:27px;border-top:4px solid var(--rust)}
.fundingMonitoring>div:last-child p{margin:0 0 18px;color:var(--muted);font-size:16px;line-height:1.72}
.fundingMonitoring>div:last-child strong{color:var(--petrol-dark)}
.fundingPhotoStory{display:grid;min-height:470px;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);background:var(--petrol-dark);color:#fff}
.fundingPhotoStory figure{position:relative;min-height:430px;margin:0;overflow:hidden}
.fundingPhotoStory figure:after{position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(5,32,34,.78));content:""}
.fundingPhotoStory img{width:100%;height:100%;object-fit:cover}
.fundingPhotoStory figcaption{position:absolute;z-index:2;right:26px;bottom:23px;left:26px;color:#fff;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.fundingPhotoStory>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,78px)}
.fundingPhotoStory .eyebrow{color:#d98262}
.fundingPhotoStory h2{margin:0;color:#fff;font-size:clamp(1.85rem,3vw,2.65rem);font-weight:600;letter-spacing:-.05em;line-height:1.08}
.fundingPhotoStory>div>p:last-child{margin:24px 0 0;color:#bfd0cc;font-size:16px;line-height:1.68}
.fundingExperience,.fundingHelp,.fundingPartners,.fundingProcess{padding:clamp(72px,8vw,110px) clamp(28px,7vw,105px)}
.fundingHelp{background:#fff}
.fundingHelp>header{max-width:920px;margin-bottom:38px}
.fundingHelp>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fundingHelp article{display:flex;min-height:220px;flex-direction:column;padding:26px;border-top:3px solid var(--petrol);background:#f0f3f0}
.fundingHelp article:nth-child(4),.fundingHelp article:nth-child(5){grid-column:span 1}
.fundingHelp article>span{color:var(--rust);font-size:10px;font-weight:900}
.fundingHelp h3{margin:34px 0 13px;font-size:21px;letter-spacing:-.035em}
.fundingHelp article p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}
.fundingMachinePhoto{position:relative;height:clamp(360px,43vw,600px);margin:0;overflow:hidden;background:var(--petrol-dark)}
.fundingMachinePhoto:after{position:absolute;inset:28% 0 0;background:linear-gradient(180deg,transparent,rgba(4,34,37,.9));content:""}
.fundingMachinePhoto img{width:100%;height:100%;object-fit:cover}
.fundingMachinePhoto figcaption{position:absolute;z-index:2;right:clamp(28px,7vw,105px);bottom:clamp(28px,5vw,65px);left:clamp(28px,7vw,105px);display:flex;align-items:end;justify-content:space-between;gap:40px;color:#fff}
.fundingMachinePhoto figcaption span{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.fundingMachinePhoto figcaption strong{max-width:640px;font-size:clamp(1.45rem,2.5vw,2.3rem);letter-spacing:-.04em;line-height:1.1;text-align:right}
.fundingPartners{background:var(--petrol-dark);color:#fff}
.fundingPartners>header{max-width:950px;margin-bottom:38px}
.fundingPartners h2{color:#fff}
.fundingPartners>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fundingPartners>div>a{display:flex;min-height:290px;flex-direction:column;padding:clamp(28px,4vw,45px);background:#fff;color:var(--petrol-dark);text-decoration:none}
.fundingPartners>div>a:hover{transform:translateY(-3px)}
.fundingPartners a>img{width:min(255px,65%);height:72px;object-fit:contain;object-position:left center}
.fundingPartners a>span{margin-top:30px;color:var(--rust);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.fundingPartners a>p{max-width:570px;margin:12px 0 22px;color:var(--muted);font-size:15px;line-height:1.64}
.fundingPartners a>strong{display:flex;align-items:center;gap:8px;margin-top:auto;color:var(--petrol);font-size:12px}
.fundingPartners .oberPartner{background:#f4f1e9}
.oberWordmark{display:flex;height:72px;align-items:center;gap:14px;font-size:clamp(1.8rem,3.4vw,3rem);font-weight:900;letter-spacing:-.045em}
.oberWordmark i{width:18px;height:55px;background:#f0c400;transform:skew(-11deg)}
.fundingContact{display:grid;grid-template-columns:220px minmax(0,1fr) minmax(280px,.65fr);gap:clamp(30px,5vw,70px);align-items:center;padding:clamp(60px,7vw,90px) clamp(28px,7vw,105px);background:#dfe8e3}
.fundingContactPortrait{width:220px;height:250px}
.fundingContact>div:nth-child(2) h2{margin:0;color:var(--petrol-dark);font-size:clamp(2.1rem,3.4vw,3.1rem);font-weight:600;letter-spacing:-.055em}
.fundingContact>div:nth-child(2)>strong{display:block;margin-top:9px;color:var(--rust);font-size:14px}
.fundingContact>div:nth-child(2)>p:last-child{max-width:620px;margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.68}
.fundingContact address{display:flex;flex-direction:column;gap:10px;font-style:normal}
.fundingContact address>a:not(.accentButton){display:flex;gap:13px;align-items:center;padding:15px;border:1px solid #b5c6be;background:#fff;color:var(--petrol-dark);text-decoration:none}
.fundingContact address>a>svg{flex:0 0 auto;color:var(--rust)}
.fundingContact address>a span{font-size:15px;font-weight:850}
.fundingContact address>a small{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}
.fundingContact address .accentButton{justify-content:space-between;margin-top:5px}
.fundingProcess{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(45px,8vw,115px);background:#fff}
.fundingProcess ol{margin:0;padding:0;border-top:1px solid var(--petrol);list-style:none}
.fundingProcess li{display:grid;grid-template-columns:45px minmax(0,1fr);gap:17px;padding:20px 5px;border-bottom:1px solid var(--line)}
.fundingProcess li>span{color:var(--rust);font-size:10px;font-weight:900}
.fundingProcess h3{margin:0 0 7px;font-size:18px}
.fundingProcess li p{margin:0;color:var(--muted);font-size:14px;line-height:1.58}
.fundingEarly{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:clamp(58px,7vw,90px) clamp(28px,7vw,105px);background:var(--rust);color:#fff}
.fundingEarly h2{max-width:820px;color:#fff}
.fundingEarly>div>p:not(.eyebrow){max-width:790px;margin:20px 0;color:#f3d8cf;font-size:15px;line-height:1.68}
.fundingEarly>div>strong{display:block;max-width:800px;font-size:16px;line-height:1.5}
.fundingEarly>a{display:flex;flex:0 0 auto;align-items:center;gap:12px;padding:17px 20px;background:#fff;color:var(--petrol-dark);font-size:12px;font-weight:900;text-decoration:none}
.fundingFaq{background:#f0f3f0}
.fundingDisclaimer{margin:0;padding:24px clamp(28px,7vw,105px);background:#e4eae6;color:var(--muted);font-size:12px;line-height:1.58}
@media(max-width:1050px){
.fundingContact{grid-template-columns:180px 1fr}
.fundingContactPortrait{width:180px;height:220px}
.fundingContact address{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
.fundingContact address .accentButton{grid-column:1/-1}
}
@media(max-width:820px){
.fundingHero,.fundingMonitoring,.fundingPhotoStory,.fundingExperience>header,.fundingProcess{grid-template-columns:1fr}
.fundingHero{min-height:0}
.fundingHero>aside{display:grid;grid-template-columns:1fr 1fr}
.fundingHero>aside>small{grid-column:1/-1}
.fundingHero>aside article:first-child{border-right:1px solid #ffffff55}
.fundingPhotoStory figure{min-height:420px}
.fundingPartners>div{grid-template-columns:1fr}
.fundingMachinePhoto figcaption{align-items:flex-start;flex-direction:column}
.fundingMachinePhoto figcaption strong{text-align:left}
.fundingEarly{align-items:flex-start;flex-direction:column}
.fundingEarly>a{width:100%;justify-content:space-between}
}
@media(max-width:620px){
.fundingHero>div,.fundingHero>aside{padding:38px 22px}
.fundingHero h1{font-size:clamp(2.25rem,10.5vw,2.9rem)}
.fundingHero>aside{grid-template-columns:1fr}
.fundingHero>aside article:first-child{border-right:0}
.fundingMonitoring,.fundingExperience,.fundingHelp,.fundingPartners,.fundingProcess{padding:58px 22px}
.fundingPhotoStory figure{min-height:310px}
.fundingPhotoStory>div{padding:48px 22px}
.fundingExperience>div,.fundingHelp>div{grid-template-columns:1fr}
.fundingHelp article{min-height:200px}
.fundingMachinePhoto{height:400px}
.fundingMachinePhoto figcaption{right:22px;bottom:25px;left:22px;gap:16px}
.fundingContact{grid-template-columns:1fr;padding:55px 22px}
.fundingContactPortrait{width:190px;height:225px}
.fundingContact address{grid-column:auto;grid-template-columns:1fr}
.fundingContact address .accentButton{grid-column:auto}
.fundingEarly{padding:52px 22px}
.fundingPartners>div>a{min-height:270px}
.fundingDisclaimer{padding:22px}
}
.eventsPage{background:#f3f5f2;color:var(--petrol-dark)}
.eventsHero{display:grid;min-height:525px;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);background:var(--petrol-dark);color:#fff}
.eventsHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,82px) clamp(28px,7vw,105px)}
.eventsHero .eyebrow{margin-top:22px;color:#df8564}
.eventsHero h1{max-width:780px;margin:0;color:#fff;font-size:clamp(2.2rem,3.6vw,3.35rem);font-weight:600;letter-spacing:-.058em;line-height:1.03}
.eventsHero>div>p:not(.eyebrow){max-width:720px;margin:24px 0 0;color:#c4d6d2;font-size:16px;line-height:1.68}
.eventsHero .accentButton{align-self:flex-start;margin-top:30px}
.eventsHero figure{position:relative;min-height:430px;margin:0;overflow:hidden;background:#092f32}
.eventsHero figure:after{position:absolute;inset:25% 0 0;background:linear-gradient(180deg,transparent,rgba(3,31,34,.9));content:""}
.eventsHero img{width:100%;height:100%;object-fit:cover}
.eventsHero figcaption{position:absolute;z-index:2;right:30px;bottom:28px;left:30px;color:#fff}
.eventsHero figcaption strong,.eventsHero figcaption span{display:block}
.eventsHero figcaption strong{font-size:clamp(1.35rem,2.2vw,1.9rem);letter-spacing:-.04em}
.eventsHero figcaption span{margin-top:8px;color:#c9dbd7;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.eventsFormats,.eventsTopics,.eventsPerspectives,.eventsFaq{padding:clamp(70px,8vw,108px) clamp(28px,7vw,105px)}
.eventsFormats>header,.eventsPerspectives>header{display:grid;grid-template-columns:minmax(0,.78fr) minmax(320px,1.22fr);gap:20px clamp(40px,7vw,100px);align-items:end;margin-bottom:42px}
.eventsFormats>header .eyebrow,.eventsPerspectives>header .eyebrow{grid-column:1/-1}
.eventsFormats h2,.eventsFactory h2,.eventsTopics h2,.eventsReference h2,.eventsPerspectives h2,.eventsVideos h2,.eventsPlatform h2{margin:0;color:var(--petrol-dark);font-size:clamp(1.7rem,2.6vw,2.35rem);font-weight:600;letter-spacing:-.047em;line-height:1.1}
.eventsFormats>header>p:last-child,.eventsPerspectives>header>p:last-child{margin:0;color:var(--muted);font-size:16px;line-height:1.68}
.eventsFormats{background:#fff}
.eventsFormats>div{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--petrol)}
.eventsFormats article{display:flex;min-height:260px;flex-direction:column;padding:23px 20px;border-right:1px solid #c8d4ce}
.eventsFormats article:last-child{border:0}
.eventsFormats article>div{display:flex;align-items:center;justify-content:space-between;color:var(--rust)}
.eventsFormats article>div span{font-size:10px;font-weight:900}
.eventsFormats h3{margin:52px 0 13px;font-size:20px;letter-spacing:-.035em}
.eventsFormats article p{margin:0;color:var(--muted);font-size:14px;line-height:1.62}
.eventsFactory{display:grid;min-height:510px;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);background:var(--rust);color:#fff}
.eventsFactory figure{position:relative;min-height:430px;margin:0;overflow:hidden}
.eventsFactory figure:after{position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(67,25,14,.76));content:""}
.eventsFactory img{width:100%;height:100%;object-fit:cover}
.eventsFactory figcaption{position:absolute;z-index:1;right:28px;bottom:25px;left:28px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.eventsFactory>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(45px,6vw,78px)}
.eventsFactory .eyebrow{color:#ffd0bf}
.eventsFactory h2{color:#fff}
.eventsFactory>div>p:not(.eyebrow){margin:22px 0 0;color:#f4dcd3;font-size:15px;line-height:1.68}
.eventsFactory>div>div{display:flex;gap:8px;margin-top:30px}
.eventsFactory>div>div span{padding:9px 12px;border:1px solid #ffffff60;color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em}
.eventsTopics{background:var(--petrol-dark);color:#fff}
.eventsTopics>header{max-width:820px;margin-bottom:40px}
.eventsTopics .eyebrow{color:#df8564}
.eventsTopics h2{color:#fff}
.eventsTopics>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff4a}
.eventsTopics article{display:grid;min-height:135px;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:22px 18px;border-right:1px solid #ffffff2c;border-bottom:1px solid #ffffff2c}
.eventsTopics article:nth-child(3n){border-right:0}
.eventsTopics article span{color:#df8564;font-size:10px;font-weight:900}
.eventsTopics article strong{color:#fff;font-size:15px;line-height:1.5}
.eventsReference{display:grid;grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr);align-items:stretch;background:#e7ede9}
.eventsReference>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(65px,8vw,108px) clamp(28px,7vw,105px)}
.eventsReference>div>p:last-child{max-width:700px;margin:24px 0 0;color:var(--muted);font-size:16px;line-height:1.72}
.eventsReference figure{position:relative;min-height:500px;margin:0;overflow:hidden}
.eventsReference figure:after{position:absolute;inset:50% 0 0;background:linear-gradient(180deg,transparent,rgba(4,40,43,.82));content:""}
.eventsReference img{width:100%;height:100%;object-fit:cover}
.eventsReference figcaption{position:absolute;z-index:1;right:27px;bottom:24px;left:27px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.eventsVideos{padding:clamp(70px,8vw,108px) clamp(28px,7vw,105px);background:#f3f5f2;color:var(--petrol-dark)}
.eventsVideos>header{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:20px clamp(40px,7vw,100px);align-items:end;max-width:1220px;margin:0 auto 46px}
.eventsVideos>header .eyebrow{grid-column:1/-1;color:var(--rust)}
.eventsVideos h2{color:var(--petrol-dark)}
.eventsVideos>header>p:last-child{margin:0;color:var(--muted);font-size:16px;line-height:1.68}
.eventsVideoGrid{display:grid;max-width:1440px;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,30px);margin:0 auto}
.eventsVideoGrid article,.eventsVideoFeatured{display:block;overflow:hidden;border:1px solid #d7dfda;background:#fff;color:var(--petrol-dark);box-shadow:0 12px 34px rgba(5,50,52,.055)}
.eventsVideoGrid article>div:last-child,.eventsVideoFeatured>div:last-child{display:block;padding:22px 22px 26px}
.eventsVideoGrid article>div:last-child>span{color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.eventsVideoGrid h3,.eventsVideoFeatured h3{margin:12px 0 11px;font-size:19px;letter-spacing:-.03em;line-height:1.18}
.eventsVideoGrid article p{margin:0;color:var(--muted);font-size:14px;line-height:1.62}
.eventsVideoFeatured{grid-column:auto}
.eventsVideoFrame,.eventsVideoFeatured .eventsVideoFrame{position:relative;min-height:0;overflow:hidden;aspect-ratio:16/9;background:var(--petrol-dark)}
.eventsVideoFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.eventsPlatform{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:clamp(62px,8vw,100px) clamp(28px,7vw,105px);background:#dfe8e3}
.eventsPlatform>div>p:last-child{max-width:780px;margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.68}
.eventsPlatform>a{display:flex;flex:0 0 auto;align-items:center;gap:14px;padding:17px 20px;background:var(--petrol-dark);color:#fff;font-size:12px;font-weight:900;text-decoration:none}
.eventsFaq{background:#f3f5f2}
@media(max-width:1050px){
.eventsFormats>div{grid-template-columns:1fr 1fr}
.eventsFormats article:nth-child(2){border-right:0}
.eventsFormats article:nth-child(-n+2){border-bottom:1px solid #c8d4ce}
.eventsTopics>div{grid-template-columns:1fr 1fr}
.eventsTopics article:nth-child(3n){border-right:1px solid #ffffff2c}
.eventsTopics article:nth-child(even){border-right:0}
.eventsVideoGrid{grid-template-columns:1fr 1fr}
.eventsVideoGrid article:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}
.eventsVideoGrid article:first-child .eventsVideoFrame{aspect-ratio:auto;min-height:330px}
}
@media(max-width:820px){
.eventsHero,.eventsFactory,.eventsReference,.eventsFormats>header,.eventsPerspectives>header,.eventsVideos>header{grid-template-columns:1fr}
.eventsHero{min-height:0}
.eventsHero figure,.eventsFactory figure{min-height:390px}
.eventsFormats>header .eyebrow,.eventsPerspectives>header .eyebrow,.eventsVideos>header .eyebrow{grid-column:auto}
.eventsReference figure{min-height:420px}
.eventsVideoGrid{grid-template-columns:1fr}
.eventsVideoGrid article:first-child{grid-column:auto;display:block}
.eventsVideoGrid article:first-child .eventsVideoFrame{min-height:0;aspect-ratio:16/9}
.eventsPlatform{align-items:flex-start;flex-direction:column}
.eventsPlatform>a{width:100%;justify-content:space-between}
}
@media(max-width:620px){
.eventsHero>div{padding:40px 22px}
.eventsHero h1{font-size:clamp(2.05rem,9vw,2.6rem)}
.eventsHero figure,.eventsFactory figure,.eventsReference figure{min-height:310px}
.eventsFormats,.eventsTopics,.eventsPerspectives,.eventsFaq,.eventsVideos{padding:58px 22px}
.eventsFormats>div,.eventsTopics>div,.eventsPerspectives>div,.eventsVideoGrid{grid-template-columns:1fr}
.eventsFormats article,.eventsFormats article:nth-child(2){min-height:0;border-right:0;border-bottom:1px solid #c8d4ce}
.eventsFormats h3{margin-top:34px}
.eventsFactory>div{padding:50px 22px}
.eventsTopics article,.eventsTopics article:nth-child(3n){min-height:105px;border-right:0}
.eventsReference>div{padding:58px 22px}
.eventsVideoGrid{gap:18px}
.eventsVideoGrid article>div:last-child,.eventsVideoFeatured>div:last-child{padding:19px 19px 23px}
.eventsPlatform{padding:55px 22px}
}
.purchasePage{background:#f3f5f2;color:var(--petrol-dark)}
.purchaseHero{display:grid;min-height:515px;grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);background:var(--petrol-dark);color:#fff}
.purchaseHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,80px) clamp(28px,7vw,105px)}
.purchaseHero .eyebrow{margin-top:22px;color:#df8564}
.purchaseHero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(2.25rem,3.8vw,3.45rem);font-weight:600;letter-spacing:-.058em;line-height:1.02}
.purchaseHero h2{margin:13px 0 0;color:#dc8465;font-size:clamp(1.28rem,2vw,1.75rem);font-weight:600;letter-spacing:-.035em}
.purchaseHero>div>p:not(.eyebrow){max-width:720px;margin:24px 0 0;color:#c4d6d2;font-size:16px;line-height:1.68}
.purchaseHero .accentButton{align-self:flex-start;margin-top:30px}
.purchaseHero figure{position:relative;min-height:420px;margin:0;overflow:hidden}
.purchaseHero figure:after{position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent,rgba(3,30,33,.9));content:""}
.purchaseHero img{width:100%;height:100%;object-fit:cover}
.purchaseHero figcaption{position:absolute;z-index:1;right:30px;bottom:28px;left:30px;color:#fff}
.purchaseHero figcaption strong,.purchaseHero figcaption span{display:block}
.purchaseHero figcaption strong{font-size:23px;letter-spacing:-.035em}
.purchaseHero figcaption span{margin-top:7px;color:#c9dad6;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.purchaseMap{padding:clamp(72px,8vw,112px) clamp(28px,7vw,105px)}
.purchaseMap>header{display:grid;max-width:1180px;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:25px clamp(45px,8vw,110px);align-items:end;margin:0 auto}
.purchaseMap>header h2,.purchasePhase>header h2,.purchaseCta h2{margin:0;color:var(--petrol-dark);font-size:clamp(1.7rem,2.6vw,2.35rem);font-weight:600;letter-spacing:-.047em;line-height:1.1}
.purchaseMap>header>p{margin:0;color:var(--muted);font-size:16px;line-height:1.68}
.purchaseLegend{display:flex;max-width:1180px;flex-wrap:wrap;gap:12px 25px;margin:36px auto 0;padding:17px 0;border-top:1px solid #c9d4ce;border-bottom:1px solid #c9d4ce}
.purchaseLegend span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:750}
.purchaseLegend i{width:11px;height:11px;border-radius:50%;background:var(--petrol)}
.purchaseLegend .legendCustomer{background:var(--rust)}
.purchaseLegend .legendFactory{background:#80918c}
.purchaseLegend .legendMilestone{width:16px;height:16px;border:4px solid var(--rust);background:var(--petrol-dark)}
.purchasePhase{max-width:1160px;margin:80px auto 0}
.purchasePhase>header{display:grid;grid-template-columns:82px minmax(0,1fr);gap:22px;align-items:center;margin-bottom:38px}
.purchasePhase>header>span{display:grid;width:68px;height:68px;place-items:center;border-radius:50%;background:var(--rust);color:#fff;font-size:14px;font-weight:900;box-shadow:0 0 0 8px rgba(160,67,39,.1)}
.purchasePhase>header small{display:block;margin-bottom:7px;color:var(--rust);font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.purchaseSteps{position:relative}
.purchaseSteps:before{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#aebdb6;content:""}
.purchaseSteps article{position:relative;display:grid;min-height:195px;grid-template-columns:minmax(0,1fr) 98px minmax(0,1fr);align-items:center}
.purchaseStepIcon{z-index:1;display:grid;width:70px;height:70px;grid-column:2;grid-row:1;place-items:center;justify-self:center;border:0;border-radius:50%;background:var(--rust);color:#fff;box-shadow:0 0 0 9px #f3f5f2}
.purchaseStepIcon svg{width:32px;height:32px}
.purchaseStepCard{max-width:450px;padding:25px 27px;border:1px solid #d0dad5;border-top:4px solid var(--petrol);background:#fff;box-shadow:0 14px 34px rgba(5,50,52,.055)}
.purchaseStepCard small{display:inline-flex;margin-bottom:10px;padding:5px 8px;background:#eef3f0;color:var(--petrol);font-size:12px;font-weight:900;letter-spacing:.065em;text-transform:uppercase}
.purchaseStepCard h3{margin:0;font-size:21px;letter-spacing:-.035em;line-height:1.18}
.purchaseStepCard p{margin:11px 0 0;color:var(--muted);font-size:15px;line-height:1.6}
.purchaseStep.isLeft .purchaseStepCard{grid-column:1;grid-row:1;justify-self:end;text-align:right}
.purchaseStep.isRight .purchaseStepCard{grid-column:3;grid-row:1;justify-self:start}
.purchaseStep.isMilestone .purchaseStepIcon{width:82px;height:82px;border:6px solid #f3f5f2;background:var(--rust);color:#fff;box-shadow:0 0 0 2px var(--rust)}
.purchaseStep.isMilestone .purchaseStepIcon svg{width:37px;height:37px}
.purchaseStep.isMilestone .purchaseStepCard{border-color:var(--petrol-dark);background:var(--petrol-dark);color:#fff}
.purchaseStep.isMilestone .purchaseStepCard small{background:#ffffff18;color:#f0a084}
.purchaseStep.isMilestone .purchaseStepCard p{color:#c4d5d1}
.purchaseStep.isCustomer .purchaseStepIcon{background:var(--rust);color:#fff}
.purchaseStep.isCustomer .purchaseStepCard{border-top-color:var(--rust)}
.purchaseStep.isCustomer .purchaseStepCard small{background:#f8ebe6;color:var(--rust)}
.purchaseParallel{position:relative;max-width:960px;margin:34px auto 0;padding:34px;background:var(--petrol-dark);color:#fff}
.purchaseParallel:before{position:absolute;top:-34px;left:50%;width:2px;height:34px;background:#aebdb6;content:""}
.purchaseParallel>header{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:24px;border-bottom:1px solid #ffffff36}
.purchaseParallel>header span{color:#df8564;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.purchaseParallel>header p{max-width:480px;margin:0;color:#bcd0cc;font-size:14px;line-height:1.55;text-align:right}
.purchaseParallel>div{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff2b}
.purchaseParallel article{position:relative;padding:30px;background:var(--petrol-dark)}
.purchaseParallel article svg{box-sizing:content-box;width:34px;height:34px;padding:12px;border-radius:50%;background:var(--rust);color:#fff}
.purchaseParallel article small{display:inline-flex;margin-top:24px;padding:5px 8px;background:#ffffff14;color:#c6d7d3;font-size:12px;font-weight:850;text-transform:uppercase}
.purchaseParallel h3{margin:10px 0 10px;color:#fff;font-size:21px}
.purchaseParallel article p{margin:0;color:#c4d5d1;font-size:15px;line-height:1.6}
.purchaseReference{margin-top:clamp(72px,8vw,110px)}
.purchaseFaq{background:#eef2ef}
.purchaseCta{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:clamp(58px,7vw,90px) clamp(28px,7vw,105px);background:#dfe8e3}
.purchaseCta>div>p:last-child{max-width:750px;margin:20px 0 0;color:var(--muted);font-size:16px;line-height:1.65}
.purchaseCta>a{display:flex;flex:0 0 auto;align-items:center;gap:13px;padding:17px 20px;background:var(--petrol-dark);color:#fff;font-size:13px;font-weight:900;text-decoration:none}
@media(max-width:820px){
.purchaseHero,.purchaseMap>header{grid-template-columns:1fr}
.purchaseHero{min-height:0}
.purchaseHero figure{min-height:380px}
.purchasePhase{margin-top:65px}
.purchaseSteps:before{left:30px}
.purchaseSteps article{min-height:0;grid-template-columns:60px minmax(0,1fr);gap:0;padding:0 0 24px}
.purchaseStepIcon,.purchaseStep.isLeft .purchaseStepIcon,.purchaseStep.isRight .purchaseStepIcon{grid-column:1;grid-row:1;align-self:start}
.purchaseStepCard,.purchaseStep.isLeft .purchaseStepCard,.purchaseStep.isRight .purchaseStepCard{max-width:none;grid-column:2;grid-row:1;justify-self:stretch;text-align:left}
.purchaseParallel{margin-left:60px}
.purchaseParallel:before{left:-30px;top:0;width:30px;height:1px}
.purchaseCta{align-items:flex-start;flex-direction:column}
.purchaseCta>a{width:100%;justify-content:space-between}
}
@media(max-width:620px){
.purchaseHero>div{padding:40px 22px}
.purchaseHero h1{font-size:clamp(2.05rem,9vw,2.6rem)}
.purchaseHero figure{min-height:310px}
.purchaseMap{padding:58px 22px}
.purchaseLegend{gap:11px 18px}
.purchasePhase>header{grid-template-columns:58px 1fr;gap:15px}
.purchasePhase>header>span{width:50px;height:50px;box-shadow:0 0 0 6px rgba(160,67,39,.1)}
.purchaseSteps:before{left:29px}
.purchaseSteps article{grid-template-columns:59px minmax(0,1fr)}
.purchaseStepIcon{width:54px;height:54px;box-shadow:0 0 0 5px #f3f5f2}
.purchaseStepIcon svg{width:25px;height:25px}
.purchaseStep.isMilestone .purchaseStepIcon{width:59px;height:59px;border-width:4px}
.purchaseStep.isMilestone .purchaseStepIcon svg{width:28px;height:28px}
.purchaseStepCard{padding:19px}
.purchaseStepCard h3{font-size:18px}
.purchaseStepCard p{font-size:14px}
.purchaseParallel{margin:12px 0 0 59px;padding:20px}
.purchaseParallel>header{align-items:flex-start;flex-direction:column;gap:10px}
.purchaseParallel>header p{text-align:left}
.purchaseParallel>div{grid-template-columns:1fr}
.purchaseParallel article svg{width:30px;height:30px}
.purchaseReference{margin-top:58px}
.purchaseCta{padding:52px 22px}
}
.referencesPage{background:#f3f5f2;color:var(--petrol-dark)}
.referencesHero{display:grid;min-height:520px;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);background:var(--petrol-dark);color:#fff}
.referencesHero>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,82px) clamp(28px,7vw,105px)}
.referencesHero .eyebrow{margin-top:20px;color:#df8564}
.referencesHero h1{max-width:780px;margin:0;color:#fff;font-size:clamp(2.2rem,3.6vw,3.35rem);font-weight:600;letter-spacing:-.058em;line-height:1.03}
.referencesHero h1 em{color:#df8564;font-style:normal}
.referencesHero>div>p:not(.eyebrow){max-width:720px;margin:24px 0 0;color:#c4d6d2;font-size:16px;line-height:1.68}
.referencesHero .accentButton{align-self:flex-start;margin-top:30px}
.referencesHero figure{position:relative;min-height:420px;margin:0;overflow:hidden}
.referencesHero figure:after{position:absolute;inset:30% 0 0;background:linear-gradient(180deg,transparent,rgba(3,30,33,.9));content:""}
.referencesHero img{width:100%;height:100%;object-fit:cover}
.referencesHero figcaption{position:absolute;z-index:1;right:30px;bottom:28px;left:30px;color:#fff}
.referencesHero figcaption strong,.referencesHero figcaption span{display:block}
.referencesHero figcaption strong{font-size:22px;letter-spacing:-.035em}
.referencesHero figcaption span{margin-top:7px;color:#c9dad6;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.referencesIntro{display:grid;grid-template-columns:minmax(0,.85fr) minmax(330px,1.15fr);gap:clamp(45px,8vw,115px);align-items:end;padding:clamp(70px,8vw,108px) clamp(28px,7vw,105px);background:#fff}
.referencesIntro h2,.referencesCompanies h2,.referencesVideos h2,.referencesCta h2{margin:0;color:var(--petrol-dark);font-size:clamp(1.7rem,2.6vw,2.35rem);font-weight:600;letter-spacing:-.047em;line-height:1.1}
.referencesIntro>p{margin:0;padding-top:24px;border-top:4px solid var(--rust);color:var(--muted);font-size:16px;line-height:1.72}
.referencesCompanies>header,.referencesVideos>header{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:24px clamp(45px,8vw,110px);align-items:end;margin-bottom:42px}
.referencesCompanies>header>p:last-child,.referencesVideos>header>p:last-child{margin:0;color:var(--muted);font-size:16px;line-height:1.68}
.referencesVideos{padding:clamp(70px,8vw,108px) clamp(28px,7vw,105px);background:#f3f5f2}
.referencesVideoGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.referencesVideoGrid article{grid-column:span 2;overflow:hidden;border:1px solid #d6dfda;background:#fff;box-shadow:0 12px 34px rgba(5,50,52,.055)}
.referencesVideoGrid article:nth-child(4){grid-column:2/span 2}
.referencesVideoFrame{position:relative;aspect-ratio:16/9;background:var(--petrol-dark)}
.referencesVideoFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.referencesVideoGrid article>div:last-child{padding:21px 22px 25px}
.referencesVideoGrid article span{color:var(--rust);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.referencesVideoGrid h3{margin:11px 0 0;font-size:18px;letter-spacing:-.03em;line-height:1.25}
.referencesCta{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:clamp(60px,8vw,98px) clamp(28px,7vw,105px);background:var(--rust);color:#fff}
.referencesCta h2{max-width:860px;color:#fff}
.referencesCta>div>p:not(.eyebrow){max-width:780px;margin:20px 0 0;color:#f3d8cf;font-size:15px;line-height:1.68}
.referencesCta .lightButton{flex:0 0 auto}
@media(max-width:1050px){
.referencesCompanyGrid,.referencesVideoGrid{grid-template-columns:1fr 1fr}
.referencesCompanyGrid article,.referencesVideoGrid article,.referencesCompanyGrid article:nth-child(4),.referencesVideoGrid article:nth-child(4){grid-column:auto}
.referencesCompanyGrid article:last-child,.referencesVideoGrid article:last-child{grid-column:1/-1}
}
@media(max-width:820px){
.referencesHero,.referencesIntro,.referencesCompanies>header,.referencesVideos>header{grid-template-columns:1fr}
.referencesHero{min-height:0}
.referencesHero figure{min-height:390px}
.referencesCta{align-items:flex-start;flex-direction:column}
.referencesCta .lightButton{width:100%;justify-content:space-between}
}
@media(max-width:620px){
.referencesHero>div{padding:40px 22px}
.referencesHero h1{font-size:clamp(2.05rem,9vw,2.6rem)}
.referencesHero figure{min-height:310px}
.referencesIntro,.referencesCompanies,.referencesVideos{padding:58px 22px}
.referencesCompanyGrid,.referencesVideoGrid{grid-template-columns:1fr}
.referencesCompanyGrid article,.referencesVideoGrid article,.referencesCompanyGrid article:last-child,.referencesVideoGrid article:last-child{grid-column:auto}
.referencesCta{padding:52px 22px}
}
.videoHero,.videoCopy{min-height:600px}
.aboutHero,.brandsHero,.knowledgeHero,.businessServicesHero,.businessServiceHero,.planningHero,.fundingHero,.eventsHero,.purchaseHero,.referencesHero{min-height:470px}
.aboutHeroCopy h1,.brandsHero h1,.scmHeroCopy h1{font-size:clamp(2.65rem,5.1vw,4.25rem)}
.scmHero{min-height:540px}
.protoSection,.knowledgeLibrary,.knowledgeNews,.teamDirectory,.contactRegions,.contactWrite,.businessServicesIntro,.planningGoals,.planningTeam,.planningMeasures,.planningProcess,.planningOutput,.fundingMonitoring,.fundingHelp,.fundingPartners,.fundingProcess,.fundingNews,.eventsFormats,.eventsTopics,.eventsVideos,.eventsFaq,.purchaseMap,.referencesIntro,.referencesVideos{padding-top:clamp(3.5rem,6.5vw,5.25rem);padding-bottom:clamp(3.5rem,6.5vw,5.25rem)}
.contactBand,.fundingEarly,.eventsPlatform,.purchaseCta,.referencesCta,.planningCta{padding-top:clamp(2.75rem,5vw,4rem);padding-bottom:clamp(2.75rem,5vw,4rem)}
.contactBand h2,.fundingEarly h2,.eventsPlatform h2,.purchaseCta h2,.referencesCta h2,.planningCta h2{font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.08}
.proofStrip div{padding-top:1.125rem;padding-bottom:1.125rem}
.scmScale article{min-height:7.5rem;padding-top:1.4rem;padding-bottom:1.4rem}
.scmScale strong{font-size:clamp(1.75rem,3vw,2.6rem)}
.planningScope{padding:0;background:#eef2ef;color:var(--petrol-dark)}
.planningScope>header{margin:0;padding:clamp(3rem,5.5vw,4.5rem) clamp(1.75rem,7vw,6.5625rem);background:var(--rust)}
.planningScope>div{gap:.75rem;padding:clamp(2.25rem,4.5vw,3.75rem) clamp(1.75rem,7vw,6.5625rem);border:0;background:#eef2ef}
.planningScope article,.planningScope article:nth-child(even){min-height:8.5rem;padding:1.25rem;border:1px solid #d0dad5;background:#fff;box-shadow:0 .75rem 2rem rgba(5,50,52,.045)}
.planningScope article span{color:var(--rust)}
.planningScope article svg{color:var(--rust)}
.planningScope article strong{color:var(--petrol-dark);font-size:.9rem;line-height:1.45}
.fundingNews{background:#eef2ef}
.fundingNews>header{display:grid;grid-template-columns:minmax(0,.95fr) minmax(18rem,1.05fr);gap:1.5rem clamp(2.5rem,7vw,6.25rem);align-items:end;margin-bottom:2.25rem}
.fundingNews h2{margin:0;color:var(--petrol-dark);font-size:clamp(1.7rem,2.6vw,2.35rem);font-weight:600;letter-spacing:-.047em;line-height:1.1}
.fundingNews>header>p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}
.fundingNewsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
.fundingNewsGrid article{display:flex;min-width:0;flex-direction:column;border:1px solid #ced8d3;background:#fff}
.fundingNewsGrid figure{height:13rem;margin:0;overflow:hidden;background:var(--petrol-dark)}
.fundingNewsGrid figure img{width:100%;height:100%;object-fit:cover}
.fundingNewsGrid article>div{display:flex;min-height:17rem;flex-direction:column;padding:1.4rem}
.fundingNewsGrid small{color:var(--rust);font-size:.7rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.fundingNewsGrid h3{margin:1rem 0 .75rem;font-size:1.3rem;line-height:1.2}
.fundingNewsGrid p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}
.fundingNewsGrid button{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:1rem 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--petrol);font-size:.8rem;font-weight:900}
.fundingNewsEmpty{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.6rem 1.8rem;border-left:4px solid var(--rust);background:#fff}
.fundingNewsEmpty strong{font-size:1rem}
.fundingNewsEmpty span{color:var(--muted);font-size:.875rem}
@media(max-width:820px){
.fundingNews>header{grid-template-columns:1fr}
.fundingNewsGrid{grid-template-columns:1fr 1fr}
.fundingNewsEmpty{align-items:flex-start;flex-direction:column}
.scmHero{min-height:0}
}
@media(max-width:620px){
.videoHero,.videoCopy{min-height:560px}
.aboutHeroCopy h1,.brandsHero h1,.scmHeroCopy h1{font-size:2.55rem}
.protoSection,.knowledgeLibrary,.knowledgeNews,.teamDirectory,.contactRegions,.contactWrite,.businessServicesIntro,.planningGoals,.planningTeam,.planningMeasures,.planningProcess,.planningOutput,.fundingMonitoring,.fundingHelp,.fundingPartners,.fundingProcess,.fundingNews,.eventsFormats,.eventsTopics,.eventsVideos,.eventsFaq,.purchaseMap,.referencesIntro,.referencesVideos{padding-top:3rem;padding-bottom:3rem}
.planningScope>header{padding:3rem 1.375rem}
.planningScope>div{grid-template-columns:1fr;padding:2rem 1.375rem}
.planningScope article,.planningScope article:nth-child(even){min-height:7rem}
.fundingNewsGrid{grid-template-columns:1fr}
.contactBand,.fundingEarly,.eventsPlatform,.purchaseCta,.referencesCta,.planningCta{padding-top:2.75rem;padding-bottom:2.75rem}
}
@keyframes brandRailMove{to{transform:translateX(-50%)}}

/* ---------------------------------------------------------------------------
 * THE PROTOTYPE'S OWN PALETTE, verbatim.
 *
 * We shipped the approved ANEST palette here first (teal #03505a / rust #a55c32
 * over pure-grey neutrals). Attila, 2026-09-10, after a day with both side by
 * side: "I incline to use the prototype's palette - it provides better contrast
 * and the client possibly likes it already."
 *
 * So this block is no longer an override — it is globals.css's own :root, kept
 * here only because :root is not part of the extractor's KEEP list. Copy it
 * again from the prototype if that file ever changes.
 * -------------------------------------------------------------------------*/
:root{
  --ink:#14211f;
  --muted:#5d6a66;
  --petrol:#073b41;
  --petrol-dark:#073b41;
  --mint:#dce9e7;
  --rust:#98452f;
  --paper:#fbfaf7;
  --warm:#f0eee8;
  --line:#d3dad6;
  --white:#fff;
  --shadow:0 28px 90px rgba(14,35,31,.13);
}

/* ============================================================================
 * ANEST — bridge CSS.
 *
 * Everything the prototype CANNOT supply, and nothing it can. Three kinds only:
 *   1. neutralising Flatsome layout that would fight an extracted rule
 *   2. the header bar, which is Flatsome's markup, not the prototype's
 *   3. glue for DOM shapes WordPress forces on us (ul>li menus, [hidden])
 *
 * If you find yourself copying a declaration out of globals.css into this file,
 * stop: add the selector to tools/extract-prototype-css.py instead.
 * ==========================================================================*/

/* --- 1. Flatsome layout that would fight the extracted rules -------------- */
/* The alias turns .row.category-page-row into .homagCatalog, but Flatsome's own
   row/col box model (max-width, gutters) still has to be stood down. */
body.anest-catalog #main > .row.category-page-row{width:100%;max-width:none;margin:0;padding:0}
body.anest-catalog #main > .row.category-page-row > .col{padding:0;margin:0;max-width:none;width:auto;flex:none}
/* Same job for the UX blocks we author ourselves (97 = product page, 160 =
   footer). `[col padding="0px…"]` only zeroes `.col-inner`; the `.col` keeps
   Flatsome's 15px gutter, which held the product-page sidebar 15px off the left
   edge — flush on the archive, inset on the product page — and opened a 31px
   white seam between the CTA band and the footer.
   The footer block renders OUTSIDE #main, so this must not be scoped to it. */
.col.anest-fullbleed-col,.col.anest-fullbleed-col > .col-inner{padding:0}
body.anest-catalog #shop-sidebar{padding:0;margin:0;height:100%}
body.anest-catalog .shop-page-title{padding:0;margin:0;background:#fff}
body.anest-catalog .shop-page-title .page-title-inner{max-width:none;width:100%;min-height:0}
body.anest-catalog .shop-page-title .woocommerce-result-count,
body.anest-catalog .shop-page-title .woocommerce-ordering{display:none}
body.anest-catalog .woocommerce-breadcrumb{font-size:inherit;color:inherit;text-transform:none;letter-spacing:0}
body.anest-catalog .woocommerce-breadcrumb a{color:inherit}

/* --- 2. header bar (Flatsome markup, prototype design) ------------------- */
#header .header-main{position:relative}
/* Flatsome's `.nav > li > a` (0,2,1) outranks a bare class, so the prototype's
   button metrics need the same weight or more. Measured 2026-09-11: the
   Kapcsolat control came out 90x40 with `padding:10px 0` — label and arrow
   overlapping — against the prototype's 126x48 with `padding:0 21px`.
   Declarations below are globals.css's own; see `.siteHeader .primaryButton`,
   `.utilityButton` and `.iconButton` there. */
#header .header-inner{padding-left:clamp(22px,4.5vw,68px);padding-right:clamp(22px,4.5vw,68px)}
/* Flatsome already spaces the items with `li{margin:0 9px 0 0}` plus the
   caret's own margin, so an added `gap` stacked on top: the measured gap came
   out 52px against the prototype's 34, the nav overflowed its 590px track and
   "Rólunk" wrapped onto a second line over the page. Zero Flatsome's spacing
   and let `gap` be the only source. */
#header .header-nav-main{gap:clamp(15px,2.4vw,34px);flex-wrap:nowrap}
#header .header-nav-main > li{margin:0}
#header .header-nav-main > li > a{font-weight:800;letter-spacing:.005em}
#header .header-nav-main > li > a:hover{color:var(--rust)}
#header li.cart-item{display:none}          /* prototype has no cart icon */

/* The prototype swaps the nav for a hamburger at 1180px
   (`@media(max-width:1180px){.mainNav{display:none}.menuButton{display:grid}}`),
   while keeping the utility buttons down to 760. Flatsome's own switch is fixed
   at 849px, so between 850 and 1180 we showed a desktop nav that had no room:
   "Tudástár & Hírek" wrapped and the bar grew to 71px. Port the breakpoint by
   flipping only the LEFT columns — the right-hand buttons stay, as they do in
   the prototype. */
@media(max-width:1180px){
  #header .flex-col.hide-for-medium.flex-left{display:none}
  /* Flatsome's own `.show-for-medium{display:none!important}` has to be beaten
     here; it only stands down at its fixed 849px breakpoint. */
  #header .flex-col.show-for-medium.flex-left{display:block !important}
}
/* The two rules that stood here were the hand-written header from before the
   extractor existed, and being later in the file they beat the ported ones
   above: 6vw side padding instead of the prototype's 4.5vw (38px of nav track
   lost at 1280px, enough to wrap "Tudástár & Hírek" onto a second line) and
   font-weight:500 where globals.css says 800. Removed 2026-09-11. */

#header .header-button .button{
  display:inline-flex;flex-direction:row-reverse;align-items:center;gap:7px;
  height:42px;min-height:42px;margin:0;padding:0 13px;border-radius:0;
  font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1}
#header .header-button .button i{margin:0;font-size:15px;top:0}
#header .header-button .button span{padding:0}
#header .header-button-1 .button{background-color:var(--rust);border-color:var(--rust);color:#fff}
#header .header-button-1 .button:hover{background-color:#8f4d2a;border-color:#8f4d2a;color:#fff}
#header .header-button-2 .button.is-outline{border:1px solid #ffffff70;background:transparent;color:#fff}
#header .header-button-2 .button.is-outline:hover{border-color:#fff;background:#fff;color:#101a18}

#header .header-search a.icon,#header .header-search a.icon.circle{
  display:grid;width:42px;height:42px;place-items:center;
  border:1px solid #ffffff42;background:transparent;color:#fff;
  border-radius:0 !important}                 /* Flatsome's .circle uses !important */
#header .header-search a.icon:hover,#header .header-search a.icon.circle:hover{
  border-color:#fff;background:#ffffff14}
#header .header-search a.icon i{margin:0;font-size:15px;background:transparent}

#header li.html.custom{margin-left:4px}
/* The prototype's header CTA is `.siteHeader .primaryButton`: solid WHITE on
   the dark bar, going rust on hover — not an outline. */
#header li.html .anest-hdr-contact,.anest-hdr-contact{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:48px;padding:0 21px;border:1px solid #fff;background:#fff;
  color:#101a18;font-size:12px;font-weight:800;line-height:1;
  text-transform:none;letter-spacing:0;text-decoration:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease}
#header li.html .anest-hdr-contact:hover,#header li.html .anest-hdr-contact:focus-visible{
  border-color:var(--rust);background:var(--rust);color:#fff}
.anest-hdr-contact span{font-size:15px}

/* Flatsome's form chrome inside prototype components. The prototype relies on
   a global input/button reset we do not extract, so Flatsome's inset shadow,
   bottom margin, padding and min-height leak through — which is what drew a
   second rectangle inside the catalogue search field and pushed it off-centre. */
.woodSearch input,.woodSearch input:focus{
  height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;outline:0}
.woodSearch input::-webkit-search-cancel-button,
.woodSearch input::-webkit-search-decoration{display:none}
.woodSearch button,.woodEmpty button,.loadMoreMachines{
  min-height:0;margin:0;border-radius:0;box-shadow:none;
  text-transform:none;letter-spacing:0;line-height:1.2}
.woodSearch button{padding:0;background:transparent}
.loadMoreMachines{padding:18px 22px}
.woodEmpty button{padding:0 0 5px}

/* A background video must not take the pointer. The prototype's hero iframe has
   `controls=0`, which only removes YouTube's bottom bar — the player still shows
   its title strip and the centre prev/pause/next cluster whenever the cursor is
   over it, and the hero fills the viewport, so in practice it is over it. The
   prototype has the same defect (reproduced on localhost:5173, 2026-09-11); it
   is invisible in a screenshot taken without a mouse. `.videoCopy` and
   `.videoShade` stack above the iframe, so the hero's own buttons keep working.
   Apply to any future background-video hero — .serviceHeroVideo on the Szerviz
   view has the identical embed. */
/* A háttérvideókat a Flatsome saját `.ux-youtube` viselkedése építi (lásd snippet
   26/31): a lejátszó eleve `controls:0, fs:0, showinfo:0` paraméterekkel jön létre,
   így nincs elrejtendő chrome. A prototípus `.videoLayer iframe` szabálya adja a
   méretezést és a `pointer-events:none`-t; itt csak a beavatkozást zárjuk ki
   teljesen, hogy tabbal se lehessen belekattintani. */
.videoHero .videoLayer iframe,.serviceHeroVideo iframe{pointer-events:none}
}

/* Flatsome's form chrome inside the prototype's own forms. Measured 2026-09-11
   on /kapcsolat/: every field carried Flatsome's `margin-bottom:15px` (the
   prototype spaces the grid with `gap` alone) and the textarea came out 120px
   against the prototype's 143 because Flatsome sets a height on it — together
   73px of drift in one section. Same job as the `.woodSearch input` block. */
.contactWrite input,.contactWrite select,.contactWrite textarea{
  margin:0;height:auto;border-radius:0;box-shadow:none}
.contactWrite button{min-height:48px;margin:0;border-radius:0;box-shadow:none;
  text-transform:none;letter-spacing:0;line-height:1}

/* --- 3. glue for WordPress DOM shapes ------------------------------------ */
/* Prototype components set display:flex/grid, which beats the UA [hidden] rule. */
.machineList > article[hidden],.machineList > a[hidden],
.machineGroup[hidden],.woodEmpty[hidden],
.loadMoreMachines[hidden],.woodSearch button[hidden]{display:none !important}

/* A WP submenu must be <ul><li>; display:contents dissolves the <li> so the
   panel's two children become the grid items .aboutDropdown expects. */
/* The panel spans the whole header, so every ancestor between it and
   .header-main must stop being a positioning context (Flatsome makes the <li>
   and the nav <ul> relative — that pinned the panel to 688px). */
#header li[class*=anest-panel-],#header .header-nav-main,#header .nav-left,#header .nav{position:static}
/* Flatsome positions dropdowns itself and fights every one of these:
     - flatsome.js centres them under the trigger with an inline
       `transform: translateX(-Npx)` and a `margin-left`, which drags a
       full-width panel clean off the left edge (opacity was 1 the whole time —
       only the caret stayed in view, which is exactly what it looked like);
     - a mega-menu dropdown is `position:fixed`, so `top:100%` resolved against
       the viewport and put the panel at y=900 instead of under the header.
   The prototype's own values have to win, hence !important on the four
   properties Flatsome sets and nothing else. */
#header .aboutDropdown,
#header .blogDropdown,
#header .solutionsDropdown,
#header .serviceDropdown,
#header .megaMenu{
  padding:0;border-radius:0;
  /* max-width is the sneaky one: getComputedStyle reported "none" while the
     panel still capped at 1150px, and only an !important lifted it to the full
     1680. Do not trust the computed value here — measure the box. */
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  /* Flatsome sets display:flex on .nav-dropdown, which silently beat the
     prototype's `.aboutDropdown{display:grid}` — the two panes were then
     content-sized flex items (512+733 of 1680) instead of the 0.72fr/1.28fr
     columns. The tell: getComputedStyle returned the AUTHORED
     grid-template-columns instead of used px tracks, i.e. it was never a grid. */
  display:grid !important;
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  right:0 !important;
  margin:0 !important;
  transform:none !important}
#header .aboutDropdown > li.anest-contents,
#header .blogDropdown > li.anest-contents,
#header .solutionsDropdown > li.anest-contents,
#header .serviceDropdown > li.anest-contents,
#header .megaMenu > li.anest-contents{display:contents}
/* Flatsome draws a little caret above every dropdown; the prototype panel has none. */
#header .aboutDropdown:before,#header .aboutDropdown:after,
#header .blogDropdown:before,#header .blogDropdown:after,
#header .solutionsDropdown:before,#header .solutionsDropdown:after,
#header .serviceDropdown:before,#header .serviceDropdown:after,
#header .megaMenu:before,#header .megaMenu:after,
#header li[class*=anest-panel-]:before,#header li[class*=anest-panel-]:after{display:none !important}

/* Flatsome colours links inside .nav-dropdown at a higher specificity than the
   prototype's `.blogDropdownAll{color:#fff}`, leaving grey-on-rust. */
#header .nav-dropdown a.blogDropdownAll,
#header .nav-dropdown a.blogDropdownAll:hover{color:#fff}
/* …and display:block, which makes the prototype's align-items/space-between
   inert: the label sat at the top of the rail with the arrow glued to it. */
#header .nav-dropdown a.blogDropdownAll{display:flex}

/* megaTop's search is a real WP form, not a bare label — reset Flatsome's
   form chrome the same way the catalogue search needed it. */
#header .megaTop form{display:contents}
#header .megaTop input[type=search],#header .megaTop input[type=search]:focus{
  height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;outline:0;color:inherit;font:inherit}
#header .megaContent[hidden]{display:none !important}

/* The client's own qualifier on a non-confirmed machine<->software pairing
   (snippet 22). The prototype has no equivalent because its data had no
   confidence dimension — ours does, and flattening it would mislead. */
.relatedSoftwareCard .anest-link-nature{
  display:block;margin:10px 0 0;color:var(--muted);font-size:11px;font-style:normal;
  line-height:1.4;opacity:.85}
.relatedSoftwareCard[data-strength="possible"] .softwareCardCopy small{opacity:.75}

/* The hedged remainder of the same join table. 91% of the client's 1014 links
   are „Konfigurációfüggő lehetőség" or „Lehetséges munkafolyamat-kapcsolat", and
   accord nst alone has 13 of them — as cards that was 1888px of near-identical
   Maestro tiles. They stay linked, below the grid, at sentence weight. */
.anest-link-more{
  max-width:860px;margin:26px 0 0;color:var(--muted);font-size:13px;line-height:1.7}
.anest-link-more strong{color:var(--ink);font-weight:800}
.anest-link-more a{color:var(--petrol);text-decoration:underline;text-underline-offset:2px}
.anest-link-more a:hover{color:var(--rust)}

/* The three filter dimensions on the product page (snippet 24). ANEST's own
   block — the prototype has no equivalent — so it borrows the prototype's
   section grammar and tokens rather than inventing a look. */
/* The prototype's own sections put their body 40px below `.productSectionHead`
   (`.productDetailClean .productSpecSingle .specTable{margin-top:40px}`); without
   it the three dimension labels sat flush against the h2. */
.anest-dim-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:40px}
.anest-dim-group small{display:block;margin-bottom:12px;color:var(--rust);font-size:10px;
  font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.anest-dim-chips{display:flex;flex-wrap:wrap;gap:8px}
.anest-dim-chips a{display:inline-flex;padding:7px 13px;border:1px solid var(--line);
  background:#fff;color:var(--petrol);font-size:13px;line-height:1.3;text-decoration:none;
  transition:background .18s ease,color .18s ease}
.anest-dim-chips a:hover{background:var(--petrol);border-color:var(--petrol);color:#fff}
@media (max-width:900px){.anest-dim-grid{grid-template-columns:1fr;gap:24px}}

/* Headings in the prototype's DARK bands.
   The prototype sets `color:white` on the band and lets headings inherit it.
   Flatsome gives every h2/h3/strong an explicit `#333`, which wins over
   inheritance — so the CTA and service bands rendered near-black on teal.

   Keep this list MINIMAL. The prototype styles `.serviceProofs strong`
   (rust), `.serviceProofs span` and `.servicePromiseIntro > p` explicitly; a
   blanket `color:inherit` here sits AFTER the extracted rules and silently
   turned the rust proof titles white. Only elements the prototype leaves to
   inheritance belong here. */
/* The prototype's two GLOBAL resets, which the extractor deliberately leaves
   behind because they are too broad to apply site-wide:
       body{color:var(--ink)}   button,a{color:inherit;font:inherit}
   Without them `color:inherit` on a heading resolves to Flatsome's body #0c0c0c
   instead of --ink, and every prototype card — a <button> there, an <a> here —
   picks up the theme's link colour (`.worldCard h3` measured #03505a, the OLD
   ANEST teal). Scoped to `anest-proto`, i.e. the views whose whole content is
   prototype markup; `:where()` keeps the link rule at a bare `a`'s specificity
   so every component's own colour still wins. */
body.anest-proto,body.anest-ink{color:var(--ink)}
:where(body.anest-proto) a,:where(body.anest-ink) a{color:inherit}

.contactBand h2,.servicePromise h2,
/* …and the same on the home page, where it is systematic: the prototype paints
   the BAND (`.videoHero{color:#fff}`, `.splitImage`-side dark grounds) and lets
   every heading inherit. Measured 2026-09-11 — all nine of these computed to
   Flatsome's #333 against the prototype's #fff / --ink. Each was checked in
   globals.css first: none of them sets `color` itself, so `inherit` cannot
   clobber an authored value (the way a blanket rule once whitened the rust
   `.serviceProofs strong`). */
.videoCopy h1,.sectionIntro h2,.brandPreviewHead h2,.worldCard h3,
.splitCopy h2,.caseLarge h3,.caseAside article h3,.newsletterCopy h2,
.faqIntro h2{color:inherit}
/* A prototípus `.midCategoryHelp{background:var(--petrol-dark);color:#fff}`
   sávjában a h2 NEM deklarál színt, tehát örökölné a fehéret — a Flatsome
   `h1,h2,h3{color:#333}` viszont rétegen kívüli, és veri az öröklést. */
.midCategoryHelp h2{color:inherit}

/* A szerviz-aloldalak egyedi blokkjai (2026-09-17). Ellenőrizve a globals.css-ben:
   `.glueTankVideo` maga festi a sávot (`background:var(--petrol-dark);color:#fff`),
   a H3-nak NINCS saját színe — Flatsome #333-mal felülírta, alig olvashatóan.
   A `.glueTankSignals h3` viszont deklarálja a `--petrol-dark`-ot, ezért az NEM
   kerül ide; a `.serviceDetailProcess h3` világos alapon inherittel jó. */
.glueTankVideo h3{color:inherit}

/* Ugyanez a csapda a márka- és szervizoldalakon (2026-09-14). Ezek a nézetek
   nem kapják meg a `body.anest-proto` osztályt — az a szervizsávos láblécet
   kapcsolja —, tehát a globális `body{color:var(--ink)}` sem véd. A sötét
   alapokon ez olvashatatlan volt: a Hybrid PC oldal H1-e #333 volt petrolon,
   az „ANEST-kapcsolódás" H2 szintén #333 ruszton. Mindegyiket ellenőriztem a
   globals.css-ben: egyik sem állít saját `color`-t. */
.purchaseStepCard h3,.serviceHubCopy h1,
.serviceDetailHero h1,.serviceDetailPortal h2,.serviceDetailBody article h2,
.brandDetailAnest h2,.scmAnest h2,.brandDetailRelated h2,
.brandDetailAbout h2,.brandDetailExpertise h2,.brandDetailUseCases h2,
.partnerBrandHeroCopy h2,.scmHeroCopy h1,.scmIntro h2,.scmPortfolio h2,
.scmDigitalCopy h2,.scmHistory h2,.scmFaqIntro h2{color:inherit}

/* The service band is part of the FOOTER in the prototype — `Footer` renders it
   as `.footerLead.servicePromise` and `compactFooter` is the variant used when
   it is hidden. We had it backwards: a standalone section on the product page
   with a hand-faked dark ground, which left a black stub under the teal card
   (`.footerLead{padding-bottom:55px}` + a border the footer version removes)
   and bled the card full-width because it was missing the footer's gutter.
   It now renders inside block 160, so the prototype's own rules apply and the
   only thing left here is the compact toggle. */
body.anest-compact-footer .siteFooter{padding-top:42px}

/* Client-required disclaimer on every product page (snippet 21). */
.anest-spec-disclaimer{
  margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line);
  color:var(--muted);font-size:12px;line-height:1.55;max-width:46em}

/* The prototype's footer entries are SPA buttons; ours are real links. */
.footerGrid p a{color:inherit;text-decoration:none;transition:color .18s ease}
.footerGrid p a:hover,.footerGrid a.footerLink:hover{color:var(--rust)}
.footerGrid a.footerLink{margin-right:16px;text-decoration:none}  /* egymás utáni linkek: a jelölésben nincs köztük szóköz, összeértek (2026-10-15) */

/* Flatsome prints its own copyright strip below the footer block; the prototype
   ends on `.footerBottom`, which block 160 now renders itself. */
.absolute-footer{display:none}
/* The sticky product bar is fixed, so the last footer row would sit under it. */
body.single-product .siteFooter .footerBottom{padding-bottom:72px}

/* „Részletes műszaki adatok" — a prototípus `.specTable button`-ja, <details>-re
   fordítva, hogy JS nélkül is nyíljon és a teljes tábla indexelhető maradjon.
   Szándékos eltérés a korábbi „nincs harmonika" szabálytól: az ügyfél 2026-09-08-i
   prototípusa maga rajzolja így. */
.specTable > details.anest-spec-more{border-bottom:2px solid var(--ink)}
.specTable > details.anest-spec-more > summary{
  display:flex;width:100%;align-items:center;justify-content:space-between;
  padding:21px 3px;border:0;background:transparent;color:var(--petrol);
  font-size:12px;font-weight:900;cursor:pointer;list-style:none}
.specTable > details.anest-spec-more > summary::-webkit-details-marker{display:none}
.specTable > details.anest-spec-more > summary svg{transition:transform .18s ease}
.specTable > details.anest-spec-more[open] > summary svg{transform:rotate(180deg)}
.specTable > details.anest-spec-more > div:last-child{border-bottom:0}
/* A gép adatai néha nem tábla, hanem szabad szöveg. Ilyenkor NEM kapja meg a
   `specTable` osztályt, mert a flex szabályok szétszednék a bekezdéseket. */
.anest-spec-raw{margin-top:40px;color:var(--ink);font-size:14px;line-height:1.7}
.anest-spec-raw table{width:100%;border-collapse:collapse}

/* The rust model suffix in the product H1.
   `.productHeroIntro h1{letter-spacing:-.085em}` resolves against the H1's own
   80px to -6.8px, and letter-spacing INHERITS as an absolute length — so the
   <em>, at `font-size:.55em` (44px), gets -6.8px = -15.5% tracking instead of
   the -8.5% the prototype intends. Invisible on its sample suffix ("nst"),
   crushing on a two-letter one: "action fl" rendered as a single blot.
   Restate it in the em's OWN units so it scales; the value is unchanged. */
.productHeroIntro h1 em,.woodHeroCopy h1 em,.midCategoryHero h1 em,.videoCopy h1 em{
  letter-spacing:-.085em}

/* A prototípus <button>-jai, amelyeket mi <a>-ként renderelünk (lásd az
   extractor LINKIFY listáját). Egy <button> a tartalmát alapból középre teszi
   függőlegesen és vízszintesen is; egy <a> nem. Ezeknél az osztályoknál a
   globals.css NEM ad `display`-t — épp mert a gombelemre támaszkodik —, így
   nálunk a 12px-es felirat a 46px-es doboz TETEJÉN ült: a Szerviz hub „Áraink"
   gombja 2026-09-14-én pontosan így nézett ki. Amelyik osztály maga is ad
   `display:flex`/`inline-flex`-et (sparePartsMailButton, serviceSidePriceButton,
   businessServiceBack, textButton), az érintetlen marad. */
a.serviceOutlineButton,a.customerPortalButton,a.servicePriceMenuButton,
a.brandBack,a.serviceBack{
  display:inline-flex;align-items:center;justify-content:center;gap:8px}

/* A Szerviz hub záró CTA-ja. Két külön sérülés, mindkettő abból, hogy a
   prototípus <button>-ja nálunk <a>:
     - szélesség: egy <button> `display:flex` mellett is a tartalmához zsugorodik
       (belső méretezésű űrlapelem), egy <a> viszont kitölti a sort — a gomb
       730px széles lett a 48px magas doboz helyett;
     - szín: a `.serviceFinalCta a{color:var(--petrol)}` szabály a JOBB oldali
       kontaktkártya linkjeinek szól, ahol a prototípusban is <a> van. A CTA ott
       <button>, tehát nem kapta meg — nálunk igen, így petrol felirat került a
       rust alapra.
   Csak ezt az egy helyet érinti: máshol az `.accentButton` szülője flex, és az
   `align-self:flex-start` elvégzi a dolgát (ellenőrizve 6 oldalon). */
.serviceFinalCta > div:first-child > a.accentButton{
  width:fit-content;color:#fff}

/* Megoldáskereső — harmonika. A prototípusban a négy sor halott <button>, itt
   <details>/<summary>, hogy JS nélkül nyíljon. A `.worldCard` rács a SUMMARY-n
   marad, így a prototípus szabályai (grid, hover, border-bottom) változatlanul
   érvényesek; a <details> csak hordozó. A marker eltüntetése kell, különben a
   böngésző kis háromszöget tesz a 01/02/03 sorszám elé. */
.worldGrid .anest-world{border-bottom:1px solid var(--line)}
.worldGrid .anest-world > summary.worldCard{border-bottom:0;cursor:pointer;list-style:none}
.worldGrid .anest-world > summary.worldCard::-webkit-details-marker{display:none}
.worldGrid .anest-world[open] > summary.worldCard{background:var(--mint)}
.worldGrid .anest-world[open] > summary.worldCard svg{transform:rotate(90deg)}
.worldGrid .anest-world > summary.worldCard svg{transition:transform .18s ease}

/* A lenyíló választék. A chipek a prototípus `.subcategoryFilter` gombjainak
   formáját követik, hogy ne legyen új vizuális nyelv. A <b> a termékszám —
   ettől lesz őszinte a lista: látszik, hogy melyik mögött van valódi kínálat. */
/* Sima nyitás/zárás. A `<details>` magától ugrik; a `grid-template-rows`
   0fr -> 1fr átmenet az egyetlen széles körben működő módja annak, hogy ismeretlen
   magasságú tartalmat animáljunk. A záráshoz kis JS is kell (26-os snippet), mert
   a böngésző az `open` levételekor azonnal elrejti a tartalmat. */
.worldGrid .anest-world > .anest-world-options{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .34s cubic-bezier(.22,.61,.36,1)}
.worldGrid .anest-world[open] > .anest-world-options{grid-template-rows:1fr}
.worldGrid .anest-world.is-closing > .anest-world-options{grid-template-rows:0fr}
/* A rács eleme NEM viselhet paddingot: a `0fr` sor a tartalom min-content
   magasságára húzódik, és a padding abba beleszámít — a csukott sor emiatt
   30px-en ragadt. Ezért külön vágó réteg: ez a rács eleme (padding nélkül),
   és a belső doboz hordozza a térközt. */
.worldGrid .anest-world-clip{overflow:hidden;min-height:0}

/* A prototípus `.worldCard:hover` 15px-et tol a bal paddingen ÁTMENET NÉLKÜL,
   amitől a sor ugrik. Nyitható sornál ez zavaró, ezért kap egy rövid átmenetet —
   a végállapot változatlan. */
.worldGrid .worldCard{transition:padding-left .18s ease,background-color .18s ease}

.anest-world-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 5px 26px}
.anest-world-chips a{
  display:inline-flex;align-items:center;gap:8px;padding:9px 13px;
  border:1px solid var(--line);background:#fff;color:var(--petrol);
  font-size:13px;font-weight:700;text-decoration:none;
  transition:background .16s ease,border-color .16s ease,color .16s ease}
.anest-world-chips a:hover,.anest-world-chips a:focus-visible{
  border-color:var(--petrol);background:var(--petrol);color:#fff}
.anest-world-chips a > b{color:var(--rust);font-size:11px;font-weight:900}
.anest-world-chips a:hover > b,.anest-world-chips a:focus-visible > b{color:#fff}
@media(max-width:760px){.anest-world-chips{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){
  .worldGrid .anest-world > .anest-world-options,
  .worldGrid .worldCard{transition:none}
}


/* --- Ajánlatkérő lista (snippet 38) ------------------------------------- */
/* A prototípus `.primaryButton` szabálya már inline-flex, de a <button> nem
   örökli a betűcsaládot, és nincs mutató kurzora. */
/* A Flatsome gomb-alapstílusa `margin-right:12px` + `margin-bottom:12px`-ot ad
   MINDEN <button>-nak. A prototípus gombjai <a>-k voltak, ezért ez eddig nem
   jött elő. A margó miatt a kártyán a gomb nem ért ki a jobb szélig (11px-cel
   beljebb ült, mint a fölötte lévő szövegblokk), és a gombsor 12px-cel
   magasabb lett a kelleténél. A betűcsalád és a kurzor ugyanígy hiányzik. */
button.primaryButton,button.outlineButton,button.accentButton,button.lightButton,
.anest-quote-add,.midMachineQuote{
  margin:0;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
.anest-quote-add.is-in-list{border-color:var(--rust);background:var(--rust);color:#fff}
.anest-quote-add.is-in-list svg{transform:rotate(45deg)}
.anest-quote-add svg{transition:transform .18s ease}

/* Flatsome `#header li.html a` (1,0,2) veri a puszta osztályt, ezért az
   ajánlatkérő linknek is meg kell adni a fejléc-kontextust — ugyanaz a
   minta, mint a `.anest-hdr-contact`-nál. Enélkül `display:block` marad,
   és a darabszám a felirat alá csúszik. */
#header li.html .anest-hdr-quote,.anest-hdr-quote{display:inline-flex;flex:0 0 auto;
  align-items:center;gap:8px;margin-right:12px;white-space:nowrap;
  color:#fff;font-size:13px;font-weight:800;text-decoration:none;
  transition:color .18s ease}
#header li.html .anest-hdr-quote:hover,#header li.html .anest-hdr-quote:focus-visible{
  color:var(--rust)}
.anest-hdr-quote .anest-quote-count{display:inline-flex;min-width:20px;height:20px;
  align-items:center;justify-content:center;padding:0 6px;border-radius:999px;
  background:var(--rust);color:#fff;font-size:11px;line-height:1}

.anest-quote-intro h1{max-width:900px;margin:0;color:var(--petrol-dark);
  font-size:clamp(2.1rem,3.9vw,3.5rem);font-weight:600;letter-spacing:-.06em;line-height:1.04}
.anest-quote-intro p:last-child{max-width:640px;margin:22px 0 0;color:var(--muted);
  font-size:16px;line-height:1.7}
/* A két szakasz egymás alatti `protoSection` kitöltése összeadódna. */
.anest-quote-intro{padding-bottom:0}
.anest-quote-list-section{padding-top:clamp(28px,3vw,40px)}

.anest-quote-empty{display:grid;justify-items:start;gap:10px;padding:clamp(28px,4vw,44px);
  border:1px dashed var(--line);background:var(--mint)}
.anest-quote-empty p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.anest-quote-empty .outlineButton{margin-top:14px}

.anest-quote-list{display:grid;gap:14px}
.anest-quote-item{display:grid;grid-template-columns:84px 1fr auto;gap:18px;align-items:center;
  padding:14px 18px;border:1px solid var(--line);background:#fff}
.anest-quote-item img,.anest-quote-noimg{width:84px;height:64px;object-fit:cover;
  background:var(--mint)}
.anest-quote-item small{display:block;color:var(--rust);font-size:11px;font-weight:850;
  letter-spacing:.09em;text-transform:uppercase}
.anest-quote-item h3{margin:4px 0 0;color:var(--ink);font-size:17px;font-weight:600;line-height:1.3}
.anest-quote-item h3 a{color:inherit;text-decoration:none}
.anest-quote-item h3 a:hover{text-decoration:underline}
.anest-quote-remove{border:1px solid var(--line);background:#fff;color:var(--muted);
  padding:9px 14px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.anest-quote-remove:hover{border-color:var(--rust);color:var(--rust)}

/* Kötelező mezők jelölése az ajánlatkérőn. A csillag a címke szövegéhez tapad,
   ezért `abbr`: képernyőolvasónak a `title` mondja meg, mit jelent. */
.anest-quote-lbl{display:block}
.anest-req{margin-left:3px;border:0;color:#e0876a;font-weight:700;text-decoration:none;cursor:help}
.anest-quote-reqnote{grid-column:1/-1;margin:0 0 -4px;color:#c9d9d6;font-size:12px;font-weight:500}

/* A mézesbödön mező nem `display:none`: azt egyes botok felismerik. */
.anest-quote-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.anest-quote-consents{display:flex;flex-direction:column;gap:12px}
.anest-quote-consent{display:flex;flex-direction:row !important;align-items:flex-start;gap:10px;
  margin:0;color:#c9d9d6;font-size:12px;font-weight:500;line-height:1.5}
/* A Flatsome 16px alsó margót ad minden inputnak; több jelölőnégyzetnél ez
   szétcsúsztatja a sorokat, ezért itt a `gap` viszi a ritkítást. */
.anest-quote-consent input{flex:0 0 auto;width:auto;min-height:0;margin:2px 0 0}
.anest-quote-consent > span{flex:1 1 auto}
.anest-quote-consent a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.anest-quote-consent a:hover{color:#fff;opacity:.8}
.anest-quote-status{grid-column:1/-1;margin:0;min-height:1.2em;font-size:13px;font-weight:700}
/* A Kapcsolat űrlap ugyanazt a visszajelzést kapja, mint az ajánlatkérő. */
.anest-msg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.anest-msg-status{grid-column:1/-1;margin:0;min-height:1.2em;color:#c9d9d6;font-size:13px;font-weight:700}
.anest-msg-status.is-error{color:#ffb4a2}
.anest-msg-status.is-ok{color:#9fe3c9}
.anest-quote-status.is-error{color:#ffb4a2}
.anest-quote-status.is-ok{color:#9fe3c9}

@media(max-width:700px){
  .anest-quote-item{grid-template-columns:64px 1fr;row-gap:12px}
  .anest-quote-item img,.anest-quote-noimg{width:64px;height:50px}
  .anest-quote-remove{grid-column:1/-1;justify-self:start}
}
/* A prototípus `.midMachineCopy a` szabálya MINDEN linkre ráfut a kártyában:
   `margin-top:auto` + felső elválasztó vonal + 17px felső padding. Amikor a
   „Részletek" link bekerült egy sorba az ajánlatkérő gombbal, ezek a szabályok a
   soron BELÜL érvényesültek: a vonal csak a link szélességéig ért, a gomb külön
   sorba csúszott, és a sor már nem tapadt a kártya aljához. Ezért a sor veszi át
   a pozicionálást, a linkről pedig le kell venni. */
/* `nowrap`: a becsomagolt hipotetikus szélességek (a gomb max-contentje a
   betűköz miatt nagyobb a renderelt szélességénél) 3 oszlopos rácsban épp
   átbillentették a sort két sorba. A gomb nem zsugorodhat, a link igen — az
   „Részletek" fix szöveg, nem tud elcsúszni. */
.midMachineActions{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;
  justify-content:space-between;margin-top:auto;padding:17px 0 0;
  border-top:1px solid var(--line)}
.midMachineCopy .midMachineActions a.midMachineLink{
  flex:0 1 auto;min-width:0;margin-top:0;padding:0;border-top:0;gap:8px;
  justify-content:flex-start;white-space:nowrap}
.midMachineQuote{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;
  padding:8px 11px;white-space:nowrap;
  border:1px solid var(--line);background:#fff;color:var(--muted);
  font:inherit;font-size:11px;font-weight:850;letter-spacing:.03em;cursor:pointer}
.midMachineQuote:hover{border-color:var(--petrol);color:var(--petrol)}
.midMachineQuote.is-in-list{border-color:var(--rust);background:var(--rust);color:#fff}
.midMachineQuote.is-in-list svg{transform:rotate(45deg)}
.midMachineQuote svg{width:14px;height:14px;transition:transform .18s ease}

/* A `[hidden]` a böngésző alapstílusában `display:none`, amit BÁRMELYIK saját
   `display` szabály felülír. Az ajánlatkérő minden állapotváltása `el.hidden`-nel
   megy, ezért itt vissza kell erősíteni. */
.anest-quote-page [hidden],.anest-hdr-quote[hidden]{display:none !important}

/* A fejléc egyetlen szabad slotjában két link ül (Ajánlatkérő + Kapcsolat);
   flex nélkül külön sorba törnek. */
#header li.html:has(.anest-hdr-quote){display:flex;align-items:center;gap:6px}

/* --- Mobil: szűrőfiók és hosszú címsorok ------------------------------- */
/* A prototípus 760px alatt `display:none`-ra teszi a szűrőpanelt, és a SAJÁT
   `.filtersOpen` osztályával nyitja (`.mobileFilterToggle`). Nálunk a „Szűrés"
   gomb a Flatsome off-canvas fiókját nyitja, ami ugyanazt az elemet mutatja —
   a fiókon belül tehát vissza kell kapcsolni, különben a fiók ÜRESEN nyílik
   (a tartalom ott van a DOM-ban, csak rejtve). */
.mfp-content .homagFilters,.off-canvas .homagFilters{display:block}
.mfp-content .anest-filter-panel{min-height:100%}

/* A prototípus mobil címsora fix 48px, és sosem találkozott ilyen hosszú magyar
   összetett szóval: a „megmunkálóközpontok" min-content szélessége 468px, ami
   404px-es kijelzőn kilóg és levágódik. Elválasztás a nyelvi szabály szerint,
   `break-word` pedig garancia, ha a böngészőnek nincs magyar szótára. */
@media(max-width:760px){
  .midCategoryHero h1,.categoryHero h1,.woodHeroCopy h1,.productHeroIntro h1,
  .serviceHubCopy h1,.brandsHero h1,.scmHeroCopy h1,.aboutHeroCopy h1,
  .knowledgeHero h1,.anest-quote-intro h1,.midMachineCopy h3{
    hyphens:auto;overflow-wrap:break-word}
}

/* Lebegő ajánlatkérő gomb — a fejléc linkje a Flatsome desktop navigációjában ül,
   amit mobilon elrejt a téma. z-index 999: a szűrőfiók (1042+) fölé NE kerüljön. */
.anest-quote-fab{position:fixed;z-index:999;right:16px;
  bottom:calc(16px + env(safe-area-inset-bottom,0px));
  display:inline-flex;align-items:center;gap:9px;padding:13px 17px;border:0;
  background:var(--rust);color:#fff;font-size:13px;font-weight:850;
  text-decoration:none;box-shadow:0 8px 24px rgba(20,33,31,.28)}
.anest-quote-fab:hover,.anest-quote-fab:focus-visible{color:#fff}
.anest-quote-fab[hidden]{display:none !important}
.anest-quote-fab .anest-quote-count{display:inline-flex;min-width:20px;height:20px;
  align-items:center;justify-content:center;padding:0 6px;border-radius:999px;
  background:#fff;color:var(--rust);font-size:11px;font-weight:900;line-height:1}
/* Terméklapon a sticky sáv (68px) foglalja az alját. */
body:has(.stickyProductBar) .anest-quote-fab{bottom:calc(92px + env(safe-area-inset-bottom,0px))}

/* --- Flatsome `a:hover` a prototípus gombjain -------------------------- */
/* A Flatsome globális `a:hover{color:#111}` szabálya (0,1,1) veri a puszta
   osztályt (0,1,0), és a prototípus gombjai <a>-k — így a főoldali sötét videón
   a másodlagos CTA hoverkor FEKETE lett, gyakorlatilag olvashatatlanul.
   A prototípus ezeknél az osztályoknál NEM definiál hovert, tehát a gomb a saját
   színét kell tartsa. (Amiknél VAN saját hover — serviceOutlineButton,
   sparePartsMailButton, footerLink —, azokhoz nem nyúlunk.) */
a.accentButton:hover,a.accentButton:focus-visible,
a.brandBack:hover,a.brandBack:focus-visible,
a.businessServiceCta:hover,a.businessServiceCta:focus-visible,
a.contactTextLink:hover,a.contactTextLink:focus-visible,
a.customerPortalButton:hover,a.customerPortalButton:focus-visible,
a.primaryButton:hover,a.primaryButton:focus-visible,
a.referencesCta:hover,a.referencesCta:focus-visible,
a.videoTextButton:hover,a.videoTextButton:focus-visible{color:#fff}

a.brandPreviewCta:hover,a.brandPreviewCta:focus-visible,
a.lightButton:hover,a.lightButton:focus-visible,
a.outlineButton:hover,a.outlineButton:focus-visible,
a.midMachineLink:hover,a.midMachineLink:focus-visible{color:var(--petrol)}

a.serviceBack:hover,a.serviceBack:focus-visible{color:#afc5c1}
a.businessServiceBack:hover,a.businessServiceBack:focus-visible{color:#d3dfdd}

/* Háttérvideók: a méretezést a prototípus `.videoLayer iframe` szabálya adja.
   Itt csak a beavatkozást zárjuk ki. A YouTube a lejátszó indulásakor ~2 mp-ig
   kirakja a saját kerek gombjait az iframe közepére — ezen sem a `controls=0`,
   sem a `pointer-events`, sem a Flatsome `.ux-youtube` konfigja nem segít
   (mindhármat kimértük). Geometriai kitakarás (nagyítás + eltolás) elrejtené,
   de tönkreteszi a képkivágást, ezért NEM csináljuk. */
.videoHero .videoLayer,.serviceHeroVideo{
  background-position:50% 50%;background-size:cover;background-repeat:no-repeat}
.videoHero .videoLayer iframe,.serviceHeroVideo iframe{pointer-events:none}

/* --- Hírlevélűrlap: Flatsome űrlap-chrome kizárása ---------------------- */
/* A prototípus 58px-es sorában az input és a gomb is a Flatsome alapstílusát
   hozza: `margin-bottom:16px` az inputon, `margin:0 13px 13px 0` a gombon, plusz
   fix magasság. Emiatt egyik sem tölti ki a sort, a gomb pedig 13px-cel beljebb
   ült a keret jobb szélétől. Ugyanaz a szivárgás, mint a kártyagomboknál. */
.newsletterInputRow input,.newsletterInputRow button{
  margin:0;min-height:0;height:auto;align-self:stretch;
  border-radius:0;box-shadow:none;font-family:inherit}
.newsletterInputRow input:focus{box-shadow:inset 0 0 0 2px var(--petrol)}
.newsletterInputRow button{cursor:pointer;-webkit-appearance:none;appearance:none}
.newsletterConsent input[type=checkbox]{margin:1px 0 0;box-shadow:none}
/* Visszajelzés a feliratkozásra. */
.newsletterStatus{margin:14px 0 0;min-height:1.2em;font-size:13px;font-weight:700}
.newsletterStatus.is-ok{color:#1d7a5f}
.newsletterStatus.is-error{color:#a8402c}
.newsletterHp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* --- Tudástár és hírek: a kis kártyák egésze kattintható ---------------- */
/* A prototípusban a három oldalsó kártyán MAGÁN van az esemény
   (`<article onClick=…>`), nálunk viszont csak a kis „Elolvasom" link vitt
   tovább — a kártya többi része halott volt. Nyújtott link: egyetlen valódi
   <a> marad (akadálymentesség és SEO szempontjából ez a helyes), de a
   találati felület a teljes kártya. A nagy videós kártyán a prototípusban is
   csak a gomb kattintható, azt nem bántjuk. */
.caseAside article{position:relative;cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease}
/* A linket NEM tesszük `position:relative`-re: az `inset:0` a legközelebbi
   POZICIONÁLT őshöz igazodik, tehát pozicionált linknél csak saját magát
   takarta volna. Így viszont a kártyát fedi le. */
.caseAside article > a::after{position:absolute;inset:0;content:""}
.caseAside article:hover,.caseAside article:focus-within{
  transform:translateY(-3px);box-shadow:0 16px 36px rgba(7,59,65,.22)}
.caseAside article h3{transition:opacity .18s ease}
.caseAside article:hover h3{opacity:.85}

/* --- Szerviz bejelentőlapok (snippet 41) -------------------------------- */
/* A prototípus űrlapjai `preventDefault()`-osak, így státuszsort és mézesbödönt
   nem tartalmaztak — ezeket a mi működő változatunk teszi hozzá. */
.anest-srvreq-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.anest-srvreq-status{margin:0 0 .75rem;min-height:1.2em;font-size:.85rem;font-weight:700}
.anest-srvreq-status.is-ok{color:#9fe3c9}
.anest-srvreq-status.is-error{color:#ffb4a2}
/* Flatsome űrlap-chrome kizárása a prototípus mezőiből (ugyanaz a szivárgás,
   mint a hírlevélnél): fix magasság és alsó margó minden inputon. */
.glueTankRequest input,.glueTankRequest select,.glueTankRequest textarea,
.spindleRequest input,.spindleRequest select,.spindleRequest textarea{
  margin:0;min-height:0;box-shadow:none;font-family:inherit}
.glueTankRequest button,.spindleRequest button{margin:0;font-family:inherit;cursor:pointer}
.glueTankRequest input[type=checkbox],.glueTankRequest input[type=radio],
.spindleRequest input[type=checkbox],.spindleRequest input[type=radio]{width:auto;height:auto}

/* A prototípus `<button>`-jai nálunk `<a>`-k (valódi céllal), a CSS viszont
   `button`-ra szól. Lásd a gomb-mint-link szabályt: saját `display` nélkül
   az `<a>` elveszti a natív igazítást, a Flatsome `a:hover{color:#111}` pedig
   olvashatatlanná tenné a sötét háttéren. */
.woodSupportPrimary a{align-self:flex-start;margin-top:auto;padding:0 0 5px;
  border-bottom:1px solid #fff;color:#fff;font-size:13px;font-weight:900;
  text-decoration:none}
.midCategoryHelp a{display:inline-flex;align-self:flex-start;align-items:center;
  gap:9px;padding:14px 17px;background:var(--rust);color:#fff;font-size:13px;
  font-weight:900;text-decoration:none}
.woodSupportPrimary a:hover,.woodSupportPrimary a:focus-visible,
.midCategoryHelp a:hover,.midCategoryHelp a:focus-visible{color:#fff}
.servicePricingCta a:hover,.servicePricingCta a:focus-visible{color:var(--petrol-dark)}
.servicePricingNav a:hover,.servicePricingNav a:focus-visible{color:var(--rust)}

/* Az Áraink kalkulátora ugyanazt a Flatsome-szivárgást kapja, mint a
   bejelentőlapok: fix magasság és alsó margó minden mezőn. */
.serviceCalculatorPanel input,.serviceCalculatorPanel select{
  margin:0;min-height:0;box-shadow:none;font-family:inherit}

/* A prototípus rozsda hátterű sávjain az eyebrow rendszerint `#fff` + .78 opacity
   (lásd `.regionalServicePlan .eyebrow`). Három sávnál ezt elfelejtették megadni,
   így a rozsda szöveg rozsda háttéren LÁTHATATLAN. Ugyanaz a prototípus-hiba,
   mint a `.trainingResilience` eyebrow-jánál — a saját konvenciójával javítva. */
.servicePricingCta .eyebrow,.fundingEarly .eyebrow,.planningMeasures>header .eyebrow{
  color:#fff;opacity:.78}

/* Ugyanaz a csapda, ötödször (2026-09-21). A megrendelő az alkatrészellátás
   oldal AutoStore-sávját fotózta le: a H3 #333 volt petrolon, 1,03:1. A
   `tools/check-contrast.sh` sweep kiderítette, hogy ez ÖT oldalon élt, nyolc
   címsoron — köztük a `woodSupportRow` sávon, amit négy napja tettünk ki.
   Mind az öt sáv maga festi magát (`color:#fff`), és egyik címsor sem deklarál
   saját `color`-t a globals.css-ben, tehát az `inherit` nem tud szándékos
   értéket elvinni. */
.scmAutoStoreBand h3,.woodSupportPrimary h2,.brandsClosing h2,
.scmAnestGrid h3,.featuredArticle h2{color:inherit}

/* PROTOTÍPUS-HIBA, nem portolási (2026-09-21, a megrendelő jelezte). A
   `.fundingNews` bekerült a függőleges padding csoportjába
   (`.section,…,.fundingNews{padding-top/bottom}`), a VÍZSZINTESÉBE viszont nem
   (`.fundingExperience,.fundingHelp,.fundingPartners,.fundingProcess{padding:…}`),
   így a sáv szövege a viewport széléhez tapad. A futó prototípuson lemérve ott is
   0px, míg minden testvérén 89,6px — tehát ez nem nálunk romlott el. A testvérek
   SAJÁT értékét kapja, nem kitaláltat. A sweep szerint ez az egyetlen ilyen sáv. */
.fundingNews{padding-left:clamp(28px,7vw,105px);padding-right:clamp(28px,7vw,105px)}

/* A Tudástár szűrőcsipjei a prototípusban `<button>`-ök, nálunk valódi linkek
   (az extraktor emiatt írja át a szabályt `.knowledgeFilters a`-ra). A natív
   gomb KÖZÉPRE teszi a feliratát; egy `<a>` nem — a prototípus szabálya pedig
   csak `min-height:42px`-et ad, `display`-t nem. Mérve: a szöveg fölött 3px,
   alatta 24px maradt. Ugyanaz a csapda, mint a többi gomb-mint-link esetben;
   sweep szerint ez az EGYETLEN hely, ahol még megvolt. */
.knowledgeFilters a{display:inline-flex;align-items:center;justify-content:center}

/* Blog cikkoldal (2026-09-21). A `.blogArticleHeader` maga festi a petrol sávot
   és a `color:#fff`-et; a H1-nek nincs saját színe a globals.css-ben, tehát a
   Flatsome `h1{color:#333}`-a viszi el. A `.articleSection--petrol h2` viszont
   DEKLARÁLJA a fehéret, ezért az nem kerül ide. A tools/check-contrast.sh
   mind az öt bejegyzésen elkapta, még a publikálás napján. */
.blogArticleHeader h1{color:inherit}

/* „Keresés másképp" indexoldalak (2026-09-22). A három dimenzió (anyag /
   végtermék / ágazat) kifejezéslistája. A prototípusban nincs ilyen nézet — a
   linkjei holt gombok —, ezért a katalógus meglévő elemeiből építkezünk:
   `midCategoryHero` a fejlécnek, a csipek pedig a termékoldalról már ismert
   `.anest-dim-chips` kinagyított változata, terméksZÁMMAL. */
.anest-dim-index-body{padding:clamp(48px,6vw,86px) clamp(28px,6vw,92px);background:#f3f5f2}
.anest-dim-search{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:14px;margin-bottom:clamp(28px,4vw,44px)}
.anest-dim-search label{flex:1 1 320px;margin:0}
.anest-dim-search input{width:100%;height:52px;margin:0;padding:0 16px;border:1px solid #bcc9c3;
  border-radius:0;background:#fff;color:var(--petrol-dark);font:inherit;font-size:15px;
  min-height:0;box-shadow:none;outline:0}
.anest-dim-search input:focus{box-shadow:0 0 0 2px var(--rust)}
.anest-dim-count{margin:0;color:var(--muted);font-size:13px;font-weight:800}
.anest-dim-group{margin-bottom:clamp(26px,3.5vw,38px)}
.anest-dim-group[hidden]{display:none}
.anest-dim-group h2{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #cfd9d4;
  color:var(--rust);font-size:13px;font-weight:900;letter-spacing:.12em}
.anest-dim-index .anest-dim-chips a{gap:9px;padding:9px 14px;background:#fff;
  font-size:14px;text-decoration:none}
.anest-dim-index .anest-dim-chips a[hidden]{display:none}
.anest-dim-index .anest-dim-chips a b{color:var(--muted);font-size:12px;font-weight:800}
.anest-dim-index .anest-dim-chips a:hover b,
.anest-dim-index .anest-dim-chips a:focus-visible b{color:#cfdedb}
.anest-dim-empty{margin:0;color:var(--muted);font-size:15px}
.anest-dim-empty[hidden]{display:none}
@media(max-width:760px){.anest-dim-index-body{padding:44px 22px 60px}}
/* A dimenzió-index hőse 2026-09-22 óta KAP képet (a legnépesebb kifejezés első
   termékének fotóját), ezért a `midCategoryHero` kétoszlopos rácsa a helyes —
   ugyanúgy, mint a kategóriaoldalakon. A korábbi egyoszlopos felülírás, ami a
   kép nélküli állapotra szólt, ezzel tárgytalan lett. */
.anest-dim-index .midCategoryHero>div{max-width:940px}

/* A dimenzió-index kétoszlopos, mint a katalógus listaoldalai: bal oldalt a
   menüpanelből ismert gépválasztó-kártya + „Keresés másképp" linkek, jobbra a
   kifejezéslista. A `megaAside` osztályt NEM vesszük át — annak mobilon
   `display:none` a szabálya, ami a legördülőben helyes, itt nem. */
.anest-dim-layout{display:grid;grid-template-columns:minmax(220px,.26fr) minmax(0,1fr);
  align-items:start;background:#f3f5f2}
.anest-dim-aside{padding:clamp(40px,5vw,72px) clamp(20px,2.4vw,32px);
  border-right:1px solid var(--line);background:#f0f3f0}
.anest-dim-aside .finderCard h3{margin:22px 0 8px}
.anest-dim-layout .anest-dim-index-body{padding:clamp(40px,5vw,72px) clamp(24px,3.4vw,56px)}
@media(max-width:900px){
  .anest-dim-layout{grid-template-columns:1fr}
  .anest-dim-aside{order:2;border-right:0;border-top:1px solid var(--line);padding:40px 22px}
  .anest-dim-layout .anest-dim-index-body{padding:40px 22px 10px}
}

/* A csip hoverje. A termékoldali `.anest-dim-chips a:hover` petrol hátteret és
   fehér szöveget ad, az index saját szabálya viszont FEHÉR hátteret — azonos
   specificitás, később jön, tehát nyert: fehér szöveg fehér alapon, a felirat
   eltűnt. Itt kimondjuk mindkét állapotot. (Attila jelezte, 2026-09-22.) */
.anest-dim-index .anest-dim-chips a:hover,
.anest-dim-index .anest-dim-chips a:focus-visible{
  background:var(--petrol);border-color:var(--petrol);color:#fff}
/* `.finderCard` maga festi a rozsda sávot és a `color:white`-ot, a H3-nak
   viszont nincs saját színe — a Flatsome `h3{color:#333}` viszi el, 1,94:1.
   Ez a kártya a Technológiák MENÜPANELBEN is ott van, ahol a szonda sosem
   mérte (rejtett elem), tehát ott is így állt. */
.finderCard h3{color:inherit}

/* Katalógusok oldal (2026-09-22). A `[ux_html]` blokkok KÜLÖN konténerek, ezért
   egy nyitó `<div>` az egyikben nem záródik a másikban — az első próbánál emiatt
   esett ki a lista a keretből, és futott ki a képernyő széléig. Burkoló helyett
   a lista a saját osztályán kapja a keretet. */
.anest-catalogs{max-width:1480px;margin:0 auto;padding:clamp(40px,5vw,72px) clamp(22px,4vw,64px)}
.anest-catalog-head{background:#f3f5f2}

/* Termékoldali előnykártya KÉP NÉLKÜL (2026-09-22). A `productDetailClean`
   változat kártyája kétoszlopos: `145px` a KÉPNEK, `1fr` a szövegnek. A gépeknél
   van kép, ezért jól nézett ki; a most feltöltött szoftverleírásoknál viszont a
   szöveg esett a 145 px-es képoszlopba, és nyolc karakterenként tördelt.
   A renderer ilyenkor `noMedia` osztályt tesz a kártyára. */
.productDetailClean .benefitGrid article.noMedia{grid-template-columns:1fr}

/* A Média szekció videókeretére kép is kerülhet: az `anest_video_frames()`
   iframe híján átengedi a tartalmat. Szoftvertermékeknél nincs videó, viszont
   van felületi képernyőkép.

   A keret `padding:56.25% 0 0` aránytartással készült, mert az iframe abszolút
   pozicionált - egy FOLYAMBAN lévő `<img>` viszont ehhez hozzáadódik, és a
   keret kétszer olyan magas lett, mint a kép (mérve: 1161 px a kép 540-éhez).
   Képes keretnél ezért nincs padding, a magasságot a kép adja. */
/* A győztes szabály a `.productMedia > .productVideoFrame` (0,2,0). A `:has(img)`
   csak az ARGUMENTUMA súlyát adja hozzá (`img` = 0,0,1), tehát a puszta
   `.productVideoFrame:has(img)` (0,1,1) alulmaradt - a szülőt is ki kell írni. */
.productMedia > .productVideoFrame:has(img){padding:0}
.productVideoFrame img{display:block;width:100%;height:auto}
.productMedia > .productVideoFrame:has(img) p{margin:0}

/* „Hasonló termékek" (snippet 46). A szekció a katalógus `midMachineGrid`
   kártyáit használja; a prototípusban ehhez a szekcióhoz nem készült saját sáv,
   ezért a szomszédos `.catalogGateSection` ritmusát kapja. Sáv nélkül a sötét
   termékoldali háttéren ülne, ahol a Flatsome `h2{color:#333}` olvashatatlan —
   lásd feedback-flatsome-heading-color-beats-inheritance. */
.relatedProductSection{padding:clamp(75px,8vw,115px) clamp(30px,6vw,82px);background:#fff}
.relatedProductSection .relatedSoftwareHead h2{color:var(--petrol-dark)}
.relatedProductSection .relatedSoftwareHead p{color:var(--muted)}
.relatedProductSection .midMachineGrid{margin-top:48px}

/* Kiszállás-kalkulátor: cím alapján számolt távolság (snippet 47). A prototípus
   panelje csak a két számmezőt ismerte, ezért a címsor saját szabályt kap. */
.serviceCalculatorAddress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;
  align-items:end;margin-top:18px}
.serviceCalculatorAddress label{display:flex;flex-direction:column;gap:7px;margin:0;
  color:var(--petrol-dark);font-size:13px;font-weight:800}
.serviceCalculatorAddress input{height:52px;min-width:0;padding:0 16px;border:1px solid #9caaa5;
  background:#fff;color:var(--ink);font-size:15px;font-weight:500;outline:0}
.serviceCalculatorAddress input:focus{border-color:var(--petrol);box-shadow:0 0 0 3px #0b4f4818}
.serviceCalculatorAddress button{height:52px;margin:0;white-space:nowrap}
.serviceCalculatorAddress button[disabled]{opacity:.6}
.serviceCalculatorHint{grid-column:1/-1;margin:0;min-height:1.1em;color:var(--muted);
  font-size:12px;font-weight:600}
.serviceCalculatorHint.is-error{color:#98452f}
.serviceCalculatorHint.is-ok{color:var(--petrol)}
@media(max-width:620px){.serviceCalculatorAddress{grid-template-columns:1fr}}

/* Márkaoldal hero: a márkánkénti képek (2026-10-06) között álló is van (MAGGI
   868×1024), ami a saját arányával megnyújtotta a hero-t. A kép kikerül a
   folyásból, a magasságot a szövegoszlop és a min-height adja, mint eddig. */
.partnerBrandHeroMedia img{position:absolute;inset:0}

/* GINOP Plusz 2.1.3-24 — kötelező infoblokk a jobb alsó sarokban (snippet „ANEST
   GINOP projekt", 2026-10-14). A gomb a Flatsome button-globálisait felülírja
   (margó, min-height, nagybetű — lásd feedback_flatsome_globals_leak_into_proto_buttons). */
.anestInfoblokk{position:fixed;z-index:99;right:0;bottom:0;width:440px;max-width:calc(100vw - 24px);background:#fff;box-shadow:0 -6px 22px rgba(0,0,0,.14);line-height:0}
.anestInfoblokk>a{display:block}
.anestInfoblokk img{display:block;width:100%;height:auto}
.anestInfoblokk .anestInfoblokkToggle{position:absolute;top:-34px;right:12px;display:grid;width:30px;height:30px;min-height:0;margin:0;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);line-height:1;text-transform:none;letter-spacing:0;box-shadow:0 3px 10px rgba(0,0,0,.12);cursor:pointer}
.anestInfoblokk .anestInfoblokkToggle svg{transition:transform .2s}
.anestInfoblokk.isCollapsed>a{display:none}
.anestInfoblokk.isCollapsed .anestInfoblokkToggle svg{transform:rotate(180deg)}
/* Összecsukva a nyíl mellé felirat kerül, hogy ne legyen összetéveszthető a fölötte
   lévő „vissza a tetejére” körrel (a felhasználó jelezte, 2026-10-14). */
.anestInfoblokk .anestInfoblokkLabel{display:none}
.anestInfoblokk.isCollapsed .anestInfoblokkToggle{width:auto;padding:0 12px 0 10px;border-radius:15px;grid-auto-flow:column;gap:6px}
.anestInfoblokk.isCollapsed .anestInfoblokkLabel{display:inline;color:var(--ink);font-size:11px;font-weight:800;white-space:nowrap}
body:has(.stickyProductBar) .anestInfoblokk{bottom:98px}
@media(max-width:600px){.anestInfoblokk{width:min(300px,80vw)}}
/* A Flatsome „vissza a tetejére” gombja (#top-link, right/bottom 20px, csak asztali
   nézetben) az infoblokk nyila mellé került. Fölé tesszük, egy oszlopba a nyíllal:
   a nyíl közepe right:27px, a 39 px-es gombé right:5px-nél esik ugyanoda (mérve).
   Nyitva: 132 px doboz + 34 px nyíl fölé; csukva: a nyíl fölé; termékoldalon +98 px. */
body:has(#anestInfoblokk) #top-link{right:5px;bottom:178px}
body:has(#anestInfoblokk.isCollapsed) #top-link{bottom:46px}
body:has(.stickyProductBar):has(#anestInfoblokk) #top-link{bottom:276px}
body:has(.stickyProductBar):has(#anestInfoblokk.isCollapsed) #top-link{bottom:144px}

/* GINOP projektoldal */
.anestProjectInfoblokk{margin:0;padding:clamp(24px,4vw,44px) clamp(20px,5vw,70px) 0;background:#fff}
.anestProjectInfoblokk img{display:block;width:100%;max-width:880px;height:auto}
.anestProjectFacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;max-width:980px;margin:34px 0 46px;padding:0;border-top:1px solid var(--line)}
.anestProjectFacts>div{padding:14px 0;border-bottom:1px solid var(--line)}
.anestProjectFacts dt,.anestProjectFacts dd{display:block;float:none;width:auto}
.anestProjectFacts dt{margin:0 0 4px;color:var(--rust);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.anestProjectFacts dd{margin:0;color:var(--ink);font-size:15px;font-weight:650;text-transform:none}
.anestProjectPage .blogArticleBody>p,.anestProjectPage .blogArticleBody>h2{max-width:860px}
.anestProjectPage .blogArticleBody>h2{margin:42px 0 14px;color:var(--petrol-dark);font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.03em}
.anestProjectPage .blogArticleBody>p{color:var(--ink);font-size:17px;line-height:1.75}
@media(max-width:700px){.anestProjectFacts{grid-template-columns:1fr}}

/* ── Mobilmenü (2026-10-15) ──────────────────────────────────────────────────
   A prototípus 1180 px alatt: logó balra, jobbra Ügyfélkapu + Webshop ikongomb, majd a
   hamburger (nyitva X); 760 alatt a kereső és a Kapcsolat gomb eltűnik, az ikongombok
   felirat nélküliek (globals.css `.headerActions`, `.utilityButton`). A Flatsome mobil
   fejlécét (hamburger balra, logó középen, kosár) erre rendezzük át; a menüt a snippet 19
   `anest_mobile_nav_markup()` rajzolja és a JS nyitja a Flatsome fiókja helyett. */
@media(max-width:1180px){
  #header .header-inner .logo{order:1;flex:0 0 auto;margin:0 auto 0 0;text-align:left}
  #header .header-inner .logo a{display:inline-block}
  #header .flex-col.hide-for-medium.flex-right{order:2;display:block !important;flex:0 0 auto;margin:0 !important}
  /* A Flatsome ennek és a jobb oszlopnak is auto margót ad; csak a logóé maradhat. */
  #header .flex-col.show-for-medium.flex-left{order:3;flex:0 0 auto !important;margin:0 0 0 8px !important}
  #header .flex-col.show-for-medium.flex-right{display:none !important}
  #header .anestMenuButton{display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid #ffffff42;color:#fff}
  #header .anestMenuButton:hover{border-color:#fff;background:#ffffff10}
}
@media(max-width:760px){
  #header .flex-col.hide-for-medium.flex-right .header-search,
  #header .flex-col.hide-for-medium.flex-right .html_topbar_left{display:none !important}
  #header .flex-col.hide-for-medium.flex-right > ul{gap:7px}
  #header .flex-col.hide-for-medium.flex-right > ul > li{margin:0}
  #header .header-button .button{width:42px;padding:0;justify-content:center}
  #header .header-button .button span{display:none}
}
.anestMobileNav{position:fixed;z-index:1000;right:0;left:0;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line);background:#fff;box-shadow:0 28px 70px rgba(10,28,24,.24);color:var(--ink)}
.anestMobileNav[hidden]{display:none}
@media(min-width:1181px){.anestMobileNav{display:none !important}}
html.anestMobileNavOpen,html.anestMobileNavOpen body{overflow:hidden}
.anestMobileNav .megaMenu{position:static;max-height:none;overflow:visible;border-top:0;box-shadow:none}
.anestMobileNav .megaAside{display:none}
.anestMobileNav .megaContent[hidden]{display:none !important}
.anestMobileNav .megaTop form{display:contents}
.anestMobileNav .megaTop input[type=search],.anestMobileNav .megaTop input[type=search]:focus{
  height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;color:inherit;font:inherit}
.anestMobileNav .megaTop>button{margin:0;padding:0;min-height:0}
.anestMobileNav .megaGroup>a{color:var(--ink)}
/* A prototípusban nem szereplő négy főpont: lenyitható szakaszok a megamenü alatt. */
.anestMobileSections{border-top:1px solid var(--line);background:var(--paper)}
.anestMobileSection{border-bottom:1px solid var(--line)}
.anestMobileSection>summary{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;color:var(--petrol-dark);font-size:16px;font-weight:800;list-style:none;cursor:pointer}
.anestMobileSection>summary::-webkit-details-marker{display:none}
.anestMobileSection>summary svg{flex:0 0 auto;color:var(--rust);transition:transform .2s}
.anestMobileSection[open]>summary svg{transform:rotate(180deg)}
.anestMobileSection>div{display:flex;flex-direction:column;padding:0 20px 16px}
.anestMobileSection>div>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);font-size:14px}
.anestMobileSection>div>a svg{flex:0 0 auto;color:var(--muted)}
.anestMobileSection>div>a.anestMobileOverview{color:var(--petrol);font-weight:800}
.anestMobileSection>div>a.anestMobileAccent{color:var(--rust);font-weight:800}
.anestMobileGroup{margin:14px 0 2px;color:var(--rust);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
/* Mobil ágazati fülek: a sorszám és a nyíl a cím FÖLÖTT, egy sorban, nem külön oszlopban (Attila, 2026-10-15) –
   így a fül keskenyebb lehet, és a harmadik fülből is több látszik. */
.anestMobileNav .sectorNav>a{flex:1 1 0;min-width:0;padding:14px 12px;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:start;column-gap:8px;row-gap:4px}
/* Mindhárom fül kifér (egyenlő szélesség), így nincs vízszintes görgetés – a görgetősáv
   a sáv aljából vett el helyet. Az aktív fül prototípus-féle FEHÉR alsó csíkja a fehér
   tartalomrészbe olvadt, és a fül rövidebbnek látszott: mobilon rozsdaszínű. */
.anestMobileNav .sectorNav{scrollbar-width:none}
.anestMobileNav .sectorNav::-webkit-scrollbar{display:none}
.anestMobileNav .sectorNav>a.active{border-bottom-color:var(--rust)}
.anestMobileNav .sectorNav strong{font-size:14px;line-height:1.25}
.anestMobileNav .sectorNav small{font-size:11px;line-height:1.35}
.anestMobileNav .sectorNav>a>span{grid-column:1;grid-row:1}
.anestMobileNav .sectorNav>a>div{grid-column:1 / 3;grid-row:2}
/* a nyíl is a sorszám sorában, jobbra – nem foglal külön oszlopot */
.anestMobileNav .sectorNav>a>svg{grid-column:2;grid-row:1;align-self:center}

/* Cégem360 credit a lábléc alsó sorában (2026-10-15) – a ~/Herd projektek mintája, a
   „normál” 140 px-es logóval. A .footerBottom 9 px-es betűjéhez képest a felirat 12 px,
   hogy a logóval arányos legyen. */
.footerBottom{align-items:center}
.footerCredit{display:inline-flex;align-items:center;gap:10px;color:#6f817c;font-size:12px;text-decoration:none;opacity:.85;transition:opacity .15s ease,color .15s ease}
.footerCredit:hover,.footerCredit:focus-visible{color:#fff;opacity:1}
.footerCredit img{display:block;width:140px;height:auto}
/* A lábléc alsó sora (copyright, jogi sor, Cégem360 credit) az oldal legalján van, és a
   rögzített GINOP-infoblokk eltakarta. Nyitott infoblokknál a lábléc alja helyet hagy neki
   (asztali 132 px doboz + 34 px nyíl; mobilon 300 px széles → 90 px; termékoldalon +98). */
body:has(#anestInfoblokk:not(.isCollapsed)) .siteFooter{padding-bottom:190px}
body:has(.stickyProductBar):has(#anestInfoblokk:not(.isCollapsed)) .siteFooter{padding-bottom:288px}
@media(max-width:600px){
  body:has(#anestInfoblokk:not(.isCollapsed)) .siteFooter{padding-bottom:140px}
  body:has(.stickyProductBar):has(#anestInfoblokk:not(.isCollapsed)) .siteFooter{padding-bottom:238px}
}
/* Lábléc jogi sor: ideiglenesen a PDF-ekre (2026-10-15), amíg a HTML jogi oldalak elkészülnek. */
.footerLegal a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.footerLegal a:hover{color:#fff}