/*! 3003BC Motion v1.1.0 · options: notes (default) | couture | vapour via <html data-m3-style> · studio.3003bc.com · pairs with 3003bc-motion.js · no dependencies */

/* ── 1. Tokens: top, heart, base ─────────────────────────────── */
:root {
  --m3-top: 220ms;      /* hover, press, focus */
  --m3-heart: 640ms;    /* content arriving */
  --m3-base: 1200ms;    /* hero, images, hairlines */
  --m3-settle: cubic-bezier(.16, 1, .3, 1);   /* glide in, settle */
  --m3-pour: cubic-bezier(.65, 0, .35, 1);    /* deliberate, liquid */
  --m3-soft: cubic-bezier(.33, 1, .68, 1);    /* opacity */
  --m3-rise: 28px;
  --m3-blur: 10px;
  --m3-word: 42ms;
  --m3-ink: #1d1718;
  --m3-paper: #f5f0ee;
  --m3-tint: #ece3df;
  --m3-accent: #8f2f36;
  --m3-accent-deep: #751e26;
}
@media (prefers-reduced-motion: no-preference) { html.m3 { scroll-behavior: smooth; } }

/* ── 2. Arrival (plays once, on first view) ─────────────────── */
html.m3 [data-m3~="rise"],
html.m3 [data-m3~="fade"],
html.m3 [data-m3~="count"],
html.m3 [data-m3~="distill"] {
  transition:
    opacity var(--m3-heart) var(--m3-soft) var(--m3-delay, 0ms),
    transform calc(var(--m3-heart) * 1.6) var(--m3-settle) var(--m3-delay, 0ms);
}
html.m3 [data-m3~="rise"]:not(.m3-in) { opacity: 0; transform: translate3d(0, var(--m3-rise), 0); }
html.m3 [data-m3~="fade"]:not(.m3-in),
html.m3 [data-m3~="count"]:not(.m3-in),
html.m3 [data-m3~="distill"]:not(.m3-in) { opacity: 0; }
[data-m3~="count"] { font-variant-numeric: tabular-nums; }

/* Diffuse: words resolve out of blur, one note at a time */
html.m3 [data-m3~="diffuse"] .m3-w {
  display: inline-block;
  opacity: 0;
  filter: blur(var(--m3-blur));
  transform: translate3d(0, .22em, 0);
  transition:
    opacity calc(var(--m3-heart) * 1.4) var(--m3-soft),
    filter calc(var(--m3-base) * 1.1) var(--m3-settle),
    transform calc(var(--m3-base) * 1.1) var(--m3-settle);
  transition-delay: calc(var(--m3-delay, 0ms) + var(--m3-i, 0) * var(--m3-word));
}
html.m3 [data-m3~="diffuse"].m3-in .m3-w { opacity: 1; filter: none; transform: none; }

/* Rule: hairline borders draw left to right */
html.m3 .m3-r[data-m3~="rule"] { position: relative; border-top-color: transparent !important; }
html.m3 .m3-r[data-m3~="rule"]::before {
  content: ""; position: absolute; left: 0; right: 0;
  top: calc(var(--m3-rw, 1px) * -1); height: var(--m3-rw, 1px);
  background: var(--m3-rc, currentColor);
  transform: scaleX(0); transform-origin: 0 50%;
  transition: transform calc(var(--m3-base) * 1.2) var(--m3-pour) var(--m3-delay, 0ms);
  pointer-events: none;
}
html.m3 .m3-r[data-m3~="rule"].m3-in::before { transform: none; }

/* Blotter: images soak upward, then settle */
html.m3 [data-m3~="blotter"] {
  clip-path: inset(100% 0 0 0);
  transition: clip-path calc(var(--m3-base) * 1.15) var(--m3-pour) var(--m3-delay, 0ms);
}
html.m3 [data-m3~="blotter"] > * {
  transform: scale(1.16); transform-origin: 50% 100%;
  transition: transform calc(var(--m3-base) * 1.7) var(--m3-settle) var(--m3-delay, 0ms), scale 1.1s var(--m3-settle);
}
html.m3 [data-m3~="blotter"].m3-in { clip-path: inset(0 0 0 0); }
html.m3 [data-m3~="blotter"].m3-in > * { transform: none; }

