@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#213b30;--paper:#f8f7f2;--line:#d9ddd3;--accent:#c0ce80}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{background:var(--ink);color:white;border:0;padding:15px 21px;display:inline-block;border-radius:3px;cursor:pointer}button:hover,.button:hover{background:#3f5942}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8e9f4a;outline-offset:4px}.topline{background:var(--ink);color:#eceee2;text-align:center;font-size:10px;letter-spacing:2px;padding:10px}header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 5%;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{font-size:27px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:400}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:25px;font-size:13px}#count{margin-left:8px;background:#ffffff24;padding:2px 6px}section{padding:85px 6%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding-top:60px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin-bottom:25px}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-2px;line-height:1.08}h1{font-size:clamp(58px,6.8vw,100px);margin:20px 0 28px}h2{font-size:clamp(36px,4.5vw,64px);margin:12px 0 28px}h3{font-size:25px;letter-spacing:-.7px;line-height:1.25}em{font-style:normal;color:#81904b}.intro{font-size:19px;line-height:1.7;max-width:500px}p{line-height:1.75}.muted{font-size:12px;color:#66746c}.actions{display:flex;gap:22px;align-items:center;margin:30px 0}.textlink{font-size:13px}figure{margin:0;position:relative}figure img{width:100%;height:570px;object-fit:cover;border-radius:180px 180px 4px 4px}figcaption{background:var(--ink);color:white;padding:20px;font-size:20px;margin-top:-5px}figcaption small{display:block;font-size:10px;opacity:.7;margin-top:9px}.sectionhead{max-width:760px}.paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:35px 0}.paths>a,.paths>article{padding:28px;border:1px solid var(--line);background:#fff9}.paths>a:hover{background:#e9eddc}.paths b{font-size:10px;letter-spacing:1.5px}.paths p{font-size:14px}.paths span{display:block;font-size:12px;margin-top:25px;font-weight:700}.filters{display:flex;gap:20px;margin-top:32px}.filters label{flex:1}label{display:block;font-size:12px;font-weight:600}input,select,textarea{display:block;width:100%;padding:13px;background:#fff;border:1px solid #cbd2c7;border-radius:3px;margin:8px 0 18px;color:var(--ink)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{background:white;border:1px solid var(--line);display:flex;flex-direction:column}.card img{width:100%;height:260px;object-fit:cover}.cardbody{padding:23px;display:flex;flex-direction:column;flex:1}.cardbody h3{margin:12px 0;font-size:23px}.cardbody p{font-size:14px}.cardbody small{font-size:10px;color:#68735f}.cardactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.cardactions button{font-size:12px;padding:12px}.outline{background:transparent;color:var(--ink);border:1px solid var(--line)}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center}.dark{background:var(--ink);color:var(--paper)}.dark button{background:var(--accent);color:var(--ink)}.dark p{color:#d0dbd0}.projectnote span{display:block;border-bottom:1px solid #ffffff35;padding:23px 0;font-size:12px;letter-spacing:1px}.projectnote p{font-size:26px}.cream{background:#eaeadd}.economics>p{max-width:750px}.quote{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#e8eddf}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}#selection>div{border-bottom:1px solid #bac6af;padding:15px 0;display:flex;gap:10px;align-items:center;justify-content:space-between}#selection button{padding:7px;font-size:11px}#formstatus{font-size:12px}footer{padding:50px 6%;display:flex;flex-wrap:wrap;gap:30px;align-items:center}footer small{width:100%;font-size:11px}dialog{border:0;border-radius:6px;max-width:850px;width:92%;max-height:90vh;padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#10281dcc}dialog img{width:100%;max-height:350px;object-fit:contain}dialog h2{font-size:34px}#close{float:right}.notice{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:16px 25px;z-index:10;border-radius:4px;max-width:90vw}@media(max-width:900px){nav{display:none}.products{grid-template-columns:repeat(2,1fr)}.hero{gap:25px}figure img{height:460px}section{padding:60px 5%}}@media(max-width:600px){header{padding:18px 5%}.brand{font-size:23px}header .button{font-size:12px;padding:13px}.hero,.split,.quote{grid-template-columns:1fr}.hero h1{font-size:66px}figure img{height:390px}.products{grid-template-columns:1fr}.filters,.actions{flex-wrap:wrap}.filters label{min-width:100%}.formrow{grid-template-columns:1fr}.card img{height:290px}h2{font-size:39px}.quote form{margin-top:30px}footer{gap:15px}footer a{overflow-wrap:anywhere}.topline{font-size:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
