:root {
  --teal:      #023C2B;
  --teal-dk:   #034E38;
  --teal-deep: #011F16;
  --cyan:      #02E6A0;
  --cyan-lt:   #7DF5CC;
  --cyan-dk:   #01B880;
  --white:     #FFFFFF;
  --off:       #F4F7F5;
  --gray:      #5A6560;
  --gray-lt:   #D5DFD9;
  --dark:      #282C2A;
  --fh: 'Playfair Display', Georgia, serif;
  --fb: 'DM Sans', system-ui, sans-serif;
  --r: 12px;
  --sh: 0 4px 24px rgba(40,44,42,.1);
  --sh2: 0 12px 48px rgba(40,44,42,.18);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--fb);color:var(--dark);background:var(--white);line-height:1.6}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button{cursor:pointer;border:none;font-family:inherit}

/* PAGE SYSTEM */
.page{display:none}
.page.active{display:block}

/* ── NAV ── */
nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(1,31,22,.97);
  backdrop-filter:blur(12px);
  border-bottom:2px solid var(--cyan);
  height:72px;display:flex;align-items:center;
  padding:0 2.5rem;justify-content:space-between;
}
.nav-brand{display:flex;align-items:center;gap:10px;cursor:pointer}
.nav-brand img{height:40px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none}
.nav-links li button{
  padding:7px 13px;font-size:13px;font-weight:500;color:rgba(255,255,255,.7);
  border-radius:6px;transition:all .2s;background:none;white-space:nowrap;
}
.nav-links li button:hover,.nav-links li button.active{color:#fff;background:rgba(2,230,160,.15)}
.nav-cta{padding:8px 18px!important;background:var(--cyan)!important;color:var(--teal-deep)!important;font-weight:700!important;border-radius:7px!important}
.nav-cta:hover{background:var(--cyan-lt)!important}
.pt{padding-top:72px}

/* ── HERO ── */
.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:var(--teal-deep)}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.32}
.hero-ov{position:absolute;inset:0;background:linear-gradient(160deg,rgba(1,31,22,.88)0%,rgba(2,60,43,.38)100%)}
.hero-cnt{position:relative;z-index:2;max-width:820px;padding:5rem 4rem 5rem}
.hero-tag{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(2,230,160,.13);border:1px solid rgba(2,230,160,.38);
  border-radius:100px;padding:5px 15px;font-size:11.5px;font-weight:700;
  color:var(--cyan);letter-spacing:.07em;text-transform:uppercase;margin-bottom:1.4rem;
}
.hero-tag::before{content:'';width:6px;height:6px;background:var(--cyan);border-radius:50%}
.hero h1{font-family:var(--fh);font-size:clamp(2.2rem,4.8vw,3.9rem);font-weight:900;line-height:1.1;color:#fff;margin-bottom:1.2rem}
.hero h1 em{color:var(--cyan);font-style:normal}
.hero p{font-size:1.1rem;color:rgba(255,255,255,.73);max-width:540px;margin-bottom:2.4rem;line-height:1.72}
.btn-row{display:flex;gap:12px;flex-wrap:wrap}
.btn-p{padding:13px 26px;background:var(--cyan);color:var(--teal-deep);font-weight:700;font-size:14.5px;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;gap:7px}
.btn-p:hover{background:var(--cyan-lt);transform:translateY(-1px)}
.btn-o{padding:13px 26px;background:transparent;color:#fff;font-weight:600;font-size:14.5px;border:1.5px solid rgba(255,255,255,.38);border-radius:8px;transition:all .2s}
.btn-o:hover{border-color:var(--cyan);color:var(--cyan)}
.hero-stats{position:absolute;bottom:0;right:0;display:flex;background:rgba(40,44,42,.82);backdrop-filter:blur(10px);border-top:2px solid var(--cyan);border-left:2px solid rgba(2,230,160,.28)}
.hstat{padding:1.3rem 2rem;border-right:1px solid rgba(2,230,160,.18);text-align:center}
.hstat:last-child{border-right:none}
.hstat .n{font-family:var(--fh);font-size:1.9rem;font-weight:900;color:var(--cyan);line-height:1}
.hstat .l{font-size:10.5px;font-weight:600;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}

/* ── TRUSTED BAR ── */
.trust-bar{background:var(--off);border-bottom:1px solid var(--gray-lt);padding:1.1rem 3rem;display:flex;align-items:center;gap:2rem;overflow:hidden;flex-wrap:wrap;justify-content:center}
.trust-lbl{font-size:10.5px;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.trust-logos{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;justify-content:center}

/* Logo chip — white rounded tile housing each real client logo */
.logo-chip{
  background:#fff;
  border:1px solid var(--gray-lt);
  border-radius:10px;
  padding:.6rem 1.1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  transition:transform .2s,box-shadow .2s;
  box-shadow:0 1px 3px rgba(40,44,42,.05);
}
.logo-chip:hover{transform:translateY(-1px);box-shadow:var(--sh)}
.logo-chip img,.logo-chip svg{display:block;max-height:38px;width:auto}
/* On dark strip: chips keep white bg so any logo reads */
.logo-strip .logo-chip{border-color:rgba(255,255,255,.12);background:#fff}

/* ── SECTIONS ── */
section{padding:5.5rem 4rem}
.stag{display:inline-block;font-size:11px;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.7rem}
.sh2{font-family:var(--fh);font-size:clamp(1.7rem,3.3vw,2.6rem);font-weight:700;line-height:1.2;color:var(--dark);margin-bottom:.9rem}
.sh2 em{color:var(--teal);font-style:normal}
.ssub{color:var(--gray);font-size:1.03rem;max-width:640px;line-height:1.72}
.bg-off{background:var(--off)}
.bg-dark{background:var(--teal-deep)}
.bg-dark .sh2{color:#fff}
.bg-dark .sh2 em{color:var(--cyan)}
.bg-dark .ssub{color:rgba(255,255,255,.72)}
.bg-dark .stag{color:var(--cyan)}
/* Sub-hero (dark background) also needs cyan em */
.sub-hero h1 em{color:var(--cyan)}
/* Origin badge on dark background */
.hero .obadge,.sub-hero .obadge{background:rgba(2,230,160,.14);border-color:rgba(2,230,160,.45);color:var(--cyan)}

/* ── 4-CAT GRID (homepage) — bigger icons, SVG-based ── */
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.cat-card{position:relative;overflow:hidden;height:470px;cursor:pointer}
.cat-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease}
.cat-card:hover .cat-bg{transform:scale(1.06)}
.cat-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(1,31,22,.94)0%,rgba(1,31,22,.35)55%,rgba(1,31,22,.05)100%);transition:background .3s}
.cat-card:hover .cat-ov{background:linear-gradient(to top,rgba(2,60,43,.94)0%,rgba(1,31,22,.5)60%,rgba(1,31,22,.15)100%)}
.cat-cnt{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.7rem}
.cat-ico{
  width:62px;height:62px;background:rgba(2,230,160,.16);border:1.5px solid rgba(2,230,160,.42);
  border-radius:13px;display:flex;align-items:center;justify-content:center;
  margin-bottom:1.1rem;transition:all .3s;color:var(--cyan);
}
.cat-card:hover .cat-ico{background:var(--cyan);color:var(--teal-deep);border-color:var(--cyan)}
.cat-cnt h3{font-family:var(--fh);font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.42rem}
.cat-cnt p{font-size:.86rem;color:rgba(255,255,255,.78);line-height:1.55;margin-bottom:1rem}
.cat-cta{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--cyan);letter-spacing:.04em}

/* ── PRODUCT CARDS ── */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:1.4rem;margin-top:2.8rem}
.pcard{background:#fff;border:1px solid var(--gray-lt);border-radius:var(--r);overflow:hidden;transition:all .25s;box-shadow:var(--sh);cursor:pointer;display:flex;flex-direction:column}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh2);border-color:var(--cyan)}
.pcard-img{height:200px;background-size:cover;background-position:center;position:relative}
.pbadge{position:absolute;top:11px;left:11px;background:var(--cyan);color:var(--teal-deep);font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:100px;text-transform:uppercase;letter-spacing:.05em}
.pcard-body{padding:1.3rem;flex:1;display:flex;flex-direction:column}
.pcard-body h3{font-family:var(--fh);font-size:1.1rem;font-weight:700;color:var(--dark);margin-bottom:.35rem}
.pcard-body p{font-size:.9rem;color:var(--gray);line-height:1.58;flex:1}
.pcard-link{margin-top:.9rem;font-size:.82rem;font-weight:700;color:var(--teal);display:inline-flex;align-items:center;gap:5px}
.pcard:hover .pcard-link{color:var(--cyan-dk)}

/* ── TWO-COL ── */
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.twocol.rev{direction:rtl}
.twocol.rev>*{direction:ltr}
.photo-blk{border-radius:16px;overflow:hidden;box-shadow:var(--sh2)}
.photo-ph{height:420px;background-size:cover;background-position:center}

/* ── FEATURE LIST ── */
.flist{list-style:none;margin-top:1.4rem;display:flex;flex-direction:column;gap:.7rem}
.flist li{display:flex;align-items:flex-start;gap:11px;font-size:.96rem;color:var(--dark);line-height:1.55}
.flist li::before{content:'✓';width:19px;height:19px;flex-shrink:0;margin-top:2px;display:inline-flex;align-items:center;justify-content:center;background:var(--cyan);color:var(--dark);border-radius:50%;font-size:12px;font-weight:800;line-height:1}
.bg-dark .flist li{color:rgba(255,255,255,.92)}

/* ── CERT BADGES ── */
.certs{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.8rem}
.cert{display:flex;align-items:center;gap:7px;padding:7px 14px;background:var(--off);border:1px solid var(--gray-lt);border-radius:7px;font-size:11.5px;font-weight:700;color:var(--teal-dk)}

/* ── SPECS GRID ── */
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.3rem}
.spec{background:rgba(255,255,255,.07);border:1px solid rgba(2,230,160,.18);border-radius:var(--r);padding:1.4rem}
.spec h4{font-size:1rem;font-weight:700;color:var(--cyan);margin-bottom:.45rem}
.spec p{font-size:.88rem;color:rgba(255,255,255,.78);line-height:1.58}

