:root {
  --ink: #171b19;
  --forest: #173e32;
  --forest-deep: #0d2b23;
  --sage: #779181;
  --moss: #426553;
  --paper: #f3f0e8;
  --paper-warm: #e8e2d6;
  --white: #fffdf8;
  --metal: #b7b2a7;
  --gold: #b8a985;
  --line: rgba(23, 27, 25, 0.18);
  --font-display: "Italiana", "Bodoni 72", Didot, serif;
  --font-body: "DM Sans", Arial, sans-serif;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 76px; }
.i18n-pending body { visibility: hidden; }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

html[lang="zh-Hant"] {
  --font-display: "Noto Serif TC", "Songti TC", "PMingLiU", serif;
  --font-body: "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;
}

body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
::selection { color: var(--white); background: var(--forest); }

.skip-link {
  position: fixed;
  z-index: 9999;
  top: 12px;
  left: 12px;
  padding: 10px 16px;
  color: white;
  background: var(--forest);
  transform: translateY(-150%);
  transition: transform .25s;
}
.skip-link:focus { transform: translateY(0); }

.grain {
  position: fixed;
  z-index: 1000;
  inset: 0;
  opacity: .045;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}

.cursor-glow {
  position: fixed;
  z-index: 2;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(168, 193, 175, .24), rgba(168, 193, 175, 0) 68%);
  pointer-events: none;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0;
  transition: opacity .4s;
}
body.has-pointer .cursor-glow { opacity: 1; }

.preloader {
  position: fixed;
  z-index: 5000;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--paper);
  background: var(--forest-deep);
  transition: clip-path 1.15s var(--ease-out) .25s;
  clip-path: inset(0 0 0 0);
}
.preloader.is-hidden { clip-path: inset(0 0 100% 0); pointer-events: none; }
.preloader__mark { display: grid; justify-items: center; min-width: 260px; }
.preloader__letters { width: clamp(180px, 24vw, 310px); display: block; filter: invert(1) brightness(1.55); }
.preloader__letters img { display: block; width: 100%; height: auto; }
.preloader__line { width: 0; height: 1px; margin: 22px 0 15px; background: var(--gold); animation: loadLine 1.4s var(--ease-out) forwards; }
.preloader__caption { font-size: .62rem; letter-spacing: .42em; text-transform: uppercase; opacity: .75; }
@keyframes loadLine { to { width: 100%; } }

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4.5vw;
  border-bottom: 1px solid transparent;
  transition: height .4s var(--ease-out), background .4s, border-color .4s, backdrop-filter .4s;
}
.site-header.is-scrolled {
  height: 72px;
  background: rgba(243, 240, 232, .88);
  border-color: var(--line);
  backdrop-filter: blur(18px);
}
.brand { display: flex; align-items: center; gap: 16px; position: relative; z-index: 2; }
.brand__monogram { width: 78px; height: 39px; display: block; flex: 0 0 auto; }
.brand__monogram img { display: block; width: 100%; height: 100%; object-fit: contain; }
.brand__name { padding-left: 16px; border-left: 1px solid var(--line); font-size: .62rem; letter-spacing: .26em; text-transform: uppercase; }
.main-nav { display: flex; align-items: center; gap: clamp(22px, 3vw, 52px); margin-left: auto; font-size: .73rem; letter-spacing: .12em; text-transform: uppercase; }
.main-nav a { position: relative; }
.main-nav a:not(.nav-cta)::after { content: ""; position: absolute; right: 0; bottom: -8px; left: 0; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: right; transition: transform .4s var(--ease-out); }
.main-nav a:hover::after, .main-nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.nav-cta { padding: 12px 18px; color: var(--white); background: var(--forest); border: 1px solid var(--forest); transition: color .3s, background .3s; }
.nav-cta:hover { color: var(--forest); background: transparent; }
.language-switch { position: relative; z-index: 3; display: flex; align-items: center; gap: 9px; margin-left: 28px; font-size: .61rem; letter-spacing: .12em; }
.language-switch button { padding: 8px 2px; border: 0; color: currentColor; background: transparent; cursor: pointer; opacity: .42; transition: opacity .3s, color .3s; }
.language-switch button:hover, .language-switch button:focus-visible, .language-switch button.is-active { opacity: 1; }
.language-switch button:focus-visible { outline: 1px solid currentColor; outline-offset: 3px; }
.language-switch span { width: 1px; height: 14px; background: currentColor; opacity: .25; }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 0; border: 0; color: inherit; background: transparent; }
.menu-toggle span { display: block; width: 24px; height: 1px; margin: 7px auto; background: currentColor; transition: transform .3s; }

