:root {
  --ink:#171714;
  --ink-soft:#282721;
  --paper:#f5f3ed;
  --surface:#fff;
  --surface-soft:#eeece5;
  --muted:#67655e;
  --line:#d9d6cc;
  --accent:#ffd10a;
  --copper:#985239;
  --success:#16865b;
  --container:1280px;
  --heading-page:clamp(2.25rem,4vw,4rem);
  --heading-section:clamp(2rem,3.2vw,3rem);
  --section-space:clamp(56px,6vw,80px);
  --layout-gap:clamp(28px,4.5vw,64px);
  --serif:Georgia,"Times New Roman",serif;
  --sans:Arial,Helvetica,sans-serif}

*,*::before,*::after {
  box-sizing:border-box}
html {
  scrollbar-gutter:stable;
  max-width:100%;
  scroll-behavior:smooth}
body {
  max-width:100%;
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font:400 1rem/1.65 var(--sans);
  -webkit-font-smoothing:antialiased}
body.drawer-open {
  overflow:hidden}
img {
  display:block;
  max-width:100%;
  height:auto}
a {
  color:inherit;
  text-decoration:none}
button,input,select,textarea {
  color:inherit;
  font:inherit}
button {
  border:0}
h1,h2,h3,p {
  overflow-wrap:break-word}
h1,h2,h3{ text-wrap:balance }
p{ text-wrap:pretty }
[hidden]{display:none!important}
main section[id]{scroll-margin-top:100px}
.container {
  width:min(calc(100% - 32px),var(--container));
  margin-inline:auto}
.narrow {
  max-width:840px}
.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}
.skip-link {
  position:fixed;
  z-index:999;
  top:-100px;
  left:12px;
  padding:12px 18px;
  border:2px solid var(--ink);
  background:var(--surface)}
.skip-link:focus {
  top:12px}
:focus-visible {
  outline:3px solid #075ec8;
  outline-offset:3px}
.ui-icon {
  width:1.1em;
  height:1.1em;
  display:inline-grid;
  flex:0 0 auto;
  place-items:center}
.ui-icon svg {
  width:100%;
  height:100%;
  display:block;
  fill:currentColor}

.announcement {
  min-height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(18px,4vw,52px);
  padding:6px 16px;
  color:#f5f3ed;
  background:var(--ink);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase}
.announcement a {
  color:var(--accent)}
.announcement{flex-wrap:wrap;column-gap:28px;row-gap:6px}
.announcement>span,.announcement>a{display:inline-flex;align-items:center;gap:7px}
.announcement .ui-icon{width:14px;height:14px;flex:0 0 14px}
.announcement a[href^="mailto:"]{text-transform:none;letter-spacing:.03em}
.collection-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.collection-tile{min-width:0;background:#fff;border:1px solid var(--line)}
.collection-tile>div{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f6f5f1}
.collection-tile img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}
.collection-tile:hover img{transform:scale(1.04)}
.collection-tile>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;font-size:.9rem;font-weight:650;line-height:1.5}
.collection-tile .ui-icon{flex:0 0 18px}
.catalog-page .product-grid,.products-showcase .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.catalog-page .product-card h3,.products-showcase .product-card h3{font-size:1.45rem;line-height:1.25}
.catalog-page .product-card-body,.products-showcase .product-card-body{padding:22px 18px}
.catalog-page .product-card-body>p:not(.product-label),.products-showcase .product-card-body>p:not(.product-label){font-size:.9rem;line-height:1.65}
@media(max-width:1180px){.catalog-page .product-grid,.products-showcase .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.catalog-page .product-grid,.products-showcase .product-grid{grid-template-columns:1fr}}
.card-prices:has(>div:only-child){grid-template-columns:1fr}
.card-prices>div:only-child{display:flex;align-items:center;justify-content:space-between}
.card-prices>div:only-child dd{margin:0;font-size:1.5rem}
.site-header {
  position:sticky;
  z-index:80;
  top:0;
  border-bottom:1px solid transparent;
  background:var(--paper);
  transition:border-color .2s,box-shadow .2s}
.site-header.is-scrolled {
  border-color:var(--line);
  box-shadow:0 12px 30px rgba(0,0,0,.06)}
.header-inner {
  min-height:76px;
  display:grid;
  grid-template-columns:154px 1fr auto;
  align-items:center;
  gap:28px}
.brand img {
  width:126px}
.desktop-nav {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(17px,2.1vw,32px)}
.desktop-nav a {
  position:relative;
  font-size:.875rem;
  font-weight:700}
.desktop-nav a::after {
  content:"";
  position:absolute;
  right:100%;
  bottom:-8px;
  left:0;
  height:1px;
  background:currentColor;
  transition:right .2s}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after,.desktop-nav a[aria-current="page"]::after {
  right:0}
.header-actions {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px}
.header-icon {
  position:relative;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid transparent;
  background:transparent;
  cursor:pointer}
.header-icon:hover,.header-icon:focus-visible {
  border-color:var(--line);
  background:var(--surface)}
.header-icon .ui-icon {
  font-size:1.12rem}
.header-icon[aria-disabled="true"] {
  cursor:default;
  opacity:.55}
.cart-count {
  position:absolute;
  top:1px;
  right:1px;
  min-width:16px;
  height:16px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--ink);
  background:var(--accent);
  font-size:.62rem;
  font-weight:800}
.menu-button {
  width:42px;
  height:42px;
  display:none;
  padding:9px;
  background:transparent;
  cursor:pointer}
.menu-button span:not(.sr-only) {
  display:block;
  height:2px;
  margin:5px 0;
  background:var(--ink)}

