@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@500;600&display=swap');:root{--ink:#18251f;--lime:#d8fa50;--pale:#f4f5ef;--muted:#647068;--line:#d5ddd4;--serif:'Playfair Display',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pale);color:var(--ink);font:16px/1.6 Manrope,sans-serif}header{height:78px;padding:0 max(5vw,28px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:1.7px;font-size:14px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:9px}.brand b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--ink);color:var(--lime);font:18px var(--serif)}.brand i{font-weight:400;font-style:normal}nav{display:flex;gap:23px;align-items:center}nav a{font-size:13px;font-weight:600;text-decoration:none;color:var(--ink)}.cta-small{border-bottom:1px solid var(--ink);padding-bottom:2px}.hero{padding:92px max(8vw,40px);min-height:560px;background:var(--ink);color:white}.kicker{font:12px 'DM Mono';letter-spacing:1.3px;color:#718176;margin:0 0 18px}.hero .kicker{color:var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1,.detail h1{font:500 clamp(3rem,6vw,5.3rem)/1.05 var(--serif);letter-spacing:-.05em;margin-bottom:24px}.hero h1 em{font-style:normal;color:var(--lime)}.hero>p:not(.kicker){max-width:510px;color:#c2ccc4}.button{display:inline-block;padding:13px 18px;font-size:14px;font-weight:700;text-decoration:none;border:0;cursor:pointer}.lime{background:var(--lime);color:var(--ink);margin-top:12px}.dark{background:var(--ink);color:var(--lime)}.catalog,.materials,.solutions{padding:88px max(8vw,40px)}.split{display:flex;align-items:end;justify-content:space-between}.split h2,.band h2,.materials h2,.about h2,.contact h2,.spec h2{font:500 2.7rem/1.14 var(--serif);letter-spacing:-.03em;margin:0}.split>p{font:13px 'DM Mono';color:var(--muted)}.controls{display:flex;justify-content:space-between;gap:18px;margin:38px 0 30px}.controls input{font:14px Manrope;padding:11px 0;border:0;border-bottom:1px solid #9cab9e;background:none;width:340px;outline-color:#6c8c70}.controls div{display:flex;gap:8px;flex-wrap:wrap}.controls button{font:12px Manrope;padding:7px 12px;border-radius:22px;border:1px solid var(--line);background:none;color:var(--muted);cursor:pointer}.controls .on{background:var(--ink);color:var(--lime);border-color:var(--ink)}.grid,.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;padding:25px;min-height:240px;color:var(--ink);text-decoration:none;position:relative;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #1c30211c}.card>span,.card small{font:12px 'DM Mono';color:#708276}.card>b{position:absolute;right:22px;font-size:21px}.card h3{font:500 1.6rem var(--serif);line-height:1.18;margin:34px 0 9px}.card p{font-size:13px;color:var(--muted);min-height:43px}.card small{display:block;border-top:1px solid #e1e6df;padding-top:10px;font:11px/1.7 Manrope}.band{background:#dfe9d7;padding:88px max(8vw,40px)}.band h2{max-width:540px}.three{margin-top:44px}.three article{border-top:1px solid #b7c5b2;padding:15px 0}.three article>b{font:12px 'DM Mono';color:#6d8669}.three h3{font:600 1rem Manrope;margin:24px 0 8px}.three p{font-size:14px;color:#5e6d63}.materials{background:#fff}.materials .three article{background:var(--pale);padding:24px;border-top:4px solid #b1ce72}.materials .three h3{font:500 1.6rem var(--serif);margin:0 0 11px}.about{padding:84px max(8vw,40px);max-width:950px}.about>p:last-child{max-width:630px;color:var(--muted)}.contact{background:#dfe9d7;padding:78px max(8vw,40px);display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}.contact>div>p:not(.kicker){font-size:14px;color:#5c6b61}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact label{font-size:13px;color:#506158;display:grid;gap:6px}.contact input,.contact textarea{font:14px Manrope;border:1px solid #c4d0c4;background:#fff;padding:11px;min-height:42px}.contact textarea{height:96px;resize:vertical}.full{grid-column:1/-1}.contact button,.contact #status{justify-self:start}.contact #status{font-size:13px;margin:0;color:#5c7957}footer{padding:28px max(5vw,28px);background:#fff;color:#728178;font:12px 'DM Mono'}.detail{padding:70px max(8vw,40px);background:#fff}.detail>a{font-size:13px;color:var(--ink)}.detail .kicker{margin-top:64px}.detail h1{max-width:750px}.lead{font-size:18px;max-width:640px;color:var(--muted)}.facts{display:flex;gap:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:32px 0;max-width:800px}.facts div{font-size:14px}.facts small{display:block;font:12px 'DM Mono';color:#748177;margin-bottom:4px}.spec{padding:80px max(8vw,40px)}table{margin-top:34px;width:100%;max-width:760px;border-collapse:collapse}tr{border-top:1px solid var(--line)}tr:last-child{border-bottom:1px solid var(--line)}th,td{text-align:left;padding:15px 8px;font-size:14px;font-weight:400}th{color:var(--muted);width:40%}@media(max-width:760px){header{height:66px}nav a:not(.cta-small){display:none}.hero{padding:65px 25px;min-height:510px}.catalog,.materials,.solutions,.band,.about,.contact,.detail,.spec{padding:60px 25px}.controls,.split{align-items:flex-start;flex-direction:column}.controls input{width:100%}.grid,.three,.contact{grid-template-columns:1fr}.contact{gap:35px}.contact form{grid-template-columns:1fr}.hero h1,.detail h1{font-size:3rem}.split h2,.band h2,.materials h2,.about h2,.contact h2,.spec h2{font-size:2.25rem}.facts{gap:20px;flex-wrap:wrap}}
