/*
 * Standard CBD homepage visual pass — T light direction.
 *
 * Safety contract:
 * - This asset is linked only by front-page post 77005513.
 * - Every content selector is rooted at .std-home.
 * - Chrome overrides require body.home.
 * - No PDP, Woo form, cart, checkout, account, media-controller, or ATC
 *   selector is present in this file.
 */

body.home {
  background:#fdfbf5;
}

body.home #falconMain {
  background:#fdfbf5;
}

body.home #falconMain .std-home {
  --bg:#fdfbf5;
  --bg-2:#f7f2e7;
  --surface:#ffffff;
  --surface-2:#f3ead8;
  --line:#e8e0ce;
  --line-2:#d9cdb5;
  --ink:#161310;
  --ink-mid:#5f574c;
  --ink-dim:#887d6c;
  --gold:#e9b949;
  --gold-bright:#f3d27e;
  --gold-deep:#c79a2e;
  --gold-glow:rgba(233,185,73,.3);
  --media-bg:#f7f2e7;
  --section-deep:#201b16;
  --display:"DM Serif Display",Georgia,"Times New Roman",serif;
  background:var(--bg);
  color:var(--ink);
}

/* Homepage chrome keeps every existing link, icon, cart badge and mobile menu. */
body.home .std-announcement {
  --ink:#161310;
  --ink-mid:#3f3526;
  --gold:#7a5912;
  --gold-bright:#161310;
  border-bottom-color:rgba(122,89,18,.28);
  background:linear-gradient(90deg,#d8a932,#f3d27e 50%,#d8a932);
  color:var(--ink-mid);
}

body.home .std-announcement b,
body.home .std-announcement .code {
  color:#161310;
}

body.home .std-announcement .code {
  border-color:rgba(22,19,16,.28);
  background:rgba(255,255,255,.22);
}

body.home .std-announcement .sep {
  color:#6f5010;
}

body.home .std-header,
body.home .std-header.is-stuck {
  --ink:#161310;
  --ink-mid:#5f574c;
  --ink-dim:#887d6c;
  --line:#e8e0ce;
  --line-2:#d9cdb5;
  --surface:#ffffff;
  --surface-2:#f7f2e7;
  --gold:#c79a2e;
  --gold-bright:#e9b949;
  color:var(--ink);
  background-color:rgba(253,251,245,.96) !important;
  background-image:none !important;
  box-shadow:0 14px 38px -30px rgba(22,19,16,.5);
}

body.home .std-header::after {
  background:linear-gradient(90deg,transparent 4%,rgba(199,154,46,.2) 25%,#e9b949 50%,rgba(199,154,46,.2) 75%,transparent 96%);
}

body.home .std-header .std-logo img {
  filter:brightness(0) saturate(100%);
}

body.home .std-header .std-nav a,
body.home .std-header .std-iconbtn {
  color:#4f483e;
}

body.home .std-header .std-nav a:hover,
body.home .std-header .std-iconbtn:hover {
  color:#161310;
}

body.home .std-header .std-nav a::after {
  background:linear-gradient(90deg,#c79a2e,#e9b949);
}

body.home .std-mobile-nav {
  background:rgba(253,251,245,.99);
  border-color:#e8e0ce;
  box-shadow:0 24px 46px -30px rgba(22,19,16,.45);
}

body.home .std-mobile-nav a {
  border-color:#e8e0ce;
  background:#fff;
  color:#3c362f;
}

body.home .std-mobile-nav a:hover,
body.home .std-mobile-nav a:focus-visible {
  border-color:#c79a2e;
  background:#f7f2e7;
  color:#161310;
}

body.home .std-cart-count {
  background:linear-gradient(180deg,#f3d27e,#e9b949);
  color:#161310;
}

/* Type, spacing and interaction language from the supplied light concept. */
.std-home .std-display,
.std-home .std-h2,
.std-home .std-mission-statement,
.std-home .std-bigquote,
.std-home .std-close h2,
.std-home .std-feature-body h3,
.std-home .std-card h3,
.std-home .std-benefit h3 {
  font-family:var(--display);
  font-weight:400;
  letter-spacing:-.025em;
}

.std-home .std-h2 {
  font-size:clamp(2.2rem,4.5vw,4rem);
  line-height:1.02;
}

.std-home .std-h2 em,
.std-home .std-display em,
.std-home .std-mission-statement em {
  color:#b8891f;
}

.std-home .std-lede {
  color:var(--ink-mid);
}

.std-home .std-sec {
  padding:clamp(4.5rem,8vw,7.5rem) 0;
}

.std-home .std-btn {
  min-height:48px;
  border-radius:999px;
  padding:.9rem 1.55rem;
  font-weight:750;
}

.std-home .std-btn-primary {
  border-color:#d7a42f;
  background:linear-gradient(180deg,#f3d27e 0%,#e9b949 55%,#d9a72f 100%);
  color:#161310;
  box-shadow:0 14px 30px -18px rgba(126,89,13,.65);
}

.std-home .std-btn-primary:hover {
  background:linear-gradient(180deg,#f8dda0,#edc35d);
  color:#161310;
}

.std-home .std-btn-ghost {
  border-color:#cfc3aa;
  background:rgba(255,255,255,.72);
  color:#2b2722;
}

.std-home .std-btn-ghost:hover {
  border-color:#c79a2e;
  background:#fff;
  color:#161310;
}

/* Light two-column hero. Existing homepage scripts remain loaded; decorative
   dark-scene layers are simply retired for this page. */
.std-home .std-hero {
  min-height:auto;
  padding:clamp(3rem,6vw,5.5rem) 0 clamp(3.5rem,7vw,6rem);
  background:
    radial-gradient(circle at 12% 10%,rgba(233,185,73,.18),transparent 30%),
    linear-gradient(180deg,#fffdf8 0%,#f7f2e7 100%);
  color:#161310;
}

.std-home .std-hero-bg,
.std-home .std-hero-grad,
.std-home .std-hero-grain,
.std-home .std-hero-spotlight,
.std-home .std-hero-particles,
.std-home .std-meteor,
.std-home .std-scrollcue {
  display:none!important;
}

body.std #falconMain .std-home .std-hero-inner {
  grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);
  gap:clamp(2.5rem,6vw,6.5rem);
  align-items:center;
  padding-bottom:0;
}

.std-home .std-hero-copy {
  grid-column:1;
  grid-row:1;
  justify-self:start;
  max-width:640px;
}

.std-home .std-hero-side {
  grid-column:2;
  grid-row:1;
  min-height:620px;
}

.std-home .std-hero-copy h1,
.std-home .std-hero-copy .std-hero-sub,
.std-home .std-hero-flag {
  text-shadow:none;
}

.std-home .std-hero-flag {
  margin-bottom:1.25rem;
  color:#725d2f;
  font-size:.76rem;
  font-weight:750;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.std-home .std-hero-flag .tick {
  background:#e9b949;
  box-shadow:0 0 0 5px rgba(233,185,73,.16);
}

.std-home .std-hero h1 {
  max-width:12ch;
  margin-bottom:1.25rem;
  color:#161310;
  font-family:var(--display);
  font-size:clamp(3.3rem,6.2vw,6.2rem);
  font-weight:400;
  line-height:.94;
  letter-spacing:-.035em;
}

.std-home .std-hero-sub {
  max-width:52ch;
  margin-bottom:1.25rem;
  color:#5f574c;
  font-size:clamp(1rem,1.35vw,1.15rem);
  line-height:1.7;
}

.std-home .std-hero-rating {
  margin-bottom:1.4rem;
}

.std-home .std-hero-rating .stars {
  color:#c79217;
}

.std-home .std-hero-rating .lbl {
  color:#5f574c;
}

.std-home .std-hero-cta {
  gap:.75rem;
}

.std-home .std-hero-trust {
  margin-top:1.5rem;
}

body.std #falconMain .std-home .std-trust-icons {
  display:flex;
  justify-content:flex-start;
  gap:.55rem;
}

body.std #falconMain .std-home .std-trust-ico {
  min-width:0;
  flex:0 0 auto;
  flex-direction:row;
  gap:.38rem;
  padding:.42rem .65rem;
  border:1px solid #ded4bf;
  border-radius:999px;
  background:rgba(255,255,255,.7);
}

.std-home .std-trust-ring {
  width:22px;
  height:22px;
  border:0;
  background:transparent;
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}

.std-home .std-trust-ring::after {
  display:none;
}

.std-home .std-trust-ring svg {
  width:16px;
  height:16px;
  stroke:#a57916;
}

.std-home .std-trust-ico:hover .std-trust-ring {
  transform:none;
  border:0;
  box-shadow:none;
}

body.home.std #falconMain .std-home .std-trust-lbl {
  min-height:0;
  color:#4f483e;
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.045em;
}

.std-home-stage {
  position:relative;
  min-height:620px;
  height:100%;
  overflow:hidden;
  border:1px solid #d9cdb5;
  border-radius:28px;
  background:#1e2a20;
  box-shadow:0 32px 70px -38px rgba(22,19,16,.5);
}

.std-home-stage::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 42%,rgba(13,18,14,.42) 100%);
  pointer-events:none;
}

.std-home-stage-photo {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.std-home-stage-chip {
  position:absolute;
  z-index:3;
  top:1.25rem;
  left:1.25rem;
  padding:.48rem .78rem;
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  background:rgba(20,25,20,.66);
  color:#fff9e8;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

.std-home-stage-product {
  position:absolute;
  z-index:2;
  right:4%;
  bottom:3%;
  width:44%;
  height:auto;
  aspect-ratio:1;
  display:block;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:rotate(1deg);
  animation:stdHomeFloat 6s ease-in-out infinite;
}

.std-home-stage-product img {
  width:100%;
  max-width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  filter:drop-shadow(0 22px 25px rgba(0,0,0,.5));
}

@keyframes stdHomeFloat {
  0%,100% { transform:translateY(0) rotate(1.5deg); }
  50% { transform:translateY(-8px) rotate(.5deg); }
}

.std-home .std-hero-review {
  left:-1.8rem;
  bottom:1.5rem;
  width:min(340px,58%);
  padding:1rem 1.15rem;
  border-color:rgba(255,255,255,.82);
  background:rgba(255,253,247,.94);
  box-shadow:0 26px 48px -28px rgba(0,0,0,.68);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}

.std-home .std-hero-review::before {
  background:linear-gradient(90deg,transparent,#e9b949,transparent);
}

.std-home .rv-stars,
.std-home .rv-tag {
  color:#a57916;
}

.std-home .rv-quote,
.std-home .rv-who strong {
  color:#161310;
}

.std-home .rv-who {
  color:#6b6256;
}

.std-home .rv-tag {
  border-color:rgba(199,154,46,.35);
}

/* Proof strip and the visual-only marquee preserve the current destinations
   and the WooCommerce-derived shipping threshold. */
body.home.std #falconMain .std-home .std-proof {
  border-color:#e0d5bf;
  background:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

body.home.std #falconMain .std-home .std-proof-item {
  color:#403a33;
}

body.home.std #falconMain .std-home .std-proof-item svg {
  stroke:#b8891f;
}

.std-home-marquee {
  overflow:hidden;
  border-bottom:1px solid #d7a42f;
  background:linear-gradient(90deg,#dbaa32,#f1cc6b 50%,#dbaa32);
  color:#161310;
}

.std-home-marquee-track {
  display:flex;
  width:max-content;
  animation:stdHomeMarquee 28s linear infinite;
}

.std-home-marquee span {
  display:inline-flex;
  align-items:center;
  gap:1.25rem;
  padding:.78rem 1.45rem;
  font-size:.75rem;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}

.std-home-marquee i {
  font-style:normal;
  font-size:.62rem;
}

@keyframes stdHomeMarquee {
  to { transform:translateX(-50%); }
}

/* Dynamic category rail: retain Woo-owned links and turn the eight live
   categories into the compact pills used by the supplied direction. */
.std-home .std-category-rail {
  padding:clamp(3.5rem,6vw,5rem) 0;
  border-color:#e8e0ce;
  background:
    radial-gradient(circle at 12% 0,rgba(233,185,73,.15),transparent 28%),
    #f7f2e7;
}

.std-home .std-category-rail::before {
  opacity:.35;
  background-image:linear-gradient(rgba(22,19,16,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(22,19,16,.025) 1px,transparent 1px);
}

.std-home .std-category-head .std-eyebrow,
.std-home .std-category-all {
  color:#9d7418;
}

.std-home .std-category-head {
  margin-bottom:1.75rem;
}

.std-home .std-category-track {
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:.75rem;
}

.std-home .std-category-card {
  min-width:0;
  min-height:54px;
  aspect-ratio:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  border-radius:999px;
  border-color:#e1d6c0;
  background:#fff;
  box-shadow:0 22px 42px -34px rgba(22,19,16,.42);
}

.std-home .std-category-card__media,
.std-home .std-category-card__shade {
  display:none;
}

.std-home .std-category-card__description {
  display:none;
}

body.std #falconMain .std-home .std-category-card__body {
  position:static;
  width:auto;
  min-height:0;
  padding:.8rem 1.05rem;
  text-align:center;
}

.std-home .std-category-card strong {
  color:#161310;
  font-size:.86rem;
  font-weight:750;
  line-height:1.2;
}

.std-home .std-category-card__meta {
  display:none;
}

.std-home .std-category-card__arrow {
  border-color:#d9cdb5;
  color:#9d7418;
}

/* Product, feature and difference cards keep their current links/data and gain
   the supplied warm ecommerce treatment. */
.std-home > .std-sec,
.std-home .std-reviews,
.std-home .std-social {
  background:#fdfbf5;
}

.std-home .std-cat-head {
  margin-bottom:2.4rem;
}

.std-home .std-cat-link,
.std-home .std-card-go,
.std-home .std-rank,
.std-home .std-feature-cat,
.std-home .std-card-cat,
.std-home .std-price,
.std-home .std-card-price {
  color:#9d7418;
}

.std-home .std-feature,
.std-home .std-card,
.std-home .std-benefit {
  border-color:#e1d6c0;
  background:#fff;
  box-shadow:0 18px 40px -34px rgba(22,19,16,.34);
}

.std-home .std-feature {
  border-radius:24px;
}

.std-home .std-card,
.std-home .std-benefit {
  border-radius:18px;
}

.std-home .std-feature:hover,
.std-home .std-card:hover,
.std-home .std-benefit:hover {
  border-color:rgba(199,154,46,.55);
  box-shadow:0 24px 48px -32px rgba(22,19,16,.32),0 0 0 1px rgba(233,185,73,.42);
}

.std-home .std-feature-media,
.std-home .std-card-media {
  background:
    radial-gradient(ellipse 75% 60% at 50% 100%,rgba(233,185,73,.18),transparent 65%),
    #f7f2e7;
}

.std-home .std-feature-body h3,
.std-home .std-card h3,
.std-home .std-benefit h3 {
  color:#161310;
}

.std-home .std-feature-desc,
.std-home .std-card-for,
.std-home .std-benefit p {
  color:#625a4f;
}

.std-home .std-benefits-sec {
  margin-top:0;
  padding-top:clamp(4rem,7vw,6.5rem);
  border-top:1px solid #e8e0ce;
  background:#f7f2e7;
}

.std-home .std-benefit-ico {
  border-color:#e0d1b2;
  background:#f7f2e7;
  box-shadow:none;
}

/* Keep one dark, high-contrast moment like T's blend band. */
.std-home .std-ko {
  --ink:#fffaf0;
  --ink-mid:#d4c9b7;
  --line:rgba(255,255,255,.12);
  --gold:#e9b949;
  --gold-bright:#f3d27e;
  border-color:rgba(233,185,73,.24);
  background:
    radial-gradient(circle at 50% 0,rgba(233,185,73,.16),transparent 45%),
    linear-gradient(180deg,#201b16,#15120f);
  color:#fffaf0;
}

.std-home .std-ko .std-h2,
.std-home .std-ko p {
  color:#fffaf0;
}

.std-home .std-ko p {
  color:#d4c9b7;
}

.std-home .std-ko-chip {
  border-color:rgba(233,185,73,.38);
  background:rgba(233,185,73,.08);
  color:#f3d27e;
}

/* Turn the existing mission heading into a photographic story card without
   adding a second content source or changing its link. */
.std-home .std-mission {
  border-color:#e8e0ce;
  background:#fff;
}

.std-home .std-mission::before {
  background:radial-gradient(circle at 82% 15%,rgba(233,185,73,.12),transparent 35%);
}

.std-home .std-mission-statement {
  min-height:480px;
  display:flex;
  align-items:flex-end;
  padding:clamp(1.5rem,4vw,2.5rem);
  overflow:hidden;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(13,18,14,.02) 28%,rgba(13,18,14,.84) 100%),
    url("../generated/humboldt-hero-v1.webp") center/cover no-repeat;
  color:#fff;
  box-shadow:0 28px 58px -38px rgba(22,19,16,.55);
}

.std-home .std-mission-body p,
.std-home .std-checks li {
  color:#625a4f;
}

.std-home .std-checks strong {
  color:#161310;
}

.std-home .std-checks svg {
  color:#b8891f;
}

.std-home .std-reviews {
  border-color:#e8e0ce;
  background:#f7f2e7;
}

.std-home .std-social {
  border-color:#e8e0ce;
  background:#fff;
}

.std-home .std-social-tile {
  border-color:#e1d6c0;
  background:#f7f2e7;
}

.std-home .std-close {
  border-color:#d9cdb5;
  background:
    radial-gradient(circle at 50% 0,rgba(233,185,73,.2),transparent 42%),
    #f7f2e7;
}

.std-home .std-close p {
  color:#625a4f;
}

/* Footer remains deliberately dark, but picks up the warmer T spacing/color
   language while preserving its real signup and legal links. */
body.home .std-foot {
  border-top-color:rgba(233,185,73,.28);
  background:
    radial-gradient(70% 90% at 50% 0,rgba(233,185,73,.06),transparent 58%),
    #17130f;
}

body.home .std-foot h4 {
  color:#e9b949;
}

body.home .std-foot li a:hover,
body.home .std-foot-social a:hover {
  color:#f3d27e;
}

@media (max-width:1080px) {
  body.std #falconMain .std-home .std-hero-inner {
    grid-template-columns:minmax(0,.88fr) minmax(390px,1.12fr);
    gap:2.5rem;
  }

  .std-home .std-hero-side,
  .std-home-stage {
    min-height:560px;
  }

  .std-home .std-category-track {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:980px) {
  body.std #falconMain .std-home .std-hero-inner {
    grid-template-columns:1fr;
    gap:2rem;
  }

  .std-home .std-hero-copy,
  .std-home .std-hero-side {
    grid-column:1;
  }

  .std-home .std-hero-copy {
    grid-row:1;
    justify-self:stretch;
    max-width:none;
    text-align:center;
  }

  .std-home .std-hero-side {
    grid-row:2;
    min-height:540px;
  }

  .std-home .std-hero h1,
  .std-home .std-hero-sub {
    margin-left:auto;
    margin-right:auto;
  }

  .std-home .std-hero-flag,
  .std-home .std-hero-rating,
  body.std #falconMain .std-home .std-trust-icons {
    justify-content:center;
  }

  .std-home .std-hero-cta {
    justify-content:center;
  }

  .std-home .std-hero-review {
    position:absolute;
    left:1rem;
    bottom:1rem;
    width:min(340px,58%);
    margin:0;
  }
}

@media (max-width:780px) {
  .std-home .std-hero {
    padding:2.5rem 0 3.25rem;
  }

  .std-home .std-hero h1 {
    max-width:11ch;
    font-size:clamp(3rem,15vw,4.5rem);
  }

  body.std #falconMain .std-home .std-hero-cta {
    width:min(100%,330px);
  }

  body.std #falconMain .std-home .std-trust-icons {
    display:flex;
    width:min(100%,430px);
    gap:.45rem;
  }

  body.std #falconMain .std-home .std-trust-ico {
    width:auto;
    flex:0 0 auto;
    grid-column:auto;
  }

  .std-home .std-hero-side {
    min-height:0;
  }

  .std-home-stage {
    min-height:500px;
  }

  .std-home-stage {
    border-radius:20px;
  }

  .std-home-stage-product {
    right:4%;
    bottom:4%;
    width:52%;
    height:auto;
  }

  .std-home .std-hero-review {
    position:absolute;
    left:1rem;
    right:auto;
    bottom:1rem;
    width:min(340px,58%);
    max-width:none;
    margin:0;
    z-index:5;
  }

  /* FALCON_MOBILE_CATEGORY_STACK_START: keep every category visible without a swipe. */
  body.std #falconMain .std-home .std-category-track {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.65rem;
    overflow-x:visible;
    margin-right:0;
    margin-left:0;
    padding:.25rem 0 .8rem;
    scroll-snap-type:none;
  }

  body.std #falconMain .std-home .std-category-card {
    min-width:0;
    min-height:50px;
    aspect-ratio:auto;
    scroll-snap-align:none;
  }
  /* FALCON_MOBILE_CATEGORY_STACK_END */

  .std-home .std-mission-statement {
    min-height:400px;
  }
}