.mobile-nav {
  position:fixed;
  z-index:102;
  top:0;
  right:0;
  width:min(88%,380px);
  height:100dvh;
  display:flex;
  flex-direction:column;
  padding:20px;
  background:var(--paper);
  box-shadow:-20px 0 50px rgba(0,0,0,.16);
  transform:translateX(105%);
  transition:transform .24s ease}
.mobile-nav.is-open {
  transform:translateX(0)}
.mobile-nav-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:20px;
  border-bottom:1px solid var(--line)}
.mobile-nav-head img {
  width:118px}
.mobile-nav-head button,.drawer-head button {
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  background:transparent;
  cursor:pointer}
.mobile-nav-links {
  display:grid;
  margin:24px 0 auto}
.mobile-nav-links a {
  padding:15px 2px;
  border-bottom:1px solid var(--line);
  font-family:var(--serif);
  font-size:1.25rem}
.nav-overlay,.drawer-overlay {
  position:fixed;
  z-index:100;
  inset:0;
  display:block;
  visibility:hidden;
  background:rgba(10,10,8,.46);
  opacity:0;
  cursor:pointer;
  transition:opacity .2s,visibility .2s}
.nav-overlay.is-open,.drawer-overlay.is-open {
  visibility:visible;
  opacity:1}
.cart-drawer {
  position:fixed;
  z-index:120;
  top:0;
  right:0;
  width:min(100%,430px);
  height:100dvh;
  display:flex;
  flex-direction:column;
  background:var(--surface);
  box-shadow:-20px 0 50px rgba(0,0,0,.18);
  transform:translateX(105%);
  transition:transform .24s ease}
.cart-drawer.is-open {
  transform:translateX(0)}
.drawer-overlay {
  z-index:110}
.drawer-head {
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:18px 24px;
  border-bottom:1px solid var(--line)}
.drawer-head div {
  display:grid}
.drawer-head span {
  color:var(--muted);
  font-size:.75rem;
  letter-spacing:.12em;
  text-transform:uppercase}
.drawer-head strong {
  font:400 1.45rem var(--serif)}
.cart-empty {
  margin:auto;
  padding:34px;
  text-align:center}
.cart-empty>.ui-icon {
  font-size:2.4rem}
.cart-empty h2 {
  margin:20px 0 8px;
  font:400 2rem/1.05 var(--serif)}
.cart-empty p {
  margin:0 0 24px;
  color:var(--muted)}
.floating-whatsapp {
  position:fixed;
  z-index:68;
  right:18px;
  bottom:18px;
  min-height:48px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 16px;
  border-radius:3px;
  color:#fff;
  background:var(--success);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  font-size:.78rem;
  font-weight:800}

.button {
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:11px 20px;
  border:1px solid var(--ink);
  background:transparent;
  font-size:.875rem;
  font-weight:800;
  letter-spacing:.02em;
  text-align:center;
  cursor:pointer;
  transition:transform .2s,color .2s,background .2s,border-color .2s}
.button:hover,.button:focus-visible {
  transform:translateY(-2px)}
.button-small {
  min-height:40px;
  padding:8px 15px}
.button-dark {
  color:#fff;
  background:var(--ink)}
.button-accent {
  color:var(--ink);
  border-color:var(--accent);
  background:var(--accent)}
.button-line {
  background:transparent}
