@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--ink:#14231f;--paper:#f7f6f1;--lime:#d8f43f;--muted:#68726e;--line:#d9ddd6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:'Noto Sans SC',sans-serif;color:var(--ink)}.nav{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,92px);position:sticky;top:0;background:#f7f6f1ea;backdrop-filter:blur(12px);z-index:5}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700;letter-spacing:.7px}.brand-mark{background:var(--ink);color:var(--lime);width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-family:Georgia;font-style:italic}.nav-links{display:flex;gap:34px}.nav-links a{color:var(--ink);text-decoration:none;font-size:14px}.nav-actions{display:flex;gap:20px;align-items:center}button{font:inherit;cursor:pointer;border:0}.text-button{background:none;color:var(--ink)}.dark-button,.primary-button{background:var(--ink);color:white;padding:12px 19px;border-radius:2px;text-decoration:none;display:inline-flex;align-items:center;gap:23px;font-size:14px}.hero{min-height:590px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden}.hero-copy{padding:clamp(64px,10vw,138px) clamp(24px,8vw,122px)}.eyebrow{font:12px 'DM Mono',monospace;letter-spacing:1.4px;color:#728079;margin:0 0 20px}.hero h1{font-size:clamp(47px,5.2vw,78px);line-height:1.14;letter-spacing:-3px;margin:0 0 23px;font-weight:600}.hero h1 em{font-family:'Playfair Display',serif;font-weight:600}.lede{line-height:1.9;color:var(--muted);max-width:430px;margin:0 0 33px}.hero-art{background:var(--ink);position:relative;overflow:hidden;min-height:480px}.glow{position:absolute;width:570px;height:570px;border-radius:50%;background:radial-gradient(circle,#92a731 0%,#405638 31%,transparent 68%);top:2%;left:2%;opacity:.9}.product-card{position:absolute;width:205px;padding:21px;background:#f7f6f1;color:var(--ink);box-shadow:0 17px 45px #0004}.product-card span{font:12px 'DM Mono';color:#819146}.product-card strong{display:block;font:600 25px/1.15 'Playfair Display';margin-top:32px}.card-a{top:17%;left:15%;transform:rotate(-7deg)}.card-b{right:13%;bottom:14%;transform:rotate(8deg);background:var(--lime)}.orb{position:absolute;border-radius:50%;border:1px solid #d8f43f80}.orb-one{width:260px;height:260px;right:-60px;top:-50px}.orb-two{width:86px;height:86px;bottom:40px;left:18px;background:#d8f43f}.section{padding:90px clamp(24px,8vw,122px)}.products{background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section-heading h2,.process h2{font-size:35px;letter-spacing:-1.5px;margin:0}.section-heading a{color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.photo{height:290px;background-size:cover;background-position:center}.photo-1{background-image:linear-gradient(#10231a55,#10231a55),url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=900&q=80')}.photo-2{background-image:linear-gradient(#10231a33,#10231a33),url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=900&q=80')}.photo-3{background-image:linear-gradient(#10231a33,#10231a33),url('https://images.unsplash.com/photo-1494412651409-8963ce7935a7?auto=format&fit=crop&w=900&q=80')}article h3{margin:16px 0 3px;font-size:19px}article p{margin:0;color:var(--muted);font-size:14px}.process{background:var(--ink);color:#fff}.process h2{max-width:490px;font-size:40px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;gap:45px}.process-grid>div{border-top:1px solid #ffffff44;padding-top:18px}.process-grid b{color:var(--lime);font:13px 'DM Mono'}.process-grid h3{font-size:22px;margin:27px 0 8px}.process-grid p{color:#bcc6c1;margin:0}footer{padding:30px clamp(24px,8vw,122px);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.modal-backdrop{display:none;position:fixed;inset:0;background:#10231faa;z-index:10;place-items:center;padding:18px}.modal-backdrop.open{display:grid}.modal{position:relative;background:#fff;width:min(440px,100%);padding:45px}.modal h2{font-size:32px;margin:0 0 8px}.modal-intro{color:var(--muted);margin-bottom:26px}.close{position:absolute;right:17px;top:12px;font-size:30px;background:none;color:var(--ink)}label{display:block;font-size:13px;font-weight:600;margin:15px 0 6px}input{display:block;width:100%;border:1px solid var(--line);padding:12px;margin-top:7px;font:inherit}.full{width:100%;justify-content:space-between;border:0;margin-top:24px}.demo-note{font-size:12px;color:var(--muted);line-height:1.6;margin:18px 0 0}code{background:#eef0e8;padding:2px 4px}@media(max-width:720px){.nav-links{display:none}.nav{padding:0 20px}.nav-actions{gap:6px}.text-button{font-size:13px}.dark-button{padding:10px}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 26px}.hero-art{min-height:355px}.section{padding:65px 25px}.product-grid,.process-grid{grid-template-columns:1fr}.photo{height:230px}.section-heading h2,.process h2{font-size:28px}.section-heading{align-items:start;gap:20px}.product-grid{gap:35px}.process-grid{gap:28px;margin-top:38px}footer{padding:24px;gap:10px}.card-a{left:12%}}