@media (max-width:560px) {
  .std-home .std-hero {
    padding-top:2rem;
  }

  .std-home .std-hero h1 {
    font-size:clamp(2.75rem,14vw,3.75rem);
  }

  .std-home .std-hero-flag {
    letter-spacing:.07em;
    line-height:1.5;
  }

  body.std #falconMain .std-home .std-trust-icons {
    justify-content:center;
  }

  .std-home .std-hero-side {
    min-height:0;
  }

  .std-home-stage {
    min-height:clamp(430px,92vw,520px);
  }

  .std-home-stage-chip {
    top:.85rem;
    left:.85rem;
    font-size:.62rem;
  }

  .std-home-stage-product {
    right:3%;
    bottom:38%;
    width:56%;
    height:auto;
  }

  .std-home .std-hero-review {
    left:.75rem;
    right:.75rem;
    bottom:.75rem;
    width:auto;
    padding:.75rem .85rem;
  }

  .std-home .rv-quote {
    font-size:.78rem;
    line-height:1.35;
  }

  .std-home .rv-who {
    font-size:.68rem;
  }

  .std-home .rv-tag {
    margin-top:.35rem;
  }

  .std-home .std-feature,
  .std-home .std-card,
  .std-home .std-benefit {
    border-radius:16px;
  }

  .std-home .std-mission-statement {
    min-height:360px;
    border-radius:18px;
  }
}