/* ── STEPS ── */
.steps{display:flex;flex-direction:column;gap:0;margin-top:1.8rem}
.step{display:flex;gap:1.4rem;padding:1.4rem 0;border-bottom:1px solid var(--gray-lt)}
.step:last-child{border-bottom:none}
.stepn{width:42px;height:42px;flex-shrink:0;background:var(--teal);color:#fff;font-family:var(--fh);font-size:.95rem;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center}
.step h4{font-weight:700;color:var(--dark);margin-bottom:.28rem}
.step p{font-size:.88rem;color:var(--gray)}

/* ── HIGHLIGHT BOX ── */
.hbox{background:linear-gradient(135deg,rgba(2,230,160,.07)0%,rgba(2,60,43,.11)100%);border:1px solid rgba(2,230,160,.22);border-left:4px solid var(--cyan);border-radius:var(--r);padding:1.4rem 1.7rem;margin-top:1.8rem}
.hbox h4{font-weight:700;color:var(--teal);margin-bottom:.35rem}
.hbox p{font-size:.9rem;color:var(--gray)}

/* ── INDUSTRY CARDS ── */
.igrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem;margin-top:1.8rem}
.icard{background:var(--off);border:1px solid var(--gray-lt);border-radius:var(--r);padding:1.4rem;display:flex;align-items:center;gap:13px;transition:all .2s}
.icard:hover{border-color:var(--cyan);background:rgba(2,230,160,.05);transform:translateY(-2px)}
.iico{font-size:26px;flex-shrink:0;color:var(--teal);display:flex;align-items:center;justify-content:center;width:36px;height:36px}
.icard h4{font-size:.94rem;font-weight:700;color:var(--dark)}
.icard p{font-size:.81rem;color:var(--gray);margin-top:2px}

