:root{color-scheme:dark;--base:#101410;--panel:#1a211c;--ink:#f3f6ec;--muted:#b7c3b5;--lime:#d9fa84;--line:#374239}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--ink);font:16px/1.55 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}header,footer{border-block-end:1px solid var(--line)}.bar{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:72px;flex-wrap:wrap;padding-block:12px}.brand{font-size:25px;font-weight:850;letter-spacing:-.04em}.brand span,.eyebrow{color:var(--lime)}nav,.languages{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.languages{font-size:13px;color:var(--muted)}.languages [aria-current]{color:var(--lime);text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:40px;padding-block:70px;border-block-end:1px solid var(--line)}.eyebrow{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.17em}h1,h2,h3,p{margin:0}h1{font-size:clamp(46px,7vw,91px);line-height:1;letter-spacing:-.068em;margin-block:18px 25px;text-wrap:balance}h2{font-size:clamp(32px,5vw,58px);line-height:1.08;letter-spacing:-.048em;margin-block:10px 24px}h3{font-size:23px;line-height:1.19}p{color:var(--muted);max-width:56ch}.cta{display:inline-flex;margin-block-start:24px;padding:12px 19px;border-radius:4px;background:var(--lime);color:#151b11;font-weight:750;gap:20px;align-items:center}.cta:hover{background:#ecffbb}.art{position:relative;background:radial-gradient(ellipse at center,#354938,#1a231d 68%);background-color:var(--panel);border-radius:5px;overflow:hidden;display:grid;place-items:center;aspect-ratio:1.55;border:1px solid var(--line)}.art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#a8ceab12 1px,transparent 1px),linear-gradient(90deg,#a8ceab12 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(ellipse,#000,transparent 78%)}.art svg{width:100%;height:100%;position:relative}.hero .art{aspect-ratio:1.12}.art small{position:absolute;inset-block-end:10px;inset-inline-end:12px;color:#c4d0c2;font-size:11px}.catalog{padding-block:62px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.card .art{border:0;border-block-end:1px solid var(--line);border-radius:0}.info{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:18px;gap:11px}.info p{font-size:14px;margin-block-end:5px}.info a{color:var(--lime);font-weight:700;font-size:14px;margin-block-start:auto}.info a:hover{text-decoration:underline}.contact{padding:40px;margin-block-end:60px;background:#222e23;border:1px solid #415443;border-radius:6px}.contact .email{display:inline-block;margin-inline-start:14px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}footer{border-block-start:1px solid var(--line);border-block-end:0;color:var(--muted);font-size:14px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .eyebrow{letter-spacing:normal}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.hero{gap:25px;padding-block:45px}}@media(max-width:650px){.wrap{width:calc(100% - 32px)}.hero{grid-template-columns:1fr}.hero .art{aspect-ratio:1.6}.catalog{padding-block:42px}.bar{gap:10px 18px}.languages{width:100%}.contact{padding:25px}.contact .email{display:block;margin:12px 0 0}}@media(max-width:430px){.cards{grid-template-columns:1fr}} 
.art img{display:block;position:relative;width:100%;height:100%;object-fit:contain;background:#f7f8f5;min-width:0;min-height:0}.hero .art{background:#f7f8f5}.hero .art img{padding:12px}.hero-tag{position:absolute;inset-block-end:12px;inset-inline-start:12px;background:#19231c;color:var(--lime);padding:5px 10px;font-size:11px;font-weight:750;letter-spacing:.1em;border-radius:3px}.card .art{background:#f7f8f5}
.crumb{padding-block:22px 0;color:var(--muted);font-size:14px}.crumb a{text-decoration:underline;text-underline-offset:4px}.product-hero{grid-template-columns:1fr 1fr;padding-block-start:26px}.product-hero h1{font-size:clamp(36px,5.5vw,70px)}.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.specs div{padding:16px 20px;border-inline-end:1px solid var(--line);border-block-end:1px solid var(--line)}.specs dt{font-size:13px;color:var(--muted)}.specs dd{margin:4px 0 0;font-weight:700;text-align:start}@media(max-width:650px){.product-hero{grid-template-columns:1fr}}
.origin{padding-block:0 48px}
.origin p,.product-description p{max-width:72ch}
.product-description,.product-gallery{padding-block:36px;border-block-end:1px solid var(--line)}
.product-description h2,.product-gallery h2,.origin h2{font-size:clamp(28px,4vw,44px)}
.product-description p+p{margin-block-start:14px}
.product-description a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px}
.gallery-grid a{display:grid;place-items:center;background:#f7f8f5;border:1px solid var(--line);border-radius:5px;overflow:hidden;aspect-ratio:1;cursor:zoom-in}
.gallery-grid img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}
.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.brand img{display:block;flex:none}
.brand .wordmark{color:var(--ink);line-height:1}
.brand .wordmark span{color:var(--lime);margin-inline-start:2px;font-size:.82em;letter-spacing:.12em;font-weight:900}
.product-description h3{margin-block:22px 8px;font-size:20px}

.comparison{padding-block:40px 64px}
.comparison h1{font-size:clamp(34px,6vw,64px)}
.comparison-scroll{margin-block-start:28px;overflow-x:auto;border:1px solid var(--line);border-radius:6px}
.comparison table{border-collapse:collapse;width:100%;min-width:720px;background:var(--panel)}
.comparison th,.comparison td{padding:16px;text-align:start;vertical-align:top;border-block-end:1px solid var(--line)}
.comparison thead th{background:#222e23}
.comparison tr:last-child td,.comparison tbody tr:last-child th{border-block-end:0}
.comparison th a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}
.detail-summary{margin-block-start:10px}
.about li a,.origin a{color:var(--lime);text-decoration:underline;text-underline-offset:3px}.about li+li{margin-block-start:8px}
.hero-carousel .hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease}
.hero-carousel .hero-slide.is-active{opacity:1;pointer-events:auto;z-index:1}
.hero-carousel .hero-slide:focus-visible{outline:2px solid var(--lime);outline-offset:-4px}
@media (prefers-reduced-motion:reduce){.hero-carousel .hero-slide{transition:none}}
.language-menu:not([hidden]){display:inline-flex;align-items:center;gap:7px;max-width:100%}
.language-menu select{font:inherit;font-size:14px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:7px 10px;max-width:100%}
.language-menu select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
