:root{--green:#193c2c;--leaf:#3e7a45;--lime:#b9d25c;--cream:#f3f0e6;--ink:#17231d;--muted:#657069;--white:#fff;--max:1180px;--shadow:0 18px 60px rgba(22,44,32,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fafbf8;font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link,.sr-only{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip-link:focus{clip:auto;clip-path:none;width:auto;height:auto;top:10px;left:10px;padding:10px;background:#fff;z-index:1000}.site-header{position:absolute;inset:0 0 auto;z-index:20;height:90px;color:#fff;border-bottom:1px solid rgba(255,255,255,.24)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img,.footer-brand img{width:185px;filter:brightness(0) invert(1)}#main-nav{display:flex;align-items:center;gap:36px}#main-nav a{text-decoration:none;font-size:.88rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}#main-nav a:hover{color:var(--lime)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span:not(.sr-only){display:block;width:26px;height:2px;background:#fff;margin:5px}
.hero{min-height:760px;height:92vh;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden;background:var(--green)}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,40,27,.9) 0%,rgba(12,40,27,.57) 43%,rgba(12,40,27,.12) 78%),url('img/hero.jpg') center 40%/cover no-repeat;transform:scale(1.01)}.hero-content{position:relative;padding-top:70px}.eyebrow{margin:0 0 20px;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;font-weight:800}.eyebrow.green{color:var(--leaf)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.02;letter-spacing:-.03em}h1{font-size:clamp(4rem,8vw,7.6rem);margin-bottom:28px;max-width:860px}h2{font-size:clamp(2.7rem,5vw,5rem);margin-bottom:28px}.hero-copy{font-size:1.18rem;max-width:570px;color:rgba(255,255,255,.86);margin-bottom:36px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 22px;background:var(--lime);color:#183321;text-decoration:none;font-weight:800;border:1px solid var(--lime);transition:.2s}.button:hover{background:#cee475;transform:translateY(-2px)}.text-link{display:inline-block;text-decoration:none;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link.light{color:#fff}.hero-fact{position:absolute;right:max(24px,calc((100vw - var(--max))/2));bottom:0;background:var(--lime);color:var(--green);width:240px;height:150px;padding:28px;display:flex;align-items:center;gap:15px}.hero-fact strong{font:400 4rem/1 Georgia,serif}.hero-fact span{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;line-height:1.4}
.section{padding:130px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.image-frame{position:relative}.image-frame>img{width:100%;height:600px;object-fit:cover;box-shadow:var(--shadow)}.image-label{position:absolute;right:-24px;bottom:34px;background:#fff;padding:15px 20px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.copy .lead{font-size:1.22rem;color:#33463c}.copy p{color:var(--muted);margin-bottom:24px}.intro .text-link{margin-top:12px}.competence{background:var(--cream)}.section-head{display:grid;grid-template-columns:1.6fr 1fr;gap:12%;align-items:end;margin-bottom:65px}.section-head h2{margin-bottom:0}.section-head>p{color:var(--muted);margin-bottom:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cdd0c8}.feature{padding:42px 34px 14px 0;position:relative}.feature+.feature{border-left:1px solid #cdd0c8;padding-left:34px}.number{position:absolute;right:28px;top:34px;font-size:.72rem;color:#8a928d;letter-spacing:.12em}.feature-icon{color:var(--leaf);font-size:2.2rem;margin-bottom:28px}.feature h3{font:400 1.6rem/1.2 Georgia,serif}.feature p{color:var(--muted);margin-bottom:0}
.catalog{position:relative;min-height:610px;color:#fff;display:flex;align-items:center;overflow:hidden;background:var(--green)}.catalog-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,55,35,.91),rgba(16,55,35,.66) 52%,rgba(16,55,35,.05)),url('img/katalog.jpg') center/cover no-repeat}.catalog-content{position:relative}.catalog h2{font-size:clamp(3.1rem,6vw,5.6rem)}.catalog p:not(.eyebrow){max-width:510px;color:rgba(255,255,255,.82);font-size:1.15rem}.catalog .button{margin-top:20px}.catalog .button span{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.button.cream{background:var(--cream);border-color:var(--cream)}.button.cream:hover{background:#fff}.reverse .copy{order:1}.reverse .image-frame{order:2}.sustainability .image-frame img{height:520px}.lpw{display:flex;align-items:center;gap:22px;border-top:1px solid #dfe2db;margin-top:38px;padding-top:28px}.lpw img:first-child{width:95px}.lpw img:last-child{width:250px}
.contact{background:var(--green);color:#fff;padding:120px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{margin-bottom:24px}.contact-grid>div:first-child>p:last-child{color:rgba(255,255,255,.7)}.contact-links{border-top:1px solid rgba(255,255,255,.24)}.contact-links>a,.contact-links>div{display:grid;grid-template-columns:100px 1fr auto;gap:20px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.24);text-decoration:none;align-items:start}.contact-links span{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.6);padding-top:3px}.contact-links strong{font-size:1.13rem}.contact-links b{font-size:1.3rem}.contact-links a:hover strong{color:var(--lime)}footer{background:#10281d;color:#fff;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:start;gap:32px}.footer-brand img{width:145px}.footer-grid p{color:rgba(255,255,255,.58);font-size:.82rem;line-height:1.6}.footer-grid nav{display:flex;flex-direction:column;gap:5px}.footer-grid nav a{text-decoration:none;font-size:.85rem}.footer-grid nav a:hover{color:var(--lime)}.copyright{text-align:right}
.legal-header{position:static;background:var(--green)}.legal-main{padding:90px 0 120px}.legal-content{max-width:820px}.legal-content h1{font-size:clamp(3rem,6vw,5rem);color:var(--green)}.legal-content h2{font:400 1.7rem/1.25 Georgia,serif;margin:42px 0 14px}.legal-content h3{margin:30px 0 8px}.legal-content p,.legal-content li{color:#46534b}.legal-content a{color:var(--leaf)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.container{width:min(100% - 32px,var(--max))}.site-header{height:76px}.brand img{width:145px}.menu-toggle{display:block}#main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;color:var(--ink);padding:22px 16px;flex-direction:column;gap:12px;box-shadow:0 15px 30px rgba(0,0,0,.15)}#main-nav.open{display:flex}#main-nav a{padding:8px}.hero{height:auto;min-height:720px}.hero-content{padding-top:60px;padding-bottom:150px}h1{font-size:clamp(3.5rem,17vw,5.5rem)}.hero-fact{right:16px;width:205px;height:125px}.section{padding:85px 0}.two-col,.section-head,.contact-grid{grid-template-columns:1fr;gap:50px}.image-frame>img{height:420px}.image-label{right:-8px}.copy h2{font-size:3.2rem}.feature-grid{grid-template-columns:1fr}.feature+.feature{border-left:0;border-top:1px solid #cdd0c8;padding-left:0}.catalog{min-height:590px}.catalog .button{display:flex;max-width:350px;align-items:flex-start}.reverse .copy,.reverse .image-frame{order:initial}.lpw{align-items:flex-start}.contact{padding:85px 0}.footer-grid{grid-template-columns:1fr 1fr}.copyright{text-align:left}.legal-main{padding:65px 0 90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}

/* 2022 logo and current company profile */
img{height:auto}
.site-header{height:104px}
.brand{display:flex;align-items:center;height:82px;padding:9px 15px;background:rgba(255,255,255,.95)}
.brand img{width:215px;height:auto;max-height:64px;object-fit:contain;filter:none}
.footer-brand img{width:225px;height:auto;object-fit:contain;filter:none}
.hero-content{padding-top:90px}
.process-list{list-style:none;padding:24px 0 0;margin:30px 0 0;border-top:1px solid #dfe2db}
.process-list li{padding:8px 0 8px 25px;position:relative;color:#33463c;font-weight:700}
.process-list li::before{content:'→';position:absolute;left:0;color:var(--leaf)}
footer{background:var(--cream);color:var(--ink);border-top:1px solid #d9ddd3}
.footer-grid p{color:var(--muted)}
.footer-grid nav a:hover{color:var(--leaf)}
.legal-header .brand{background:#fff}
@media(max-width:800px){
  html{scroll-padding-top:86px}
  .site-header{height:86px}
  .brand{height:70px;padding:8px 11px}
  .brand img{width:170px;max-height:54px}
  #main-nav{top:86px}
}

/* EU.SH funding block */
.funding{padding:105px 0;background:#f3f8fb;border-top:1px solid #e0e8eb}
.funding-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:center}
.funding-copy h2{font-size:clamp(2.8rem,5vw,4.7rem);margin-bottom:22px}
.funding-copy>p:last-child{max-width:440px;color:var(--muted)}
.funding-marks{padding:42px 48px;background:#fff;box-shadow:0 14px 50px rgba(21,49,37,.08)}
.funding-logo{width:min(100%,531px);height:auto;margin-bottom:44px}
.funding-claim{width:min(100%,620px);height:auto}

/* Company history page */
.history-main{background:#fafbf8}
.history-hero{padding:120px 0 110px;background:var(--green);color:#fff}
.history-hero h1{font-size:clamp(3.2rem,6.5vw,6.2rem);max-width:1050px;margin-bottom:34px}
.history-lead{max-width:760px;font-size:1.25rem;color:rgba(255,255,255,.76)}
.history-layout{display:grid;grid-template-columns:280px 1fr;gap:10%;align-items:start}
.timeline{position:sticky;top:45px;border-top:1px solid #cfd5cc}
.timeline div{display:grid;grid-template-columns:70px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid #cfd5cc}
.timeline strong{font:400 1.35rem/1 Georgia,serif;color:var(--leaf)}
.timeline span{font-size:.82rem;line-height:1.4;color:var(--muted)}
.prose{max-width:780px}
.prose h2{font-size:clamp(2rem,4vw,3.3rem);margin:70px 0 24px}
.prose h2:first-child{margin-top:0}
.prose p{font-size:1.05rem;color:#526058;margin-bottom:24px}
.prose-closing{font-size:1.2rem!important;color:#2f4137!important;border-left:4px solid var(--lime);padding:8px 0 8px 24px;margin:42px 0!important}

@media(max-width:800px){
  .funding{padding:75px 0}
  .funding-grid,.history-layout{grid-template-columns:1fr;gap:46px}
  .funding-marks{padding:30px 24px}
  .funding-logo{margin-bottom:32px}
  .history-hero{padding:80px 0}
  .history-hero h1{font-size:clamp(2.8rem,13vw,4.4rem)}
  .timeline{position:static}
  .prose h2{margin-top:52px}
}

/* White header; hero starts below navigation */
.site-header,.legal-header{
  position:relative;
  inset:auto;
  background:#fff;
  color:#344728;
  border-bottom:1px solid #dde2d9;
}
.brand,.legal-header .brand{background:transparent}
#main-nav a{color:#344728}
#main-nav a:hover{color:#9f2526}
.menu-toggle span:not(.sr-only){background:#344728}
.hero{height:calc(92vh - 104px);min-height:656px}
.hero-bg{background-position:center top}
.hero-content{padding-top:0}
@media(max-width:800px){
  #main-nav{top:100%;color:#344728}
  .hero{height:auto;min-height:634px}
  .hero-content{padding-top:35px}
}