@font-face {
  font-family: 'Questrial';
  src: url('../fonts/questrial-regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* 2.21.0: denser editorial homepage, managed hero, and compact blog index. */
.announcement {
	min-height: 38px;
	padding-block: 0.45rem;
	font-size: clamp(0.88rem, 1vw, 1rem);
	font-weight: 500;
	letter-spacing: 0.02em;
}

.mega-menu__heading--priority,
.mobile-nav-row--priority { color: var(--color-gold); font-weight: 700; }

.hero-banner__link { position: relative; }
.hero-banner__cta {
	position: absolute;
	right: clamp(1rem, 5vw, 5rem);
	bottom: clamp(1rem, 2.5vw, 2.5rem);
	z-index: 2;
	padding: 0.72rem 1.15rem;
	border: 1px solid #111;
	background: rgba(255,255,255,.92);
	color: #111;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1;
}

.homepage-video { padding-block: clamp(2rem, 3.5vw, 3.75rem); background: #fff; }
.homepage-video__layout { display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(20rem, .94fr); gap: clamp(2rem, 4.5vw, 5rem); align-items: center; }
.homepage-video__frame { width: 100%; margin: 0; aspect-ratio: 16 / 9; border: 0; border-radius: 0; box-shadow: none; background: #171717; }
.homepage-video__frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.homepage-video__content { display: grid; gap: clamp(1rem, 1.8vw, 1.5rem); align-content: center; }
.homepage-video__content h2 { margin: 0; font-family: var(--font-serif, Georgia, serif); font-size: clamp(1.55rem, 2.2vw, 2.55rem); font-weight: 600; letter-spacing: 0.015em; line-height: 1.12; }
.homepage-video__copy p { margin: 0; color: var(--color-text-muted); font-size: clamp(.9rem, 1.05vw, 1.02rem); line-height: 1.7; }
.homepage-video__cta,
.blog-list__button { display: inline-flex; width: fit-content; min-height: 42px; align-items: center; gap: .55rem; justify-content: center; padding: .65rem 1.05rem; border: 1px solid #111; border-radius: var(--radius-control); background: transparent; color: #111; font-weight: 500; text-decoration: none; transition: background-color var(--duration-fast), color var(--duration-fast); }
.homepage-video__cta:hover,
.homepage-video__cta:focus-visible,
.blog-list__button:hover,
.blog-list__button:focus-visible { background: #111; color: #fff; }

.wholesale-reasons { padding-block: 1.1rem 0.9rem; }
.brand-divider.wholesale-reasons__divider { margin-bottom: .7rem; }
.wholesale-reasons__divider .brand-divider__mark { width: 2.75rem; }
.wholesale-reasons__header { max-width: 76rem; gap: .45rem; padding-bottom: .85rem; }
.wholesale-reasons__header h2 { font-size: clamp(1.2rem, 1.65vw, 1.72rem); line-height: 1.15; }
.wholesale-reasons__header > p:last-child { max-width: 65rem; font-size: .88rem; line-height: 1.45; }
.wholesale-reasons__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wholesale-reasons__item,
.wholesale-reasons__item:nth-child(even) { gap: .7rem; padding: .78rem 1rem; border-left: 0; }
.wholesale-reasons__item:not(:nth-child(3n + 1)) { border-left: 1px solid var(--color-line-dark); }
.wholesale-reasons__item > .dashicons { width: 1.4rem; height: 1.4rem; font-size: 1.4rem; }
.wholesale-reasons__item h3 { font-size: .94rem; line-height: 1.25; }
.wholesale-reasons__item p { margin-top: .25rem; font-size: .76rem; line-height: 1.4; }
.proof { padding-block: .85rem 1.1rem; }
.proof__grid { gap: clamp(.8rem, 2vw, 2rem); }
.proof__icon { width: 1.8rem; height: 1.8rem; margin-bottom: .35rem; font-size: 1.8rem; }
.proof__number { font-size: clamp(2rem, 3vw, 3.1rem); line-height: .95; }
.proof__label { margin-top: .35rem; font-size: clamp(.62rem, .74vw, .73rem); }

.blog-hero { padding-block: clamp(1.15rem, 2vw, 1.8rem); background: #171717; }
.blog-hero__inner { gap: .35rem; }
.blog-hero h1 { font-size: clamp(2rem, 3.5vw, 3.5rem); }
.blog-hero p:last-child { font-size: .92rem; }
.blog-results { padding-block: clamp(1.25rem, 2vw, 2rem); }
.blog-list { display: grid; gap: clamp(1rem, 1.7vw, 1.5rem); }
.blog-list__item { display: grid; grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.28fr); min-height: 17rem; border: 1px solid var(--color-line-dark); }
.blog-list__media { display: block; min-height: 0; overflow: hidden; background: #a9856f; }
.blog-list__media > img { width: 100%; height: 100%; object-fit: cover; transition: transform 450ms var(--ease-out); }
.blog-list__item:hover .blog-list__media > img { transform: scale(1.02); }
.blog-list__content { display: flex; min-width: 0; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(1rem, 2.3vw, 2.25rem); }
.blog-list__category { margin: 0 0 .55rem; color: #745336; font-size: .69rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.blog-list__category a { color: inherit; text-decoration: none; }
.blog-list h2 { margin: 0; font-size: clamp(1.45rem, 2.25vw, 2.4rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.08; }
.blog-list h2 a { color: inherit; text-decoration: none; }
.blog-list__meta { margin: .65rem 0 0; color: #888; font-size: .76rem; }
.blog-list__excerpt { margin: .75rem 0 1rem; color: var(--color-text-muted); font-size: .9rem; line-height: 1.5; }
.blog-list__button { min-height: 38px; padding: .55rem .9rem; font-size: .83rem; }

.blog-article__header { min-height: clamp(20rem, 31vw, 28rem); background: #2B1E0E; }
.blog-article__header::after { background: linear-gradient(110deg, rgba(0,0,0,.18), transparent 65%); }
.blog-article__header:not(.has-cover)::before { background: #2B1E0E; }
.blog-article__header-inner,
.blog-article__header-inner.shell { width: min(100%, 86rem); max-width: 86rem; padding: clamp(2rem, 4vw, 4rem) clamp(1.25rem, 5vw, 5rem); }
.blog-breadcrumbs { margin-bottom: clamp(1.75rem, 3.5vw, 3.5rem); }
.blog-article__header h1 { max-width: 70rem; font-size: clamp(2.3rem, 4.4vw, 4.8rem); }
.blog-article__meta { margin-top: 1.2rem; }

@media (max-width: 900px) {
	.homepage-video__layout { grid-template-columns: 1fr; gap: 1.5rem; }
	.wholesale-reasons__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wholesale-reasons__item:not(:nth-child(3n + 1)) { border-left: 0; }
	.wholesale-reasons__item:nth-child(even) { border-left: 1px solid var(--color-line-dark); }
}

@media (max-width: 767px) {
	.announcement { min-height: 38px; padding: .45rem .75rem; font-size: .78rem; }
	.hero-banner__cta { right: 1rem; bottom: 1rem; }
	.homepage-video { padding-block: 1.5rem; }
	.homepage-video__frame { width: 100%; margin: 0; border-radius: 0; }
	.homepage-video__content h2 { font-size: 1.55rem; }
	.wholesale-reasons { padding-block: .8rem; }
	.wholesale-reasons__grid { grid-template-columns: 1fr; }
	.wholesale-reasons__item,
	.wholesale-reasons__item:nth-child(even) { padding: .7rem 0; border-left: 0; }
	.proof { padding-block: 1rem; }
	.proof__grid { gap: 1rem .75rem; }
	.proof__icon { width: 1.65rem; height: 1.65rem; font-size: 1.65rem; }
	.proof__number { font-size: 2.35rem; }
	.blog-hero { padding-block: 1.35rem; }
	.blog-hero h1 { font-size: 2.25rem; }
	.blog-list__item { grid-template-columns: 1fr; min-height: 0; }
	.blog-list__media { aspect-ratio: 16 / 9; }
	.blog-list__content { padding: 1rem; }
	.blog-list h2 { font-size: 1.45rem; }
	.blog-article__header { min-height: 22rem; }
	.blog-article__header-inner.shell { width: 100%; max-width: 100%; padding: 2rem 1.25rem; }
	.blog-breadcrumbs { margin-bottom: 2.25rem; }
}

:root {
  --color-ink: #11110f;
  --color-ink-raised: #191a17;
  --color-paper: #ffffff;
  --color-paper-muted: #d0d0ca;
  --color-text-muted: #5f625f;
  --color-gold: #bd8e3d;
  --color-gold-hover: #d1a653;
  --color-line-dark: rgba(17, 17, 15, 0.18);
  --color-line-light: rgba(241, 241, 237, 0.24);
  --color-error: #a72718;
  --color-success: #28743b;
  --font-primary: 'Questrial', Arial, sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-md: 0.9rem;
  --text-base: 1.01rem;
  --text-xl: clamp(2.65rem, 6vw, 6.8rem);
  --text-section: clamp(2.25rem, 4.2vw, 4.8rem);
  --space-1: 0.3rem;
  --space-2: 0.5rem;
  --space-3: 0.7rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: clamp(3.75rem, 6.5vw, 6.5rem);
  --radius-control: 5px;
  --radius-media: 8px;
  --duration-fast: 200ms;
  --duration-normal: 300ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --shell: min(92vw, 1420px);
  --header-height: 72px;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-primary);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

body.menu-is-open { overflow: hidden; }
img { display: block; width: 100%; height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

:focus-visible {
  outline: 3px solid var(--color-gold);
  outline-offset: 4px;
}

.screen-reader-text,
.honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link {
  position: fixed;
  top: var(--space-4);
  left: var(--space-4);
  z-index: 100;
  padding: 0.75rem 1rem;
  background: var(--color-paper);
  color: var(--color-ink);
  transform: translateY(-180%);
}
.skip-link:focus { transform: translateY(0); }
.shell { width: var(--shell); margin-inline: auto; }

.announcement {
  display: grid;
  position: relative;
  min-height: 32px;
  place-items: center;
  padding: var(--space-1) clamp(5rem, 12vw, 9rem);
  background: #000000;
  color: var(--color-paper);
  text-align: center;
  font-size: var(--text-sm);
}
.announcement p { margin: 0; }

/* Fit GTranslate floating mode into the fixed visual area of the top bar. */
#gt_float_wrapper {
  position: absolute !important;
  top: 2px !important;
  right: max(4vw, 1rem) !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 30 !important;
  height: 28px;
}
#gt_float_wrapper .gt_float_switcher {
  display: inline-block !important;
  opacity: 1 !important;
  overflow: visible !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-radius: var(--radius-control) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--color-paper) !important;
  font-family: var(--font-primary) !important;
  font-size: var(--text-xs) !important;
  line-height: 1 !important;
}
#gt_float_wrapper .gt_float_switcher .gt-selected {
  border-radius: inherit !important;
  background: transparent !important;
}
#gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang {
  display: flex !important;
  height: 26px;
  align-items: center;
  gap: 0.25rem;
  padding: 3px 7px !important;
  color: var(--color-paper) !important;
  font-weight: 400 !important;
}
#gt_float_wrapper .gt_float_switcher img {
  width: 18px !important;
  height: 13px !important;
  margin: 0 !important;
  border-radius: 2px !important;
  object-fit: cover;
}
#gt_float_wrapper .gt_float_switcher .gt-lang-code {
  top: 0 !important;
  min-width: 1.5rem;
  letter-spacing: 0.08em;
  text-align: center;
}
#gt_float_wrapper .gt_float_switcher-arrow {
  width: 10px !important;
  height: 14px !important;
  background-size: 8px !important;
  filter: brightness(0) invert(1);
}
#gt_float_wrapper .gt_float_switcher .gt_options {
  position: absolute !important;
  top: calc(100% + 5px);
  right: 0;
  width: max-content;
  min-width: 152px;
  max-height: min(65dvh, 340px) !important;
  overflow-y: auto !important;
  border: 1px solid var(--color-line-dark);
  border-radius: var(--radius-control);
  background: var(--color-paper) !important;
  box-shadow: 0 14px 34px rgba(17, 17, 15, 0.2);
}
#gt_float_wrapper .gt_float_switcher .gt_options a {
  padding: 8px 11px !important;
  color: var(--color-ink) !important;
  font-size: var(--text-sm) !important;
  line-height: 1.3 !important;
}
#gt_float_wrapper .gt_float_switcher .gt_options a:hover,
#gt_float_wrapper .gt_float_switcher .gt_options a:focus-visible {
  background: var(--color-ink) !important;
  color: var(--color-paper) !important;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  height: var(--header-height);
  border-bottom: 1px solid var(--color-line-dark);
  background: rgba(255, 255, 255, 0.96);
  color: var(--color-ink);
  backdrop-filter: blur(18px);
}
.site-header__inner {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
  align-items: center;
  height: 100%;
  gap: var(--space-5);
}
.brand { display: inline-flex; width: fit-content; flex-direction: column; text-decoration: none; line-height: 0.9; letter-spacing: 0.08em; }
.brand__main { font-size: 1.23rem; }
.brand__sub { margin-top: 0.38rem; color: var(--color-gold); font-size: 0.56rem; letter-spacing: 0.45em; }
.brand__logo {
  display: block;
  position: relative;
  width: clamp(10.5rem, 13vw, 12.5rem);
  aspect-ratio: 544 / 175;
  overflow: hidden;
  isolation: isolate;
}
.brand__logo img {
  position: static;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}
.brand__logo::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(110deg, transparent 34%, rgba(255, 249, 211, 0.12) 43%, rgba(255, 255, 255, 0.96) 50%, rgba(255, 239, 154, 0.36) 56%, transparent 66%);
  background-position: 180% 0;
  background-size: 250% 100%;
  content: '';
  opacity: 0;
  pointer-events: none;
  -webkit-mask: url('../images/Logo-desktop-black.png') center / contain no-repeat;
  mask: url('../images/Logo-desktop-black.png') center / contain no-repeat;
  animation: brand-logo-shine 5.8s ease-in-out infinite;
}
@keyframes brand-logo-shine {
  0%, 12% { background-position: 180% 0; opacity: 0; }
  16% { opacity: 1; }
  38% { background-position: -80% 0; opacity: 1; }
  44%, 100% { background-position: -80% 0; opacity: 0; }
}
.custom-logo { max-width: 180px; max-height: 52px; object-fit: contain; }
.site-nav__list, .footer-menu { display: flex; align-items: center; gap: clamp(1rem, 1.65vw, 2rem); margin: 0; padding: 0; list-style: none; }
.site-nav { height: 100%; }
.site-nav__list { height: 100%; }
.site-nav__item--mega { display: flex; height: 100%; align-items: center; }
.mobile-language,
.mobile-nav__header,
.mobile-menu-backdrop,
.mobile-nav-icon,
.mobile-drilldown { display: none; }
.site-nav__list > li > a,
.site-nav__mega-toggle { position: relative; color: inherit; text-decoration: none; font-size: var(--text-md); white-space: nowrap; }
.site-nav__list > li > a::after,
.site-nav__mega-toggle::after { content: ''; position: absolute; right: 0; bottom: -0.45rem; left: 0; height: 1px; background: var(--color-gold); transform: scaleX(0); transform-origin: right; transition: transform var(--duration-normal) var(--ease-out); }
.site-nav__list > li > a:hover::after,
.site-nav__list > li > a:focus-visible::after,
.site-nav__mega-toggle:hover::after,
.site-nav__mega-toggle:focus-visible::after,
.site-nav__item--mega:focus-within .site-nav__mega-toggle::after,
.current-menu-item > a::after { transform: scaleX(1); transform-origin: left; }
.site-nav__mega-toggle { display: inline-flex; align-items: center; gap: 0.3rem; padding: 0; border: 0; background: transparent; cursor: pointer; font-family: inherit; }
.site-nav__mega-toggle .dashicons { width: 15px; height: 15px; font-size: 15px; line-height: 15px; transition: transform var(--duration-fast) var(--ease-out); }
.site-nav__item--mega:not(.is-hover-suppressed):hover .site-nav__mega-toggle .dashicons,
.site-nav__item--mega.is-open .site-nav__mega-toggle .dashicons { transform: rotate(180deg); }

.mega-menu {
  visibility: hidden;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 15;
  padding-block: var(--space-6);
  border-top: 1px solid var(--color-line-dark);
  border-bottom: 1px solid var(--color-line-dark);
  background: var(--color-paper);
  box-shadow: 0 24px 50px rgba(17, 17, 15, 0.14);
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  transition: opacity var(--duration-fast), transform var(--duration-fast), visibility var(--duration-fast);
}
.site-nav__item--mega:not(.is-hover-suppressed):hover .mega-menu,
.site-nav__item--mega.is-open .mega-menu { visibility: visible; opacity: 1; transform: translateY(0); pointer-events: auto; }
.mega-menu__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(1.25rem, 2.5vw, 2.75rem); }
.mega-menu__column { display: flex; align-items: flex-start; flex-direction: column; gap: 0.52rem; padding-top: var(--space-2); }
.mega-menu__column a { color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.35; text-decoration: none; transition: color var(--duration-fast), transform var(--duration-fast); }
.mega-menu__column a:hover, .mega-menu__column a:focus-visible { color: var(--color-ink); transform: translateX(3px); }
.mega-menu__column .mega-menu__heading { margin-bottom: var(--space-3); color: var(--color-gold); font-size: var(--text-xs); letter-spacing: 0.15em; text-transform: uppercase; }
.mega-menu__feature { display: grid; position: relative; min-height: 210px; overflow: hidden; border-radius: var(--radius-media); text-decoration: none; }
.mega-menu__feature::after { content: ''; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, rgba(17, 17, 15, 0.9)); }
.mega-menu__feature img { position: absolute; width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--ease-out); }
.mega-menu__feature:hover img { transform: scale(1.035); }
.mega-menu__feature span { align-self: end; z-index: 1; padding: var(--space-4); color: var(--color-paper); font-size: var(--text-sm); }
.header-actions { display: flex; justify-self: end; align-items: center; gap: var(--space-4); }
.icon-link { display: inline-grid; position: relative; width: 40px; height: 40px; padding: 0; place-items: center; border: 1px solid transparent; background: transparent; color: inherit; font: inherit; text-decoration: none; border-radius: var(--radius-control); cursor: pointer; transition: border-color var(--duration-fast), background var(--duration-fast), transform var(--duration-fast); }
.icon-link:hover { border-color: var(--color-line-dark); background: rgba(17, 17, 15, 0.05); }
.icon-link:active { transform: translateY(1px); }
.search-is-open { overflow: hidden; }
.site-search-overlay { display: grid; visibility: hidden; position: fixed; inset: 0; z-index: 80; place-items: start center; padding: clamp(5rem, 12vh, 9rem) var(--space-5) var(--space-5); opacity: 0; transition: visibility var(--duration-fast), opacity var(--duration-fast); }
.site-search-overlay[hidden] { display: none; }
.site-search-overlay.is-open { visibility: visible; opacity: 1; }
.site-search-overlay__backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: rgba(17, 17, 15, 0.72); cursor: pointer; backdrop-filter: blur(8px); }
.site-search-dialog { position: relative; width: min(920px, 100%); padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: var(--radius-media); background: var(--color-paper); color: var(--color-ink); box-shadow: 0 30px 90px rgba(17, 17, 15, 0.28); opacity: 0; transform: translateY(-18px); transition: opacity var(--duration-fast) var(--ease-out), transform var(--duration-normal) var(--ease-out); }
.site-search-overlay.is-open .site-search-dialog { opacity: 1; transform: translateY(0); }
.site-search-dialog__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); margin-bottom: clamp(1.5rem, 4vw, 3rem); }
.site-search-dialog__header h2 { margin: 0; font-size: clamp(1.8rem, 4vw, 3.8rem); font-weight: 400; letter-spacing: -0.045em; line-height: 1; }
.site-search-dialog__close { display: grid; width: 44px; height: 44px; flex: none; padding: 0; place-items: center; border: 1px solid var(--color-line-dark); border-radius: var(--radius-control); background: var(--color-paper); color: var(--color-ink); cursor: pointer; }
.site-search-dialog__close:hover, .site-search-dialog__close:focus-visible { background: var(--color-ink); color: var(--color-paper); }
.site-search-dialog__close .dashicons { width: 25px; height: 25px; font-size: 25px; }
.site-search-dialog__form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); }
.site-search-dialog__form input { min-width: 0; min-height: 62px; padding: 0 1.1rem; border: 1px solid var(--color-line-dark); border-radius: var(--radius-control); background: var(--color-paper); color: var(--color-ink); font: inherit; font-size: clamp(1rem, 2vw, 1.3rem); }
.site-search-dialog__form input:focus-visible { border-color: var(--color-gold); outline: 0; box-shadow: 0 0 0 3px rgba(189, 142, 61, 0.24); }
.site-search-dialog__form button { display: inline-flex; min-height: 62px; align-items: center; gap: var(--space-3); padding: 0 1.5rem; border: 1px solid var(--color-ink); border-radius: var(--radius-control); background: var(--color-ink); color: var(--color-paper); font: inherit; cursor: pointer; }
.site-search-dialog__form button:hover, .site-search-dialog__form button:focus-visible { border-color: var(--color-gold); background: var(--color-gold); color: var(--color-ink); }
.site-search-dialog__hint { margin: var(--space-4) 0 0; color: var(--color-text-muted); font-size: var(--text-sm); }
.menu-toggle { display: none; width: 42px; height: 42px; padding: 10px; border: 0; background: transparent; color: inherit; }
.menu-toggle > span:not(.screen-reader-text) { display: block; width: 100%; height: 1px; margin: 6px 0; background: currentColor; transition: transform var(--duration-fast); }

