@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,400;1,500&display=swap');
:root{--cream:#f9f8f4;--ink:#1c1d23;--green:#8cc580;--line:#dcdcd2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #67a35e;outline-offset:6px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:5}.logo{width:185px;height:auto;mix-blend-mode:multiply}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.text-link:hover{color:#598e4f}.nav-contact{font-size:14px;border-bottom:1px solid;padding-bottom:6px}.nav-contact span{margin-left:35px}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:720px}.hero-copy{padding:66px 7% 28px 9%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;line-height:1.7}h1{font-size:clamp(60px,6.9vw,112px);line-height:.99;font-weight:500;letter-spacing:-5px;margin:40px 0 30px}em{font-family:'Playfair Display',Georgia,serif;font-weight:400}h1 em{font-size:.88em;letter-spacing:-4px}.intro{font-size:16px;line-height:1.7;max-width:370px;color:#55565a}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;background:var(--ink);color:white;padding:18px 22px;font-size:12px;margin-top:25px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#323441}.hero-bottom{display:flex;gap:23px;margin-top:60px;font-size:10px;color:#686967}.hero-photo{position:relative;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;bottom:32px;left:36px;color:#fff;font-size:10px;letter-spacing:3px}.section{padding:100px 7%}.editorial{display:grid;grid-template-columns:1.4fr 1fr;gap:9%;margin-top:30px}h2{font-size:clamp(38px,4vw,65px);line-height:1.13;font-weight:500;letter-spacing:-2px;margin:0 0 25px}p{line-height:1.8}.editorial>div p,.origin p{font-size:15px;color:#66676a;margin:0 0 18px}.promises{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;margin-top:70px;border-top:1px solid var(--line);padding-top:40px}.promises article>span{font-size:58px;letter-spacing:-3px}.promises h3{font-size:17px;font-weight:500}.promises p{font-size:13px;color:#666;max-width:270px}.products{background:#efeee7}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px}.section-heading>p{font-size:13px;color:#696963}.catalogue{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}figure{margin:0}figure img{width:100%;height:540px;object-fit:cover}figcaption{font:italic 20px Georgia;margin-top:16px}.product-list article{display:flex;gap:22px;border-top:1px solid #cfcec5;padding:26px 0}.product-list article>span{font-size:11px;padding-top:7px;color:#666}.product-list article b{font-size:20px;font-weight:400;margin-left:auto}.product-list h3{font-size:22px;font-weight:500;margin:0 0 10px;letter-spacing:-.5px}.product-list p{font-size:13px;margin:0;color:#666}.text-link{display:inline-block;font-size:12px;border-bottom:1px solid;padding-bottom:8px;margin-top:25px}.business{padding:90px 7%;background:var(--ink);color:var(--cream)}.business-top{max-width:900px}.business h2 em{color:var(--green)}.business-columns{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:60px}.business article{border-top:1px solid #55565b;padding-top:28px}.business h3{font-size:30px;font-weight:400;letter-spacing:-1px}.business article>p:not(.eyebrow){font-size:14px;max-width:410px;color:#b8b9b8;min-height:75px}.light{background:var(--cream);color:var(--ink)}.green{background:var(--green);color:var(--ink)}.green:hover,.light:hover{background:#b1d6a8}.frequency{display:flex;gap:8px;margin:25px 0 0}.frequency button{background:transparent;border:1px solid #66686b;color:#eee;padding:10px 18px;font-size:12px}.frequency button.active{background:var(--cream);color:var(--ink);border-color:var(--cream)}.origin{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:12%}.origin-image img{width:100%;height:470px;object-fit:cover}.origin h2{margin:30px 0}.team{padding-top:20px}.people{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:40px}.people article{border-top:1px solid var(--line);padding-top:30px;display:flex;flex-wrap:wrap;gap:25px;align-items:start}.initial{font:italic 35px Georgia;color:#6c9463;padding:15px 0;width:70px}.people h3{font-size:22px;font-weight:500;margin:5px 0 15px}.people p{font-size:13px;color:#666;margin:0}.people a{font-size:11px;margin-left:auto;padding-top:12px}.contact{background:#dfe8d8;text-align:center}.contact h2{font-size:clamp(45px,6vw,90px);margin:30px 0 45px}.email{display:inline-flex;gap:55px;align-items:center;font-size:clamp(24px,3vw,42px);letter-spacing:-1px;border-bottom:1px solid #858f7e;padding-bottom:16px}.contact>p:last-child{font-size:12px;margin-top:30px;color:#626b5b}footer{padding:45px 5%;display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer p,footer a:not(.footer-brand),footer>span{font-size:10px}footer>span{margin-left:auto;color:#777}.footer-brand{font-weight:700;font-size:22px;letter-spacing:-1px}@media(min-width:1600px){main{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:15px;font-size:11px}.hero{min-height:650px}.hero-copy{padding-top:45px}h1{letter-spacing:-3px}.hero-bottom{flex-wrap:wrap;gap:12px}.section{padding:70px 6%}.editorial{gap:6%}.product-list h3{font-size:19px}figure img{height:540px}.people{gap:30px}.people a{margin-left:95px}.business-columns{gap:7%}}@media(max-width:640px){header{height:78px;padding:0 6%}.logo{width:148px}.nav-contact{display:none}.menu{display:block;border:0;background:transparent;font-size:12px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);padding:25px 6%;border-bottom:1px solid var(--line);font-size:15px}nav.open{display:flex;flex-direction:column;gap:22px}.hero{display:flex;flex-direction:column}.hero-copy{padding:42px 6% 32px}.hero h1{font-size:69px;margin-top:25px}.hero h1 em{letter-spacing:-3px}.hero .eyebrow{font-size:8px}.intro{font-size:14px;max-width:320px}.hero-bottom{margin-top:35px;justify-content:space-between;font-size:9px}.hero-photo{height:390px}.photo-caption{font-size:8px}.section{padding:60px 6%}h2{font-size:39px;letter-spacing:-1.5px}.editorial,.catalogue,.origin{grid-template-columns:1fr;gap:28px}.editorial>div p{font-size:14px}.promises{grid-template-columns:1fr;gap:25px;margin-top:35px}.promises article{display:grid;grid-template-columns:95px 1fr;column-gap:20px}.promises article>span{grid-row:span 2;font-size:40px}.promises h3{margin:0 0 8px}.promises p{margin:0;max-width:100%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px}figure img{height:350px}figcaption{font-size:16px}.product-list article{padding:22px 0}.product-list h3{font-size:19px}.business{padding:60px 6%}.business-columns{grid-template-columns:1fr;gap:45px;margin-top:30px}.business h3{font-size:29px}.business article>p:not(.eyebrow){min-height:0}.origin-image img{height:340px}.people{grid-template-columns:1fr;gap:40px}.people a{margin-left:auto}.contact .email{gap:20px}.contact h2{font-size:45px}footer{padding:30px 6%;gap:18px}footer p{width:100%;order:3}footer>span{margin-left:0}footer a:not(.footer-brand){margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.catalogue-photo {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 32px;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 26px 20px;
}

.product-card {
  grid-column: span 3;
}

.product-card:nth-child(-n + 3) {
  grid-column: span 4;
}

.product-card img {
  display: block;
  width: 100%;
  height: auto;
}

.product-card h3 {
  margin: 12px 0 0;
  font-size: clamp(15px, 1.6vw, 22px);
  font-weight: 500;
  line-height: 1.3;
}

@media (max-width: 760px) {
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 14px;
  }

  .product-card,
  .product-card:nth-child(-n + 3) {
    grid-column: span 1;
  }
}