.button-light {
  border-color:#fff;
  color:#fff}
.button[aria-disabled="true"] {
  cursor:not-allowed;
  opacity:.48;
  transform:none}
.button-row {
  display:flex;
  flex-wrap:wrap;
  gap:10px}
.text-link {
  display:inline-block;
  padding-bottom:2px;
  border-bottom:1px solid currentColor;
  font-weight:750}
.eyebrow {
  margin:0 0 16px;
  color:var(--copper);
  font-size:.74rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase}

.home-hero {
  min-height:690px;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(90deg,var(--ink) 50%,#ebe8df 50%)}
.home-hero-grid {
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  align-items:stretch}
.home-hero-copy {
  position:relative;
  z-index:2;
  align-self:center;
  padding:70px clamp(36px,5vw,72px) 70px 0}
.home-hero-copy h1,.page-hero h1,.section-heading h2,.brand-story-copy h2,.faq-intro h2,.two-col-copy h2,.final-cta h2,.product-summary h1 {
  margin:0;
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.04em;
  line-height:.98}
.home-hero-copy h1 {
  max-width:680px;
  font-size:clamp(3.6rem,5.5vw,5.45rem)}
.home-hero-copy h1 em {
  color:var(--accent);
  font-weight:400}
.home-hero-copy>.eyebrow,.final-cta .eyebrow { color:#e0a286; }
.home-hero-copy>p:not(.eyebrow) {
  max-width:580px;
  margin:26px 0 30px;
  color:#c9c7c0;
  font-size:1.04rem}
.home-hero-copy .button-line {
  border-color:#77736a;
  color:#fff}
.hero-note {
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:54px;
  padding-top:20px;
  border-top:1px solid #45433d}
.hero-note strong {
  color:var(--accent);
  font:400 1.2rem var(--serif)}
.hero-note span {
  color:#d0cdc5;
  font-size:.78rem;
  font-weight:700;
  line-height:1.4}
.home-hero-visual {
  min-width:0;
  position:relative;
  display:grid;
  place-items:center;
  color:var(--ink);
  background:#ebe8df}
.hero-product-stage {
  background:#ebe8df;
  position:relative;
  z-index:1;
  width:min(82%,760px);
  aspect-ratio:1/.86;
  display:grid;
  place-items:center}
.hero-product-stage::before {
  content:"";
  position:absolute;
  width:72%;
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid #d5cebc}
.hero-product-stage img {
  position:absolute;
  z-index:2;
  inset:3%;
  width:94%;
  height:94%;
  object-fit:contain;
  mix-blend-mode:multiply}
.hero-orbit {
  position:absolute;
  z-index:1;
  width:94%;
  aspect-ratio:1;
  border:1px solid #c5c0b4;
  border-radius:50%}
.hero-series {
  position:absolute;
  z-index:3;
  left:8%;
  bottom:0;
  color:var(--ink);
  font:400 clamp(2.4rem,4vw,4rem) var(--serif);
  letter-spacing:-.04em}
.hero-spec {
  position:absolute;
  z-index:4;
  min-width:158px;
  display:grid;
  padding:13px 15px;
  border:1px solid #c8c4ba;
  background:rgba(255,255,255,.94)}
.hero-spec span {
  color:var(--muted);
  font-size:.66rem;
  letter-spacing:.12em;
  text-transform:uppercase}
.hero-spec strong {
  font-size:.82rem}
.hero-spec-one {
  top:12%;
  left:6%}
.hero-spec-two {
  right:6%;
  bottom:11%}

.commerce-trust {
  border-bottom:1px solid var(--line);
  background:var(--surface)}
.commerce-trust-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr))}
.commerce-trust article {
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
  padding:25px clamp(10px,2.6vw,34px);
  border-right:1px solid var(--line)}
.commerce-trust article:first-child {
  padding-left:0}
.commerce-trust article:last-child {
  border-right:0}
.commerce-trust article>.ui-icon {
  color:var(--copper);
  font-size:1.45rem}
.commerce-trust article div {
  display:grid}
.commerce-trust strong {
  font-size:.84rem}
.commerce-trust span {
  color:var(--muted);
  font-size:.73rem}

.section {
  padding:var(--section-space) 0}
.section-heading {
  margin-bottom:clamp(28px,3.5vw,44px)}
.section-heading h2,.brand-story-copy h2,.faq-intro h2,.two-col-copy h2 {
  font-size:var(--heading-section);
  line-height:1.08}
.section-heading.compact h2 {
  font-size:var(--heading-section)}
.split-heading {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:var(--layout-gap);
  align-items:end}
.split-heading>p {
  margin:0;
  color:var(--muted)}
.centered-heading {
  max-width:840px;
  margin-inline:auto;
  text-align:center}
.center-action {
  display:flex;
  justify-content:center;
  margin-top:34px}
.products-showcase,.gallery-preview,.faq-page-section,.product-description,.specs-section,.product-faq,.related-products {
  background:var(--surface)}

.product-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px}
.product-grid.single {
  grid-template-columns:minmax(0,1fr);
  max-width:610px}
.product-card {
  min-width:0;
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  background:var(--surface);
  transition:transform .22s,box-shadow .22s}
.product-card:hover {
  transform:translateY(-4px);
  box-shadow:0 20px 50px rgba(0,0,0,.07)}
.product-card-image {
  width:100%;
  aspect-ratio:4/3;
  height:auto;
  position:relative;
  display:block;
  flex-shrink:0;
  overflow:hidden;
  background:var(--surface-soft)}
.product-card-image img {
  position:absolute;
  inset:6%;
  mix-blend-mode:multiply;
  width:88%;
  height:88%;
  object-fit:contain;
  transition:transform .3s}
.product-card:hover .product-card-image img {
  transform:scale(1.035)}
.product-badge {
  position:absolute;
  z-index:2;
  top:16px;
  left:16px;
  padding:7px 9px;
  background:var(--ink);
  color:#fff;
  font-size:.63rem;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase}
.product-card-body {
  display:flex;
  flex:1;
  flex-direction:column;
  padding:clamp(22px,3vw,32px)}
.product-label,.product-subtitle {
  margin:0 0 8px;
  color:var(--copper);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase}
.product-card h3 {
  margin:0;
  font:400 clamp(1.7rem,2.4vw,2.25rem)/1.12 var(--serif)}
.product-card-body>p:not(.product-label) {
  flex:1;
  margin:14px 0 0;
  color:var(--muted);
  font-size:1rem}
.card-prices {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin:24px 0;
  padding:20px 0;
  border-block:1px solid var(--line)}
.card-prices>div {
  min-width:0;
  display:grid;
  gap:8px}
.card-prices>div+div {
  padding-left:20px;
  border-left:1px solid var(--line)}
.card-prices dt {
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--muted);
  font-size:.875rem}
.card-prices dd {
  margin:0;
  font-size:1.25rem;
  font-weight:700;
  line-height:1.3}
.swatch-yellow,.swatch-clear {
  display:inline-block;
  flex:0 0 auto;
  width:14px;
  height:14px;
  border:1px solid #b6b3a8;
  border-radius:50%}
.swatch-yellow {
  border-color:#d3ad05;
  background:var(--accent)}
.swatch-clear {
  background:linear-gradient(135deg,#fff 35%,#e4e6e3 50%,#fff 65%)}
.price-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:22px 0;
  padding:15px 0;
  border-block:1px solid var(--line)}
.price-label {
  color:var(--muted);
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase}
.price-row strong {
  text-align:right;
  font:400 1.05rem var(--serif)}
.card-actions {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px}
.card-actions>.button {
  width:100%}

.brand-story {
  background:var(--paper)}
.brand-story-grid {
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:var(--layout-gap);
  align-items:center}
.brand-story-image {
  position:relative;
  aspect-ratio:4/5;
  width:100%;
  max-width:480px;
  min-height:0;
  margin-inline:auto;
  overflow:hidden}
.brand-story-image img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover}
.brand-story-copy>p:not(.eyebrow) {
  margin:26px 0;
  color:var(--muted)}
.story-points {
  display:grid;
  margin:28px 0;
  border-top:1px solid var(--line)}
.story-points span {
  padding:13px 0;
  border-bottom:1px solid var(--line);
  font-size:.88rem;
  font-weight:700}
.why-section,.order-strip,.product-how,.principles {
  background:var(--surface-soft)}
.value-grid,.feature-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--ink);
  border-left:1px solid var(--ink)}
.value-grid article,.feature-grid article {
  min-width:0;
  padding:24px;
  border-right:1px solid var(--ink);
  border-bottom:1px solid var(--ink)}
.value-grid article>span,.feature-grid article>span {
  color:var(--copper);
  font:400 1.05rem var(--serif)}
.value-grid h3,.feature-grid h3 {
  margin:40px 0 12px;
  font:400 1.5rem/1.1 var(--serif)}
.value-grid p,.feature-grid p {
  margin:0;
  color:var(--muted);
  font-size:1rem}
.order-steps {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0;
  padding:0;
  border-top:1px solid var(--ink);
  border-left:1px solid var(--ink);
  list-style:none}
.order-steps.three {
  grid-template-columns:repeat(3,minmax(0,1fr))}
.order-steps li {
  min-width:0;
  padding:26px;
  border-right:1px solid var(--ink);
  border-bottom:1px solid var(--ink)}
.order-steps li>span {
  color:var(--copper);
  font:400 1.05rem var(--serif)}
.order-steps h3 {
  margin:40px 0 12px;
  font:400 1.4rem var(--serif)}
.order-steps p {
  margin:0;
  color:var(--muted);
  font-size:1rem}
.safety-note {
  max-width:760px;
  margin:28px auto 0;
  color:var(--muted);
  text-align:center;
  font-size:.82rem}

.mosaic {
  aspect-ratio:2/1;
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:14px}
.mosaic figure {
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  background:var(--surface-soft)}
.mosaic-main {
  grid-row:1/3}
.mosaic img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain}
.faq-layout {
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:clamp(46px,9vw,120px);
  align-items:start}