.hero-banner { position: relative; overflow: hidden; background: #f7f7f7; }
.hero-banner__slides { position: relative; aspect-ratio: 2033 / 773; overflow: hidden; }
.hero-banner__slide { position: absolute; inset: 0; opacity: 0; pointer-events: none; transform: scale(1.012); transition: opacity 700ms var(--ease-out), transform 900ms var(--ease-out); }
.hero-banner__slide.is-active { opacity: 1; pointer-events: auto; transform: scale(1); }
.hero-banner__link { display: block; width: 100%; height: 100%; overflow: hidden; color: inherit; }
.hero-banner__picture { display: block; width: 100%; height: 100%; }
.hero-banner__image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 800ms var(--ease-out); }
.hero-banner__slide--butterfly { background: #f7f7f7; }
.hero-banner__navigation { position: absolute; inset: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding-inline: clamp(0.75rem, 1.8vw, 2rem); pointer-events: none; }
.hero-banner__arrow { display: grid; width: 46px; height: 46px; padding: 0; place-items: center; border: 1px solid rgba(17, 17, 16, 0.16); border-radius: 50%; background: rgba(255, 255, 255, 0.9); box-shadow: 0 8px 24px rgba(17, 17, 16, 0.12); color: var(--color-ink); cursor: pointer; pointer-events: auto; transition: color var(--duration-fast), background-color var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast); }
.hero-banner__arrow .dashicons { width: 22px; height: 22px; font-size: 22px; line-height: 22px; }
.hero-banner__arrow:hover { border-color: var(--color-gold); background: var(--color-ink); box-shadow: 0 10px 30px rgba(17, 17, 16, 0.2); color: var(--color-paper); transform: scale(1.04); }
.hero-banner__arrow:focus-visible { outline: 3px solid var(--color-gold); outline-offset: 3px; }
.hero-banner__arrow:active { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
	.hero-banner__slide.is-active .hero-banner__link:hover .hero-banner__image { transform: scale(1.008); }
	.hero-banner__slide--butterfly.is-active .hero-banner__link:hover .hero-banner__image { transform: scale(1.004); }
}
.brand-marquee {
  width: 100%;
  min-height: clamp(44px, 4vw, 58px);
  overflow: hidden;
  border-block: 1px solid var(--color-line-dark);
  background: var(--color-paper);
  color: var(--color-ink);
}
.brand-marquee__track {
  display: flex;
  width: max-content;
  min-height: inherit;
  align-items: center;
  animation: brand-marquee-scroll 30s linear infinite;
  will-change: transform;
}
.brand-marquee__group {
  display: flex;
  flex: none;
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
  padding-inline: clamp(1rem, 3vw, 3rem);
  font-size: clamp(0.76rem, 0.85vw, 0.94rem);
  letter-spacing: 0.045em;
  line-height: 1.2;
  white-space: nowrap;
}
.brand-marquee__separator { color: var(--color-gold); font-size: 1.05em; }
@keyframes brand-marquee-scroll {
  to { transform: translate3d(-50%, 0, 0); }
}
.eyebrow { margin: 0 0 var(--space-5); color: var(--color-gold); font-size: var(--text-xs); letter-spacing: 0.19em; text-transform: uppercase; }

.button {
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  padding: 0.78rem 1.4rem;
  border: 1px solid var(--color-gold);
  border-radius: var(--radius-control);
  background: var(--color-gold);
  color: var(--color-ink);
  cursor: pointer;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast);
}
.button:hover { border-color: var(--color-gold-hover); background: var(--color-gold-hover); }
.button:active { transform: translateY(1px) scale(0.99); }
.button:disabled { cursor: not-allowed; opacity: 0.6; }
.button--secondary { background: transparent; color: var(--color-ink); }
.button--light { border-color: var(--color-paper); background: var(--color-paper); color: var(--color-ink); }
.button--light:hover { border-color: var(--color-gold); background: var(--color-gold); }
.button__loading { display: none; }
.button.is-loading [data-button-label] { display: none; }
.button.is-loading .button__loading { display: inline; }
.text-link { color: inherit; text-decoration-color: var(--color-gold); transition: color var(--duration-fast); }
.text-link:hover { color: var(--color-gold); }
.text-link--light { color: var(--color-ink); }

.counter-banner { overflow: hidden; margin: 0; background: var(--color-paper); }
.counter-banner img { display: block; width: 100%; height: auto; }

.homepage-video {
  overflow: hidden;
  background: #f8f8f6;
  color: var(--color-ink);
}
.homepage-video__heading {
  display: grid;
  max-width: 58rem;
  gap: var(--space-4);
  margin-bottom: clamp(2rem, 3.5vw, 3.25rem);
}
.homepage-video__heading h2 {
  max-width: 15ch;
  margin: 0;
  font-size: var(--text-section);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 1;
}
.homepage-video__heading p {
  max-width: 48rem;
  margin: 0;
  color: var(--color-text-muted);
  font-size: clamp(1rem, 1.3vw, 1.18rem);
}
.homepage-video__frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--color-line-dark);
  border-radius: var(--radius-media);
  background: var(--color-ink);
  box-shadow: 0 1.5rem 4rem rgba(17, 17, 15, 0.12);
}
.homepage-video__player {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.homepage-video__player--fallback {
  position: absolute;
  inset: 0;
}
.homepage-video__play {
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 52px;
  align-items: center;
  gap: 0.65rem;
  padding: 0.75rem 1.15rem;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: var(--radius-control);
  background: rgba(17, 17, 15, 0.84);
  color: var(--color-paper);
  cursor: pointer;
  transform: translate(-50%, -50%);
  transition: background var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast), opacity var(--duration-fast);
}
.homepage-video__play:hover,
.homepage-video__play:focus-visible {
  border-color: var(--color-gold);
  background: var(--color-gold);
  color: var(--color-ink);
  transform: translate(-50%, -50%) scale(1.03);
}
.homepage-video__play:active { transform: translate(-50%, -50%) scale(0.98); }
.homepage-video__play .dashicons { width: 1.4rem; height: 1.4rem; font-size: 1.4rem; line-height: 1.4rem; }
.homepage-video__frame.is-playing .homepage-video__play { opacity: 0; pointer-events: none; }
.homepage-video__play:disabled { cursor: default; opacity: 0.72; }

.wholesale-reasons {
  overflow: hidden;
  border-top: 1px solid var(--color-line-dark);
  background: var(--color-paper);
  color: var(--color-ink);
}
.brand-divider.wholesale-reasons__divider { margin-bottom: clamp(1.75rem, 3vw, 2.75rem); }
.wholesale-reasons__divider .brand-divider__mark { width: clamp(4.5rem, 6vw, 5.75rem); }
.wholesale-reasons__header {
  display: grid;
  max-width: 100%;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-items: center;
  margin-inline: auto;
  padding-bottom: clamp(2rem, 3.5vw, 3.25rem);
  text-align: center;
}
.wholesale-reasons__header h2 {
  max-width: none;
  margin: 0;
  font-size: clamp(1.45rem, 1.9vw, 2rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1.15;
}
.wholesale-reasons__header > p:last-child {
  max-width: 60rem;
  margin: 0;
  color: var(--color-text-muted);
  font-size: clamp(1rem, 1.35vw, 1.2rem);
  line-height: 1.75;
}
.wholesale-reasons__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-bottom: 1px solid var(--color-line-dark);
}
.wholesale-reasons__item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: clamp(1rem, 2vw, 1.75rem);
  min-width: 0;
  padding: clamp(1.5rem, 2.25vw, 2.25rem) clamp(1rem, 3.25vw, 3.5rem) clamp(1.5rem, 2.25vw, 2.25rem) 0;
  border-top: 1px solid var(--color-line-dark);
}
.wholesale-reasons__item:nth-child(even) {
  padding-right: 0;
  padding-left: clamp(1rem, 3.25vw, 3.5rem);
  border-left: 1px solid var(--color-line-dark);
}
.wholesale-reasons__item > .dashicons {
  width: 2rem;
  height: 2rem;
  color: var(--color-gold-dark);
  font-size: 2rem;
  line-height: 1;
}
.wholesale-reasons__item h3 {
  margin: 0 0 0.7rem;
  font-size: clamp(1.2rem, 1.65vw, 1.55rem);
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
.wholesale-reasons__item p {
  max-width: 38rem;
  margin: 0;
  color: var(--color-text-muted);
  line-height: 1.65;
}

@media (min-width: 1024px) {
  .counter-banner { aspect-ratio: 18 / 5; }
  .counter-banner img { height: 100%; object-fit: cover; object-position: center; }
  .wholesale-reasons__header h2 { white-space: nowrap; }
}

.proof { padding-block: clamp(2.5rem, 4vw, 3.75rem); background: var(--color-paper); color: var(--color-ink); }
.proof__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(2rem, 5vw, 5rem); }
.proof__item { display: flex; min-width: 0; align-items: center; flex-direction: column; text-align: center; }
.proof__icon { width: clamp(4.5rem, 6vw, 6rem); height: clamp(4.5rem, 6vw, 6rem); margin-bottom: var(--space-5); color: var(--color-ink); font-size: clamp(4.5rem, 6vw, 6rem); line-height: 1; }
.proof__number { display: flex; align-items: baseline; justify-content: center; margin: 0; color: var(--color-ink); font-size: clamp(3.5rem, 6vw, 6.3rem); font-weight: 400; letter-spacing: -0.065em; line-height: 0.9; }
.proof__suffix { letter-spacing: -0.04em; }
.proof__label { margin: var(--space-5) 0 0; color: #4f5358; font-size: clamp(0.75rem, 1.1vw, 1rem); line-height: 1.35; text-transform: uppercase; letter-spacing: 0.025em; }

.section { padding-block: clamp(2.75rem, 4.25vw, 4.25rem); }
.section-heading { display: grid; gap: var(--space-4); max-width: 48rem; margin-bottom: clamp(1.5rem, 2.5vw, 2.25rem); }
.section-heading h2, .craft h2, .wholesale h2 { max-width: 12ch; margin: 0; font-size: var(--text-section); font-weight: 400; letter-spacing: -0.045em; line-height: 1; }
.section-heading p { max-width: 38rem; margin: 0; color: var(--color-text-muted); }
.category-showcase { padding-block: clamp(2.75rem, 4.5vw, 4.25rem); overflow: hidden; background: var(--color-paper); color: var(--color-ink); }
.category-showcase__heading { margin-bottom: clamp(1.5rem, 2.5vw, 2.25rem); text-align: center; }
.category-showcase__heading h2 { margin: 0; color: var(--color-ink); font-size: clamp(2rem, 4.4vw, 4.7rem); font-weight: 400; letter-spacing: -0.045em; line-height: 1; text-transform: uppercase; }
.category-showcase__heading h2 span { background: linear-gradient(210deg, var(--color-ink) 0%, var(--color-gold) 100%); background-clip: text; color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.category-showcase__heading::after { display: block; width: min(22rem, 42vw); height: 1px; margin: var(--space-5) auto 0; background: color-mix(in srgb, var(--color-ink) 28%, transparent); content: ''; }
.category-accordion { display: flex; gap: var(--space-3); margin-inline: calc(50% - 50vw); padding-inline: max(var(--space-4), calc((100vw - var(--shell)) / 2)); overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scroll-padding-inline: var(--space-4); scroll-snap-type: x mandatory; }
.category-accordion__row { display: contents; }
.category-card { display: block; position: relative; flex: 0 0 min(78vw, 24rem); height: 31rem; overflow: hidden; background: var(--color-ink-raised); color: var(--color-paper); scroll-snap-align: start; text-decoration: none; }
.category-card::after { position: absolute; inset: 30% 0 0; background: linear-gradient(transparent, rgba(17, 17, 15, 0.9)); content: ''; pointer-events: none; }
.category-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 700ms var(--ease-out), filter 700ms var(--ease-out); }
.category-card__content { display: flex; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; align-items: flex-end; justify-content: space-between; gap: var(--space-4); padding: var(--space-5); }
.category-card__content strong { max-width: 13ch; font-size: clamp(1.35rem, 5vw, 2rem); font-weight: 400; line-height: 1.05; }
.category-card__content > span { flex: none; border-bottom: 1px solid var(--color-gold); color: var(--color-gold); font-size: var(--text-sm); }
.category-card:hover img, .category-card:focus-visible img { transform: scale(1.035); filter: contrast(1.04); }
.category-card:active img { transform: scale(1.015); }

@media (min-width: 1024px) {
  .category-accordion { display: grid; gap: var(--space-3); margin-inline: 0; padding-inline: 0; overflow: visible; }
  .category-accordion__row { display: flex; height: clamp(24rem, 29vw, 28rem); gap: var(--space-3); }
  .category-card { flex: 1 1 0; height: 100%; min-width: 0; scroll-snap-align: none; transition: flex-grow 700ms var(--ease-out); }
  .category-card::after { inset: 0; background: rgba(17, 17, 15, 0.54); opacity: 0; transition: opacity 400ms var(--ease-out); }
  .category-card__content { top: 50%; bottom: auto; align-items: center; justify-content: center; flex-direction: column; padding: var(--space-5); text-align: center; opacity: 0; transform: translateY(calc(-50% + 1rem)); transition: opacity 400ms var(--ease-out), transform 500ms var(--ease-out); }
  .category-card__content strong { font-size: clamp(1.45rem, 2.2vw, 2.5rem); }
  .category-card:hover, .category-card:focus-visible { flex-grow: 2.25; }
  .category-card:hover::after, .category-card:focus-visible::after { opacity: 1; }
  .category-card:hover .category-card__content, .category-card:focus-visible .category-card__content { opacity: 1; transform: translateY(-50%); }
}

.craft { background: var(--color-paper); color: var(--color-ink); }
.craft__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(300px, 0.7fr); align-items: center; gap: clamp(3rem, 8vw, 9rem); }
.craft__media { margin: 0; overflow: hidden; border-radius: var(--radius-media); }
.craft__media img { aspect-ratio: 3 / 2; object-fit: cover; }
.craft__copy > p { max-width: 34rem; margin: var(--space-6) 0; color: var(--color-text-muted); }
.craft__details { margin: var(--space-7) 0 0; }
.craft__details > div { display: grid; grid-template-columns: minmax(90px, 0.5fr) 1.5fr; gap: var(--space-4); padding-block: var(--space-4); border-top: 1px solid var(--color-line-dark); }
.craft__details dt { color: var(--color-text-muted); font-size: var(--text-sm); }
.craft__details dd { margin: 0; }

