:root {
  --m-press: 150ms;                              
  --m-acc: 240ms;                                
  --m-rise: 600ms;                               
  --m-out: cubic-bezier(.16, 1, .3, 1);          
  --m-in: cubic-bezier(.7, 0, .84, 0);           
  --m-acc-ease: cubic-bezier(.2, 0, 0, 1);
}
.m-line { position: absolute; z-index: 3; left: 0; right: 0; top: 0; height: 2px; margin-top: -2px; background: var(--lt-accent, #14201F); opacity: 0; pointer-events: none; will-change: transform; }
.m-line::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 32px; background: linear-gradient(to top, var(--lt-accent-glow, #14201F), transparent); opacity: var(--lt-accent-tail, .12); }   
.m-line--light { background: #FFFFFF; }   
.m-line--light::after { background: linear-gradient(to top, #FFFFFF, transparent); opacity: .2; }
.m [data-scan="media"], .m [data-scan="tint"] { position: relative; }
.m [data-scan="phone"], .m [data-story-phone] { position: relative; }
.m-kit { position: absolute; inset: 0; pointer-events: none; }
.m-kit-screen { position: absolute; left: 4.1667%; top: 2%; width: 91.6667%; height: 96%; border-radius: 10.59% / 4.854%; overflow: hidden; }   
.m-kit-cover { position: absolute; inset: 0; background: #14201F; }   
.m-kit .m-line { z-index: 2; }
[data-tint] { visibility: hidden; }
.js [data-tint] { visibility: visible; }
.m [data-scan="tint"] [data-tint], .m [data-door] [data-tint], .m [data-expand] [data-tint], .m [data-story] [data-tint] { clip-path: inset(0 0 100% 0); }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-door] img { transition: scale var(--m-rise) var(--m-out); }
  [data-door]:hover img, [data-door]:focus-within img { scale: 1.03; }
}
.mh [data-open-qr] svg, .mh [data-open-sym], .mh [data-open-word], .mh [data-open-cap] > :not(a), .mh [data-open-logo] img { opacity: 0; }   
.mh [data-open-logo]:focus-visible img { opacity: 1; }   
.mh header:has([data-open-logo]) { background-color: var(--lt-surface); border-bottom-color: transparent; }
.mh header:has([data-open-logo]) + .s-nav--row { background-color: var(--lt-surface); }
.mh header:has([data-open-logo]).m-docked + .s-nav--row { background-color: transparent; }   
.mh header:has([data-open-logo])::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: var(--lt-bg);
  box-shadow: var(--lt-elev-float, 0 0 #0000); opacity: 0; transition: opacity var(--m-press) ease-out; }
.mh header:has([data-open-logo])::after { content: ""; position: absolute; left: 0; right: 0; bottom: calc(-1 * var(--lt-hairline, 1px)); height: var(--lt-hairline, 1px);
  z-index: -2; pointer-events: none; background: var(--lt-border); opacity: 0; transition: opacity var(--m-press) ease-out; }
.mh header:has([data-open-logo]).m-docked::before, .mh header:has([data-open-logo]).m-docked::after { opacity: 1; }
.m-field { position: absolute; z-index: 0; pointer-events: none; }
.m-fly { position: fixed; inset: 0; z-index: 40; pointer-events: none; }
.m-fly > * { position: absolute; margin: 0; visibility: hidden; }
.mh [data-expand] { --cw: min(72vw, 38svh, 400px); --ch: calc(var(--cw) * 1.25); --cy: 57%; height: clamp(560px, 100svh, 1000px); min-height: 0; overflow: hidden; }   
.mh [data-expand-media] { clip-path: inset(calc(var(--cy) - var(--ch) / 2) calc(50% - var(--cw) / 2) calc(100% - var(--cy) - var(--ch) / 2) round 8px); }   
.mh [data-expand-media] > img:not([data-tint]) { transform: scale(1.12); }
.mh [data-expand-media] > * { will-change: transform; }
[data-expand-card], [data-expand-title] { display: none; }
.mh [data-expand-card] { display: block; position: absolute; top: calc(var(--cy) - var(--ch) / 2); left: calc(50% - var(--cw) / 2); width: var(--cw); height: var(--ch); visibility: hidden; pointer-events: none; }
.mh [data-expand-title] { position: absolute; z-index: 1; left: 0; right: 0; bottom: calc(100% - var(--cy) + var(--ch) / 2 + 20px); display: flex; flex-direction: column; padding-inline: var(--lt-gutter); color: var(--lt-text); font-size: clamp(34px, 10.4vw, 44px); line-height: 1.15; font-weight: 500; pointer-events: none; }
.mh [data-expand-title] > :first-child { align-self: flex-start; }   
.mh [data-expand-title] > :last-child { align-self: flex-end; }     
@media (min-width: 768px) {
  .mh [data-expand-title] { flex-direction: row; justify-content: center; align-items: baseline; gap: .32em; font-size: clamp(48px, 6.4vw, 96px); line-height: 1.1; }
  .mh [data-expand-title] > * { align-self: auto; }
}
.mh [data-expand-sheet], .mh [data-expand-phone] { opacity: 0; }
@media (max-width: 1023.98px) {
  html.mh [data-expand]:not(.m-x) [data-expand-media] > :first-child { top: calc(var(--cy) - var(--ch) / 2); bottom: auto; height: var(--ch); transform: none; }
  html.mh [data-expand].m-band { --cy: calc(clamp(560px, 100svh, 1000px) * .57); height: calc(clamp(560px, 100svh, 1000px) + var(--m-xh, 0px)); }
  html.mh [data-expand].m-band [data-expand-media] > :first-child { top: var(--m-bt, 0px); bottom: auto; height: var(--m-bh, 100%); }
}
.m [data-story].is-live [data-story-run] { position: relative; }
.m [data-story].is-live { overflow-x: clip; }   
.m [data-story].is-live [data-story-scene] { overflow: hidden; }   
.m [data-story].is-live [data-step] { transition: opacity var(--m-acc) var(--m-out); }
.m [data-story].is-pinned [data-step]:not(.is-on) { opacity: .55; }
.h-story-rail { position: absolute; top: 0; bottom: 0; inset-inline-start: calc(-1 * var(--lt-space-16, 16px)); width: 2px; background: var(--lt-border); pointer-events: none; }
.h-story-rail > b { position: absolute; inset: 0; background: var(--lt-text); transform-origin: 50% 0; transform: scaleY(0); }
[data-pulse] { transform-origin: 50% 50%; }
.m-dot { position: absolute; z-index: 2; left: var(--tx, 50%); top: var(--ty, 50%); width: 30%; aspect-ratio: 1; translate: -50% -50%; border-radius: 50%;
  box-shadow: inset 0 0 0 2px var(--lt-accent, #14201F); opacity: 0; pointer-events: none; }
.m-dot::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--lt-accent-glow, #14201F); opacity: var(--lt-accent-tail, .12); }
.mh [data-story] [data-story-ring], .mh [data-story] [data-story-card] { opacity: 0; }
.m-card-cover { position: absolute; inset: 0; z-index: 2; background: var(--lt-surface, #FFFFFF); pointer-events: none; }
.m-end { display: block; height: 1px; margin-top: -1px; pointer-events: none; }
.m .m-words { position: relative; }
.m .m-w, .m .m-wc, .m .m-wi { display: inline-block; }
.m .m-wc { clip-path: inset(-.6em -.4em -.25em -.4em); }
.m .m-words-band { overflow-x: clip; }
@media (max-width: 1023.98px) { .mh [data-open-art] { min-height: 380px; } }
.m [data-parallax] { overflow: hidden; }
.m [data-parallax] img { will-change: transform; }
@media (prefers-reduced-motion: no-preference) {
  .lt-btn:not(.c .lt-btn) { transition: background-color var(--m-press) ease-out, border-color var(--m-press) ease-out, color var(--m-press) ease-out, scale var(--m-press) ease-out; }
  .lt-btn:not(.c .lt-btn):active { scale: .97; }
}
.m [data-accordion] summary { position: relative; }
.m [data-accordion] summary::after { background: linear-gradient(currentColor, currentColor) center / 16px 1.5px no-repeat; }
.m [data-accordion] summary::before { content: ""; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; margin-top: -8px; background: linear-gradient(currentColor, currentColor) center / 1.5px 16px no-repeat; transition: transform var(--m-acc) var(--m-acc-ease); }
.m [data-accordion] details[open] summary::before { transform: scaleY(0); }
.m [data-accordion] details > :not(summary) { transition: opacity var(--m-acc) var(--m-acc-ease), translate var(--m-acc) var(--m-acc-ease); }
.m [data-accordion] details.m-opening > :not(summary) { opacity: 0; translate: 0 -8px; transition: none; }
.m [data-accordion] details.m-closing > :not(summary) { opacity: 0; translate: 0 -4px; transition-duration: 156ms; transition-timing-function: var(--m-in); }
.m [data-accordion] details.m-closing summary::before { transform: none; }
@media print {
  .m-line, .m-kit, .m-field, .h-story-rail, .m-dot, .m-fly, .m-card-cover { display: none !important; }
  .mh [data-expand] { height: auto !important; }
  [data-story-ring], [data-story-card] { opacity: 1 !important; transform: none !important; }
  .mh [data-open-qr] svg, .mh [data-open-sym], .mh [data-open-word], .mh [data-open-cap] > *, .mh [data-open-logo] img, .mh [data-expand-sheet], .mh [data-expand-phone] { opacity: 1 !important; }
}