@media (max-width:380px) {
  .std-home .std-hero-side {
    min-height:0;
  }

  .std-home-stage {
    min-height:430px;
  }

  body.home.std #falconMain .std-home .std-trust-lbl {
    font-size:.56rem;
  }
}

@media (prefers-reduced-motion:reduce) {
  .std-home-stage-product,
  .std-home-marquee-track {
    animation:none;
  }
}

/* Falcon: StandardCBD closing band, 2026-08-12. */
.sx-close{
  /* site tokens first, hard fallbacks second */
  --c-bg:var(--bg,#FDFBF5);
  --c-bg2:var(--bg-2,#F7F2E7);
  --c-gold:var(--gold,#E9B949);
  --c-gold-soft:var(--gold-bright,#F3D27E);
  --c-gold-deep:var(--gold-deep,#C79A2E);
  --c-ink:var(--ink,#161310);
  --c-ink-mid:var(--ink-mid,#6E6455);
  --c-line:var(--line,#E8E0CE);
  --c-media:var(--media-bg,#F7F2E7);
  --c-display:var(--display,"DM Serif Display",Georgia,serif);
  --c-sans:var(--sans,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif);

  position:relative;
  border-top:1px solid var(--c-line);
  background:
    radial-gradient(ellipse 52% 74% at 84% 26%, var(--gold-glow,rgb(233 185 73 / .28)) 0%, transparent 64%),
    linear-gradient(180deg,var(--c-bg) 0%,var(--c-bg2) 100%);
  overflow:hidden;             /* guards against any child dragging the page sideways */
}
.sx-close *,.sx-close *::before,.sx-close *::after{box-sizing:border-box}

.sx-close-grid{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:clamp(2rem,5vw,4.6rem);
}

/* ── photo stack ──────────────────────────────────────────────────────── */
.sx-close-media{
  position:relative;
  width:min(100%,25.5rem);
  justify-self:center;
  padding:0 0 3.2rem 2.6rem;
}
.sx-close-shot{
  margin:0;border-radius:20px;overflow:hidden;
  border:1px solid var(--c-line);background:var(--c-media);
}
/* width/height on the <img> keep CLS at 0 before the file lands */
.sx-close-shot img{display:block;width:100%;height:auto}
.sx-close-shot--lead{box-shadow:0 30px 64px -30px rgb(22 19 16 / .5)}
.sx-close-shot--inset{
  position:absolute;left:0;bottom:0;width:47%;
  border-radius:15px;outline:6px solid var(--c-bg);
  box-shadow:0 22px 44px -20px rgb(22 19 16 / .55);
}

/* guarantee seal riding the corner */
.sx-close-seal{
  position:absolute;top:-.85rem;right:-.85rem;z-index:2;
  width:5.6rem;height:5.6rem;border-radius:50%;
  background:linear-gradient(180deg,var(--c-gold-soft),var(--c-gold));
  color:#231A05;display:grid;place-content:center;text-align:center;
  border:3px solid var(--c-bg);
  box-shadow:0 14px 30px -12px rgb(22 19 16 / .6);
}
.sx-close-seal b{display:block;font:800 21px/1 var(--c-sans);letter-spacing:-.01em}
.sx-close-seal i{
  display:block;font:800 8.5px/1.25 var(--c-sans);font-style:normal;
  letter-spacing:.13em;text-transform:uppercase;margin-top:.2rem;
}

/* ── copy ─────────────────────────────────────────────────────────────── */
.sx-close-copy{max-width:34rem}
/* .std-ko-eyebrow is only styled inside .std-ko upstream — restate locally */
.sx-close-copy .sx-close-eyebrow{
  margin:0;font:800 12.5px/1 var(--c-sans);
  letter-spacing:.16em;text-transform:uppercase;color:var(--c-gold-deep);
}
.sx-close-copy h2{
  font-family:var(--c-display);font-weight:400;
  font-size:clamp(30px,4.3vw,46px);line-height:1.06;letter-spacing:-.025em;
  color:var(--c-ink);margin:.7rem 0 0;max-width:15ch;text-wrap:balance;
}
.sx-close-copy h2 em{font-style:italic;color:var(--c-gold-deep)}
.sx-close-lede{margin:1rem 0 0;color:var(--c-ink-mid);line-height:1.62;max-width:47ch}

/* stable featured-product context (no hard-coded price/rating) */
.sx-close-proof{
  display:flex;align-items:center;flex-wrap:wrap;gap:.55rem .9rem;
  margin:1.5rem 0 0;padding:.85rem 1.05rem;width:fit-content;
  background:var(--c-bg);border:1px solid var(--c-line);border-radius:14px;
  box-shadow:0 6px 18px -14px rgb(22 19 16 / .5);
}
.sx-close-proof .rt{font-weight:800;font-size:14.5px;color:var(--c-ink)}
.sx-close-proof .ct{font-size:13.5px;color:var(--c-ink-mid)}
.sx-close-proof .dv{width:1px;height:17px;background:var(--c-line)}

.sx-close-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.6rem 0 0}
.sx-close-cta .std-btn{white-space:nowrap}
.sx-close-cta .ar{display:inline-block}
@media (prefers-reduced-motion:no-preference){
  .sx-close-cta .ar{transition:transform .18s ease}
  .sx-close-cta .std-btn:hover .ar{transform:translateX(3px)}
}

/* ── trust row ────────────────────────────────────────────────────────── */
.sx-close-trust{
  list-style:none;margin:1.9rem 0 0;padding:1.35rem 0 0;
  border-top:1px solid var(--c-line);display:grid;gap:.68rem;
}
.sx-close-trust li{
  display:flex;align-items:flex-start;gap:.62rem;
  font-size:14.5px;line-height:1.45;color:var(--c-ink-mid);
}
.sx-close-trust svg{
  width:17px;height:17px;flex:none;margin-top:.12em;
  fill:none;stroke:var(--c-gold-deep);stroke-width:2.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.sx-close-trust b{color:var(--c-ink);font-weight:700}
.sx-close-trust a{color:var(--c-gold-deep);font-weight:700;text-underline-offset:.16em}
.sx-close-trust a:hover{text-decoration-thickness:2px}

.sx-close-legal{
  margin:1.5rem 0 0;font-size:11.5px;line-height:1.55;
  color:var(--c-ink-mid);max-width:56ch;opacity:.85;
}

/* ── responsive ───────────────────────────────────────────────────────── */
@media (max-width:940px){
  .sx-close-grid{grid-template-columns:1fr;gap:2.6rem;text-align:center}
  .sx-close-copy{max-width:none;margin-inline:auto}
  .sx-close-copy h2,.sx-close-lede{max-width:none;margin-inline:auto}
  .sx-close-proof{margin-inline:auto}
  .sx-close-cta{justify-content:center}
  .sx-close-trust{text-align:left;max-width:30rem;margin-inline:auto}
  .sx-close-legal{margin-inline:auto;text-align:left}
  .sx-close-media{order:-1;width:min(100%,22rem)}
}
@media (max-width:640px){
  .sx-close-media{width:min(100%,17.5rem);padding:0 0 2.2rem 1.7rem}
  .sx-close-cta{flex-direction:column;align-items:stretch}
  .sx-close-cta .std-btn{width:100%;justify-content:center}
  .sx-close-seal{width:4.4rem;height:4.4rem;top:-.6rem;right:-.5rem}
  .sx-close-seal b{font-size:17px}
  .sx-close-seal i{font-size:7.5px}
  .sx-close-proof{width:100%;justify-content:center}
}