.best-sellers { background: var(--color-paper); color: var(--color-ink); }
.best-sellers .section-heading { max-width: none; margin-bottom: clamp(1.5rem, 2.5vw, 2.25rem); text-align: center; }
.best-sellers .section-heading h2 { max-width: none; font-size: clamp(2rem, 4.1vw, 4.5rem); letter-spacing: 0.025em; text-transform: uppercase; }
.best-sellers .section-heading h2 span { color: var(--color-gold); }
.best-sellers__carousel { position: relative; }
.best-sellers__carousel .woocommerce ul.products {
  display: grid !important;
  grid-template-columns: none !important;
  grid-auto-columns: calc((100% - 4.5rem) / 4);
  grid-auto-flow: column;
  gap: var(--space-5);
  padding-bottom: var(--space-4) !important;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.best-sellers__carousel .woocommerce ul.products::-webkit-scrollbar { display: none; }
.best-sellers__carousel .woocommerce ul.products li.product { scroll-snap-align: start; }
.best-sellers__carousel .shop-discovery__arrow { top: 40%; }

.customer-feedback-divider {
  padding-block: clamp(0.75rem, 1.25vw, 1.25rem);
  background: var(--color-paper);
}
.customer-feedback-divider .brand-divider { margin: 0; }
.customer-feedback-divider .brand-divider__mark { width: clamp(4.5rem, 6vw, 5.75rem); }
.customer-feedback {
  padding-block: clamp(2.25rem, 3.25vw, 3.25rem);
  overflow: hidden;
  background: #242321;
  color: #f5f2ec;
}
.customer-feedback__heading { margin-bottom: clamp(1.5rem, 2vw, 2rem); text-align: center; }
.customer-feedback__heading .eyebrow { margin-bottom: var(--space-3); color: #d5d0c8; }
.customer-feedback__heading h2 { margin: 0; font-size: clamp(2.4rem, 5.2vw, 5.6rem); font-weight: 400; letter-spacing: 0.045em; line-height: 1; }
.customer-feedback__heading h2 span { color: var(--color-gold-hover); font-family: Georgia, 'Times New Roman', serif; font-size: 1.08em; letter-spacing: -0.025em; }
.customer-feedback__carousel { position: relative; }
.customer-feedback__track {
  display: flex;
  gap: clamp(1rem, 1.6vw, 1.75rem);
  padding: 0 clamp(0rem, 2vw, 1.5rem) var(--space-4);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.customer-feedback__track::-webkit-scrollbar { display: none; }
.customer-feedback__item {
  display: grid;
  flex: 0 0 clamp(17rem, 21vw, 21rem);
  height: clamp(27rem, 34vw, 33rem);
  margin: 0;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(245, 242, 236, 0.16);
  background: #f6f5f2;
  scroll-snap-align: start;
}
.customer-feedback__item.is-landscape { flex-basis: clamp(26rem, 34vw, 34rem); }
.customer-feedback__item img { width: 100%; height: 100%; object-fit: contain; }
.customer-feedback__arrow {
  display: grid;
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 3.1rem;
  height: 3.1rem;
  place-items: center;
  border: 1px solid rgba(17, 17, 15, 0.14);
  border-radius: 50%;
  background: rgba(250, 248, 244, 0.94);
  color: var(--color-ink);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  transform: translateY(-50%);
  transition: background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);
}
.customer-feedback__arrow:hover, .customer-feedback__arrow:focus-visible { background: var(--color-gold-hover); transform: translateY(-50%) scale(1.04); }
.customer-feedback__arrow:disabled { opacity: 0.35; cursor: default; }
.customer-feedback__arrow--previous { left: -0.8rem; }
.customer-feedback__arrow--next { right: -0.8rem; }
.customer-feedback__arrow .dashicons { width: 1.35rem; height: 1.35rem; font-size: 1.35rem; line-height: 1.35rem; }
.certifications {
  padding-bottom: clamp(2rem, 3vw, 3rem);
  overflow: hidden;
  background: var(--color-paper);
  color: var(--color-ink);
}
.brand-divider.certifications__divider { margin-bottom: clamp(2rem, 3vw, 3rem); }
.certifications__divider .brand-divider__line { background: rgba(17, 17, 15, 0.2); }
.certifications__divider .brand-divider__mark { width: clamp(4.5rem, 6vw, 5.75rem); }
.certifications__heading {
  display: grid;
  max-width: 72rem;
  gap: clamp(0.85rem, 1.5vw, 1.25rem);
  justify-items: center;
  margin-inline: auto;
  text-align: center;
}
.certifications__heading h2 {
  max-width: none;
  margin: 0;
  font-size: clamp(2rem, 3.8vw, 4rem);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 1.05;
}
.certifications__heading h3 {
  max-width: 56rem;
  margin: 0;
  font-size: clamp(1.05rem, 1.65vw, 1.4rem);
  font-weight: 500;
  line-height: 1.35;
}
.certifications__heading p {
  max-width: 74ch;
  margin: 0;
  color: var(--color-text-muted);
  font-size: clamp(0.95rem, 1.15vw, 1.08rem);
  line-height: 1.7;
}
.certifications__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 2rem);
  margin-top: clamp(1.75rem, 3vw, 2.5rem);
}
.certifications__item {
  min-width: 0;
  margin: 0;
  padding: clamp(0.4rem, 0.8vw, 0.7rem);
  border: 1px solid var(--color-line-dark);
  background: #fff;
}
.certifications__item img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 600 / 849;
  object-fit: contain;
}
.social-gallery {
  padding-top: clamp(2rem, 3vw, 3rem);
  overflow: hidden;
  background: var(--color-paper);
}
.brand-divider.social-gallery__divider {
  margin-bottom: clamp(2rem, 3vw, 3rem);
}
.social-gallery__divider .brand-divider__line {
  background: rgba(17, 17, 15, 0.2);
}
.social-gallery__divider .brand-divider__mark {
  width: clamp(4.5rem, 6vw, 5.75rem);
}
.social-gallery__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: clamp(1.5rem, 2.5vw, 2.5rem);
}
.social-gallery__heading h2 {
  max-width: none;
  margin: 0;
  font-size: clamp(2.2rem, 3.6vw, 4rem);
  font-weight: 400;
  letter-spacing: -0.045em;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}
.social-gallery__title-brand { color: var(--color-gold-hover); }
.social-gallery__title-label { color: var(--color-ink); }
.social-gallery__viewport,
.social-gallery__viewport.reveal {
  width: 100%;
  opacity: 1;
  transform: none;
}
.social-gallery__track {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(0.65rem, 1.2vw, 1.25rem);
}
.social-gallery__item {
  display: grid;
  min-width: 0;
  height: clamp(22rem, 31vw, 34rem);
  margin: 0;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--color-line-dark);
  background: #fff;
}
.social-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .certifications__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .certifications__item:last-child { width: calc(50% - 0.5rem); grid-column: 1 / -1; justify-self: center; }
  .social-gallery__viewport {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .social-gallery__viewport::-webkit-scrollbar { display: none; }
  .social-gallery__track {
    width: max-content;
    grid-template-columns: none;
    grid-auto-columns: min(38vw, 20rem);
    grid-auto-flow: column;
    padding-bottom: 1rem;
  }
  .social-gallery__item {
    height: min(50vw, 27rem);
    scroll-snap-align: start;
  }
}
.brand-divider {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: clamp(1.25rem, 3vw, 3rem);
  margin-bottom: clamp(1.5rem, 2.25vw, 2.25rem);
}
.brand-divider__line { height: 1px; background: var(--color-line-dark); }
.brand-divider__mark {
  display: grid;
  width: clamp(4.5rem, 6vw, 5.5rem);
  aspect-ratio: 1;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
}
.brand-divider__mark img { width: 100%; height: 100%; object-fit: contain; }
.shop-discovery {
  padding-block: clamp(2.75rem, 4.5vw, 4.25rem);
  overflow: hidden;
  background: #f8f8f6;
  color: var(--color-ink);
}
.shop-discovery .brand-divider { margin-bottom: clamp(2rem, 3vw, 3rem); }
.shop-discovery__tabs {
  display: grid;
  width: min(100%, 64rem);
  grid-template-columns: 1fr 1fr;
  margin: 0 auto clamp(2rem, 3.5vw, 3.25rem);
  border-bottom: 1px solid var(--color-line-dark);
}
.shop-discovery__tab {
  position: relative;
  min-height: 74px;
  padding: 0.75rem var(--space-5);
  border: 0;
  background: transparent;
  color: var(--color-text-muted);
  cursor: pointer;
  font: inherit;
  font-size: clamp(1.15rem, 2.1vw, 2rem);
  letter-spacing: 0.035em;
  text-transform: uppercase;
  transition: color var(--duration-fast) var(--ease-out);
}
.shop-discovery__tab + .shop-discovery__tab { border-left: 1px solid var(--color-line-dark); }
.shop-discovery__tab::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: var(--color-gold);
  content: '';
  transform: scaleX(0);
  transition: transform var(--duration-normal) var(--ease-out);
}
.shop-discovery__tab:hover, .shop-discovery__tab:focus-visible, .shop-discovery__tab.is-active { color: var(--color-ink); }
.shop-discovery__tab.is-active { color: var(--color-gold); }
.shop-discovery__tab.is-active::after { transform: scaleX(1); }
.shop-discovery__panel { position: relative; }
.shop-discovery__panel[hidden] { display: none; }
.shop-discovery__track {
  display: grid;
  grid-auto-columns: calc((100% - 4.5rem) / 4);
  grid-auto-flow: column;
  gap: var(--space-5);
  padding: 0 0 var(--space-4);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.shop-discovery__track::-webkit-scrollbar { display: none; }
.shop-discovery__card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  background: var(--color-paper);
  color: var(--color-ink);
  scroll-snap-align: start;
}
.shop-discovery__card img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  transition: transform 600ms var(--ease-out), filter 600ms var(--ease-out);
}
.shop-discovery__card-copy { display: grid; gap: var(--space-1); padding: var(--space-5); }
.shop-discovery__card-copy strong { font-size: clamp(1rem, 1.25vw, 1.2rem); font-weight: 400; line-height: 1.3; }
.shop-discovery__card-copy span { color: var(--color-text-muted); font-size: var(--text-xs); letter-spacing: 0.09em; text-transform: uppercase; }
.shop-discovery__arrow {
  display: grid;
  position: absolute;
  top: 42%;
  z-index: 3;
  width: 50px;
  height: 50px;
  padding: 0;
  place-items: center;
  border: 1px solid var(--color-line-dark);
  border-radius: 50%;
  background: var(--color-paper);
  color: var(--color-ink);
  box-shadow: 0 10px 30px rgba(17, 17, 15, 0.12);
  cursor: pointer;
  transform: translateY(-50%);
  transition: opacity var(--duration-fast), background var(--duration-fast), color var(--duration-fast), transform var(--duration-fast);
}
.shop-discovery__arrow--previous { left: 0.75rem; }
.shop-discovery__arrow--next { right: 0.75rem; }
.shop-discovery__arrow:hover, .shop-discovery__arrow:focus-visible { background: var(--color-ink); color: var(--color-paper); }
.shop-discovery__arrow:active { transform: translateY(-48%); }
.shop-discovery__arrow:disabled { opacity: 0; pointer-events: none; }
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: var(--space-5); margin: 0 !important; padding: 0 !important; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product { display: flex; float: none !important; width: auto !important; min-width: 0; flex-direction: column; margin: 0 !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__link { display: block; color: inherit; text-decoration: none; }
.woocommerce ul.products li.product a img { margin: 0 0 var(--space-4) !important; border-radius: var(--radius-media); aspect-ratio: 4 / 5; object-fit: cover; background: #f2f2ef; transition: transform 500ms var(--ease-out), filter 500ms var(--ease-out); }
.woocommerce ul.products li.product a:hover img, .woocommerce ul.products li.product a:focus-visible img { filter: contrast(1.03); transform: scale(1.012); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { padding: 0 !important; color: var(--color-ink); font-size: var(--text-base) !important; font-weight: 400; line-height: 1.35; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { display: none !important; }
.showroom-card__category { margin: var(--space-2) 0 0; color: var(--color-text-muted); font-size: var(--text-xs); letter-spacing: 0.08em; text-transform: uppercase; }
.showroom-contact { display: grid; gap: var(--space-3); margin-top: var(--space-6); }
.showroom-contact--compact { margin-top: auto; padding-top: var(--space-4); }
.woocommerce .showroom-contact .button { display: inline-flex; width: fit-content; min-height: 46px; align-items: center; gap: 0.55rem; margin: 0 !important; padding: 0.72rem 1rem !important; border: 1px solid var(--color-ink) !important; border-radius: var(--radius-control) !important; background: var(--color-ink) !important; color: var(--color-paper) !important; font-weight: 400 !important; line-height: 1.1 !important; text-decoration: none; }
.woocommerce .showroom-contact .button:hover, .woocommerce .showroom-contact .button:focus-visible { border-color: var(--color-gold) !important; background: var(--color-gold) !important; color: var(--color-ink) !important; }
.showroom-contact__instagram { display: inline-flex; width: fit-content; align-items: center; gap: 0.55rem; color: var(--color-ink); text-decoration-color: var(--color-gold); }
.showroom-contact > p { max-width: 38rem; margin: var(--space-2) 0 0; color: var(--color-text-muted); font-size: var(--text-sm); }
.woocommerce span.onsale { min-width: 0 !important; min-height: 0 !important; padding: 0.4rem 0.65rem !important; border-radius: var(--radius-control) !important; background: var(--color-gold) !important; color: var(--color-ink) !important; line-height: 1 !important; }

.product-category-banner {
  width: 100%;
  margin: 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-line-dark);
  background: #f8f5ef;
}
.product-category-banner img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  object-fit: contain;
}
.woocommerce-shell { padding-block: clamp(3.25rem, 5.5vw, 5.5rem); color: var(--color-ink); }
body.single-product .woocommerce-shell { padding-top: clamp(2.5rem, 4vw, 4rem); }
.woocommerce .woocommerce-breadcrumb { margin-bottom: var(--space-6); color: var(--color-text-muted); font-size: var(--text-sm); }
.woocommerce .woocommerce-breadcrumb a { color: var(--color-ink); }
.woocommerce-products-header { max-width: 58rem; margin-bottom: var(--space-7); }
.woocommerce-products-header__title.page-title, .woocommerce div.product .product_title, .woocommerce .related.products > h2 { margin: 0; color: var(--color-ink); font-size: clamp(2.2rem, 4vw, 4.8rem); font-weight: 400; letter-spacing: -0.045em; line-height: 1; }
.term-description { max-width: 52rem; color: var(--color-text-muted); }
.showroom-intro { max-width: 48rem; color: var(--color-text-muted); font-size: clamp(1rem, 1.4vw, 1.18rem); }
.showroom-category-nav { clear: both; margin: 0 0 var(--space-7); padding: var(--space-5) 0; border-block: 1px solid var(--color-line-dark); }
.showroom-category-nav > p { margin: 0 0 var(--space-3); color: var(--color-text-muted); font-size: var(--text-xs); letter-spacing: 0.12em; text-transform: uppercase; }
.showroom-category-nav__links { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.showroom-category-nav__links a { display: inline-flex; min-height: 42px; align-items: center; padding: 0.55rem 0.9rem; border: 1px solid var(--color-line-dark); border-radius: 999px; color: var(--color-ink); font-size: var(--text-sm); text-decoration: none; transition: border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast); }
.showroom-category-nav__links a:hover, .showroom-category-nav__links a:focus-visible, .showroom-category-nav__links a[aria-current="page"] { border-color: var(--color-ink); background: var(--color-ink); color: var(--color-paper); }
.woocommerce .woocommerce-result-count { color: var(--color-text-muted); font-size: var(--text-sm); }
.woocommerce .woocommerce-ordering select { min-height: 44px; padding: 0.55rem 2.4rem 0.55rem 0.75rem; border: 1px solid var(--color-line-dark); border-radius: var(--radius-control); background: var(--color-paper); color: var(--color-ink); }
.woocommerce nav.woocommerce-pagination { margin-top: var(--space-7); }
.woocommerce nav.woocommerce-pagination ul { border-color: var(--color-line-dark); }
.woocommerce nav.woocommerce-pagination ul li { border-color: var(--color-line-dark); }
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { min-width: 42px; min-height: 42px; padding: 0.7rem; color: var(--color-ink); }
.woocommerce nav.woocommerce-pagination ul li span.current { background: var(--color-ink); color: var(--color-paper); }

body.single-product.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr); grid-template-rows: auto auto auto; column-gap: clamp(2.5rem, 6vw, 6rem); row-gap: clamp(4rem, 7vw, 7rem); }
body.single-product.woocommerce div.product::before, body.single-product.woocommerce div.product::after { display: none; content: none; }
body.single-product.woocommerce div.product > .images { grid-column: 1; grid-row: 1; align-self: start; overflow: hidden; }
body.single-product.woocommerce div.product > .summary { grid-column: 2; grid-row: 1; align-self: start; }
.woocommerce div.product div.images, .woocommerce div.product div.summary { float: none; width: auto; margin: 0; }
.woocommerce div.product div.images .woocommerce-product-gallery__image { overflow: hidden; border-radius: var(--radius-media); background: #f5f5f3; }
.woocommerce div.product div.images img { display: block; width: 100%; aspect-ratio: 1 / 1; border-radius: var(--radius-media); background: #f5f5f3; object-fit: contain; }
.woocommerce div.product div.images .zoomImg { display: none !important; }
.woocommerce div.product div.summary { position: static; top: auto; }
.woocommerce div.product .product_title { max-width: 18ch; font-size: clamp(2rem, 2.8vw, 3.25rem); line-height: 1.04; }
.woocommerce-product-details__short-description { max-width: 38rem; margin-top: var(--space-5); color: var(--color-text-muted); }
.woocommerce .ppc-button-wrapper { display: none !important; }
body.single-product #ht-ctc-chat { display: none !important; }
.woocommerce div.product .product_meta { margin-top: var(--space-6); padding-top: var(--space-4); border-top: 1px solid var(--color-line-dark); color: var(--color-text-muted); font-size: var(--text-sm); }
body.single-product.woocommerce div.product > .woocommerce-tabs { grid-column: 1 / -1; grid-row: 2; width: 100%; margin: 0; }
body.single-product.woocommerce div.product > .related.products { grid-column: 1 / -1; grid-row: 3; width: 100%; margin-top: 0; }
.woocommerce div.product .woocommerce-tabs .panel { max-width: 58rem; }
.woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0 0 var(--space-6); padding: 0; border-bottom: 1px solid var(--color-line-dark); }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li { margin: 0 var(--space-5) 0 0; padding: 0; border: 0; background: transparent; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 0 0 var(--space-3); color: var(--color-text-muted); font-weight: 400; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { border-bottom: 2px solid var(--color-gold); color: var(--color-ink); }
.woocommerce table.shop_attributes { border-top: 1px solid var(--color-line-dark); }
.woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td { padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-line-dark); background: transparent !important; font-style: normal; }
.woocommerce .related.products { margin-top: var(--space-8); }
.woocommerce .related.products > h2 { margin-bottom: var(--space-7); font-size: clamp(2rem, 3vw, 3.5rem); }

.empty-state { max-width: 50rem; padding: clamp(2rem, 5vw, 4rem); border: 1px solid var(--color-line-dark); border-radius: var(--radius-media); }
.empty-state h3, .empty-state h1 { margin-top: 0; font-weight: 400; }

.wholesale { background: var(--color-paper); color: var(--color-ink); }
.wholesale__grid { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(420px, 1.15fr); gap: clamp(3rem, 10vw, 10rem); }
.wholesale__intro > p:not(.eyebrow) { max-width: 34rem; margin: var(--space-6) 0; color: var(--color-text-muted); }
.inquiry-form { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-5); }
.field { display: grid; gap: var(--space-2); }
.field label { color: var(--color-text-muted); font-size: var(--text-sm); }
.field input, .field select, .field textarea {
  width: 100%;
  min-height: 50px;
  padding: 0.72rem 0.85rem;
  border: 1px solid rgba(17, 17, 15, 0.32);
  border-radius: var(--radius-control);
  background: var(--color-paper);
  color: var(--color-ink);
  transition: border-color var(--duration-fast), box-shadow var(--duration-fast);
}
.field textarea { min-height: 10rem; resize: vertical; line-height: 1.55; }
.field input:hover, .field select:hover, .field textarea:hover { border-color: rgba(17, 17, 15, 0.68); }
.field input:focus-visible, .field select:focus-visible, .field textarea:focus-visible { border-color: var(--color-gold); outline: 0; box-shadow: 0 0 0 3px rgba(189, 142, 61, 0.28); }
.field input:user-invalid, .field select:user-invalid, .field textarea:user-invalid { border-color: var(--color-error); }
.field--message { grid-column: 1 / -1; }
.field__help { margin: 0; color: var(--color-text-muted); font-size: var(--text-xs); }
.inquiry-form .button { grid-column: 1 / -1; width: fit-content; margin-top: var(--space-3); }
.wholesale .button--light { border-color: var(--color-ink); background: var(--color-ink); color: var(--color-paper); }
.wholesale .button--light:hover { border-color: var(--color-gold); background: var(--color-gold); color: var(--color-ink); }
.form-status { margin-bottom: var(--space-5); padding: var(--space-4); border: 1px solid currentColor; border-radius: var(--radius-control); }
.form-status p { margin: 0.25rem 0 0; }
.form-status--success { color: var(--color-success); }
.form-status--error { color: var(--color-error); }