.hero {
  position: relative;
  min-height: 100svh;
  display: grid;
  grid-template-columns: 52% 48%;
  grid-template-rows: 1fr auto;
  overflow: hidden;
  padding: 145px 4.5vw 42px;
  background:
    radial-gradient(circle at 20% 35%, rgba(255,255,255,.92), transparent 37%),
    linear-gradient(110deg, var(--paper) 0%, #eeeadf 55%, #d9d9cf 100%);
}
.hero::after { content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; left: 52%; width: 1px; background: rgba(23,27,25,.1); }
.hero__copy { position: relative; z-index: 4; align-self: center; padding: 2vh 5vw 4vh 2.5vw; }
.eyebrow { margin: 0 0 26px; font-size: .67rem; font-weight: 500; letter-spacing: .28em; text-transform: uppercase; }
.hero__title { margin: 0; font: 400 clamp(5.6rem, 10.5vw, 10.8rem)/.76 var(--font-display); letter-spacing: -.055em; }
.title-line { display: block; }
.title-line--italic, .display em, .consultation__title em { color: var(--forest); font-weight: 400; font-style: italic; }
.hero__intro { max-width: 560px; margin: 45px 0 0; padding-left: 6.4vw; font-size: clamp(1rem, 1.35vw, 1.25rem); font-weight: 300; line-height: 1.75; }
.hero__actions { display: flex; align-items: center; gap: 34px; margin: 38px 0 0 6.4vw; }
.button { min-height: 56px; display: inline-flex; align-items: center; justify-content: space-between; gap: 38px; padding: 0 24px; border: 1px solid; font-size: .69rem; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; transition: transform .4s var(--ease-out), color .3s, background .3s; }
.button:hover { transform: translateY(-3px); }
.button--dark { color: var(--white); background: var(--forest); border-color: var(--forest); }
.button--dark:hover { color: var(--forest); background: transparent; }
.button--light { color: var(--forest-deep); background: var(--paper); border-color: var(--paper); }
.button--light:hover { color: var(--paper); background: transparent; }
.text-link { display: inline-flex; align-items: center; gap: 14px; padding-bottom: 7px; border-bottom: 1px solid currentColor; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.button__icon, .link-arrow { width: 18px; height: 18px; display: inline-grid; flex: 0 0 auto; place-items: center; }
.button__icon svg, .link-arrow svg { width: 100%; height: 100%; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.link-arrow { transition: transform .3s var(--ease-out); }
.text-link:hover .link-arrow { transform: translateX(6px); }

.hero__visual { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; width: 48%; overflow: hidden; perspective: 1000px; }
.hero__logo-image { position: absolute; inset: 0; background: linear-gradient(rgba(236,235,229,.84), rgba(215,218,209,.81)), url('/assets/labelle-logo.webp') center / cover; filter: saturate(.55) contrast(.9); transform: scale(1.05); }
.hero__logo-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(243,240,232,.4), transparent 25%), radial-gradient(circle at 62% 47%, transparent, rgba(22,61,49,.1)); mix-blend-mode: multiply; }
.hero__ring { position: absolute; border: 1px solid rgba(255,255,255,.52); border-radius: 50%; box-shadow: inset 0 0 50px rgba(255,255,255,.12), 0 16px 50px rgba(11,41,31,.08); }
.hero__ring--one { width: min(45vw, 680px); aspect-ratio: 1; top: 15%; right: -9vw; }
.hero__ring--two { width: min(26vw, 390px); aspect-ratio: 1; top: 37%; left: 7%; border-color: rgba(23,62,50,.18); }
.botanical-specimen { position: absolute; z-index: 3; right: clamp(-2%, 1.5vw, 4%); bottom: -4%; width: min(30vw, 460px); filter: drop-shadow(0 35px 35px rgba(16,48,38,.13)); transform-style: preserve-3d; transition: transform .8s var(--ease-out); }
.botanical-specimen svg { display: block; width: 100%; }
.plant-stem, .plant-vein { stroke-dasharray: 900; stroke-dashoffset: 900; transition: stroke-dashoffset 2.6s var(--ease-out); }
.plant-vein { transition-delay: .55s; }
.plant-leaf { opacity: 0; transform-box: fill-box; transform-origin: 100% 50%; transform: scale(0) rotate(-14deg); transition: opacity .65s, transform 1.1s var(--ease-out); }
.leaf-b, .leaf-d { transform-origin: 0% 50%; }
.leaf-a { transition-delay: .7s; }.leaf-b { transition-delay: .95s; }.leaf-c { transition-delay: 1.15s; }.leaf-d { transition-delay: 1.35s; }.leaf-e { transition-delay: 1.55s; }
.is-grown .plant-stem, .is-grown .plant-vein { stroke-dashoffset: 0; }
.is-grown .plant-leaf { opacity: 1; transform: scale(1) rotate(0); }
.hero__logo-flower { position: absolute; z-index: 5; top: 75.8%; left: 50.3%; width: clamp(68px, 10.3svh, 104px); aspect-ratio: 96 / 92; transform: translate(-50%, -50%); }
.hero__logo-flower::before, .hero__logo-flower::after { content: ""; position: absolute; z-index: -1; inset: -18%; border: 1px solid rgba(56,79,69,.27); transform: rotate(45deg) scale(.7); opacity: 0; animation: logoFlowerEcho 4.8s var(--ease-out) 1.1s infinite; }
.hero__logo-flower::after { inset: -34%; border-color: rgba(255,255,255,.48); animation-delay: 1.65s; }
.hero__logo-flower-mark { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; overflow: hidden; opacity: 0; filter: contrast(1.28) saturate(.58) drop-shadow(0 8px 10px rgba(13,43,35,.26)); mix-blend-mode: multiply; animation: logoFlowerBloom 1.75s var(--ease-out) .35s forwards, logoFlowerBreathe 5.2s ease-in-out 2.1s infinite; }
.hero__logo-flower-line { position: absolute; top: 50%; width: clamp(105px, 16vw, 250px); height: 1px; background: linear-gradient(90deg, transparent, rgba(40,65,55,.6)); opacity: 0; animation: logoFlowerLine 1.6s var(--ease-out) .75s forwards; }
.hero__logo-flower-line--left { right: calc(100% + 11px); transform-origin: right; }
.hero__logo-flower-line--right { left: calc(100% + 11px); background: linear-gradient(90deg, rgba(40,65,55,.6), transparent); transform-origin: left; }
.hero__logo-flower-spark { position: absolute; z-index: 3; top: 18%; left: 36%; width: 5px; height: 5px; border-radius: 50%; background: #fff; box-shadow: 0 0 9px 3px rgba(255,255,255,.85); opacity: 0; animation: logoFlowerSpark 5.2s ease-in-out 2.1s infinite; }
@keyframes logoFlowerBloom { 0% { opacity: 0; transform: scale(.25) rotate(-18deg); filter: blur(7px) contrast(1.22) saturate(.62); } 68% { opacity: 1; transform: scale(1.13) rotate(2deg); } 100% { opacity: 1; transform: scale(1) rotate(0); } }
@keyframes logoFlowerBreathe { 0%, 100% { transform: scale(1); filter: contrast(1.22) saturate(.62) drop-shadow(0 8px 10px rgba(13,43,35,.2)); } 50% { transform: scale(1.075); filter: contrast(1.32) saturate(.72) drop-shadow(0 10px 15px rgba(13,43,35,.34)); } }
@keyframes logoFlowerEcho { 0% { opacity: 0; transform: rotate(45deg) scale(.55); } 20% { opacity: .75; } 68%, 100% { opacity: 0; transform: rotate(45deg) scale(1.08); } }
@keyframes logoFlowerLine { from { opacity: 0; transform: scaleX(0); } to { opacity: .65; transform: scaleX(1); } }
@keyframes logoFlowerSpark { 0%, 34%, 100% { opacity: 0; transform: translate(-7px, 8px) scale(.4); } 45% { opacity: 1; transform: translate(0, 0) scale(1); } 56% { opacity: 0; transform: translate(8px, -10px) scale(.4); } }
.hero__microcopy { position: absolute; z-index: 4; right: 5%; bottom: 10%; margin: 0; font-size: .63rem; line-height: 1.7; letter-spacing: .2em; text-align: right; text-transform: uppercase; }
.hero__footer { z-index: 5; grid-column: 1; display: flex; align-items: center; gap: 16px; padding-left: 2.5vw; font-size: .61rem; letter-spacing: .22em; text-transform: uppercase; }
.hero__footer i { width: 24px; height: 1px; background: var(--gold); }
.scroll-cue { position: absolute; z-index: 5; right: 4.5vw; bottom: 36px; display: flex; align-items: center; gap: 12px; font-size: .58rem; letter-spacing: .22em; text-transform: uppercase; writing-mode: vertical-rl; }
.scroll-cue b { font: inherit; font-weight: 400; }
.scroll-cue span { width: 1px; height: 48px; overflow: hidden; background: rgba(23,27,25,.2); }
.scroll-cue span::after { content: ""; display: block; width: 1px; height: 24px; background: var(--forest); animation: scrollCue 2s ease-in-out infinite; }
@keyframes scrollCue { from { transform: translateY(-100%); } to { transform: translateY(210%); } }

.marquee { overflow: hidden; padding: 22px 0; color: var(--paper); background: var(--forest); }
.marquee__track { width: max-content; display: flex; align-items: center; gap: 34px; animation: marquee 28s linear infinite; }
.marquee span { font: 400 1.1rem var(--font-display); letter-spacing: .08em; text-transform: uppercase; }
.marquee i { color: var(--gold); font-style: normal; }
@keyframes marquee { to { transform: translateX(-50%); } }

.section { position: relative; padding: 130px 7vw; }
.section-label { display: flex; align-items: center; gap: 18px; margin-bottom: 90px; font-size: .61rem; font-weight: 500; letter-spacing: .25em; text-transform: uppercase; }
.section-label span:first-child { width: 33px; height: 33px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; letter-spacing: 0; }
.section-label--light { color: rgba(255,253,248,.7); }
.section-label--light span:first-child { border-color: rgba(255,253,248,.25); }
.display { margin: 0; font: 400 clamp(3.8rem, 7.1vw, 7.9rem)/.98 var(--font-display); letter-spacing: -.045em; }
.display--light { color: var(--white); }
.display--light em { color: #a9bdad; }

.philosophy { overflow: hidden; min-height: 990px; }
.philosophy__layout { display: grid; grid-template-columns: 1.42fr .58fr; gap: 7vw; align-items: end; position: relative; z-index: 2; }
.philosophy__body { max-width: 480px; padding-bottom: 8px; font-size: 1.04rem; font-weight: 300; line-height: 1.9; }
.philosophy__body p { margin: 0 0 24px; }
.philosophy__body .text-link { margin-top: 16px; }
.philosophy__art { position: relative; min-height: 350px; margin: 105px -7vw -130px; color: var(--moss); }
.wordmark-watermark { position: absolute; right: -2vw; bottom: -4vw; color: rgba(23,62,50,.065); font: 400 30vw/.8 var(--font-display); letter-spacing: -.1em; white-space: nowrap; }
.line-leaf { position: absolute; right: -1%; bottom: 70px; width: 80%; }
.draw-path { stroke-dasharray: 1600; stroke-dashoffset: 1600; transition: stroke-dashoffset 2.2s var(--ease-out); }
.is-grown .draw-path { stroke-dashoffset: 0; }

.section--dark { color: var(--white); background: var(--forest-deep); }
.treatments { overflow: hidden; }
.treatments__glow { position: absolute; top: -10%; right: -12%; width: 62vw; height: 62vw; border-radius: 50%; background: radial-gradient(circle, rgba(87,127,104,.36), transparent 66%); }
.treatments::before { content: "LBM"; position: absolute; top: 5%; right: -8%; color: rgba(255,255,255,.025); font: 400 32vw var(--font-display); letter-spacing: -.1em; }
.treatments__heading { display: grid; grid-template-columns: 1fr 1.55fr .8fr; gap: 4vw; align-items: start; position: relative; z-index: 2; margin-bottom: 100px; }
.treatments__intro { margin: 5px 0 0; color: rgba(255,253,248,.66); font-weight: 300; line-height: 1.9; }
.treatment-list { position: relative; z-index: 2; border-top: 1px solid rgba(255,255,255,.18); }
.treatment-card { border-bottom: 1px solid rgba(255,255,255,.18); }
.treatment-card__toggle { width: 100%; display: grid; grid-template-columns: 90px 1fr 44px; align-items: center; gap: 24px; padding: 34px 0; border: 0; color: inherit; background: transparent; cursor: pointer; text-align: left; }
.treatment-card__number { color: #9eae9f; font-size: .65rem; letter-spacing: .2em; }
.treatment-card__name { font: 400 clamp(2rem, 4.5vw, 5.2rem)/1 var(--font-display); transition: transform .5s var(--ease-out), color .3s; }
.treatment-card__toggle:hover .treatment-card__name { color: #b6c6b9; transform: translateX(12px); }
.treatment-card__icon { position: relative; width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; }
.treatment-card__icon::before, .treatment-card__icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 1px; background: currentColor; transform: translate(-50%,-50%); transition: transform .4s; }
.treatment-card__icon::after { transform: translate(-50%,-50%) rotate(90deg); }
.treatment-card.is-open .treatment-card__icon::after { transform: translate(-50%,-50%) rotate(0); }
.treatment-card__content { display: grid; grid-template-columns: 1fr 1fr; gap: 6vw; max-height: 0; overflow: hidden; opacity: 0; padding: 0 7.4vw; transition: max-height .8s var(--ease-out), opacity .5s, padding .7s var(--ease-out); }
.treatment-card.is-open .treatment-card__content { max-height: 340px; opacity: 1; padding-top: 4px; padding-bottom: 42px; }
.treatment-card__content p { max-width: 600px; margin: 0; color: rgba(255,253,248,.72); font-size: 1.02rem; font-weight: 300; line-height: 1.9; }
.treatment-card__content ul { margin: 0; padding: 0; list-style: none; color: rgba(255,253,248,.72); font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.treatment-card__content li { padding: 8px 0 8px 24px; position: relative; }
.treatment-card__content li::before { content: "✦"; position: absolute; left: 0; color: var(--gold); }
.medical-note { max-width: 700px; margin: 58px 0 0 auto; color: rgba(255,253,248,.46); font-size: .7rem; letter-spacing: .08em; text-align: right; }

.precision { min-height: 950px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 9vw; align-items: center; overflow: hidden; background: #e9e4d8; }
.precision__botanical { align-self: end; color: var(--forest); }
.precision__botanical svg { display: block; width: min(100%, 560px); margin: 0 auto -130px; }
.precision__botanical .leaf-fill { opacity: 0; transform-origin: center; transform: scale(.72); transition: opacity 1.3s .8s, transform 1.5s var(--ease-out) .8s; }
.precision__botanical.is-grown .leaf-fill { opacity: .94; transform: scale(1); }
.precision__copy .section-label { margin-bottom: 95px; }
.precision__intro { max-width: 680px; margin: 48px 0; font-size: 1.04rem; font-weight: 300; line-height: 1.9; }
.principles { border-top: 1px solid var(--line); }
.principle { display: grid; grid-template-columns: 70px 1fr; padding: 22px 0; border-bottom: 1px solid var(--line); }
.principle strong { color: var(--moss); font-size: .62rem; letter-spacing: .2em; }
.principle span { font-size: .78rem; letter-spacing: .09em; text-transform: uppercase; }

.expertise { overflow: hidden; background: #dfe5dc; }
.expertise::before { content: "LBM"; position: absolute; right: -7vw; top: 5%; color: rgba(23,62,50,.038); font: 400 30vw/.8 var(--font-display); letter-spacing: -.1em; }
.expertise__halo { position: absolute; top: -26vw; left: -22vw; width: 58vw; height: 58vw; border: 1px solid rgba(23,62,50,.12); border-radius: 50%; box-shadow: 0 0 0 8vw rgba(255,255,255,.08), 0 0 0 16vw rgba(255,255,255,.05); }
.expertise > *:not(.expertise__halo) { position: relative; z-index: 2; }
.expertise__heading { display: grid; grid-template-columns: .65fr 1.45fr .8fr; gap: 4vw; align-items: start; margin-bottom: 86px; }
.expertise__intro { max-width: 480px; margin: 5px 0 0; font-weight: 300; line-height: 1.9; }
.expertise__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; }
.advisor-card, .award-card { --card-pad: clamp(32px, 3.5vw, 52px); border: 1px solid rgba(23,27,25,.12); }
.advisor-card { min-height: 940px; display: flex; flex-direction: column; padding: var(--card-pad); background: rgba(255,253,248,.7); transition: transform .6s var(--ease-out), background .4s; }
.advisor-card:hover { z-index: 2; background: var(--white); transform: translateY(-7px); }
.advisor-card__portrait { position: relative; overflow: hidden; margin: calc(-1 * var(--card-pad)) calc(-1 * var(--card-pad)) 34px; aspect-ratio: .92 / 1; background: #d9cfc3; }
.advisor-card__portrait::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 63%, rgba(8,30,24,.2)); pointer-events: none; }
.advisor-card__portrait img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(.98); transform: scale(1.01); transition: transform 1.1s var(--ease-out), filter .7s ease; }
.advisor-card:hover .advisor-card__portrait img { filter: saturate(.92) contrast(1.02); transform: scale(1.045); }
.advisor-card__portrait--eric img, .advisor-card__portrait--lee img { object-position: 100% 50%; }
.advisor-card__role, .award-card__kicker { min-height: 34px; margin: 0 0 30px; color: var(--moss); font-size: .62rem; font-weight: 500; letter-spacing: .17em; line-height: 1.7; text-transform: uppercase; }
.advisor-card h3 { margin: 0; font: 400 clamp(2.7rem, 4.3vw, 5rem)/.95 var(--font-display); letter-spacing: -.035em; }
.advisor-card__credential { min-height: 52px; margin: 24px 0 0; color: rgba(23,27,25,.62); font-size: .72rem; letter-spacing: .07em; line-height: 1.7; }
.advisor-card__line { width: 100%; height: 1px; margin: auto 0 25px; background: var(--line); }
.advisor-card__label { margin: 0 0 11px; color: var(--moss); font-size: .58rem; letter-spacing: .16em; text-transform: uppercase; }
.advisor-card ul { margin: 0; padding: 0; list-style: none; }
.advisor-card li { position: relative; padding: 10px 0 10px 18px; border-top: 1px solid rgba(23,27,25,.1); font-size: .76rem; letter-spacing: .035em; line-height: 1.6; }
.advisor-card li::before { content: ""; position: absolute; top: 19px; left: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--forest); }
.advisor-card__affiliation { margin: 24px 0 0; padding-top: 18px; border-top: 1px solid rgba(23,27,25,.1); color: rgba(23,27,25,.52); font-size: .66rem; letter-spacing: .055em; line-height: 1.7; }
.award-card { position: relative; grid-column: 1 / -1; min-height: 980px; display: grid; grid-template-columns: .68fr 1.32fr; overflow: hidden; color: var(--white); background: var(--forest-deep); }
.award-card::after { content: ""; position: absolute; left: -13%; bottom: -18%; width: 410px; height: 410px; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; box-shadow: 0 0 0 55px rgba(255,255,255,.022), 0 0 0 110px rgba(255,255,255,.014); pointer-events: none; }
.award-card__copy { position: relative; z-index: 2; display: flex; flex-direction: column; padding: clamp(42px, 5vw, 72px); }
.award-card__seal { position: relative; width: 104px; height: 104px; display: grid; place-items: center; margin-bottom: 78px; color: var(--gold); }
.award-card__seal svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: .7; animation: awardOrbit 18s linear infinite; }
.award-card__seal span { font: 400 1.1rem var(--font-display); letter-spacing: .12em; }
@keyframes awardOrbit { to { transform: rotate(360deg); } }
.award-card__kicker { min-height: 0; margin-bottom: 22px; color: #afbeaF; }
.award-card h3 { margin: 0 0 25px; font: 400 clamp(2.1rem, 3.2vw, 3.8rem)/1.06 var(--font-display); }
.award-card__copy > p:not(.award-card__kicker) { margin: 0; color: rgba(255,253,248,.68); font-size: .87rem; font-weight: 300; line-height: 1.85; }
.award-card__year { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-top: auto; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.55); font-size: .59rem; letter-spacing: .16em; }
.award-card__year strong { color: var(--gold); font: 400 2.1rem/1 var(--font-display); letter-spacing: .06em; }
.award-card__gallery { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: clamp(18px, 2.2vw, 34px); align-items: center; padding: clamp(34px, 4vw, 60px); background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.015)); }
.certificate-card { position: relative; margin: 0; overflow: hidden; aspect-ratio: .75 / 1; border: 1px solid rgba(255,255,255,.22); background: #e7e0d3; box-shadow: 0 28px 55px rgba(2,16,12,.34); transition: transform .75s var(--ease-out), box-shadow .75s ease; }
.certificate-card--award { transform: translateY(34px); }
.certificate-card:hover { z-index: 3; transform: translateY(-8px) rotate(-.5deg); box-shadow: 0 36px 72px rgba(2,16,12,.46); }
.certificate-card--award:hover { transform: translateY(20px) rotate(.5deg); }
.certificate-card img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.86) contrast(.98); transition: filter .6s ease, transform 1s var(--ease-out); }
.certificate-card:hover img { filter: saturate(1) contrast(1.02); transform: scale(1.025); }
.certificate-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(125deg, rgba(255,255,255,.2), transparent 24%, transparent 76%, rgba(6,25,19,.2)); pointer-events: none; }
.certificate-card figcaption { position: absolute; z-index: 2; right: 14px; bottom: 14px; left: 14px; padding: 15px 16px; color: var(--white); background: rgba(7,27,21,.82); backdrop-filter: blur(10px); }
.certificate-card figcaption span { display: block; font: 400 clamp(1.08rem, 1.6vw, 1.45rem)/1.15 var(--font-display); }
.certificate-card figcaption small { display: block; margin-top: 6px; color: rgba(255,255,255,.64); font-size: .54rem; letter-spacing: .08em; line-height: 1.45; text-transform: uppercase; }
.expertise__note { max-width: 820px; margin: 42px 0 0 auto; color: rgba(23,27,25,.58); font-size: .68rem; letter-spacing: .055em; line-height: 1.8; text-align: right; }