/* ── 3. Atmosphere (continuous, scroll-linked) ──────────────── */
[data-m3~="float"] { translate: 0 var(--m3-y, 0px); }

html.m3 [data-m3~="pour"] {
  clip-path: inset(calc((1 - var(--m3-pp, 0)) * 7%) calc((1 - var(--m3-pp, 0)) * 4%));
}

html.m3 .m3-d[data-m3~="drift"] {
  display: flex !important; flex-wrap: nowrap !important; gap: 0 !important; overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.m3-drift-track { display: flex; flex: none; flex-wrap: nowrap; align-items: baseline; animation: m3-drift 40s linear infinite; }
.m3-drift-track > * { flex: none; white-space: nowrap; }
html.m3 .m3-d[data-m3~="drift"]:hover .m3-drift-track { animation-play-state: paused; }
@keyframes m3-drift { to { transform: translate3d(-100%, 0, 0); } }

[data-m3~="progress"] { transform-origin: 0 50%; transform: scaleX(var(--m3-p, 0)); }

html.m3 [data-m3~="header"] {
  transition:
    transform calc(var(--m3-heart) * .9) var(--m3-settle),
    background-color var(--m3-heart) var(--m3-soft),
    border-color var(--m3-heart) var(--m3-soft);
}
html.m3 [data-m3~="header"].m3-scrolled {
  background-color: color-mix(in srgb, var(--m3-paper) 86%, transparent) !important;
  -webkit-backdrop-filter: saturate(1.2) blur(12px);
          backdrop-filter: saturate(1.2) blur(12px);
  border-bottom-color: rgba(29, 23, 24, .22) !important;
}
html.m3 [data-m3~="header"].m3-hide { transform: translate3d(0, -100%, 0); }

/* Veil: ink curtain with the wordmark, once per session */
[data-m3~="veil"] { display: none; }
html.m3 [data-m3~="veil"] {
  position: fixed; inset: 0; z-index: 9999;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px;
  background: var(--m3-ink); color: var(--m3-paper);
  clip-path: inset(0 0 0 0);
  transition: clip-path 1.25s var(--m3-pour);
}
html.m3 [data-m3~="veil"].m3-lift { clip-path: inset(0 0 100% 0); }
html.m3.m3-veil-seen [data-m3~="veil"],
html.m3 [data-m3~="veil"].m3-gone { display: none; }

/* ── 4. Touch (interaction) ─────────────────────────────────── */
[data-m3-arrow] { display: inline-block; transition: transform calc(var(--m3-top) * 1.6) var(--m3-settle); }
a:hover [data-m3-arrow], button:hover [data-m3-arrow],
a:focus-visible [data-m3-arrow], [data-m3~="card"]:hover [data-m3-arrow] { transform: translate3d(5px, 0, 0); }

/* Fill: colour pours through the button and exits the far side */
html [data-m3][data-m3~="fill"] {
  background-image: linear-gradient(var(--m3-fill, var(--m3-accent-deep)), var(--m3-fill, var(--m3-accent-deep))) !important;
  background-repeat: no-repeat !important;
  background-size: 0% 100% !important;
  background-position: 100% 0 !important;
  transition:
    background-size calc(var(--m3-top) * 2.4) var(--m3-settle),
    color var(--m3-top) linear, border-color var(--m3-top) linear,
    opacity var(--m3-heart) var(--m3-soft) var(--m3-delay, 0ms),
    transform calc(var(--m3-heart) * 1.6) var(--m3-settle) var(--m3-delay, 0ms);
}
html [data-m3][data-m3~="fill"]:hover,
html [data-m3][data-m3~="fill"]:focus-visible { background-size: 100% 100% !important; background-position: 0 0 !important; }
html [data-m3][data-m3~="invert"] { --m3-fill: var(--m3-ink); }
html [data-m3][data-m3~="invert"]:hover, html [data-m3][data-m3~="invert"]:focus-visible { color: var(--m3-paper) !important; }
html [data-m3][data-m3~="on-dark"] { --m3-fill: var(--m3-paper); }
html [data-m3][data-m3~="on-dark"]:hover, html [data-m3][data-m3~="on-dark"]:focus-visible { color: var(--m3-ink) !important; }

/* Line: underline draws in, leaves the other way */
html [data-m3][data-m3~="line"] {
  text-decoration: none !important;
  background-image: linear-gradient(currentColor, currentColor) !important;
  background-repeat: no-repeat !important;
  background-size: 0% 1px !important;
  background-position: 100% 100% !important;
  padding-bottom: .06em;
  transition:
    background-size calc(var(--m3-top) * 2.4) var(--m3-settle), color var(--m3-top) linear,
    opacity var(--m3-heart) var(--m3-soft) var(--m3-delay, 0ms),
    transform calc(var(--m3-heart) * 1.6) var(--m3-settle) var(--m3-delay, 0ms);
}
html [data-m3][data-m3~="line"]:hover,
html [data-m3][data-m3~="line"]:focus-visible,
html [data-m3][data-m3~="line"].m3-active,
html [data-m3][data-m3~="line"][aria-current="page"],
html [data-m3~="card"]:hover [data-m3][data-m3~="line"] { background-size: 100% 1px !important; background-position: 0 100% !important; }

/* Card: image eases closer */
[data-m3-zoom] { transition: scale 1.1s var(--m3-settle); }
[data-m3~="card"]:hover [data-m3-zoom], [data-m3~="card"]:focus-visible [data-m3-zoom] { scale: 1.045; }

/* Sillage: tint follows the pointer's direction through a row */
.m3-sil { position: relative; isolation: isolate; }
.m3-sil::after {
  content: ""; position: absolute; inset: 0 calc(var(--m3-sil-bleed, 16px) * -1);
  background: var(--m3-tint); z-index: -1; pointer-events: none;
  transform: scaleY(0); transform-origin: var(--m3-o, 50% 0%);
  transition: transform 460ms var(--m3-settle);
}
.m3-sil.m3-sil-on::after { transform: scaleY(1); }

/* Accordion */
details[data-m3~="accordion"] { box-sizing: border-box; overflow: hidden; }
details[data-m3~="accordion"] > summary > :last-child { display: inline-block; transition: transform var(--m3-heart) var(--m3-settle); }
details[data-m3~="accordion"][open]:not(.m3-closing) > summary > :last-child { transform: rotate(45deg); }
details[data-m3~="accordion"][open] > :not(summary) { animation: m3-acc-in var(--m3-heart) var(--m3-settle) both; }
details[data-m3~="accordion"].m3-closing > :not(summary) { opacity: 0; transition: opacity 180ms linear; }
@keyframes m3-acc-in { from { opacity: 0; transform: translate3d(0, -6px, 0); } }

/* Spy: contents rail follows the page */
[data-m3~="spy"] { position: relative; padding-left: 14px; }
[data-m3~="spy"]::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: rgba(29, 23, 24, .14); }
.m3-spy-bar {
  position: absolute; left: 0; top: 0; width: 1px; height: 0; opacity: 0; background: var(--m3-accent);
  transition: transform var(--m3-heart) var(--m3-settle), height var(--m3-heart) var(--m3-settle), opacity var(--m3-top);
}
[data-m3~="spy"] a { transition: color var(--m3-top) linear; }
[data-m3~="spy"] a.m3-active { color: var(--m3-accent) !important; }