/* ── LOGO STRIP (client logos dark bg) ── */
.logo-strip{background:var(--teal-deep);padding:2rem 4rem;border-bottom:1px solid rgba(2,230,160,.16);display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}
.logo-item{display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .2s}
.logo-item:hover{transform:translateY(-2px)}
.logo-item .lname{font-size:9.5px;font-weight:700;color:rgba(255,255,255,.52);text-transform:uppercase;letter-spacing:.09em;text-align:center}

/* ── WORKWEAR EDITORIAL IMAGES ── */
.editorial-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.4rem;margin-top:2.8rem}
.ed-main{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh2);height:440px;background-size:cover;background-position:center;position:relative}
.ed-side{display:flex;flex-direction:column;gap:1.4rem}
.ed-small{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);flex:1;background-size:cover;background-position:center;min-height:210px;position:relative}
.ed-caption{position:absolute;bottom:0;left:0;right:0;padding:1.2rem 1.3rem;background:linear-gradient(to top,rgba(1,31,22,.92)0%,rgba(1,31,22,.55)60%,transparent 100%);color:#fff}
.ed-caption .lbl{font-size:10px;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:.09em}
.ed-caption h4{font-family:var(--fh);font-size:1rem;font-weight:700;margin-top:.22rem}

/* ── CONTACT ── */
.contact-wrap{background:var(--teal-deep);padding:5.5rem 4rem;position:relative;overflow:hidden}
.contact-wrap::before{content:'';position:absolute;top:-180px;right:-180px;width:460px;height:460px;background:radial-gradient(circle,rgba(2,230,160,.13)0%,transparent 70%)}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;max-width:1100px;margin:0 auto}
.cinfo h3{font-family:var(--fh);font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.9rem}
.cinfo p{color:rgba(255,255,255,.72);margin-bottom:1.8rem}
.cdetails{display:flex;flex-direction:column;gap:.9rem}
.cdetail{display:flex;align-items:center;gap:13px;padding:.95rem 1.15rem;background:rgba(255,255,255,.06);border:1px solid rgba(2,230,160,.14);border-radius:var(--r)}
.cdetail .ico{font-size:19px;flex-shrink:0;color:var(--cyan);width:22px;display:flex;align-items:center;justify-content:center}
.cdetail .inf{font-size:.88rem;color:rgba(255,255,255,.88)}
.cdetail .inf strong{display:block;color:var(--cyan);font-size:.77rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1px;font-weight:700}
.cform{display:flex;flex-direction:column;gap:.9rem}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.fg{display:flex;flex-direction:column;gap:5px}
.fg label{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.06em}
.fg input,.fg select,.fg textarea{background:rgba(255,255,255,.08);border:1px solid rgba(2,230,160,.18);border-radius:7px;padding:11px 13px;color:#fff;font-family:var(--fb);font-size:.93rem;transition:border-color .2s}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--cyan)}
.fg textarea{min-height:115px;resize:vertical}
.fg select option{background:var(--teal-dk)}
.fsub{margin-top:.4rem;padding:13px 26px;background:var(--cyan);color:var(--teal-deep);font-weight:700;font-size:14.5px;border-radius:8px;transition:all .2s;align-self:flex-start}
.fsub:hover{background:var(--cyan-lt)}

/* ── UNIFIED FOOTER ── */
.site-footer{background:var(--dark);padding:3.5rem 4rem 2rem;border-top:1px solid rgba(2,230,160,.18)}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2.8rem;max-width:1200px;margin-left:auto;margin-right:auto}
.fbrand img{height:46px;width:auto;display:block;margin-bottom:.9rem}
.fbrand p{font-size:.86rem;color:rgba(255,255,255,.55);line-height:1.68}
.site-footer h5{font-size:.78rem;font-weight:700;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.9rem}
.site-footer ul{list-style:none;display:flex;flex-direction:column;gap:.48rem}
.site-footer ul li a,.site-footer ul li button{font-size:.86rem;color:rgba(255,255,255,.64);background:none;border:none;padding:0;cursor:pointer;font-family:var(--fb);transition:color .2s;text-align:left;display:inline-flex;align-items:center;gap:5px}
.site-footer ul li a:hover,.site-footer ul li button:hover{color:var(--cyan)}
.fbot{border-top:1px solid rgba(255,255,255,.09);padding-top:1.4rem;display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:.8rem}
.fbot p{font-size:.8rem;color:rgba(255,255,255,.4)}
.fbot .fbot-links{display:flex;gap:1.4rem}
.fbot .fbot-links button{background:none;border:none;color:rgba(255,255,255,.52);font-size:.8rem;cursor:pointer;font-family:var(--fb);transition:color .2s}
.fbot .fbot-links button:hover{color:var(--cyan)}