.site-footer { --footer-bg: #302624; --footer-text: #f4f0ec; --footer-muted: #c8beba; --footer-line: rgba(244, 240, 236, 0.16); padding-block: clamp(3.25rem, 5.5vw, 5.5rem) var(--space-5); border-top: 1px solid rgba(189, 142, 61, 0.52); background: var(--footer-bg); color: var(--footer-text); }
.site-footer__grid { display: grid; grid-template-columns: minmax(15rem, 1.16fr) repeat(3, minmax(12rem, 1fr)); gap: 0; }
.site-footer__brand { min-width: 0; padding-right: clamp(1.75rem, 3vw, 3rem); }
.brand--footer { display: inline-flex; margin-bottom: clamp(2rem, 4vw, 3.25rem); }
.site-footer__logo { width: min(20rem, 100%); height: auto; filter: grayscale(1) brightness(0) invert(1); }
.site-footer__contact { display: grid; gap: 1.15rem; margin: 0; padding: 0; list-style: none; }
.site-footer__contact li { display: grid; grid-template-columns: 1.35rem minmax(0, 1fr); align-items: start; gap: 0.8rem; }
.site-footer__contact .dashicons { width: 1.35rem; height: 1.35rem; margin-top: 0.12rem; color: var(--footer-text); font-size: 1.15rem; line-height: 1.35rem; }
.site-footer__contact p,
.site-footer__contact a { margin: 0; color: var(--footer-text); font-size: clamp(0.9rem, 1.05vw, 1rem); line-height: 1.45; text-decoration-color: rgba(244, 240, 236, 0.45); overflow-wrap: anywhere; }
.site-footer__contact strong { font-weight: 400; }
.site-footer__socials { display: flex; flex-wrap: wrap; gap: 0.65rem; margin-top: 2.25rem; }
.site-footer__socials a { display: grid; width: 2.6rem; height: 2.6rem; place-items: center; border: 1px solid var(--footer-line); border-radius: 50%; color: var(--footer-text); text-decoration: none; transition: border-color var(--duration-fast), background-color var(--duration-fast), color var(--duration-fast), transform var(--duration-fast); }
.site-footer__socials a:hover { border-color: var(--color-gold); background: var(--color-gold); color: var(--footer-bg); transform: translateY(-2px); }
.site-footer__socials a:active { transform: translateY(0); }
.site-footer__socials a:focus-visible { outline-color: var(--color-gold); }
.site-footer__socials .dashicons { width: 1.25rem; height: 1.25rem; font-size: 1.25rem; line-height: 1.25rem; }
.site-footer__column { min-width: 0; padding-left: clamp(1.5rem, 2.75vw, 2.75rem); border-left: 1px dashed rgba(244, 240, 236, 0.2); }
.site-footer h2 { margin: 0 0 1.25rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(244, 240, 236, 0.34); color: var(--footer-text); font-size: clamp(1.02rem, 1.4vw, 1.3rem); font-weight: 400; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.025em; }
.site-footer__links { margin: 0; padding: 0; list-style: none; }
.site-footer__links li { border-bottom: 1px solid var(--footer-line); }
.site-footer__links a { display: grid; min-height: 3.6rem; grid-template-columns: 1rem minmax(0, 1fr); align-items: center; gap: 0.65rem; padding-block: 0.55rem; color: var(--footer-text); font-size: clamp(0.9rem, 1.08vw, 1.05rem); line-height: 1.35; text-decoration: none; transition: color var(--duration-fast), transform var(--duration-fast); }
.site-footer__links a span { color: var(--color-gold); font-size: 1.35rem; line-height: 1; }
.site-footer__links a:hover { color: var(--color-gold-hover); transform: translateX(3px); }
.site-footer__links a:active { transform: translateX(1px); }
.site-footer__bottom { margin-top: clamp(2.5rem, 4vw, 4rem); padding-top: 1.5rem; border-top: 1px solid var(--footer-line); }
.site-footer__bottom p { margin: 0; color: var(--footer-muted); font-size: var(--text-sm); }
.content-shell { min-height: 60dvh; padding-block: var(--space-8); }
.entry { max-width: 54rem; }
.entry h1 { font-size: var(--text-section); font-weight: 400; letter-spacing: -0.04em; line-height: 1; }
.search-showroom { min-height: 60dvh; }
.search-showroom__header { max-width: 62rem; margin-bottom: var(--space-7); }
.search-showroom__header h1 { margin: 0 0 var(--space-6); font-size: clamp(2.4rem, 5.5vw, 5.5rem); font-weight: 400; letter-spacing: -0.05em; line-height: 0.98; overflow-wrap: anywhere; }
.search-showroom__form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); }
.search-showroom__form input { min-width: 0; min-height: 54px; padding: 0 1rem; border: 1px solid var(--color-line-dark); border-radius: var(--radius-control); background: var(--color-paper); color: var(--color-ink); font: inherit; }
.search-showroom__form input:focus-visible { border-color: var(--color-gold); outline: 0; box-shadow: 0 0 0 3px rgba(189, 142, 61, 0.24); }
.search-showroom__form .button { min-height: 54px; }
.search-showroom__intro { max-width: 62rem; margin: var(--space-5) 0 var(--space-7); }
.search-showroom__intro > p { margin: var(--space-3) 0 0; color: var(--color-text-muted); font-size: var(--text-sm); }
.search-showroom__count { margin: 0 0 var(--space-5); color: var(--color-text-muted); font-size: var(--text-sm); }
.search-showroom__results { margin-bottom: var(--space-7); }
.search-showroom__empty h2 { margin-top: 0; font-size: clamp(1.8rem, 4vw, 3rem); font-weight: 400; }
.vesora-contact-details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 var(--space-7); margin-top: var(--space-7); border-top: 1px solid var(--color-line-dark); }
.vesora-contact-details__item { padding-block: var(--space-5); border-bottom: 1px solid var(--color-line-dark); }
.vesora-contact-details__item > span { display: block; margin-bottom: var(--space-2); color: var(--color-text-muted); font-size: var(--text-xs); letter-spacing: 0.1em; text-transform: uppercase; }
.vesora-contact-details__item a { color: var(--color-ink); text-decoration-color: var(--color-gold); text-underline-offset: 0.24em; }
.vesora-contact-details__item p { margin: 0; color: var(--color-ink); }
.vesora-contact-details__item--address { grid-column: 1 / -1; }
.vesora-contact-page .entry { max-width: 78rem; }
.vesora-contact-page .entry > h1,
.vesora-contact-page .entry > p,
.vesora-contact-page .vesora-contact-details { max-width: 54rem; }
.vesora-sales-team { width: 100%; margin: clamp(3.5rem, 6vw, 6rem) 0 0; }
.vesora-sales-team__header { display: grid; max-width: 48rem; gap: var(--space-3); margin-bottom: var(--space-7); }
.vesora-sales-team__header .eyebrow { margin: 0; color: var(--color-gold); }
.vesora-sales-team__header h2 { max-width: 16ch; margin: 0; font-size: clamp(2.25rem, 5vw, 4.8rem); font-weight: 400; letter-spacing: -0.05em; line-height: 0.98; }
.vesora-sales-team__header > p:last-child { max-width: 42rem; margin: 0; color: var(--color-text-muted); }
.vesora-sales-team__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 2.3vw, 2rem); }
.vesora-sales-card { min-width: 0; overflow: hidden; border: 1px solid var(--color-line-dark); background: var(--color-paper); }
.vesora-sales-card__media { aspect-ratio: 4 / 5; overflow: hidden; background: #eeeae4; }
.vesora-sales-card__media > img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform 450ms var(--ease-out); }
.vesora-sales-card:hover .vesora-sales-card__media > img { transform: scale(1.025); }
.vesora-sales-card__placeholder { display: grid; width: 100%; height: 100%; place-items: center; background: #302521; }
.vesora-sales-card__placeholder img { width: min(72%, 13rem); height: auto; filter: grayscale(1) brightness(0) invert(1); opacity: 0.9; }
.vesora-sales-card__body { display: grid; gap: 0.35rem; padding: clamp(1rem, 2vw, 1.5rem); }
.vesora-sales-card__body h3 { margin: 0; font-size: clamp(1.25rem, 2vw, 1.65rem); font-weight: 400; letter-spacing: -0.025em; line-height: 1.15; }
.vesora-sales-card__role { margin: 0; color: var(--color-gold); font-size: var(--text-sm); }
.vesora-sales-card__markets { min-height: 2.8em; margin: 0.35rem 0 0; color: var(--color-text-muted); font-size: var(--text-sm); line-height: 1.4; }
.vesora-sales-card__actions { display: flex; align-items: center; gap: 1rem; margin-top: var(--space-4); }
.vesora-sales-card__actions a { display: inline-flex; align-items: center; gap: 0.45rem; color: var(--color-ink); font-size: var(--text-sm); text-decoration-color: var(--color-gold); text-underline-offset: 0.25em; }
.vesora-sales-card__whatsapp { font-weight: 500; }
.vesora-sales-card__whatsapp .fi { color: var(--color-gold); }

.reveal { opacity: 0; transform: translateY(24px); transition: opacity 700ms var(--ease-out), transform 700ms var(--ease-out); transition-delay: calc(var(--reveal-index, 0) * 80ms); }
.reveal--delay { transition-delay: 120ms; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1024px) {
  :root { --shell: min(92vw, 900px); }
  body.menu-is-open { overflow: hidden; }
  .vesora-sales-team__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-header__inner { grid-template-columns: 1fr auto; }
  .site-nav {
    display: flex;
    visibility: hidden;
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 52;
    width: min(82vw, 390px);
    height: 100dvh;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(17, 17, 15, 0.985);
    box-shadow: 24px 0 60px rgba(0, 0, 0, 0.32);
    opacity: 0;
    transform: translateX(-100%);
    pointer-events: none;
    transition: opacity var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out), visibility var(--duration-normal);
  }
  .site-nav[data-open] { visibility: visible; opacity: 1; transform: translateX(0); pointer-events: auto; }
  .mobile-menu-backdrop {
    display: block;
    visibility: hidden;
    position: fixed;
    inset: 0;
    z-index: 51;
    padding: 0;
    border: 0;
    background: rgba(17, 17, 15, 0.6);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration-normal) var(--ease-out), visibility var(--duration-normal);
  }
  body.menu-is-open .mobile-menu-backdrop { visibility: visible; opacity: 1; pointer-events: auto; }
  .mobile-nav__header { display: flex; position: sticky; top: 0; z-index: 4; align-items: center; gap: var(--space-3); padding: var(--space-5) var(--space-4); border-bottom: 1px solid var(--color-line-light); background: var(--color-ink); }
  .mobile-nav__search { display: grid; min-width: 0; flex: 1; grid-template-columns: 1fr 46px; overflow: hidden; border-radius: 999px; background: var(--color-paper); }
  .mobile-nav__search input { min-width: 0; height: 52px; padding: 0 0 0 1.35rem; border: 0; outline: 0; background: transparent; color: var(--color-ink); font: inherit; font-size: clamp(1rem, 4.5vw, 1.2rem); }
  .mobile-nav__search input::placeholder { color: #6f6f6b; opacity: 1; }
  .mobile-nav__search input:focus-visible { box-shadow: inset 0 0 0 2px var(--color-gold); }
  .mobile-nav__search button,
  .mobile-nav__close { display: grid; width: 46px; height: 52px; padding: 0; place-items: center; border: 0; background: transparent; color: var(--color-ink); cursor: pointer; }
  .mobile-nav__close { flex: 0 0 46px; color: var(--color-paper); }
  .mobile-nav__search button:active,
  .mobile-nav__close:active { transform: translateY(1px); }
  .mobile-nav__close .dashicons { width: 30px; height: 30px; font-size: 30px; }
  .site-nav__desktop-list { display: none; }
  .mobile-drilldown { display: block; position: relative; z-index: 1; width: 100%; flex: 1 0 auto; background: var(--color-ink); }
  .mobile-nav-panel { display: none; width: 100%; animation: mobile-panel-in 180ms var(--ease-out); }
  .mobile-nav-panel.is-active { display: block; }
  .mobile-nav-list { width: 100%; margin: 0; padding: 0; list-style: none; }
  .mobile-nav-list > li { margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .mobile-nav-row,
  .mobile-nav-back { width: 100%; border: 0; border-radius: 0; background: transparent; color: var(--color-paper); font: inherit; text-decoration: none; cursor: pointer; }
  .mobile-nav-row { display: grid; min-height: 64px; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); padding: 0.85rem var(--space-5); font-size: clamp(0.96rem, 4vw, 1.1rem); line-height: 1.3; text-align: left; }
  .mobile-nav-list--categories .mobile-nav-row { grid-template-columns: minmax(0, 1fr) auto; padding-left: 2.35rem; color: var(--color-paper-muted); font-size: 0.95rem; text-transform: uppercase; }
  .mobile-nav-list--children > li { border-bottom: 0; }
  .mobile-nav-list--children .mobile-nav-row { display: block; min-height: 40px; padding: 0.48rem 2.35rem; color: var(--color-paper-muted); font-size: 1rem; }
  .mobile-nav-list--children .mobile-nav-row--all { margin-bottom: 0.4rem; color: var(--color-gold); font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; }
  .mobile-nav-row:hover,
  .mobile-nav-row:focus-visible,
  .mobile-nav-back:hover,
  .mobile-nav-back:focus-visible { background: rgba(255, 255, 255, 0.06); color: var(--color-paper); outline: none; }
  .mobile-nav-row:focus-visible,
  .mobile-nav-back:focus-visible { box-shadow: inset 0 0 0 2px var(--color-gold); }
  .mobile-nav-chevron { justify-self: end; color: var(--color-paper-muted); font-size: 2rem; font-weight: 200; line-height: 1; }
  .mobile-nav-back { display: flex; min-height: 64px; align-items: center; gap: 0.35rem; padding: 0.85rem var(--space-4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); font-size: 0.9rem; letter-spacing: 0.035em; text-align: left; text-transform: uppercase; }
  .mobile-nav-back > span { font-size: 1.65rem; font-weight: 200; line-height: 1; }
  @keyframes mobile-panel-in { from { opacity: 0; transform: translateX(1rem); } to { opacity: 1; transform: translateX(0); } }
  .site-nav__list { position: relative; z-index: 1; width: 100%; height: auto; flex: 0 0 auto; align-items: stretch; flex-direction: column; gap: 0; }
  .site-nav__item--mega { display: block; height: auto; }
  .site-nav__list > li { width: 100%; border-bottom: 1px solid var(--color-line-light); }
  .site-nav__list > li > a,
  .site-nav__mega-toggle { display: grid; width: 100%; min-height: 74px; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: var(--space-4); padding: var(--space-4) var(--space-5); color: var(--color-paper); font-size: clamp(1.05rem, 4.7vw, 1.28rem); text-align: left; white-space: normal; }
  .site-nav__list > li > a { text-decoration: none; }
  .site-nav__list > li > a::after,
  .site-nav__mega-toggle::after { display: none; }
  .mobile-nav-icon { display: inline-grid; width: 28px; height: 28px; place-items: center; color: var(--color-gold); font-size: 24px; line-height: 28px; }
  .site-nav__mega-toggle > .dashicons:last-child { justify-self: end; color: var(--color-paper-muted); }
  .mega-menu { visibility: hidden; position: static; max-height: 0; padding: 0; overflow: hidden; border: 0; background: transparent; box-shadow: none; opacity: 0; transform: none; }
  .site-nav__item--mega:hover .mega-menu { visibility: hidden; max-height: 0; opacity: 0; pointer-events: none; }
  .site-nav__item--mega.is-open .mega-menu { visibility: visible; max-height: min(48dvh, 430px); padding: 0; overflow-x: hidden; overflow-y: auto; border-top: 1px solid var(--color-line-light); opacity: 1; pointer-events: auto; }
  .mega-menu__grid { display: block; width: 100%; }
  .mega-menu__column { display: block; padding: 0; }
  .mega-menu__column a { padding-block: 0.16rem; color: var(--color-paper-muted); font-size: 0.9rem; }
  .mega-menu__column a:not(.mega-menu__heading) { display: none; }
  .mega-menu__column .mega-menu__heading { display: flex; min-height: 60px; align-items: center; justify-content: space-between; margin: 0; padding: 0.85rem var(--space-5); border-bottom: 1px solid var(--color-line-light); color: var(--color-paper); font-size: 1rem; letter-spacing: 0; text-transform: none; }
  .mega-menu__column .mega-menu__heading::after { color: var(--color-gold); content: '\2192'; }
  .mega-menu__column a:hover, .mega-menu__column a:focus-visible { color: var(--color-paper); }
  .mega-menu__feature { display: none; }
  .mobile-language { display: flex; position: relative; z-index: 10; width: 100%; min-height: 74px; flex: 0 0 auto; align-items: center; gap: var(--space-4); margin-top: 0; padding: var(--space-3) var(--space-5); border-top: 1px solid var(--color-line-light); background: var(--color-ink); }
  .mobile-language__label { display: none; }
  .mobile-language__widget,
  .mobile-language__widget > .gtranslate_wrapper { display: block; width: 100%; }
  .mobile-language #gt_float_wrapper { display: block !important; position: static !important; width: 100% !important; height: auto; }
  .mobile-language #gt_float_wrapper .gt_float_switcher { display: block !important; position: relative; width: 100%; border: 0 !important; background: transparent !important; color: var(--color-paper) !important; }
  .mobile-language #gt_float_wrapper .gt_float_switcher .gt-selected { width: 100%; background: transparent !important; }
  .mobile-language #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang { min-height: 48px; padding: 8px 0 !important; color: var(--color-paper) !important; font-size: 1rem; }
  .mobile-language #gt_float_wrapper .gt_float_switcher img { width: 30px !important; height: 21px !important; margin-right: var(--space-3) !important; }
  .mobile-language #gt_float_wrapper .gt_float_switcher-arrow { filter: brightness(0) invert(1); }
  .mobile-language #gt_float_wrapper .gt_float_switcher .gt_options { position: static !important; width: 100%; max-height: min(42dvh, 320px) !important; overflow-y: auto !important; border-color: var(--color-line-dark); background: var(--color-paper) !important; transition: opacity 180ms var(--ease-out), transform 180ms var(--ease-out) !important; }
  .menu-toggle { display: block; }
  .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); }
  .shop-discovery__track { grid-auto-columns: min(42vw, 22rem); }
  .best-sellers__carousel .woocommerce ul.products { grid-auto-columns: min(42vw, 22rem); }
  .wholesale__grid { grid-template-columns: 1fr 1fr; gap: var(--space-7); }
	.site-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 3rem; }
	.site-footer__brand { grid-column: 1 / -1; padding: 0 0 3rem; border-bottom: 1px solid var(--footer-line); }
	.site-footer__logo { width: min(18rem, 60vw); }
}

