@font-face{font-family:Editorial;src:url('/assets/editorial.woff2') format('woff2');font-weight:400 600;font-display:swap}@font-face{font-family:Pantry;src:url('/assets/pantry.woff2') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:light;--paper:#f7f4ed;--green:#294338;--muted:#616c60;--line:#d9dcd0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--green);font-family:Pantry,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #92536b;outline-offset:6px}header{background:var(--green);color:var(--paper);padding:22px max(6vw,24px);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;line-height:0}.brand img{width:174px;height:auto}.place{font-size:12px;text-transform:uppercase;letter-spacing:2.3px}main{max-width:1440px;margin:auto;padding:0 6%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:65px 0 55px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:2.3px;text-transform:uppercase;margin:0 0 26px}.eyebrow span{height:7px;width:7px;border-radius:50%;background:#8e5b64}h1{font-family:Editorial,Georgia,serif;font-size:clamp(64px,6.8vw,102px);font-weight:400;line-height:.97;letter-spacing:-2.5px;margin:0}h1 em{font-weight:400;color:#81535c}.description{font-size:16px;line-height:1.9;color:var(--muted);max-width:420px;margin:28px 0}.contact{min-height:52px;display:inline-flex;align-items:center;gap:34px;padding:14px 22px;background:var(--green);color:var(--paper);font-size:14px;text-decoration:none;transition:background .2s}.contact:hover{background:#40594a}.contact span{font-size:21px}.small{font-size:13px;line-height:1.7;color:var(--muted);margin:13px 0 0}figure{margin:0;min-width:0}.photo{position:relative;aspect-ratio: .94;overflow:hidden;background:#eee7dc;border-radius:45% 45% 2px 2px;isolation:isolate}.ingredients{width:100%;height:100%;object-fit:cover}.jar{position:absolute;width:65%;height:65%;left:17.5%;top:10%;object-fit:contain;mix-blend-mode:multiply}figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:16px;line-height:1.7}figcaption span:last-child{font-size:11px;letter-spacing:1px;text-transform:uppercase}.signature{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.signature>span:first-child{font:italic 25px Editorial,Georgia,serif}.signature>span:last-child{font-size:12px;text-transform:uppercase;letter-spacing:1.5px}.signature i{font-style:normal;margin:0 10px;color:#92536b}footer{max-width:1440px;margin:auto;padding:28px 6%;display:flex;justify-content:space-between;gap:18px;font-size:12px;line-height:1.7;color:var(--muted)}footer a{text-underline-offset:4px}::selection{background:#e8d4d5;color:var(--green)}
@media(min-width:1500px){.intro{padding:80px 0}.photo{max-height:620px}}
@media(max-width:700px){header{padding:19px 24px}.brand img{width:145px}.place{font-size:11px;letter-spacing:1.2px}main{padding:0 24px}.intro{grid-template-columns:1fr;gap:35px;padding:42px 0 30px}.eyebrow{margin-bottom:22px;font-size:12px}h1{font-size:clamp(61px,14vw,88px);letter-spacing:-1.8px}.description{font-size:15px;max-width:380px;margin:23px 0}.photo{aspect-ratio:1.1;border-radius:44% 44% 2px 2px;max-height:470px}.signature{align-items:flex-start;flex-direction:column;gap:13px;padding:22px 0}.signature>span:first-child{font-size:24px}figcaption span:last-child{display:none}footer{padding:24px;flex-direction:column;gap:9px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* A gentle simmer: everything rises in once, the jar breathes, and the line keeps moving. */
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #8e5b6466}50%{box-shadow:0 0 0 7px #8e5b6400}}
@keyframes simmer{from{transform:translateX(-100%)}to{transform:translateX(420%)}}
.eyebrow,h1,.description,.contact,.small,figure{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
h1{animation-delay:.08s}.description{animation-delay:.18s}.contact{animation-delay:.26s}.small{animation-delay:.32s}figure{animation-delay:.14s}
.eyebrow span{animation:pulse 2.8s ease-in-out infinite}
.jar{animation:breathe 7s ease-in-out infinite}
.simmer{height:1px;background:var(--line);overflow:hidden;position:relative}
.simmer span{display:block;height:1px;width:24%;background:#81535c;animation:simmer 5.5s ease-in-out infinite alternate}
.signature{border-top:0}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}