/* Final refinements requested for the v47 review. Loaded after site-2026.css. */
.page-home .home-about--identity .home-about__visual figcaption { display: none !important; }
.page-home .home-about--identity .home-about__story-image {
  height: 100% !important;
  filter: saturate(.98) contrast(1.06) brightness(1.01) !important;
}

.page-home .portal-card figure img.portal-card__mood {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: none !important;
  filter: saturate(.98) contrast(1.08) brightness(1.02) !important;
}
.page-home .portal-card--beauty figure img.portal-card__mood { object-position: 66% center !important; }
.page-home .portal-card--wellness figure img.portal-card__mood { object-position: 30% center !important; }
.page-home .portal-card figure::after {
  background: linear-gradient(90deg, rgba(20,34,28,.70) 0%, rgba(20,34,28,.24) 36%, transparent 69%) !important;
}
.page-home .portal-card--beauty figure::after {
  background: linear-gradient(90deg, rgba(52,31,39,.68) 0%, rgba(52,31,39,.20) 36%, transparent 68%) !important;
}
.page-home .portal-card__copy {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 1fr auto !important;
  gap: clamp(16px, 1.4vw, 24px) !important;
}
.page-home .portal-card__copy h3 {
  grid-column: 1 !important;
  grid-row: 2 !important;
  align-self: end !important;
  font-size: clamp(34px, 3.25vw, 56px) !important;
  font-weight: 470 !important;
  line-height: 1.04 !important;
  text-shadow: 0 2px 22px rgba(0,0,0,.30) !important;
}
.page-home .portal-card__cta {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: end !important;
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 168px !important;
  min-height: 54px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: 999px !important;
  color: #17372d !important;
  background: rgba(255,253,249,.94) !important;
  box-shadow: 0 12px 28px rgba(12,26,21,.18) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  backdrop-filter: blur(12px) !important;
  transition: transform .3s var(--ease), background .3s var(--ease) !important;
}
.page-home .portal-card__cta i { font-size: 19px !important; }
.page-home .portal-card:hover .portal-card__cta { transform: translate(3px,-3px); background: #fff !important; }
.page-home .portal-card:hover img.portal-card__mood {
  filter: saturate(1) contrast(1.09) brightness(1.025) !important;
}
.page-home .purchase-fab { display: none !important; }

/* Purchase cards: let the photography fill the rounded frame and fade the
   selected outline instead of changing its physical width. */
.purchase-layer .purchase-option {
  position: relative !important;
  outline: 0 !important;
  transition: transform .42s var(--ease), box-shadow .42s var(--ease) !important;
}
.purchase-layer .purchase-option figure {
  inset: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}
.purchase-layer .purchase-option img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1.01) !important;
  transition: transform .7s var(--ease), filter .7s var(--ease) !important;
}
.purchase-layer .purchase-option::after {
  content: "";
  position: absolute;
  z-index: 5;
  inset: 4px;
  border: 3px solid rgba(209,139,162,.92);
  border-radius: clamp(20px, 2vw, 28px);
  opacity: 0;
  transform: scale(.994);
  box-shadow: 0 0 0 1px rgba(255,255,255,.32) inset;
  pointer-events: none;
  transition: opacity .48s ease, transform .58s var(--ease) !important;
}
.purchase-layer .purchase-option:is(:hover, :focus-visible, .is-highlighted) {
  outline: 0 !important;
  transform: translateY(-2px) !important;
}
.purchase-layer .purchase-option:is(:hover, :focus-visible, .is-highlighted)::after {
  opacity: 1;
  transform: scale(1);
}
.purchase-layer .purchase-option:is(:hover, :focus-visible) img {
  transform: scale(1.045) !important;
}
.purchase-layer .purchase-option--beauty img { object-position: center 54% !important; }
.purchase-layer .purchase-option--wellness img { object-position: center 61% !important; }
.purchase-layer .purchase-drawer__head h2 {
  margin-top: 0 !important;
  font-size: clamp(32px, 2.35vw, 42px) !important;
  font-weight: 520 !important;
  letter-spacing: -.045em !important;
}
.purchase-layer .purchase-option strong { margin: 0 0 9px !important; }
.purchase-layer .purchase-option .purchase-option__cta {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
  gap: 9px !important;
  min-height: 30px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  letter-spacing: -.01em !important;
}
.purchase-layer .purchase-option .purchase-option__cta em {
  color: inherit !important;
  font-size: inherit !important;
  font-style: normal !important;
  opacity: 1 !important;
}
.purchase-layer .purchase-option .purchase-option__cta i {
  position: static !important;
  display: grid !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.94) !important;
  color: var(--green) !important;
  font-size: 15px !important;
  font-style: normal !important;
  transition: transform .35s var(--ease), background .35s ease !important;
}
.purchase-layer .purchase-option:is(:hover, :focus-visible) .purchase-option__cta i {
  transform: translate(2px,-2px) !important;
  background: #fff !important;
}

.page-beauty .hero-full .beauty-hero__visual { overflow: hidden !important; }
.page-beauty .hero-full .cinematic-hero-film {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transform: scale(1.16) !important;
  object-position: center center !important;
}

/* Title-system alignment. Large display faces carry unequal invisible
   side-bearings, so each optical offset aligns the visible first stroke with
   its eyebrow instead of merely aligning the text boxes. */
.page-home .home-about__copy h2 { margin-left: -.075em !important; }
.page-home .home-products__intro h2 { margin-left: -.029em !important; }
.page-beauty .hero-full .beauty-hero__copy h1 { margin-left: -.032em !important; }
body.page.page-beauty .product-profile__copy h2 { margin-left: -.035em !important; }
.page-wellness .hero-full .wellness-hero__copy h1 { margin-left: -.032em !important; }
body.page.page-wellness .product-profile__copy h2 { margin-left: -.018em !important; }
.page-brand .brand-manifesto .brand-manifesto__slogan { margin-left: -.078em !important; }
.page-brand .brand-philosophy__heading h2 { margin-left: -.027em !important; }

/* Keep every eyebrow/title stack and understated text CTA on one system. */
.page-home .home-about__copy > .eyebrow,
.page-home .home-products__intro > .eyebrow,
.page-brand .brand-philosophy__heading .eyebrow,
body.page .product-profile__copy > .eyebrow {
  margin-bottom: 18px !important;
}
.page-home .home-about__copy > h2,
.page-home .home-products__intro > h2,
.page-brand .brand-philosophy__heading h2,
body.page .product-profile__copy > h2 {
  margin-top: 0 !important;
}
body.page .text-link {
  align-self: flex-start !important;
  width: clamp(164px, 12vw, 188px) !important;
  justify-content: space-between !important;
  gap: 16px !important;
}
.page-home .home-about__copy > h2 { margin-bottom: 28px !important; }
.page-home .home-about__copy > p { max-width: 35em; margin-bottom: 32px !important; }