@media (max-width: 767px) {
  :root { --shell: calc(100% - 2rem); --header-height: 64px; }
  .vesora-sales-team { width: 100%; margin-top: 3.25rem; }
  .vesora-sales-team__header { margin-bottom: 1.75rem; }
  .vesora-sales-team__header h2 { font-size: clamp(2.2rem, 11vw, 3.4rem); }
  .vesora-sales-team__grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .vesora-sales-card { display: grid; grid-template-columns: minmax(7.75rem, 38%) minmax(0, 1fr); }
  .vesora-sales-card__media { height: 100%; min-height: 13.5rem; aspect-ratio: auto; }
  .vesora-sales-card__body { align-content: center; }
  .vesora-sales-card__markets { min-height: 0; }
  .vesora-sales-card__actions { align-items: flex-start; flex-direction: column; gap: 0.55rem; }
  .announcement { min-height: 38px; padding: var(--space-1) var(--space-4); font-size: 0.68rem; line-height: 1.2; text-align: center; }
  .site-header__inner { grid-template-columns: 42px minmax(0, 1fr) 42px; gap: 0; }
  .site-header__inner > .brand { grid-column: 2; grid-row: 1; justify-self: center; }
  .header-actions { display: contents; }
  .header-actions .menu-toggle { grid-column: 1; grid-row: 1; justify-self: start; }
  .header-actions .icon-link--instagram { grid-column: 3; grid-row: 1; justify-self: end; }
  .brand__logo::after {
    -webkit-mask-image: url('../images/logo-mobile-black.png');
    mask-image: url('../images/logo-mobile-black.png');
  }
  .site-nav { width: min(84vw, 390px); height: 100dvh; }
  .header-actions > .icon-link:first-child { display: none; }
	.site-search-overlay { padding: 4.5rem 1rem 1rem; }
	.site-search-dialog { padding: 1.25rem; }
	.site-search-dialog__header { margin-bottom: 1.5rem; }
	.site-search-dialog__form, .search-showroom__form { grid-template-columns: 1fr; }
	.site-search-dialog__form button, .search-showroom__form .button { justify-content: center; width: 100%; }
	.search-showroom__header h1 { font-size: clamp(2.15rem, 11vw, 3.35rem); }
	.hero-banner__slides { aspect-ratio: 1 / 1; }
	.hero-banner__image { object-position: center; }
	.hero-banner__navigation { right: auto; width: 100vw; padding-inline: 0.65rem; }
	.hero-banner__arrow { width: 40px; height: 40px; }
	.hero-banner__arrow .dashicons { width: 20px; height: 20px; font-size: 20px; line-height: 20px; }
	.homepage-video__heading { margin-bottom: 2rem; }
	.homepage-video__heading h2 { max-width: 13ch; font-size: clamp(2.15rem, 10vw, 3.15rem); }
	.homepage-video__frame { width: 100vw; margin-left: calc(50% - 50vw); border-inline: 0; border-radius: 0; box-shadow: none; }
	.homepage-video__play { min-height: 46px; padding: 0.65rem 0.9rem; }
	.wholesale-reasons__header { gap: 1.1rem; }
	.wholesale-reasons__divider { margin-bottom: 2rem; }
	.wholesale-reasons__divider .brand-divider__mark { width: 3.625rem; }
	.wholesale-reasons__header h2 { max-width: 24ch; font-size: clamp(1.75rem, 7vw, 2.25rem); }
	.wholesale-reasons__grid { grid-template-columns: 1fr; }
	.wholesale-reasons__item,
	.wholesale-reasons__item:nth-child(even) { padding: 1.65rem 0; border-left: 0; }
	.wholesale-reasons__item > .dashicons { width: 1.75rem; height: 1.75rem; font-size: 1.75rem; }
  .brand-marquee { min-height: 42px; }
  .brand-marquee__track { animation-duration: 24s; }
  .brand-marquee__group { gap: 2rem; padding-inline: 1rem; font-size: 0.72rem; letter-spacing: 0.035em; }
  .brand-divider { gap: 1rem; margin-bottom: 1.75rem; }
  .brand-divider__mark { width: 3.625rem; }
  .shop-discovery { padding-block: 2.75rem; }
  .shop-discovery__tabs { margin-bottom: 2rem; }
  .shop-discovery__tab { min-height: 60px; padding-inline: 0.5rem; font-size: clamp(0.82rem, 4vw, 1rem); letter-spacing: 0.025em; }
  .shop-discovery__track { grid-auto-columns: min(80vw, 20rem); gap: var(--space-4); }
  .shop-discovery__card-copy { padding: var(--space-4); }
  .shop-discovery__arrow { display: none; }
  .best-sellers .section-heading h2 { font-size: clamp(1.65rem, 8vw, 2.35rem); line-height: 1.08; }
  .best-sellers__carousel .woocommerce ul.products { display: grid !important; grid-auto-columns: min(80vw, 22rem); gap: var(--space-4); }
  .customer-feedback__heading { margin-bottom: 1.75rem; text-align: left; }
  .customer-feedback__heading h2 { font-size: clamp(2.2rem, 11vw, 3.25rem); letter-spacing: 0.015em; }
  .customer-feedback__track { width: 100vw; margin-left: calc(50% - 50vw); gap: var(--space-4); padding-inline: 5vw; scroll-padding-inline: 5vw; }
  .customer-feedback__item,
  .customer-feedback__item.is-landscape { flex-basis: min(82vw, 22rem); height: min(126vw, 34rem); }
  .customer-feedback__arrow { display: none; }
  .certifications { padding: 2.75rem 0 1.25rem; }
  .brand-divider.certifications__divider { margin-bottom: 2rem; }
  .certifications__divider .brand-divider__mark { width: 3.625rem; }
  .certifications__heading h2 { font-size: clamp(1.85rem, 8vw, 2.65rem); }
  .certifications__heading h3 { font-size: 1rem; }
  .certifications__heading p { font-size: 0.94rem; line-height: 1.65; }
  .certifications__grid { grid-template-columns: 1fr; gap: 1rem; margin-top: 2rem; }
  .certifications__item,
  .certifications__item:last-child { width: min(100%, 30rem); grid-column: auto; justify-self: center; padding: 0.45rem; }
  .social-gallery { padding: 1.25rem 0 2.75rem; }
  .brand-divider.social-gallery__divider { margin-bottom: 2rem; }
  .social-gallery__divider .brand-divider__mark { width: 3.625rem; }
  .social-gallery__heading { margin-bottom: 1.75rem; }
  .social-gallery__heading h2 { max-width: none; font-size: clamp(1.55rem, 7vw, 2.4rem); letter-spacing: -0.05em; white-space: nowrap; }
  .social-gallery__viewport {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 14vw;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .social-gallery__viewport::-webkit-scrollbar { display: none; }
  .social-gallery__track {
    display: flex;
    width: max-content;
    padding: 0 14vw 1.75rem;
    gap: 0;
  }
  .social-gallery__item {
    flex: 0 0 min(72vw, 20rem);
    height: min(100vw, 28rem);
    border-color: rgba(17, 17, 15, 0.18);
    box-shadow: 0 1.25rem 2.75rem rgba(17, 17, 15, 0.16);
    scroll-snap-align: center;
    transform: rotate(-1.25deg);
  }
  .social-gallery__item + .social-gallery__item { margin-left: -12vw; }
  .social-gallery__item:nth-child(even) { transform: translateY(0.75rem) rotate(1.25deg); }
  .social-gallery__item:nth-child(3) { transform: translateY(0.25rem); }
  .social-gallery__item:nth-child(1) { z-index: 1; }
  .social-gallery__item:nth-child(2) { z-index: 2; }
  .social-gallery__item:nth-child(3) { z-index: 3; }
  .social-gallery__item:nth-child(4) { z-index: 4; }
  .social-gallery__item:nth-child(5) { z-index: 5; }
  .proof { padding-block: 2.75rem; }
  .proof__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem var(--space-4); }
  .proof__icon { width: 4.25rem; height: 4.25rem; margin-bottom: var(--space-4); font-size: 4.25rem; }
  .proof__number { font-size: clamp(3.25rem, 15vw, 5.3rem); }
  .proof__label { max-width: 12rem; margin-top: var(--space-4); font-size: 0.78rem; }
  .section { padding-block: 2.75rem; }
  .section-heading { margin-bottom: 2rem; }
  .category-showcase { padding-block: 2.75rem; }
  .category-showcase__heading { text-align: left; }
  .category-showcase__heading::after { width: 100%; margin-left: 0; }
  .craft__grid, .wholesale__grid { grid-template-columns: 1fr; gap: var(--space-7); }
  .craft__media { order: 2; width: 100vw; margin-left: calc(50% - 50vw); border-radius: 0; }
  .craft__media img { min-height: 23rem; }
  .woocommerce ul.products {
    display: flex !important;
    width: 100%;
    max-width: 100%;
    gap: var(--space-4);
    padding: 0 0 var(--space-4) !important;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scroll-padding-inline: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  .woocommerce ul.products li.product {
    flex: 0 0 min(80vw, 22rem);
    scroll-snap-align: start;
  }
  body.single-product.woocommerce div.product { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto auto; row-gap: 2.5rem; }
  body.single-product.woocommerce div.product > .images { grid-column: 1; grid-row: 1; }
  body.single-product.woocommerce div.product > .summary { grid-column: 1; grid-row: 2; position: static; margin: 0; }
  body.single-product.woocommerce div.product > .woocommerce-tabs { grid-column: 1; grid-row: 3; margin: 0; }
  body.single-product.woocommerce div.product > .related.products { grid-column: 1; grid-row: 4; margin-top: var(--space-7); }
  .woocommerce div.product .product_title { max-width: none; font-size: clamp(2rem, 10vw, 2.75rem); }
  .woocommerce .showroom-contact .button { width: 100%; }
  .showroom-category-nav { margin-inline: 0; }
  .showroom-category-nav__links { max-width: 100%; flex-wrap: nowrap; padding-bottom: var(--space-2); overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; }
  .showroom-category-nav__links a { flex: none; }
  .inquiry-form { grid-template-columns: 1fr; }
  .inquiry-form .button { width: 100%; }
	.site-footer { padding-top: 3rem; }
	.site-footer__grid { grid-template-columns: 1fr; row-gap: 0; }
	.site-footer__brand { grid-column: auto; padding-bottom: 2.5rem; border-bottom: 0; }
	.brand--footer { margin-bottom: 2rem; }
	.site-footer__logo { width: min(17rem, 78vw); }
	.site-footer__column { padding: 2rem 0 0; border-top: 1px dashed rgba(244, 240, 236, 0.2); border-left: 0; }
	.site-footer__column + .site-footer__column { margin-top: 2rem; }
	.site-footer h2 { margin-bottom: 0.55rem; padding-bottom: 0.85rem; }
	.site-footer__links a { min-height: 3.35rem; }
	.site-footer__bottom { margin-top: 2.75rem; }
	.vesora-contact-details { grid-template-columns: 1fr; }
	.vesora-contact-details__item--address { grid-column: auto; }
}

@media (max-width: 480px) {
  .category-card { flex-basis: 82vw; height: 27rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
  .reveal { opacity: 1; transform: none; }
  .brand-marquee { overflow-x: auto; }
  .brand-marquee__track { animation: none; transform: none; will-change: auto; }
  .brand__logo::after { display: none; }
	.hero-banner__slide { transition: none; transform: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .site-header { background: var(--color-paper); backdrop-filter: none; }
}

/* About Vesora */
.about-page {
  overflow: clip;
  background: var(--color-paper);
}

.about-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #f4f4f2;
}

.about-hero img {
  width: 100%;
  aspect-ratio: 1891 / 831;
  object-fit: cover;
  object-position: center;
}

.about-intro {
  padding-block: clamp(3.75rem, 6vw, 6rem);
  background: #f4f4f2;
}

.about-intro__inner {
  display: grid;
  justify-items: center;
  text-align: center;
}

.about-intro h1,
.about-story h2,
.about-difference h2,
.about-partners h2 {
  margin: 0;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1.08;
}

.about-intro h1 {
  max-width: 18ch;
  font-size: clamp(2.35rem, 4.2vw, 4.75rem);
}

.about-intro p {
  max-width: 68ch;
  margin: clamp(1.5rem, 2.7vw, 2.4rem) 0 0;
  color: var(--color-text-muted);
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  line-height: 1.72;
}

.about-story {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  align-items: stretch;
  gap: clamp(2.25rem, 5vw, 6rem);
  padding-block: clamp(4rem, 6.5vw, 6.5rem);
}

.about-story__content {
  align-self: center;
  padding: clamp(2rem, 4vw, 4.5rem);
  background: #f1f1f3;
}

.about-story h2,
.about-partners h2 {
  font-size: clamp(2.1rem, 3.7vw, 4.35rem);
}

.about-story p,
.about-partners p {
  margin: 1.5rem 0 0;
  color: var(--color-text-muted);
  font-size: clamp(1rem, 1.15vw, 1.15rem);
  line-height: 1.78;
}

.about-story__media {
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-media);
}

.about-story__media img {
  height: 100%;
  object-fit: cover;
}

.about-difference {
  display: grid;
  position: relative;
  min-height: clamp(34rem, 51vw, 47rem);
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  background: var(--color-ink);
  color: var(--color-paper);
}

.about-difference::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(17, 17, 15, 0.87) 0%, rgba(17, 17, 15, 0.7) 45%, rgba(17, 17, 15, 0.2) 80%);
  content: '';
}

