:root{
  --ink:#24130d;
  --ink-2:#4d2c20;
  --muted:#765b49;
  --ivory:#f6eddf;
  --paper:#fffaf1;
  --paper-2:#f0e1cf;
  --night:#110806;
  --night-2:#1b0d09;
  --wine:#4b1715;
  --gold:#b47c31;
  --gold-2:#d2a65d;
  --line:#c7a16b;
  --line-soft:rgba(151,105,54,.28);
  --shadow:0 28px 70px rgba(45,22,10,.15);
  --display:"Bodoni MT","Didot","Baskerville","Times New Roman",serif;
  --serif:"Baskerville","Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif;
  --sans:Arial,Helvetica,sans-serif;
  --max:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--serif);line-height:1.55;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit}
.shell{width:min(calc(100% - 64px),var(--max));margin-inline:auto}
.narrow{width:min(calc(100% - 48px),860px);margin-inline:auto}
.mobile-only,.mobile-home-app{display:none}
.skip-link{position:absolute;left:-10000px}
.skip-link:focus{left:16px;top:16px;background:white;padding:12px 16px;z-index:1000}

.top-note{
  height:29px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:#090403;color:#d9b66f;border-bottom:1px solid #4a2f1d;
  font:700 8px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase
}
.top-note span{color:#9f743c}

.site-header{
  position:sticky;top:0;z-index:100;background:rgba(16,8,6,.97);
  color:#f4e6cf;border-bottom:1px solid #6c4b28;backdrop-filter:blur(18px);
  box-shadow:0 10px 28px rgba(0,0,0,.12)
}
.header-inner{height:84px;display:grid;grid-template-columns:1fr 220px 1fr;align-items:center;gap:26px}
.desktop-nav{display:flex;align-items:center;gap:26px}
.nav-right{justify-content:flex-end}
.desktop-nav a{
  position:relative;text-decoration:none;color:#e5d2b3;
  font:700 8px/1.2 var(--sans);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap
}
.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:1px;background:#d7ae64;transition:width .3s ease}
.desktop-nav a:hover:after{width:100%}
.brand{display:flex;align-items:center;justify-content:center;height:66px}
.brand img{width:200px;max-height:64px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.menu-button{display:none;width:40px;height:40px;border:1px solid rgba(223,187,119,.45);border-radius:50%;background:none;color:#f1debd;align-items:center;justify-content:center}
.menu-button svg{width:18px}
.mobile-panel{display:none}

.eyebrow{
  margin:0 0 16px;color:#87552d;
  font:700 8px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase
}
.eyebrow:before{content:"✦";margin-right:8px;color:var(--gold)}
.eyebrow.light{color:#d8b66d}
h1,h2,h3,p{overflow-wrap:anywhere}
.display-section,.page-hero h1,.house-hero h1{
  margin:0;font-family:var(--display);font-weight:400;letter-spacing:-.04em;line-height:.92
}
.display-section{font-size:clamp(3.2rem,5.5vw,5.35rem)}
.display-section em,.page-hero h1 em,.house-hero h1 em{font-style:italic;color:#7f3828}
.body-copy{color:var(--muted);font-size:1.08rem;line-height:1.72}
.sensory-copy{color:#5f3b2a;font-size:clamp(1.2rem,1.7vw,1.48rem);line-height:1.58}
.sensory-copy.first{font-size:clamp(1.36rem,2vw,1.72rem);color:#321a11}
.text-link{
  display:inline-block;margin-top:22px;text-decoration:none;
  color:#71431f;font:700 8px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase
}
.text-link:after{content:"";display:block;margin-top:7px;width:100%;height:1px;background:linear-gradient(90deg,#9b642c,transparent)}
.section{padding:clamp(72px,8vw,120px) 0}

.btn{
  min-height:50px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #9b713c;text-decoration:none;
  font:700 8px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase;
  transition:transform .22s,box-shadow .22s,background .22s
}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(69,36,16,.13)}
.btn-gold{background:linear-gradient(180deg,#bc8b46,#86551f);border-color:#c29149;color:#fff5e3}
.btn-ghost{background:rgba(18,8,5,.22);color:#f1dfc3;border-color:#987044;backdrop-filter:blur(8px)}
.btn-outline{background:transparent;color:#51301f}
.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.button-row.centered{justify-content:center}

/* HOME — DESKTOP IMMERSIVE */
.home-hero{
  position:relative;display:grid;grid-template-columns:.92fr 1.08fr;min-height:780px;
  overflow:hidden;background:#110806;color:#f6e8ce;isolation:isolate
}
.home-hero:before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 20% 25%,rgba(116,51,24,.18),transparent 32rem),
    radial-gradient(circle at 82% 45%,rgba(176,101,35,.13),transparent 28rem);
  pointer-events:none
}
.home-hero:after{
  content:"";position:absolute;width:420px;height:420px;left:-140px;bottom:-130px;
  background:url('/assets/graphics/botanical-corner.svg') center/contain no-repeat;opacity:.08
}
.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:80px 4vw 76px max(7vw,72px)}
.home-hero .eyebrow{color:#d8b66f}
.home-hero h1{
  margin:0;max-width:740px;font-family:var(--display);font-size:clamp(5rem,7vw,7.4rem);
  font-weight:400;letter-spacing:-.052em;line-height:.86
}
.home-hero h1 em{font-style:italic;color:#ddb86f}
.hero-subline{
  margin:15px 0 0;color:#d3aa61;font:700 9px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;
  max-width:660px
}
.hero-lede{max-width:660px;margin:24px 0 0;color:#d8c2a3;font-size:clamp(1.28rem,1.75vw,1.55rem);line-height:1.55}
.hero-product-line{display:flex;align-items:center;gap:12px;margin-top:22px;color:#e4d0ad;font-family:var(--display);font-size:1.25rem}
.hero-product-line i{font-style:normal;color:#b98334;font-size:.65rem}
.hero-art{
  position:relative;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:
    radial-gradient(circle at 50% 46%,rgba(107,58,27,.95),rgba(40,20,12,.96) 48%,rgba(16,8,6,1) 77%)
}
.hero-art:before,.hero-art:after{content:"";position:absolute;pointer-events:none;border:1px solid rgba(219,178,100,.25)}
.hero-art:before{inset:5.5%}.hero-art:after{inset:7.2%;border-color:rgba(219,178,100,.1)}
.hero-art>img:not(.hero-crest-mark){
  position:relative;z-index:2;width:90%;height:90%;object-fit:contain;
  filter:drop-shadow(0 42px 46px rgba(0,0,0,.45));animation:packFloat 8s ease-in-out infinite
}
.hero-crest-mark{position:absolute!important;right:-2%!important;bottom:-3%!important;width:42%!important;height:auto!important;opacity:.08!important;filter:none!important;animation:none!important;z-index:0!important}
.ornament{
  position:absolute;z-index:3;left:7%;top:8%;width:82px;height:82px;display:grid;place-items:center;
  border:1px solid rgba(214,171,90,.38);border-radius:50%;color:#c5974e
}
@keyframes packFloat{50%{transform:translateY(-8px)}}
.house-note-strip{
  display:flex;align-items:center;justify-content:center;gap:20px;padding:13px 20px;
  background:linear-gradient(90deg,#341010,#551b18,#341010);color:#efd9b6;
  border-block:1px solid #8f642f;font-size:1rem;text-align:center;letter-spacing:.02em
}
.house-note-strip i{font-style:normal;color:#d1a252;font-size:.6rem}

/* HOME EDITORIAL */
.split,.gift-grid,.composition-grid,.retail-callout,.house-manifesto{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(44px,6vw,88px);align-items:start}
.tasting-section{position:relative}
.tasting-section:after{content:"";position:absolute;top:16%;bottom:16%;left:47%;width:1px;background:linear-gradient(transparent,var(--line),transparent)}
.taste-notes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:28px;border-top:1px solid var(--line)}
.taste-notes div{padding:15px 14px 0 0;border-right:1px solid var(--line)}
.taste-notes div:last-child{border-right:0;padding-left:14px}
.taste-notes small{display:block;color:#8a633f;font:700 7px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.taste-notes b{display:block;margin-top:5px;color:#382015;font-family:var(--display);font-size:1.08rem;font-weight:400;line-height:1.25}
.editorial-image{
  position:relative;margin:0;overflow:hidden;height:600px;border:1px solid #9f763d;box-shadow:var(--shadow)
}
.editorial-image:after{content:"";position:absolute;inset:12px;border:1px solid rgba(239,210,154,.28);pointer-events:none}
.editorial-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.editorial-image:hover img{transform:scale(1.025)}

.dark-house{
  position:relative;overflow:hidden;background:
  radial-gradient(circle at 78% 18%,rgba(147,82,29,.2),transparent 26rem),
  radial-gradient(circle at 12% 90%,rgba(102,44,30,.18),transparent 26rem),
  #110806;color:#f2e0c2
}
.dark-house:after{
  content:"";position:absolute;width:420px;height:420px;right:-120px;bottom:-130px;
  background:url('/assets/graphics/botanical-corner.svg') center/contain no-repeat;opacity:.06;transform:rotate(180deg)
}
.dark-house .eyebrow{color:#d8b66d}.dark-house .display-section{color:#f4e3c6}.dark-house .display-section em{color:#d8b166}.dark-house .sensory-copy{color:#cdb99d}
.standards-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border-block:1px solid rgba(201,155,78,.43)}
.standard-card{position:relative;padding:26px 22px;border-right:1px solid rgba(201,155,78,.28)}
.standard-card:last-child{border-right:0}
.standard-card small{color:#c9a259;font:700 7px/1.25 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.standard-card h3{margin:10px 0 8px;color:#f1dfbd;font-family:var(--display);font-size:1.48rem;font-weight:400;line-height:1.08}
.standard-card p{margin:0;color:#c4ae91;font-size:.98rem;line-height:1.55}

/* COLLECTION / CARDS */
.collection-feature,.collection-stage__card{
  border:1px solid #b58d54;background:rgba(255,250,242,.9);box-shadow:var(--shadow)
}
.collection-feature{padding:12px}
.collection-feature a{text-decoration:none}
.product-card-art{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#150b08;padding:12px}
.product-card-art img{width:100%;height:100%;object-fit:contain}
.collection-feature a>div:last-child{padding:18px 14px 12px}
.collection-feature small{color:#8a5d34;font:700 7px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.collection-feature h3{margin:6px 0 4px;font-family:var(--display);font-size:2.15rem;font-weight:400}
.collection-feature p{margin:0;color:#664636}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gift-grid{grid-template-columns:1fr 1fr;align-items:center}
.gift-grid.reverse{grid-template-columns:1fr 1fr}

/* SOURCING / INGREDIENT THEATRE */
.sourcing-theatre{
  position:relative;overflow:hidden;background:linear-gradient(90deg,#fff8ec,#f0e0cb);border-block:1px solid #c5a06a
}
.sourcing-theatre:after{content:"";position:absolute;width:390px;height:390px;right:-100px;bottom:-110px;background:url('/assets/graphics/botanical-corner.svg') center/contain no-repeat;opacity:.07;transform:rotate(180deg)}
.sourcing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,7vw,90px);align-items:center}
.sourcing-cards{border-block:1px solid #b68e55}
.sourcing-cards article{display:grid;grid-template-columns:130px 1fr auto;gap:15px;padding:18px 0;border-bottom:1px solid rgba(182,142,85,.5);align-items:center}
.sourcing-cards article:last-child{border-bottom:0}
.sourcing-cards small{font:700 7px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:#8a623c}
.sourcing-cards h3{margin:0;font-family:var(--display);font-size:1.5rem;font-weight:400}
.sourcing-cards p{grid-column:2;margin:0;color:#6c4b39}
.sourcing-cards strong{grid-column:3;grid-row:1/3;border-left:1px solid #c19d67;padding-left:16px;color:#7d4b23;font:700 7px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}

/* PAGE HEROES */
.page-hero{
  position:relative;text-align:center;padding:clamp(80px,9vw,130px) 0 clamp(58px,7vw,90px)
}
.page-hero:before{content:"";position:absolute;width:300px;height:300px;left:-100px;top:10px;background:url('/assets/graphics/botanical-corner.svg') center/contain no-repeat;opacity:.07}
.page-hero h1{font-size:clamp(4.5rem,8vw,7.2rem)}
.page-lede{max-width:830px;margin:22px auto 0;color:#5d3c2b;font-size:clamp(1.28rem,2vw,1.68rem);line-height:1.55}
.breadcrumbs{margin-bottom:18px;color:#806044;font:700 7px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.breadcrumbs a{text-decoration:none}

/* COLLECTION PAGE */
.collection-hero{position:relative;min-height:72vh;display:flex;align-items:flex-end;overflow:hidden;background:#110806;color:#f3e2c4}
.collection-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.05)}
.collection-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,7,5,.93) 0%,rgba(15,7,5,.62) 42%,rgba(15,7,5,.16) 76%),linear-gradient(0deg,rgba(15,7,5,.7),transparent 60%)}
.collection-hero-copy{position:relative;z-index:2;padding-bottom:8vh}
.collection-hero-copy .eyebrow{color:#d8b66d}
.collection-hero-copy h1{margin:0;font-family:var(--display);font-size:clamp(5.4rem,9vw,8rem);font-weight:400;line-height:.86;letter-spacing:-.05em}
.collection-hero-copy h1 em{font-style:italic;color:#ddb86f}
.collection-hero-copy>p:last-child{max-width:650px;margin:22px 0 0;color:#dac5a4;font-size:1.45rem;line-height:1.5}
.collection-spotlight{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,7vw,95px);align-items:center}
.collection-spotlight-art{position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,#5b321a,#28140d 48%,#120806 76%);border:1px solid #8d6533;box-shadow:var(--shadow)}
.collection-spotlight-art:after{content:"";position:absolute;inset:16px;border:1px solid rgba(224,183,106,.22)}
.collection-spotlight-art>img:first-child{position:relative;z-index:2;width:88%;height:88%;object-fit:contain}
.collection-crest{position:absolute!important;z-index:1!important;width:42%!important;right:-8%!important;bottom:-5%!important;opacity:.1!important}
.collection-spotlight-copy h2{margin:0;font-family:var(--display);font-size:clamp(4.3rem,6vw,6.1rem);font-weight:400;line-height:.9;letter-spacing:-.04em}
.collection-spotlight-copy .variant{margin:10px 0 0;color:#7d5638;font:700 8px/1.4 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.product-line{display:flex;align-items:center;gap:12px;margin:22px 0;font-family:var(--display);font-size:1.25rem;color:#68442d}
.product-line i{font-style:normal;font-size:.6rem;color:#a97430}
.collection-note-grid{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:50px;align-items:start}

/* PDP DESKTOP */
.product-page{background:linear-gradient(180deg,#f8efe3,#f2e4d2)}
.pdp-v7{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(48px,6vw,88px);align-items:start;padding:58px 0 92px}
.pdp-v7-media{position:sticky;top:124px}
.pdp-v7-main{
  position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle at 50% 45%,#55301a,#29150e 50%,#120806 78%);
  border:1px solid #8c6535;box-shadow:var(--shadow)
}
.pdp-v7-main:after{content:"";position:absolute;inset:12px;border:1px solid rgba(226,188,116,.2);pointer-events:none}
.pdp-v7-main img{width:100%;height:100%;object-fit:contain;padding:12px}
.pdp-v7-zoom{position:absolute;z-index:3;top:18px;right:18px;min-height:34px;padding:0 12px;border:1px solid rgba(231,198,138,.45);background:rgba(15,7,5,.64);color:#f2dfbc;font:700 7px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;cursor:pointer}
.pdp-v7-count{position:absolute;z-index:3;right:17px;bottom:15px;padding:7px 9px;background:rgba(15,7,5,.7);border:1px solid rgba(223,184,111,.28);color:#ddc49b;font:700 7px/1 var(--sans);letter-spacing:.12em}
.pdp-v7-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.pdp-v7-thumb{appearance:none;aspect-ratio:1/1;padding:3px;overflow:hidden;border:1px solid #b29263;background:#170c08;opacity:.55;cursor:pointer;transition:.22s}
.pdp-v7-thumb:hover,.pdp-v7-thumb.active{opacity:1;border-color:#d0a45a;transform:translateY(-2px)}
.pdp-v7-thumb img{width:100%;height:100%;object-fit:contain}
.pdp-v7-buybox{padding-top:10px}
.pdp-v7-kicker{margin:18px 0 12px;color:#87572f;font:700 8px/1.4 var(--sans);letter-spacing:.17em;text-transform:uppercase}
.pdp-v7-buybox h1{margin:0;font-family:var(--display);font-size:clamp(4.5rem,6vw,6.35rem);font-weight:400;line-height:.88;letter-spacing:-.047em}
.pdp-v7-variant{margin:12px 0 0;color:#7c3425;font-family:var(--display);font-size:1.75rem;font-style:italic;line-height:1.15}
.pdp-v7-proofline{margin:8px 0 0;color:#7d593c;font:700 7.5px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.pdp-v7-price{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;padding:14px 0;border-block:1px solid #c3a06e}
.pdp-v7-price>div:last-child{text-align:right}
.pdp-v7-price small{display:block;color:#8d6a4b;font:700 7px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.pdp-v7-price strong{display:block;margin-top:4px;font-family:var(--display);font-size:2rem;font-weight:400;line-height:1}
.pdp-v7-lede{max-width:610px;margin:20px 0 0;color:#543426;font-size:1.28rem;line-height:1.58}
.pdp-v7-signatures{display:grid;grid-template-columns:1fr 1fr;margin-top:20px;border-top:1px solid #c5a471;border-left:1px solid #c5a471}
.pdp-v7-signatures span{min-height:48px;display:flex;align-items:center;padding:10px 12px;border-right:1px solid #c5a471;border-bottom:1px solid #c5a471;color:#68442c;font:700 7px/1.35 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.pdp-v7-signatures span:before{content:"✦";margin-right:7px;color:#ac7730}
.pdp-v7-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px;margin-top:20px}
.pdp-v7-actions a{min-height:52px;display:flex;align-items:center;justify-content:center;padding:0 14px;text-decoration:none;text-align:center;font:700 8px/1.2 var(--sans);letter-spacing:.11em;text-transform:uppercase}
.pdp-v7-primary{background:linear-gradient(180deg,#b98743,#82531f);border:1px solid #c08f47;color:#fff3de}
.pdp-v7-secondary{border:1px solid #9b7342;color:#4c2a1d}
.pdp-v7-detail{border-bottom:1px solid #c4a16e}
.pdp-v7-detail:first-of-type{margin-top:20px;border-top:1px solid #c4a16e}
.pdp-v7-detail summary{position:relative;list-style:none;padding:15px 32px 15px 0;cursor:pointer;font-family:var(--display);font-size:1.12rem}
.pdp-v7-detail summary::-webkit-details-marker{display:none}
.pdp-v7-detail summary:after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);color:#a16e33}
.pdp-v7-detail[open] summary:after{content:"−"}
.pdp-v7-detail p{margin:-2px 0 16px;color:#644534;font-size:.98rem;line-height:1.6}
.pdp-v7-support{margin:15px 0 0;color:#806044;font:700 7px/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase}
.pdp-v7-support a{text-decoration:none;border-bottom:1px solid rgba(128,96,68,.35)}
.pdp-v7-lightbox[hidden]{display:none}
.pdp-v7-lightbox{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:rgba(8,4,3,.96);padding:44px}
.pdp-v7-lightbox img{width:min(92vw,1000px);height:min(88vh,1000px);object-fit:contain}
.pdp-v7-close{position:absolute;top:20px;right:22px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(227,190,119,.5);background:rgba(20,10,7,.75);color:#f5dfbb;font-size:26px;cursor:pointer}
.product-taste-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(50px,6vw,88px);align-items:center}
.product-taste-image{height:600px}
.composition-grid{grid-template-columns:.9fr 1.1fr;align-items:start}
.back-story{margin:0;height:650px;overflow:hidden;background:#160c08;border:1px solid #916835;box-shadow:var(--shadow)}
.back-story img{width:100%;height:100%;object-fit:contain;padding:10px}
.ingredient-list{border-top:1px solid var(--line)}
.ingredient-row{padding:14px 0;border-bottom:1px solid var(--line)}
.ingredient-row strong{display:block;font-family:var(--display);font-size:1.28rem;font-weight:400}
.ingredient-row small{display:block;margin-top:4px;color:#745643}
.retail-callout{align-items:center;margin-bottom:50px;padding:36px;border:1px solid #c3a16e;background:rgba(255,250,242,.6);box-shadow:0 24px 58px rgba(48,25,12,.09)}
.retail-mini{padding-left:28px;border-left:1px solid #c3a16e}
.retail-mini h3{margin:0 0 8px;font-family:var(--display);font-size:2rem;font-weight:400}
.retail-mini p{color:#624331}
.mobile-product-dock{display:none}

/* OUR HOUSE */
.house-hero{position:relative;min-height:72vh;display:flex;align-items:flex-end;overflow:hidden;background:#100806;color:#f1dfc1}
.house-hero-media{position:absolute;inset:0}
.house-hero-media img{width:100%;height:100%;object-fit:cover}
.house-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,7,5,.92),rgba(15,7,5,.58) 48%,rgba(15,7,5,.17)),linear-gradient(0deg,rgba(15,7,5,.72),transparent 60%)}
.house-hero-copy{position:relative;z-index:2;padding-bottom:8vh}
.house-hero-copy .eyebrow{color:#d8b66d}
.house-hero h1{font-size:clamp(5rem,8vw,7.5rem);color:#f4e5c9}
.house-hero h1 em{color:#ddb86f}
.house-hero-copy>p:last-child{max-width:720px;margin:20px 0 0;color:#d7c2a1;font-size:1.45rem;line-height:1.52}
.house-manifesto{grid-template-columns:.92fr 1.08fr}
.house-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid rgba(201,155,78,.4)}
.house-pillar-grid article{padding:28px 22px;border-right:1px solid rgba(201,155,78,.27)}
.house-pillar-grid article:last-child{border-right:0}
.house-pillar-grid span{color:#ba8d44;font:700 8px/1 var(--sans);letter-spacing:.15em}
.house-pillar-grid h3{margin:12px 0 8px;color:#f1dfbf;font-family:var(--display);font-size:2rem;font-weight:400}
.house-pillar-grid p{margin:0;color:#c5af92}

/* OTHER PAGES */
.retail-listing{padding-top:20px}
.retail-store-card{display:grid;grid-template-columns:.58fr 1.42fr;border:1px solid #b68e54;background:#fffaf1;box-shadow:var(--shadow)}
.retail-city{display:flex;flex-direction:column;justify-content:center;padding:44px;background:#120806;color:#f0ddbd}
.retail-city span{color:#c9a157;font:700 8px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.retail-city strong{margin-top:7px;font-family:var(--display);font-size:3.4rem;font-weight:400}
.retail-details{padding:44px}
.retail-details small{color:#8a5d35;font:700 7px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.retail-details h2{margin:8px 0 12px;font-family:var(--display);font-size:2.55rem;font-weight:400;line-height:1.05}
.retail-details p{color:#5c3d2d;font-size:1.1rem}
.retail-phone{font-family:var(--display);font-size:1.7rem!important;color:#2a160e!important}
.where-card{padding:36px;border:1px solid #b68e54;background:#fffaf1;box-shadow:var(--shadow)}
.where-card h2,.where-card h3{font-family:var(--display);font-weight:400}.where-card h2{font-size:2.7rem}.where-card h3{font-size:1.7rem}
.where-card a:not(.btn){text-decoration:none}.where-card hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.faq-list{border-top:1px solid var(--line)}
.faq{border-bottom:1px solid var(--line)}
.faq button{width:100%;padding:20px 0;border:0;background:none;display:grid;grid-template-columns:1fr auto;gap:16px;text-align:left;color:var(--ink);font-family:var(--display);font-size:1.5rem;cursor:pointer}
.faq button span:last-child{color:#8b4a28}
.faq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s}
.faq-panel>div{overflow:hidden}.faq.open .faq-panel{grid-template-rows:1fr}.faq-panel p{margin:0;padding:0 0 18px;max-width:70ch;color:#654738}
.site-footer{position:relative;overflow:hidden;padding:58px 0 24px;background:#0c0604;color:#cdb89a;border-top:1px solid #72502a}
.site-footer:after{content:"";position:absolute;width:320px;height:320px;right:-90px;bottom:-100px;background:url('/assets/graphics/bee-crest.svg') center/contain no-repeat;opacity:.05}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:34px}
.footer-logo{display:block;width:190px}.footer-logo img{width:100%}.footer-house p{max-width:34rem}
.footer-col h4{margin:0 0 14px;color:#c59a51;font:700 8px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.footer-col a{display:block;margin:7px 0;text-decoration:none;color:#ccb697}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:34px;padding-top:14px;border-top:1px solid rgba(201,155,78,.23);font:700 7px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#907e66}
.console{background:#f5eee4}.console-wrap{width:min(900px,calc(100% - 40px));margin:auto;padding:60px 0}

/* MOTION */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
[data-tilt]{will-change:transform}

/* TABLET */
@media(max-width:1080px){
  .header-inner{grid-template-columns:52px 1fr 52px;height:72px}
  .desktop-nav{display:none}.brand{grid-column:2;grid-row:1}.menu-button{display:inline-flex;grid-column:1;grid-row:1}
  .mobile-panel{position:fixed;left:0;right:0;top:101px;bottom:0;background:rgba(16,8,6,.985);padding:28px 30px;overflow:auto}
  .mobile-panel.open{display:block}
  .mobile-panel nav{display:grid}
  .mobile-panel a{padding:16px 0;border-bottom:1px solid rgba(201,155,78,.22);text-decoration:none;color:#f0dfc3;font-family:var(--display);font-size:1.55rem}
  .home-hero{grid-template-columns:1fr}.hero-art{min-height:600px}.hero-copy{min-height:600px;text-align:center;align-items:center;padding:60px 7vw}
  .hero-lede{margin-inline:auto}.home-hero h1{font-size:clamp(4.6rem,10vw,6.5rem)}
  .split,.gift-grid,.gift-grid.reverse,.composition-grid,.retail-callout,.house-manifesto,.product-taste-section{grid-template-columns:1fr}
  .tasting-section:after{display:none}
  .standards-grid{grid-template-columns:1fr 1fr}.standard-card:nth-child(2){border-right:0}.standard-card:nth-child(-n+2){border-bottom:1px solid rgba(201,155,78,.27)}
  .collection-spotlight{grid-template-columns:1fr}.collection-spotlight-art{min-height:560px}.collection-note-grid{grid-template-columns:1fr}
  .pdp-v7{grid-template-columns:1fr}.pdp-v7-media{position:static}.pdp-v7-buybox{max-width:780px}
  .sourcing-grid{grid-template-columns:1fr}.house-pillar-grid{grid-template-columns:1fr 1fr}.house-pillar-grid article:nth-child(2){border-right:0}
}

/* MOBILE — INDEPENDENT APP-LIKE EXPERIENCE */
.mobile-app-nav{display:none}
@media(max-width:700px){
  body:not(.product-page){padding-bottom:74px}
  .shell,.narrow{width:min(calc(100% - 28px),var(--max))}
  .top-note{display:none}
  .site-header{top:0;background:rgba(16,8,6,.985)}
  .header-inner{height:64px}
  .brand{height:54px}.brand img{width:112px;max-height:48px}
  .menu-button{width:38px;height:38px}
  .mobile-panel{top:64px;padding:18px 22px 100px}
  .mobile-panel a{font-size:1.45rem;padding:14px 0}

  .mobile-app-nav{
    position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));
    z-index:130;padding:6px;background:rgba(17,8,6,.95);backdrop-filter:blur(18px);border:1px solid rgba(203,159,86,.38);
    border-radius:18px;box-shadow:0 14px 38px rgba(0,0,0,.3)
  }
  .mobile-app-nav a{height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:#9f8b70;text-decoration:none}
  .mobile-app-nav a.active{color:#f0d5a4;background:rgba(201,155,76,.11)}
  .mobile-app-nav svg{width:18px;height:18px}.mobile-app-nav span{font:700 6px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}

  /* Desktop home hero is intentionally replaced on phones. */
  .home-page .home-hero,.home-page .house-note-strip{display:none}
  .mobile-home-app{display:block;padding:12px 12px 34px;background:linear-gradient(180deg,#130906 0,#1d0e09 38%,#f4e8d8 38%,#f4e8d8 100%)}
  .mobile-app-hero{overflow:hidden;border-radius:22px;background:#fff9ef;border:1px solid #ae8248;box-shadow:0 20px 44px rgba(36,17,8,.22)}
  .mobile-app-hero__media{position:relative;aspect-ratio:1/1;background:radial-gradient(circle,#583019,#27130c 54%,#120806 80%)}
  .mobile-app-hero__media:after{content:"";position:absolute;inset:9px;border:1px solid rgba(225,187,115,.22);border-radius:14px}
  .mobile-app-hero__media img{width:100%;height:100%;object-fit:contain;padding:7px}
  .mobile-app-hero__copy{padding:20px 18px 19px}
  .mini-kicker{margin:0 0 7px;color:#88572e;font:700 6px/1.35 var(--sans);letter-spacing:.13em;text-transform:uppercase}
  .mobile-app-hero__copy h1{margin:0;font-family:var(--display);font-weight:400;font-size:3rem;line-height:.9;letter-spacing:-.04em}
  .mobile-app-hero__copy>p:not(.mini-kicker){margin:13px 0 0;color:#5b3a2b;font-size:1rem;line-height:1.5}
  .mobile-app-price{display:flex;justify-content:space-between;align-items:end;margin-top:16px;padding-top:13px;border-top:1px solid #c6a573}
  .mobile-app-price span{color:#846243;font:700 7px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
  .mobile-app-price strong{font-family:var(--display);font-size:1.75rem;font-weight:400}
  .mobile-app-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .mobile-app-actions a{min-height:47px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #9d733e;font:700 7px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
  .mobile-app-actions a:first-child{background:linear-gradient(180deg,#b88640,#85541f);color:#fff3de}.mobile-app-actions a:last-child{color:#4e2d1e}
  .mobile-discovery-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:16px 2px 4px}
  .mobile-discovery-rail::-webkit-scrollbar{display:none}
  .mobile-discovery-rail a{flex:0 0 78%;min-height:150px;display:flex;flex-direction:column;scroll-snap-align:start;padding:17px;border:1px solid #b98f59;border-radius:16px;background:#fff9ef;text-decoration:none;box-shadow:0 10px 24px rgba(46,24,12,.08)}
  .mobile-discovery-rail small{color:#8c6037;font:700 6px/1 var(--sans);letter-spacing:.12em}
  .mobile-discovery-rail strong{margin-top:12px;font-family:var(--display);font-size:1.45rem;font-weight:400;line-height:1.1}
  .mobile-discovery-rail span{margin-top:auto;color:#7b4a28;font:700 7px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}

  .section{padding:52px 0}
  .eyebrow{font-size:6.5px;letter-spacing:.14em;line-height:1.45;margin-bottom:11px}
  .display-section{font-size:clamp(2.8rem,12vw,3.7rem);line-height:.95}
  .sensory-copy,.sensory-copy.first{font-size:1.08rem;line-height:1.58}
  .body-copy{font-size:1rem;line-height:1.65}
  .editorial-image{height:auto;aspect-ratio:4/5;border-radius:16px}
  .taste-notes{grid-template-columns:1fr;margin-top:18px}
  .taste-notes div,.taste-notes div:last-child{padding:12px 0;border-right:0;border-bottom:1px solid var(--line)}
  .taste-notes div:last-child{border-bottom:0}
  .standard-card{padding:18px 0;border-right:0;border-bottom:1px solid rgba(201,155,78,.27)}
  .standards-grid{grid-template-columns:1fr;margin-top:26px}.standard-card:last-child{border-bottom:0}
  .standard-card h3{font-size:1.35rem}

  .gift-grid,.gift-grid.reverse,.sourcing-grid{gap:26px}
  .collection-feature{border-radius:16px}
  .product-card-art{border-radius:10px}
  .sourcing-cards article{grid-template-columns:1fr;gap:6px;padding:14px 0}
  .sourcing-cards p,.sourcing-cards strong{grid-column:auto;grid-row:auto}
  .sourcing-cards strong{padding:8px 0 0;border-left:0;border-top:1px solid #c19d67}

  .page-hero{padding:54px 0 38px;text-align:left}
  .page-hero:before{display:none}
  .page-hero h1{font-size:clamp(3.3rem,14vw,4.5rem);line-height:.92}
  .page-lede{margin:16px 0 0;font-size:1.08rem;line-height:1.55}

  .collection-hero{min-height:58vh}
  .collection-hero-shade{background:linear-gradient(0deg,rgba(15,7,5,.96),rgba(15,7,5,.62) 58%,rgba(15,7,5,.16))}
  .collection-hero-copy{padding-bottom:34px}
  .collection-hero-copy h1{font-size:clamp(3.7rem,16vw,4.8rem)}
  .collection-hero-copy>p:last-child{font-size:1.06rem}
  .collection-spotlight{gap:25px}
  .collection-spotlight-art{min-height:0;aspect-ratio:1/1;border-radius:18px}
  .collection-spotlight-copy h2{font-size:clamp(3.2rem,14vw,4.1rem)}
  .collection-note-grid{gap:14px}

  /* PDP uses its own mobile product app; no desktop gallery or vertical image stream. */
  body.product-page{padding-bottom:84px;background:#f5eadb}
  .product-page .mobile-app-nav{display:none}
  .pdp-v7.shell{width:100%;padding:0 0 28px;display:block}
  .pdp-v7-media{width:100%;padding:10px;background:#120806}
  .pdp-v7-main{aspect-ratio:1/1;border-radius:14px;box-shadow:none}
  .pdp-v7-main:after{inset:8px;border-radius:9px}
  .pdp-v7-main img{padding:5px;object-fit:contain}
  .pdp-v7-zoom{top:12px;right:12px;min-height:30px;padding:0 8px;font-size:6px}
  .pdp-v7-count{right:12px;bottom:11px;font-size:6px}
  .pdp-v7-thumbs{gap:7px;margin-top:8px}
  .pdp-v7-thumb{padding:2px;border-radius:9px}
  .pdp-v7-buybox{margin:0 12px;padding:22px 19px 24px;background:#fffaf1;border:1px solid #c4a16d;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 18px 42px rgba(49,25,12,.13)}
  .pdp-v7-buybox .breadcrumbs{display:none}
  .pdp-v7-kicker{margin:0 0 9px;font-size:6px;letter-spacing:.12em}
  .pdp-v7-buybox h1{font-size:clamp(3rem,13vw,3.8rem);line-height:.9}
  .pdp-v7-variant{font-size:1.24rem;margin-top:9px}
  .pdp-v7-proofline{font-size:6px;letter-spacing:.08em}
  .pdp-v7-price{margin-top:16px;padding:11px 0}
  .pdp-v7-price small{font-size:5.8px}.pdp-v7-price strong{font-size:1.6rem}
  .pdp-v7-lede{font-size:1.04rem;line-height:1.55;margin-top:16px}
  .pdp-v7-signatures{margin-top:16px}
  .pdp-v7-signatures span{min-height:42px;padding:8px 9px;font-size:6px;letter-spacing:.06em}
  .pdp-v7-actions{grid-template-columns:1fr;margin-top:16px}
  .pdp-v7-actions a{min-height:49px;font-size:7px}
  .pdp-v7-detail summary{padding:13px 28px 13px 0;font-size:1.02rem}
  .pdp-v7-detail p{font-size:.92rem}
  .pdp-v7-support{font-size:6px}
  .product-taste-section{width:calc(100% - 28px);margin:auto;gap:20px;padding:48px 0}
  .product-taste-image{height:auto;aspect-ratio:1/1}
  .product-page .dark-house{border-radius:22px 22px 0 0}
  .composition-grid,.retail-callout{width:calc(100% - 28px);margin-inline:auto}
  .back-story{height:auto;aspect-ratio:1/1;border-radius:16px}
  .retail-callout{padding:18px;border-radius:16px;margin-bottom:20px}
  .retail-mini{padding:18px 0 0;border-left:0;border-top:1px solid #c3a16e}
  .retail-mini .button-row{display:none}
  .mobile-product-dock{position:fixed;left:0;right:0;bottom:0;z-index:150;display:grid;grid-template-columns:.63fr 1.3fr .95fr;gap:7px;align-items:center;padding:8px 9px calc(8px + env(safe-area-inset-bottom));background:rgba(255,250,241,.97);backdrop-filter:blur(18px);border-top:1px solid #c4a16e;box-shadow:0 -12px 30px rgba(48,25,12,.14)}
  .dock-price small{display:block;color:#856344;font:700 5.8px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
  .dock-price strong{display:block;font-family:var(--display);font-size:1.32rem;font-weight:400}
  .dock-call,.dock-map{min-height:48px;display:flex;align-items:center;justify-content:center;padding:0 6px;border:1px solid #98703d;border-radius:10px;text-decoration:none;text-align:center;font:700 6.5px/1.1 var(--sans);letter-spacing:.06em;text-transform:uppercase}
  .dock-call{background:linear-gradient(180deg,#b98642,#83521f);color:#fff3de}.dock-map{color:#4e2c1e}
  .pdp-v7-lightbox{padding:14px}.pdp-v7-lightbox img{width:100%;height:88vh}

  .house-hero{min-height:64vh}
  .house-hero-shade{background:linear-gradient(0deg,rgba(15,7,5,.96),rgba(15,7,5,.58) 58%,rgba(15,7,5,.16))}
  .house-hero-copy{padding-bottom:34px}
  .house-hero h1{font-size:clamp(3.7rem,16vw,4.8rem)}
  .house-hero-copy>p:last-child{font-size:1.06rem}
  .house-manifesto{gap:24px}
  .house-pillar-grid{grid-template-columns:1fr}
  .house-pillar-grid article{padding:20px 0;border-right:0;border-bottom:1px solid rgba(201,155,78,.27)}
  .house-pillar-grid article:last-child{border-bottom:0}
  .house-pillar-grid h3{font-size:1.65rem}

  .retail-store-card{grid-template-columns:1fr;border-radius:18px;overflow:hidden}
  .retail-city{padding:24px}.retail-city strong{font-size:3rem}
  .retail-details{padding:24px}.retail-details h2{font-size:2rem}
  .retail-details .button-row{flex-direction:column}.retail-details .btn{width:100%}
  .where-card{padding:24px;border-radius:16px}
  .faq button{font-size:1.28rem;padding:17px 0}

  .footer-grid{grid-template-columns:1fr;gap:22px}
  .footer-house{grid-column:auto}
  .footer-bottom{flex-direction:column}
  .site-footer{padding-bottom:100px}
}
@media(max-width:360px){
  .pdp-v7-buybox{margin:0 8px;padding-left:16px;padding-right:16px}
  .pdp-v7-signatures{grid-template-columns:1fr}
  .mobile-discovery-rail a{flex-basis:84%}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
  [data-tilt]{transform:none!important}
}


/* =========================================================
   MOBILE-SAFE OVERRIDES — desktop remains on 2c81 baseline
   ========================================================= */
.menu-button{
  position:relative;
  flex-direction:column;
  gap:5px;
}
.menu-line{
  display:block;
  width:16px;
  height:1px;
  background:currentColor;
  transform-origin:center;
  transition:transform .26s ease,opacity .2s ease;
}
.menu-button[aria-expanded="true"] .menu-line--top{transform:translateY(3px) rotate(45deg)}
.menu-button[aria-expanded="true"] .menu-line--bottom{transform:translateY(-3px) rotate(-45deg)}

html.menu-open,body.menu-open{overflow:hidden}
body.menu-open .mobile-app-nav,
body.menu-open .mobile-product-dock{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(110%);
}

@media(max-width:1080px){
  .site-header{z-index:220}
  .menu-button{z-index:222}
  .mobile-panel{
    z-index:221;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}

@media(max-width:700px){
  .menu-button{
    width:44px;
    height:44px;
  }
  .mobile-panel{
    top:64px!important;
    bottom:auto!important;
    height:calc(100dvh - 64px);
    padding:18px 22px calc(96px + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    background:
      radial-gradient(circle at 50% 0%,rgba(109,58,26,.16),transparent 21rem),
      rgba(16,8,6,.995)!important;
  }
  .mobile-panel nav{display:grid}
  .mobile-panel a{
    font-size:1.4rem!important;
    padding:14px 0!important;
  }

  .mobile-app-nav{
    grid-template-columns:repeat(5,1fr)!important;
    gap:2px;
  }
  .mobile-app-nav a{
    min-width:0;
    padding:0 2px;
  }
  .mobile-app-nav span{
    font-size:5.25px!important;
    letter-spacing:.04em!important;
  }

  /* Independent mobile homepage. No desktop hero/image is reused. */
  .home-page .home-hero,
  .home-page .house-note-strip{
    display:none!important;
  }
  .mobile-home-app{
    display:block!important;
    padding:17px 14px 34px!important;
    background:
      linear-gradient(180deg,#130906 0,#1b0d09 23rem,#f4e8d8 23rem,#f4e8d8 100%)!important;
  }
  .mobile-app-intro{
    color:#f1dfc1;
    padding:7px 4px 16px;
  }
  .mobile-app-intro .mini-kicker{
    color:#caa259;
    margin-bottom:8px;
  }
  .mobile-app-intro h1{
    margin:0;
    max-width:330px;
    font-family:var(--display);
    font-size:clamp(2.8rem,12.5vw,3.45rem);
    font-weight:400;
    letter-spacing:-.045em;
    line-height:.9;
  }
  .mobile-app-variant{
    margin:8px 0 0;
    color:#d6c0a0;
    font-family:var(--display);
    font-style:italic;
    font-size:1.08rem;
    line-height:1.25;
  }

  .mobile-app-product{
    overflow:hidden;
    border:1px solid #ae844d;
    border-radius:20px;
    background:#fff9ef;
    box-shadow:0 22px 46px rgba(36,17,8,.22);
  }
  .mobile-app-product__media{
    position:relative;
    height:clamp(285px,46svh,390px);
    min-height:285px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:
      radial-gradient(circle at 50% 45%,#60351c 0,#2c160d 53%,#120806 80%);
  }
  .mobile-app-product__media:after{
    content:"";
    position:absolute;
    inset:9px;
    border:1px solid rgba(225,187,115,.2);
    border-radius:12px;
    pointer-events:none;
  }
  .mobile-app-product__media>span{
    position:absolute;
    z-index:2;
    left:16px;
    top:15px;
    color:#d4af67;
    font:700 6px/1 var(--sans);
    letter-spacing:.14em;
  }
  .mobile-app-product__media img{
    width:auto!important;
    height:auto!important;
    max-width:94%!important;
    max-height:94%!important;
    object-fit:contain!important;
    padding:0!important;
    flex:0 0 auto;
    filter:drop-shadow(0 18px 24px rgba(0,0,0,.2));
  }
  .mobile-app-product__meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    border-top:1px solid #c5a270;
    border-bottom:1px solid #c5a270;
  }
  .mobile-app-product__meta>div{
    padding:11px 16px 10px;
  }
  .mobile-app-product__meta>div+div{
    text-align:right;
    border-left:1px solid #c5a270;
  }
  .mobile-app-product__meta small{
    display:block;
    color:#8a6849;
    font:700 5.7px/1 var(--sans);
    letter-spacing:.11em;
  }
  .mobile-app-product__meta strong{
    display:block;
    margin-top:4px;
    color:#2a160e;
    font-family:var(--display);
    font-size:1.43rem;
    font-weight:400;
    line-height:1;
  }
  .mobile-app-product__lede{
    margin:0;
    padding:15px 16px 4px;
    color:#5b3929;
    font-size:.98rem;
    line-height:1.5;
  }
  .mobile-app-primary,
  .mobile-app-secondary{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:10px 16px 0;
    text-decoration:none;
    font:700 7px/1 var(--sans);
    letter-spacing:.1em;
    text-transform:uppercase;
  }
  .mobile-app-primary{
    color:#fff2dc;
    border:1px solid #bd8e47;
    background:linear-gradient(180deg,#b98743,#83521f);
  }
  .mobile-app-secondary{
    margin-bottom:16px;
    color:#4e2c1d;
    border:1px solid #9b713e;
    background:#fffaf2;
  }

  .mobile-proof-rail{
    display:flex;
    gap:7px;
    overflow-x:auto;
    scrollbar-width:none;
    padding:12px 2px 3px;
  }
  .mobile-proof-rail::-webkit-scrollbar{display:none}
  .mobile-proof-rail span{
    flex:0 0 auto;
    padding:8px 10px;
    border:1px solid #bea06f;
    border-radius:999px;
    background:#fff9ef;
    color:#65432c;
    font:700 6px/1 var(--sans);
    letter-spacing:.07em;
    text-transform:uppercase;
  }

  .mobile-discovery-title{
    padding:29px 3px 3px;
  }
  .mobile-discovery-title small{
    color:#875a32;
    font:700 6px/1 var(--sans);
    letter-spacing:.13em;
  }
  .mobile-discovery-title h2{
    margin:7px 0 0;
    font-family:var(--display);
    font-size:2.35rem;
    font-weight:400;
    line-height:.95;
    letter-spacing:-.04em;
  }
  .mobile-discovery-rail{
    padding-top:12px!important;
  }
  .mobile-discovery-rail a{
    flex-basis:76%!important;
  }
}

@media(max-width:360px){
  .mobile-app-product__media{
    height:300px;
    min-height:300px;
  }
  .mobile-discovery-rail a{
    flex-basis:82%!important;
  }
}