/* ── 5. Between pages (View Transitions) ────────────────────── */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; types: m3-page; }
}
html:active-view-transition-type(m3-page)::view-transition-old(root) { animation: m3-vt-out 320ms cubic-bezier(.65, 0, .35, 1) both; }
html:active-view-transition-type(m3-page)::view-transition-new(root) { animation: m3-vt-in 760ms cubic-bezier(.16, 1, .3, 1) 60ms both; }
::view-transition-group(*) { animation-duration: 720ms; animation-timing-function: cubic-bezier(.16, 1, .3, 1); }
[data-m3-vt="header"] { view-transition-name: m3-header; }
[data-m3-vt="footer"] { view-transition-name: m3-footer; }
@keyframes m3-vt-out { to { opacity: 0; transform: translate3d(0, -12px, 0); filter: blur(4px); } }
@keyframes m3-vt-in { from { opacity: 0; transform: translate3d(0, 18px, 0); filter: blur(8px); } }

/* ── 6. Utilities, reduced motion, print ────────────────────── */
html.m3 .m3-reset, html.m3 .m3-reset *, html.m3 .m3-reset::before { transition: none !important; }

@media (prefers-reduced-motion: reduce) {
  html.m3 [data-m3], html.m3 [data-m3] *, html.m3 [data-m3]::before, html.m3 [data-m3]::after,
  .m3-sil::after, .m3-spy-bar { transition-duration: 1ms !important; transition-delay: 0ms !important; animation: none !important; }
  html.m3 [data-m3~="veil"] { display: none !important; }
  html.m3 [data-m3~="pour"] { clip-path: none !important; }
  [data-m3~="float"] { translate: none !important; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none !important; }
}

