@import url('./assets/vendor/fonts.css');
:root{--ink:#30302e;--paper:#f7f4ec;--olive:#59634b;--sand:#eae4d9;--line:#d1cbc0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'General Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}a:focus-visible{outline:3px solid var(--olive);outline-offset:5px}section{scroll-margin-top:20px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:82px;padding:0 clamp(24px,5vw,88px);background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-weight:600;font-size:22px;letter-spacing:-.04em}.navlinks{display:flex;align-items:center;gap:34px;font-size:13px}.navlinks a{white-space:nowrap}.navlinks a:hover,.foot a:hover{text-decoration:underline;text-underline-offset:5px}.shoplink{padding:11px 17px;border:1px solid var(--ink);text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em}.serif em{font-weight:400}.textlink{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid currentColor;padding:0 0 9px;font-size:13px;letter-spacing:.07em;text-transform:uppercase}.textlink:after{content:'↗';font-size:17px}.textlink:hover{gap:31px}
.hero-journal{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);min-height:670px;padding:54px clamp(24px,5vw,88px) 76px;gap:6vw;align-items:center}.hero-journal .copy{max-width:600px;padding:15px 0}.hero-journal h1{font-size:clamp(66px,7.4vw,118px);line-height:.94;margin:35px 0;max-width:6.4em}.hero-journal p{font-size:17px;line-height:1.65;max-width:520px;margin:0 0 38px}.hero-journal>div:last-child{width:min(100%,38vw,640px);justify-self:center}.hero-journal .photo{overflow:hidden;background:var(--sand)}.hero-journal .photo img{height:auto;object-fit:contain;object-position:center}.photo-caption{display:flex;justify-content:space-between;gap:12px;padding-top:11px;color:#77766f;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.chapter{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding:110px clamp(24px,8vw,130px);border-top:1px solid var(--line)}.chapter .image{height:580px;background:var(--sand);overflow:hidden}.chapter .text{align-self:center;max-width:570px}.chapter h2{font-size:clamp(52px,6vw,86px);line-height:.98;margin:30px 0}.chapter p{font-size:17px;line-height:1.7;max-width:480px;margin:0 0 34px}
.olive-panel{background:var(--olive);color:var(--paper);padding:100px clamp(24px,8vw,130px);display:flex;align-items:end;justify-content:space-between;gap:40px}.olive-panel h2{font-size:clamp(45px,6vw,80px);line-height:1;margin:25px 0 0;max-width:800px}.olive-panel .aside{max-width:330px;font-size:15px;line-height:1.7}.olive-panel .aside p{margin:0 0 28px}
.order-process{padding:105px clamp(24px,8vw,130px) 90px;border-bottom:1px solid var(--line)}.process-intro{display:flex;justify-content:space-between;align-items:end;gap:50px}.process-intro h2{font-size:clamp(48px,5.8vw,80px);line-height:1.02;margin:28px 0 0}.process-intro>p{max-width:370px;margin:0 0 5px;font-size:16px;line-height:1.65}.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:68px 0 0}.process-steps li{border-top:1px solid var(--ink);padding-top:19px}.step-number{font-size:11px;letter-spacing:.16em;color:var(--olive)}.process-steps h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,2.2vw,32px);font-weight:400;letter-spacing:-.035em;line-height:1.1;margin:30px 0 14px}.process-steps p{font-size:14px;line-height:1.65;margin:0}.process-note{border-top:1px solid var(--line);padding-top:20px;margin:52px 0 0;max-width:780px;color:#5a594f;font-size:13px;line-height:1.65}
.foot{background:var(--ink);color:var(--paper);padding:58px clamp(24px,5vw,88px);display:flex;align-items:start;justify-content:space-between;gap:40px;font-size:13px}.foot strong{font-size:21px;letter-spacing:-.04em}.foot p{margin:10px 0 0;color:#d0cabb}.foot nav{display:flex;flex-wrap:wrap;gap:18px 30px}.foot a:focus-visible,.olive-panel a:focus-visible{outline-color:var(--paper)}
@media(max-width:900px){.nav{min-height:70px}.navlinks{gap:14px}.navlinks a:not(.shoplink){display:none}.hero-journal{grid-template-columns:1fr;gap:30px;padding-top:40px}.hero-journal>div:last-child{width:min(100%,520px)}.chapter{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}.chapter .image{height:480px}.chapter.about .image{grid-row:1}.olive-panel{display:block}.olive-panel .aside{max-width:520px;margin-top:36px}.process-intro{display:block}.process-intro>p{margin-top:28px}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:38px}}
@media(max-width:600px){.brand{font-size:19px}.shoplink{padding:9px 12px}.hero-journal h1{font-size:clamp(58px,14vw,72px)}.chapter .image{height:400px}.chapter h2{font-size:clamp(46px,11vw,64px)}.olive-panel{padding-top:70px;padding-bottom:70px}.order-process{padding-top:68px;padding-bottom:62px}.process-intro h2{font-size:clamp(43px,11vw,60px)}.process-steps{grid-template-columns:1fr;margin-top:50px;gap:28px}.process-steps h3{margin-top:17px}.process-note{margin-top:38px}.foot{display:block}.foot nav{margin-top:30px}.photo-caption{letter-spacing:.07em}}