@font-face {
  font-family: Inter;
  src: url('inter-latin.woff2') format('woff2');
  font-weight: 400 800;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url('inter-latin-ext.woff2') format('woff2');
  font-weight: 400 800;
  font-display: swap;
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
:root {
  --paper:#f7f5ee; --white:#fffdf7; --ink:#172c21; --muted:#4d5d50;
  --forest:#204837; --forest-deep:#173529; --lime:#e3edc4; --line:#d9ddd0;
  --gutter:clamp(20px,5vw,72px);
  font: 400 16px/1.58 Inter, system-ui, sans-serif;
  color:var(--ink);
  background:var(--paper);
}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0}
h1,h2,h3,p,figure {margin:0}
h1,h2,h3 {line-height:1.08;letter-spacing:-.047em}
h2 {font-size:clamp(2.2rem,4.3vw,4rem);font-weight:760;text-wrap:balance}
h3 {font-size:1.37rem;font-weight:730}
a {color:inherit}
img {display:block;width:100%;height:auto}
button,input,select,textarea {font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #75944a;outline-offset:4px}
.wrap {width:min(100% - 2 * var(--gutter), 1296px);margin-inline:auto}
.skip {position:absolute;top:8px;left:10px;z-index:9;background:var(--white);padding:10px;transform:translateY(-150%)}
.skip:focus {transform:none}
.site-header {border-bottom:1px solid var(--line)}
.header-inner {min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand {display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;letter-spacing:.065em;font-size:1.17rem}
.brand img {width:38px;height:38px}
.header-inner nav {display:flex;align-items:center;gap:clamp(20px,3.3vw,46px)}
.header-inner nav a {text-decoration:none;font-size:.88rem;font-weight:650}
.header-inner nav a:hover,.text-link:hover {text-decoration:underline;text-underline-offset:4px}
.header-inner nav a[aria-current="page"] {text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.home-header {position:absolute;inset:0 0 auto;z-index:2;border:0;color:var(--white)}
.home-header .header-inner {min-height:clamp(88px,9vw,130px)}
.header-inner .brand-outlined {--brand-red:#ff1c24;gap:7px;border-bottom:3px solid var(--brand-red);padding-bottom:5px;color:#fffdf7;font-size:clamp(1.35rem,2.45vw,2.45rem);line-height:1.1;letter-spacing:.055em}
.brand-outlined span {-webkit-text-stroke:clamp(2.8px,.25vw,4.8px) var(--brand-red);paint-order:stroke fill}
.brand-outlined svg {width:1.22em;height:1.22em;flex:none}
.home-header .button {background:#182d26ba;border-color:#ffffff73;color:var(--white)}
.home-header .button:hover {background:var(--forest)}
.home-header :focus-visible {outline-color:var(--lime)}
.button {display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;padding:12px 19px;background:var(--forest);color:white;border:1px solid transparent;border-radius:7px;font-weight:700;font-size:.9rem;text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease}
.button:hover {background:#2d5b43}
.button-small {min-height:41px;padding:8px 14px}
.button span,.text-link span {font-size:1.1em}
.text-link {display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:690;font-size:.88rem;color:var(--forest)}
.eyebrow {font-weight:750;font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;color:var(--forest)}
.hero {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(25px,4.3vw,64px);align-items:center;padding-block:clamp(44px,6.5vw,96px)}
.hero h1 {font-size:clamp(3.35rem,5.6vw,6.1rem);font-weight:790;margin-block:17px 24px;line-height:1.02;letter-spacing:-.064em}
.hero h1 span {color:#577747}
.lead {font-size:clamp(1rem,1.28vw,1.22rem);max-width:36ch;color:var(--muted)}
.hero-actions {display:flex;flex-wrap:wrap;align-items:center;gap:14px 23px;margin-top:28px}
.hero-visual {position:relative;overflow:hidden;border-radius:10px;background:#c7af96;isolation:isolate}
.hero-visual img {width:100%;height:auto;aspect-ratio:1.28;object-fit:cover}
figcaption {font-size:.76rem;color:var(--muted);padding-top:7px}
.hero-visual figcaption {position:absolute;bottom:12px;right:12px;padding:4px 8px;border-radius:4px;color:#fffdf7;background:#2b211bdc}
.hero.hero-background {position:relative;display:flex;isolation:isolate;overflow:hidden;min-height:clamp(620px,48vw,790px);padding-block:clamp(126px,11vw,175px) clamp(73px,6vw,103px);background:var(--forest-deep);color:var(--white)}
.hero-background video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;filter:saturate(.72);pointer-events:none;z-index:-2}
.hero-background::before {content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0d1918aa,transparent 33%),linear-gradient(90deg,#101b19e0,#132120bc 40%,#13212085 80%)}
.hero-background-inner {display:grid;grid-template-columns:minmax(0,1.23fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4.5vw,72px)}
.hero-background .hero-copy {max-width:740px}
.hero-background h1 {font-size:clamp(2.95rem,5.6vw,6.05rem)}
.hero-background h1 span,.hero-background .eyebrow {color:var(--lime)}
.hero-background .lead {max-width:48ch;color:#f3f4e9}
.hero-background .button {background:var(--lime);color:var(--forest-deep)}
.hero-background .button:hover {background:#f0f5db}
.hero-background .text-link {color:var(--white)}
.hero-background :focus-visible {outline-color:var(--lime)}
.hero-map {width:min(100%,460px);justify-self:center;text-align:center}
.hero-map img {height:auto;filter:drop-shadow(0 5px 18px #12161460)}
.hero-map figcaption {display:grid;gap:4px;color:var(--white)}
.hero-map strong {font-size:clamp(.92rem,1.3vw,1.16rem)}
.video-toggle {position:absolute;bottom:16px;right:var(--gutter);min-height:44px;padding:6px 12px;border:1px solid #fff9;border-radius:5px;background:#172c21dd;color:#fff;font:600 .81rem Inter,system-ui,sans-serif;cursor:pointer}
.video-toggle:hover {background:var(--forest)}
.factory-film video {display:block;width:100%;height:auto;border-radius:9px;background:#302d27}
.catalog {padding-block:clamp(46px,6vw,86px);border-block:1px solid var(--line);background:#eeefe5}
.section-heading {display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:25px;margin-bottom:29px}
.section-heading h2,.factory h2,.quote h2 {margin-top:9px}
.section-heading>p,.factory-intro {color:var(--muted);max-width:46ch}
.section-heading>p {justify-self:end}
.product-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.product {overflow:hidden;border:1px solid #d6d9cc;border-radius:9px;background:var(--white);display:flex;flex-direction:column}
.product>img {aspect-ratio:1.47;object-fit:cover;background:#dac7ad}
.product-copy {padding:22px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.product-copy p {margin-block:11px 18px;color:var(--muted);font-size:.92rem}
.product-copy a {margin-top:auto}
.catalog-shop {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:17px 26px;margin-top:22px;padding:clamp(18px,2.5vw,30px);border:1px solid var(--line);border-radius:9px;background:var(--white)}
.catalog-shop p {margin-top:6px;color:var(--muted)}
.factory {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,6vw,85px);align-items:center;padding-block:clamp(52px,8vw,110px)}
.factory-film {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.factory figure img {aspect-ratio:1.34;object-fit:cover;border-radius:9px}
.factory-intro {margin-top:16px}
.factory-link {margin-top:16px}
.process {margin:21px 0 0}
.process div {padding:12px 0;border-top:1px solid var(--line)}
.process div:last-child {border-bottom:1px solid var(--line)}
.process dt {font-weight:730;font-size:.93rem}
.process dd {margin:2px 0 0;color:var(--muted);font-size:.88rem}
.quote {background:var(--forest-deep);color:#fffdf7;padding-block:clamp(50px,7vw,98px)}
.quote-grid {display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(25px,7vw,95px);align-items:center}
.quote .eyebrow {color:#c2d6ad}
.quote h2 {font-size:clamp(2.9rem,6vw,5.5rem)}
.quote-copy>p:not(.eyebrow) {color:#e1e9d9;margin-top:21px;max-width:38ch}
.contact {margin-top:27px;padding-top:21px;border-top:1px solid #ffffff33;display:grid;gap:5px}
.contact h3 {font-size:.95rem;letter-spacing:0;margin-bottom:3px}
.contact a {justify-self:start;text-underline-offset:3px;color:var(--lime)}
.contact p {color:#e1e9d9;font-size:.86rem}
.quote-card {background:var(--white);color:var(--ink);border-radius:10px;padding:clamp(18px,3.3vw,38px)}
.quote-card>p {color:var(--muted);font-size:.86rem;margin:10px 0 21px}
.fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 13px}
label {display:block;font-size:.81rem;font-weight:720}
label span {font-weight:500;color:var(--muted)}
.wide {grid-column:1/-1}
input,select,textarea {display:block;width:100%;padding:9px 10px;min-height:44px;margin-top:5px;border:1px solid #aebbae;border-radius:5px;background:#fff;color:var(--ink);font-size:16px}
textarea {resize:vertical}
input::placeholder,textarea::placeholder {color:#647066;opacity:1}
.quote-card .button {margin-top:16px}
#quote-preview {border-top:1px solid var(--line);padding-top:14px;margin-top:16px}
.copy {background:none;padding:6px 0;border:0;cursor:pointer}
#copy-status {font-size:.85rem}
.site-footer {border-top:1px solid #424342;background:#262727;color:#fffdf7}
.footer-inner {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr) minmax(0,1.02fr) minmax(0,.65fr);align-items:start;gap:22px 32px;padding-block:clamp(32px,5vw,64px)}
.footer-inner p,.footer-inner address,.footer-contact>a:not(.button),.footer-nav a {font-size:.9rem;color:#e0e1dc}
.footer-inner address {font-style:normal}
.footer-inner .footer-company-name {font-weight:740;color:#fffdf7}
.footer-inner .footer-label {font-size:.95rem;font-weight:750;color:#ff777a}
.footer-company .brand {margin-bottom:8px}
.footer-addresses {display:grid;gap:12px}
.footer-contact,.footer-nav {display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.footer-contact>a:not(.button) {text-underline-offset:3px}
.footer-nav a {text-decoration:none}
.footer-nav a:hover {text-decoration:underline;text-underline-offset:3px}
.site-footer :focus-visible {outline-color:#ff777a}
.whatsapp-link {min-height:44px;margin-top:8px;gap:9px}
.whatsapp-link[hidden] {display:none}
@media (max-width:900px) {
  .hero h1 {font-size:clamp(2.65rem,6.4vw,4.7rem)}
  .hero-visual img {aspect-ratio:1.02}
  .product-copy {padding:17px}
}
@media (max-width:680px) {
  .header-inner {min-height:68px;gap:10px}
  .header-inner nav {gap:0}
  .header-inner nav a:not(.nav-about) {display:none}
  .header-inner .nav-about {white-space:nowrap}
  .hero,.section-heading,.factory,.quote-grid {grid-template-columns:1fr}
  .hero {gap:25px}
  .hero h1 {font-size:clamp(2.65rem,11vw,4.2rem);margin-bottom:17px}
  .hero.hero-background {min-height:0;padding-block:112px 87px}
  .hero-background-inner {grid-template-columns:1fr;gap:32px}
  .hero-map {width:min(90%,350px)}
  .hero-background h1 {font-size:clamp(2.85rem,10.7vw,4.4rem)}
  .hero-background::before {background:rgba(14,30,23,.72)}
  .hero-visual img {aspect-ratio:1.38}
  .section-heading {gap:12px}
  .section-heading>p {justify-self:start}
  .product-grid {grid-template-columns:1fr}
  .product>img {aspect-ratio:1.72}
  .factory figure {order:2}
  .footer-inner {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px) {
  .footer-inner {grid-template-columns:1fr}
}
@media (max-width:400px) {
  .header-inner .brand {gap:6px;font-size:.94rem}
  .header-inner .brand-outlined {font-size:1.12rem}
  .header-inner .brand img {width:30px;height:30px}
  .header-inner .nav-about,.header-inner .button-small {font-size:.8rem}
  .header-inner .button-small {padding-inline:10px;white-space:nowrap}
  .header-inner .button-small span {display:none}
  .fields {grid-template-columns:1fr}
  .hero-actions {gap:12px 17px}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  .button {transition:none}
}