/* Reduced motion for option-specific patterns */
@media (prefers-reduced-motion: reduce) {
  html.m3[data-m3-style] [data-m3~="blotter"] > * { transform: none !important; filter: none !important; }
  html.m3 [data-m3~="exhale"] { opacity: 1 !important; transform: none !important; filter: none !important; }
}

@media print {
  html.m3 [data-m3~="exhale"], html.m3[data-m3-style] [data-m3~="blotter"] > * { opacity: 1 !important; transform: none !important; filter: none !important; }
  html.m3 [data-m3], html.m3 .m3-w, html.m3 [data-m3~="blotter"] > * {
    opacity: 1 !important; transform: none !important; filter: none !important; clip-path: none !important; translate: none !important;
  }
  html.m3 .m3-r[data-m3~="rule"]::before { transform: none !important; }
  [data-m3~="veil"], [data-m3~="progress"] { display: none !important; }
}

/* ── 7. Options: <html data-m3-style="couture"> or "vapour" (default: notes) ── */
:root { --m3-cut: cubic-bezier(.76, 0, .24, 1); }
.m3-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Odometer (couture counts) */
.m3-odo { display: inline-flex; align-items: flex-start; line-height: 1.1; }
.m3-odo > span { display: inline-block; line-height: 1.1; }
.m3-odc { height: 1.1em; overflow: hidden; }
.m3-ods { display: block; white-space: pre; transition: transform calc(var(--m3-base) * 1.5) var(--m3-settle) calc(var(--m3-delay, 0ms) + var(--m3-i, 0) * 70ms); }
html.m3 .m3-in .m3-ods { transform: translate3d(0, calc(var(--m3-d, 0) * -1.1em), 0); }

/* Label roll (couture buttons) */
.m3-roll { display: inline-grid; overflow: hidden; vertical-align: top; }
.m3-ra, .m3-rb { grid-area: 1 / 1; transition: transform 560ms var(--m3-cut); }
.m3-rb { transform: translate3d(0, 110%, 0); }
[data-m3~="fill"]:hover .m3-ra, [data-m3~="fill"]:focus-visible .m3-ra { transform: translate3d(0, -110%, 0); }
[data-m3~="fill"]:hover .m3-rb, [data-m3~="fill"]:focus-visible .m3-rb { transform: none; }
.m3-roll [data-m3-arrow] { transform: none !important; }

/* Exhale · Stack · Pin (Vapour signatures, usable in any option) */
html.m3 [data-m3~="exhale"] {
  opacity: calc(1 - var(--m3-ep, 0) * .85);
  transform: translate3d(0, calc(var(--m3-ep, 0) * -64px), 0);
  filter: blur(calc(var(--m3-ep, 0) * 6px));
}
html.m3 .m3-stk { position: sticky !important; top: calc(var(--m3-stack-top, 88px) + var(--m3-k, 0) * 18px); background: var(--m3-paper); }
html.m3 .m3-pin-on [data-m3-pin-frame] { box-sizing: border-box; position: sticky !important; top: 0; height: 100vh; overflow: hidden !important; display: flex; align-items: center; }
html.m3 .m3-pin-on [data-m3-track] { will-change: transform; }