.about-difference__image {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.about-difference__content {
  padding-block: clamp(4rem, 6.5vw, 6.5rem);
}

.about-difference h2 {
  max-width: 15ch;
  font-size: clamp(2.25rem, 4.4vw, 5rem);
}

.about-difference p {
  max-width: 65ch;
  margin: clamp(1.5rem, 3vw, 2.75rem) 0 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  line-height: 1.78;
}

.about-partners {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  align-items: center;
  gap: clamp(3rem, 7vw, 8rem);
  padding-block: clamp(4rem, 7vw, 7rem);
}

.about-partners__media {
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-media);
}

.about-partners__media img {
  aspect-ratio: 1;
  object-fit: cover;
}

.about-partners__content {
  max-width: 42rem;
}

.about-partners__content::before {
  display: block;
  width: 4.5rem;
  height: 2px;
  margin-bottom: 2rem;
  background: var(--color-gold);
  content: '';
}

@media (max-width: 1024px) {
  .about-story {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 2rem;
  }

  .about-story__content {
    padding: clamp(1.75rem, 3.5vw, 3rem);
  }

  .about-difference {
    min-height: 37rem;
  }

  .about-partners {
    gap: 3.25rem;
  }
}

@media (max-width: 767px) {
  .about-hero img {
    aspect-ratio: 1891 / 831;
    object-fit: contain;
  }

  .about-intro {
    padding-block: 3.5rem;
  }

  .about-intro__inner {
    justify-items: start;
    text-align: left;
  }

  .about-intro h1 {
    max-width: 15ch;
    font-size: clamp(2.25rem, 11.5vw, 3.35rem);
  }

  .about-story,
  .about-partners {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    padding-block: 3.75rem;
  }

  .about-story__content {
    order: 2;
    padding: 1.75rem;
  }

  .about-story__media {
    order: 1;
    min-height: auto;
  }

  .about-story__media img {
    aspect-ratio: 1.15;
    height: auto;
    object-position: center;
  }

  .about-story h2,
  .about-partners h2 {
    font-size: clamp(2.15rem, 10vw, 3.15rem);
  }

  .about-difference {
    min-height: 41rem;
  }

  .about-difference::after {
    background: linear-gradient(180deg, rgba(17, 17, 15, 0.45) 0%, rgba(17, 17, 15, 0.83) 42%, rgba(17, 17, 15, 0.92) 100%);
  }

  .about-difference__image {
    object-position: 43% center;
  }

  .about-difference__content {
    align-self: end;
    padding-block: 3.75rem;
  }

  .about-difference h2 {
    max-width: 13ch;
    font-size: clamp(2.3rem, 11vw, 3.5rem);
  }

  .about-difference p {
    line-height: 1.68;
  }

  .about-partners {
    gap: 2.5rem;
  }

  .about-partners__content::before {
    margin-bottom: 1.5rem;
  }
}

/* Exclusive offer popup */
body.offer-popup-is-open {
  overflow: hidden;
}

.offer-popup[hidden] {
  display: none;
}

.offer-popup {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: clamp(0.75rem, 2vw, 2rem);
  opacity: 0;
  transition: opacity var(--duration-normal) var(--ease-out);
}

.offer-popup.is-visible {
  opacity: 1;
}

.offer-popup__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 17, 15, 0.76);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.offer-popup__dialog {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(25rem, 0.92fr);
  grid-template-rows: minmax(0, 1fr);
  width: min(94vw, 90rem);
  max-height: calc(100dvh - clamp(1.5rem, 4vw, 4rem));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: var(--radius-media);
  background: #f2f2f0;
  box-shadow: 0 1.5rem 5rem rgba(17, 17, 15, 0.28);
  transform: translateY(1rem) scale(0.985);
  transition: transform var(--duration-normal) var(--ease-out);
  color-scheme: only light;
}

.offer-popup.is-visible .offer-popup__dialog {
  transform: translateY(0) scale(1);
}

.offer-popup__close {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid rgba(17, 17, 15, 0.2);
  border-radius: var(--radius-control);
  background: rgba(255, 255, 255, 0.92);
  color: var(--color-ink);
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;
}

.offer-popup__close:hover {
  background: var(--color-ink);
  color: var(--color-paper);
}

.offer-popup__close:active,
.offer-popup__submit:active {
  transform: translateY(1px);
}

.offer-popup__visual {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: var(--color-paper);
}

.offer-popup__visual img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.offer-popup__content {
  min-width: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: clamp(2.5rem, 4vw, 4.5rem) clamp(1.75rem, 3vw, 3.5rem) clamp(2rem, 3vw, 3.25rem);
  scrollbar-gutter: stable;
}

.offer-popup__header {
  margin-bottom: clamp(1.5rem, 2.5vw, 2.25rem);
}