.technology-rail { overflow: hidden; padding: 72px 0 34px; color: var(--ink); background: var(--white); }
.technology-rail__header { display: grid; grid-template-columns: .7fr 1.3fr; gap: 6vw; align-items: end; padding: 0 7vw 46px; }
.technology-rail__header p { margin: 0; }
.technology-rail__header > p:last-child { max-width: 680px; color: rgba(23,27,25,.62); font-weight: 300; line-height: 1.8; }
.technology-rail__viewport { overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.technology-rail__track { width: max-content; display: flex; animation: technologyScroll 42s linear infinite; }
.technology-rail__group { display: flex; align-items: center; gap: 34px; padding: 25px 34px 25px 0; }
.technology-rail__group span { white-space: nowrap; font: 500 clamp(.95rem, 1.5vw, 1.35rem) var(--font-body); letter-spacing: .16em; }
.technology-rail__group sup { font-size: .44em; vertical-align: top; }
.technology-rail__group i { width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: var(--gold); }
.technology-rail__note { max-width: 900px; margin: 27px 7vw 0 auto; color: rgba(23,27,25,.48); font-size: .62rem; letter-spacing: .055em; line-height: 1.75; text-align: right; }
@keyframes technologyScroll { to { transform: translateX(-50%); } }

.experience { overflow: hidden; background: var(--paper); }
.experience__texture { position: absolute; inset: 0; opacity: .13; background: url('/assets/labelle-logo.webp') center 35% / cover no-repeat; filter: grayscale(1) contrast(.75); mix-blend-mode: multiply; }
.experience::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(243,240,232,.98), rgba(243,240,232,.86) 45%, rgba(243,240,232,.96)); }
.experience > *:not(.experience__texture) { position: relative; z-index: 2; }
.experience__heading { max-width: 1100px; }
.journey { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 110px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.journey__step { position: relative; display: grid; grid-template-columns: 50px 1fr; gap: 24px; min-height: 280px; padding: 34px 40px 20px 0; border-right: 1px solid var(--line); }
.journey__step:not(:first-child) { padding-left: 34px; }
.journey__step:last-child { border-right: 0; }
.journey__step::before { content: ""; position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: var(--forest); }
.journey__step:not(:first-child)::before { left: 34px; }
.journey__number { color: var(--moss); font-size: .62rem; letter-spacing: .16em; }
.journey h3 { margin: 0 0 28px; font: 400 clamp(2.3rem, 4vw, 4.4rem)/1 var(--font-display); }
.journey p { max-width: 310px; margin: 0; font-weight: 300; line-height: 1.85; }

.location { overflow: hidden; color: var(--white); background: #0d2921; }
.location::before { content: ""; position: absolute; top: -20vw; right: -10vw; width: 52vw; height: 52vw; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 7vw rgba(255,255,255,.018), 0 0 0 14vw rgba(255,255,255,.012); }
.location > * { position: relative; z-index: 2; }
.location .section-label { border-color: rgba(255,255,255,.15); color: rgba(255,255,255,.6); }
.location .eyebrow { color: #aebeb2; }
.location .display em { color: #bbcbbc; }
.location__heading { display: grid; grid-template-columns: .65fr 1.45fr .8fr; gap: 4vw; align-items: start; margin-bottom: 90px; }
.location__intro { max-width: 480px; margin: 5px 0 0; color: rgba(255,255,255,.64); font-weight: 300; line-height: 1.9; }
.location__gallery { display: grid; grid-template-columns: 1.58fr .82fr; gap: 18px; align-items: stretch; }
.location-photo { position: relative; min-height: 560px; overflow: hidden; margin: 0; background: #172e27; }
.location-photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.83) contrast(.98); transform: scale(1.01); transition: transform 1.5s var(--ease-out), filter .7s ease; }
.location-photo:hover img { filter: saturate(.95) contrast(1.02); transform: scale(1.045); }
.location-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 58%, rgba(5,23,18,.48)); pointer-events: none; }
.location-photo figcaption { position: absolute; z-index: 2; right: 26px; bottom: 22px; left: 26px; display: flex; justify-content: space-between; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.42); color: rgba(255,255,255,.84); font-size: .61rem; letter-spacing: .16em; text-transform: uppercase; }
.location-photo--wide img { object-position: 49% 52%; }
.location-photo--lounge img { object-position: 48% 50%; }
.location__details { display: grid; grid-template-columns: 1.35fr .65fr; gap: 8vw; align-items: end; margin-top: 66px; padding-top: 42px; border-top: 1px solid rgba(255,255,255,.18); }
.location__kicker, .location__actions p { margin: 0 0 20px; color: #aebeb2; font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; }
.location address { color: var(--white); font: 400 clamp(2rem, 3.7vw, 4.1rem)/1.18 var(--font-display); letter-spacing: -.025em; }
.location__actions { justify-self: end; min-width: min(100%, 290px); }
.location__actions .text-link { width: 100%; justify-content: space-between; padding-bottom: 13px; border-bottom: 1px solid rgba(255,255,255,.3); }

.consultation { position: relative; min-height: 900px; display: grid; place-items: center; overflow: hidden; padding: 100px 7vw; color: var(--white); text-align: center; background: var(--forest-deep); }
.consultation__image { position: absolute; inset: 0; background: url('/assets/labelle-logo.webp') center / cover no-repeat; filter: grayscale(1) contrast(.88) brightness(.52) sepia(.18) hue-rotate(95deg) saturate(.9); transform: scale(1.06); transition: transform 8s var(--ease-out); }
.consultation:hover .consultation__image { transform: scale(1); }
.consultation__veil { position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(22,59,47,.4), rgba(7,29,23,.86) 72%), linear-gradient(115deg, rgba(5,23,18,.22), rgba(15,46,37,.56)); }
.consultation__content { position: relative; z-index: 3; }
.consultation__title { margin: 0 0 48px; font: 400 clamp(4.2rem, 8vw, 9rem)/.94 var(--font-display); letter-spacing: -.04em; }
.consultation__title em { color: #b7c7ba; }
.consultation .button { min-width: min(100%, 380px); }
.consultation__note { margin: 28px 0 0; color: rgba(255,255,255,.55); font-size: .67rem; letter-spacing: .08em; }
.consultation__mark { position: absolute; z-index: 2; right: -4vw; bottom: -10vw; color: rgba(255,255,255,.035); font: 400 35vw/.8 var(--font-display); letter-spacing: -.1em; }

.site-footer { padding: 70px 4.5vw 30px; color: rgba(255,253,248,.74); background: #081e18; }
.site-footer__brand { display: flex; align-items: center; gap: 18px; color: var(--white); }
.site-footer__brand .brand__monogram { width: 96px; height: 48px; filter: invert(1) brightness(1.6); }
.site-footer__brand > span:last-child { font-size: .65rem; letter-spacing: .25em; text-transform: uppercase; }
.site-footer > p { margin: 22px 0 60px; font-size: .67rem; letter-spacing: .17em; text-transform: uppercase; }
.site-footer nav { display: flex; gap: 32px; margin-bottom: 62px; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }
.site-footer nav a:hover { color: var(--white); }
.site-footer__bottom { display: flex; justify-content: space-between; gap: 24px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.13); font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; }

.reveal { opacity: 0; transform: translateY(34px); transition: opacity .9s var(--ease-out), transform .9s var(--ease-out); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.hero__title .reveal:nth-child(2) { transition-delay: .12s; }
.hero__intro.reveal { transition-delay: .22s; }.hero__actions.reveal { transition-delay: .3s; }

html[lang="zh-Hant"] .title-line--italic,
html[lang="zh-Hant"] .display em,
html[lang="zh-Hant"] .consultation__title em { font-style: normal; }
html[lang="zh-Hant"] .hero__title { font-size: clamp(4.4rem, 7.2vw, 8rem); line-height: 1.08; letter-spacing: .045em; }
html[lang="zh-Hant"] .display { font-size: clamp(3.3rem, 5.7vw, 6.4rem); line-height: 1.22; letter-spacing: .035em; }
html[lang="zh-Hant"] .consultation__title { font-size: clamp(3.8rem, 6.7vw, 7.3rem); line-height: 1.3; letter-spacing: .035em; }
html[lang="zh-Hant"] .treatment-card__name { font-size: clamp(2rem, 3.8vw, 4.5rem); letter-spacing: .06em; }
html[lang="zh-Hant"] .journey h3 { font-size: clamp(2rem, 3.2vw, 3.8rem); letter-spacing: .08em; }
html[lang="zh-Hant"] .award-card h3 { font-size: clamp(2rem, 2.8vw, 3.2rem); line-height: 1.35; letter-spacing: .08em; }
html[lang="zh-Hant"] .advisor-card__role,
html[lang="zh-Hant"] .advisor-card__label,
html[lang="zh-Hant"] .award-card__kicker { letter-spacing: .12em; }
html[lang="zh-Hant"] .eyebrow,
html[lang="zh-Hant"] .section-label,
html[lang="zh-Hant"] .hero__footer,
html[lang="zh-Hant"] .principle span { letter-spacing: .14em; }

@media (max-width: 1100px) {
  .site-header { height: 76px; }
  .brand__name { display: none; }
  .hero { grid-template-columns: 58% 42%; padding-top: 120px; }
  .hero::after { left: 58%; }
  .hero__visual { width: 42%; }
  .hero__intro, .hero__actions { margin-left: 0; padding-left: 0; }
  .botanical-specimen { width: 36vw; right: -2%; }
  .hero__logo-flower { width: clamp(64px, 9.6svh, 88px); }
  .treatments__heading { grid-template-columns: 1fr 2fr; }
  .treatments__heading .eyebrow { grid-column: 1 / -1; }
  .expertise__heading { grid-template-columns: 1fr 2fr; }
  .expertise__intro { grid-column: 1 / -1; max-width: 700px; }
  .expertise__grid { grid-template-columns: 1fr 1fr; }
  .award-card { min-height: 920px; grid-template-columns: .78fr 1.22fr; }
  .location__heading { grid-template-columns: 1fr 2fr; }
  .location__intro { grid-column: 1 / -1; max-width: 700px; }
  .journey__step { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .cursor-glow { display: none; }
  .site-header, .site-header.is-scrolled {
    padding: 0 22px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .brand { flex: 0 1 auto; gap: 8px; min-width: 0; }
  .brand__monogram { width: 68px; height: 34px; }
  .brand__name { display: inline-block; padding-left: 8px; font-size: .46rem; letter-spacing: .16em; white-space: nowrap; }
  body.menu-open .site-header, body.menu-open .site-header.is-scrolled { color: var(--paper); background: transparent; border-color: transparent; }
  .language-switch { margin-right: 6px; margin-left: auto; }
  .menu-toggle { display: block; position: relative; z-index: 2; }
  .menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .main-nav { position: fixed; inset: 0; flex-direction: column; justify-content: center; gap: 32px; margin-left: 0; color: var(--paper); background: var(--forest-deep); transform: translateY(-100%); transition: transform .65s var(--ease-out); }
  .main-nav.is-open { transform: translateY(0); }
  .main-nav a { font: 400 2.2rem var(--font-display); letter-spacing: 0; text-transform: none; }
  .nav-cta { padding: 12px 22px; color: var(--forest-deep); background: var(--paper); }
  .hero { min-height: 960px; display: block; padding: 118px 22px 34px; }
  .hero::after { display: none; }
  .hero__copy { padding: 30px 0; }
  .hero__eyebrow { max-width: 220px; }
  .hero__title { font-size: clamp(5rem, 21vw, 8rem); }
  .hero__intro { max-width: 82%; margin-top: 32px; }
  .hero__actions { align-items: flex-start; flex-direction: column; margin-top: 28px; }
  .hero__visual { top: 530px; bottom: 0; width: 100%; height: 430px; }
  .hero__logo-image { background-position: 50% 54%; }
  .botanical-specimen { right: -8%; bottom: -9%; width: 245px; }
  .hero__ring--one { width: 410px; right: -190px; }
  .hero__ring--two { width: 230px; left: 14%; }
  .hero__logo-flower { top: 75.8%; left: 50.3%; width: 62px; }
  .hero__logo-flower-line { width: 82px; }
  .hero__microcopy { right: auto; bottom: 8%; left: 22px; text-align: left; }
  .hero__footer, .scroll-cue { display: none; }
  .section { padding: 90px 22px; }
  .section-label { margin-bottom: 64px; }
  .display { font-size: clamp(3.25rem, 13.5vw, 5.2rem); }
  .philosophy { min-height: auto; }
  .philosophy__layout { grid-template-columns: 1fr; gap: 55px; }
  .philosophy__art { min-height: 260px; margin: 60px -22px -90px; }
  .line-leaf { width: 145%; right: -45%; }
  .wordmark-watermark { font-size: 48vw; bottom: 2vw; }
  .treatments__heading { display: block; margin-bottom: 60px; }
  .treatments__intro { margin-top: 30px; }
  .treatment-card__toggle { grid-template-columns: 44px 1fr 38px; gap: 8px; padding: 24px 0; }
  .treatment-card__name { font-size: 2.35rem; }
  .treatment-card__icon { width: 34px; height: 34px; }
  .treatment-card__content { grid-template-columns: 1fr; gap: 25px; padding-right: 0; padding-left: 44px; }
  .treatment-card.is-open .treatment-card__content { max-height: 520px; padding-bottom: 32px; }
  .medical-note { text-align: left; }
  .precision { grid-template-columns: 1fr; gap: 70px; }
  .precision__botanical { order: 2; height: 520px; }
  .precision__botanical svg { width: 390px; max-width: 100%; margin-bottom: -90px; }
  .precision__copy .section-label { margin-bottom: 62px; }
  .expertise__heading { display: block; margin-bottom: 55px; }
  .expertise__intro { margin-top: 30px; }
  .expertise__grid { grid-template-columns: 1fr; gap: 14px; }
  .advisor-card { --card-pad: 28px; min-height: 0; padding: var(--card-pad); }
  .advisor-card__portrait { margin-bottom: 28px; aspect-ratio: .92 / 1; }
  .advisor-card__portrait--eric img, .advisor-card__portrait--lee img { object-position: 100% 50%; }
  .advisor-card__role { min-height: 0; margin-bottom: 28px; }
  .advisor-card__credential { min-height: 0; margin-bottom: 44px; }
  .award-card { min-height: 0; grid-template-columns: 1fr; }
  .award-card__copy { min-height: 610px; padding: 38px 28px; }
  .award-card__seal { width: 82px; height: 82px; margin-bottom: 60px; }
  .award-card__gallery { grid-template-columns: 1fr; padding: 28px; }
  .certificate-card--award { transform: none; }
  .certificate-card--award:hover { transform: translateY(-8px) rotate(.5deg); }
  .expertise__note { margin-top: 30px; text-align: left; }
  .technology-rail { padding-top: 54px; }
  .technology-rail__header { grid-template-columns: 1fr; gap: 20px; padding: 0 22px 36px; }
  .technology-rail__group { gap: 25px; padding-top: 21px; padding-bottom: 21px; }
  .technology-rail__note { margin: 24px 22px 0; text-align: left; }
  .journey { grid-template-columns: 1fr; margin-top: 70px; border-top: 0; }
  .journey__step, .journey__step:not(:first-child) { min-height: 0; grid-template-columns: 44px 1fr; padding: 30px 0; border-top: 1px solid var(--line); border-right: 0; }
  .journey__step::before, .journey__step:not(:first-child)::before { top: -5px; left: 0; }
  .location__heading { display: block; margin-bottom: 55px; }
  .location__intro { margin-top: 30px; }
  .location__gallery { grid-template-columns: 1fr; gap: 14px; }
  .location-photo { min-height: 0; aspect-ratio: 4 / 3; }
  .location__details { grid-template-columns: 1fr; gap: 44px; margin-top: 44px; padding-top: 34px; }
  .location address { font-size: clamp(2rem, 9vw, 3.15rem); line-height: 1.3; }
  .location__actions { width: 100%; justify-self: start; }
  .consultation { min-height: 760px; padding: 90px 22px; }
  .consultation__title { font-size: clamp(3.55rem, 15vw, 5.7rem); }
  .site-footer { padding: 60px 22px 28px; }
  .site-footer nav { flex-wrap: wrap; }
  .site-footer__bottom { flex-direction: column; }
  html[lang="zh-Hant"] .main-nav a { font-size: 2rem; letter-spacing: .1em; }
  html[lang="zh-Hant"] .hero__title { font-size: clamp(3.55rem, 15.5vw, 4.8rem); line-height: 1.12; }
  html[lang="zh-Hant"] .display { font-size: clamp(2.9rem, 11.8vw, 4.5rem); line-height: 1.3; }
  html[lang="zh-Hant"] .consultation__title { font-size: clamp(3.15rem, 12.5vw, 4.9rem); line-height: 1.4; }
  html[lang="zh-Hant"] .treatment-card__name { font-size: 2rem; }
}

@media (max-width: 480px) {
  .hero { min-height: 920px; }
  .hero__visual { top: 530px; height: 390px; }
  .hero__intro { max-width: 100%; }
  .button { width: 100%; }
  .hero__actions { gap: 25px; }
  .treatment-card__name { font-size: 2rem; }
  .consultation__note { max-width: 310px; margin-right: auto; margin-left: auto; }
}

@media (max-width: 360px) {
  .site-header, .site-header.is-scrolled { padding-right: 16px; padding-left: 16px; }
  .brand { gap: 6px; }
  .brand__monogram { width: 62px; height: 31px; }
  .brand__name { padding-left: 6px; font-size: .42rem; letter-spacing: .1em; }
  .language-switch { flex: 0 0 auto; gap: 5px; margin-right: 2px; }
  .language-switch button { flex: 0 0 auto; white-space: nowrap; }
}

body.menu-open .site-header .brand__monogram { filter: invert(1) brightness(1.65); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .technology-rail__track { animation: none !important; transform: none; }
  .reveal { opacity: 1; transform: none; }
  .plant-stem, .plant-vein, .draw-path { stroke-dashoffset: 0; }
  .plant-leaf, .precision__botanical .leaf-fill { opacity: 1; transform: none; }
}