/* B · Couture: crisp, editorial, fast */
html[data-m3-style="couture"] { --m3-heart: 560ms; --m3-base: 980ms; --m3-rise: 16px; --m3-word: 110ms; }
html.m3[data-m3-style="couture"] [data-m3~="diffuse"] .m3-wm { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: .14em; margin-bottom: -.14em; }
html.m3[data-m3-style="couture"] [data-m3~="diffuse"] .m3-w {
  opacity: 1; filter: none; transform: translate3d(0, 112%, 0);
  transition: transform calc(var(--m3-base) * 1.1) var(--m3-cut);
  transition-delay: calc(var(--m3-delay, 0ms) + var(--m3-i, 0) * var(--m3-word));
}
html.m3[data-m3-style="couture"] [data-m3~="diffuse"].m3-in .m3-w { transform: none; }
html.m3[data-m3-style="couture"] [data-m3~="distill"] { transition: clip-path var(--m3-heart) var(--m3-cut) var(--m3-delay, 0ms), opacity 1ms linear var(--m3-delay, 0ms); }
html.m3[data-m3-style="couture"] [data-m3~="distill"]:not(.m3-in) { opacity: 1; clip-path: inset(0 100% 0 0); }
html.m3[data-m3-style="couture"] [data-m3~="distill"].m3-in { clip-path: inset(0 0 0 0); }
html.m3[data-m3-style="couture"] .m3-r[data-m3~="rule"]::before { transition-duration: var(--m3-base); transition-timing-function: var(--m3-cut); }
html.m3[data-m3-style="couture"] [data-m3~="blotter"] { clip-path: inset(0 100% 0 0); transition-timing-function: var(--m3-cut); }
html.m3[data-m3-style="couture"] [data-m3~="blotter"] > * { transform: translate3d(-6%, 0, 0) scale(1.08); transform-origin: 0 50%; }
html.m3[data-m3-style="couture"] [data-m3~="blotter"].m3-in { clip-path: inset(0 0 0 0); }
html.m3[data-m3-style="couture"] [data-m3~="blotter"].m3-in > * { transform: none; }
html.m3[data-m3-style="couture"] [data-m3~="pour"] { clip-path: inset(calc((1 - var(--m3-pp, 0)) * 24%) 0 0 0); }
html.m3[data-m3-style="couture"] [data-m3][data-m3~="fill"] { background-size: 100% 0% !important; background-position: 0 0 !important; }
html.m3[data-m3-style="couture"] [data-m3][data-m3~="fill"]:hover,
html.m3[data-m3-style="couture"] [data-m3][data-m3~="fill"]:focus-visible { background-size: 100% 100% !important; background-position: 0 100% !important; }
html[data-m3-style="couture"] .m3-sil::after { inset: 0 auto 0 calc(var(--m3-sil-bleed, 16px) * -1); width: 2px; background: var(--m3-accent); transition: transform 420ms var(--m3-cut); }
html[data-m3-style="couture"] .m3-sil > * { transition: transform 420ms var(--m3-cut); }
html[data-m3-style="couture"] .m3-sil.m3-sil-on > * { transform: translate3d(14px, 0, 0); }
html.m3[data-m3-style="couture"] [data-m3~="veil"] { transition: clip-path 1s var(--m3-cut); }
html.m3[data-m3-style="couture"] [data-m3~="veil"].m3-lift { clip-path: inset(0 0 0 100%); }
html[data-m3-style="couture"]:active-view-transition-type(m3-page)::view-transition-old(root) { animation: m3c-vt-out 600ms cubic-bezier(.76, 0, .24, 1) both; }
html[data-m3-style="couture"]:active-view-transition-type(m3-page)::view-transition-new(root) { animation: m3c-vt-in 900ms cubic-bezier(.76, 0, .24, 1) both; }
@keyframes m3c-vt-out { to { transform: translate3d(0, -6%, 0); opacity: .35; } }
@keyframes m3c-vt-in { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0 0 0 0); } }