.offer-popup__header h2 {
  max-width: 18ch;
  margin: 0;
  color: var(--color-gold);
  font-size: clamp(1.75rem, 2.8vw, 2.8rem);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.offer-popup__header p {
  max-width: 52ch;
  margin: 0.8rem 0 0;
  color: #50524f;
  font-size: 0.95rem;
}

.offer-popup__form {
  display: grid;
  gap: 1rem;
}

.offer-popup__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.offer-popup__form .field {
  display: grid;
  gap: 0.35rem;
}

.offer-popup__form label {
  color: #30312f;
  font-size: 0.86rem;
  line-height: 1.3;
}

.offer-popup__form input,
.offer-popup__form select,
.offer-popup__form textarea {
  width: 100%;
  min-height: 3rem;
  padding: 0.72rem 0.9rem;
  border: 1px solid #858782;
  border-radius: var(--radius-control);
  background: var(--color-paper);
  color: var(--color-ink);
  line-height: 1.35;
  transition: border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;
}

.offer-popup__form textarea {
  min-height: 7rem;
  resize: vertical;
}

.offer-popup__form input:hover,
.offer-popup__form select:hover,
.offer-popup__form textarea:hover {
  border-color: #555752;
}

.offer-popup__form input:focus,
.offer-popup__form select:focus,
.offer-popup__form textarea:focus {
  outline: none;
  border-color: var(--color-gold);
  box-shadow: 0 0 0 3px rgba(189, 142, 61, 0.22);
}

.offer-popup__form.was-validated :invalid {
  border-color: var(--color-error);
}

.offer-popup__status {
  min-height: 1.5rem;
  margin: 0;
  color: var(--color-error);
  font-size: 0.9rem;
}

.offer-popup__status.is-success {
  color: var(--color-success);
}

.offer-popup__submit {
  min-height: 3.4rem;
  padding: 0.85rem 1.5rem;
  border: 1px solid var(--color-ink);
  border-radius: var(--radius-control);
  background: var(--color-ink);
  color: var(--color-paper);
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  transition: background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;
}

.offer-popup__submit:hover {
  background: var(--color-gold);
  border-color: var(--color-gold);
  color: var(--color-ink);
}

.offer-popup__submit:disabled {
  cursor: wait;
  opacity: 0.68;
}

@media (max-width: 1100px) {
  .offer-popup__dialog {
    grid-template-columns: minmax(0, 0.85fr) minmax(24rem, 1.15fr);
  }

  .offer-popup__visual img {
    object-fit: contain;
    object-position: center;
  }

  .offer-popup__content {
    padding: 3.5rem 1.75rem 2rem;
  }
}

@media (min-width: 768px) and (max-width: 960px) {
  .offer-popup__dialog {
    display: block;
    width: min(94vw, 46rem);
    overflow-x: hidden;
    overflow-y: auto;
  }

  .offer-popup__visual {
    height: 14rem;
  }

  .offer-popup__visual img {
    object-fit: cover;
    object-position: center top;
  }

  .offer-popup__content {
    width: 100%;
    overflow: visible;
    padding: 1.75rem 2rem 2rem;
  }
}

@media (max-width: 767px) {
  .offer-popup {
    align-items: center;
    padding: 1rem;
  }

  .offer-popup__dialog {
    display: block;
    position: relative;
    inset: auto;
    width: min(100%, 24rem);
    min-width: 0;
    max-width: 24rem;
    max-height: min(88dvh, 41rem);
    overflow-x: hidden;
    overflow-y: auto;
  }

  .offer-popup__visual {
    height: clamp(4.5rem, 12dvh, 6rem);
  }

  .offer-popup__visual img {
    object-fit: cover;
    object-position: center top;
  }

  .offer-popup__content {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    padding: 0.75rem 0.8rem 0.8rem;
  }

  .offer-popup__form,
  .offer-popup__form .field,
  .offer-popup__form input,
  .offer-popup__form select,
  .offer-popup__form textarea {
    min-width: 0;
    max-width: 100%;
  }

  .offer-popup__header {
    padding-right: 2.5rem;
    margin-bottom: 0.55rem;
  }

  .offer-popup__header h2 {
    max-width: 15ch;
    font-size: clamp(1.1rem, 5vw, 1.35rem);
  }

  .offer-popup__header p {
    margin-top: 0.35rem;
    font-size: 0.72rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .offer-popup__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .offer-popup__form {
    gap: 0.45rem;
  }

  .offer-popup__form .field { gap: 0.2rem; }
  .offer-popup__form label { font-size: 0.7rem; }

  .offer-popup__form input,
  .offer-popup__form select,
  .offer-popup__form textarea {
    min-height: 2.35rem;
    padding: 0.42rem 0.58rem;
    font-size: 0.82rem;
  }

  .offer-popup__form textarea {
    min-height: 3.5rem;
  }

  .offer-popup__status { min-height: 1rem; font-size: 0.78rem; }
  .offer-popup__submit { min-height: 2.55rem; padding: 0.55rem 1rem; font-size: 0.85rem; }
  .offer-popup__close { top: 0.55rem; right: 0.55rem; width: 2.25rem; height: 2.25rem; font-size: 1.55rem; }
}

@media (max-width: 359px) {
  .offer-popup__row { grid-template-columns: minmax(0, 1fr); }
  .offer-popup__visual { display: none; }
  .offer-popup__dialog { max-height: calc(100dvh - 1rem); }
}

@media (min-width: 961px) {
  .offer-popup__dialog {
    grid-template-columns: minmax(0, 1fr) minmax(23rem, 1fr);
    width: min(82vw, 72rem);
    max-height: min(calc(100dvh - clamp(1rem, 3vh, 2rem)), 47rem);
  }

  .offer-popup__content {
    padding: 2.2rem 2.1rem 1.75rem;
  }

  .offer-popup__header {
    margin-bottom: 1.25rem;
  }

  .offer-popup__header h2 {
    font-size: clamp(1.65rem, 2.2vw, 2.15rem);
  }

  .offer-popup__header p {
    margin-top: 0.55rem;
    font-size: 0.86rem;
  }

  .offer-popup__form,
  .offer-popup__row {
    gap: 0.75rem;
  }

  .offer-popup__form input,
  .offer-popup__form select,
  .offer-popup__form textarea {
    min-height: 2.7rem;
    padding: 0.58rem 0.75rem;
  }

  .offer-popup__form textarea {
    min-height: 5.5rem;
  }

  .offer-popup__submit {
    min-height: 3rem;
    padding-block: 0.72rem;
  }
}

/* Keep the full offer visible on laptop displays with limited viewport height. */
@media (min-width: 961px) and (max-height: 820px) {
  .offer-popup {
    padding: 0.5rem;
  }

  .offer-popup__dialog {
    grid-template-columns: minmax(0, 0.95fr) minmax(22rem, 1.05fr);
    width: min(90vw, 68rem);
    max-height: calc(100dvh - 1rem);
  }

  .offer-popup__content {
    padding: 1.15rem 1.35rem 0.9rem;
    scrollbar-width: thin;
  }

  .offer-popup__header {
    margin-bottom: 0.55rem;
  }

  .offer-popup__header h2 {
    font-size: clamp(1.35rem, 2vw, 1.75rem);
  }

  .offer-popup__header p {
    margin-top: 0.3rem;
    font-size: 0.76rem;
    line-height: 1.35;
  }

  .offer-popup__form,
  .offer-popup__row {
    gap: 0.48rem;
  }

  .offer-popup__form .field {
    gap: 0.18rem;
  }

  .offer-popup__form label {
    font-size: 0.76rem;
  }

  .offer-popup__form input,
  .offer-popup__form select,
  .offer-popup__form textarea {
    min-height: 2.25rem;
    padding: 0.38rem 0.62rem;
    font-size: 0.86rem;
  }

  .offer-popup__form textarea {
    min-height: 3.75rem;
  }

  .offer-popup__status {
    min-height: 0.85rem;
    font-size: 0.75rem;
  }

  .offer-popup__submit {
    min-height: 2.45rem;
    padding-block: 0.52rem;
    font-size: 0.88rem;
  }

  .offer-popup__close {
    top: 0.55rem;
    right: 0.55rem;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.55rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .offer-popup,
  .offer-popup__dialog,
  .offer-popup__close,
  .offer-popup__submit {
    transition: none;
  }
}

@media (prefers-reduced-transparency: reduce) {
  .offer-popup__backdrop {
    background: rgba(17, 17, 15, 0.9);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* Homepage experience specialists: dark introduction, light profile carousel. */
.vesora-experience {
  overflow: hidden;
  padding-bottom: clamp(1.75rem, 2.5vw, 2.75rem);
  background: var(--color-paper);
}

.vesora-experience__intro {
  padding-block: clamp(2rem, 3vw, 2.75rem) clamp(3.75rem, 5vw, 4.75rem);
  border-top: 1px solid rgba(245, 242, 236, 0.13);
  background: #242321;
  color: #f5f2ec;
}

.vesora-experience__intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  align-items: stretch;
  gap: clamp(2rem, 4vw, 4rem);
}

.vesora-experience__team-photo {
  aspect-ratio: 3 / 2;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(245, 242, 236, 0.16);
  background: #171715;
}

.vesora-experience__team-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.vesora-experience__header {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: clamp(1.25rem, 2vw, 1.5rem);
  padding-block: clamp(0.5rem, 2vw, 1.75rem);
  text-align: center;
}

.vesora-experience__header h2 {
  max-width: 18ch;
  margin: 0 auto;
  color: #f5f2ec;
  font-size: clamp(2rem, 3.25vw, 3.75rem);
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.14;
}

.vesora-experience__header h2 span {
  color: var(--color-gold-hover);
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 600;
  letter-spacing: 0.025em;
}

.vesora-experience__header p {
  max-width: 48rem;
  margin: 0 auto;
  color: #e0dcd5;
  font-size: clamp(0.95rem, 1.2vw, 1.08rem);
  line-height: 1.75;
  text-align: left;
}

/* Preservation: variance 3, motion 2, density 6. Keep the introduction together. */
.vesora-experience__copy {
  display: grid;
  gap: 0.75rem;
  width: 100%;
  max-width: 48rem;
  margin-inline: auto;
}

.vesora-experience__copy p { width: 100%; margin: 0; }

.vesora-experience__profiles {
  position: relative;
  z-index: 2;
  margin-top: clamp(-3.5rem, -4vw, -2.5rem);
  padding-inline: clamp(3rem, 5vw, 4.5rem);
}

.vesora-experience__viewport { overflow: hidden; }

.vesora-experience .vesora-sales-team__grid {
  --specialist-gap: clamp(0.75rem, 1.35vw, 1.25rem);
  display: flex;
  grid-template-columns: none;
  gap: var(--specialist-gap);
  padding: 0 0 0.75rem;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.vesora-experience .vesora-sales-team__grid::-webkit-scrollbar { display: none; }

.vesora-experience .vesora-sales-card {
  display: block;
  flex: 0 0 calc((100% - (3 * var(--specialist-gap))) / 4);
  min-width: 0;
  padding: clamp(0.35rem, 0.55vw, 0.55rem);
  overflow: hidden;
  border: 1px solid var(--color-line-dark);
  background: #fff;
  color: var(--color-ink);
  box-shadow: 0 0.85rem 2rem rgba(17, 17, 15, 0.1);
  scroll-snap-align: start;
}

.vesora-experience .vesora-sales-card__media {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1 / 1;
  background: #eeeae4;
}

.vesora-experience .vesora-sales-card__body {
  align-content: start;
  gap: 0.25rem;
  padding: clamp(0.55rem, 0.8vw, 0.75rem) 0.15rem 0.1rem;
}

.vesora-experience .vesora-sales-card__body h3 { font-size: clamp(1rem, 1.3vw, 1.25rem); color: var(--color-ink); }
.vesora-experience .vesora-sales-card__role { color: var(--color-gold-dark); }
.vesora-experience .vesora-sales-card__markets { min-height: 0; margin-top: 0.1rem; font-size: 0.88rem; line-height: 1.4; color: var(--color-text-muted); }
.vesora-experience .vesora-sales-card__actions { align-items: center; flex-direction: row; gap: 0.7rem; margin-top: 0.4rem; }
.vesora-experience .vesora-sales-card__actions a { color: var(--color-ink); }
.vesora-sales-card__social { text-decoration: none; }
.vesora-sales-card__social .fi { display: inline-grid; width: 1.5rem; height: 1.5rem; place-items: center; border: 1px solid rgba(17, 17, 15, 0.18); border-radius: 50%; color: var(--color-ink); font-size: 0.82rem; line-height: 1; }
.vesora-sales-card__social span { font-size: 0.76rem; }
.vesora-sales-card__social:hover .fi,
.vesora-sales-card__social:focus-visible .fi { border-color: var(--color-gold); background: var(--color-gold); }

.vesora-experience__arrow {
  display: grid;
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 3rem;
  height: 3rem;
  place-items: center;
  padding: 0;
  border: 1px solid var(--color-line-dark);
  border-radius: 50%;
  background: #fff;
  color: var(--color-ink);
  box-shadow: 0 0.75rem 2rem rgba(17, 17, 15, 0.15);
  cursor: pointer;
  transform: translateY(-50%);
  transition: background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);
}

.vesora-experience__arrow:hover,
.vesora-experience__arrow:focus-visible { background: var(--color-ink); color: #fff; transform: translateY(-50%) scale(1.04); }
.vesora-experience__arrow:disabled { opacity: 0.35; cursor: default; }
.vesora-experience__arrow--previous { left: 0; }
.vesora-experience__arrow--next { right: 0; }
.vesora-experience__arrow .dashicons { width: 1.25rem; height: 1.25rem; font-size: 1.25rem; line-height: 1.25rem; }

@media (max-width: 1024px) {
  .vesora-experience__intro-grid { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
  .vesora-experience__team-photo { width: min(100%, 48rem); justify-self: center; }
  .vesora-experience__header { gap: 1.25rem; padding-block: 0; }
  .vesora-experience__header h2 { max-width: none; }
  .vesora-experience__header p { max-width: 52rem; text-align: left; }
  .vesora-experience .vesora-sales-card { flex-basis: calc((100% - var(--specialist-gap)) / 2); }
}

@media (max-width: 767px) {
  .customer-feedback { padding-bottom: 1.75rem; }
  .vesora-experience { padding-bottom: 1.75rem; }
  .vesora-experience__intro { padding-block: 1.75rem 3.25rem; }
  .vesora-experience__intro-grid { width: 100%; gap: 1.25rem; }
  .vesora-experience__team-photo { width: 100%; aspect-ratio: 4 / 3; border-inline: 0; }
  .vesora-experience__team-photo img { object-position: center center; }
  .vesora-experience__header { width: calc(100% - 2rem); margin-inline: auto; gap: 1rem; text-align: center; }
  .vesora-experience__header h2 { max-width: 12ch; font-size: clamp(1.8rem, 8vw, 2.55rem); letter-spacing: 0.045em; }
  .vesora-experience__header p { font-size: 0.94rem; line-height: 1.65; text-align: left; }
  .vesora-experience__profiles { width: calc(100% - 1rem); margin-top: -1.85rem; padding-inline: 3rem; }
  .vesora-experience .vesora-sales-team__grid { --specialist-gap: 1rem; }
  .vesora-experience .vesora-sales-card { flex-basis: 100%; padding: 0.5rem; }
  .vesora-experience .vesora-sales-card__media { aspect-ratio: 1 / 1; }
  .vesora-experience .vesora-sales-card__body { padding-top: 0.75rem; }
  .vesora-experience .vesora-sales-card__actions { align-items: center; flex-direction: row; gap: 1rem; }
  .vesora-experience__arrow { width: 2.65rem; height: 2.65rem; }
}

/* Compact homepage rhythm: sections read as one continuous editorial story. */
.section,
.category-showcase,
.shop-discovery { padding-block: clamp(1.75rem, 2.6vw, 2.75rem); }
.proof { padding-block: clamp(1.5rem, 2.25vw, 2.25rem); }
.proof__grid { gap: clamp(1.25rem, 3vw, 3rem); }
.proof__icon { width: clamp(2.75rem, 3.6vw, 3.75rem); height: clamp(2.75rem, 3.6vw, 3.75rem); margin-bottom: 0.75rem; font-size: clamp(2.75rem, 3.6vw, 3.75rem); }
.proof__number { font-size: clamp(2.75rem, 4.6vw, 4.75rem); }
.proof__label { margin-top: 0.75rem; font-size: clamp(0.7rem, 0.9vw, 0.85rem); }
.brand-divider { gap: clamp(0.85rem, 2vw, 2rem); margin-bottom: clamp(1rem, 1.5vw, 1.5rem); }
.brand-divider__mark,
.wholesale-reasons__divider .brand-divider__mark,
.customer-feedback-divider .brand-divider__mark,
.certifications__divider .brand-divider__mark,
.social-gallery__divider .brand-divider__mark { width: clamp(3.25rem, 4.25vw, 4.25rem); }
.brand-divider.wholesale-reasons__divider,
.brand-divider.certifications__divider,
.brand-divider.social-gallery__divider,
.shop-discovery .brand-divider { margin-bottom: clamp(1.1rem, 1.75vw, 1.75rem); }
.customer-feedback-divider { padding-block: 0.45rem; }
.wholesale-reasons__header { padding-bottom: clamp(1.25rem, 2vw, 1.85rem); }
.customer-feedback { padding-block: clamp(1.75rem, 2.5vw, 2.5rem); }
.customer-feedback__heading,
.category-showcase__heading,
.best-sellers .section-heading,
.section-heading { margin-bottom: clamp(1.1rem, 1.75vw, 1.75rem); }
.certifications { padding-block: clamp(1.75rem, 2.5vw, 2.5rem) clamp(1.25rem, 2vw, 2rem); }
.certifications__grid { margin-top: clamp(1.25rem, 2vw, 1.75rem); }
.social-gallery { padding-block: clamp(1.25rem, 2vw, 2rem) clamp(1.75rem, 2.5vw, 2.75rem); }
.social-gallery__heading { margin-bottom: clamp(1rem, 1.75vw, 1.75rem); }
.homepage-video__heading { margin-bottom: clamp(1.25rem, 2vw, 2rem); }
.wholesale__grid { gap: clamp(2rem, 5vw, 5rem); }

/* Editorial blog inspired by Vesora's clean B2B visual language. */
.blog-index,
.blog-single { overflow-x: clip; background: var(--color-paper); color: var(--color-ink); }
.blog-hero { padding-block: clamp(2rem, 4vw, 3.75rem); border-bottom: 1px solid #3a342f; background: #171717; color: #fff; }
.blog-hero__inner { display: grid; max-width: 70rem; gap: 0.75rem; justify-items: start; text-align: left; }
.blog-hero .eyebrow { margin: 0; }
.blog-hero h1 { margin: 0; font-size: clamp(2.6rem, 5vw, 5rem); font-weight: 400; letter-spacing: -0.05em; line-height: 0.96; }
.blog-hero p:last-child { max-width: 52rem; margin: 0; color: #c9c5c1; font-size: clamp(0.95rem, 1.2vw, 1.08rem); }
.blog-topics { position: sticky; top: var(--header-height); z-index: 12; border-bottom: 1px solid var(--color-line-dark); background: rgba(255,255,255,0.96); backdrop-filter: blur(14px); }
.blog-topics__track { display: flex; gap: 0.35rem; padding-block: 0.65rem; overflow-x: auto; scrollbar-width: none; }
.blog-topics__track::-webkit-scrollbar { display: none; }
.blog-topics a { flex: none; padding: 0.55rem 0.85rem; border: 1px solid transparent; color: var(--color-text-muted); font-size: var(--text-sm); text-decoration: none; white-space: nowrap; }
.blog-topics a:hover,
.blog-topics a:focus-visible,
.blog-topics a.is-current { border-color: var(--color-ink); color: var(--color-ink); }
.blog-results { padding-block: clamp(1.75rem, 3vw, 3rem); }
.blog-featured { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr); min-height: 27rem; margin-bottom: clamp(1.75rem, 3vw, 3rem); border: 1px solid var(--color-line-dark); }
.blog-featured__media,
.blog-card__media { display: block; overflow: hidden; background: #eee8e1; text-decoration: none; }
.blog-featured__media img,
.blog-card__media > img { width: 100%; height: 100%; object-fit: cover; transition: transform 500ms var(--ease-out); }
.blog-featured:hover .blog-featured__media img,
.blog-card:hover .blog-card__media > img { transform: scale(1.025); }
.blog-featured__content { display: flex; justify-content: center; flex-direction: column; padding: clamp(1.5rem, 3.25vw, 3.5rem); }
.blog-featured__content .eyebrow { margin: 1.5rem 0 0.75rem; }
.blog-featured h2 { margin: 0; font-size: clamp(2rem, 3vw, 3.4rem); font-weight: 400; letter-spacing: -0.045em; line-height: 1.02; }
.blog-featured h2 a,
.blog-card h2 a { text-decoration: none; }
.blog-featured__content > p:not(.eyebrow):not(.blog-card__meta) { color: var(--color-text-muted); }
.blog-card__meta { margin: 0; color: var(--color-text-muted); font-size: 0.75rem; line-height: 1.4; }
.blog-card__meta a { color: inherit; text-decoration-color: var(--color-gold); }
.blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.25rem, 2.4vw, 2.25rem); }
.blog-card { display: flex; min-width: 0; flex-direction: column; border: 1px solid var(--color-line-dark); }
.blog-card__media { aspect-ratio: 16 / 10; }
.blog-card__body { display: flex; flex: 1; align-items: flex-start; flex-direction: column; padding: clamp(1rem, 1.6vw, 1.35rem); }
.blog-card h2 { margin: 0.65rem 0 0; font-size: clamp(1.25rem, 1.8vw, 1.7rem); font-weight: 400; letter-spacing: -0.03em; line-height: 1.12; }
.blog-card__body > p:not(.blog-card__meta) { color: var(--color-text-muted); font-size: 0.92rem; line-height: 1.55; }
.blog-card .text-link { margin-top: auto; }
.blog-card__placeholder { display: grid; width: 100%; height: 100%; place-items: center; background: #8f705d; }
.blog-card__placeholder img { width: min(32%, 8rem); height: auto; }
.blog-results .navigation.pagination { margin-top: clamp(2rem, 3vw, 3rem); }
.blog-results .nav-links { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; }
.blog-results .page-numbers { display: grid; min-width: 2.75rem; min-height: 2.75rem; place-items: center; border: 1px solid var(--color-line-dark); color: var(--color-ink); text-decoration: none; }
.blog-results .page-numbers.current,
.blog-results .page-numbers:hover { border-color: var(--color-ink); background: var(--color-ink); color: #fff; }
.blog-empty { display: grid; min-height: 24rem; place-items: center; align-content: center; text-align: center; }
.blog-empty img { width: 4.5rem; }
.blog-empty h2 { margin: 1rem 0 0.5rem; font-size: clamp(1.75rem, 3vw, 3rem); font-weight: 400; }
.blog-empty p { max-width: 40rem; margin: 0; color: var(--color-text-muted); }
.blog-article__header { position: relative; display: grid; min-height: clamp(25rem, 43vw, 39rem); align-items: end; overflow: hidden; isolation: isolate; background: #2b1e16; color: #fff; }
.blog-article__header::after { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(18,14,12,.9) 0%, rgba(18,14,12,.6) 58%, rgba(18,14,12,.32) 100%); content: ""; }
.blog-article__header:not(.has-cover)::before { position: absolute; z-index: -2; inset: 0; background: radial-gradient(circle at 76% 26%, rgba(197,151,84,.28), transparent 32%), #2b1e16; content: ""; }
.blog-article__cover { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.blog-article__header-inner { width: 100%; min-width: 0; padding-block: clamp(3rem, 7vw, 6rem); }
.blog-breadcrumbs { display: flex; gap: 0.6rem; align-items: center; margin-bottom: clamp(2rem, 5vw, 5rem); color: #e0c5a4; font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase; }
.blog-breadcrumbs a { color: inherit; text-decoration: none; }
.blog-article__header h1 { max-width: 62rem; margin: 0; font-family: var(--font-serif, Georgia, serif); font-size: clamp(2.3rem, 4.7vw, 5rem); font-weight: 400; letter-spacing: -0.035em; line-height: 1.02; overflow-wrap: anywhere; text-wrap: balance; }
.blog-article__meta { display: flex; flex-wrap: wrap; gap: 0.7rem; align-items: center; margin-top: 1.5rem; color: #eee9e4; font-size: 0.9rem; }
.blog-article__dek { width: min(calc(100% - 2rem), 48rem); margin: clamp(2rem, 3vw, 3rem) auto 0; color: var(--color-text-muted); font-size: clamp(1.05rem, 1.45vw, 1.24rem); line-height: 1.65; }
.blog-article__content { width: min(calc(100% - 2rem), 48rem); margin-inline: auto; padding-block: clamp(2rem, 3.5vw, 3.5rem); font-size: clamp(1rem, 1.15vw, 1.08rem); line-height: 1.8; overflow-wrap: anywhere; }
.blog-article__content h2,
.blog-article__content h3 { margin: 2em 0 0.65em; font-weight: 400; letter-spacing: -0.035em; line-height: 1.1; }
.blog-article__content h2 { font-size: clamp(1.8rem, 3vw, 2.75rem); }
.blog-article__content img { margin-block: 1.5rem; }
.blog-article__footer { max-width: 78rem; padding-block: 1.5rem 3rem; border-top: 1px solid var(--color-line-dark); }
.blog-article__footer .nav-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.blog-article__footer a { display: grid; padding: 1rem; border: 1px solid var(--color-line-dark); text-decoration: none; }
.blog-article__footer .nav-next { text-align: right; }
.blog-article__footer span { color: var(--color-text-muted); font-size: 0.75rem; text-transform: uppercase; }

@media (max-width: 900px) {
  .blog-featured { grid-template-columns: 1fr; }
  .blog-featured__media { aspect-ratio: 16 / 9; }
  .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .section,
  .category-showcase,
  .shop-discovery { padding-block: 1.75rem; }
  .proof { padding-block: 1.5rem; }
  .proof__grid { gap: 1.5rem 1rem; }
  .proof__icon { width: 2.5rem; height: 2.5rem; margin-bottom: 0.55rem; font-size: 2.5rem; }
  .proof__number { font-size: clamp(2.5rem, 12vw, 4rem); }
  .proof__label { margin-top: 0.55rem; }
  .brand-divider__mark,
  .wholesale-reasons__divider .brand-divider__mark,
  .customer-feedback-divider .brand-divider__mark,
  .certifications__divider .brand-divider__mark,
  .social-gallery__divider .brand-divider__mark { width: 3rem; }
  .certifications { padding-block: 1.75rem 1rem; }
  .certifications__grid { margin-top: 1.25rem; }
  .social-gallery { padding-block: 1rem 1.75rem; }
  .blog-hero { padding-block: 2.5rem; }
  .blog-hero h1 { font-size: clamp(2.7rem, 13vw, 4.2rem); }
  .blog-topics { top: var(--header-height); }
  .blog-topics__track { width: 100vw; margin-left: calc(50% - 50vw); padding-inline: 1rem; }
  .blog-featured { min-height: 0; }
  .blog-featured__content { padding: 1.25rem; }
  .blog-featured h2 { font-size: clamp(1.75rem, 8vw, 2.5rem); }
  .blog-grid { grid-template-columns: 1fr; }
  .blog-article__header { min-height: 30rem; }
  .blog-article__header::after { background: linear-gradient(0deg, rgba(18,14,12,.94) 0%, rgba(18,14,12,.5) 75%, rgba(18,14,12,.35) 100%); }
  .blog-article__header-inner.shell { width: calc(100vw - 2rem); max-width: calc(100vw - 2rem); padding-block: 2.25rem; overflow: hidden; }
  .blog-breadcrumbs { margin-bottom: 4rem; }
  .blog-article__header h1 { width: 100%; max-width: 100%; font-size: clamp(2rem, 10vw, 3rem); overflow-wrap: break-word; text-wrap: wrap; white-space: normal; }
  .blog-article__dek,
  .blog-article__content { width: calc(100vw - 2rem); max-width: 48rem; }
  .blog-article__content > * { max-width: 100%; }
  .blog-article__footer .nav-links { grid-template-columns: 1fr; }
  .blog-article__footer .nav-next { text-align: left; }
  .vesora-sales-card__social span { display: none; }
  .vesora-sales-card__social .fi { width: 1.75rem; height: 1.75rem; font-size: 0.95rem; }
}

/* Final cascade for the managed homepage and editorial blog. */
.announcement { min-height: 38px; padding-block: .45rem; font-size: clamp(.88rem,1vw,1rem); font-weight: 500; letter-spacing: .02em; }
.homepage-video { padding-block: clamp(2rem,3.5vw,3.75rem); background: #fff; }
.homepage-video__layout { display: grid; grid-template-columns: minmax(0,1.06fr) minmax(20rem,.94fr); gap: clamp(2rem,4.5vw,5rem); align-items: center; }
.homepage-video__frame { width: 100%; margin: 0; aspect-ratio: 16/9; border: 0; border-radius: 0; box-shadow: none; }
.homepage-video__content { display: grid; gap: clamp(1rem,1.8vw,1.5rem); align-content: center; }
.homepage-video__content h2 { margin: 0; max-width: none; font-family: var(--font-serif,Georgia,serif); font-size: clamp(1.55rem,2.2vw,2.55rem); font-weight: 600; line-height: 1.12; }
.homepage-video__copy p { margin: 0; color: var(--color-text-muted); font-size: clamp(.9rem,1.05vw,1.02rem); line-height: 1.7; }
.wholesale-reasons { padding-block: 1.1rem .9rem; }
.brand-divider.wholesale-reasons__divider { margin-bottom: .7rem; }
.wholesale-reasons__divider .brand-divider__mark { width: 2.75rem; }
.wholesale-reasons__header { max-width: 76rem; gap: .45rem; padding-bottom: .85rem; }
.wholesale-reasons__header h2 { font-size: clamp(1.2rem,1.65vw,1.72rem); line-height: 1.15; }
.wholesale-reasons__header > p:last-child { max-width: 65rem; font-size: .88rem; line-height: 1.45; }
.wholesale-reasons__grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.wholesale-reasons__item,.wholesale-reasons__item:nth-child(even) { gap: .7rem; padding: .78rem 1rem; border-left: 0; }
.wholesale-reasons__item:not(:nth-child(3n + 1)) { border-left: 1px solid var(--color-line-dark); }
.wholesale-reasons__item > .dashicons { width: 1.4rem; height: 1.4rem; font-size: 1.4rem; }
.wholesale-reasons__item h3 { font-size: .94rem; line-height: 1.25; }
.wholesale-reasons__item p { margin-top: .25rem; font-size: .76rem; line-height: 1.4; }
.proof { padding-block: .85rem 1.1rem; }
.proof__grid { gap: clamp(.8rem,2vw,2rem); }
.proof__icon { width: 1.8rem; height: 1.8rem; margin-bottom: .35rem; font-size: 1.8rem; }
.proof__number { font-size: clamp(2rem,3vw,3.1rem); line-height: .95; }
.proof__label { margin-top: .35rem; font-size: clamp(.62rem,.74vw,.73rem); }
.blog-hero { padding-block: clamp(1.15rem,2vw,1.8rem); }
.blog-hero__inner { gap: .35rem; }
.blog-hero h1 { font-size: clamp(2rem,3.5vw,3.5rem); }
.blog-hero p:last-child { font-size: .92rem; }
.blog-results { padding-block: clamp(1.25rem,2vw,2rem); }
.blog-article__header { min-height: clamp(20rem,31vw,28rem); background: #2B1E0E; }
.blog-article__header::after { background: linear-gradient(110deg,rgba(0,0,0,.18),transparent 65%); }
.blog-article__header:not(.has-cover)::before { background: #2B1E0E; }
.blog-article__header-inner,.blog-article__header-inner.shell { width: min(100%,86rem); max-width: 86rem; padding: clamp(2rem,4vw,4rem) clamp(1.25rem,5vw,5rem); }
.blog-breadcrumbs { margin-bottom: clamp(1.75rem,3.5vw,3.5rem); }
.blog-article__header h1 { max-width: 70rem; font-size: clamp(2.3rem,4.4vw,4.8rem); }
.blog-article__meta { margin-top: 1.2rem; }
@media (max-width:900px) {
  .homepage-video__layout { grid-template-columns: 1fr; gap: 1.5rem; }
  .wholesale-reasons__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wholesale-reasons__item:not(:nth-child(3n + 1)) { border-left: 0; }
  .wholesale-reasons__item:nth-child(even) { border-left: 1px solid var(--color-line-dark); }
}
@media (max-width:767px) {
  .announcement { min-height: 38px; padding: .45rem .75rem; font-size: .78rem; }
  .homepage-video { padding-block: 1.5rem; }
  .homepage-video__frame { width: 100%; margin: 0; }
  .wholesale-reasons__grid { grid-template-columns: 1fr; }
  .wholesale-reasons__item,.wholesale-reasons__item:nth-child(even) { padding: .7rem 0; border-left: 0; }
  .proof { padding-block: 1rem; }
  .blog-hero { padding-block: 1.35rem; }
  .blog-hero h1 { font-size: 2.25rem; }
  .blog-article__header { min-height: 22rem; }
  .blog-article__header-inner.shell { width: 100%; max-width: 100%; padding: 2rem 1.25rem; }
  .blog-breadcrumbs { margin-bottom: 2.25rem; }
}

/* 2.29: compact article masthead and an editorial discovery sidebar.
   Preserve Vesora's brown/white palette, existing serif and Questrial (3/4/6). */
.blog-single .blog-article__header { min-height: 0; background: #2B1E0E; }
.blog-single .blog-article__header::after { display: none; }
.blog-single .blog-article__header-inner.shell {
  width: min(calc(100% - clamp(2rem, 8vw, 10rem)), 90rem);
  max-width: 90rem;
  padding: 2.5rem 0;
  overflow: visible;
}
.blog-single .blog-breadcrumbs {
  display: inline-flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 0 0 1.5rem;
  padding: .75rem 1.1rem;
  border: 1px solid #aa895f;
  font-size: .8rem;
  line-height: 1.5;
}
.blog-single .blog-article__header h1 {
  width: 100%;
  max-width: none;
  font-size: clamp(1.6rem, 2.5vw, 2.65rem);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.025em;
  text-wrap: wrap;
}
.blog-single .blog-article__meta { gap: .75rem 1.2rem; margin-top: 1.4rem; font-size: .9rem; }
.blog-article__meta > span { display: inline-flex; align-items: center; gap: .65rem; }
.blog-article__meta .fi { display: inline-flex; color: #e0c5a4; font-size: 1rem; }
.blog-article__date { padding-left: 1.2rem; border-left: 1px solid #aa895f; }
.blog-single .blog-article__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(17rem, 22rem);
  align-items: start;
  gap: clamp(1.5rem, 3vw, 3rem);
  width: min(calc(100% - clamp(2rem, 8vw, 10rem)), 90rem);
  padding-block: 2rem;
}
.blog-article__main { min-width: 0; }
.blog-single .blog-article__content,
.blog-single .blog-article__dek { width: 100%; max-width: none; margin: 0; padding: 0; }
.blog-single .blog-article__dek { margin-bottom: 1.25rem; }
.blog-article__content > :first-child { margin-top: 0; }
.blog-article__content :is(h2,h3) { scroll-margin-top: calc(var(--header-height) + 70px); }
.blog-article__content :is(img,video,iframe) { max-width: 100%; }
.blog-article__content img { height: auto; }
.blog-article__content .wp-block-table { overflow-x: auto; }
.blog-article__content .alignwide,
.blog-article__content .alignfull { width: 100%; max-width: 100%; margin-inline: 0; }
.blog-sidebar { display: grid; gap: 1rem; min-width: 0; }
.blog-sidebar__panel { min-width: 0; padding: 1.25rem; border: 1px solid #d0d0cd; background: #fff; }
.blog-sidebar__panel h2 { margin: 0 0 1.1rem; font-size: 1.2rem; font-weight: 400; line-height: 1.25; letter-spacing: .015em; }
.blog-sidebar__panel p { margin: 0 0 1.15rem; color: var(--color-text-muted); font-size: .95rem; line-height: 1.65; }
.blog-sidebar__intro,
.blog-sidebar__about { text-align: center; }
.blog-sidebar__about img { display: block; width: 100%; height: auto; margin-bottom: 1rem; }
.blog-sidebar__button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: .65rem 1.5rem;
  border: 1px solid var(--color-ink);
  border-radius: 0;
  color: var(--color-ink);
  background: #fff;
  font-size: 1rem;
  text-decoration: none;
  white-space: nowrap;
}
.blog-sidebar__button:hover { color: #fff; background: var(--color-ink); }
.blog-sidebar__latest { display: grid; gap: .6rem; list-style: none; margin: 0; padding: 0; }
.blog-sidebar__latest a { display: block; padding: .85rem; background: #f3f3f1; color: var(--color-ink); font-size: .95rem; line-height: 1.5; text-decoration: none; }
.blog-sidebar__latest a:hover { text-decoration: underline; text-underline-offset: .2em; }
#blog-recommendations-title { text-transform: uppercase; letter-spacing: .06em; }
.blog-products { position: relative; container-type: inline-size; }
.blog-products__viewport { overflow: hidden; }
.blog-products__track { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.blog-products.is-loop-ready .blog-products__track { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - 1rem) / 2); }
.blog-products__card { display: block; min-width: 0; color: var(--color-ink); text-align: center; text-decoration: none; }
.blog-products__card img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: contain; margin-bottom: 1rem; }
.blog-products__card span { display: block; font-size: 1rem; line-height: 1.6; overflow-wrap: anywhere; }
.blog-products__card:hover span { text-decoration: underline; text-underline-offset: .2em; }
.blog-products__controls:not([hidden]) { display: block; }
/* Arrows sit at the image midline, independent of the product-name length. */
.blog-products__controls button { position: absolute; top: calc((100cqw - 1rem) / 3); transform: translateY(-50%); display: grid; width: 44px; height: 44px; padding: 0; place-items: center; border: 0; border-radius: 0; background: rgba(255,255,255,.94); color: var(--color-ink); cursor: pointer; }
.blog-products__controls [data-blog-previous] { left: 0; }
.blog-products__controls [data-blog-next] { right: 0; }
.blog-products__controls button:hover { color: #79553b; }
.blog-products__controls .fi { display: inline-flex; font-size: 1.6rem; }
.blog-single :is(a,button,summary):focus-visible { outline: 2px solid #9d7353; outline-offset: 3px; }
.blog-toc { margin: 1.75rem 0; border: 1px solid #777; background: #f5f5f3; }
.blog-toc summary { display: flex; gap: .65rem; align-items: center; padding: 1rem; cursor: pointer; list-style: none; font-size: 1.35rem; line-height: 1.35; }
.blog-toc summary::-webkit-details-marker { display: none; }
.blog-toc summary .fi:last-child { margin-left: auto; }
.blog-toc[open] summary .fi:last-child { transform: rotate(90deg); }
.blog-toc nav { padding: 0 1.25rem 1.25rem; }
.blog-toc ol { margin: 0; padding-left: 1.5rem; }
.blog-toc ol ol { margin-top: .4rem; }
.blog-toc li + li { margin-top: .4rem; }
.blog-toc a { color: var(--color-ink); font-size: 1rem; line-height: 1.5; text-decoration: none; }
.blog-toc a:hover { text-decoration: underline; text-underline-offset: .2em; }
.blog-article__content .blog-toc + :is(h2,h3) { margin-top: 1.25rem; }
@media (max-width: 1023px) {
  .blog-single .blog-article__layout { grid-template-columns: minmax(0, 1fr); }
  .blog-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .blog-single .blog-article__header h1 { font-size: clamp(1.65rem, 3.8vw, 2.5rem); }
}
@media (max-width: 600px) {
  .blog-single .blog-article__header-inner.shell,
  .blog-single .blog-article__layout { width: calc(100% - 2rem); }
  .blog-single .blog-article__header-inner.shell { padding: 1.75rem 0; }
  .blog-single .blog-article__layout { padding-block: 1.5rem; }
  .blog-single .blog-breadcrumbs { margin-bottom: 1rem; }
  .blog-single .blog-article__meta { flex-direction: column; align-items: start; }
  .blog-article__date { padding-left: 0; border-left: 0; }
  .blog-sidebar { grid-template-columns: minmax(0, 1fr); }
  .blog-toc summary { font-size: 1.2rem; }
  .blog-toc nav { padding-inline: .75rem; }
}