:root{
  --ink:#17221c; --forest:#29483a; --cream:#f5f1e8; --paper:#fbfaf6;
  --sand:#d2bea0; --sage:#8b9784; --line:#d9d5cb; --muted:#667168;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
header{
  height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;
  background:rgba(251,250,246,.97);border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)
}
.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.15em}
.mark{width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:Georgia,serif;font-size:18px;font-weight:400}
nav{display:flex;gap:29px;font-size:10px}
nav a:hover,.active{opacity:.55}
.menu{display:none;background:none;border:0;font-size:20px}
.eyebrow{font-size:9px;letter-spacing:.22em;font-weight:700;color:var(--forest);margin:0 0 20px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}
em{font-style:italic}
.btn{display:inline-block;background:var(--forest);color:#fff;padding:15px 21px;font-size:10px;font-weight:700}
.text-link{font-size:10px;border-bottom:1px solid #9ca49e;padding-bottom:4px}
.hero{min-height:700px;display:grid;grid-template-columns:53% 47%;background:var(--cream)}
.hero-copy{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(58px,6.3vw,98px);line-height:.94;letter-spacing:-.045em;margin:0 0 28px}
.lead{max-width:530px;font-size:14px;line-height:1.85;color:#59635d}
.actions{display:flex;align-items:center;gap:25px;margin-top:25px}
.hero-image{margin:0;position:relative;overflow:hidden;background:#a78d70}
.hero-image img{width:100%;height:100%;object-fit:cover}
.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,25,18,.38))}
.hero-image figcaption{position:absolute;left:32px;bottom:30px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:5px}
.hero-image small{font-size:8px;letter-spacing:.2em}
.hero-image strong{font-family:Georgia,serif;font-size:23px;font-weight:400}
.statement{padding:120px 8vw}
.statement h2{font-size:clamp(50px,5.7vw,82px);line-height:.98;margin:0 0 35px}
.statement .body{max-width:630px;margin-left:35%;font-size:13px;line-height:1.9;color:#626b65}
.section-head{padding:85px 5vw 35px;background:#efede7;display:flex;justify-content:space-between;align-items:end;gap:40px}
.section-head h2{font-size:clamp(42px,4.5vw,64px);margin:0}
.section-head p{max-width:400px;font-size:12px;line-height:1.8;color:#68716b}
.products{padding:0 5vw 95px;background:#efede7;display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:17px}
.product-card img{width:100%;height:440px;object-fit:cover}
.product-meta{display:flex;justify-content:space-between;margin-top:17px;font-size:8px;letter-spacing:.14em;font-weight:700}
.product-card h3{font-size:27px;margin:8px 0 7px}
.product-card p{font-size:11px;color:#68716b;line-height:1.7}
.origin-block{display:grid;grid-template-columns:48% 52%;min-height:680px;background:var(--forest);color:#fff}
.origin-block img{width:100%;height:100%;object-fit:cover}
.origin-copy{padding:90px 8vw;display:flex;flex-direction:column;justify-content:center}
.origin-copy .eyebrow{color:#cbd5ce}
.origin-copy h2{font-size:clamp(50px,5.6vw,80px);line-height:.96;margin:20px 0 30px}
.origin-copy p{max-width:540px;font-size:13px;line-height:1.9;color:#d7ded9}
.origin-copy a{margin-top:20px;width:max-content;font-size:10px;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px}
.principles{padding:100px 6vw;display:grid;grid-template-columns:repeat(3,1fr)}
.principles article{padding:40px;border-top:1px solid var(--line);border-right:1px solid var(--line)}
.principles article:first-child{padding-left:0}.principles article:last-child{border-right:0}
.principles span{font-size:8px}.principles h3{font-size:26px;margin:22px 0 10px}.principles p{font-size:12px;color:#697069;line-height:1.8}
.signup{padding:95px 8vw;background:#dfd5c3;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.signup h2{font-size:clamp(44px,4.5vw,64px);margin:0 0 12px}.signup p{font-size:12px;color:#5c665e}
.signup form{display:flex;border-bottom:1px solid var(--ink)}.signup input{flex:1;border:0;background:none;outline:0;padding:15px 2px;font-size:12px}.signup button{border:0;background:none;font-size:9px;font-weight:700}
.form-note{display:block;margin-top:12px;font-size:8px;color:#747b76}
.page-hero{padding:110px 8vw 80px;background:var(--cream)}
.page-hero h1{font-size:clamp(58px,7vw,100px);line-height:.94;margin:0;max-width:1000px}
.page-hero p:last-child{max-width:620px;font-size:14px;line-height:1.9;color:#5f6962;margin-top:30px}
.origin-grid{padding:80px 5vw 110px;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.origin-card{position:relative;min-height:520px;overflow:hidden;color:#fff}
.origin-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.origin-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.55))}
.origin-card div{position:absolute;left:28px;right:28px;bottom:26px;z-index:2}
.origin-card small{font-size:8px;letter-spacing:.18em}.origin-card h2{font-size:42px;margin:9px 0 4px}
.simple-art{background:#b69d7f}.simple-art:before{content:"";position:absolute;width:70%;height:55%;border-radius:50%;background:#86917f;right:-15%;bottom:-10%}
.editorial{padding:100px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:90px}
.editorial h2{font-size:clamp(45px,5vw,70px);line-height:1;margin:0}
.editorial .copy{font-size:14px;line-height:1.95;color:#5f6962}
.journal-grid{padding:70px 5vw 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.article-card{border-top:1px solid var(--line);padding-top:18px}
.article-card .thumb{height:280px;background:#ddd;overflow:hidden;margin-bottom:20px}.article-card img{width:100%;height:100%;object-fit:cover}
.article-card small{font-size:8px;letter-spacing:.16em}.article-card h2{font-size:29px;margin:11px 0}.article-card p{font-size:12px;line-height:1.8;color:#68716b}
.contact-grid{padding:90px 8vw 120px;display:grid;grid-template-columns:1fr 1fr;gap:90px}
.contact-grid h2{font-size:45px;margin:0 0 25px}.contact-grid p,.contact-grid a{font-size:13px;line-height:1.9;color:#5e6961}
.contact-box{border-top:1px solid var(--line);padding-top:25px}.contact-box b{display:block;font-size:9px;letter-spacing:.16em;margin-bottom:10px}
footer{padding:65px 5vw 27px;background:#17231d;color:#e7ebe8;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}
footer b{font-size:9px;letter-spacing:.12em}footer a,footer p{display:block;color:#aeb9b1;font-size:10px;margin:9px 0}
.footer-copy{grid-column:1/-1;border-top:1px solid #34433a;padding-top:20px;margin-top:30px;font-size:8px;color:#819087}
@media(max-width:850px){
 nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:24px 5vw;flex-direction:column;border-bottom:1px solid var(--line)}
 nav.open{display:flex}.menu{display:block}
 .hero{grid-template-columns:1fr}.hero-copy{padding:80px 6vw}.hero-image{min-height:460px}
 .statement .body{margin-left:0}.products{grid-template-columns:1fr}.product-card img{height:420px}
 .origin-block{grid-template-columns:1fr}.origin-block img{height:480px}
 .principles{grid-template-columns:1fr}.principles article,.principles article:first-child{padding:32px 0;border-right:0}
 .signup,.editorial,.contact-grid{grid-template-columns:1fr}.origin-grid,.journal-grid{grid-template-columns:1fr}
 footer{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
 header{height:68px}.brand{font-size:10px}nav{top:68px}
 .hero h1,.page-hero h1{font-size:54px}.hero-image{min-height:350px}
 .statement,.page-hero,.principles,.signup,.editorial,.contact-grid{padding-top:75px;padding-bottom:75px}
 .section-head{display:block}.section-head p{margin-top:20px}.products{padding-bottom:75px}.product-card img{height:350px}
 .origin-copy{padding:75px 7vw}.origin-card{min-height:400px}.journal-grid{padding-bottom:80px}
 footer{grid-template-columns:1fr}.footer-copy{grid-column:auto}
}