/* C · Vapour: slow, cinematic, scroll-led */
html[data-m3-style="vapour"] { --m3-heart: 900ms; --m3-base: 1700ms; --m3-rise: 44px; --m3-blur: 18px; --m3-word: 55ms; }
html.m3[data-m3-style="vapour"] [data-m3~="diffuse"] .m3-w { transform: translate3d(calc(var(--m3-sx, 0) * 1.6em), .12em, 0) scale(1.12); }
html.m3[data-m3-style="vapour"] [data-m3~="diffuse"].m3-in .m3-w { transform: none; }
html.m3[data-m3-style="vapour"] [data-m3~="distill"] {
  transition: opacity var(--m3-heart) var(--m3-soft) var(--m3-delay, 0ms),
    letter-spacing calc(var(--m3-base) * 1.2) var(--m3-settle) var(--m3-delay, 0ms),
    filter var(--m3-base) var(--m3-settle) var(--m3-delay, 0ms);
}
html.m3[data-m3-style="vapour"] [data-m3~="distill"]:not(.m3-in) { letter-spacing: .6em !important; filter: blur(4px); }
html.m3[data-m3-style="vapour"] [data-m3~="count"] { transition: opacity var(--m3-heart) var(--m3-soft) var(--m3-delay, 0ms), filter var(--m3-base) var(--m3-settle) var(--m3-delay, 0ms); }
html.m3[data-m3-style="vapour"] [data-m3~="count"]:not(.m3-in) { filter: blur(8px); }
html.m3[data-m3-style="vapour"] .m3-r[data-m3~="rule"]::before { transform-origin: 50% 50%; }
html.m3[data-m3-style="vapour"] [data-m3~="blotter"] { clip-path: none; transition: opacity var(--m3-base) var(--m3-soft) var(--m3-delay, 0ms); }
html.m3[data-m3-style="vapour"] [data-m3~="blotter"]:not(.m3-in) { opacity: 0; }
html.m3[data-m3-style="vapour"] [data-m3~="blotter"] > *,
html.m3[data-m3-style="vapour"] [data-m3~="blotter"].m3-in > * {
  transform: scale(calc(1.3 - .3 * var(--m3-sp, 0))); transform-origin: 50% 50%;
  filter: blur(calc((1 - var(--m3-sp, 0)) * 12px));
  transition: transform 900ms var(--m3-settle), filter 900ms var(--m3-settle), scale 1.4s var(--m3-settle);
}
html.m3[data-m3-style="vapour"] [data-m3~="pour"] { clip-path: inset(calc((1 - var(--m3-pp, 0)) * 12%) calc((1 - var(--m3-pp, 0)) * 9%)); }
html.m3[data-m3-style="vapour"] [data-m3][data-m3~="fill"] {
  background-image: none !important;
  box-shadow: inset 0 0 0 0 var(--m3-fill, var(--m3-accent-deep));
  transition: box-shadow 700ms var(--m3-settle), color 500ms linear, border-color 500ms linear,
    opacity var(--m3-heart) var(--m3-soft) var(--m3-delay, 0ms), transform calc(var(--m3-heart) * 1.6) var(--m3-settle) var(--m3-delay, 0ms);
}
html.m3[data-m3-style="vapour"] [data-m3][data-m3~="fill"]:hover,
html.m3[data-m3-style="vapour"] [data-m3][data-m3~="fill"]:focus-visible { box-shadow: inset 0 0 0 2.4em var(--m3-fill, var(--m3-accent-deep)); }
html.m3[data-m3-style="vapour"] [data-m3][data-m3~="line"] { background-position: 50% 100% !important; }
html[data-m3-style="vapour"] .m3-sil::after { transform: none; opacity: 0; transition: opacity 700ms var(--m3-soft); }
html[data-m3-style="vapour"] .m3-sil.m3-sil-on::after { opacity: 1; }
html.m3[data-m3-style="vapour"] [data-m3~="veil"] { transition: opacity 1.4s var(--m3-soft); }
html.m3[data-m3-style="vapour"] [data-m3~="veil"].m3-lift { clip-path: inset(0 0 0 0); opacity: 0; }
html.m3[data-m3-style="vapour"] [data-m3~="veil"] > * {
  transition: transform 1.6s var(--m3-settle), filter 1.6s var(--m3-settle),
    opacity var(--m3-heart) var(--m3-soft) var(--m3-delay, 0ms), letter-spacing calc(var(--m3-base) * 1.2) var(--m3-settle) var(--m3-delay, 0ms);
}
html.m3[data-m3-style="vapour"] [data-m3~="veil"].m3-lift > * { transform: scale(1.35); filter: blur(14px); }
html[data-m3-style="vapour"]:active-view-transition-type(m3-page)::view-transition-old(root) { animation: m3v-vt-out 700ms cubic-bezier(.33, 1, .68, 1) both; }
html[data-m3-style="vapour"]:active-view-transition-type(m3-page)::view-transition-new(root) { animation: m3v-vt-in 1200ms cubic-bezier(.16, 1, .3, 1) 200ms both; }
@keyframes m3v-vt-out { to { opacity: 0; filter: blur(14px); transform: scale(1.03); } }
@keyframes m3v-vt-in { from { opacity: 0; filter: blur(14px); transform: scale(.985); } }

@media (prefers-reduced-motion: reduce) { html.m3 .m3-stk { position: static !important; } }