/* Ermes corporate identity: open white surfaces, city photography and warm accents. */
:root{--navy:#172022;--ink:#242a2c;--green:#d87529;--deep-green:#994815;--muted:#5e6567;--line:#e0e3e2;--light:#f5f6f5;--max:1320px}
html{scroll-padding-top:calc(var(--sticky-header-height,155px) + 18px)}
body{font-size:1.0625rem}
h1,h2,h3,h4{font-family:Ermes Sans,Arial,sans-serif;letter-spacing:-.035em}
h1,h2{font-weight:600}
.button{border-radius:3px;min-height:52px;padding-inline:26px}
.button-primary,.button-dark{background:#1b282b;color:#fff}
.button-primary:hover,.button-dark:hover{background:#39474a}
.button-outline,.button-ghost{border-color:#bec4c4}
.text-link{text-decoration-color:#d87529}
.eyebrow{font-size:.76rem;letter-spacing:.12em;color:#994815}
.corporate-masthead{box-shadow:none;border:0;background:#fff}
.corporate-masthead .header-inner{min-height:100px;gap:35px}
.corporate-masthead .brand-word{font-family:Ermes Sans,Arial,sans-serif;font-size:2.7rem;font-weight:600;letter-spacing:.07em}
.corporate-masthead .brand-description{font-size:.6rem;letter-spacing:.105em;margin-top:7px}
.corporate-masthead .primary-nav{min-height:100px;gap:28px}
.corporate-masthead .primary-nav>a,.corporate-masthead .nav-group>summary{font-size:.95rem;font-weight:600;min-height:100px}
.corporate-masthead .primary-nav .nav-contact{min-height:46px;background:#d87529;color:#171d1f;padding-inline:23px;border-radius:3px}
.corporate-masthead .nav-contact:hover{background:#b96020;color:#fff!important}
.corp-header-areas{background:#fff;border-top:1px solid #eceeed;border-bottom:1px solid #e5e7e6}
.corp-header-areas>.wrap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.corp-header-areas a{min-height:43px;display:flex;align-items:center;justify-content:center;padding:8px 4px;font-size:.84rem;color:#596366;line-height:1.3}
.corp-header-areas a:hover,.corp-header-areas a[aria-current=page]{color:#994815;text-decoration:underline;text-underline-offset:5px}
.corp-mega{padding:30px 0 36px;border-bottom:3px solid #d87529;max-height:calc(100dvh - var(--sticky-header-height,155px));overflow:auto}
.corp-menu-title{display:flex;justify-content:space-between;gap:24px;margin-bottom:28px}
.corp-menu-title strong{font-size:1.4rem}
.corp-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 42px}
.corp-menu-column{border-top:1px solid #d87529;padding-top:16px}
.corp-menu-column h2{font-size:1.25rem}
.corp-menu-column p{font-size:.92rem;line-height:1.55;margin:12px 0;color:var(--muted)}
.corp-menu-column ul{list-style:none;padding:0;margin:0 0 18px}
.corp-menu-column li a{display:block;padding:6px 0;font-size:.9rem;line-height:1.4}
.corp-menu-column .text-link{font-size:.9rem}
.corp-menu-column a:hover{text-decoration:underline;text-underline-offset:4px}
.corp-customer-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
.corp-customer-menu a{display:flex;flex-direction:column;gap:12px;padding:20px;border-left:2px solid #d87529}
.corp-customer-menu strong{font-size:1.3rem}
.corp-customer-menu span{font-size:1rem}
.corp-customer-menu a:hover{background:#f5f6f5}
.corp-hero{position:relative;isolation:isolate;min-height:640px;display:flex;align-items:flex-end;background:#344247;color:#fff;padding:95px 0 72px}
.corp-hero>.corp-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-2}
.corp-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0e191cdb 0%,#0e191c85 42%,#0e191c10 100%)}
.corp-hero-content{width:min(var(--max),100% - var(--gutter)*2)}
.corp-kicker{color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.14em;margin-bottom:20px}
.corp-hero h1{font-size:clamp(2.8rem,4.3vw,4.3rem);font-weight:600;line-height:1.1;color:#fff;max-width:100%;text-wrap:initial}
.corp-hero-lead{font-size:1.5rem;font-weight:600;line-height:1.4;margin:22px 0 14px}
.corp-hero-lead span{color:#f4ae69}
.corp-hero-text{font-size:1.1rem;line-height:1.65;max-width:650px;color:#f4f5f4;margin-bottom:0}
.corp-hero .actions{margin-top:27px;gap:16px}
.corp-hero .button-primary{background:#d87529;color:#171d1f}
.corp-hero .button-primary:hover{background:#ef9a54}
.corp-hero .button-outline{border-color:#ffffff9e;background:transparent;color:#fff}
.corp-hero .button-outline:hover{background:#fff;color:#172022}
.corp-section{padding-block:95px}
.corp-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:40px}
.corp-section-heading h2,.corp-customers h2{font-size:clamp(2rem,3.4vw,3rem);line-height:1.17}
.corp-section-heading>p{max-width:430px;font-size:1.05rem;margin:0}
.corp-section .eyebrow,.corp-about .eyebrow{margin-bottom:18px}
.corp-about{display:grid;grid-template-columns:1.1fr 1fr;gap:85px;width:min(var(--max),100% - var(--gutter)*2);margin:0 auto;padding-block:105px;background:#fff;align-items:center}
.corp-about-photo{grid-column:2;grid-row:1;position:relative;min-height:510px}
.corp-about-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;border-radius:5px}
.corp-about-copy{grid-column:1;grid-row:1;padding:0;align-self:center}
.corp-about h2{font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.15;margin-bottom:26px}
.corp-about p{font-size:1.0625rem;line-height:1.75;max-width:610px}
.corp-about .actions{gap:25px}
.corp-coordination{list-style:none;padding:0;margin:23px 0;font-size:.96rem}
.corp-coordination li{padding:9px 0 9px 20px;position:relative}
.corp-coordination li:before{content:'';position:absolute;left:0;top:20px;width:7px;height:2px;background:#d87529}
#vara-tjanster{background:#f5f6f5}
.corp-business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px}
.corp-business-card{background:#fff;display:flex;flex-direction:column;min-width:0;border-radius:4px;overflow:hidden}
.corp-business-image{height:245px;overflow:hidden;background:#d9dfdf}
.corp-business-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.corp-business-image img[src*=insulation]{object-position:50% 65%}
.corp-business-image img[src*=drilling]{object-position:50% 55%}
.corp-business-content{display:flex;flex-direction:column;flex:1;padding:27px}
.corp-business-content h3{font-size:1.6rem;margin-bottom:13px}
.ermes-icon{width:28px;height:28px;flex:0 0 28px;display:inline-block;color:#994815}
.corp-business-content h3{display:flex;align-items:center;gap:13px}
.corp-business-content h3>span{min-width:0}
.corp-promises{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}
.corp-promises>a{display:flex;align-items:center;gap:17px;min-height:116px;padding:25px 30px;border-right:1px solid var(--line)}
.corp-promises>a:first-child{padding-left:0}
.corp-promises>a:last-child{border-right:0}
.corp-promises>a>span{display:flex;flex-direction:column;gap:5px;min-width:0}
.corp-promises strong{font-size:1.02rem;line-height:1.4;font-weight:600}
.corp-promises a>span>span{font-size:.89rem;color:var(--muted)}
.corp-promises a:hover strong{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#d87529}
.corp-business-content p{font-size:1rem;line-height:1.65;margin-bottom:23px}
.corp-card-link{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:.92rem;font-weight:600;margin-top:auto;color:#994815}
.corp-card-link>span{font-size:1.45rem;line-height:1}
.corp-business-card:hover .corp-business-image img{transform:scale(1.035)}
.corp-business-card:hover .corp-card-link{text-decoration:underline;text-underline-offset:5px}
.corp-customers{background:#233236;color:#fff}
.corp-customers .eyebrow{color:#f4ae69}
.corp-customers h2{color:#fff;margin-bottom:50px}
.corp-customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px}
.corp-customer-grid>a{display:flex;flex-direction:column;border-top:1px solid #ffffff48;padding:26px 0 0;min-height:245px}
.corp-customer-label{color:#f4ae69;font-size:.8rem;margin-bottom:17px;font-weight:600}
.corp-customer-grid h3{color:#fff;font-size:1.65rem;line-height:1.25}
.corp-customer-grid p{color:#dae0e0;font-size:1rem;line-height:1.65;margin:18px 0 24px}
.corp-customer-grid .corp-card-link{color:#fff}
.corp-customer-grid>a:hover .corp-card-link{text-decoration:underline;text-underline-offset:5px}
.corp-local{background:#fff}
.corp-local .corp-section-heading{align-items:flex-start;margin:0;gap:90px}
.corp-local .corp-section-heading>div{flex:1;min-width:0}
.corp-local h3{font-size:1.6rem;margin-bottom:18px}
.corp-local p{font-size:1.0625rem;max-width:570px;margin:22px 0}
.corp-local nav{display:grid;gap:0}
.corp-local nav a{padding:13px 0;border-bottom:1px solid #dfe3e2;font-weight:600;font-size:1rem}
.corp-local nav a:hover{color:#994815}
.corp-partners{background:#f5f6f5;padding-block:75px}
.corp-partners .corp-section-heading{margin-bottom:18px}
.corp-partners h2{font-size:2.4rem}
.corp-partners>.wrap>p{font-size:1rem;color:var(--muted)}
.partner-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0;margin:35px 0 0;list-style:none}
.partner-logo{display:flex;align-items:center;justify-content:center;min-height:115px;padding:24px;background:#fff;border:1px solid #e6e8e7;border-radius:3px}
.partner-logo img{max-width:160px;max-height:60px;width:auto;height:auto;object-fit:contain}
.partner-logo-dark{background:#243e49;border-color:#243e49}
.partner-logo img[src*=hsb]{max-height:65px}
.partner-logo img[src*=emporia]{width:125px}
.corp-season{padding:95px 0;background:#fff}
.corp-season-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#f5f6f5;border-radius:5px;overflow:hidden}
.corp-season-image{min-height:430px;position:relative}
.corp-season-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.corp-season-copy{align-self:center;padding:50px}
.corp-season-copy h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.18;margin:18px 0 24px}
.corp-season-copy p{font-size:1.05rem;line-height:1.7}
.corp-season-copy .actions{gap:22px}
.corp-contact{background:#eaeff0;padding-block:75px}
.corp-contact>.wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}
.corp-contact h2{font-size:clamp(2rem,3.2vw,3.1rem);margin-bottom:20px}
.corp-contact p{font-size:1.0625rem;max-width:630px}
.corp-contact-actions{display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-self:end}
.corp-contact-reassurance{font-size:.94rem;color:var(--muted)}
.page-intro{background:#f5f6f5;padding-block:65px}
.page-intro h1{font-size:clamp(2.3rem,4.3vw,4.1rem)}
.contact-form{background:#f5f6f5;border-radius:5px}
.contact-form.is-sent>:not(#form-feedback){display:none}
.contact-form.is-sent #form-feedback{margin:0;font-size:1.15rem;line-height:1.7}
.footer{background:#1d292d}
.footer h3,.footer .brand-word{font-family:Ermes Sans,Arial,sans-serif}
.footer .brand-word{letter-spacing:.07em;font-weight:600}
@media(max-width:1180px){
 .corporate-masthead .header-inner{min-height:86px}
 .corporate-masthead .primary-nav{min-height:0;max-height:calc(100dvh - var(--sticky-header-height,150px))}
 .corporate-masthead .primary-nav>a,.corporate-masthead .nav-group>summary{min-height:54px;font-size:1rem}
 .corporate-masthead .primary-nav .nav-contact{margin-top:14px}
 .corp-mega{max-height:none;padding:16px 0 25px}
 .corp-mega>.wrap{width:100%}
 .corp-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .corp-menu-title{display:block}.corp-menu-title strong{display:none}
 .corp-customer-menu{grid-template-columns:1fr;gap:12px}
 .corp-about{gap:50px}.corp-about-photo{min-height:480px}
 .corp-business-image{height:210px}.corp-business-content{padding:23px}
 .corp-business-content h3{font-size:1.4rem}
 .partner-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
 .corp-season-copy{padding:35px}
}
@media(max-width:760px){
 .corp-promises{grid-template-columns:1fr;padding-block:5px}
 .corp-promises>a,.corp-promises>a:first-child{min-height:86px;padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}
 .corp-promises>a:last-child{border-bottom:0}
 .corp-promises strong{font-size:1rem}
 .corporate-masthead .header-inner{min-height:77px}
 .corporate-masthead .brand-word{font-size:2.2rem}
 .corporate-masthead .brand-description{font-size:.52rem}
 .corp-header-areas>.wrap{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
 .corp-header-areas a{font-size:.74rem;min-height:34px;padding:6px 3px}
 .corp-header-areas a:nth-child(-n+3){border-bottom:1px solid #eceeed}
 .corp-hero{min-height:560px;padding:95px 0 43px}
 .corp-hero h1{font-size:clamp(2.1rem,7.8vw,3rem);line-height:1.12}
 .corp-kicker{font-size:.64rem;letter-spacing:.1em;margin-bottom:16px}
 .corp-hero-lead{font-size:1.3rem;margin-top:21px}
 .corp-hero-text{font-size:1rem;line-height:1.65}
 .corp-hero .actions{gap:12px;margin-top:24px}
 .corp-hero .button{font-size:.9rem;padding:12px 18px;min-height:48px}
 .corp-section{padding-block:60px}
 .corp-section-heading{display:block;margin-bottom:30px}
 .corp-section-heading h2,.corp-customers h2{font-size:2.05rem}
 .corp-section-heading>p{max-width:none;margin-top:22px;font-size:1rem}
 .corp-section-heading>.text-link{margin-top:20px}
 .corp-about{grid-template-columns:1fr;gap:35px;padding-block:60px}
 .corp-about-copy{grid-column:auto;grid-row:1}
 .corp-about-photo{grid-column:auto;grid-row:2;min-height:340px}
 .corp-about h2{font-size:2.2rem}
 .corp-about p{font-size:1rem}
 .corp-business-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}
 .corp-business-image{height:190px}
 .corp-business-content{padding:22px}
 .corp-business-content h3{font-size:1.4rem}
 .corp-business-content p{font-size:.96rem}
 .corp-card-link{font-size:.86rem}
 .corp-customer-grid{grid-template-columns:1fr;gap:32px}
 .corp-customer-grid>a{min-height:0}
 .corp-customer-grid h3{font-size:1.6rem}
 .corp-customers h2{margin-bottom:35px}
 .corp-local .corp-section-heading{display:block}
 .corp-local .corp-section-heading>div+div{margin-top:42px}
 .corp-local p{font-size:1rem}
 .corp-partners h2{font-size:2rem}
 .partner-logos{gap:9px;margin-top:28px}
 .partner-logo{min-height:95px;padding:15px}
 .partner-logo img{max-width:100%;max-height:45px}
 .partner-logo img[src*=hsb]{max-height:52px}
 .partner-logo img[src*=emporia]{width:90px}
 .corp-season{padding-block:60px}
 .corp-season-grid{grid-template-columns:1fr}
 .corp-season-image{min-height:290px}
 .corp-season-copy{padding:32px 25px}
 .corp-contact{padding-block:55px}
 .corp-contact>.wrap{grid-template-columns:1fr;gap:30px}
 .corp-contact-actions{justify-self:start}
 .corp-contact h2{font-size:2.1rem}
 .page-intro{padding-block:42px}
}
@media(max-width:520px){
 .corp-menu-grid{grid-template-columns:1fr}
 .corp-business-grid{grid-template-columns:1fr;gap:28px}
 .corp-business-image{height:240px}
 .corp-business-content{padding:25px}
 .corp-business-content h3{font-size:1.6rem}
 .corp-hero .actions{align-items:stretch}
 .corp-hero .button{flex:1 1 auto}
 .partner-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
 .partner-logo:last-child{grid-column:1/-1}
 .corp-about-photo{min-height:300px}
}
@media(prefers-reduced-motion:reduce){.corp-business-image img{transition:none}.corp-business-card:hover .corp-business-image img{transform:none}}