/* ── ORIGIN BADGE ── */
.obadge{display:inline-flex;align-items:center;gap:7px;background:rgba(2,60,43,.12);border:1px solid rgba(2,60,43,.28);border-radius:100px;padding:5px 13px;font-size:11.5px;font-weight:700;color:var(--teal);margin-bottom:.9rem}

/* ── SUBPAGE HEADER ── */
.sub-hero{background:var(--teal-deep);padding:4.5rem 4rem 3rem;position:relative;overflow:hidden}
.sub-hero::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(2,230,160,.1)0%,transparent 70%)}
.breadcrumb{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.breadcrumb-row{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:rgba(255,255,255,.55);margin-bottom:1.1rem}
.breadcrumb-row button{background:none;border:none;color:rgba(255,255,255,.55);font-family:var(--fb);font-size:.85rem;cursor:pointer;transition:color .2s}
.breadcrumb-row button:hover{color:var(--cyan)}
.breadcrumb-row .sep{color:rgba(255,255,255,.3)}
.breadcrumb-row .current{color:var(--cyan);font-weight:700}
.sub-hero h1{font-family:var(--fh);font-size:clamp(1.9rem,3.5vw,2.9rem);font-weight:900;line-height:1.15;color:#fff;margin-bottom:.8rem;max-width:760px}
.sub-hero h1 em{color:var(--cyan);font-style:normal}
.sub-hero p{font-size:1rem;color:rgba(255,255,255,.72);max-width:640px;line-height:1.7}

/* ── GALLERY GRID ── */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.5rem}
.gallery .gi{border-radius:var(--r);overflow:hidden;height:220px;background-size:cover;background-position:center;position:relative}
.gallery .gi.tall{grid-row:span 2;height:auto}

/* ── SPEC TABLE ── */
.spec-table{margin-top:1.8rem;background:var(--off);border:1px solid var(--gray-lt);border-radius:var(--r);overflow:hidden}
.spec-table .row{display:grid;grid-template-columns:1fr 2fr;border-bottom:1px solid var(--gray-lt)}
.spec-table .row:last-child{border-bottom:none}
.spec-table .row .k{padding:.85rem 1.2rem;font-weight:700;color:var(--teal);font-size:.88rem;background:rgba(2,60,43,.04);border-right:1px solid var(--gray-lt)}
.spec-table .row .v{padding:.85rem 1.2rem;color:var(--dark);font-size:.9rem}

/* ── IMPRINT PAGE ── */
.imprint-wrap{max-width:820px;margin:0 auto;padding:4rem 2rem}
.imprint-wrap h1{font-family:var(--fh);font-size:2.2rem;font-weight:900;color:var(--dark);margin-bottom:.4rem}
.imprint-wrap .imp-sub{color:var(--gray);margin-bottom:2.2rem;font-size:1rem}
.imp-block{background:var(--off);border:1px solid var(--gray-lt);border-radius:var(--r);padding:1.6rem 1.9rem;margin-bottom:1.2rem}
.imp-block h3{font-family:var(--fh);font-size:1.1rem;font-weight:700;color:var(--teal);margin-bottom:.7rem}
.imp-block p{color:var(--dark);line-height:1.7;font-size:.94rem}
.imp-block a{color:var(--teal);font-weight:600}
.imp-block a:hover{color:var(--cyan-dk)}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.hero-cnt>*{animation:fadeUp .55s ease backwards}
.hero-tag{animation-delay:.1s}.hero h1{animation-delay:.22s}.hero p{animation-delay:.36s}.btn-row{animation-delay:.48s}

/* ── RESPONSIVE ── */
/* ── NAV TOGGLE ── */
.nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 21px;
  background: transparent;
  padding: 0;
}
.nav-toggle .bar {
  height: 3px;
  width: 100%;
  background-color: var(--cyan);
  border-radius: 10px;
  transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-toggle.active .bar:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.nav-toggle.active .bar:nth-child(2) { opacity: 0; }
.nav-toggle.active .bar:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

/* Footer list icons */
.site-footer ul li{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.64);font-size:.86rem}
.site-footer ul li svg{flex-shrink:0;color:var(--cyan);opacity:.75}

