:root{--ink:#17251d;--forest:#173d2a;--paper:#f8f7f2;--orange:#ef7c43;--line:#d9ddd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.1em}.brand em{font-style:normal;font-weight:400}.main-nav{display:flex;gap:28px;font-size:13px}.cta,.btn{background:var(--forest);color:#fff;padding:15px 19px;text-transform:uppercase;font-size:11px;letter-spacing:.09em}.menu-toggle{display:none}.hero{min-height:700px;padding:11vh 6vw;color:#fff;background:linear-gradient(90deg,#10271bcc,transparent),url("../images/outdoor-hero.png") center/cover}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--orange);font-weight:700}.hero h1,.page-hero h1{font-size:clamp(58px,7.5vw,110px);line-height:.9;letter-spacing:-.06em;margin:32px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#e7dfcb}.hero p{max-width:640px;line-height:1.8;color:#ffffffcc}.hero .btn{display:inline-block;background:var(--orange);color:var(--ink);margin-top:25px}.section{padding:100px 6vw;max-width:1500px;margin:auto}.section h2{font-size:clamp(38px,5vw,70px);line-height:1.03;letter-spacing:-.05em;margin:15px 0 45px}.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:end}.intro p,.lead{line-height:1.85;color:#667169}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff}.visual{height:240px;background:#e8e3d8;position:relative;overflow:hidden}.visual:after{content:"";position:absolute;width:65%;height:65%;left:18%;bottom:0;background:var(--forest);clip-path:polygon(50% 0,100% 100%,0 100%)}.visual.chair:after{background:#805a42;clip-path:polygon(12% 20%,90% 0,78% 64%,92% 100%,79% 100%,67% 64%,24% 70%,15% 100%,2% 100%)}.visual.power:after{background:#303b37;clip-path:inset(12% 16% 0 16% round 12px)}.card-body{padding:25px}.card small{color:var(--orange);text-transform:uppercase;letter-spacing:.1em}.card h3{font-size:25px;margin:12px 0}.card p{color:#68736b;line-height:1.7}.card-link{display:block;border-top:1px solid var(--line);padding-top:17px;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.dark{background:var(--forest);color:#fff;max-width:none}.dark .lead{color:#ffffffaa}.page-hero{padding:95px 7vw;background:var(--forest);color:#fff}.page-hero h1{font-size:clamp(52px,7vw,90px);max-width:1100px}.page-hero p{max-width:680px;color:#ffffffaa;line-height:1.8}.catalog a{display:grid;grid-template-columns:50px 1fr 30px;gap:20px;padding:30px 10px;border-top:1px solid var(--line);align-items:center}.catalog h2{font-size:33px;margin:8px 0}.catalog p{margin:0;color:#69736c}.specs{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.specs dl{margin:0}.specs dl div{display:grid;grid-template-columns:1fr 1.4fr;padding:18px 0;border-top:1px solid var(--line)}dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#79827c}dd{margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.steps article{background:#fff;padding:30px}.steps span{color:var(--orange);font-size:10px}.rfq{display:grid;grid-template-columns:1fr 1fr;gap:23px}.rfq label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;display:flex;flex-direction:column;gap:9px}.rfq input,.rfq select,.rfq textarea{padding:14px;border:1px solid var(--line);background:#fff;font:inherit}.rfq .wide,.rfq button{grid-column:1/-1}.rfq button{padding:18px;background:var(--orange);border:0;text-transform:uppercase;letter-spacing:.1em}.form-success{text-align:center;background:#fff;padding:60px}.footer{background:#112219;color:#fff;padding:55px 6vw 25px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.footer p{color:#ffffff88;margin:0}.footer nav{display:flex;justify-content:flex-end;gap:18px;font-size:11px}.footer small{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:20px;color:#ffffff66}.breadcrumbs{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#77827a;margin-bottom:30px}
@media(max-width:800px){.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;z-index:5}.main-nav.open{display:flex}.menu-toggle{display:block;min-width:64px;min-height:44px;padding:10px 14px;border:1px solid var(--forest);background:#fff;color:var(--forest);font:700 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.header>.cta{display:none}.intro,.specs{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{min-height:720px;padding:90px 22px}.section,.page-hero{padding:70px 22px}.grid,.steps,.rfq{grid-template-columns:1fr}.rfq .wide,.rfq button{grid-column:auto}.catalog h2{font-size:24px}.footer{grid-template-columns:1fr}.footer nav{justify-content:flex-start}.footer small{grid-column:auto}}

/* Campvora Phase 1 static foundation. Kept additive for legacy-page compatibility. */
.brand{display:inline-flex;align-items:baseline;gap:.45rem;white-space:nowrap}
.brand-name{font-weight:800;letter-spacing:.08em}
.brand-suffix{font-weight:400;letter-spacing:.04em}
.skeleton-notice{max-width:980px;margin:0 auto;padding:10px 6vw;background:#fff3cd;color:#5f4b00;border-bottom:1px solid #ead58a;font-size:12px;letter-spacing:.04em;text-align:center}
.skeleton-main{min-height:52vh}
.skeleton-copy{max-width:760px;font-size:18px;line-height:1.8;color:#667169}
.footer-columns{grid-column:2/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.footer-columns h2{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff88}
.footer-columns a{display:block;margin:10px 0;font-size:12px}
@media(max-width:800px){.header{height:auto;min-height:78px;gap:16px}.footer-columns{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.footer-columns{grid-template-columns:1fr}}

/* Phase 2 content system */
.media-natural{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}body{overflow-x:hidden}.btn,.cta,.card-link{transition:background .2s,color .2s,transform .2s}.btn:hover,.cta:hover{background:#24583d}.content-hero{padding:84px 6vw;background:linear-gradient(130deg,#173d2a,#0f291c);color:#fff}.content-hero h1{max-width:1050px;font-size:clamp(42px,6vw,82px);line-height:1;letter-spacing:-.045em;margin:18px 0;overflow-wrap:anywhere}.content-hero p{max-width:760px;line-height:1.8;color:#ffffffc2;overflow-wrap:anywhere}.section-tight{padding-top:58px;padding-bottom:58px}.section-alt{background:#eeeee7;max-width:none}.section h2{overflow-wrap:anywhere}.section h3{line-height:1.2;overflow-wrap:anywhere}.section p,.lede{overflow-wrap:anywhere}.lede{font-size:20px;line-height:1.75;color:#536159;max-width:850px}.pill-list{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}.pill-list li{padding:9px 13px;background:#fff;border:1px solid var(--line);font-size:12px}.product-grid,.resource-grid,.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.content-card{background:#fff;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;min-width:0}.content-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#fff}.content-card h3{font-size:24px;margin:12px 0}.content-card h3 a{color:inherit}.content-card p{color:#637067;line-height:1.7;flex:1}.content-card a{font-weight:700;color:var(--forest);overflow-wrap:anywhere}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);max-width:100%}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{text-align:left;padding:15px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{background:#e5e9e3;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.data-table td{font-size:14px;line-height:1.5}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.fact-grid div{background:#fff;padding:22px;min-width:0}.fact-grid small{display:block;color:#78827b;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.fact-grid strong{display:block;margin-top:8px;overflow-wrap:anywhere}.boundary{border-left:5px solid var(--orange);background:#fff;padding:22px 26px}.notice-risk{background:#fff2d8;border:1px solid #e2bd70;padding:20px}.product-hero-v2{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:60px 6vw}.product-hero-v2>*{min-width:0}.product-hero-v2 img{width:100%;max-height:620px;object-fit:contain;background:#fff}.product-hero-v2 h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.045em;line-height:1;margin:14px 0;overflow-wrap:anywhere}.gallery-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-v2 figure{margin:0;background:#fff;border:1px solid var(--line);min-width:0}.gallery-v2 img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block}.gallery-v2 figcaption{padding:12px;font-size:12px;color:#58655d}.faq details{background:#fff;padding:20px;margin-bottom:8px;border:1px solid var(--line)}.faq summary{font-size:17px}.link-list{display:flex;flex-wrap:wrap;gap:12px}.link-list a{background:#fff;border:1px solid var(--line);padding:12px 15px}.article-body{max-width:900px}.article-body h2{font-size:36px;margin-top:58px}.article-body p,.article-body li{line-height:1.85;color:#4e5d54}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid article{background:#fff;padding:24px;min-width:0}.process-grid span{color:var(--orange);font-weight:800}.process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0;counter-reset:process}.process-list li{background:#fff;border:1px solid var(--line);padding:24px;min-width:0;counter-increment:process}.process-list li:before{content:counter(process,decimal-leading-zero);display:block;color:var(--orange);font-weight:800;letter-spacing:.08em;margin-bottom:12px}.process-list h3{font-size:22px;margin:0 0 12px}.process-list p{color:#637067;line-height:1.7;margin:0}.rfq-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rfq-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;min-width:0}.rfq-form input,.rfq-form select,.rfq-form textarea{padding:14px;border:1px solid #aeb8b1;background:#fff;font:inherit;max-width:100%}.rfq-form .wide,.rfq-form button{grid-column:1/-1}.email-fallback{margin-top:22px}.meta-note{font-size:13px;color:#67736b}.main-nav a[aria-current="page"]{font-weight:800;border-bottom:2px solid var(--orange)}
@media(max-width:900px){.main-nav{gap:14px}.product-grid,.resource-grid,.solution-grid{grid-template-columns:repeat(2,1fr)}.fact-grid,.process-grid,.process-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.product-hero-v2{grid-template-columns:1fr}.gallery-v2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.product-grid,.resource-grid,.solution-grid,.gallery-v2,.fact-grid,.process-grid,.process-list,.rfq-form{grid-template-columns:1fr}.rfq-form .wide,.rfq-form button{grid-column:auto}.content-hero{padding:60px 22px}.product-hero-v2{padding:50px 22px}.data-table{min-width:680px}}
.product-hero{display:grid;grid-template-columns:1.12fr .88fr;gap:6vw;align-items:center;padding:70px 6vw;max-width:1500px;margin:auto}.product-media{background:#fff;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-media img{width:100%;height:100%;max-height:720px;object-fit:contain}.product-summary h1{font-size:clamp(44px,5.5vw,78px);line-height:.98;letter-spacing:-.055em;margin:20px 0}.product-summary .lead{font-size:18px}.product-tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.product-tags span{border:1px solid var(--line);padding:9px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#fff}.product-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding:12px 0}.quick-facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff;max-width:1320px;margin:0 auto 80px}.quick-facts div{padding:25px;border-right:1px solid var(--line)}.quick-facts div:last-child{border-right:0}.quick-facts small{display:block;color:#77827a;text-transform:uppercase;letter-spacing:.09em;font-size:9px;margin-bottom:10px}.quick-facts strong{font-size:18px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article{background:#fff;padding:32px}.feature-grid h3{font-size:22px;margin:14px 0}.feature-grid p,.prose p{color:#68736b;line-height:1.75}.feature-no{color:var(--orange);font-size:11px;letter-spacing:.1em}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gallery figure{margin:0;background:#fff}.gallery figure:first-child{grid-column:1/-1}.gallery img{display:block;width:100%;height:520px;object-fit:contain;background:#fff}.gallery figure:first-child img{height:auto;max-height:760px}.gallery figcaption{padding:14px 18px;color:#69736c;font-size:11px}.spec-table{width:100%;border-collapse:collapse;background:#fff}.spec-table th,.spec-table td{text-align:left;padding:18px;border-top:1px solid var(--line);vertical-align:top}.spec-table th{width:35%;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#78827b}.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.check-list{list-style:none;padding:0;margin:0}.check-list li{padding:16px 0;border-top:1px solid #ffffff33;line-height:1.6}.check-list li:before{content:"✓";color:var(--orange);margin-right:12px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#68736b;line-height:1.75;max-width:850px}.rfq-band{background:var(--orange);padding:70px 6vw;display:flex;align-items:center;justify-content:space-between;gap:30px}.rfq-band h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;margin:0;max-width:850px}.rfq-band .btn{white-space:nowrap}.rfq-band-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;flex-shrink:0}.btn-whatsapp{background:#25D366;color:#fff}.btn-whatsapp:hover{background:#1dae57}.wa-float{position:fixed;right:22px;bottom:22px;z-index:9999;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .2s ease}.wa-float:hover{transform:scale(1.08);background:#1dae57}.wa-float svg{width:30px;height:30px;display:block}@media(max-width:800px){.product-hero,.split{grid-template-columns:1fr}.product-media{min-height:420px}.quick-facts{grid-template-columns:repeat(2,1fr);margin-left:22px;margin-right:22px}.feature-grid{grid-template-columns:1fr 1fr}.rfq-band{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.product-hero{padding:70px 22px}.feature-grid,.gallery{grid-template-columns:1fr}.product-media{min-height:330px}.product-summary h1{font-size:43px}.quick-facts{grid-template-columns:1fr}.quick-facts div{border-right:0;border-bottom:1px solid var(--line)}.gallery figure:first-child{grid-column:auto}.gallery img{height:auto}.rfq-band{padding:55px 22px}}
/* Narrow desktop navigation: prevent overlap with CTA/language controls;
   retain the shared 800px mobile-menu breakpoint. */
@media(min-width:801px) and (max-width:1100px){.header .main-nav{gap:10px;font-size:11px;min-width:0}.header>.cta{flex-shrink:0}}

/* Shared EN/DE/FR Header navigation. */
.header {
  height: 78px;
  min-height: 78px;
  padding: 0 clamp(20px, 3vw, 64px);
  gap: 14px;
  position: relative;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid var(--line);
}
.header .brand { align-self: center; }
.header .main-nav {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 0;
  gap: 14px;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
}
.header .main-nav .nav-link {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  overflow-wrap: normal;
  padding: 10px 0;
  border-bottom: 2px solid transparent;
  font-weight: 600;
  line-height: 1.2;
  transition: color .2s, border-color .2s;
}
.header .main-nav .nav-link:hover,
.header .main-nav .nav-link.is-active {
  color: var(--forest);
  border-bottom-color: var(--orange);
}
.header .main-nav .nav-link[aria-disabled="true"] { color: #77827a; }
.header > .menu-toggle {
  display: none;
  flex-shrink: 0;
  min-width: 64px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--forest);
  background: #fff;
  color: var(--forest);
  font: 700 12px Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
  cursor: pointer;
}
.header > .cta { flex-shrink: 0; white-space: nowrap; padding: 15px 16px; }
.header .language-switcher {
  flex: 0 0 auto;
  gap: 4px;
  margin-left: 0;
  align-items: center;
  font-size: 11px;
}
.header .language-switcher a {
  white-space: nowrap;
  overflow-wrap: normal;
  padding: 7px 6px;
  line-height: 1.2;
}
@media (min-width: 1101px) and (max-width: 1350px) {
  .header { padding: 0 24px; gap: 10px; }
  .header .main-nav { gap: 10px; font-size: 12px; }
  .header > .cta { padding: 15px 12px; letter-spacing: .04em; }
}
@media (max-width: 1100px) {
  .header { padding: 0 20px; gap: 10px; }
  .header > .menu-toggle { display: block; }
  .header > .cta { display: none; }
  .header .main-nav {
    display: none;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    right: 0;
    z-index: 20;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    padding: 16px 24px;
    background: #fff;
    border-bottom: 1px solid var(--line);
    max-height: calc(100dvh - 100px);
    overflow-y: auto;
    font-size: 14px;
  }
  .header .main-nav.open { display: flex; }
  .header .main-nav .nav-link { min-height: 44px; padding: 10px 0; }
  .header .language-switcher { margin-left: auto; }
}
@media (max-width: 560px) {
  .header { padding: 0 16px; gap: 8px; }
  .header > .menu-toggle { min-width: 56px; padding: 10px; }
  .header .language-switcher { font-size: 10px; }
  .header .language-switcher a { padding: 6px; }
}