body.page.page-wellness .product-profile--wellness .product-profile__visual {
  background: linear-gradient(90deg, #cfc49e 0%, #ddd7bd 58%, #f1f3ed 78%, #f5f7f2 100%) !important;
}
body.page.page-wellness .product-profile--wellness .product-profile__visual > img {
  inset: 0 auto 0 -27% !important;
  width: 100% !important;
  max-width: none !important;
  object-position: center !important;
  transform: none !important;
  filter: brightness(1.015) saturate(.96) contrast(1.025) !important;
}
@media (min-width: 761px) {
  .page-wellness .product-profile--wellness .product-profile__copy {
    right: clamp(24px, 3vw, 56px) !important;
    left: auto !important;
  }
}

@media (hover: hover) and (pointer: fine) {
  .page-brand .brand-daily__step {
    will-change: transform;
    transition: transform .42s var(--ease), box-shadow .42s var(--ease), border-color .42s ease !important;
  }
  .page-brand .brand-daily__step.reveal.is-visible:hover {
    z-index: 3;
    transform: translateY(-16px) scale(1.012) !important;
    border-color: rgba(255,255,255,.88) !important;
    box-shadow: 0 38px 88px rgba(4,20,14,.34), inset 0 6px 0 rgba(255,255,255,.2) !important;
  }
  .page-brand .brand-daily__step::after {
    transition: transform .42s var(--ease), box-shadow .42s ease !important;
  }
  .page-brand .brand-daily__step:hover::after {
    transform: scale(1.18);
    box-shadow: 0 0 0 13px rgba(255,255,255,.16);
  }
}

@media (max-width: 760px) {
  .page-home .portal-card--beauty figure img.portal-card__mood { object-position: 64% center !important; }
  .page-home .portal-card--wellness figure img.portal-card__mood { object-position: 30% center !important; }
  .page-home .portal-card__copy { padding: 28px 26px !important; gap: 14px !important; }
  .page-home .portal-card__copy h3 {
    max-width: 6.8em !important;
    font-size: clamp(34px, 9vw, 48px) !important;
  }
  .page-home .portal-card__cta {
    min-width: 154px !important;
    min-height: 50px !important;
    padding: 0 17px !important;
    font-size: 13px !important;
  }
  .purchase-layer .purchase-option img { transform: scale(1.005) !important; }
  .purchase-layer .purchase-option:is(:hover, :focus-visible) img { transform: scale(1.035) !important; }
  .purchase-layer .purchase-option::after {
    inset: 3px;
    border-width: 2px;
    border-radius: 21px;
  }
  .purchase-layer .purchase-drawer__head h2 { font-size: 32px !important; }
  .purchase-layer .purchase-option .purchase-option__cta {
    gap: 8px !important;
    font-size: 11px !important;
  }
  .purchase-layer .purchase-option .purchase-option__cta i {
    flex-basis: 27px !important;
    width: 27px !important;
    height: 27px !important;
    font-size: 14px !important;
  }
  .page-beauty .hero-full .cinematic-hero-film { transform: scale(1) !important; }
  .page-home .home-about__copy > .eyebrow,
  .page-home .home-products__intro > .eyebrow,
  .page-brand .brand-philosophy__heading .eyebrow,
  body.page .product-profile__copy > .eyebrow { margin-bottom: 14px !important; }
  body.page .text-link { width: 164px !important; }
  .page-wellness .product-profile--wellness {
    display: grid !important;
    grid-template-rows: minmax(430px, 58svh) auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 16px !important;
    overflow: visible !important;
  }
  .page-wellness .product-profile--wellness .product-profile__visual {
    position: relative !important;
    inset: auto !important;
    grid-row: 1 !important;
    height: 58svh !important;
    min-height: 430px !important;
  }
  body.page.page-wellness .product-profile--wellness .product-profile__visual > img {
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    object-position: 61% center !important;
    transform: none !important;
  }
  .page-wellness .product-profile--wellness .product-profile__copy {
    position: relative !important;
    inset: auto !important;
    grid-row: 2 !important;
    width: auto !important;
    margin: -34px 16px 0 !important;
    transform: none !important;
  }
}

/* v55 — paper-ink main hero, settled Beauty film, and quiet purchase CTA. */
.page-home .home-hero--ink {
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(118deg, #af8a9f 0%, #887e80 47%, #4c6f5c 100%) !important;
}
.page-home .home-hero--ink::before { display: none !important; }
.page-home .home-hero--ink .home-hero__ink {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.page-home .home-hero--ink .home-hero__plane,
.page-home .home-hero--ink .home-hero__light,
.page-home .home-hero--ink .home-hero__film { display: none !important; }
.page-home .home-hero--ink::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(108deg, rgba(255,246,245,.2), transparent 31%, transparent 68%, rgba(235,246,238,.13)),
    radial-gradient(circle at 50% 42%, rgba(255,255,255,.13), transparent 44%);
  mix-blend-mode: soft-light;
  opacity: .62;
}
.page-home .home-hero--ink .home-hero__copy,
.page-home .home-hero--ink > .scroll-cue { z-index: 2; }
.page-home .home-hero--ink .home-hero__copy > p,
.page-home .home-hero--ink .home-hero__copy h1,
.page-home .home-hero--ink .home-hero__copy h2,
.page-home .home-hero--ink > .scroll-cue {
  opacity: 0 !important;
  clip-path: inset(100% 0 0) !important;
  filter: blur(8px) !important;
  transform: translateY(28px) !important;
  animation: none !important;
}
.page-home .home-hero--ink.is-ink-running .home-hero__copy > p,
.page-home .home-hero--ink.is-ink-running .home-hero__copy h1,
.page-home .home-hero--ink.is-ink-running .home-hero__copy h2,
.page-home .home-hero--ink.is-ink-running > .scroll-cue {
  animation: luasInkSurfaceReveal 1.12s cubic-bezier(.22,.72,.18,1) forwards !important;
}
.page-home .home-hero--ink.is-ink-running .home-hero__copy > p { animation-delay: 3.05s !important; }
.page-home .home-hero--ink.is-ink-running .home-hero__copy h1 { animation-delay: 3.34s !important; }
.page-home .home-hero--ink.is-ink-running .home-hero__copy h2 { animation-delay: 4.06s !important; }
.page-home .home-hero--ink.is-ink-running > .scroll-cue { animation-delay: 4.58s !important; }
@keyframes luasInkSurfaceReveal {
  0% { opacity: 0; clip-path: inset(100% 0 0); filter: blur(8px); transform: translateY(28px); }
  62% { opacity: .8; filter: blur(2px); }
  100% { opacity: 1; clip-path: inset(0 0 0); filter: blur(0); transform: translateY(0); }
}

.page-beauty .hero-full .cinematic-hero-film {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
}

.page-brand .brand-manifesto .brand-manifesto__label {
  display: block !important;
  margin: 0 0 clamp(24px, 4vh, 42px) !important;
  color: rgba(21,37,31,.72);
  font-size: clamp(10px, .72vw, 13px) !important;
  font-weight: 680;
  letter-spacing: .3em !important;
}
.page-brand .brand-manifesto__statement { margin-top: clamp(34px, 5vh, 58px) !important; }

body.page .product-profile__copy .profile-shop {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 15px !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  margin-top: clamp(22px, 3vh, 34px) !important;
  padding: 0 1px 8px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(23,55,45,.42) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #17372d !important;
  box-shadow: none !important;
  font: 650 15px/1 var(--sans) !important;
  letter-spacing: -.015em !important;
  transition: border-color .28s ease, color .28s ease !important;
}
body.page .product-profile__copy .profile-shop span {
  display: grid;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid rgba(23,55,45,.28);
  border-radius: 50%;
  background: rgba(255,255,255,.5);
  font-size: 17px !important;
  transition: transform .32s cubic-bezier(.22,.72,.18,1), background .28s ease, border-color .28s ease;
}
body.page .product-profile__copy .profile-shop:hover,
body.page .product-profile__copy .profile-shop:focus-visible {
  transform: none !important;
  border-bottom-color: rgba(23,55,45,.86) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.page .product-profile__copy .profile-shop:hover span,
body.page .product-profile__copy .profile-shop:focus-visible span {
  transform: translate(3px, -3px);
  border-color: #17372d;
  background: rgba(255,255,255,.82);
}

@media (max-width: 760px) {
  .page-home .home-hero--ink::after { opacity: .48; }
  .page-brand .brand-manifesto .brand-manifesto__label {
    margin-bottom: 22px !important;
    font-size: 9px !important;
  }
  .page-brand .brand-manifesto__statement { margin-top: 30px !important; }
  body.page .product-profile__copy .profile-shop {
    min-height: 42px !important;
    margin-top: 22px !important;
    font-size: 14px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-hero--ink .home-hero__copy > p,
  .page-home .home-hero--ink .home-hero__copy h1,
  .page-home .home-hero--ink .home-hero__copy h2,
  .page-home .home-hero--ink > .scroll-cue {
    opacity: 1 !important;
    clip-path: none !important;
    filter: none !important;
    transform: none !important;
    animation: none !important;
  }
}

/* v57 — restore the original animated split-color home hero. */
.page-home .home-hero--split {
  overflow: hidden;
  isolation: isolate;
  background: #877d7b !important;
}
.page-home .home-hero--split::before { display: none !important; }
.page-home .home-hero--split .home-hero__plane {
  inset: 0 !important;
  border-radius: 0 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}
.page-home .home-hero--split .home-hero__plane--pink {
  background: linear-gradient(135deg, #d79aaa 0%, #cb879c 100%) !important;
  clip-path: polygon(0 0, 66% 0, 45% 100%, 0 100%) !important;
  animation: planeFromLeft 1.45s var(--ease) both !important;
}
.page-home .home-hero--split .home-hero__plane--sage {
  background: linear-gradient(145deg, #718f82 0%, #4f7062 100%) !important;
  clip-path: polygon(66% 0, 100% 0, 100% 100%, 45% 100%) !important;
  animation: planeFromRight 1.45s var(--ease) both !important;
}
.page-home .home-hero--split .home-hero__light {
  inset: -30% !important;
  display: block !important;
  opacity: 1 !important;
  filter: none !important;
  background: linear-gradient(112deg, transparent 39%, rgba(255,255,255,.46) 48%, transparent 56%) !important;
  transform: translateX(-48%);
  animation: lightPass 2.2s .55s var(--ease) both !important;
}

@media (max-width: 760px) {
  .page-home .home-hero--split .home-hero__plane--pink {
    clip-path: polygon(0 0, 87% 0, 35% 100%, 0 100%) !important;
  }
  .page-home .home-hero--split .home-hero__plane--sage {
    clip-path: polygon(87% 0, 100% 0, 100% 100%, 35% 100%) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-hero--split .home-hero__plane,
  .page-home .home-hero--split .home-hero__light {
    animation: none !important;
    transform: none !important;
  }
}

/* v58 — lighter glass header after the page starts scrolling. */
.site-header.is-scrolled {
  background: rgba(23,55,45,.64) !important;
  border-bottom-color: rgba(255,255,255,.12) !important;
  box-shadow: 0 10px 34px rgba(11,31,24,.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(.82) !important;
  backdrop-filter: blur(18px) saturate(.82) !important;
}

/* v59 — original split-hero motion with only the LUAS identity lockup. */
.page-home .home-hero--split .home-hero__copy {
  gap: 0 !important;
  opacity: 1 !important;
  animation: none !important;
}
.page-home .home-hero--split .home-hero__copy h1 {
  order: 1;
  margin: 0 !important;
  opacity: 0;
  transform: translateY(22px);
  filter: blur(8px);
  text-shadow: 0 22px 58px rgba(19,42,34,.28), 0 2px 2px rgba(255,255,255,.16);
  animation: homeSplitLogoReveal 1.35s 1.18s var(--ease) forwards !important;
}
.page-home .home-hero--split .home-hero__copy h1 span {
  will-change: transform, text-shadow;
  animation: homeSplitLogoBreath 6.4s 2.6s ease-in-out infinite alternate;
}
.page-home .home-hero--split .home-hero__category {
  order: 2;
  margin: clamp(34px, 4.5vh, 54px) 0 0 !important;
  color: #fffdf8;
  font-size: clamp(11px, .78vw, 14px) !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: .32em !important;
  opacity: 0;
  transform: translateY(16px);
  filter: blur(7px);
  text-shadow: 0 8px 22px rgba(17,40,32,.34), 0 1px 1px rgba(255,255,255,.16);
  animation: homeSplitDetailReveal .9s 2.12s var(--ease) forwards !important;
}
@keyframes homeSplitLogoReveal {
  0% { opacity: 0; transform: translateY(22px); filter: blur(9px); letter-spacing: .085em; }
  62% { opacity: .82; }
  100% { opacity: 1; transform: translateY(0); filter: blur(0); letter-spacing: .035em; }
}
@keyframes homeSplitDetailReveal {
  from { opacity: 0; transform: translateY(16px); filter: blur(7px); }
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}
@keyframes homeSplitLogoBreath {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    text-shadow: -18px 10px 48px rgba(255,220,232,.11), 18px 24px 62px rgba(16,47,36,.25);
  }
  50% {
    transform: translate3d(0, -2px, 0) scale(1.002);
    text-shadow: 0 12px 56px rgba(255,245,239,.17), 0 26px 70px rgba(16,47,36,.3);
  }
  100% {
    transform: translate3d(0, 1px, 0) scale(.999);
    text-shadow: 18px 8px 48px rgba(220,242,229,.11), -18px 24px 62px rgba(16,47,36,.25);
  }
}

/* v67 — clearer page visibility beneath the compact scrolled header. */
.site-header.is-scrolled {
  background: rgba(23,55,45,.42) !important;
  border-bottom-color: rgba(255,255,255,.1) !important;
  box-shadow: 0 8px 28px rgba(11,31,24,.06) !important;
  -webkit-backdrop-filter: blur(13px) saturate(.9) !important;
  backdrop-filter: blur(13px) saturate(.9) !important;
}

/* v66 — keep consecutive page surfaces joined during composited scrolling. */
body.page main {
  position: relative;
  isolation: isolate;
  background: var(--ivory);
}
body.page-home main { background: var(--ivory); }
body.page-brand main { background: #f6f0e9; }
body.page-beauty main { background: #f1e2e6; }
body.page-wellness main { background: #e7eee9; }
body.page main > .screen + .screen,
body.page main + .site-footer {
  margin-top: -1px;
}

/* v65 — dimensional seam and a slow, continuous light sweep. */
.page-home .home-hero--split .home-hero__copy {
  z-index: 2 !important;
}
.page-home .home-hero--split::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  background: rgba(255,248,245,.18);
  clip-path: polygon(65.72% 0, 66.12% 0, 45.18% 100%, 44.78% 100%);
  filter: drop-shadow(10px 3px 13px rgba(12,38,29,.3));
  opacity: .9;
  pointer-events: none;
}
.page-home .home-hero--split .home-hero__light {
  z-index: 0 !important;
  display: block !important;
  background: linear-gradient(112deg, transparent 39%, rgba(255,255,255,.08) 44%, rgba(255,252,246,.3) 49%, rgba(255,255,255,.09) 54%, transparent 60%) !important;
  filter: blur(9px) !important;
  animation: homeContinuousLightSweep 10.5s ease-in-out infinite both !important;
}
@keyframes homeContinuousLightSweep {
  0% { opacity: 0; transform: translate3d(-58%,0,0); }
  9% { opacity: .4; }
  67% { opacity: .4; transform: translate3d(58%,0,0); }
  78%, 100% { opacity: 0; transform: translate3d(62%,0,0); }
}

@media (max-width: 760px) {
  .page-home .home-hero--split::after {
    clip-path: polygon(86.7% 0, 87.2% 0, 35.25% 100%, 34.75% 100%);
    filter: drop-shadow(7px 3px 10px rgba(12,38,29,.28));
  }
  .page-home .home-hero--split .home-hero__light {
    animation-duration: 11.5s !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-hero--split .home-hero__light {
    opacity: .12 !important;
    transform: none !important;
    animation: none !important;
  }
}

@media (max-width: 760px) {
  .page-home .home-hero--split .home-hero__category {
    margin-top: 30px !important;
    font-size: 9px !important;
    letter-spacing: .28em !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-hero--split .home-hero__copy h1,
  .page-home .home-hero--split .home-hero__category {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }
  .page-home .home-hero--split .home-hero__copy h1 span { animation: none !important; }
}

/* v61 — tighter shared rhythm, natural product staging and transient choice cues. */
body.page .text-link {
  width: max-content !important;
  max-width: 100% !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

.site-footer {
  padding-top: 16px !important;
}
.site-footer__info {
  padding-top: 16px !important;
  padding-bottom: 20px !important;
}

@media (min-width: 761px) {
  .page-brand .brand-manifesto .brand-manifesto__copy {
    transform: translateY(clamp(28px, 4vh, 48px)) !important;
  }

  .page-brand .brand-world__panel {
    right: clamp(16px, 1.55vw, 25px) !important;
    bottom: clamp(16px, 1.55vw, 25px) !important;
    left: clamp(16px, 1.55vw, 25px) !important;
    gap: 18px !important;
    padding: clamp(15px, 1.35vw, 21px) clamp(18px, 1.6vw, 25px) !important;
  }
  .page-brand .brand-world h3 {
    font-size: clamp(38px, 3.35vw, 56px) !important;
  }
  .page-brand .brand-world p {
    margin-top: 2px !important;
  }
  .page-brand .brand-world__cta {
    min-width: 116px !important;
    min-height: 44px !important;
    padding-inline: 16px !important;
  }
}

body.page.page-wellness .product-profile--wellness .product-profile__visual {
  background: #d8d1b4 !important;
}
body.page.page-wellness .product-profile--wellness .product-profile__visual > .wellness-routine__background {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  filter: brightness(1.015) saturate(.95) contrast(1.02) !important;
}
body.page.page-wellness .product-profile--wellness .product-profile__visual > .wellness-routine__product {
  position: absolute !important;
  z-index: 1 !important;
  top: auto !important;
  right: auto !important;
  bottom: 4.5% !important;
  left: 29% !important;
  width: auto !important;
  height: 50% !important;
  max-width: 22% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  transform: translateX(-50%) !important;
  filter: blur(.18px) brightness(.91) saturate(.8) sepia(.12) contrast(.97) drop-shadow(0 16px 18px rgba(70,52,34,.24)) !important;
}

.purchase-layer .purchase-option.is-highlighted {
  animation: purchaseChoiceLift .9s var(--ease) both;
}
.purchase-layer .purchase-option.is-highlighted::after {
  animation: purchaseChoiceOutline .9s ease both;
}
@keyframes purchaseChoiceLift {
  0%, 100% { transform: translateY(0); }
  34%, 66% { transform: translateY(-2px); }
}
@keyframes purchaseChoiceOutline {
  0%, 100% { opacity: 0; transform: scale(.994); }
  30%, 68% { opacity: 1; transform: scale(1); }
}

@media (max-width: 760px) {
  body.page .text-link {
    width: max-content !important;
    max-width: 100% !important;
    gap: 9px !important;
  }
  .site-footer {
    padding-top: 10px !important;
  }
  .site-footer__info {
    padding-top: 14px !important;
    padding-bottom: 18px !important;
  }
  .page-brand .brand-manifesto .brand-manifesto__copy {
    transform: translateY(12px) !important;
  }
  .page-brand .brand-world__panel {
    gap: 10px !important;
    padding: 14px !important;
  }
  .page-brand .brand-world h3 {
    font-size: 38px !important;
  }
  .page-brand .brand-world p {
    margin-top: 2px !important;
  }
  .page-brand .brand-world__cta {
    min-height: 42px !important;
  }
  body.page.page-wellness .product-profile--wellness .product-profile__visual > .wellness-routine__background {
    object-position: center center !important;
  }
  body.page.page-wellness .product-profile--wellness .product-profile__visual > .wellness-routine__product {
    bottom: 4% !important;
    left: 50% !important;
    height: 55% !important;
    max-width: 42% !important;
  }
}

/* v62 — restrained depth for the split-color home identity. */
.page-home .home-hero--split .home-hero__plane--pink {
  z-index: -2 !important;
  background:
    radial-gradient(ellipse at 28% 22%, rgba(255,255,255,.21), transparent 46%),
    radial-gradient(ellipse at 48% 108%, rgba(82,45,61,.15), transparent 51%),
    linear-gradient(135deg, #d79aaa 0%, #cb879c 100%) !important;
  box-shadow: inset -34px -38px 110px rgba(86,49,63,.11), inset 28px 20px 82px rgba(255,255,255,.08);
  filter: drop-shadow(14px 10px 25px rgba(19,43,34,.24)) !important;
}
.page-home .home-hero--split .home-hero__plane--sage {
  z-index: -3 !important;
  background:
    radial-gradient(ellipse at 76% 25%, rgba(255,255,255,.15), transparent 44%),
    radial-gradient(ellipse at 48% 108%, rgba(12,42,31,.18), transparent 52%),
    linear-gradient(145deg, #718f82 0%, #4f7062 100%) !important;
  box-shadow: inset 34px -42px 118px rgba(11,40,29,.13), inset -28px 18px 82px rgba(255,255,255,.06);
}
.page-home .home-hero--split::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  display: block !important;
  border-radius: 0 !important;
  background:
    radial-gradient(ellipse at 50% 40%, rgba(255,255,255,.115), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.055) 0%, transparent 38%, rgba(15,39,30,.13) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -76px 130px rgba(13,37,28,.09) !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  pointer-events: none;
}
.page-home .home-hero--split .home-hero__copy h1 {
  text-shadow:
    0 1px 0 rgba(255,255,255,.24),
    0 14px 30px rgba(19,42,34,.14),
    0 34px 72px rgba(19,42,34,.15) !important;
}
.page-home .home-hero--split .home-hero__copy h1 span {
  -webkit-text-stroke: .2px rgba(255,255,255,.2);
  text-shadow: -12px 9px 30px rgba(255,226,235,.14), 0 18px 38px rgba(15,39,30,.3);
  filter: drop-shadow(0 13px 15px rgba(18,42,33,.22));
  animation: homeSplitLogoBreath 6.4s 2.6s ease-in-out infinite alternate both !important;
}
.page-home .home-hero--split .home-hero__category {
  text-shadow:
    0 1px 0 rgba(255,255,255,.18),
    0 8px 20px rgba(17,40,32,.24) !important;
  filter: drop-shadow(0 5px 8px rgba(17,40,32,.14));
}

@keyframes homeSplitLogoBreath {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
    text-shadow: -12px 9px 30px rgba(255,226,235,.14), 0 18px 38px rgba(15,39,30,.3);
    filter: drop-shadow(0 13px 15px rgba(18,42,33,.22));
  }
  50% {
    transform: translate3d(0, -2px, 0) scale(1.002);
    text-shadow: 0 10px 34px rgba(255,248,242,.19), 0 20px 42px rgba(15,39,30,.32);
    filter: drop-shadow(0 14px 16px rgba(18,42,33,.23));
  }
  100% {
    transform: translate3d(0, 1px, 0) scale(.999);
    text-shadow: 12px 8px 30px rgba(221,241,231,.13), 0 18px 38px rgba(15,39,30,.3);
    filter: drop-shadow(0 13px 15px rgba(18,42,33,.22));
  }
}

/* v69 — content-width rules, compact ingredient facts and grounded product light. */
body.page .product-profile__copy .profile-shop {
  align-self: flex-start !important;
  width: max-content !important;
  max-width: 100% !important;
}
.formula-editorial--beauty .formula-line {
  min-height: 98px !important;
  padding: 13px clamp(20px, 1.55vw, 28px) !important;
  gap: 3px !important;
  justify-content: center;
}
.formula-editorial--beauty .formula-line h4 { margin: 0 !important; }
.formula-editorial--beauty .formula-line p { margin-top: 3px !important; }
.formula-editorial--beauty .formula-line > strong {
  margin-top: 7px !important;
  padding: 6px 12px !important;
}
.formula-editorial--beauty .botanical-crops {
  position: absolute;
  z-index: 0;
  inset: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.formula-editorial--beauty .botanical-crops span {
  min-width: 0;
  background-image: url("./assets/beauty-botanical-five-v1.png");
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 500% auto;
  border-right: 1px solid rgba(255,255,255,.72);
}
.formula-editorial--beauty .botanical-crops span:nth-child(1) { background-position-x: 0%; }
.formula-editorial--beauty .botanical-crops span:nth-child(2) { background-position-x: 25%; }
.formula-editorial--beauty .botanical-crops span:nth-child(3) { background-position-x: 50%; }
.formula-editorial--beauty .botanical-crops span:nth-child(4) { background-position-x: 75%; }
.formula-editorial--beauty .botanical-crops span:nth-child(5) { background-position-x: 100%; border-right: 0; }
.product-profile--wellness .product-profile__visual::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 29%;
  bottom: 3.8%;
  width: 18%;
  height: 4.2%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(77,56,34,.38) 0%, rgba(77,56,34,.16) 46%, transparent 74%);
  filter: blur(10px);
  transform: translateX(-50%);
  pointer-events: none;
}
body.page.page-wellness .product-profile--wellness .product-profile__visual > .wellness-routine__product { z-index: 2 !important; }
@media (max-width: 760px) {
  .formula-editorial--beauty .formula-line {
    min-height: 0 !important;
    padding: 14px 0 !important;
  }
  .product-profile--wellness .product-profile__visual::before {
    left: 50%;
    bottom: 3.2%;
    width: 36%;
    height: 3.8%;
  }
}

/* v71 — flat split seam, stable section canvases and naturally staged wellness imagery. */
.page-home .home-hero--split::after {
  display: none !important;
  content: none !important;
}
.page-home .home-hero--split .home-hero__plane--pink,
.page-home .home-hero--split .home-hero__plane--sage {
  box-shadow: none !important;
  filter: none !important;
}
.page-home .home-about--identity,
.page-home .home-about--identity .home-about__visual {
  background: linear-gradient(90deg, #91877c 0%, #b8afa5 52%, #aebbb6 100%) !important;
}
@media (min-width: 761px) {
  .page-home .home-about--identity .home-about__story-image {
    object-fit: contain !important;
    object-position: center center !important;
  }
  .product-profile--wellness .product-profile__copy {
    right: auto !important;
    left: clamp(40px, 6vw, 118px) !important;
  }
}
.product-profile--wellness .product-profile__visual--single::before {
  display: none !important;
  content: none !important;
}
.product-profile--wellness .product-profile__visual--single::after {
  background: linear-gradient(90deg, rgba(235,241,235,.9) 0%, rgba(235,241,235,.38) 34%, transparent 58%) !important;
}
body.page.page-wellness .product-profile--wellness .product-profile__visual > .wellness-routine__scene {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  filter: none !important;
}
@media (max-width: 760px) {
  .page-wellness .product-profile--wellness {
    grid-template-rows: minmax(260px, 78vw) auto !important;
  }
  .page-wellness .product-profile--wellness .product-profile__visual {
    height: max(260px, 78vw) !important;
    min-height: 260px !important;
  }
  .product-profile--wellness .product-profile__visual--single::after {
    background: linear-gradient(180deg, transparent 44%, rgba(235,241,235,.12) 70%, rgba(235,241,235,.86) 100%) !important;
  }
  body.page.page-wellness .product-profile--wellness .product-profile__visual > .wellness-routine__scene {
    object-position: 61% center !important;
  }
}

/* v72 — keep the full photographic canvas covered and retain the settled serum drop. */
.page-home .home-about--identity .home-about__visual {
  background-image: url("./assets/brand-hero-morning-evening-products-v16.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
@media (min-width: 761px) {
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    right: auto !important;
    left: clamp(40px, 6vw, 118px) !important;
  }
}
/* v73 — final full-bleed product scale without repeated background imagery. */
.page-home .home-about--identity,
.page-home .home-about--identity .home-about__visual {
  background: #a7a59d !important;
  background-image: none !important;
}
@media (min-width: 761px) {
  .page-home .home-about--identity .home-about__story-image {
    object-fit: cover !important;
    object-position: center center !important;
  }
}
/* v74 — compact, evenly aligned Beauty / Wellness route panels. */
.page-brand .brand-world__panel {
  align-items: center !important;
  gap: clamp(12px, 1.15vw, 18px) !important;
}
.page-brand .brand-world__panel > div {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
.page-brand .brand-world h3,
.page-brand .brand-world p {
  margin: 0 !important;
}
.page-brand .brand-world p { line-height: 1.35 !important; }
.page-brand .brand-world__cta { align-self: center !important; }

@media (min-width: 761px) {
  .page-brand .brand-world__panel {
    height: clamp(102px, 7vw, 114px) !important;
    padding: clamp(12px, 1vw, 16px) clamp(18px, 1.5vw, 24px) !important;
  }
  .page-brand .brand-world__cta {
    min-height: 42px !important;
  }
}

@media (max-width: 760px) {
  .page-brand .brand-world__panel {
    gap: 8px !important;
    padding: 12px !important;
  }
  .page-brand .brand-world__panel > div { gap: 0; }
  .page-brand .brand-world__cta { min-height: 40px !important; }
}

/* v75 — keep the wellness film's original framing without cropped or blurred side bands. */
@media (min-width: 761px) {
  .page-wellness .hero-full .wellness-hero__visual--balance .cinematic-hero-film {
    transform: none !important;
  }
  .page-wellness .wellness-hero__visual--balance::before {
    content: none !important;
    display: none !important;
  }
}

/* v76 — compact wellness details card with a clear gap from the product. */
@media (min-width: 761px) {
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    right: auto !important;
    left: clamp(44px, 4vw, 76px) !important;
    width: clamp(500px, 32vw, 560px) !important;
    max-width: calc(100vw - clamp(88px, 8vw, 152px)) !important;
    padding: clamp(30px, 2.4vw, 42px) !important;
  }

  body.page.page-wellness .product-profile--wellness .product-profile__visual > .wellness-routine__scene {
    object-position: 60% center !important;
  }
}

/* v77 — match the category heading's top breathing room to the editorial sections. */
@media (min-width: 761px) {
  .page-brand .brand-worlds {
    padding-top: clamp(72px, 8vh, 92px) !important;
  }
}

/* v78 — add a little breathing room beneath both ingredient panoramas. */
@media (min-width: 761px) {
  .formula-editorial--beauty .formula-line {
    min-height: 132px !important;
    padding-block: 18px !important;
  }

  .formula-editorial--wellness .formula-line {
    min-height: 212px !important;
    padding-block: 28px !important;
  }
}

/* v79 — keep the non-blooming bud in place while the other flowers open. */
.page-beauty .beauty-hero__bud-hold {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events: none;
}

.page-beauty .beauty-hero__bud-hold.is-visible {
  opacity: 1;
}

/* v80 — match both formula detail panels and center Beauty's purchase action. */
@media (min-width: 761px) {
  .formula-editorial--wellness .formula-line {
    min-height: 132px !important;
    padding-block: 18px !important;
  }
}

body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop {
  align-self: center !important;
  justify-self: center !important;
  margin-inline: auto !important;
}

/* v81 — layered paper-art homepage hero with independently breathing background. */
.page-home .home-hero--paper-art {
  overflow: hidden !important;
  isolation: isolate;
  background-color: #c8bcb1 !important;
  background-image: url("./assets/home-hero-paper-background-v81.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

.page-home .home-hero--paper-art::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;
  display: block !important;
  background:
    radial-gradient(ellipse at 49% 43%, rgba(255,251,244,.08), transparent 42%),
    linear-gradient(180deg, rgba(24,42,34,.02), rgba(24,42,34,.09)) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  pointer-events: none;
}

.page-home .home-hero--paper-art::after {
  display: none !important;
  content: none !important;
}

.page-home .home-hero--paper-art .home-hero__plane {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  background-image: url("./assets/home-hero-paper-background-v81.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: .96 !important;
  will-change: transform;
  pointer-events: none;
}

.page-home .home-hero--paper-art .home-hero__plane--pink {
  z-index: 0 !important;
  clip-path: polygon(0 0, 59% 0, 52% 17%, 45% 37%, 34% 63%, 18% 82%, 0 90%) !important;
  transform-origin: 20% 32%;
  animation: homePaperPinkBreath 13s ease-in-out infinite alternate !important;
}

.page-home .home-hero--paper-art .home-hero__plane--sage {
  z-index: 1 !important;
  clip-path: polygon(61% 0, 100% 0, 100% 100%, 23% 100%, 34% 82%, 46% 59%) !important;
  transform-origin: 78% 72%;
  animation: homePaperSageBreath 15s ease-in-out infinite alternate !important;
}

.page-home .home-hero--paper-art .home-hero__light {
  position: absolute !important;
  z-index: 2 !important;
  inset: -18% !important;
  display: block !important;
  background: linear-gradient(108deg, transparent 41%, rgba(255,252,243,.06) 46%, rgba(255,252,243,.22) 50%, rgba(255,252,243,.06) 54%, transparent 59%) !important;
  filter: blur(16px) !important;
  mix-blend-mode: screen;
  opacity: 0;
  transform: translate3d(-32%,0,0);
  animation: homePaperLightDrift 13s ease-in-out infinite !important;
  pointer-events: none;
}

.page-home .home-hero--paper-art .home-hero__copy {
  z-index: 3 !important;
  gap: 0 !important;
  padding: clamp(72px, 9vh, 112px) var(--pad) 62px !important;
  color: #fffdf8 !important;
  opacity: 1 !important;
  animation: none !important;
  text-shadow: 0 12px 36px rgba(38,45,39,.16) !important;
}

.page-home .home-hero--paper-art .home-hero__category {
  order: 0 !important;
  margin: 0 0 clamp(22px, 3vh, 34px) !important;
  color: #fffdf8 !important;
  font-size: clamp(8px, .58vw, 11px) !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: .3em !important;
  opacity: 0;
  transform: translateY(10px);
  filter: blur(4px);
  animation: homePaperCopyReveal .9s .2s var(--ease) forwards !important;
}

.page-home .home-hero--paper-art .home-hero__copy h1 {
  order: 1 !important;
  margin: 0 !important;
  font-family: "Cormorant Garamond", Georgia, var(--serif) !important;
  font-size: clamp(134px, 18vw, 310px) !important;
  font-weight: 300 !important;
  line-height: .72 !important;
  letter-spacing: .025em !important;
  color: #fffdf8 !important;
  opacity: 0;
  transform: translateY(15px);
  filter: blur(6px);
  text-shadow: 0 18px 52px rgba(36,45,39,.17) !important;
  animation: homePaperCopyReveal 1.15s .38s var(--ease) forwards !important;
}

.page-home .home-hero--paper-art .home-hero__copy h1 span {
  animation: none !important;
  filter: none !important;
  text-shadow: inherit !important;
}

.page-home .home-hero--paper-art .home-hero__tagline {
  order: 2 !important;
  margin: clamp(34px, 4.5vh, 52px) 0 0 !important;
  color: #fffdf8 !important;
  font-size: clamp(17px, 1.3vw, 23px) !important;
  font-weight: 430 !important;
  line-height: 1.45 !important;
  letter-spacing: -.025em !important;
  opacity: 0;
  transform: translateY(12px);
  filter: blur(5px);
  animation: homePaperCopyReveal .95s .68s var(--ease) forwards !important;
}

.page-home .home-hero--paper-art > .home-hero__discover {
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  z-index: 4 !important;
  left: var(--pad) !important;
  bottom: clamp(24px, 4vh, 44px) !important;
  color: #fffdf8 !important;
  gap: 17px !important;
  font-size: 9px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: .25em !important;
  opacity: 0;
  transform: translateY(8px);
  filter: blur(3px);
  animation: homePaperCopyReveal .8s .92s var(--ease) forwards !important;
}

.page-home .home-hero--paper-art > .home-hero__discover i {
  font-size: 16px !important;
  animation: cue 2.2s ease-in-out infinite !important;
}

@keyframes homePaperPinkBreath {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  48% { transform: translate3d(-.82%,.5%,0) scale(1.014) rotate(-.12deg); }
}

@keyframes homePaperSageBreath {
  0%, 100% { transform: translate3d(0,0,0) scale(1); }
  52% { transform: translate3d(.88%,-.45%,0) scale(1.013) rotate(.1deg); }
}

@keyframes homePaperLightDrift {
  0%, 10% { opacity: 0; transform: translate3d(-34%,0,0); }
  24% { opacity: .42; }
  68% { opacity: .42; transform: translate3d(34%,0,0); }
  80%, 100% { opacity: 0; transform: translate3d(38%,0,0); }
}

@keyframes homePaperCopyReveal {
  to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@media (max-width: 760px) {
  .page-home .home-hero--paper-art {
    background-position: 47% center !important;
  }
  .page-home .home-hero--paper-art .home-hero__plane {
    background-position: 47% center !important;
  }
  .page-home .home-hero--paper-art .home-hero__plane--pink {
    clip-path: polygon(0 0, 74% 0, 58% 28%, 30% 66%, 0 82%) !important;
  }
  .page-home .home-hero--paper-art .home-hero__plane--sage {
    clip-path: polygon(72% 0, 100% 0, 100% 100%, 0 100%, 24% 78%, 58% 35%) !important;
  }
  .page-home .home-hero--paper-art .home-hero__copy {
    padding: 76px 24px 58px !important;
  }
  .page-home .home-hero--paper-art .home-hero__category {
    margin-bottom: 25px !important;
    font-size: 7px !important;
    letter-spacing: .24em !important;
  }
  .page-home .home-hero--paper-art .home-hero__copy h1 {
    font-size: clamp(112px, 34vw, 144px) !important;
    line-height: .74 !important;
  }
  .page-home .home-hero--paper-art .home-hero__tagline {
    margin-top: 33px !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .page-home .home-hero--paper-art > .home-hero__discover {
    left: 24px !important;
    bottom: 24px !important;
    font-size: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-home .home-hero--paper-art .home-hero__category,
  .page-home .home-hero--paper-art .home-hero__copy h1,
  .page-home .home-hero--paper-art .home-hero__tagline,
  .page-home .home-hero--paper-art > .home-hero__discover {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }
}

/* v83 — remove the stray heading margin that made Wellness's white facts row taller. */
.formula-editorial--wellness .formula-line h4 {
  margin: 0 !important;
}

/* v86 — mobile and tablet media framing. Keep every product inside the safe
   area, shorten portrait heroes, and preserve the intended full-bleed look. */
html,
body {
  overflow-x: clip !important;
}

@media (min-width: 761px) and (max-width: 1100px) {
  .page-beauty .hero-full,
  .page-wellness .hero-full,
  .page-beauty .hero-full .hero-full__stage,
  .page-wellness .hero-full .hero-full__stage {
    height: min(720px, calc(100svh - var(--header))) !important;
    min-height: 660px !important;
  }

  .page-beauty .hero-full .cinematic-hero-film,
  .page-wellness .hero-full .cinematic-hero-film {
    object-position: center center !important;
  }
}

@media (max-width: 760px) {
  .page-beauty .hero-full,
  .page-wellness .hero-full,
  .page-beauty .hero-full .hero-full__stage,
  .page-wellness .hero-full .hero-full__stage {
    height: min(660px, calc(100svh - var(--header))) !important;
    min-height: 560px !important;
  }

  .page-beauty .hero-full .cinematic-hero-film {
    object-position: 50% center !important;
  }

  .page-wellness .hero-full .cinematic-hero-film {
    object-position: 50% center !important;
  }

  .page-beauty .hero-full .beauty-hero__copy,
  .page-wellness .hero-full .wellness-hero__copy {
    bottom: 28px !important;
  }

  .page-beauty .hero-full .beauty-hero__copy h1,
  .page-wellness .hero-full .wellness-hero__copy h1 {
    font-size: clamp(44px, 12.5vw, 52px) !important;
  }

  body.page.page-beauty .product-profile--beauty {
    min-height: 730px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual > img {
    object-position: 33% center !important;
  }

  .page-home .portal-card--beauty figure img.portal-card__mood {
    object-position: 60% center !important;
  }

  .page-home .portal-card--wellness figure img.portal-card__mood {
    object-position: 38% center !important;
  }

  .page-brand .brand-world--beauty > img {
    object-position: 54% center !important;
  }

  .page-brand .brand-world--wellness > img {
    object-position: 52% center !important;
  }
}

/* v87 — give the mobile story title air, turn the Beauty botanicals into a
   centered peek carousel, and reveal the full product before its detail card. */
@media (max-width: 760px) {
  .page-home .home-about--identity .home-about__copy h2 {
    max-width: 9em !important;
    margin-bottom: 38px !important;
    font-size: clamp(39px, 10.8vw, 43px) !important;
    line-height: 1.24 !important;
    letter-spacing: -.055em !important;
  }

  .page-home .home-about--identity .home-about__copy p {
    margin-bottom: 38px !important;
    line-height: 1.88 !important;
  }

  .page-beauty .formula-editorial--beauty .formula-editorial__visual {
    height: 350px !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.32), rgba(236,222,217,.52)) !important;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 18% 18px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scroll-padding-inline: 18%;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops::-webkit-scrollbar {
    display: none;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops span {
    position: relative !important;
    flex: 0 0 64% !important;
    width: 64% !important;
    height: 296px !important;
    min-width: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.82) !important;
    border-radius: 24px !important;
    background-color: #eee7dc;
    background-size: 500% auto !important;
    box-shadow: 0 14px 34px rgba(39,50,44,.09);
    opacity: .32;
    filter: saturate(.68) contrast(.94);
    transform: scale(.88);
    scroll-snap-align: center;
    scroll-snap-stop: always;
    transition: opacity .48s ease, transform .48s cubic-bezier(.22,.72,.18,1), filter .48s ease, box-shadow .48s ease;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops span::before {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 31%;
    background: linear-gradient(180deg, transparent, rgba(18,40,32,.7));
    pointer-events: none;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops span::after {
    content: attr(data-label);
    position: absolute;
    z-index: 1;
    right: 18px;
    bottom: 17px;
    left: 18px;
    color: #fff;
    font-size: 14px;
    font-weight: 680;
    letter-spacing: -.01em;
    text-align: center;
    text-shadow: 0 2px 12px rgba(7,24,17,.36);
  }

  .page-beauty .formula-editorial--beauty .botanical-crops span.is-active,
  .page-beauty .formula-editorial--beauty .botanical-crops:not(.is-ready) span:nth-child(3) {
    z-index: 2;
    opacity: 1;
    filter: saturate(.98) contrast(1.02);
    transform: scale(1);
    box-shadow: 0 22px 48px rgba(39,50,44,.18);
  }

  .page-beauty .formula-editorial--beauty .formula-editorial__visual figcaption,
  .page-beauty .formula-editorial--beauty .botanical-names {
    display: none !important;
  }

  body.page.page-beauty .product-profile--beauty {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 360px auto !important;
    gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px !important;
    overflow: visible !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual {
    position: relative !important;
    z-index: 0 !important;
    inset: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 360px !important;
    min-height: 360px !important;
    overflow: hidden !important;
    border-radius: 28px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual::after {
    background: linear-gradient(180deg, transparent 58%, rgba(246,232,236,.32) 82%, rgba(246,232,236,.72) 100%) !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual > img {
    object-position: 31% center !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy {
    position: relative !important;
    z-index: 2 !important;
    inset: auto !important;
    grid-row: 2 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin: -24px 0 0 !important;
    padding: 28px 20px 24px !important;
    overflow: visible !important;
    border-radius: 28px !important;
    transform: none !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy h2 {
    font-size: clamp(34px, 9.6vw, 39px) !important;
    line-height: 1.08 !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dl {
    margin-top: 22px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop {
    margin-top: 22px !important;
  }
}

/* v88 — mobile LUAS story: give the copy a calmer top inset and carry the
   product still-life lower into the frame so the lower gradient does not read
   as unused space. */
@media (max-width: 760px) {
  .page-home .home-about--identity .home-about__story-image {
    height: 124% !important;
    object-position: 57% top !important;
  }

  .page-home .home-about--identity .home-about__copy {
    padding: 62px var(--pad) 30px !important;
  }
}

/* v89 — stronger navigation type and a single optical center for the mobile
   MENU label and its two-line icon. */
@media (min-width: 761px) {
  .desktop-nav a {
    font-size: clamp(16px, 1.12vw, 17px) !important;
  }

  .shop-link {
    font-size: 16px !important;
  }
}

@media (max-width: 760px) {
  .menu-toggle {
    min-height: 44px;
    gap: 14px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  .menu-toggle span {
    display: block;
    line-height: 1;
  }

  .menu-toggle i,
  .menu-toggle i::before,
  .menu-toggle i::after {
    display: block;
    width: 28px !important;
    height: 2px !important;
    background: currentColor;
  }

  .menu-toggle i {
    position: relative;
    height: 14px !important;
    background: none !important;
  }

  .menu-toggle i::before,
  .menu-toggle i::after {
    content: "";
    position: absolute;
    left: 0;
  }

  .menu-toggle i::before {
    top: 3px;
  }

  .menu-toggle i::after {
    top: 9px !important;
  }

  .menu-toggle[aria-expanded="true"] i {
    transform: none !important;
  }

  .menu-toggle[aria-expanded="true"] i::before {
    transform: translateY(3px) rotate(45deg);
  }

  .menu-toggle[aria-expanded="true"] i::after {
    transform: translateY(-3px) rotate(-45deg);
  }

  .page-beauty .formula-editorial--beauty .formula-editorial__board {
    display: grid;
    gap: 16px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .page-beauty .formula-editorial--beauty .formula-editorial__visual {
    width: calc(100% + 24px);
    height: 360px !important;
    margin-left: -12px;
    border-radius: 28px !important;
    background: transparent !important;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops {
    padding: 8px 11% 14px !important;
    scroll-padding-inline: 11%;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops span {
    flex-basis: 74% !important;
    width: 74% !important;
    height: 324px !important;
  }

  .page-beauty .formula-editorial--beauty .formula-editorial__lines {
    padding: 8px 20px 12px !important;
    overflow: hidden;
    border: 1px solid rgba(21,37,31,.1);
    border-radius: 28px;
    background: rgba(255,255,255,.9) !important;
    box-shadow: 0 20px 48px rgba(63,48,53,.07);
  }

  .page-wellness .formula-editorial--wellness .formula-editorial__visual {
    width: 100%;
    height: auto !important;
    aspect-ratio: 1.75 / 1;
  }

  .page-wellness .formula-editorial--wellness .formula-editorial__visual > img {
    object-position: center center !important;
  }
}

/* v90 — tighten the Beauty experience pills and align the purchase action
   with the label column instead of the center of the card. */
body.page.page-beauty .product-profile--beauty .product-profile__copy dl {
  width: min(100%, 500px) !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature {
  grid-template-columns: clamp(124px, 9vw, 142px) minmax(0, 1fr) !important;
}

body.page.page-beauty .product-profile--beauty .profile-feature dt {
  padding-inline: 10px !important;
}

body.page.page-beauty .product-profile--beauty .profile-feature dd {
  padding: 0 14px 0 18px !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop {
  align-self: flex-start !important;
  justify-self: start !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature {
    grid-template-columns: 94px minmax(0, 1fr) !important;
  }

  body.page.page-beauty .product-profile--beauty .profile-feature dt {
    padding-inline: 6px !important;
  }

  body.page.page-beauty .product-profile--beauty .profile-feature dd {
    padding: 0 10px 0 12px !important;
  }
}

/* v91 — compact content controls: remove dead horizontal space without
   crowding the copy, and restore a clean title/description rhythm. */
.page-home .portal-card__cta {
  width: max-content !important;
  min-width: 0 !important;
  justify-content: center !important;
  gap: 9px !important;
  padding-inline: 16px !important;
}

.page-brand .brand-world__panel > div {
  gap: 7px !important;
}

.page-brand .brand-world h3 {
  line-height: 1 !important;
}

.page-brand .brand-world p {
  line-height: 1.48 !important;
}

.page-brand .brand-world__cta {
  min-width: 0 !important;
  justify-content: center !important;
  gap: 9px !important;
  padding-inline: 14px !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dl {
  width: 100% !important;
  max-width: 100% !important;
  align-items: start !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature {
  width: fit-content !important;
  max-width: 100% !important;
  grid-template-columns: clamp(124px, 9vw, 142px) auto !important;
  justify-self: start !important;
}

body.page.page-beauty .product-profile--beauty .profile-feature dd {
  white-space: nowrap;
}

@media (min-width: 761px) {
  .page-brand .brand-world__panel {
    right: auto !important;
    width: max-content !important;
    max-width: calc(100% - clamp(32px, 3.1vw, 50px)) !important;
    grid-template-columns: max-content auto !important;
    gap: clamp(22px, 2vw, 32px) !important;
  }
}

@media (max-width: 760px) {
  .page-home .portal-card__cta {
    gap: 7px !important;
    min-height: 48px !important;
    padding-inline: 14px !important;
  }

  .page-brand .brand-world__panel {
    gap: 10px !important;
  }

  .page-brand .brand-world__panel > div {
    gap: 5px !important;
  }

  .page-brand .brand-world__cta {
    width: max-content !important;
    gap: 8px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature {
    width: fit-content !important;
    max-width: 100% !important;
    grid-template-columns: 94px auto !important;
  }
}

/* v92 — mobile story image: keep the products luminous, reserve the darkening
   for the copy zone, and soften the heavy green falloff at the bottom. */
@media (max-width: 760px) {
  .page-home .home-about--identity .home-about__visual::after {
    background: linear-gradient(
      180deg,
      rgba(17, 38, 31, .02) 0%,
      rgba(17, 38, 31, .04) 58%,
      rgba(17, 38, 31, .14) 78%,
      rgba(17, 38, 31, .28) 100%
    ) !important;
  }

  .page-home .home-about--identity .home-about__copy::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, .28) 0%,
      rgba(0, 0, 0, .22) 42%,
      rgba(0, 0, 0, .08) 62%,
      transparent 76%
    );
    pointer-events: none;
  }

  .page-home .home-about--identity .home-about__copy > .eyebrow,
  .page-home .home-about--identity .home-about__copy > p,
  .page-home .home-about--identity .home-about__copy > .text-link {
    text-shadow: 0 2px 12px rgba(0, 0, 0, .3);
  }
}

/* v93 — one editorial heading scale, matched hero heights, and lighter
   product/category overlays with deliberate right alignment. */
body.page {
  --luas-kicker-size: clamp(12px, .78vw, 14px);
  --luas-section-title-size: clamp(46px, 4.25vw, 72px);
  --luas-support-size: clamp(15px, 1vw, 18px);
  --luas-heading-top-space: clamp(62px, 7vh, 88px);
}

/* Home, Brand and both product-category heroes share the same stage height. */
.page-home main > .home-hero,
.page-brand main > .brand-manifesto,
.page-beauty main > .hero-full,
.page-wellness main > .hero-full,
.page-beauty main > .hero-full > .hero-full__stage,
.page-wellness main > .hero-full > .hero-full__stage {
  height: calc(100svh - var(--header)) !important;
  min-height: 650px !important;
  max-height: none !important;
}

/* Repeatable section hierarchy: kicker, main title, supporting sentence. */
.page-home .home-about__copy > .eyebrow,
.page-home .home-products__intro > .eyebrow,
.page-brand .brand-manifesto .brand-manifesto__label,
.page-brand .brand-philosophy__heading > .eyebrow,
.page-brand .brand-worlds__heading > .eyebrow,
.page-beauty .formula-editorial__heading > .eyebrow,
.page-wellness .formula-editorial__heading > .eyebrow,
body.page .product-profile__copy > .eyebrow {
  font-size: var(--luas-kicker-size) !important;
  line-height: 1.2 !important;
  letter-spacing: .2em !important;
}

.page-home .home-about__copy > h2,
.page-home .home-products__intro > h2,
.page-brand .brand-philosophy__heading > h2,
.page-brand .brand-worlds__heading > h2,
.page-beauty .formula-editorial__heading > h3,
.page-wellness .formula-editorial__heading > h3,
body.page .product-profile__copy > h2 {
  font-size: var(--luas-section-title-size) !important;
  line-height: 1.08 !important;
  letter-spacing: -.055em !important;
}

.page-home .home-about__copy > p,
.page-home .home-products__intro > p,
.page-brand .brand-philosophy__heading > p,
.page-beauty .formula-editorial__heading > p,
.page-wellness .formula-editorial__heading > p {
  font-size: var(--luas-support-size) !important;
  line-height: 1.68 !important;
}

/* Formula headings live directly on the page, never inside the data board. */
.ingredient-map.formula-editorial {
  padding-top: var(--luas-heading-top-space) !important;
}

.formula-editorial__inner {
  gap: clamp(28px, 3.6vh, 42px) !important;
}

.formula-editorial__heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  padding-inline: clamp(8px, .8vw, 18px) !important;
  background: transparent !important;
}

.formula-editorial__heading > .eyebrow {
  margin: 0 0 18px !important;
}

.formula-editorial__heading > h3 {
  max-width: 12em;
  margin: 0 !important;
  color: var(--green);
  font-family: var(--sans);
  font-weight: 350;
  word-break: keep-all;
}

.formula-editorial__heading > p {
  max-width: 38em !important;
  margin: 16px 0 0 !important;
  color: rgba(21, 37, 31, .64);
  word-break: keep-all;
}

.formula-editorial__outcomes {
  display: none !important;
}

/* Brand route labels: compact cards anchored to the right edge. */
.page-brand .brand-world__panel {
  right: clamp(16px, 1.55vw, 25px) !important;
  left: auto !important;
  width: max-content !important;
  max-width: calc(100% - clamp(32px, 3.1vw, 50px)) !important;
  grid-template-columns: minmax(0, max-content) auto !important;
  gap: clamp(18px, 1.5vw, 24px) !important;
  padding: clamp(15px, 1.25vw, 20px) !important;
}

.page-brand .brand-world__panel > div {
  max-width: clamp(190px, 16vw, 270px);
}

/* Beauty experience: the photograph is the section. Only the feature pills
   remain boxed; title and kicker float directly on the image. */
body.page.page-beauty .product-profile--beauty {
  display: block !important;
  height: calc(100svh - var(--header)) !important;
  min-height: 680px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__visual {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 0 !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__visual::after {
  background: linear-gradient(90deg, transparent 0 46%, rgba(252, 245, 244, .14) 55%, rgba(252, 245, 244, .72) 100%) !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__visual > img {
  object-position: 34% center !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy {
  position: absolute !important;
  z-index: 2 !important;
  top: 50% !important;
  right: clamp(40px, 6vw, 118px) !important;
  bottom: auto !important;
  left: auto !important;
  display: flex !important;
  width: min(40vw, 620px) !important;
  height: auto !important;
  max-height: calc(100% - 72px) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transform: translateY(-50%) !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dl {
  width: min(100%, 500px) !important;
  max-width: 500px !important;
  align-items: stretch !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns: clamp(118px, 8vw, 138px) minmax(0, 1fr) !important;
  justify-self: stretch !important;
}

/* Wellness details keep their information surface, but shed the unused side. */
body.page.page-wellness .product-profile--wellness .product-profile__copy {
  right: clamp(28px, 4vw, 70px) !important;
  left: auto !important;
  width: min(36vw, 560px) !important;
  padding: clamp(26px, 2.5vw, 42px) !important;
}

@media (max-width: 760px) {
  body.page {
    --luas-kicker-size: 11px;
    --luas-section-title-size: clamp(38px, 10.5vw, 43px);
    --luas-support-size: 14px;
    --luas-heading-top-space: 56px;
  }

  .page-home main > .home-hero,
  .page-brand main > .brand-manifesto,
  .page-beauty main > .hero-full,
  .page-wellness main > .hero-full,
  .page-beauty main > .hero-full > .hero-full__stage,
  .page-wellness main > .hero-full > .hero-full__stage {
    height: calc(100svh - var(--header)) !important;
    min-height: 560px !important;
    max-height: none !important;
  }

  .page-brand main > .brand-manifesto {
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 20px !important;
    padding: 38px var(--pad) 28px !important;
  }

  .page-brand .brand-manifesto .brand-hero__copy > p {
    margin-bottom: 16px !important;
  }

  .page-brand .brand-manifesto .brand-manifesto__slogan {
    font-size: clamp(53px, 15vw, 64px) !important;
  }

  .page-brand .brand-manifesto__statement {
    margin-top: 20px !important;
  }

  .page-brand .brand-manifesto .brand-manifesto__visual {
    min-height: 0 !important;
  }

  .formula-editorial__inner {
    gap: 30px !important;
  }

  .formula-editorial__heading {
    padding-inline: 0 !important;
  }

  .formula-editorial__heading > .eyebrow {
    margin-bottom: 14px !important;
  }

  .formula-editorial__heading > p {
    margin-top: 12px !important;
  }

  .page-brand .brand-world__panel {
    right: 14px !important;
    left: auto !important;
    width: min(318px, calc(100% - 28px)) !important;
    max-width: calc(100% - 28px) !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .page-brand .brand-world__panel > div {
    max-width: none;
  }

  .page-brand .brand-world h3 {
    font-size: 36px !important;
  }

  .page-brand .brand-world p {
    font-size: 10px !important;
  }

  .page-brand .brand-world__cta {
    width: max-content !important;
    min-height: 42px !important;
    padding-inline: 13px !important;
  }

  body.page.page-beauty .product-profile--beauty {
    display: block !important;
    height: 730px !important;
    min-height: 730px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual::after {
    background: linear-gradient(180deg, rgba(253, 247, 246, .78) 0%, rgba(253, 247, 246, .36) 47%, rgba(253, 247, 246, .66) 100%) !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual > img {
    object-position: 39% center !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 54px 20px 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    transform: none !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy h2 {
    max-width: 8.5em !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dl {
    width: 100% !important;
    max-width: 350px !important;
    margin-top: 28px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature {
    width: 100% !important;
    grid-template-columns: 94px minmax(0, 1fr) !important;
  }

  body.page.page-beauty .product-profile--beauty .profile-feature dd {
    white-space: nowrap;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop {
    margin-top: auto !important;
  }

  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    right: 14px !important;
    left: auto !important;
    width: calc(100% - 64px) !important;
    margin: -34px 0 0 !important;
    padding: 26px 20px 24px !important;
  }

  body.page.page-wellness .product-profile--wellness .product-profile__copy h2 {
    font-size: 36px !important;
  }
}

/* v94 — keep the hero product clear: the title remains in the upper field,
   while compact, equal-width feature rows settle into the lower field. */
.page-beauty .formula-editorial__heading > h3,
.page-wellness .formula-editorial__heading > h3,
body.page .product-profile__copy > h2,
.page-home .home-about__copy > h2,
.page-home .home-products__intro > h2,
.page-brand .brand-philosophy__heading > h2,
.page-brand .brand-worlds__heading > h2 {
  font-size: var(--luas-section-title-size) !important;
}

.page-beauty .hero-full .beauty-hero__copy > p,
.page-wellness .hero-full .wellness-hero__copy > p {
  font-size: var(--luas-kicker-size) !important;
  line-height: 1.2 !important;
  letter-spacing: .2em !important;
}

.page-beauty .hero-full .beauty-hero__copy > h1,
.page-wellness .hero-full .wellness-hero__copy > h1 {
  font-size: var(--luas-section-title-size) !important;
  line-height: 1.08 !important;
  letter-spacing: -.055em !important;
}

.page-wellness .hero-full .wellness-hero__copy > .wellness-hero__line {
  font-size: var(--luas-support-size) !important;
  line-height: 1.68 !important;
}

body.page .product-profile__copy > p {
  font-size: var(--luas-support-size) !important;
  line-height: 1.68 !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dl {
  display: grid !important;
  width: max-content !important;
  max-width: 100% !important;
  align-items: stretch !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature {
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: clamp(118px, 8vw, 138px) auto !important;
}

@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy dl {
    width: max-content !important;
    max-width: calc(100% - 4px) !important;
    margin-top: auto !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature {
    width: 100% !important;
    grid-template-columns: 94px auto !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop {
    margin-top: 18px !important;
  }

  body.page.page-wellness .product-profile--wellness .product-profile__copy h2 {
    font-size: var(--luas-section-title-size) !important;
  }
}

/* v96 — mobile Beauty experience: restore the original image-first, card-second
   composition while preserving the current typography and compact feature rows. */
@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: 410px auto !important;
    gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 14px !important;
    overflow: visible !important;
    background: #f5e7ea !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual {
    position: relative !important;
    z-index: 0 !important;
    inset: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 410px !important;
    min-height: 410px !important;
    overflow: hidden !important;
    border-radius: 28px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual::after {
    background: linear-gradient(180deg, transparent 58%, rgba(246, 232, 236, .34) 82%, rgba(246, 232, 236, .76) 100%) !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual > img {
    object-position: 31% center !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy {
    position: relative !important;
    z-index: 2 !important;
    inset: auto !important;
    grid-row: 2 !important;
    display: flex !important;
    justify-content: flex-start !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    margin: -24px 0 0 !important;
    padding: 32px 20px 24px !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, .78) !important;
    border-radius: 28px !important;
    background: rgba(252, 247, 246, .95) !important;
    box-shadow: 0 20px 48px rgba(63, 48, 53, .1) !important;
    backdrop-filter: blur(16px) saturate(1.04) !important;
    transform: none !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dl {
    width: max-content !important;
    max-width: 100% !important;
    margin-top: 26px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop {
    margin-top: 22px !important;
  }
}

/* v97 — keep the mobile Beauty copy card as compact as its content so the
   product image remains visible instead of being covered by empty white space. */
@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy {
    justify-self: start !important;
    width: min(100%, 330px) !important;
    margin: -24px auto 0 0 !important;
  }
}

/* v98 — mobile LUAS story: hold a quiet dark veil behind the full copy stack
   so white and blush type stays legible over the luminous product still-life. */
@media (max-width: 760px) {
  .page-home .home-about--identity .home-about__copy {
    isolation: isolate;
  }

  .page-home .home-about--identity .home-about__copy::before {
    z-index: 0;
    background:
      radial-gradient(ellipse 120% 82% at 18% 34%, rgba(19, 24, 21, .34) 0%, rgba(19, 24, 21, .27) 46%, rgba(19, 24, 21, .13) 72%, transparent 100%),
      linear-gradient(180deg, rgba(9, 14, 12, .16) 0%, rgba(9, 14, 12, .14) 64%, rgba(9, 14, 12, .05) 82%, transparent 100%);
  }

  .page-home .home-about--identity .home-about__copy > * {
    position: relative;
    z-index: 1;
  }

  .page-home .home-about--identity .home-about__copy > .eyebrow,
  .page-home .home-about--identity .home-about__copy > h2,
  .page-home .home-about--identity .home-about__copy > p,
  .page-home .home-about--identity .home-about__copy > .text-link {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .34), 0 5px 20px rgba(0, 0, 0, .42) !important;
  }

  .page-home .home-about--identity .home-about__copy > p {
    color: rgba(255, 255, 255, .98) !important;
    font-weight: 500 !important;
  }
}

/* v99 — mobile product stories use the photographed set as the whole section
   canvas; the product stays above and the information card floats below it. */
@media (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty,
  body.page.page-wellness .product-profile--wellness {
    position: relative !important;
    isolation: isolate;
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: clamp(410px, 60vw, 560px) auto !important;
    gap: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 14px 18px !important;
    overflow: visible !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
  }

  body.page.page-beauty .product-profile--beauty {
    background-color: #f5e7ea !important;
    background-image:
      linear-gradient(rgba(250, 239, 243, .16), rgba(250, 239, 243, .24)),
      url("./assets/beauty-routine-editorial-v5.png") !important;
    background-position: center, 92% 66% !important;
  }

  body.page.page-wellness .product-profile--wellness {
    background-color: #edf1ec !important;
    background-image:
      linear-gradient(rgba(239, 243, 237, .12), rgba(239, 243, 237, .2)),
      url("./assets/wellness-settle-hero-v5.png") !important;
    background-position: center, 88% 68% !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual,
  body.page.page-wellness .product-profile--wellness .product-profile__visual {
    position: relative !important;
    z-index: 0 !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: calc(100% + 28px) !important;
    height: clamp(410px, 60vw, 560px) !important;
    min-height: 410px !important;
    margin-left: -14px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual::after {
    background: linear-gradient(180deg, transparent 72%, rgba(246, 232, 236, .18) 100%) !important;
  }

  body.page.page-wellness .product-profile--wellness .product-profile__visual::after {
    background: linear-gradient(180deg, transparent 72%, rgba(237, 241, 236, .18) 100%) !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual > img,
  body.page.page-wellness .product-profile--wellness .product-profile__visual > img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    transform: none !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual > img {
    object-position: 31% center !important;
  }

  body.page.page-wellness .product-profile--wellness .product-profile__visual > img {
    object-position: 61% center !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    position: relative !important;
    z-index: 2 !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    height: auto !important;
    max-height: none !important;
    margin: -28px auto 0 0 !important;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, .8) !important;
    border-radius: 28px !important;
    background: rgba(252, 248, 246, .94) !important;
    box-shadow: 0 20px 48px rgba(43, 48, 44, .11) !important;
    backdrop-filter: blur(16px) saturate(1.04) !important;
    transform: none !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy {
    width: min(100%, clamp(330px, 72vw, 660px)) !important;
    padding: clamp(32px, 5vw, 48px) clamp(20px, 5vw, 44px) clamp(24px, 4vw, 38px) !important;
  }

  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    width: min(100%, clamp(356px, 72vw, 660px)) !important;
    padding: clamp(30px, 5vw, 46px) clamp(20px, 5vw, 44px) clamp(26px, 4vw, 38px) !important;
  }
}

/* v103 — keep the mobile Brand category title on two balanced lines. */
@media (max-width: 760px) {
  .page-brand .brand-worlds__heading h2 > span {
    display: block;
  }
}

@media (min-width: 1101px) {
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    right: auto !important;
    left: clamp(36px, 5vw, 76px) !important;
  }
}

/* v101 — dissolve the mobile story veil without a hard edge and give the
   paired Beauty / Wellness chapters one shared vertical rhythm. */
@media (max-width: 760px) {
  .page-home .home-hero--paper-art::before {
    background: radial-gradient(
      ellipse 72% 58% at 49% 43%,
      rgba(255, 251, 244, .08),
      transparent 72%
    ) !important;
  }

  .page-home .home-about--identity .home-about__copy::before {
    inset: -26px -18px -54px !important;
    background: radial-gradient(
      ellipse 96% 76% at 24% 42%,
      rgba(8, 14, 11, .36) 0%,
      rgba(8, 14, 11, .26) 44%,
      rgba(8, 14, 11, .11) 66%,
      transparent 84%
    ) !important;
  }
}

.page-beauty .ingredient-map.formula-editorial,
.page-wellness .ingredient-map.formula-editorial {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: max(calc(100svh - var(--header)), 868px) !important;
}

.page-beauty .formula-editorial__visual,
.page-wellness .formula-editorial__visual {
  height: 440px !important;
  aspect-ratio: auto !important;
}

.page-beauty .formula-editorial__note,
.page-wellness .formula-editorial__note {
  margin-top: auto !important;
  padding-top: clamp(12px, 1.4vh, 18px) !important;
}

.page-wellness .formula-title-line {
  white-space: nowrap;
}

@media (min-width: 761px) and (max-width: 1100px) {
  .page-beauty .ingredient-map.formula-editorial,
  .page-wellness .ingredient-map.formula-editorial {
    min-height: max(calc(100svh - var(--header)), 852px) !important;
  }

  .page-beauty .formula-editorial__visual,
  .page-wellness .formula-editorial__visual {
    height: 400px !important;
  }
}

@media (max-width: 760px) {
  .page-beauty .ingredient-map.formula-editorial,
  .page-wellness .ingredient-map.formula-editorial {
    min-height: 884px !important;
  }

  .page-beauty .formula-editorial__visual,
  body.page.page-wellness .formula-editorial--wellness .formula-editorial__visual {
    height: 360px !important;
  }

  .page-wellness .formula-title-line {
    display: block;
  }

  .page-wellness .formula-editorial__visual--wellness figcaption {
    bottom: 58px !important;
    gap: 7px !important;
  }

  .page-wellness .formula-editorial__visual--wellness figcaption span {
    font-size: 11px !important;
    letter-spacing: .16em !important;
  }

  .page-wellness .formula-editorial__visual--wellness figcaption strong {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  .page-wellness .botanical-names--wellness li {
    min-height: 46px;
    padding: 13px 6px !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    letter-spacing: -.01em !important;
  }
}

@media (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    height: clamp(468px, 61.5vw, 553px) !important;
    min-height: clamp(468px, 61.5vw, 553px) !important;
  }
}

/* v102 — remove the clipped story shade entirely, and keep the paired product
   chapters equal without stretching their information cards. */
@media (max-width: 760px) {
  .page-home .home-about--identity .home-about__copy::before {
    content: none !important;
    display: none !important;
    background: none !important;
  }
}

@media (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty,
  body.page.page-wellness .product-profile--wellness {
    align-content: start !important;
    min-height: calc(
      clamp(410px, 60vw, 560px) + clamp(470px, 61.5vw, 553px) - 10px
    ) !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual > img {
    transform: translateY(12px) scale(1.04) !important;
    transform-origin: center center !important;
  }
}

/* v106 — keep secondary formula information comfortably readable. */
.page-beauty .formula-editorial__visual figcaption span,
.page-wellness .formula-editorial__visual figcaption span {
  font-size: clamp(12px, .78vw, 13px) !important;
}

.page-beauty .formula-editorial__visual figcaption strong,
.page-wellness .formula-editorial__visual figcaption strong {
  font-size: clamp(22px, 1.55vw, 28px) !important;
  line-height: 1.2 !important;
}

.page-beauty .botanical-names li,
.page-wellness .botanical-names li {
  font-size: clamp(12px, .82vw, 14px) !important;
  line-height: 1.25 !important;
}

.page-beauty .formula-line p {
  font-size: clamp(14px, .88vw, 15px) !important;
  line-height: 1.55 !important;
}

body.page.page-beauty .formula-line > strong,
body.page.page-wellness .formula-line > strong {
  font-size: clamp(12px, .74vw, 13px) !important;
  line-height: 1.2 !important;
}

body.page.page-beauty .formula-editorial__note,
body.page.page-wellness .formula-editorial__note {
  font-size: clamp(7px, .58vw, 9px) !important;
  line-height: 1.35 !important;
  letter-spacing: -.025em !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  .page-wellness .formula-editorial__visual--wellness figcaption span {
    font-size: 12px !important;
  }

  .page-wellness .formula-editorial__visual--wellness figcaption strong {
    font-size: 24px !important;
  }

  .page-beauty .botanical-names li,
  .page-wellness .botanical-names li {
    font-size: 15px !important;
  }

  .page-beauty .formula-editorial--beauty .formula-editorial__lines {
    box-sizing: border-box;
    width: calc(100% + 24px) !important;
    margin-left: -12px !important;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops {
    cursor: grab;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
    user-select: none;
  }

  body.page.page-wellness .formula-editorial--wellness .formula-editorial__visual {
    height: auto !important;
    aspect-ratio: 1.75 / 1 !important;
  }
}

/* v108 — keep the formula chapter's closing rhythm compact and move the
   floating purchase action into a calm, consistently visible side position. */
body.page.page-beauty .formula-editorial__note,
body.page.page-wellness .formula-editorial__note {
  margin-top: clamp(16px, 1.6vh, 20px) !important;
  padding-top: 0 !important;
}

body.page:not(.page-home) .purchase-fab {
  top: 58% !important;
  bottom: auto !important;
}

@media (max-width: 760px) {
  .page-beauty .ingredient-map.formula-editorial,
  .page-wellness .ingredient-map.formula-editorial {
    min-height: 0 !important;
    padding-bottom: 40px !important;
  }

  body.page:not(.page-home) .purchase-fab {
    right: 12px !important;
    transform: translate(18px, -50%) !important;
  }

  body.page:not(.page-home) .purchase-fab.is-visible {
    transform: translate(0, -50%) !important;
  }
}

/* v109 — equalize the paired Beauty and Wellness formula chapters on phones
   by tightening the taller botanical rail instead of adding empty space. */
@media (max-width: 480px) {
  .page-beauty .formula-editorial--beauty .formula-editorial__visual {
    height: 286px !important;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops span {
    height: 250px !important;
  }
}

/* v110 — one chapter-start rhythm across the site. Hero copy and image-first
   product cards keep their own composition; comparable editorial chapters use
   a shared inset so section boundaries no longer feel arbitrarily deep. */
@media (min-width: 761px) {
  .page-brand .brand-daily,
  .page-brand .brand-worlds,
  .page-beauty .ingredient-map.formula-editorial,
  .page-wellness .ingredient-map.formula-editorial {
    padding-top: 72px !important;
  }
}

@media (max-width: 760px) {
  .page-home .home-about--identity .home-about__copy,
  .page-home .home-products__intro,
  .page-brand .brand-daily,
  .page-brand .brand-worlds,
  .page-beauty .ingredient-map.formula-editorial,
  .page-wellness .ingredient-map.formula-editorial {
    padding-top: 64px !important;
  }
}

/* v111 — a compact but readable closing system: stronger information type,
   useful footer navigation, and one consistent two-tier rhythm on every page. */
.site-footer {
  padding: clamp(30px, 2.6vw, 40px) var(--pad) clamp(22px, 1.8vw, 28px) !important;
}

.site-footer__info {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr) minmax(0, 1fr) !important;
  gap: clamp(32px, 4vw, 72px) !important;
  padding: 0 0 clamp(26px, 2vw, 32px) !important;
  align-content: start !important;
}

.site-footer__info small {
  font-size: 10px !important;
  line-height: 1.2 !important;
  letter-spacing: .18em !important;
  opacity: .72 !important;
}

.site-footer__info p {
  margin-top: 10px !important;
  font-size: clamp(13px, .95vw, 15px) !important;
  line-height: 1.6 !important;
}

.site-footer__info a {
  color: inherit;
  text-decoration: none;
}

.site-footer__info a:hover,
.site-footer__info a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.site-footer__bottom {
  padding-top: 18px !important;
  font-size: 10px !important;
}

.site-footer__bottom nav {
  gap: 32px !important;
}

.site-footer__bottom a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .14em;
  opacity: .68;
  transition: opacity .25s ease;
}

.site-footer__bottom a:hover,
.site-footer__bottom a:focus-visible,
.site-footer__bottom a[aria-current="page"] {
  opacity: 1;
}

.site-footer__bottom a[aria-current="page"] {
  box-shadow: inset 0 -1px currentColor;
}

.site-footer__bottom > span {
  opacity: .72;
}

@media (max-width: 760px) {
  .site-footer {
    padding: 30px var(--pad) 20px !important;
  }

  .site-footer__info {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 24px 18px !important;
    padding: 0 0 28px !important;
  }

  .site-footer__info > div:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .site-footer__info small {
    font-size: 10px !important;
  }

  .site-footer__info p {
    margin-top: 8px !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
  }

  .site-footer__bottom {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 14px;
    padding-top: 18px !important;
  }

  .site-footer__bottom nav {
    width: 100%;
    justify-content: space-between;
    gap: 0 !important;
    margin-bottom: 0 !important;
  }

  .site-footer__bottom a {
    min-height: 32px;
    font-size: 10px;
  }

  .site-footer__bottom > span {
    font-size: 9px;
  }
}

/* v112 — pull the in-card purchase action closer to the product facts so the
   closing whitespace matches the card's upper rhythm on both product pages. */
body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop {
  margin-top: calc(clamp(22px, 3vh, 34px) - 15px) !important;
}

@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop,
  body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop {
    margin-top: 7px !important;
  }
}

/* v113 — make the active mobile destination legible without adding another
   decorative line to the menu, while keeping hover and keyboard focus equal. */
@media (max-width: 760px) {
  .mobile-menu nav a {
    opacity: .64;
    transition: opacity .24s ease;
  }

  .mobile-menu nav a:hover,
  .mobile-menu nav a:focus-visible,
  .mobile-menu nav a[aria-current="page"] {
    opacity: 1;
  }

  .mobile-menu nav a[aria-current="page"] {
    font-weight: 600;
  }
}

/* v114 — preserve the compact closing composition while making contact details
   and footer navigation comfortable to read and tap across all four routes. */
.site-footer__info small {
  font-size: 11px !important;
  opacity: .78 !important;
}

.site-footer__info p {
  font-size: clamp(14px, 1vw, 15px) !important;
}

.site-footer__bottom a {
  min-height: 36px;
  padding-inline: 3px;
  font-size: 11px;
}

.site-footer__bottom > span {
  font-size: 10px;
}

@media (max-width: 760px) {
  .site-footer__info p {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  .site-footer__bottom {
    gap: 10px;
  }

  .site-footer__bottom a {
    min-height: 44px;
    padding-inline: 2px;
    font-size: 11px;
  }

  .site-footer__bottom > span {
    font-size: 10px;
  }
}

/* v115 — unify every purchase action as a concise capsule and let the
   Wellness botanical photograph lead with quieter, lighter typography. */
body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: max-content !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 0 19px !important;
  border: 1px solid rgba(23,55,45,.2) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.66) !important;
  box-shadow: 0 9px 24px rgba(23,55,45,.07) !important;
  color: #17372d !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: -.015em !important;
  transition: transform .28s ease, border-color .28s ease, background .28s ease !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop span,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop span {
  display: inline !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 17px !important;
  line-height: 1 !important;
  transition: transform .28s ease !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop:hover,
body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop:focus-visible,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop:hover,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop:focus-visible {
  transform: translateY(-2px) !important;
  border-color: rgba(23,55,45,.42) !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 11px 26px rgba(23,55,45,.1) !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop:hover span,
body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop:focus-visible span,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop:hover span,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop:focus-visible span {
  transform: translate(2px, -2px) !important;
}

.purchase-layer .purchase-option .purchase-option__cta {
  gap: 9px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  border-radius: 999px !important;
  background: rgba(255,253,249,.92) !important;
  color: #17372d !important;
  box-shadow: 0 9px 24px rgba(12,26,21,.16) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

.purchase-layer .purchase-option .purchase-option__cta i {
  display: inline !important;
  flex: 0 0 auto !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

.purchase-layer .purchase-option:is(:hover, :focus-visible) .purchase-option__cta i {
  transform: translate(2px, -2px) !important;
  background: transparent !important;
}

.page-wellness .formula-editorial__visual--wellness figcaption {
  bottom: 48px !important;
  gap: 6px !important;
  color: rgba(255,250,244,.86) !important;
}

.page-wellness .formula-editorial__visual--wellness figcaption span {
  font-size: 11px !important;
  font-weight: 620 !important;
  letter-spacing: .18em !important;
}

.page-wellness .formula-editorial__visual--wellness figcaption strong {
  font-size: clamp(20px, 1.25vw, 24px) !important;
  font-weight: 470 !important;
  line-height: 1.22 !important;
}

.page-wellness .botanical-names--wellness {
  background: rgba(16,34,28,.4) !important;
  color: rgba(255,250,244,.84) !important;
}

.page-wellness .botanical-names--wellness li {
  min-height: 38px !important;
  padding: 10px 6px !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop,
  body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop {
    min-height: 44px !important;
    margin-top: 8px !important;
    padding-inline: 17px !important;
    font-size: 14px !important;
  }

  .purchase-layer .purchase-option .purchase-option__cta {
    gap: 8px !important;
    min-height: 40px !important;
    padding-inline: 14px !important;
    font-size: 13px !important;
  }

  .purchase-layer .purchase-option .purchase-option__cta i {
    font-size: 16px !important;
  }

  .page-wellness .formula-editorial__visual--wellness figcaption {
    bottom: 47px !important;
  }

  .page-wellness .formula-editorial__visual--wellness figcaption span {
    font-size: 10px !important;
  }

  .page-wellness .formula-editorial__visual--wellness figcaption strong {
    font-size: 20px !important;
  }

  .page-wellness .botanical-names--wellness li {
    min-height: 38px !important;
    padding: 10px 6px !important;
    font-size: 13px !important;
  }
}

/* v116 — keep the Brand route copy on one calm line and make the Beauty
   botanical rail feel continuous instead of visibly resetting at its edges. */
@media (max-width: 760px) {
  .page-brand .brand-world__panel > div {
    min-width: 0 !important;
  }

  .page-brand .brand-world p {
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    font-size: clamp(9px, 2.8vw, 11px) !important;
    letter-spacing: -.025em !important;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops {
    scroll-behavior: auto !important;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops span {
    --slide-focus: 0;
    opacity: calc(.42 + var(--slide-focus) * .58) !important;
    filter: saturate(calc(.74 + var(--slide-focus) * .24)) contrast(calc(.96 + var(--slide-focus) * .06)) !important;
    transform: scale(calc(.92 + var(--slide-focus) * .08)) !important;
    scroll-snap-stop: normal !important;
    transition: box-shadow .28s ease !important;
    will-change: opacity, transform, filter;
  }

  .page-beauty .formula-editorial--beauty .botanical-crops span.is-active {
    box-shadow: 0 22px 48px rgba(39,50,44,.18) !important;
  }
}

/* v117 — give the paired product endings one shared card and label system.
   Their content stays route-specific, while geometry, rhythm and micro-labels
   now read as the same LUAS component family. */
body.page.page-beauty .product-profile--beauty .product-profile__copy,
body.page.page-wellness .product-profile--wellness .product-profile__copy {
  border: 1px solid rgba(255, 255, 255, .82) !important;
  border-radius: clamp(28px, 2.6vw, 42px) !important;
  background: rgba(252, 248, 246, .86) !important;
  box-shadow: 0 20px 48px rgba(43, 48, 44, .11) !important;
  backdrop-filter: blur(18px) saturate(1.04) !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dl,
body.page.page-wellness .product-profile--wellness .product-profile__copy dl {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  gap: 9px !important;
  margin-top: clamp(24px, 3vh, 32px) !important;
  border: 0 !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature,
body.page.page-wellness .product-profile--wellness .product-profile__copy dl > div {
  display: grid !important;
  grid-template-columns: 128px minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 60px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(21, 37, 31, .11) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(72, 48, 57, .05) !important;
}

body.page.page-wellness .product-profile--wellness .product-profile__copy dl > div,
body.page.page-wellness .product-profile--wellness .product-profile__copy dl > div:last-child {
  background: rgba(235, 241, 237, .84) !important;
  border-color: rgba(67, 91, 81, .13) !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dt,
body.page.page-wellness .product-profile--wellness .product-profile__copy dt {
  display: grid !important;
  align-self: stretch !important;
  place-items: center !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .12em !important;
  text-align: center !important;
}

body.page.page-wellness .product-profile--wellness .product-profile__copy dt {
  background: #80978e !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dd,
body.page.page-wellness .product-profile--wellness .product-profile__copy dd {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  padding: 0 18px !important;
  font-size: clamp(14px, 1.12vw, 17px) !important;
}

@media (min-width: 1101px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    width: min(36vw, 560px) !important;
    max-width: none !important;
    padding: clamp(30px, 2.5vw, 42px) !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy {
    right: clamp(36px, 5vw, 76px) !important;
    left: auto !important;
  }

  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    right: auto !important;
    left: clamp(36px, 5vw, 76px) !important;
  }
}

@media (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    width: min(100%, clamp(356px, 72vw, 660px)) !important;
    margin: -28px 0 0 !important;
    padding: clamp(30px, 5vw, 46px) clamp(20px, 5vw, 44px) clamp(26px, 4vw, 38px) !important;
  }
}

@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    width: 100% !important;
    padding: 30px 20px 26px !important;
    border-radius: 28px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dl,
  body.page.page-wellness .product-profile--wellness .product-profile__copy dl {
    gap: 9px !important;
    margin-top: 24px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature,
  body.page.page-wellness .product-profile--wellness .product-profile__copy dl > div {
    grid-template-columns: 96px minmax(0, 1fr) !important;
    min-height: 54px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dt,
  body.page.page-wellness .product-profile--wellness .product-profile__copy dt {
    padding-inline: 8px !important;
    font-size: 9px !important;
    letter-spacing: .1em !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dd,
  body.page.page-wellness .product-profile--wellness .product-profile__copy dd {
    padding: 0 12px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 340px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy dl > .profile-feature,
  body.page.page-wellness .product-profile--wellness .product-profile__copy dl > div {
    grid-template-columns: 82px minmax(0, 1fr) !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dt,
  body.page.page-wellness .product-profile--wellness .product-profile__copy dt {
    padding-inline: 5px !important;
    font-size: 8px !important;
    letter-spacing: .08em !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dd,
  body.page.page-wellness .product-profile--wellness .product-profile__copy dd {
    padding-inline: 8px !important;
    font-size: 10.5px !important;
    letter-spacing: -.025em !important;
  }
}

/* v118 — pair the closing cards by height as well as width. The new Beauty
   product subtitle balances the Wellness product line, while both purchase
   actions share one bottom baseline. */
body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop {
  margin-top: auto !important;
}

@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    min-height: 466px !important;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    min-height: calc(468px + clamp(30px, 5vw, 46px) + clamp(26px, 4vw, 38px)) !important;
  }
}

@media (min-width: 1101px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    min-height: clamp(539px, 39.8vw, 603px) !important;
  }
}

/* v119 — one visible left axis for every editorial text stack. Earlier
   typeface-specific negative nudges made the large headings begin before the
   kicker and supporting copy. Keep centered hero copy centered, but align all
   left-reading stacks by their actual layout edge at every breakpoint. */
.page-home .home-about__copy > h2,
.page-home .home-products__intro > h2,
.page-brand .brand-manifesto .brand-manifesto__slogan,
.page-brand .brand-philosophy__heading h2,
.page-brand .brand-worlds__heading > h2,
.page-beauty .hero-full .beauty-hero__copy > h1,
.page-wellness .hero-full .wellness-hero__copy > h1,
.page-beauty .formula-editorial__heading > h3,
.page-wellness .formula-editorial__heading > h3,
body.page.page-beauty .product-profile--beauty .product-profile__copy > h2,
body.page.page-wellness .product-profile--wellness .product-profile__copy > h2 {
  margin-left: 0 !important;
}

/* The manifesto support copy now begins on the same axis as its label and
   slogan; the accent becomes a horizontal rule instead of an indented rail. */
.page-brand .brand-manifesto__statement {
  width: min(100%, 42em);
  padding-top: clamp(15px, 1.5vw, 20px) !important;
  padding-left: 0 !important;
  border-top: 1px solid rgba(21, 37, 31, .25) !important;
  border-left: 0 !important;
}

/* Brand philosophy follows the same kicker / title / support stack used by
   the product chapters rather than moving its support copy to a second axis. */
.page-brand .brand-daily .brand-philosophy__heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

.page-brand .brand-daily .brand-philosophy__heading > p {
  width: min(100%, 46em) !important;
  max-width: 46em !important;
  margin: clamp(18px, 2.2vh, 24px) 0 0 !important;
}

/* v120 — keep the Beauty set full-bleed while reducing the photographed
   product's visual weight. A clean matching scene fills the frame behind the
   inset sharp layer, so tall and narrow screens never reveal empty gutters. */
body.page.page-beauty .product-profile--beauty {
  background-color: #f5e7ea !important;
  background-image:
    linear-gradient(rgba(250, 239, 243, .1), rgba(250, 239, 243, .16)),
    url("./assets/beauty-routine-background-clean-v121.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__visual {
  isolation: isolate;
  background-color: #f5e7ea !important;
  background-image:
    linear-gradient(rgba(250, 239, 243, .12), rgba(250, 239, 243, .18)),
    url("./assets/beauty-routine-background-clean-v121.png") !important;
  background-repeat: no-repeat !important;
  background-position: center, 34% center !important;
  background-size: cover !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__visual > img {
  z-index: 1 !important;
  transform: translateY(2.5%) scale(.91) !important;
  transform-origin: 40% 54% !important;
  filter: drop-shadow(0 16px 14px rgba(105, 60, 72, .08));
}

body.page.page-beauty .product-profile--beauty .product-profile__visual::after {
  z-index: 2 !important;
  pointer-events: none;
}

/* Give the action its own closing beat instead of letting it read as another
   specification row. Both product cards keep the same bottom alignment. */
body.page.page-beauty .product-profile--beauty .product-profile__copy dl {
  margin-bottom: clamp(26px, 2.4vh, 32px) !important;
}

body.page.page-wellness .product-profile--wellness .product-profile__copy > small {
  display: block;
  margin-bottom: clamp(26px, 2.4vh, 32px) !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop {
  min-height: 50px !important;
  padding: 0 21px !important;
  border: 1px solid #17372d !important;
  background: #17372d !important;
  color: #fffdf9 !important;
  box-shadow: 0 12px 28px rgba(23, 55, 45, .16) !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop:hover,
body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop:focus-visible,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop:hover,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop:focus-visible {
  border-color: #244b3e !important;
  background: #244b3e !important;
  box-shadow: 0 14px 30px rgba(23, 55, 45, .2) !important;
}

@media (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty .product-profile__visual {
    background-position: center, 31% center !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__visual > img {
    transform: translateY(3%) scale(.88) !important;
    transform-origin: 36% 56% !important;
  }
}

@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty .product-profile__visual > img {
    transform: translateY(3.5%) scale(.86) !important;
    transform-origin: 34% 58% !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy dl {
    margin-bottom: 26px !important;
  }

  body.page.page-wellness .product-profile--wellness .product-profile__copy > small {
    margin-bottom: 26px !important;
  }
}

/* Keep the paired cards equal after adding the clearer CTA breathing room. */
@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    height: 492px !important;
    min-height: 492px !important;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    height: clamp(565px, 60vw, 590px) !important;
    min-height: clamp(565px, 60vw, 590px) !important;
  }
}

@media (min-width: 1101px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    height: clamp(555px, 40.7vw, 620px) !important;
    min-height: clamp(555px, 40.7vw, 620px) !important;
  }
}

/* A quiet lift makes each information card feel responsive without turning
   the editorial composition into a floating dashboard. */
@media (hover: hover) and (pointer: fine) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    transition:
      transform .42s cubic-bezier(.2, .75, .25, 1),
      box-shadow .42s ease,
      border-color .42s ease !important;
    will-change: transform;
  }
}

@media (hover: hover) and (pointer: fine) and (min-width: 1101px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy:hover,
  body.page.page-beauty .product-profile--beauty .product-profile__copy:focus-within,
  body.page.page-wellness .product-profile--wellness .product-profile__copy:hover,
  body.page.page-wellness .product-profile--wellness .product-profile__copy:focus-within {
    border-color: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 28px 62px rgba(43, 48, 44, .16) !important;
    transform: translateY(calc(-50% - 8px)) !important;
  }
}

@media (hover: hover) and (pointer: fine) and (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy:hover,
  body.page.page-beauty .product-profile--beauty .product-profile__copy:focus-within,
  body.page.page-wellness .product-profile--wellness .product-profile__copy:hover,
  body.page.page-wellness .product-profile--wellness .product-profile__copy:focus-within {
    border-color: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 28px 62px rgba(43, 48, 44, .16) !important;
    transform: translateY(-8px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    transition: none !important;
  }
}

@media (prefers-reduced-motion: reduce) and (min-width: 1101px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy:hover,
  body.page.page-beauty .product-profile--beauty .product-profile__copy:focus-within,
  body.page.page-wellness .product-profile--wellness .product-profile__copy:hover,
  body.page.page-wellness .product-profile--wellness .product-profile__copy:focus-within {
    transform: translateY(-50%) !important;
  }
}

@media (prefers-reduced-motion: reduce) and (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy:hover,
  body.page.page-beauty .product-profile--beauty .product-profile__copy:focus-within,
  body.page.page-wellness .product-profile--wellness .product-profile__copy:hover,
  body.page.page-wellness .product-profile--wellness .product-profile__copy:focus-within {
    transform: none !important;
  }
}

/* v122 — distinguish the in-card purchase action from the pill-shaped fact
   labels and the global floating BUY control. */
body.page.page-beauty .product-profile--beauty .product-profile__copy .profile-shop,
body.page.page-wellness .product-profile--wellness .product-profile__copy .profile-shop {
  border-radius: 18px !important;
}

/* v123 — move the purchase action out of the information card. On precise
   pointers it rises from the card edge on hover or keyboard focus; compact
   layouts keep it visible as a separate, dependable action. */
body.page .product-profile .profile-shop--detached {
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 124px !important;
  min-width: 124px !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0 19px !important;
  border: 1px solid #17372d !important;
  border-radius: 18px !important;
  background: #17372d !important;
  box-shadow: 0 14px 34px rgba(23, 55, 45, .2) !important;
  color: #fffdf9 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: -.015em !important;
  cursor: pointer;
}

body.page .product-profile .profile-shop--detached span {
  display: inline !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 17px !important;
  line-height: 1 !important;
  transition: transform .28s ease !important;
}

body.page .product-profile .profile-shop--detached:hover,
body.page .product-profile .profile-shop--detached:focus-visible {
  border-color: #244b3e !important;
  background: #244b3e !important;
  box-shadow: 0 18px 40px rgba(23, 55, 45, .25) !important;
}

body.page .product-profile .profile-shop--detached:hover span,
body.page .product-profile .profile-shop--detached:focus-visible span {
  transform: translate(2px, -2px) !important;
}

body.page.page-beauty .product-profile--beauty .product-profile__copy dl,
body.page.page-wellness .product-profile--wellness .product-profile__copy > small {
  margin-bottom: 0 !important;
}

@media (min-width: 1101px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    height: clamp(479px, calc(40.7vw - 76px), 544px) !important;
    min-height: clamp(479px, calc(40.7vw - 76px), 544px) !important;
  }

  body.page .product-profile .profile-shop--detached {
    position: absolute !important;
    top: calc(50% + clamp(239.5px, calc(20.35vw - 38px), 272px) + 16px) !important;
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px) !important;
    transition:
      opacity .3s ease,
      transform .42s cubic-bezier(.2, .75, .25, 1),
      background .28s ease,
      border-color .28s ease,
      box-shadow .32s ease !important;
    will-change: opacity, transform;
  }

  body.page.page-beauty .product-profile--beauty > .profile-shop--detached {
    right: calc(clamp(40px, 6vw, 118px) + min(36vw, 560px) - clamp(30px, 2.5vw, 42px) - 124px) !important;
    left: auto !important;
  }

  body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
    right: auto !important;
    left: calc(clamp(40px, 6vw, 118px) + min(36vw, 560px) - clamp(30px, 2.5vw, 42px) - 124px) !important;
  }

  body.page .product-profile .profile-shop--detached::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    height: 16px;
  }

  body.page .product-profile__copy:hover + .profile-shop--detached,
  body.page .product-profile__copy:focus-within + .profile-shop--detached,
  body.page .product-profile .profile-shop--detached:hover,
  body.page .product-profile .profile-shop--detached:focus-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(-8px) !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy:has(+ .profile-shop--detached:hover),
  body.page.page-beauty .product-profile--beauty .product-profile__copy:has(+ .profile-shop--detached:focus-visible),
  body.page.page-wellness .product-profile--wellness .product-profile__copy:has(+ .profile-shop--detached:hover),
  body.page.page-wellness .product-profile--wellness .product-profile__copy:has(+ .profile-shop--detached:focus-visible) {
    border-color: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 28px 62px rgba(43, 48, 44, .16) !important;
    transform: translateY(calc(-50% - 8px)) !important;
  }
}

@media (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    height: calc(clamp(565px, 60vw, 590px) - 76px) !important;
    min-height: calc(clamp(565px, 60vw, 590px) - 76px) !important;
  }

  body.page .product-profile .profile-shop--detached {
    position: relative !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    opacity: 1;
    pointer-events: auto;
    margin-top: 16px !important;
    transition: transform .42s cubic-bezier(.2, .75, .25, 1), background .28s ease, box-shadow .32s ease !important;
  }

  body.page.page-beauty .product-profile--beauty > .profile-shop--detached {
    justify-self: start !important;
    margin-left: clamp(20px, 5vw, 44px) !important;
  }

  body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
    justify-self: end !important;
    margin-right: clamp(20px, 5vw, 44px) !important;
  }
}

@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    height: 416px !important;
    min-height: 416px !important;
  }

  body.page.page-beauty .product-profile--beauty > .profile-shop--detached {
    margin-left: 20px !important;
  }

  body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
    margin-right: 20px !important;
  }
}

@media (hover: hover) and (pointer: fine) and (max-width: 1100px) {
  body.page .product-profile__copy:hover + .profile-shop--detached,
  body.page .product-profile__copy:focus-within + .profile-shop--detached,
  body.page .product-profile .profile-shop--detached:hover,
  body.page .product-profile .profile-shop--detached:focus-visible {
    transform: translateY(-8px) !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy:has(+ .profile-shop--detached:hover),
  body.page.page-beauty .product-profile--beauty .product-profile__copy:has(+ .profile-shop--detached:focus-visible),
  body.page.page-wellness .product-profile--wellness .product-profile__copy:has(+ .profile-shop--detached:hover),
  body.page.page-wellness .product-profile--wellness .product-profile__copy:has(+ .profile-shop--detached:focus-visible) {
    border-color: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 28px 62px rgba(43, 48, 44, .16) !important;
    transform: translateY(-8px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page .product-profile .profile-shop--detached,
  body.page .product-profile .profile-shop--detached span {
    transition: none !important;
  }

  body.page .product-profile__copy:hover + .profile-shop--detached,
  body.page .product-profile__copy:focus-within + .profile-shop--detached,
  body.page .product-profile .profile-shop--detached:hover,
  body.page .product-profile .profile-shop--detached:focus-visible {
    transform: none !important;
  }
}

/* v124 — the detached action stays visible and is centered beneath its card.
   This makes the control immediately discoverable and gives both product
   endings one deliberate, symmetrical placement. */
@media (min-width: 1101px) {
  body.page .product-profile .profile-shop--detached {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body.page.page-beauty .product-profile--beauty > .profile-shop--detached {
    right: calc(clamp(36px, 5vw, 76px) + clamp(154px, calc(18vw - 62px), 218px)) !important;
    left: auto !important;
  }

  body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
    right: auto !important;
    left: calc(clamp(36px, 5vw, 76px) + clamp(154px, calc(18vw - 62px), 218px)) !important;
  }

  body.page .product-profile__copy:hover + .profile-shop--detached,
  body.page .product-profile__copy:focus-within + .profile-shop--detached,
  body.page .product-profile .profile-shop--detached:hover,
  body.page .product-profile .profile-shop--detached:focus-visible {
    transform: translateY(-8px) !important;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty > .profile-shop--detached,
  body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
    justify-self: start !important;
    margin-right: 0 !important;
    margin-left: clamp(116px, calc(36vw - 62px), 268px) !important;
  }
}

@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty > .profile-shop--detached,
  body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
    justify-self: center !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* v125 — turn the detached action into a small floating purchase dock. The
   glass body, product-tinted aura and circular arrow make it a distinct object
   without competing with the product photography. */
body.page .product-profile .profile-shop--detached {
  isolation: isolate;
  justify-content: space-between !important;
  width: 176px !important;
  min-width: 176px !important;
  min-height: 60px !important;
  padding: 6px 8px 6px 20px !important;
  border: 1px solid rgba(255, 255, 255, .86) !important;
  border-radius: 20px !important;
  background: rgba(255, 253, 250, .92) !important;
  color: #17372d !important;
  box-shadow: 0 18px 42px rgba(31, 50, 42, .16) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  font-size: 14px !important;
  letter-spacing: -.01em !important;
}

body.page.page-beauty .product-profile--beauty > .profile-shop--detached {
  border-color: rgba(255, 245, 248, .92) !important;
  background: linear-gradient(135deg, rgba(255, 253, 251, .97), rgba(249, 229, 237, .93)) !important;
  box-shadow: 0 18px 44px rgba(137, 76, 98, .2) !important;
}

body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
  border-color: rgba(247, 252, 247, .92) !important;
  background: linear-gradient(135deg, rgba(255, 253, 249, .97), rgba(226, 238, 230, .94)) !important;
  box-shadow: 0 18px 44px rgba(54, 84, 70, .2) !important;
}

body.page .product-profile .profile-shop--detached span {
  display: grid !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  border-radius: 50% !important;
  background: #17372d !important;
  color: #fffdf9 !important;
  box-shadow: 0 8px 18px rgba(23, 55, 45, .22) !important;
  font-size: 16px !important;
}

body.page .product-profile .profile-shop--detached::before {
  content: "";
  position: absolute;
  right: auto;
  bottom: 100%;
  left: 50%;
  width: 1px;
  height: 16px;
  background: linear-gradient(180deg, rgba(23, 55, 45, .05), rgba(23, 55, 45, .38));
  transform: translateX(-50%);
}

body.page .product-profile .profile-shop--detached::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -8px;
  border-radius: 27px;
  opacity: .32;
  filter: blur(14px);
  pointer-events: none;
  transition: opacity .35s ease, transform .42s cubic-bezier(.2, .75, .25, 1);
}

body.page.page-beauty .product-profile--beauty > .profile-shop--detached::after {
  background: radial-gradient(circle, rgba(205, 125, 151, .58), transparent 72%);
}

body.page.page-wellness .product-profile--wellness > .profile-shop--detached::after {
  background: radial-gradient(circle, rgba(112, 147, 130, .54), transparent 72%);
}

body.page .product-profile .profile-shop--detached:hover,
body.page .product-profile .profile-shop--detached:focus-visible {
  border-color: rgba(255, 255, 255, 1) !important;
  background: rgba(255, 255, 253, .98) !important;
  color: #17372d !important;
  box-shadow: 0 24px 54px rgba(29, 52, 42, .23) !important;
}

body.page .product-profile .profile-shop--detached:hover::after,
body.page .product-profile .profile-shop--detached:focus-visible::after {
  opacity: .55;
  transform: scale(1.08);
}

body.page .product-profile .profile-shop--detached.reveal:not(.is-visible) {
  opacity: 0 !important;
  pointer-events: none !important;
  filter: blur(4px);
  transform: translateY(18px) scale(.96) !important;
}

body.page .product-profile .profile-shop--detached.reveal.is-visible {
  opacity: 1 !important;
  pointer-events: auto !important;
  filter: none;
  transform: none !important;
  transition:
    opacity .58s ease .12s,
    filter .58s ease .12s,
    transform .7s cubic-bezier(.18, .82, .2, 1) .12s,
    border-color .28s ease,
    background .28s ease,
    box-shadow .35s ease !important;
}

@media (min-width: 1101px) {
  body.page.page-beauty .product-profile--beauty > .profile-shop--detached {
    right: calc(clamp(36px, 5vw, 76px) + clamp(110px, calc(18vw - 88px), 192px)) !important;
  }

  body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
    left: calc(clamp(36px, 5vw, 76px) + clamp(110px, calc(18vw - 88px), 192px)) !important;
  }

  body.page .product-profile__copy:hover + .profile-shop--detached.reveal.is-visible,
  body.page .product-profile__copy:focus-within + .profile-shop--detached.reveal.is-visible,
  body.page .product-profile .profile-shop--detached.reveal.is-visible:hover,
  body.page .product-profile .profile-shop--detached.reveal.is-visible:focus-visible {
    transform: translateY(-8px) !important;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty > .profile-shop--detached,
  body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
    margin-left: clamp(90px, calc(36vw - 88px), 242px) !important;
  }

  body.page .product-profile__copy:hover + .profile-shop--detached.reveal.is-visible,
  body.page .product-profile__copy:focus-within + .profile-shop--detached.reveal.is-visible,
  body.page .product-profile .profile-shop--detached.reveal.is-visible:hover,
  body.page .product-profile .profile-shop--detached.reveal.is-visible:focus-visible {
    transform: translateY(-8px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page .product-profile .profile-shop--detached.reveal,
  body.page .product-profile .profile-shop--detached.reveal.is-visible {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* v126 — responsive closing composition. Tablet product cards use the visual
   centre instead of inheriting a desktop side, detached actions keep a clear
   closing margin, and the mobile LUAS story reserves a clean copy zone above
   the product still life. */
@media (min-width: 1101px) {
  body.page.page-beauty .product-profile--beauty,
  body.page.page-wellness .product-profile--wellness {
    min-height: max(calc(100svh - var(--header)), 720px) !important;
  }

  body.page .product-profile > .profile-shop--detached {
    top: auto !important;
    bottom: 64px !important;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  body.page.page-beauty .product-profile--beauty,
  body.page.page-wellness .product-profile--wellness {
    padding-bottom: 64px !important;
  }

  body.page.page-beauty .product-profile--beauty .product-profile__copy,
  body.page.page-wellness .product-profile--wellness .product-profile__copy {
    justify-self: center !important;
    margin: -28px auto 0 !important;
  }

  body.page.page-beauty .product-profile--beauty > .profile-shop--detached,
  body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
    justify-self: center !important;
    margin: 18px 0 0 !important;
  }
}

@media (max-width: 760px) {
  body.page.page-beauty .product-profile--beauty,
  body.page.page-wellness .product-profile--wellness {
    padding-bottom: 64px !important;
  }

  body.page.page-beauty .product-profile--beauty > .profile-shop--detached,
  body.page.page-wellness .product-profile--wellness > .profile-shop--detached {
    margin: 18px 0 0 !important;
  }

  .page-home .home-about--identity,
  .page-home .home-about--identity .home-about__visual {
    background: linear-gradient(180deg, #aa9f94 0%, #b4aaa0 54%, #a7aaa4 100%) !important;
  }

  .page-home .home-about--identity .home-about__story-image {
    height: 106% !important;
    object-position: 57% top !important;
    transform: translateY(9%) !important;
  }

  .page-home .home-about--identity .home-about__visual::after {
    background: linear-gradient(
      180deg,
      rgba(20, 31, 27, .34) 0%,
      rgba(20, 31, 27, .24) 46%,
      rgba(20, 31, 27, .08) 68%,
      rgba(20, 31, 27, .16) 100%
    ) !important;
  }

  .page-home .home-about--identity .home-about__copy h2 {
    margin-bottom: 26px !important;
  }

  .page-home .home-about--identity .home-about__copy p {
    margin-bottom: 24px !important;
  }
}

/* v127 — mobile product routes use the quiet side of each photograph. Beauty
   reads from the left and Wellness from the right; each title and action share
   one centred baseline without covering the product. The LUAS story image once
   again fills its canvas while the copy moves upward into the former gap. */
@media (max-width: 760px) {
  .page-home .portal-card__copy {
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 18px !important;
    display: flex !important;
    width: auto !important;
    height: auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
  }

  .page-home .portal-card--wellness .portal-card__copy {
    right: 18px !important;
    left: auto !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .page-home .portal-card--beauty .portal-card__copy {
    align-items: center !important;
    justify-content: center !important;
  }

  .page-home .portal-card__copy h3 {
    flex: 0 1 auto !important;
    align-self: center !important;
    justify-self: center !important;
    max-width: none !important;
    margin: 0 !important;
    font-size: clamp(15px, 4.1vw, 17px) !important;
    font-weight: 520 !important;
    line-height: 1 !important;
    letter-spacing: -.045em !important;
    white-space: nowrap !important;
  }

  .page-home .portal-card__cta {
    flex: 0 0 auto !important;
    align-self: center !important;
    justify-self: center !important;
    gap: 7px !important;
    min-width: 108px !important;
    min-height: 44px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
  }

  .page-home .portal-card__cta i {
    font-size: 16px !important;
  }

  .page-home .portal-card--beauty figure img.portal-card__mood {
    object-position: 80% center !important;
  }

  .page-home .portal-card--wellness figure img.portal-card__mood {
    object-position: 30% center !important;
  }

  .page-home .portal-card--beauty figure::after {
    background: linear-gradient(90deg, rgba(52, 31, 39, .7) 0%, rgba(52, 31, 39, .24) 38%, transparent 66%) !important;
  }

  .page-home .portal-card--wellness figure::after {
    background: linear-gradient(270deg, rgba(18, 30, 25, .68) 0%, rgba(18, 30, 25, .22) 38%, transparent 66%) !important;
  }

  .page-home .home-about--identity .home-about__story-image {
    height: 100% !important;
    object-position: 60% top !important;
    transform: scale(1.2) !important;
    transform-origin: center top !important;
  }

  .page-home .home-about--identity .home-about__copy {
    padding-top: 64px !important;
  }

  .page-home .home-about--identity .home-about__copy p {
    margin-bottom: 16px !important;
  }
}