:root{
  --img-d0: url("../images/optimized/css-bg-01.jpg");
  --img-d1: url("../images/optimized/css-bg-02.jpg");
  --img-d2: url("../images/optimized/css-bg-03.jpg");
  --img-d3: url("../images/optimized/css-bg-04.jpg");
  --img-d4: url("../images/optimized/css-bg-05.svg");
  --img-d5: url("../images/optimized/css-bg-06.jpg");
  --img-d6: url("../images/optimized/css-bg-07.jpg");
  --img-d7: url("../images/optimized/css-bg-08.png");
  --img-d8: url("../images/optimized/css-bg-09.png");
  --img-d9: url("../images/optimized/css-bg-10.png");
  --img-d10: url("../images/optimized/css-bg-11.png");
  --img-d11: url("../images/optimized/css-bg-12.png");
  --img-food-mushrooms: url("../images/optimized/css-bg-13.jpg");
  --img-food-fruits: url("../images/optimized/css-bg-14.jpg");
  --img-food-seeds: url("../images/optimized/css-bg-15.jpg");
  --img-food-berries: url("../images/optimized/css-bg-16.jpg");
  --img-food-hero: url("../images/optimized/css-bg-17.jpg");
}

.lang-switch{display:inline-flex;align-items:center;gap:.25rem;margin-left:1rem}
.lang-switch .lang-pill{background:transparent;border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.68);padding:.32rem .58rem;border-radius:6px;cursor:pointer;font-size:.8rem;letter-spacing:.06em;font-weight:600;line-height:1;transition:color .15s,border-color .15s,background .15s}
.lang-switch .lang-pill:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.lang-switch .lang-pill.active{background:var(--cyan);color:#0b1f18;border-color:var(--cyan)}


/* Multi-page refactor overrides */
.page{display:block !important;}


/* Generated inline style replacements */
.inline-style-1{min-height:90vh}
.inline-style-2{background-image:url('https://images.unsplash.com/photo-1521791136064-7986c2920216?w=1800&q=80&auto=format&fit=crop')}
.inline-style-3{height:32px;width:auto;display:block}
.inline-style-4{height:34px;width:auto;display:block}
.inline-style-5{display:flex;align-items:center;gap:10px}
.inline-style-6{font-family:'Univers','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:22px;color:#111;letter-spacing:1px;line-height:1}
.inline-style-7{height:26px;width:auto;display:block}
.inline-style-8{height:30px;width:auto;display:block}
.inline-style-9{background:var(--dark);padding:4rem 4rem 0;text-align:center}
.inline-style-10{color:#fff;max-width:600px;margin:0 auto .4rem}
.inline-style-11{color:var(--cyan)}
.inline-style-12{background-image:var(--img-d5)}
.inline-style-13{background-image:url("../images/optimized/css-bg-18.jpg")}
.inline-style-14{background-image:url("../images/optimized/css-bg-19.jpg")}
.inline-style-15{background-image:url("../images/optimized/css-bg-20.jpg")}
.inline-style-16{max-width:1100px;margin:0 auto}
.inline-style-17{margin-top:1.4rem}
.inline-style-18{background-image:url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=900&q=80&auto=format&fit=crop');height:450px}
.inline-style-19{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.inline-style-20{min-height:70vh}
.inline-style-21{background-image:url("../images/optimized/css-bg-21.jpg")}
.inline-style-22{font-size:10.5px;font-weight:700;color:rgba(255,255,255,.42);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.inline-style-23{padding-top:4.5rem;padding-bottom:2.5rem}
.inline-style-24{max-width:1200px;margin:0 auto}
.inline-style-25{background-image:var(--img-d6)}
.inline-style-26{background-image:url("../images/optimized/css-bg-22.jpg")}
.inline-style-27{background-image:url("../images/optimized/css-bg-23.jpg")}
.inline-style-28{background-image:url("../images/optimized/css-bg-24.jpg")}
.inline-style-29{background-image:url("../images/optimized/css-bg-25.jpg")}
.inline-style-30{background-image:url("../images/optimized/css-bg-26.jpg")}
.inline-style-31{background-image:url("../images/optimized/css-bg-27.jpg")}
.inline-style-32{background-image:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=800&q=80&auto=format&fit=crop');height:430px}
.inline-style-33{padding:5.5rem 4rem}
.inline-style-34{max-width:1100px;margin:0 auto;text-align:center}
.inline-style-35{margin:0 auto 2.8rem}
.inline-style-36{min-height:62vh}
.inline-style-37{background-image:url('https://images.unsplash.com/photo-1511497584788-876760111969?w=1000&q=80&auto=format&fit=crop')}
.inline-style-38{background-image:var(--img-d0)}
.inline-style-39{background-image:var(--img-d2)}
.inline-style-40{background-image:var(--img-d3)}
.inline-style-41{background-image:var(--img-d1)}
.inline-style-42{grid-template-columns:1fr 1fr;margin-top:0}
.inline-style-43{grid-template-columns:repeat(3,1fr)}
.inline-style-44{margin-top:3rem}
.inline-style-45{background:var(--teal);color:#fff;font-size:15px;padding:15px 34px}
.inline-style-46{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),var(--img-d0);background-size:cover;background-position:center}
.inline-style-47{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:2rem}
.inline-style-48{text-align:center}
.inline-style-49{max-width:760px;margin:0 auto}
.inline-style-50{margin:1rem auto 2rem}
.inline-style-51{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),var(--img-d2);background-size:cover;background-position:center}
.inline-style-52{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),var(--img-d3);background-size:cover;background-position:center}
.inline-style-53{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),var(--img-d1);background-size:cover;background-position:center}
.inline-style-54{background-image:url("../images/optimized/css-bg-28.jpg")}
.inline-style-55{background-image:url("../images/optimized/css-bg-29.jpg")}
.inline-style-56{background-image:url("../images/optimized/css-bg-30.jpg")}
.inline-style-57{background-image:url("../images/optimized/css-bg-31.jpg")}
.inline-style-58{background-image:url("../images/optimized/css-bg-30.jpg");height:430px}
.inline-style-59{margin-top:2rem}
.inline-style-60{background:var(--teal);color:#fff}
.inline-style-61{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),url("../images/optimized/css-bg-28.jpg");background-size:cover;background-position:center}
.inline-style-62{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),url("../images/optimized/css-bg-29.jpg");background-size:cover;background-position:center}
.inline-style-63{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),url("../images/optimized/css-bg-30.jpg");background-size:cover;background-position:center}
.inline-style-64{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),url("../images/optimized/css-bg-31.jpg");background-size:cover;background-position:center}
.inline-style-65{min-height:66vh}
.inline-style-66{background-image:var(--img-food-hero);background-size:cover;background-position:center}
.inline-style-67{background-image:var(--img-food-mushrooms);background-size:cover;background-position:center}
.inline-style-68{background-image:var(--img-food-fruits);background-size:cover;background-position:center}
.inline-style-69{background-image:var(--img-food-seeds);background-size:cover;background-position:center}
.inline-style-70{background-image:var(--img-food-berries);background-size:cover;background-position:center}
.inline-style-71{background:rgba(255,255,255,.08);border-color:rgba(2,230,160,.25);color:var(--cyan)}
.inline-style-72{background:rgba(255,255,255,.07);border:1px solid rgba(2,230,160,.18);border-radius:15px;padding:1.8rem;margin-bottom:1rem}
.inline-style-73{font-family:var(--fh);font-size:1.25rem;color:var(--cyan);margin-bottom:.9rem}
.inline-style-74{color:rgba(255,255,255,.72);font-size:.93rem;margin-bottom:1.4rem}
.inline-style-75{width:100%;justify-content:center}
.inline-style-76{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:1.3rem}
.inline-style-77{color:rgba(255,255,255,.48);font-size:.82rem;margin-bottom:.45rem}
.inline-style-78{color:rgba(255,255,255,.85);font-size:.9rem}
.inline-style-79{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),var(--img-food-mushrooms);background-size:cover;background-position:center}
.inline-style-80{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),var(--img-food-fruits);background-size:cover;background-position:center}
.inline-style-81{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),var(--img-food-seeds);background-size:cover;background-position:center}
.inline-style-82{background-image:linear-gradient(rgba(1,31,22,.82),rgba(1,31,22,.92)),var(--img-food-berries);background-size:cover;background-position:center}