.faq-intro {
  position:sticky;
  top:130px}
.faq-intro>p:not(.eyebrow) {
  color:var(--muted)}
.accordion {
  border-top:1px solid var(--ink)}
.faq-item {
  border-bottom:1px solid var(--line)}
.faq-item button {
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:21px 2px;
  background:transparent;
  text-align:left;
  cursor:pointer}
.faq-item button span {
  font-weight:750}
.faq-item button i {
  width:14px;
  height:14px;
  position:relative;
  flex:0 0 auto}
.faq-item button i::before,.faq-item button i::after {
  content:"";
  position:absolute;
  top:6px;
  left:0;
  width:14px;
  height:1px;
  background:var(--ink);
  transition:transform .2s}
.faq-item button i::after {
  transform:rotate(90deg)}
.faq-item.is-open button i::after {
  transform:rotate(0)}
.faq-answer {
  min-width:0}
.faq-item.is-open .faq-answer {
  max-height:none}
.faq-answer p {
  margin:0;
  padding:0 40px 23px 0;
  color:var(--muted)}

.final-cta {
  padding:var(--section-space) 0;
  color:#fff;
  background:var(--ink)}
.final-cta-inner {
  max-width:940px}
.final-cta h2 {
  max-width:850px;
  font-size:clamp(2.25rem,4vw,4rem);
  line-height:1.06}
.final-cta-inner>p:not(.eyebrow) {
  max-width:620px;
  margin:24px 0 30px;
  color:#bbb8b0}

.breadcrumb {
  padding-top:28px}
.breadcrumb ol {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  color:var(--muted);
  list-style:none;
  font-size:.875rem}
.breadcrumb li:not(:last-child)::after {
  content:"/";
  margin-left:8px;
  color:#aaa69d}
.page-hero {
  padding:clamp(32px,4vw,56px) 0 var(--section-space)}
.page-hero-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
  gap:var(--layout-gap)}
.page-hero-copy h1 {
  max-width:17ch;
  font-size:var(--heading-page);
  line-height:1.06}
.page-hero-copy>p:not(.eyebrow) {
  max-width:610px;
  margin:26px 0 0;
  color:var(--muted)}
.page-hero-image {
  position:relative;
  width:100%;
  aspect-ratio:4/3;
  min-height:0;
  margin:0;
  display:block;
  overflow:hidden;
  background:var(--surface-soft)}
.page-hero-image img {
  position:absolute;
  inset:5%;
  mix-blend-mode:multiply;
  width:90%;
  height:90%;
  object-fit:contain}
.page-hero-compact .page-hero-grid {
  grid-template-columns:1fr}
.page-hero-compact .page-hero-copy {
  max-width:900px}
.page-hero-compact h1{max-width:22ch}
.page-hero-compact .page-hero-copy>p:not(.eyebrow){max-width:65ch}
.page-hero-compact {
  padding-bottom:56px}
.page-hero+.section{padding-top:0}
.catalog-toolbar {
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:.875rem}
.catalog-toolbar p {
  margin:0}

.product-detail {
  padding:42px 0 92px}
.product-detail-grid {
  display:grid;
  grid-template-columns:1.08fr .92fr;
  column-gap:var(--layout-gap);
  row-gap:20px;
  align-items:start}
.product-gallery {
  grid-column:1;
  grid-row:1/3;
  min-width:0}
.product-heading{grid-column:2;grid-row:1;min-width:0}
.product-heading h1{margin:0;font:400 var(--heading-page)/1.06 var(--serif);letter-spacing:-.04em}
.product-heading .eyebrow{margin-bottom:12px}
.gallery-stage {
  position:relative;
  width:100%;
  padding:0;
  cursor:zoom-in;
  height:auto;
  aspect-ratio:1/1;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:var(--surface)}
.gallery-stage img {
  width:92%;
  height:92%;
  object-fit:contain}
.gallery-thumbs {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin-top:9px}
.gallery-thumb {
  aspect-ratio:1.2;
  height:auto;
  display:grid;
  place-items:center;
  padding:6px;
  border:1px solid var(--line);
  background:var(--surface);
  cursor:pointer}
.gallery-thumb.is-active {
  border-color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--ink)}
