@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap');:root{--ink:#181715;--cream:#f6f4f0;--line:#d8d5cf;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream)}button,input,textarea,select{font:inherit}button{cursor:pointer}button,.btn{transition:all .35s var(--ease)}button:hover,.btn:hover{opacity:.7}#topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 3%;position:fixed;top:0;left:0;right:0;z-index:20;color:white;transition:background .5s,color .5s}#topbar.light{color:#181715;background:rgba(250,249,247,.93);backdrop-filter:blur(18px);border-bottom:1px solid #e5e1da}#topbar button{background:none;border:0;color:inherit}#desktopNav{display:flex;gap:16px;align-items:center;flex:1}#desktopNav button{font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.brand{position:absolute;left:50%;transform:translateX(-50%);font:28px 'Playfair Display',serif;white-space:nowrap;letter-spacing:.06em}.head-actions{margin-left:auto;display:flex;gap:20px;font-size:22px}.hamb{font-size:22px}#app{height:100dvh;overflow:hidden}.view{height:100%;padding-top:78px;animation:enter .65s var(--ease) both}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3{font-family:'Playfair Display',serif;font-weight:400}h1{font-size:clamp(42px,6vw,94px);line-height:1.04;margin:15px 0 24px}h2{font-size:clamp(30px,3.8vw,58px);margin:12px 0}p{line-height:1.7}.muted{color:#817b74}.small{font-size:11px;letter-spacing:.15em;text-transform:uppercase}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:1px solid currentColor;background:transparent;color:inherit;text-decoration:none;padding:16px 24px;letter-spacing:.12em;text-transform:uppercase;font-size:11px}.btn.black{background:#111;color:white;border-color:#111}.btn.white{background:white;color:#111;border-color:white}.hero{height:100%;position:relative;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.06)),linear-gradient(130deg,#3d332b,#8a735e);color:white;background-size:cover;background-position:center}.hero-copy{position:absolute;left:7%;top:26%;max-width:600px}.hero-copy p{max-width:330px}.hero-cats{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(6,1fr);height:22%;min-height:130px}.hero-cat{position:relative;overflow:hidden;border:1px solid #ffffff33;background:#302c29;color:white;text-align:left;padding:20px;display:flex;align-items:flex-end}.hero-cat::before,.category-tile::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 70%);z-index:0}.hero-cat img,.category-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.hero-cat:hover img,.category-tile:hover img{transform:scale(1.07)}.hero-cat span,.category-tile span{z-index:1;position:relative;font:clamp(15px,1.5vw,25px) 'Playfair Display',serif}.category-view{background:#1f1d1b;color:white}.category-heading{height:22%;min-height:150px;padding:20px 4%;background:linear-gradient(110deg,#1b1918,#534538)}.category-heading h1{margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);height:78%}.category-tile{position:relative;border:1px solid #ffffff30;color:white;background:linear-gradient(135deg,#6c5a48,#252321);text-align:left;padding:28px;display:flex;align-items:flex-end}.listing-view{display:flex;flex-direction:column}.listing-banner{height:22%;min-height:130px;color:white;background:linear-gradient(90deg,#28221d,#8a7058);padding:15px 6%}.listing-banner h2{margin:0}.listing-body{flex:1;display:grid;grid-template-columns:250px 1fr;min-height:0;background:#fff}.filters{padding:25px;border-right:1px solid var(--line);overflow:auto}.filters label{display:block;margin:14px 0}.filters select,.filters input{width:100%;padding:10px;border:1px solid var(--line);background:white}.results{padding:18px 25px;overflow-y:auto}.result-head{display:flex;justify-content:space-between;margin-bottom:18px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{border:0;background:white;text-align:left;padding:0;min-width:0}.product-card .photo{height:clamp(180px,24vh,330px);background:linear-gradient(145deg,#8c8075,#322d29);display:flex;align-items:center;justify-content:center;color:#ddd;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.product-card:hover img{transform:scale(1.06)}.product-card strong{display:block;margin:9px 0 4px;font-weight:500}.product-view{display:grid;grid-template-columns:36% 64%;background:white}.product-info{padding:35px 7%;overflow-y:auto}.product-info h1{font-size:clamp(34px,3.6vw,62px)}.product-photo{position:relative;background:linear-gradient(135deg,#b4a598,#6d5d50);overflow:hidden}.product-photo>img{height:100%;width:100%;object-fit:cover}.photo-thumbs{position:absolute;bottom:24px;left:5%;display:flex;gap:9px;max-width:90%;overflow:auto}.photo-thumbs button{width:68px;height:75px;border:2px solid #fff;padding:0;background:#5a5046;flex-shrink:0}.photo-thumbs img{width:100%;height:100%;object-fit:cover}.option-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px}.option-buttons button{min-width:43px;padding:11px;border:1px solid #ccc;background:white}.option-buttons button.selected{background:#111;color:white}.product-info .btn{width:100%}.fullscreen{position:fixed;inset:0;z-index:40;background:#171411;color:white;display:grid;grid-template-columns:70% 30%}.fullscreen .big{height:100%;width:100%;object-fit:contain}.fullscreen .details{padding:8vw 3vw;overflow:auto}.fullscreen .close{position:absolute;top:20px;right:30px;background:none;border:0;color:white;font-size:30px}.page-view{background:white;overflow-y:auto}.page-inner{max-width:1150px;margin:0 auto;padding:5vh 30px 80px}.page-inner h1{font-size:clamp(44px,5vw,76px)}.story-cover{height:36vh;background:linear-gradient(110deg,#1b1918,#6c5746);color:white;padding:5vh 8%;background-size:cover;background-position:center}.story-cover h1{max-width:700px}.legal-text{white-space:pre-wrap;max-width:900px;line-height:1.9}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:30px}.cart-item{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:16px 0}.cart-item img{width:80px;height:90px;object-fit:cover;background:#aaa}.cart-item .grow{flex:1}.summary{padding:24px;background:#f4f2ee;align-self:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px}.form-grid input,.form-grid textarea,.form-grid select{display:block;width:100%;padding:13px;margin-top:6px;border:1px solid #ccc;background:white}.form-grid .wide{grid-column:1/-1}.notice{padding:15px;background:#eee9e0;margin:20px 0}.side-menu{position:fixed;top:0;left:0;bottom:0;width:min(400px,90vw);z-index:51;background:#191817;color:white;padding:35px;transform:translateX(-105%);transition:transform .5s var(--ease)}.side-menu.open{transform:translateX(0)}.side-menu>button{float:right;background:none;border:0;color:white;font-size:25px}.side-menu #menuLinks{clear:both;padding-top:40px;display:flex;flex-direction:column}.side-menu #menuLinks button{padding:16px 0;text-align:left;background:none;color:white;border:0;border-bottom:1px solid #ffffff24;font:23px 'Playfair Display',serif}#shade{position:fixed;inset:0;background:#0008;z-index:50;display:none}#shade.show{display:block}.cookie{position:fixed;bottom:20px;left:20px;right:20px;z-index:60;background:white;padding:18px;box-shadow:0 10px 50px #0003;display:flex;gap:20px;align-items:center;justify-content:center;font-size:12px}.cookie[hidden]{display:none}.cookie button{padding:10px;background:#111;color:white;border:0}.empty{padding:60px 20px;text-align:center;color:#777}.loading{height:100%;display:grid;place-items:center}@media(max-width:1000px){#desktopNav{display:none}.brand{font-size:22px}.product-grid{grid-template-columns:repeat(3,1fr)}.hero-cats{grid-template-columns:repeat(3,1fr);height:26%}.hero-cat:nth-child(n+4){display:none}}@media(max-width:650px){#topbar{height:62px;padding:0 15px}.brand{font-size:17px}.head-actions{gap:9px}.view{padding-top:62px}.hero-copy{top:22%;left:7%;right:7%}.hero-copy h1{font-size:54px}.hero-cats{height:22%;min-height:110px;grid-template-columns:repeat(2,1fr)}.hero-cat:nth-child(n+3){display:none}.category-heading{height:18%;min-height:110px}.category-heading h1{font-size:38px}.category-grid{height:82%;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.category-tile{padding:13px}.listing-body{display:block;position:relative}.filters{display:none}.listing-banner{height:17%;min-height:100px}.results{height:83%;padding:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card .photo{height:220px}.product-view{display:block;overflow-y:auto}.product-photo{height:45vh}.product-info{overflow:visible;padding:20px}.product-info h1{font-size:36px}.cart-layout{display:block}.summary{margin-top:20px}.page-inner{padding:20px 18px 60px}.form-grid{grid-template-columns:1fr}.fullscreen{grid-template-columns:1fr;grid-template-rows:65% 35%}.fullscreen .details{padding:20px}.story-cover{height:30vh}.cookie{flex-wrap:wrap;bottom:0;left:0;right:0}}
.floating-back{position:fixed;top:88px;left:2%;z-index:38;display:flex;align-items:center;gap:8px;padding:9px 15px;background:#f9f7f2e8;color:#191715;border:1px solid #ddd8d0;border-radius:2px;backdrop-filter:blur(15px);box-shadow:0 5px 18px #0001;font-size:10px;letter-spacing:.12em}.floating-back:hover{transform:translateX(-4px);opacity:1}.view{animation:enter .55s var(--ease) both}@media(max-width:650px){.floating-back{top:68px;left:12px;padding:7px 10px}.floating-back span{font-size:9px}.product-info{padding-top:50px}.category-heading{padding-top:44px}.listing-banner{padding-top:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.hero{position:relative}.slide-layer{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.hero-copy,.hero-cats{position:relative;z-index:2}.hero-copy{transition:opacity .45s ease,transform .45s ease}.hero-copy.slide-changing{opacity:.2;transform:translateY(9px)}.hero-cats{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;display:flex}.hero-cat{flex:0 0 16.666%;min-width:190px;scroll-snap-align:start}.floating-back{left:auto!important;right:24px!important}.drawer-shade{position:fixed;inset:0;background:#0008;z-index:100;opacity:0;visibility:hidden;transition:.3s}.drawer-shade.show{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(480px,100%);background:#fff;z-index:101;transform:translateX(105%);transition:transform .45s cubic-bezier(.2,.7,.2,1);padding:25px;overflow:auto;box-shadow:-15px 0 55px #0002}.cart-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.drawer-head button{border:0;background:none;font-size:24px}.cart-drawer .cart-layout{display:block}.cart-drawer .cart-item{gap:8px}.cart-drawer .summary{margin-top:20px}.search-modal{position:fixed;inset:0;background:#000a;z-index:110;display:grid;place-items:start center;padding:12vh 15px;opacity:0;visibility:hidden;transition:.3s}.search-modal.open{opacity:1;visibility:visible}.search-box{position:relative;width:min(900px,100%);max-height:76vh;overflow:auto;background:#fff;padding:40px;box-shadow:0 30px 90px #0004}.search-box h2{font:normal 38px Georgia,serif}.search-box input{width:100%;font-size:20px;padding:15px;border:0;border-bottom:1px solid #bbb;outline:none}.search-box #searchClose{position:absolute;right:20px;top:15px;border:0;background:none;font-size:26px}.search-box #searchResults{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}@media(max-width:600px){.hero-cat{flex-basis:48%;min-width:155px}.search-box{padding:22px}.search-box #searchResults{grid-template-columns:repeat(2,1fr)}}

/* v5: responsive header, viewport hero and editorial brand story */
#topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;padding-inline:clamp(14px,2vw,34px)}
#topbar .hamb{grid-column:1;grid-row:1;justify-self:start;z-index:2}#desktopNav{grid-column:1;grid-row:1;margin-left:45px;min-width:0;overflow:hidden;justify-self:stretch;gap:clamp(8px,.85vw,15px)}
#desktopNav button{font-size:clamp(8px,.59vw,10px);padding:6px 0;flex-shrink:0;letter-spacing:.025em}
#topbar .brand{position:static;transform:none;grid-column:2;grid-row:1;justify-self:center;font-size:clamp(17px,1.75vw,28px);z-index:3;max-width:100%;white-space:nowrap}
#topbar .head-actions{grid-column:3;grid-row:1;justify-self:end;margin-left:0;z-index:2}
@media(max-width:1250px){#desktopNav button:nth-of-type(n+6){display:none}}
@media(max-width:1100px){#desktopNav button:nth-of-type(n+4){display:none}}
@media(max-width:1000px){#desktopNav{display:none}#topbar{grid-template-columns:1fr auto 1fr}}
.hero{height:100%;overflow:hidden}.hero-copy{top:clamp(125px,22%,225px);bottom:clamp(145px,24%,230px);max-height:calc(100% - 300px);overflow:visible}.hero-copy h1{font-size:clamp(42px,5.8vw,90px);line-height:1.02;margin:12px 0 15px}.hero-copy p{margin:8px 0 16px}.hero-copy .btn{padding:13px 19px}.hero-cats{position:absolute!important;bottom:0!important;top:auto!important;height:clamp(125px,21vh,210px)!important;min-height:0!important;z-index:4}.hero-cat{padding:16px}.hero-cat span{font-size:clamp(16px,1.35vw,23px)}
@media(max-height:780px){.hero-copy{top:19%;}.hero-copy h1{font-size:clamp(38px,5vw,72px)}.hero-cats{height:clamp(112px,19vh,170px)!important}}
@media(max-width:650px){.hero-copy{top:22%;bottom:25%;left:6%;max-height:none}.hero-copy h1{font-size:clamp(37px,10vw,57px)}.hero-cats{height:clamp(105px,19vh,145px)!important}}
.story-premium{background:#f8f7f4;color:#1b1918}.story-premium-hero{min-height:clamp(330px,45vh,570px);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;color:white}.story-premium-lead{margin-left:clamp(24px,4vw,70px);max-width:560px;padding:30px 0}.story-premium-lead h1{font-size:clamp(32px,3.3vw,58px);margin:12px 0;line-height:.98}.story-premium-lead p{max-width:420px;font-size:13px}.story-premium-lead a{color:white;font-size:11px;letter-spacing:.1em}.story-side-note{position:absolute;right:4%;top:44%;font-size:12px;text-align:right;letter-spacing:.14em}.story-premium-grid{display:grid;grid-template-columns:30% 33% 19% 18%;min-height:225px}.story-image{min-height:210px;overflow:hidden}.story-image img{width:100%;height:100%;object-fit:cover}.story-text{padding:clamp(20px,3vw,45px);overflow:hidden}.story-text h2{font-size:clamp(22px,2.1vw,34px);line-height:1.05}.story-text p{font-size:12px;line-height:1.65;white-space:pre-line}.story-values{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:23px 4%;background:white}.story-values>div{display:flex;flex-direction:column;gap:5px;font-size:22px}.story-values strong{font-size:11px;letter-spacing:.07em}.story-values small{font-size:11px;color:#777}.story-bottom{display:grid;grid-template-columns:repeat(3,1fr);min-height:270px}.story-bottom>div{position:relative;min-height:270px;background-size:cover;background-position:center}.story-bottom>div:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent)}.story-bottom>div>div{position:absolute;bottom:22px;left:24px;right:24px;color:white;font-size:15px;letter-spacing:.05em}.story-bottom p{font-size:12px;letter-spacing:0}
@media(max-width:850px){.story-premium-grid{grid-template-columns:1fr 1fr}.story-values{grid-template-columns:1fr 1fr}.story-bottom{grid-template-columns:1fr}.story-bottom>div{min-height:210px}.story-premium-hero{background-position:60% center}}

/* v6 — homepage category rail layout correction (scoped, no admin changes) */
.hero .hero-copy{position:absolute;z-index:3;left:7%;top:clamp(115px,22%,205px);bottom:auto;max-height:none;max-width:min(560px,43vw)}
.hero .hero-cats{position:absolute!important;left:0;right:0;bottom:0!important;top:auto!important;height:clamp(145px,20vh,195px)!important;display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin}
.hero .hero-cat{height:100%;flex:0 0 16.6667%;min-width:190px;display:flex;align-items:flex-end;padding:18px 18px 22px;scroll-snap-align:start}
.hero .hero-cat span{display:block;position:relative;z-index:2;font-size:clamp(16px,1.3vw,22px);line-height:1.18;white-space:normal;overflow-wrap:anywhere;text-shadow:0 1px 8px #0008}
.hero .hero-cat:before{z-index:1;pointer-events:none}
@media(max-width:1000px){.hero .hero-copy{max-width:65vw}.hero .hero-cat{flex-basis:32%;min-width:185px}}
@media(max-width:650px){.hero .hero-copy{left:6%;right:6%;top:20%;max-width:none}.hero .hero-cats{height:clamp(118px,19vh,155px)!important}.hero .hero-cat{flex-basis:48%;min-width:155px;padding:12px 12px 17px}.hero .hero-cat:nth-child(n+3){display:flex}.hero .hero-cat span{font-size:17px}}