:root{--ink: #252620;--cream: #f2eee7;--paper: #faf8f3;--sage: #aebfb7;--sage-deep: #687064;--stone: #a39789;--sand: #d9bead;--line: rgba(37, 38, 32, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;font-weight:400}body.retailers-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button,input{font:inherit}.announcement{height:30px;background:var(--ink);color:#f8f5ef;display:grid;place-items:center;text-transform:uppercase;letter-spacing:.22em;font-size:9px}.site-header{height:82px;padding:0 42px;position:absolute;top:30px;left:0;right:0;z-index:10;color:var(--ink);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(37,38,32,.2);transition:.3s}.site-header.scrolled{position:fixed;top:0;height:70px;background:#faf8f3f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);border-color:var(--line)}.wordmark{display:block;width:146px;line-height:0;opacity:0;transition:opacity .3s ease}.wordmark img{width:100%;height:auto;object-fit:contain;filter:none}.site-header.scrolled .wordmark img{filter:none}.site-header.scrolled .wordmark{opacity:1}.desktop-nav{display:flex;gap:34px;font-size:12px;letter-spacing:.08em}.desktop-nav a,.header-actions button{transition:opacity .2s}.desktop-nav a:hover,.header-actions button:hover{opacity:.58}.header-actions{display:flex;align-items:center;gap:22px}.header-actions button{border:0;background:none;color:inherit;cursor:pointer;padding:0;font-size:12px}.bag-button span{opacity:.65}.icon-button span{display:block;width:15px;height:15px;border:1px solid currentColor;border-radius:50%;position:relative}.icon-button span:after{content:"";position:absolute;width:6px;border-top:1px solid;transform:rotate(45deg);right:-4px;bottom:-2px}.menu-button{display:none}.hero{height:calc(100vh - 30px);min-height:720px;max-height:1050px;position:relative;color:var(--ink);overflow:hidden;background:#e8e0d4}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;animation:heroScene 1.6s cubic-bezier(.2,.75,.25,1) both}.hero-brand{position:absolute;z-index:2;left:clamp(40px,11vw,180px);top:23%;display:flex;flex-direction:column;align-items:flex-start;animation:heroBrandIn 1.1s .15s cubic-bezier(.16,1,.3,1) both}.hero-brand>img{width:clamp(260px,29vw,440px);height:auto}.hero-rule{width:58px;border-top:1px solid var(--ink);margin:31px 0 23px;transform-origin:left;animation:heroRule .75s .8s ease both}.hero-brand h1{font-family:DM Sans,sans-serif;font-size:clamp(17px,1.7vw,25px);line-height:1.2;letter-spacing:.015em;margin:0;font-weight:400}.hero-brand p{margin:8px 0 27px;font-size:12px;color:#5d5d56}.hero-brand .button{background:var(--ink);color:#fff;border-color:var(--ink)}.hero-corner{position:absolute;z-index:2;left:42px;bottom:34px;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.hero-product-motion{position:absolute;inset:0;z-index:1;pointer-events:none}.brew-pulse{position:absolute;left:87.15%;top:48%;width:5px;height:8px;border-radius:50% 50% 55% 55%;background:#5c371fb8;box-shadow:9px -11px #5c371f7a;animation:brewDrop 2.1s 1.8s ease-in infinite}.steam{position:absolute;top:40%;right:10.8%;width:18px;height:58px;border-left:2px solid rgba(255,255,255,.38);border-radius:50%;filter:blur(1px);opacity:0;animation:steamRise 3.4s 2.1s ease-out infinite}.steam-two{right:13%;animation-delay:2.8s;height:47px}.steam-three{right:8.9%;animation-delay:3.5s;height:40px}.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:10px;font-weight:600;margin:0 0 25px}.section h2,.manifesto h2,.satchel h2,.newsletter h2{font-family:Gloock,serif;font-weight:400;letter-spacing:-.045em;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:215px;padding:16px 19px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;border:1px solid}.button-light{background:#f9f6f0;color:var(--ink);border-color:#f9f6f0}.button-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.button span,.text-link span{font-size:16px}.hero-scroll{position:absolute;right:42px;bottom:34px;text-transform:uppercase;letter-spacing:.15em;font-size:9px;display:flex;gap:18px}@keyframes heroBrandIn{0%{opacity:0;transform:translateY(-140px)}to{opacity:1;transform:translateY(0)}}@keyframes heroScene{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes heroRule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes brewDrop{0%{opacity:0;transform:translateY(-11px) scale(.7)}30%{opacity:.8}75%,to{opacity:0;transform:translateY(27px) scale(1)}}@keyframes steamRise{0%{opacity:0;transform:translateY(14px) scaleX(.8)}28%{opacity:.55}to{opacity:0;transform:translateY(-38px) translate(8px) scaleX(1.25)}}.section{padding:125px max(42px,7vw)}.section-number{font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin:0;color:#77786f}.intro{display:grid;grid-template-columns:1fr 1.6fr;position:relative;overflow:hidden;isolation:isolate}.intro>*:not(.story-atmosphere){position:relative;z-index:1}.story-atmosphere{position:absolute;z-index:0;inset:0 0 0 30%;opacity:.16;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 28%,#000 72%,transparent 100%)}.story-atmosphere:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--paper) 0%,transparent 32%,transparent 70%,var(--paper) 100%)}.story-atmosphere img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.9)}.intro-copy{max-width:730px}.intro h2{font-size:clamp(54px,6.2vw,91px);line-height:1.02}.intro h2 em,.satchel h2 em{font-weight:400;color:var(--sage-deep)}.intro-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:585px;margin:35px 0}.text-link{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid;padding-bottom:7px;text-transform:uppercase;font-size:10px;letter-spacing:.13em;font-weight:600}.palette{grid-column:2;display:flex;gap:44px;margin-top:75px;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.palette div{display:flex;align-items:center;gap:12px}.palette span{width:26px;height:26px;border-radius:50%;background:var(--swatch);display:block}.collection{background:#e7e1d8}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px}.section-heading h2{font-size:clamp(48px,5.5vw,78px);line-height:1.03}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:54px 16px}.product-card{min-width:0}.product-card a{display:block}.product-image{aspect-ratio:.82;overflow:hidden;background:#d4cdc3}.product-image img{transition:transform .8s ease;object-position:72% 24%}.product-card:hover img{transform:scale(1.025)}.product-meta{display:flex;justify-content:space-between;align-items:flex-start;padding-top:18px}.product-meta p{font-family:Gloock,serif;font-size:23px;margin:0 0 4px}.product-meta span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#64655e}.product-meta b{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:500}.product-meta b span{font-size:13px;margin-left:8px}.catalog-toolbar{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0 28px;color:#6a6b64;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.manifesto,.satchel{display:grid;grid-template-columns:1.35fr 1fr;min-height:760px}.manifesto-image,.satchel-image{overflow:hidden}.manifesto-image img{object-position:24% center}.manifesto-copy{background:var(--sage);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:9vw}.manifesto h2,.satchel h2{font-size:clamp(55px,6vw,88px);line-height:.95}.manifesto-copy>p:not(.eyebrow),.satchel-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:440px;margin:31px 0}.satchel-benefits{width:100%;max-width:470px;margin-top:8px;border-top:1px solid rgba(37,38,32,.25)}.satchel-benefits span{display:grid;grid-template-columns:125px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid rgba(37,38,32,.2);color:#5c5d55;font-size:10px;line-height:1.5}.satchel-benefits b{color:var(--ink);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.satchel-copy .satchel-included{margin:25px 0 0;color:var(--ink);text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:600}.principles{display:grid;grid-template-columns:1fr 3fr}.principle-list article{display:grid;grid-template-columns:70px 1fr 1.2fr;align-items:center;border-top:1px solid var(--line);padding:29px 0}.principle-list article:last-child{border-bottom:1px solid var(--line)}.principle-list span{font-size:9px}.principle-list h3{font-family:Gloock,serif;font-size:34px;font-weight:400;margin:0}.principle-list p{margin:0;color:#6c6c65;font-size:13px}.satchel{grid-template-columns:1fr 1.45fr;background:#d7c8bb}.satchel-copy{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.satchel-image img{object-position:42% center}.company{background:var(--ink);color:#f5f2eb}.company-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:10vw;margin-top:90px}.company-title h2{font-size:clamp(49px,5.7vw,82px);line-height:1.02}.company-copy p{font-size:16px;line-height:1.8;margin:0 0 24px;color:#c9c9c1}.company-copy .text-link{margin-top:20px}.newsletter{text-align:center;padding:130px 25px;background:#e3ddd2}.newsletter h2{font-size:clamp(45px,5vw,72px);line-height:1.05}.newsletter form{max-width:650px;margin:55px auto 0;display:flex;border-bottom:1px solid}.newsletter input{flex:1;border:0;background:transparent;padding:18px 0;outline:none;font-size:13px}.newsletter button{border:0;background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:9px;cursor:pointer}.newsletter button span{font-size:15px;margin-left:18px}footer{background:#171814;color:#ebe8e1;padding:80px 42px 24px}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);padding-bottom:85px}.footer-mark{width:265px;align-self:start;opacity:1}.footer-mark img{filter:invert(1)}.footer-main>div{display:flex;flex-direction:column;gap:12px;font-size:12px}.footer-main>div p{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#898a82;margin:0 0 14px}.footer-bottom{border-top:1px solid #383934;padding-top:23px;display:flex;justify-content:space-between;color:#85867f;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.footer-bottom div{display:flex;gap:24px}.retailer-overlay{position:fixed;inset:0;z-index:40;background:#1819158a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.retailer-panel{position:fixed;z-index:50;inset:0 0 0 auto;width:min(520px,100%);padding:76px 52px 40px;overflow-y:auto;background:var(--paper);color:var(--ink);transform:translate(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.retailer-panel.open{transform:none}.retailer-close{position:absolute;top:25px;right:30px;border:0;background:none;font-size:30px;font-weight:300;cursor:pointer}.retailer-panel h2{margin:0 0 24px;font-family:Gloock,serif;font-size:clamp(49px,5vw,72px);line-height:.98;font-weight:400;letter-spacing:-.04em}.retailer-intro{max-width:385px;margin:0 0 55px;color:#676860;font-size:13px;line-height:1.75}.retailer-list{border-top:1px solid var(--line)}.retailer-card{min-height:92px;display:grid;grid-template-columns:1fr auto 24px;gap:18px;align-items:center;border-bottom:1px solid var(--line)}.retailer-card img{width:150px;max-height:44px;object-fit:contain;object-position:left center}.retailer-card small{color:#787970;font-size:8px;text-transform:uppercase;letter-spacing:.15em}.retailer-card b{font-size:16px;font-weight:400}.retailer-card.disabled{cursor:default}.retailer-note{margin-top:24px;color:#85867e;font-size:9px;line-height:1.6}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.site-header{padding:0 20px}.desktop-nav{display:none;position:fixed;inset:70px 0 0;background:var(--paper);color:var(--ink);flex-direction:column;padding:65px 30px;font-family:Gloock,serif;font-size:36px}.menu-open .desktop-nav{display:flex}.icon-button{display:none}.menu-button{display:block!important;width:24px}.menu-button i{display:block;border-top:1px solid;margin:5px 0}.hero>img{width:100%;object-position:58% bottom}.hero-brand{left:24px;right:24px;top:18%}.hero-brand>img{width:clamp(230px,56vw,360px)}.hero-scroll,.hero-product-motion{display:none}.section{padding:85px 24px}.intro,.principles{grid-template-columns:1fr}.intro-copy{margin-top:60px}.palette{grid-column:1;gap:20px;flex-wrap:wrap}.story-atmosphere{inset:0;opacity:.1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px}.product-image{height:auto}.manifesto,.satchel{grid-template-columns:1fr;min-height:0}.manifesto-image,.satchel-image{height:65vh}.manifesto-copy,.satchel-copy{padding:90px 24px}.principle-list{margin-top:55px}.principle-list article{grid-template-columns:45px 1fr}.principle-list p{grid-column:2;margin-top:8px}.company-grid{grid-template-columns:1fr;gap:60px}.footer-main{grid-template-columns:1fr 1fr;gap:55px}.footer-mark{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:15px}.section-heading{align-items:flex-start;gap:35px;flex-direction:column}}@media(max-width:560px){.announcement{font-size:8px}.site-header{height:68px}.wordmark{width:126px}.hero{min-height:680px}.hero-brand{top:16%}.hero-brand h1{font-size:17px}.hero-brand p{max-width:230px}.hero-corner{display:none}.intro h2,.manifesto h2,.satchel h2{font-size:50px}.palette div{width:42%}.product-image{height:auto}.product-grid{grid-template-columns:1fr}.product-meta b{display:none}.company-grid{margin-top:60px}.newsletter{padding:90px 20px}.newsletter form{align-items:stretch}.newsletter button{width:120px}.footer-main{grid-template-columns:1fr 1fr}.footer-mark{width:220px}.retailer-panel{padding:72px 24px 35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.product-image img{transition:none}}