.gallery-thumb img {
  width:100%;
  height:100%;
  object-fit:contain}
.product-summary {
  grid-column:2;
  grid-row:2;
  min-width:0}
.product-summary h1 {
  font-size:clamp(3.3rem,5.5vw,5.6rem)}
.product-subtitle {
  margin-top:12px}
.product-lead {
  margin:0 0 24px;
  color:var(--muted)}
.product-meta {
  border-top:1px solid var(--line)}
.product-meta>div {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:14px 0;
  border-bottom:1px solid var(--line)}
.product-meta span {
  color:var(--muted);
  font-size:.75rem;
  letter-spacing:.1em;
  text-transform:uppercase}
.product-meta strong {
  text-align:right;
  font:400 1.05rem var(--serif)}
.quantity-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:22px 0}
.quantity-row label {
  font-size:.82rem;
  font-weight:750}
.quantity-control {
  display:grid;
  grid-template-columns:38px 44px 38px;
  border:1px solid var(--line)}
.quantity-control button,.quantity-control input {
  height:38px;
  border:0;
  background:var(--surface);
  text-align:center}
.quantity-control input {
  width:44px;
  border-inline:1px solid var(--line)}
.purchase-box {
  display:grid;
  gap:8px;
  padding:22px;
  background:var(--surface-soft)}
.purchase-box h2 {
  margin:0 0 5px;
  font:400 1.35rem var(--serif)}
.micro-trust {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin:18px 0 0;
  padding:0;
  list-style:none}
.micro-trust li {
  display:grid;
  justify-items:center;
  gap:7px;
  padding:11px 7px;
  border:1px solid var(--line);
  color:var(--muted);
  text-align:center;
  font-size:.875rem;
  line-height:1.3}
.micro-trust .ui-icon {
  color:var(--copper);
  font-size:1.15rem}
.two-col-copy {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:var(--layout-gap)}
.two-col-copy>div:last-child>p:first-child {
  margin-top:0}
.two-col-copy>div:last-child>p {
  color:var(--muted)}
.use-cases-grid {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:var(--layout-gap)}
.use-cases h2 {
  margin:0;
  font:400 var(--heading-section)/1.08 var(--serif);
  letter-spacing:-.04em}
.tag-list {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:30px}
.tag-list span {
  padding:9px 12px;
  border:1px solid var(--ink);
  font-size:.76rem;
  font-weight:750}
.info-table {
  border-top:1px solid var(--ink)}
.info-table>div {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:20px;
  padding:15px 0;
  border-bottom:1px solid var(--line)}
.info-table span {
  color:var(--muted);
  font-size:.78rem}
.info-table strong {
  font-size:.86rem}
.missing {
  color:var(--copper)}

.timeline {
  max-width:900px;
  margin:0 auto;
  padding:0;
  list-style:none}
.timeline li {
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:28px;
  padding:28px 0;
  border-top:1px solid var(--line)}
.timeline li>span {
  color:var(--copper);
  font:400 1.25rem var(--serif)}
.timeline h2 {
  margin:0 0 7px;
  font:400 2rem var(--serif)}
.timeline p {
  margin:0;
  color:var(--muted)}
.channel-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px}
.channel-grid article {
  min-width:0;
  padding:32px;
  border:1px solid var(--line);
  background:var(--surface)}
.channel-grid article>span {
  color:var(--copper);
  font-family:var(--serif)}
.channel-grid h3 {
  margin:52px 0 10px;
  font:400 2rem var(--serif)}
.channel-grid p {
  color:var(--muted)}
.check-list {
  border-top:1px solid var(--ink)}
.check-list p {
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin:0;
  padding:14px 0;
  border-bottom:1px solid var(--line)}
.faq-groups>section {
  display:grid;
  grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);
  gap:48px;
  padding:42px 0;
  border-top:1px solid var(--ink)}
.faq-groups>section>h2 {
  margin:0;
  font:400 2rem var(--serif)}
.contact-grid {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:var(--layout-gap);
  align-items:start}
