@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700&family=Cormorant+Garamond:wght@500;600;700&display=swap');
:root{--paper:#f7f5ee;--white:#fffefa;--soft:#eeeee5;--ink:#252923;--muted:#60665b;--gold:#806a3c;--line:#d9dbd0;--dark:#202720}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:400 17px/1.52 Barlow,Arial,sans-serif}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}h1,h2,h3{font:600 1em/1.06 'Cormorant Garamond',Georgia,serif;letter-spacing:-.018em;margin:.12em 0 .4em}h1{font-size:clamp(3.1rem,7vw,6rem)}h2{font-size:clamp(2.7rem,5vw,4rem)}h3{font-size:2.3rem}p{margin:0 0 1em}.wrap{max-width:1180px;width:calc(100% - 44px);margin:auto}.eyebrow{font:700 .82rem 'Barlow Condensed',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}.skip{position:absolute;top:-100px;background:var(--dark);color:white;padding:12px;z-index:99}.skip:focus{top:6px}.preview{background:#ebe2ca;border-bottom:1px solid #bbaa81;text-align:center;color:#40351b;padding:8px 16px;font-size:.8rem;font-weight:700}.header{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.head{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}.identity{display:flex;align-items:center;gap:10px;flex-shrink:0}.identity img{width:65px;height:65px;object-fit:contain}.words{display:grid;line-height:1.1}.words b{font:700 1.45rem 'Cormorant Garamond',Georgia,serif;letter-spacing:.055em}.words small{font-size:.6rem;letter-spacing:.11em;font-weight:700}.nav{display:flex;align-items:center;gap:24px}.nav a{font-size:.9rem;font-weight:600}.menu{display:none;background:transparent;border:1px solid var(--line);border-radius:9px;padding:9px 12px;min-height:46px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:1px solid var(--ink);border-radius:10px;background:var(--ink);color:white;padding:10px 22px;font-weight:600;text-decoration:none}.button:hover{background:#454d42;text-decoration:none}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.outline:hover{background:var(--soft)}:focus-visible{outline:3px solid #ae8743;outline-offset:3px}.hero{background:linear-gradient(120deg,#fffefa,#eeeade);padding:clamp(56px,8vw,110px) 0}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(25px,6vw,78px)}.hero p.intro{font-size:1.2rem;color:var(--muted);max-width:500px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:24px 12px}.hero-art img{height:340px;width:100%;object-fit:contain}.caption{font-size:.8rem;color:var(--muted);text-align:center;margin-top:10px}.section{padding:clamp(58px,7vw,92px) 0}.section.soft{background:var(--soft)}.top{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:30px}.top p{max-width:450px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--white)}.art{background:#f2eee7;padding:18px}.art img{height:345px;width:100%;object-fit:contain}.card-body{display:flex;flex-direction:column;flex:1;padding:25px}.flavor{font-weight:700;color:var(--gold)}.card-body h3{font-size:2.2rem;margin:.1em 0}.spec{font-size:.87rem;color:var(--muted)}.card-description{flex:1;color:#4b554a;margin-top:18px}.bottom{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.bottom .button{width:100%}.price{font:700 1.5rem Barlow,Arial,sans-serif;font-variant-numeric:tabular-nums lining-nums}.price small{display:block;font-size:.71rem;font-weight:500;color:var(--muted)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.story-mark{background:var(--white);border:1px solid var(--line);padding:45px;border-radius:16px;display:grid;place-items:center}.story-mark img{height:250px;object-fit:contain}.subhead{padding:clamp(50px,7vw,85px) 0 30px}.subhead p{max-width:770px;color:var(--muted)}.crumb{font-size:.87rem;color:var(--muted);margin-bottom:24px}.crumb a{text-decoration:underline}.detail{display:grid;grid-template-columns:1fr .9fr;gap:clamp(28px,5vw,65px);padding-bottom:85px}.detail-photo{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:28px}.detail-photo img{height:min(75vw,600px);width:100%;object-fit:contain}.facts{display:grid;gap:8px;border-block:1px solid var(--line);padding:18px 0;margin:20px 0}.facts div{display:flex;justify-content:space-between;gap:12px}.facts dt{font-weight:700}.facts dd{margin:0;text-align:right;color:var(--muted)}.qty{width:90px;height:46px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:white}.buy{margin-top:18px}.buy .button{display:flex;width:100%;margin-top:13px}.status{min-height:1.7em;color:#355339;margin:12px 0}.review{padding:14px 18px;background:#ece4d2;border-left:3px solid var(--gold);margin:25px 0;border-radius:6px;font-size:.88rem}.policy{max-width:790px;padding-bottom:80px}.policy p{color:var(--muted)}.cart-line{display:grid;grid-template-columns:85px 1fr auto;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.cart-line img{height:125px;width:85px;object-fit:contain}.cart-line h3{font-size:1.6rem}.cart-line p{font-size:.85rem;color:var(--muted)}.cart-line input{width:65px;background:white;border:1px solid var(--line);padding:8px}.remove{border:0;background:transparent;text-decoration:underline;color:var(--gold)}.cart-controls{display:flex;gap:10px;align-items:center}.subtotal{display:flex;justify-content:space-between;max-width:850px;padding:24px 0}.footer{background:var(--dark);color:white;padding:50px 0 25px}.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}.footer .identity img{background:var(--paper);padding:3px;border-radius:8px}.footer p,.footer a{color:#dae0d7}.footer h3{font:700 .9rem Barlow,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#c4ad83}.footlinks{display:flex;flex-direction:column;gap:10px}.legal{font-size:.78rem;border-top:1px solid #ffffff2b;margin-top:40px;padding-top:20px;color:#c3cbbf}
@media(max-width:900px){.nav{gap:12px}.art img{height:290px}.card-body{padding:20px}.hero-art img{height:260px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.menu{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;padding:18px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:10px 8px;min-height:44px}.head{min-height:74px}.identity img{width:52px;height:52px}.words b{font-size:1.2rem}.words small{font-size:.49rem}.hero-grid,.story-grid,.detail{grid-template-columns:1fr}.hero-art img{height:min(60vw,310px)}.cards{grid-template-columns:1fr}.art img{height:min(94vw,440px)}.section{padding:55px 0}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}.detail-photo img{height:min(120vw,600px)}}
@media(max-width:390px){body{font-size:16px}.identity{gap:6px}.identity img{width:46px;height:49px}.words b{font-size:1.02rem}.words small{font-size:.45rem}.hero-art{padding:8px}.hero-art img{height:195px}.cart-line{grid-template-columns:68px 1fr;gap:12px}.cart-line img{width:68px;height:100px}.cart-line .price{grid-column:2}.foot-grid{grid-template-columns:1fr}.foot-grid>div:first-child{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Packaging mockups: generous square framing at every breakpoint. */
.hero-art{grid-template-columns:1fr;gap:0;padding:0;background:transparent;border:0}
.hero-art img{height:auto!important;aspect-ratio:1;object-fit:contain;border-radius:12px}
.art{padding:0;background:#eeeade}
.art img{width:100%;height:auto!important;aspect-ratio:1;object-fit:contain}
.detail-photo{padding:0;overflow:hidden;background:#eeeade}
.detail-photo img{height:auto!important;aspect-ratio:1;object-fit:contain}
.cart-line img{height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px}

/* Supplied full brand lockup, preserved without cropping or recoloring. */
.identity .brand-lockup{width:235px;height:auto;aspect-ratio:1983/793;object-fit:contain}
.head{min-height:108px}
.story-mark img{width:100%;height:auto;max-width:460px;object-fit:contain}
.footer .identity .brand-lockup{background:#fffefa;padding:10px;border-radius:10px;width:260px;height:auto}
@media(max-width:760px){.identity .brand-lockup{width:180px;height:auto}.head{min-height:86px}.story-mark{padding:24px}}
@media(max-width:390px){.identity .brand-lockup{width:160px;height:auto}}

/* Give the full identity a readable, integrated header presence. */
.header .identity .brand-lockup{width:310px;height:auto;mix-blend-mode:multiply}
.header .head{min-height:126px}
@media(min-width:761px) and (max-width:1000px){.header .identity .brand-lockup{width:235px}.header .head{min-height:100px}.nav{gap:12px}}
@media(max-width:760px){.header .identity .brand-lockup{width:225px}.header .head{min-height:100px}}
@media(max-width:390px){.header .identity .brand-lockup{width:min(205px,calc(100vw - 140px))}.header .head{min-height:92px}}

.shipping-note{font-size:.9rem;color:var(--muted);margin-top:16px}.collection-offer>.wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.collection-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collection-images img{width:100%;height:auto;border-radius:10px}.collection-copy h2{font-size:clamp(2.5rem,5vw,3.7rem)}.collection-copy .price{margin:20px 0}.collection-copy .button{max-width:100%;white-space:normal}.button:disabled{opacity:1;background:#e4e4da;color:#535a4e;border-color:#c9cec0}.preview{font-size:.9rem;font-weight:600;background:var(--soft);color:var(--ink);border-color:var(--line)}@media(max-width:760px){.collection-offer>.wrap{grid-template-columns:1fr;gap:25px}}