/* Refactor hardening: safer layout defaults and accessibility states */
html { text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { min-width: 320px; overflow-x: clip; }
main { isolation: isolate; }
:focus-visible { outline: 3px solid var(--cyan); outline-offset: 3px; }
button:focus-visible, a:focus-visible { border-radius: 8px; }
[id] { scroll-margin-top: 88px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* Contact form submission feedback */
.form-status{
  margin-top:12px;
  font-size:14px;
  line-height:1.45;
  min-height:20px;
}

.cform button[disabled]{
  opacity:.75;
  cursor:not-allowed;
}


/* Honeypot anti-spam field */
.hp-field{
  position:absolute !important;
  left:-10000px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}



/* ── CANONICAL NAVBAR OVERRIDES ──
   Single shared navbar pattern used by every HTML page.
   These selectors intentionally target anchors and the nav panel so all pages behave the same. */
.site-header{position:relative;z-index:1000}
.site-nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  height:72px;width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:1.25rem;
  padding:0 clamp(1rem,3vw,2.5rem);
  background:rgba(1,31,22,.97);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:2px solid var(--cyan);
}
.site-nav .nav-brand{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;cursor:pointer;order:1}
.site-nav .nav-brand img{display:block;height:40px;width:auto;max-width:210px}
.nav-panel{display:flex;align-items:center;justify-content:flex-end;gap:1rem;min-width:0;flex:1;order:2}
.nav-links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.nav-links li{display:flex;align-items:center}
.nav-links li a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:7px 13px;
  color:rgba(255,255,255,.72);background:transparent;border-radius:6px;
  font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.nav-links li a:hover,
.nav-links li a.active,
.nav-links li a[aria-current="page"]{color:#fff;background:rgba(2,230,160,.15)}
.nav-links li a:focus-visible,.nav-toggle:focus-visible,.lang-switch .lang-pill:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.nav-links li a.nav-cta{padding:8px 18px;background:var(--cyan);color:var(--teal-deep);font-weight:800;border-radius:7px}
.nav-links li a.nav-cta:hover{background:var(--cyan-lt);color:var(--teal-deep);transform:translateY(-1px)}
.site-nav .lang-switch{display:inline-flex;align-items:center;gap:.25rem;margin-left:1.25rem;flex:0 0 auto;order:3}
.site-nav .lang-switch .lang-pill{min-width:36px}
.lang-trigger{display:none}
.lang-dropdown{display:inline-flex;align-items:center;gap:.25rem}