.contact-cards {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-left:1px solid var(--line)}
.contact-cards article {
  min-width:0;
  display:grid;
  align-content:start;
  gap:18px;
  padding:20px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.contact-cards article>span:not(.ui-icon) {
  color:var(--muted);
  font-size:.875rem;
  letter-spacing:.1em;
  text-transform:uppercase}
.contact-cards a,.contact-cards strong,.contact-cards address {
  overflow-wrap:anywhere;
  font:400 1rem/1.6 var(--sans)}
.contact-cards address{font-style:normal;overflow-wrap:anywhere;line-height:1.7}
.contact-cards p{margin:0}
.contact-cards{gap:14px;border:0}
.contact-cards article{gap:10px;border:1px solid var(--line);background:#fff;padding:22px}
.contact-cards article>.ui-icon{display:grid;place-items:center;width:42px;height:42px;background:var(--surface);color:var(--ink);margin-bottom:4px}
.contact-cards article>.ui-icon svg{width:21px;height:21px}
.contact-cards h2{margin:0;font:600 1rem/1.4 var(--sans)}
.contact-cards p{color:var(--muted);font-size:.875rem;line-height:1.7}
.contact-cards .contact-action{display:flex;align-items:center;justify-content:space-between;gap:8px}
.contact-action .ui-icon{flex:0 0 18px}
.contact-form .button{width:100%;gap:10px}
.contact-card-hours{grid-column:1/-1}
.contact-card-address {
  grid-column:1/-1}
.contact-form {
  padding:30px;
  background:var(--surface)}
.contact-form h2 {
  margin:0 0 22px;
  font:400 2.3rem var(--serif)}
.contact-form label {
  display:grid;
  gap:7px;
  margin:14px 0;
  font-size:.78rem;
  font-weight:750}
.contact-form input,.contact-form select,.contact-form textarea {
  min-width:0;
  min-height:48px;
  font-size:1rem;
  width:100%;
  padding:12px;
  border:1px solid var(--line);
  background:#fff}
.contact-form textarea {
  resize:vertical}
.form-note,.small-note {
  color:var(--muted);
  font-size:.875rem}
.legal-content section {
  padding:26px 0;
  border-top:1px solid var(--line)}
.legal-content h2 {
  margin:0 0 8px;
  font:400 1.65rem var(--serif)}
.legal-content p {
  margin:0;
  color:var(--muted)}
.draft-badge {
  display:inline-block;
  margin:0 0 24px;
  padding:7px 10px;
  color:#7a4c00;
  background:#fff0c2;
  font-size:.72rem;
  font-weight:750}

.site-footer {
  padding-top:var(--section-space);
  color:#f5f3ed;
  background:#11110f}
.footer-grid {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  gap:46px;
  padding-bottom:48px}
.footer-brand img {
  width:136px}
.footer-brand p {
  max-width:330px;
  color:#aaa69e;
  font-size:.88rem}
.footer-col h2 {
  margin:0 0 18px;
  color:#8e8a82;
  font-size:.7rem;
  letter-spacing:.13em;
  text-transform:uppercase}
.footer-col a {
  display:block;
  margin:9px 0;
  font-size:.84rem}
.footer-col a:hover,.footer-col a:focus-visible {
  color:var(--accent)}
.footer-icon-link {
  display:flex!important;
  align-items:center;
  gap:8px}
.footer-details {
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);
  gap:32px;
  padding-block:28px;
  border-top:1px solid #393833}
.footer-details>div {
  min-width:0}
.footer-details span {
  display:block;
  margin-bottom:8px;
  color:#aaa69e;
  font-size:.875rem}
.footer-details address,.footer-details p {
  max-width:65ch;
  margin:0;
  font-size:.9375rem;
  font-style:normal;
  overflow-wrap:anywhere}
.footer-legal {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:19px 0;
  border-top:1px solid #393833;
  color:#8e8a82;
  font-size:.72rem}
.footer-legal p {
  margin:0}
.footer-legal nav {
  display:flex;
  flex-wrap:wrap;
  gap:18px}

@media(max-width:1180px) {
  .contact-cards{grid-template-columns:1fr}
  .order-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .desktop-nav {
  gap:16px}
.desktop-nav a {
  font-size:.875rem}
.header-actions .button {
  display:none}
.home-hero-grid {
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.hero-spec-one {
  left:2%}
.hero-spec-two {
  right:2%}
.value-grid,.feature-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-grid {
  grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}
.footer-col:last-child {
  grid-column:2}
}

@media(max-width:920px) {
  .collection-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-hero{background:var(--ink)}
  .desktop-nav,.account-button {
  display:none}
.header-inner {
  grid-template-columns:1fr auto}
.menu-button {
  display:block}
.home-hero {
  min-height:auto}
.home-hero-grid {
  min-height:auto;
  grid-template-columns:1fr}
.home-hero-copy {
  padding:48px 0 40px}
.home-hero-copy h1 {
  text-wrap:balance;
  max-width:730px;
  font-size:clamp(3rem,7.5vw,4.5rem)}
.hero-note {
  max-width:580px}
.home-hero-visual {
  min-height:440px;
  margin-right:0}
.hero-product-stage {
  width:min(82%,700px)}
.commerce-trust-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))}
.commerce-trust article {
  padding:18px 12px;
  border-right:1px solid var(--line);
  border-bottom:0}
.commerce-trust article:last-child {
  border-bottom:0}
.split-heading,.brand-story-grid,.faq-layout,.page-hero-grid,.product-detail-grid,.two-col-copy,.use-cases-grid,.contact-grid {
  grid-template-columns:1fr}
.brand-story-image {
  max-width:480px;
  margin-inline:auto}
.faq-intro,.product-summary {
  position:static}
.page-hero-copy {
  max-width:780px}
.page-hero-image {
  width:100%;
  max-width:640px;
  margin-inline:auto}
.product-detail-grid {
  gap:28px}
.product-heading,.product-gallery,.product-summary{grid-column:1;grid-row:auto}
.product-heading{max-width:680px}
.gallery-stage {
  max-height:540px;
  aspect-ratio:4/3}
.faq-groups>section {
  grid-template-columns:1fr;
  gap:20px}
.footer-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-brand {
  grid-column:1/-1}
.footer-col:last-child {
  grid-column:auto}
}

@media(max-width:680px) {
  .announcement>span:first-child{display:none}
  .announcement>a{font-size:.65rem;gap:5px}
  .collection-gallery{gap:12px}
  .collection-tile>span{padding:12px;font-size:.8rem}
  .container {
  width:min(calc(100% - 28px),var(--container))}
.announcement {
  justify-content:space-between;
  gap:10px;
  letter-spacing:.02em;
  font-size:.625rem}
.announcement span:nth-child(2) {
  display:none}
.header-inner {
  min-height:68px}
.brand img {
  width:112px}
.header-icon {
  width:44px;
  height:44px}
.floating-whatsapp {
  width:48px;
  padding:0;
  justify-content:center;
  border-radius:50%}
.floating-whatsapp span:last-child {
  display:none}
.home-hero-copy {
  padding:36px 0 32px}
.home-hero-copy h1 {
  font-size:clamp(2.7rem,12.2vw,4.4rem)}
.home-hero-copy>p:not(.eyebrow) {
  font-size:1rem}
.home-hero-copy .button {
  width:100%}
.hero-note {
  display:none}
.home-hero-visual {
  min-height:340px}
.hero-product-stage {
  width:96%}
.hero-spec {
  min-width:132px;
  padding:9px 10px}
.hero-spec-one {
  top:5%;
  left:0}
.hero-spec-two {
  right:0;
  bottom:5%}
.hero-series {
  right:1%;
  bottom:2%}
.section {
  padding:var(--section-space) 0}
.section-heading {
  margin-bottom:36px}
.section-heading h2,.brand-story-copy h2,.faq-intro h2,.two-col-copy h2 {
  font-size:var(--heading-section)}
.product-grid {
  grid-template-columns:1fr}
.product-card-image {
  height:auto}
.card-actions {
  grid-template-columns:1fr}
.brand-story-image {
  min-height:0}
.value-grid,.feature-grid {
  grid-template-columns:1fr}
.value-grid article,.feature-grid article {
  padding:22px}
.value-grid h3,.feature-grid h3 {
  margin-top:44px}
.order-steps,.order-steps.three {
  grid-template-columns:1fr}
.order-steps h3 {
  margin-top:38px}
.mosaic {
  aspect-ratio:auto;
  height:auto;
  grid-template-columns:1fr;
  grid-template-rows:none}
.mosaic figure{aspect-ratio:4/3}
.mosaic figure:last-child{aspect-ratio:4/5;width:100%;max-width:420px;justify-self:center}
.mosaic-main {
  grid-row:auto}
.page-hero {
  padding:32px 0 48px}
.page-hero-copy h1 {
  font-size:var(--heading-page)}
.page-hero-image {
  min-height:0}
.catalog-toolbar {
  align-items:flex-start;
  flex-direction:column;
  gap:4px}
.gallery-stage {
  height:auto}
.gallery-thumbs {
  grid-template-columns:repeat(5,minmax(0,1fr))}
.gallery-thumb {
  min-height:48px;
  height:auto;
  padding:4px}
.product-summary h1 {
  font-size:var(--heading-page)}
.micro-trust {
  grid-template-columns:1fr}
.micro-trust li {
  grid-template-columns:auto 1fr;
  justify-items:start;
  text-align:left}
.channel-grid,.contact-cards {
  grid-template-columns:1fr}
.timeline li {
  grid-template-columns:52px minmax(0,1fr);
  gap:14px}
.timeline h2 {
  font-size:1.55rem}
.check-list p {
  flex-direction:column;
  gap:3px}
.contact-form {
  padding:24px 18px}
.footer-grid,.footer-details {
  grid-template-columns:1fr}
.footer-details {
  gap:24px}
.footer-brand,.footer-col:last-child {
  grid-column:auto}
.footer-legal {
  align-items:flex-start;
  flex-direction:column}
}

@media(max-width:380px) {
  .collection-gallery{grid-template-columns:1fr}
  .container {
  width:min(calc(100% - 24px),var(--container))}
.announcement {
  padding-inline:12px;
  font-size:.625rem}
.home-hero-copy h1 {
  font-size:2.6rem}
.home-hero-visual {
  min-height:300px}
.hero-spec {
  min-width:116px}
.hero-spec strong {
  font-size:.72rem}
.product-card-image {
  height:auto}
.gallery-stage {
  height:auto}
.gallery-thumbs {
  grid-template-columns:repeat(5,minmax(0,1fr))}
}

@media(min-width:1800px) {
  :root {
  --container:1440px}
.home-hero-grid,.home-hero {
  min-height:760px}
.home-hero-copy h1 {
  font-size:5.7rem}
}

.mobile-nav,.cart-drawer {
  visibility:hidden;
  opacity:0;
  transform:none;
  clip-path:inset(0 0 0 100%);
  transition:clip-path .24s ease,opacity .2s,visibility .24s}
.mobile-nav.is-open,.cart-drawer.is-open {
  visibility:visible;
  opacity:1;
  transform:none;
  clip-path:inset(0)}

.home-hero-grid>*,.split-heading>*,.product-detail-grid>*,.contact-grid>*,.page-hero-grid>*,.two-col-copy>*,.use-cases-grid>*,.faq-layout>*,.faq-groups>section>*,.footer-grid>*{min-width:0}
.product-meta span,.price-label,.info-table span,.contact-form label,.quantity-row label,.form-note{font-size:.875rem}
.commerce-trust strong{font-size:.9375rem}
.commerce-trust article div>span{font-size:.875rem}
.legal-page .breadcrumb,.legal-page .page-hero-grid{max-width:840px}
.legal-page .page-hero{padding-bottom:32px}
.legal-content{padding-top:0}
.legal-content p{line-height:1.8}
.legal-content .draft-badge{margin-bottom:24px;color:#7a4c00}
.mobile-nav,.cart-drawer{max-width:100%;max-height:none;margin:0 0 0 auto;border:0;overflow-y:auto;overscroll-behavior:contain;clip-path:none;transition:none}
.cart-drawer{padding:0}
.mobile-nav:not([open]),.cart-drawer:not([open]){display:none}
.mobile-nav[open],.cart-drawer[open]{visibility:visible;opacity:1;transform:none}
.mobile-nav::backdrop,.cart-drawer::backdrop{background:rgba(15,15,12,.55)}
.mobile-nav-head{flex-shrink:0}
.mobile-nav-links{margin-bottom:32px}
.mobile-nav>.button{flex-shrink:0}
@media(min-width:681px) and (max-width:920px){.contact-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.product-detail{padding-top:28px;padding-bottom:56px}.product-heading h1{font-size:clamp(2.2rem,9vw,2.75rem)}.purchase-box{padding:18px}.final-cta{padding:64px 0}.final-cta .button-row>*{width:100%}.section-heading h2{max-width:22ch}.hero-note{display:none}.commerce-trust-grid{grid-template-columns:1fr}.commerce-trust article{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}}
.zoom-hint{position:absolute;right:18px;bottom:18px;padding:8px 12px;border:1px solid var(--line);background:var(--surface);font-size:.75rem}
.image-zoom{width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:58px 20px 20px;border:0;background:var(--surface)}
.image-zoom::backdrop{background:rgba(15,15,12,.78)}
.image-zoom img{width:100%;height:min(72dvh,780px);object-fit:contain}
.image-zoom button{position:absolute;top:12px;right:12px;min-height:40px;padding:8px 14px;background:var(--paper);cursor:pointer}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after {
  scroll-behavior:auto!important;
  transition-duration:.01ms!important}
}

.hero-picker {
  z-index:4;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 18px;
  padding:0 12px 18px}
.hero-picker [role="group"] {
  display:flex;
  border:1px solid #c8c4ba;
  background:rgba(255,255,255,.94)}
.hero-picker button {
  min-height:40px;
  padding:0 16px;
  border:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-size:.82rem;
  cursor:pointer}
.hero-picker button[aria-pressed="true"] {
  background:var(--ink);
  color:#fff}

.home-hero-copy>p.hero-tagline {
  margin:22px 0 0;
  color:#fff;
  font:400 clamp(1.3rem,2.2vw,1.85rem)/1.2 var(--serif);
  letter-spacing:-.02em}
.home-hero-copy>p.hero-tagline+p {
  margin-top:14px}
.home-hero-visual {
  padding-bottom:64px}
.hero-picker {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:0 12px 12px}
.hero-spec-two {
  bottom:calc(11% + 64px)}
@media(max-width:680px) {
  .hero-spec-two {
    bottom:calc(5% + 64px)}
}
.page-hero-image-poster {
  aspect-ratio:auto;
  max-width:480px;
  margin-inline:auto;
  background:var(--surface-soft)}
.page-hero-image-poster img {
  position:static;
  inset:auto;
  mix-blend-mode:normal;
  display:block;
  width:100%;
  height:auto}

.hero-badge {
  position:absolute;
  z-index:4;
  top:12%;
  right:6%;
  padding:9px 14px;
  background:var(--accent);
  color:#151515;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase}
@media(max-width:680px) {
  .hero-badge {
    top:5%;
    right:0;
    padding:8px 10px;
    font-size:.66rem}
}

.offer-banner {
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 18px;
  margin:18px 0 0;
  padding:14px 18px 14px 16px;
  overflow:hidden;
  background:#151515;
  color:#fff;
  border-left:6px solid var(--accent)}
.offer-banner::after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-40%;
  width:30%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);
  transform:skewX(-18deg);
  animation:offer-shine 5s ease-in-out infinite;
  pointer-events:none}
@keyframes offer-shine {
  0%,60% {left:-40%}
  100% {left:140%}
}
.offer-tag {
  padding:5px 10px;
  background:var(--accent);
  color:#151515;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase}
.offer-deal {
  display:flex;
  align-items:baseline;
  gap:12px}
.offer-qty {
  font:400 clamp(1.2rem,4vw,1.5rem)/1 var(--serif);
  letter-spacing:-.02em}
.offer-price {
  color:var(--accent);
  font:400 clamp(2rem,7vw,2.75rem)/1 var(--serif);
  letter-spacing:-.03em}
.offer-save {
  display:grid;
  gap:2px;
  margin-left:auto;
  font-size:.8rem;
  text-align:right}
.offer-save s {
  color:#b9b6ad}
.offer-save span {
  color:#fff;
  font-weight:700}
.offer-banner-hero {
  margin:0 0 22px;
  background:var(--accent);
  color:#151515;
  border-left-color:#fff}
.offer-banner-hero .offer-tag {
  background:#151515;
  color:var(--accent)}
.offer-banner-hero .offer-price {
  color:#151515}
.offer-banner-hero .offer-save s {
  color:#5c4a00}
.offer-banner-hero .offer-save span {
  color:#151515}
.offer-banner-hero::after {
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent)}
@media(max-width:520px) {
  .offer-save {
    margin-left:0;
    text-align:left}
}
@media(prefers-reduced-motion:reduce) {
  .offer-banner::after {
    animation:none;
    display:none}
}