:root{color:#17201a;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f4ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}main{overflow:hidden}.hero{background:radial-gradient(circle at 20% 20%,#779e7b40,#0000 32%),linear-gradient(135deg,#f7f4ec 0%,#e9efe2 100%);min-height:92vh;padding:28px clamp(20px,5vw,72px) 64px}.nav{justify-content:space-between;align-items:center;gap:24px;max-width:1180px;margin:0 auto 88px;display:flex}.brand{letter-spacing:-.03em;font-size:1.25rem;font-weight:800}.nav-links{color:#4c5a50;gap:24px;font-size:.95rem;display:flex}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(32px,6vw,86px);max-width:1180px;margin:0 auto;display:grid}.eyebrow,.label{color:#476946;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:.82rem;font-weight:750;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.075em;max-width:850px;margin:18px 0 24px;font-size:clamp(3.1rem,7vw,6.4rem);line-height:.92}h2{letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(2rem,4vw,3.65rem);line-height:1}h3{margin-bottom:10px;font-size:1.25rem}p{color:#526157;line-height:1.65}.hero-text{max-width:660px;font-size:1.2rem}.microcopy{margin-top:16px;font-size:.9rem}.hero-actions,.footer-contact{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.button{border:1px solid #17201a24;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:760;display:inline-flex}.button.primary{color:#fff;background:#17201a;box-shadow:0 18px 50px #17201a2e}.button.secondary{background:#ffffffa6}.product-card{background:#ffffffb8;border:1px solid #17201a1a;border-radius:36px;padding:28px;box-shadow:0 30px 80px #17201a1f}.window-frame{background:linear-gradient(#dcebd9,#f8fbf6);border:18px solid #26352b;border-radius:18px;height:420px;position:relative;overflow:hidden}.window-sash{transform-origin:0;background:#ffffff59;border:12px solid #455946;border-radius:10px;width:52%;height:82%;position:absolute;top:8%;left:26%;transform:perspective(700px)rotateY(-24deg)}.mesh{background:repeating-linear-gradient(45deg,#47694638 0 2px,#0000 2px 10px);border:2px dashed #4769468c;position:absolute}.mesh-center{border-radius:8px;width:38%;height:70%;top:14%;left:31%}.mesh-left{clip-path:polygon(100% 0,100% 100%,0 82%,0 18%);width:20%;height:66%;top:17%;left:10%}.mesh-right{clip-path:polygon(0 0,0 100%,100% 82%,100% 18%);width:20%;height:66%;top:17%;right:10%}.hero-concept-image{object-fit:contain;background:#fff;border-radius:20px;width:100%;max-height:520px;display:block}.product-caption{gap:4px;margin-top:18px;display:grid}.product-caption span{color:#69756b;font-size:.92rem}.section{max-width:1180px;margin:0 auto;padding:90px clamp(20px,5vw,72px)}.section-heading{max-width:850px}.problem-grid,.benefit-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.problem-card,.benefit-card,.pill,details{background:#fff;border:1px solid #17201a1a;border-radius:24px;padding:24px;box-shadow:0 18px 45px #17201a0f}.split{grid-template-columns:1fr 1fr;align-items:start;gap:54px;display:grid}.steps{gap:16px;display:grid}.steps div{color:#fff;background:#17201a;border-radius:22px;padding:20px;font-weight:700}.steps span{color:#17201a;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;margin-right:10px;display:inline-grid}.pill-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;display:grid}.pill{align-items:center;gap:10px;font-weight:700;display:flex}.benefit-grid{grid-template-columns:repeat(4,1fr)}.icon{color:#476946;background:#e9efe2;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:18px;display:grid}.cta-panel{color:#fff;background:#17201a;border-radius:42px;justify-content:space-between;align-items:center;gap:32px;padding:clamp(34px,6vw,64px);display:flex}.cta-panel p,.cta-panel .label{color:#dcebd9}.cta-panel .button.primary{color:#17201a;background:#fff}.gallery{margin-top:28px}.gallery-track{grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--gallery-columns) - 1) * 24px) / var(--gallery-columns));overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;gap:24px;display:grid;overflow-x:auto}.gallery-peek .gallery-track{grid-auto-columns:calc(43.4783% - 13.5652px);padding-right:clamp(36px,8vw,96px)}.gallery-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.gallery-track::-webkit-scrollbar{display:none}.gallery-controls{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.gallery-controls button{color:#17201a;cursor:pointer;background:#fff;border:1px solid #17201a24;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.gallery-controls button:hover{background:#e9efe2}.image-card{scroll-snap-align:start;scroll-snap-stop:always;background:#fff;border:1px solid #17201a1a;border-radius:24px;grid-template-rows:auto 1fr;margin:0;display:grid;overflow:hidden;box-shadow:0 18px 45px #17201a0f}.image-card img,.image-card video{aspect-ratio:3/4;object-fit:cover;background:#17201a;width:100%;display:block}.image-card img[src*=concept-drawing]{aspect-ratio:auto;object-fit:contain;background:#f7f4ec}:-webkit-any(.image-card video:fullscreen,.image-card video:-webkit-full-screen){aspect-ratio:auto;object-fit:contain;background:#000;width:100%;height:100%}:is(.image-card video:fullscreen,.image-card video:fullscreen){aspect-ratio:auto;object-fit:contain;background:#000;width:100%;height:100%}.image-caption{color:#526157;margin:0;padding:18px;font-size:.95rem;line-height:1.5}.faq{gap:12px;display:grid}summary{cursor:pointer;font-weight:800}details p{margin:14px 0 0}.footer{border-top:1px solid #17201a1a;justify-content:space-between;gap:32px;max-width:1180px;margin:0 auto;padding:56px clamp(20px,5vw,72px) 72px;display:flex}.footer h2{font-size:1.8rem}.footer-contact a{align-items:center;gap:8px;font-weight:700;display:inline-flex}.footer-contact span{color:#476946;font-weight:800}@media (width<=900px){.nav{margin-bottom:54px}.nav-links{display:none}.hero-grid,.split,.problem-grid,.benefit-grid,.pill-grid{grid-template-columns:1fr}.gallery-track,.gallery-peek .gallery-track{grid-auto-columns:min(82vw,360px);padding-right:44px}.window-frame{height:340px}.cta-panel,.footer{flex-direction:column;align-items:flex-start}}