:root{--g:#0f3c35;--o:#ef6b00;--ink:#202321;--soft:#f5f5f1}
*{box-sizing:border-box} body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:white}
header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #e5e5e5;background:#fff;position:sticky;top:0;z-index:10;overflow:clip}
header img{width:230px;height:auto} nav{display:flex;font-family:Georgia,serif;font-size:18px;color:var(--g)}
nav a{color:inherit;text-decoration:none;padding:0 18px;border-left:1px solid #ccc} nav a:first-child{border:0}
.hero{min-height:620px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0 0 0 34%;background:url('/assets/indlejret/havs-hero.webp') right center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 27%,rgba(255,255,255,.96) 37%,rgba(255,255,255,.6) 47%,rgba(255,255,255,0) 60%)}
.hero-copy{position:relative;z-index:2;width:61%;padding:75px 0 70px 52px}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--g);font-weight:500}
h1{font-size:58px;line-height:1.06;margin:0;max-width:760px} h2{font-size:40px;margin:0 0 18px} h3{font-size:23px;margin:0 0 14px}
.accent{width:82px;height:5px;background:var(--o);margin:28px 0}.hero p{font-size:21px;line-height:1.5;max-width:650px}
.btn{display:inline-block;background:var(--o);color:#fff;text-decoration:none;font-weight:bold;padding:18px 24px;margin-top:18px}
section{padding:68px 6%}.narrow{max-width:1120px;margin:auto}.lead{font-size:21px;line-height:1.55;max-width:1000px}.muted{background:var(--soft)}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px}.step{border-top:5px solid var(--o);padding:22px 18px;background:#fff;box-shadow:0 2px 12px #00000012}
.step b{color:var(--o);font-size:14px}.step p{line-height:1.48}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.old{background:var(--g);color:white}.old h2,.old h3{color:white}.old p{line-height:1.6}.contact{text-align:center}.contact .phone{font-family:Georgia,serif;font-size:32px;color:var(--g);font-weight:bold}
.contact a{color:var(--g)} footer{height:28px;background:var(--g)}
@media(max-width:900px){nav{display:none}.hero-bg{inset:0;opacity:.28}.hero:after{background:rgba(255,255,255,.75)}.hero-copy{width:100%;padding:55px 28px}h1{font-size:42px}.steps{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}header img{width:190px}}

.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.product-card{background:#fff;border:1px solid #dedede;box-shadow:0 2px 10px #0000000d;overflow:hidden}
.product-card img{width:100%;aspect-ratio:16/11;object-fit:cover;display:block}
.product-card h3{font-family:Georgia,'Times New Roman',serif;color:var(--green);font-size:23px;font-weight:500;margin:0;padding:16px 17px 18px}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.product-grid{grid-template-columns:1fr}}


.workday-wide{margin-top:42px}
.workday-wide img{display:block;width:100%;height:auto;object-fit:contain;border-radius:4px}
.workday-grid{display:grid;grid-template-columns:repeat(2,calc(52.5% - 10.5px));gap:20px;margin-top:38px}
.workday-grid img{display:block;width:100%;height:300px;object-fit:cover;border-radius:4px}
.workday-grid .detail{height:300px;object-fit:cover;object-position:center bottom}
@media(max-width:900px){
  .workday-wide img{height:auto}
  .workday-grid{grid-template-columns:1fr}
  .workday-grid img,.workday-grid .detail{height:260px}
}

/* Mobile navigation and anchor offset. */
.mobile-menu-toggle{display:none}
@media(max-width:900px){
  header{overflow:visible}
  .mobile-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;width:44px;height:44px;padding:10px;border:1px solid var(--g);background:#fff;color:var(--g);cursor:pointer}
  .mobile-menu-toggle span{display:block;width:22px;height:2px;background:currentColor}
  header nav.mobile-menu-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid #e5e5e5;padding:10px 24px}
  header nav.mobile-menu-open a{display:block;border:0;padding:14px 0;line-height:1.4}
  section[id]{scroll-margin-top:108px}
}

/* Header: contact links on desktop and a compact contact row on mobile. */
header{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:36px 71px;column-gap:20px;overflow:visible}
header>a{grid-column:1;grid-row:1 / 3}
header .header-contact{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center;gap:22px;font-size:13px;color:var(--g)}
header .header-contact a{color:inherit;text-decoration:none;white-space:nowrap}
header .header-contact a:hover{text-decoration:underline}
header nav{grid-column:2;grid-row:2;justify-content:flex-end;flex-wrap:wrap;row-gap:12px}
@media(max-width:1200px) and (min-width:901px){header nav a{padding:0 10px}}
@media(max-width:900px){
 header{grid-template-columns:1fr auto;grid-template-rows:76px 31px;column-gap:0;padding:0 24px}
 header>a{grid-column:1;grid-row:1}
 header .mobile-menu-toggle{grid-column:2;grid-row:1}
 header .header-contact{grid-column:1 / -1;grid-row:2;justify-content:center;gap:22px;align-self:stretch;border-top:1px solid #e5e5e5;margin:0 -24px;padding:0 12px}
 header nav.mobile-menu-open{grid-column:auto;grid-row:auto;max-height:calc(100dvh - 108px);overflow-y:auto;flex-wrap:nowrap;row-gap:0}
}