/* === RESET === */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ===========================================
   VIEWPORT FITTING: MANDATORY BASE STYLES
   Include this ENTIRE file in every presentation.
   These styles ensure slides fit exactly in the viewport.
   =========================================== */

/* 1. Lock html/body to viewport */
html, body {
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}

html {
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

/* 2. Each slide = exact viewport height */
.slide {
    width: 100vw;
    height: 100vh;
    height: 100dvh; /* Dynamic viewport height for mobile browsers */
    overflow: hidden; /* CRITICAL: Prevent ANY overflow */
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* 3. Content container with flex for centering */
.slide-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 100%;
    overflow: hidden; /* Double-protection against overflow */
    padding: var(--slide-padding);
    width: min(100%, var(--content-max-width, 100%));
    margin-inline: auto;
}

/* 4. ALL typography uses clamp() for responsive scaling */
:root {
    /* Titles scale from mobile to desktop */
    --title-size: clamp(1.5rem, 5vw, 4rem);
    --h2-size: clamp(1.25rem, 3.5vw, 2.5rem);
    --h3-size: clamp(1rem, 2.5vw, 1.75rem);

    /* Body text */
    --body-size: clamp(0.75rem, 1.5vw, 1.125rem);
    --small-size: clamp(0.65rem, 1vw, 0.875rem);

    /* Spacing scales with viewport */
    --slide-padding: clamp(1rem, 4vw, 4rem);
    --content-gap: clamp(0.5rem, 2vw, 2rem);
    --element-gap: clamp(0.25rem, 1vw, 1rem);
}

/* 5. Cards/containers use viewport-relative max sizes */
.card, .container, .content-box {
    max-width: min(90vw, 1000px);
    max-height: min(80vh, 700px);
}

/* 6. Lists auto-scale with viewport */
.feature-list, .bullet-list {
    gap: clamp(0.4rem, 1vh, 1rem);
}

.feature-list li, .bullet-list li {
    font-size: var(--body-size);
    line-height: 1.4;
}

/* 7. Grids adapt to available space */
.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr));
    gap: clamp(0.5rem, 1.5vw, 1rem);
}

/* 8. Images constrained to viewport */
img, .image-container {
    max-width: 100%;
    max-height: min(50vh, 400px);
    object-fit: contain;
}

/* ===========================================
   RESPONSIVE BREAKPOINTS
   Aggressive scaling for smaller viewports
   =========================================== */

/* Short viewports (< 700px height) */
@media (max-height: 700px) {
    :root {
        --slide-padding: clamp(0.75rem, 3vw, 2rem);
        --content-gap: clamp(0.4rem, 1.5vw, 1rem);
        --title-size: clamp(1.25rem, 4.5vw, 2.5rem);
        --h2-size: clamp(1rem, 3vw, 1.75rem);
    }
}

/* Very short viewports (< 600px height) */
@media (max-height: 600px) {
    :root {
        --slide-padding: clamp(0.5rem, 2.5vw, 1.5rem);
        --content-gap: clamp(0.3rem, 1vw, 0.75rem);
        --title-size: clamp(1.1rem, 4vw, 2rem);
        --body-size: clamp(0.7rem, 1.2vw, 0.95rem);
    }

    /* Hide non-essential elements */
    .nav-dots, .keyboard-hint, .decorative {
        display: none;
    }
}

/* Extremely short (landscape phones, < 500px height) */
@media (max-height: 500px) {
    :root {
        --slide-padding: clamp(0.4rem, 2vw, 1rem);
        --title-size: clamp(1rem, 3.5vw, 1.5rem);
        --h2-size: clamp(0.9rem, 2.5vw, 1.25rem);
        --body-size: clamp(0.65rem, 1vw, 0.85rem);
    }
}

/* Narrow viewports (< 600px width) */
@media (max-width: 600px) {
    :root {
        --title-size: clamp(1.25rem, 7vw, 2.5rem);
    }

    /* Stack grids vertically */
    .grid {
        grid-template-columns: 1fr;
    }
}

/* ===========================================
   REDUCED MOTION
   Respect user preferences
   =========================================== */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.2s !important;
    }

    html {
        scroll-behavior: auto;
    }
}

/* === PAPBJØRN THEME TOKENS === */
:root {
  --terrazzo-peach: #EDBD95;
  --terrazzo-ink: #374F4E;
  --terrazzo-orange: #D1801E;
  --terrazzo-stone: #DACCC4;
  --terrazzo-tan: #AA8552;
  --logo-black: #09090A;
  --logo-dot: #E55B2C;
  --paper: #F3EEE6;
  --paper-soft: #FBF6EE;
  --cream: #F5EDE0;
  --ink: var(--terrazzo-ink);
  --teal-ink: var(--terrazzo-ink);
  --espresso: #1A1208;
  --orange: var(--terrazzo-orange);
  --stone: var(--terrazzo-stone);
  --tan: var(--terrazzo-tan);
  --line: rgba(19, 34, 31, 0.16);
  --line-strong: rgba(19, 34, 31, 0.28);
  --shadow: rgba(19, 34, 31, 0.16);
  --accent-fill: #9a5208;
  --accent-fill-hover: #854707;
  --accent-text: #9a5208;
  --accent-text-soft: color-mix(in srgb, var(--accent-text) 72%, var(--text) 28%);
  --bg: var(--paper);
  --bg-glow: #FFF8EC;
  --text: var(--ink);
  --muted: #5d6861;
  --title-font: "Cal Sans", "Manrope", sans-serif;
  --body-font: "Manrope", sans-serif;
  --ui-font: var(--body-font);
  --code-font: "JetBrains Mono", monospace;
  --display: var(--title-font);
  --display-alt-a: "Bebas Neue", "Archivo Narrow", sans-serif;
  --display-alt-b: "Anton", "Manrope", sans-serif;
  --body: var(--body-font);
  --ui: var(--ui-font);
  --mono: var(--code-font);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-normal: 520ms;
  --slide-padding: clamp(1.2rem, 4vw, 4.2rem);
  --content-max-width: clamp(64rem, 78vw, 86rem);
}

:root[data-theme="dark"] {
  --bg: #0b221f;
  --bg-glow: #183a35;
  --text: #f6eddc;
  --muted: #d8cdbd;
  --line: rgba(246, 237, 220, 0.14);
  --line-strong: rgba(246, 237, 220, 0.22);
  --shadow: rgba(2, 10, 9, 0.42);
  --accent-fill: #9a5208;
  --accent-fill-hover: #854707;
  --accent-text: var(--orange);
  --accent-text-soft: color-mix(in srgb, var(--orange) 74%, var(--text) 26%);
}

html {
  background: var(--bg);
  color: var(--text);
  font-family: var(--body);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body {
  background: var(--bg);
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
}

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}

/* === GLOBAL SURFACE === */
.deck {
  background: var(--bg);
  display: flex;
  flex-direction: row;
  height: 100dvh;
  min-height: 100dvh;
  width: max-content;
}

.slide {
  background:
    radial-gradient(circle at 72% 22%, rgba(237, 189, 149, 0.22), transparent 20rem),
    radial-gradient(circle at 10% 8%, rgba(218, 204, 196, 0.2), transparent 18rem),
    linear-gradient(112deg, var(--bg) 0%, var(--bg) 54%, var(--bg-glow) 100%);
  color: var(--text);
  flex: 0 0 100vw;
  isolation: isolate;
  scroll-snap-stop: always;
}

:root[data-theme="dark"] .slide {
  background:
    radial-gradient(circle at 17% 14%, rgba(243, 238, 230, 0.13), transparent 18rem),
    radial-gradient(circle at 71% 27%, rgba(243, 238, 230, 0.12), transparent 20rem),
    radial-gradient(circle at 88% 58%, rgba(29, 76, 68, 0.26), transparent 22rem),
    linear-gradient(118deg, #0a211d 0%, #08221f 44%, #0c2f29 100%);
}

.slide::before,
.slide::after {
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.slide::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23noise)' opacity='.52'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
  opacity: 0.24;
  z-index: 1;
}

:root[data-theme="dark"] .slide::before {
  opacity: 0.16;
}

.slide::after {
  display: none;
}

:root[data-theme="dark"] .slide::after {
  background:
    radial-gradient(circle at 20% 11%, rgba(255, 244, 223, 0.08), transparent 13rem),
    radial-gradient(circle at 72% 24%, rgba(255, 244, 223, 0.06), transparent 15rem);
  display: block;
  opacity: 1;
  z-index: 2;
}

.slide > * {
  position: relative;
  z-index: 4;
}

.slide.drop-ready::after {
  border: 1px dashed rgba(209, 128, 30, 0.62);
  border-radius: 10px;
  content: "";
  display: block;
  inset: clamp(1rem, 2vw, 1.4rem);
  opacity: 1;
  pointer-events: none;
  position: absolute;
  z-index: 18;
}

.freeform-layer {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 42;
}

.freeform-item {
  align-items: center;
  color: var(--text);
  cursor: grab;
  display: inline-flex;
  left: calc(var(--free-x, 50) * 1%);
  max-width: min(42vw, 32rem);
  min-width: 1.5rem;
  pointer-events: auto;
  position: absolute;
  top: calc(var(--free-y, 50) * 1%);
  touch-action: none;
  transform: translate(-50%, -50%);
  transition:
    color 180ms var(--ease),
    opacity 180ms var(--ease),
    transform 180ms var(--ease);
  z-index: calc(42 + var(--free-z, 0));
}

.freeform-item:hover,
.freeform-item:focus-visible,
.freeform-item.is-dragging {
  color: var(--accent-text);
  outline: 0;
  transform: translate(-50%, -50%) scale(1.02);
}

.freeform-item.is-dragging {
  cursor: grabbing;
  opacity: 0.86;
}

.freeform-icon {
  background: transparent;
  border: 0;
  height: clamp(2rem, 4vw, 4rem);
  justify-content: center;
  padding: 0;
  width: clamp(2rem, 4vw, 4rem);
}

.freeform-icon svg,
.freeform-image-placeholder svg {
  fill: none;
  height: 100%;
  overflow: visible;
  shape-rendering: geometricPrecision;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-width: 0.86;
  vector-effect: non-scaling-stroke;
  width: 100%;
}

.freeform-text {
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(1.05rem, 2.2vw, 2.4rem);
  font-weight: 850;
  line-height: 1.05;
  text-wrap: balance;
}

.freeform-text [data-edit] {
  display: inline-block;
  min-width: 3rem;
}

.freeform-image,
.freeform-image-placeholder {
  width: min(22vw, 18rem);
}

.freeform-image img {
  border-radius: 8px;
  display: block;
  height: auto;
  max-height: min(28vh, 18rem);
  object-fit: contain;
  width: 100%;
}

.freeform-image-placeholder {
  align-items: center;
  aspect-ratio: 4 / 3;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  color: var(--accent-text-soft);
  display: inline-flex;
  justify-content: center;
  padding: 1.2rem;
}

.freeform-image-placeholder svg {
  height: 38%;
  width: 38%;
}

body.public-view .freeform-item {
  cursor: default;
  pointer-events: none;
}

.terrain {
  bottom: -1px;
  display: none;
  height: min(26vh, 15rem);
  inset-inline: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 3;
}

.terrain-layer__fill {
  stroke: none;
}

.terrain-layer__crest,
.terrain-layer__sediment {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.terrain-layer__crest {
  stroke-width: 2.2;
}

.terrain-layer__sediment {
  stroke-width: 1.1;
}

.terrain-layer--far .terrain-layer__fill {
  fill: rgba(218, 204, 196, 0.34);
}

.terrain-layer--far .terrain-layer__crest,
.terrain-layer--far .terrain-layer__sediment {
  stroke: rgba(170, 133, 82, 0.34);
}

.terrain-layer--mist .terrain-layer__fill {
  fill: rgba(251, 246, 238, 0.58);
}

.terrain-layer--mist .terrain-layer__crest,
.terrain-layer--mist .terrain-layer__sediment {
  stroke: rgba(218, 204, 196, 0.3);
}

.terrain-layer--mid .terrain-layer__fill {
  fill: rgba(170, 133, 82, 0.46);
}

.terrain-layer--mid .terrain-layer__crest,
.terrain-layer--mid .terrain-layer__sediment {
  stroke: rgba(209, 128, 30, 0.52);
}

.terrain-layer--front .terrain-layer__fill {
  fill: rgba(48, 67, 63, 0.98);
}

.terrain-layer--front .terrain-layer__crest {
  stroke: rgba(118, 143, 136, 0.34);
}

.terrain-layer--front .terrain-layer__sediment {
  stroke: rgba(118, 143, 136, 0.22);
}

:root[data-theme="dark"] .terrain-layer--far .terrain-layer__fill {
  fill: rgba(245, 237, 224, 0.72);
}

:root[data-theme="dark"] .terrain-layer--far .terrain-layer__crest,
:root[data-theme="dark"] .terrain-layer--far .terrain-layer__sediment {
  stroke: rgba(216, 201, 181, 0.34);
}

:root[data-theme="dark"] .terrain-layer--mist .terrain-layer__fill {
  fill: rgba(250, 246, 238, 0.94);
}

:root[data-theme="dark"] .terrain-layer--mist .terrain-layer__crest,
:root[data-theme="dark"] .terrain-layer--mist .terrain-layer__sediment {
  stroke: rgba(230, 219, 201, 0.28);
}

:root[data-theme="dark"] .terrain-layer--mid .terrain-layer__fill {
  fill: rgba(214, 179, 118, 0.52);
}

:root[data-theme="dark"] .terrain-layer--mid .terrain-layer__crest,
:root[data-theme="dark"] .terrain-layer--mid .terrain-layer__sediment {
  stroke: rgba(223, 174, 103, 0.38);
}

:root[data-theme="dark"] .terrain-layer--front .terrain-layer__fill {
  fill: rgba(116, 126, 119, 0.26);
}

:root[data-theme="dark"] .terrain-layer--front .terrain-layer__crest {
  stroke: rgba(178, 167, 149, 0.18);
}

:root[data-theme="dark"] .terrain-layer--front .terrain-layer__sediment {
  stroke: rgba(178, 167, 149, 0.14);
}

.brand-frame {
  left: 39px;
  pointer-events: none;
  position: fixed;
  top: 22px;
  z-index: 115;
}

.brand-logo {
  aspect-ratio: 1519.7 / 224.7;
  display: block;
  height: 22px;
  max-height: none;
  opacity: 1;
  overflow: visible;
  pointer-events: none;
  position: static;
  shape-rendering: auto;
  width: 152px;
  image-rendering: auto;
}

.brand-logo .logo-ink,
.foundation-brandmark .logo-ink,
.library-brandmark .logo-ink {
  fill: var(--logo-black);
}

:root[data-theme="dark"] .brand-logo .logo-ink,
:root[data-theme="dark"] .foundation-brandmark .logo-ink,
:root[data-theme="dark"] .library-brandmark .logo-ink {
  fill: var(--cream);
}

.brand-logo .logo-dot,
.foundation-brandmark .logo-dot,
.library-brandmark .logo-dot {
  fill: var(--logo-dot);
}

.signal-pin {
  align-items: center;
  display: inline-flex;
  gap: clamp(0.5rem, 1vw, 0.9rem);
}

.signal-pin::before {
  background: var(--logo-dot);
  content: "";
  display: inline-block;
  height: 0.14rem;
  width: clamp(2rem, 4vw, 3.5rem);
}

.kicker,
.meta-label {
  color: var(--muted);
  font-family: var(--mono);
  font-size: clamp(0.6rem, 0.78vw, 0.82rem);
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.2;
  text-transform: uppercase;
}

.kicker {
  margin-bottom: clamp(0.7rem, 1.8vh, 1.2rem);
}

.display-title {
  color: var(--teal-ink);
  font-family: var(--display);
  font-size: clamp(3rem, 5.7vw, 6.2rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.9;
  max-width: 12ch;
  text-transform: none;
}

:root[data-theme="dark"] .display-title {
  color: var(--cream);
}

.display-title em,
.slide h2 em,
.accent {
  color: var(--accent-text);
  font-style: normal;
}

.slide h2 {
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(2.35rem, 4.2vw, 4.4rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.91;
  max-width: 12ch;
  text-transform: none;
}

.slide[data-slide-id^="spekva-"] h2,
.slide[data-slide-id^="spekva-"] .display-title {
  max-width: 14ch;
}

.subtitle,
.body-copy {
  color: var(--muted);
  font-size: clamp(0.98rem, 1.34vw, 1.36rem);
  font-weight: 600;
  line-height: 1.28;
  max-width: min(42rem, 68vw);
  text-wrap: balance;
}

.body-copy {
  font-size: clamp(0.94rem, 1.08vw, 1.14rem);
  font-weight: 400;
  line-height: 1.56;
}

/* === SLIDE LAYOUTS === */
.title-poster .slide-content {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(18rem, 0.88fr);
  gap: clamp(1.2rem, 4vw, 4.8rem);
  justify-content: center;
}

.client-title .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.4rem, 4vw, 5rem);
  grid-template-columns: minmax(0, 1.03fr) minmax(18rem, 0.74fr);
}

.client-title__copy {
  display: grid;
  gap: clamp(0.65rem, 1.4vh, 1rem);
  max-width: 66rem;
}

.client-title__logo-panel {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: min(44vh, 24rem);
}

.client-title__logo {
  display: block;
  height: auto;
  max-height: min(18vh, 9rem);
  object-fit: contain;
  width: min(100%, 31rem);
}

:root[data-theme="dark"] .client-title__logo {
  filter: brightness(0) saturate(100%) invert(93%) sepia(10%) saturate(384%) hue-rotate(347deg) brightness(105%) contrast(92%);
}

.vesthimmerlands-intro-hero .slide-content {
  align-items: stretch;
  display: grid;
  gap: clamp(1.6rem, 4vw, 5rem);
  grid-template-columns: minmax(0, 0.94fr) minmax(24rem, 1.06fr);
  justify-content: center;
}

.vesthimmerlands-intro-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  padding-block: clamp(0.4rem, 1vh, 0.8rem);
}

.vesthimmerlands-intro-hero__top {
  display: flex;
  justify-content: flex-start;
  min-height: 1px;
}

.vesthimmerlands-intro-hero__logo {
  display: block;
  height: auto;
  filter: brightness(0) invert(1);
  width: min(22rem, 58%);
}

:root[data-theme="light"] .vesthimmerlands-intro-hero__logo {
  filter: none;
}

.vesthimmerlands-intro-hero__meta {
  align-items: flex-start;
  display: grid;
  gap: clamp(1rem, 1.8vh, 1.35rem);
  max-width: 37rem;
  padding-bottom: clamp(0.2rem, 0.8vh, 0.8rem);
}

.vesthimmerlands-intro-hero__subtitle {
  color: color-mix(in srgb, var(--text) 92%, var(--muted) 8%);
  font-size: clamp(1.3rem, 1.7vw, 1.8rem);
  letter-spacing: -0.02em;
  line-height: 1.18;
  margin: 0;
  max-width: 29ch;
}

.vesthimmerlands-intro-hero__presenter {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.7rem;
}

.vesthimmerlands-intro-hero__presenter strong {
  color: var(--accent-text);
  font-size: clamp(1.1rem, 1.4vw, 1.35rem);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.vesthimmerlands-intro-hero__presenter span {
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  font-size: clamp(1.02rem, 1.2vw, 1.18rem);
}

.vesthimmerlands-intro-hero__presenter-dot {
  color: var(--accent-text);
  font-size: 0.95em;
}

.vesthimmerlands-intro-hero__date {
  align-items: center;
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  display: inline-flex;
  font-size: clamp(1rem, 1.16vw, 1.14rem);
  gap: 0.72rem;
  margin: 0;
}

.vesthimmerlands-intro-hero__date svg {
  color: var(--accent-text);
  flex: 0 0 auto;
  height: 1.2rem;
  width: 1.2rem;
}

.vesthimmerlands-intro-hero__municipality {
  align-items: center;
  display: flex;
  gap: 1rem;
  margin-top: clamp(0.25rem, 0.7vh, 0.5rem);
}

.vesthimmerlands-intro-hero__municipality img {
  display: block;
  filter: none;
  height: 5.75rem;
  max-width: min(18rem, 100%);
  object-fit: contain;
  object-position: left center;
  width: auto;
}

:root[data-theme="dark"] .vesthimmerlands-intro-hero__municipality img[data-invert="dark"] {
  filter:
    brightness(0)
    saturate(100%)
    invert(91%)
    sepia(12%)
    saturate(416%)
    hue-rotate(349deg)
    brightness(106%)
    contrast(95%);
}

:root[data-theme="light"] .vesthimmerlands-intro-hero__municipality img {
  filter: brightness(0) invert(1);
}

.vesthimmerlands-intro-hero__municipality span {
  display: none;
}

.vesthimmerlands-intro-hero__visual {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  overflow: visible;
  position: relative;
}

.vesthimmerlands-intro-hero__visual img {
  border: 1.5px solid color-mix(in srgb, var(--accent-text) 88%, transparent);
  display: block;
  border-radius: clamp(2rem, 2.8vw, 2.8rem);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--accent-text) 16%, transparent),
    0 1.4rem 4rem rgba(20, 32, 28, 0.18),
    0 0 3rem color-mix(in srgb, var(--accent-text) 18%, transparent);
  height: min(120vh, 70rem);
  max-width: min(100%, 56rem);
  object-fit: cover;
  object-position: center center;
  transform: scale(1.75);
  transform-origin: center right;
  width: auto;
}

.client-title__meta {
  color: var(--muted);
  display: grid;
  font-family: var(--mono);
  font-size: clamp(0.72rem, 0.9vw, 0.88rem);
  font-weight: 700;
  gap: 0.55rem;
  letter-spacing: 0.08em;
  line-height: 1.42;
  text-transform: uppercase;
}

.client-title__rule {
  background: color-mix(in srgb, var(--orange) 72%, transparent);
  height: 1px;
  width: min(11rem, 54%);
}

.ai-term-cloud {
  --content-max-width: clamp(70rem, 88vw, 94rem);
}

.ai-term-cloud .slide-content {
  align-items: center;
  justify-content: center;
  padding-block: clamp(1.2rem, 2.2vh, 1.8rem);
}

.word-cloud-3d,
.word-cloud-zoom {
  --content-max-width: clamp(72rem, 90vw, 98rem);
}

.reference-clean {
  --content-max-width: clamp(70rem, 86vw, 92rem);
}

.reference-clean::before {
  opacity: 0.08;
}

.reference-clean .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2.4rem, 5vw, 5.8rem);
  grid-template-columns: minmax(0, 1fr) minmax(19rem, 0.72fr);
  justify-content: center;
  min-height: min(74vh, 45rem);
  position: relative;
}

.reference-clean[data-variant="quote"] .slide-content {
  align-items: end;
  grid-template-columns: minmax(0, 1fr);
}

.reference-clean .slide-content::before,
.reference-clean .slide-content::after {
  background: color-mix(in srgb, var(--ink) 74%, transparent);
  content: "";
  opacity: 0.66;
  position: absolute;
  right: clamp(0.4rem, 1vw, 0.8rem);
  top: clamp(0.2rem, 1vh, 0.6rem);
  z-index: 0;
}

.reference-clean .slide-content::before {
  height: 1px;
  width: clamp(11rem, 21vw, 19rem);
}

.reference-clean .slide-content::after {
  height: clamp(24rem, 56vh, 42rem);
  transform: translateX(-4.1rem) translateY(-3rem);
  width: 1px;
}

.reference-clean__link {
  color: color-mix(in srgb, var(--ink) 78%, transparent);
  font-family: var(--ui);
  font-size: clamp(0.82rem, 1.05vw, 1.05rem);
  font-weight: 700;
  left: clamp(3rem, 7vw, 7rem);
  position: absolute;
  top: clamp(3.4rem, 7vh, 5.6rem);
  z-index: 2;
}

.reference-clean__copy {
  display: grid;
  gap: clamp(1.4rem, 2.6vh, 2.3rem);
  max-width: 47rem;
  position: relative;
  z-index: 2;
}

.reference-clean h2 {
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(3.1rem, 5.3vw, 5.7rem);
  letter-spacing: 0;
  line-height: 0.96;
  max-width: 49rem;
}

.reference-clean__bullets {
  display: grid;
  gap: clamp(0.95rem, 1.8vh, 1.5rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.reference-clean__bullets li {
  color: color-mix(in srgb, var(--text) 83%, transparent);
  display: grid;
  font-family: var(--ui);
  font-size: clamp(1.18rem, 1.7vw, 1.75rem);
  font-weight: 650;
  gap: clamp(0.8rem, 1.1vw, 1.35rem);
  grid-template-columns: 0.8em minmax(0, 1fr);
  line-height: 1.24;
}

.reference-clean__bullets li::before {
  background: currentColor;
  border-radius: 50%;
  content: "";
  height: 0.34em;
  margin-top: 0.48em;
  width: 0.34em;
}

.reference-clean__quote {
  align-self: end;
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(1.65rem, 2.45vw, 2.8rem);
  font-weight: 540;
  letter-spacing: -0.035em;
  line-height: 1.16;
  margin: 0 0 clamp(5.5rem, 12vh, 9rem) clamp(3rem, 7vw, 7rem);
  max-width: 38rem;
  position: relative;
  z-index: 2;
}

.reference-clean__quote strong {
  font-weight: 900;
}

.reference-clean__visual {
  aspect-ratio: 0.78;
  background:
    radial-gradient(circle at 48% 20%, rgba(255, 247, 230, 0.28), transparent 24%),
    linear-gradient(145deg, #c9c2b2, #8c897d 62%, #bdb5a3);
  display: grid;
  min-height: 0;
  overflow: hidden;
  place-items: center;
  position: relative;
  width: min(100%, clamp(17rem, 27vw, 30rem));
  z-index: 2;
}

.reference-clean__visual::after {
  background:
    linear-gradient(90deg, transparent, rgba(255, 247, 230, 0.22), transparent),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 7px);
  content: "";
  inset: 0;
  mix-blend-mode: soft-light;
  opacity: 0.58;
  position: absolute;
}

.reference-clean__brand {
  bottom: clamp(0.7rem, 1.5vh, 1.1rem);
  color: color-mix(in srgb, var(--ink) 82%, transparent);
  font-family: Georgia, serif;
  font-size: clamp(0.8rem, 1.05vw, 1.08rem);
  letter-spacing: -0.03em;
  position: absolute;
  right: clamp(2.1rem, 4vw, 4.3rem);
  z-index: 2;
}

.question-person {
  align-items: end;
  display: grid;
  height: 100%;
  justify-items: center;
  position: relative;
  width: 100%;
}

.question-person::before {
  background:
    linear-gradient(90deg, transparent 38%, rgba(33, 30, 26, 0.55) 39% 61%, transparent 62%),
    linear-gradient(145deg, #817a6e, #2d2b28);
  border-radius: 42% 42% 0 0;
  bottom: -4%;
  content: "";
  height: 38%;
  position: absolute;
  width: 58%;
  z-index: 1;
}

.question-cube {
  aspect-ratio: 1.05;
  background:
    linear-gradient(135deg, rgba(255, 251, 238, 0.9), rgba(176, 159, 130, 0.78)),
    repeating-linear-gradient(120deg, rgba(92, 77, 56, 0.24) 0 1px, transparent 1px 8px);
  box-shadow:
    0 2rem 4rem rgba(28, 24, 18, 0.28),
    inset 0 0 4rem rgba(71, 58, 39, 0.2);
  clip-path: polygon(16% 12%, 84% 12%, 100% 36%, 100% 80%, 52% 96%, 0 80%, 0 36%);
  display: grid;
  margin-bottom: 30%;
  place-items: center;
  position: relative;
  width: 70%;
  z-index: 2;
}

.question-cube::before,
.question-cube::after {
  background: rgba(255, 248, 228, 0.92);
  box-shadow: 0 0 2.4rem rgba(255, 228, 151, 0.8);
  content: "";
  height: 1.3%;
  position: absolute;
  top: 23%;
  width: 42%;
}

.question-cube::before {
  left: 7%;
  transform: rotate(36deg);
}

.question-cube::after {
  right: 7%;
  transform: rotate(-36deg);
}

.question-cube span {
  color: #fff6d6;
  font-family: var(--display-alt-b);
  font-size: clamp(7rem, 11vw, 11rem);
  line-height: 1;
  text-shadow: 0 0 2rem rgba(255, 224, 133, 0.95);
}

.arcade-machine {
  height: 82%;
  position: relative;
  width: 55%;
}

.arcade-machine::before {
  background:
    linear-gradient(100deg, transparent 26%, rgba(206, 230, 239, 0.9) 33%, rgba(255, 246, 210, 0.92) 48%, transparent 68%),
    linear-gradient(180deg, #ba5630, #e1b478 44%, #a24527);
  border: 2px solid rgba(51, 35, 26, 0.34);
  border-radius: 0.85rem 0.85rem 0.35rem 0.35rem;
  box-shadow: 0 1.8rem 3rem rgba(33, 23, 12, 0.28);
  clip-path: polygon(10% 0, 92% 0, 82% 38%, 90% 100%, 18% 100%, 28% 38%);
  content: "";
  inset: 0;
  position: absolute;
}

.arcade-machine::after {
  background:
    repeating-linear-gradient(90deg, rgba(255, 248, 222, 0.36) 0 2px, transparent 2px 6px),
    linear-gradient(90deg, rgba(109, 181, 196, 0.96), rgba(255, 246, 212, 0.78));
  border-radius: 0.35rem;
  box-shadow: 0 0 2.4rem rgba(255, 239, 171, 0.54);
  content: "";
  height: 29%;
  left: 23%;
  position: absolute;
  top: 17%;
  transform: skewY(-8deg);
  width: 54%;
}

.arcade-stream {
  background:
    repeating-linear-gradient(90deg, rgba(242, 228, 191, 0.75) 0 1px, transparent 1px 5px),
    linear-gradient(90deg, rgba(224, 176, 90, 0.58), transparent);
  filter: blur(0.5px);
  height: 18%;
  left: 63%;
  opacity: 0.72;
  position: absolute;
  top: 27%;
  transform: skewY(-11deg);
  width: 86%;
  z-index: 3;
}

.reference-clean[data-variant="arcade"] .reference-clean__visual {
  background: linear-gradient(180deg, #cfc5a9, #efe7d2);
}

:root[data-theme="dark"] .reference-clean .slide-content::before,
:root[data-theme="dark"] .reference-clean .slide-content::after {
  background: color-mix(in srgb, var(--cream) 52%, transparent);
}

:root[data-theme="dark"] .reference-clean__visual {
  filter: saturate(0.88) brightness(0.82);
}

.word-cloud-3d .slide-content,
.word-cloud-zoom .slide-content {
  align-items: center;
  justify-content: center;
}

.word-cloud-zoom .slide-content {
  display: grid;
  gap: clamp(1.2rem, 3vw, 3rem);
  grid-template-columns: minmax(0, 0.82fr) minmax(22rem, 1.18fr);
}

.word-cloud-zoom .slide-content:not(:has(.word-cloud-copy)) {
  grid-template-columns: minmax(0, 1fr);
  padding-inline: clamp(1.2rem, 3.2vw, 2.8rem);
}

.word-cloud-zoom .slide-content:not(:has(.word-cloud-copy)) .word-cloud-stage {
  height: min(84vh, 54rem);
  min-height: clamp(34rem, 74vh, 54rem);
  width: min(100%, 128rem);
}

.word-cloud-zoom .slide-content:not(:has(.word-cloud-copy)) .word-cloud-scene {
  transform-origin: 42% 50%;
}

.slide[data-slide-id="vesthimmerlands-chatgpt-serviceloven-zoom-001"] .word-cloud-spotlight {
  display: none;
}

.word-cloud-copy {
  display: grid;
  gap: clamp(0.8rem, 1.6vh, 1.1rem);
  max-width: 34rem;
}

.word-cloud-focus-note {
  align-items: center;
  color: var(--muted);
  display: inline-flex;
  font-family: var(--mono);
  font-size: clamp(0.72rem, 0.92vw, 0.88rem);
  font-weight: 800;
  gap: 0.6rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.word-cloud-focus-note::before {
  background: color-mix(in srgb, var(--orange) 78%, transparent);
  border-radius: 999px;
  content: "";
  height: 0.52rem;
  width: 0.52rem;
}

.word-cloud-stage {
  height: min(78vh, 48rem);
  isolation: isolate;
  margin-inline: auto;
  min-height: clamp(31rem, 68vh, 48rem);
  perspective: 900px;
  position: relative;
  width: min(100%, 104rem);
}

.word-cloud-map-label {
  color: var(--muted);
  font-family: var(--mono);
  font-size: clamp(0.62rem, 0.76vw, 0.78rem);
  font-weight: 800;
  left: clamp(0.5rem, 1.6vw, 1.15rem);
  letter-spacing: 0.14em;
  position: absolute;
  text-transform: uppercase;
  top: clamp(0.5rem, 1.6vw, 1.15rem);
  z-index: 5;
}

.word-cloud-viewport {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.word-cloud-viewport::before {
  content: "";
  display: none;
}

.word-cloud-scene {
  height: 100%;
  position: relative;
  transform:
    translate3d(var(--scene-shift-x, 0%), var(--scene-shift-y, 0%), 0)
    scale(var(--scene-scale, 1));
  transform-origin: center;
  transition: transform 980ms cubic-bezier(0.22, 1, 0.36, 1);
  width: 100%;
}

.word-cloud-scene::before {
  content: "";
  display: none;
}

.word-cloud-core {
  align-items: center;
  aspect-ratio: 1;
  background:
    radial-gradient(circle at 36% 24%, rgba(255, 246, 232, 0.24), transparent 30%),
    linear-gradient(150deg, color-mix(in srgb, var(--orange) 74%, var(--terrazzo-peach) 26%), color-mix(in srgb, var(--ink) 62%, var(--orange) 38%));
  border: 1px solid color-mix(in srgb, var(--cream) 34%, transparent);
  border-radius: 50%;
  box-shadow:
    0 0 5rem color-mix(in srgb, var(--orange) 24%, transparent),
    0 2.4rem 5.4rem rgba(4, 16, 15, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
  display: grid;
  justify-items: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: clamp(11rem, 19vw, 17rem);
  z-index: 2;
}

.word-cloud-core::before,
.word-cloud-core::after {
  border: 1px solid rgba(255, 247, 233, 0.18);
  border-radius: inherit;
  content: "";
  inset: -1.2rem;
  opacity: 0;
  position: absolute;
}

.word-cloud-core::after {
  inset: -2.35rem;
}

.word-cloud-core__label {
  color: #fff7e9;
  font-family: var(--display-alt-b);
  font-size: clamp(4.6rem, 8.8vw, 8rem);
  line-height: 0.84;
  padding-bottom: 0.04em;
  position: relative;
  text-shadow: 0 0.9rem 1.8rem rgba(26, 18, 8, 0.18);
  z-index: 1;
}

.word-cloud-chip {
  --chip-z: 0px;
  --chip-scale: 1;
  --chip-rotate: 0deg;
  --chip-shift-x: 0rem;
  --chip-shift-y: 0rem;
  --word-opacity: 0.84;
  --word-blur: 0px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: color-mix(in srgb, var(--ink) 82%, #1d3734 18%);
  filter: blur(var(--word-blur));
  font-family: var(--ui);
  font-size: clamp(0.52rem, 0.75vw, 0.84rem);
  font-weight: 700;
  left: var(--x);
  letter-spacing: 0;
  line-height: 0.94;
  opacity: var(--word-opacity);
  position: absolute;
  text-shadow:
    0 0 0.6rem color-mix(in srgb, currentColor 12%, transparent),
    0 0.14rem 0.45rem rgba(55, 79, 78, 0.1);
  text-transform: none;
  top: var(--y);
  transform:
    translate(-50%, -50%)
    translate3d(var(--chip-shift-x), var(--chip-shift-y), var(--chip-z))
    rotate(var(--chip-rotate))
    scale(var(--chip-scale));
  transform-style: preserve-3d;
  white-space: nowrap;
  z-index: var(--z-order, 3);
}

.word-cloud-chip__label {
  display: block;
  opacity: 0;
  padding: 0;
}

.word-cloud-chip[data-size="sm"] {
  font-size: clamp(0.4rem, 0.54vw, 0.6rem);
}

.word-cloud-chip[data-size="lg"] {
  font-size: clamp(0.62rem, 0.8vw, 0.92rem);
}

.word-cloud-chip[data-size="xl"] {
  font-size: clamp(0.72rem, 1.02vw, 1.16rem);
}

.word-cloud-chip[data-tone="orange"] {
  color: color-mix(in srgb, #b76a12 84%, #493214 16%);
}

.word-cloud-chip[data-tone="peach"] {
  color: color-mix(in srgb, #9d5d38 84%, var(--ink) 16%);
}

.word-cloud-chip[data-tone="ink"] {
  color: color-mix(in srgb, #247468 82%, var(--ink) 18%);
}

.word-cloud-chip[data-tone="blue"] {
  color: color-mix(in srgb, #346f99 84%, var(--ink) 16%);
}

.word-cloud-chip[data-tone="violet"] {
  color: color-mix(in srgb, #7250a2 84%, var(--ink) 16%);
}

.word-cloud-chip[data-tone="rose"] {
  color: color-mix(in srgb, #b94b61 84%, var(--ink) 16%);
}

:root[data-theme="dark"] .word-cloud-chip {
  color: color-mix(in srgb, var(--cream) 72%, var(--terrazzo-peach) 28%);
  text-shadow:
    0 0 0.85rem color-mix(in srgb, currentColor 34%, transparent),
    0 0.18rem 0.75rem rgba(0, 0, 0, 0.32);
}

:root[data-theme="dark"] .word-cloud-chip[data-tone="orange"] {
  color: color-mix(in srgb, var(--orange) 76%, var(--cream) 24%);
}

:root[data-theme="dark"] .word-cloud-chip[data-tone="peach"] {
  color: color-mix(in srgb, var(--terrazzo-peach) 86%, var(--cream) 14%);
}

:root[data-theme="dark"] .word-cloud-chip[data-tone="ink"] {
  color: color-mix(in srgb, #8fd7c4 72%, var(--cream) 28%);
}

:root[data-theme="dark"] .word-cloud-chip[data-tone="blue"] {
  color: color-mix(in srgb, #8eb8e5 78%, var(--cream) 22%);
}

:root[data-theme="dark"] .word-cloud-chip[data-tone="violet"] {
  color: color-mix(in srgb, #c2a6e8 78%, var(--cream) 22%);
}

:root[data-theme="dark"] .word-cloud-chip[data-tone="rose"] {
  color: color-mix(in srgb, #e6a2ad 82%, var(--cream) 18%);
}

.word-cloud-chip[data-dimmed="true"] {
  filter: saturate(0.68);
  opacity: 0.34;
}

.word-cloud-chip[data-focus="true"] {
  box-shadow:
    0 0 0 1px rgba(255, 247, 233, 0.28),
    0 1.2rem 3rem rgba(8, 20, 18, 0.2),
    0 0 2.8rem color-mix(in srgb, var(--orange) 26%, transparent);
  opacity: 1;
}

.word-cloud-chip[data-clickable="true"] {
  cursor: pointer;
  pointer-events: auto;
}

.word-cloud-chip[data-clickable="true"]::after {
  align-items: center;
  background: color-mix(in srgb, var(--paper) 72%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 48%, transparent);
  border-radius: 999px;
  box-shadow:
    0 0.35rem 1rem rgba(23, 38, 36, 0.12),
    0 0 1.1rem color-mix(in srgb, currentColor 18%, transparent);
  color: currentColor;
  content: attr(data-focus-icon);
  display: inline-flex;
  font-family: var(--mono);
  font-size: 0.58em;
  font-weight: 900;
  height: 1.25em;
  justify-content: center;
  line-height: 1;
  margin-left: 0.34em;
  min-width: 1.25em;
  opacity: 0.92;
  transform: translateY(-0.42em);
  vertical-align: middle;
}

.slide[data-slide-id="spekva-kitchen-countertops-zoom-001"] .word-cloud-chip {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.slide[data-slide-id="spekva-kitchen-countertops-zoom-001"] .word-cloud-chip[data-dimmed="true"] {
  filter: none;
  opacity: 0.72;
}

.slide[data-slide-id="spekva-kitchen-countertops-zoom-001"] .word-cloud-spotlight {
  display: none;
}

.slide[data-slide-id="spekva-kitchen-countertops-zoom-001"] .word-cloud-chip::after {
  display: none;
}

.slide[data-slide-id="spekva-kitchen-countertops-zoom-001"] .word-cloud-chip[data-focus="true"] {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

.slide[data-slide-id="spekva-kitchen-countertops-zoom-001"] .word-cloud-chip[data-cloud-word="kitchen countertops"] {
  background: color-mix(in srgb, var(--paper) 76%, transparent);
  border: 1px solid color-mix(in srgb, var(--orange) 62%, transparent);
  border-radius: 999px;
  box-shadow:
    0 0.95rem 2.3rem rgba(8, 20, 18, 0.2),
    0 0 2.4rem color-mix(in srgb, var(--orange) 28%, transparent);
  padding: 0.34em 0.62em;
}

:root[data-theme="dark"] .slide[data-slide-id="spekva-kitchen-countertops-zoom-001"] .word-cloud-chip[data-dimmed="true"] {
  opacity: 0.68;
}

:root[data-theme="dark"] .slide[data-slide-id="spekva-kitchen-countertops-zoom-001"] .word-cloud-chip[data-cloud-word="kitchen countertops"] {
  background: color-mix(in srgb, var(--ink) 74%, transparent);
  border-color: color-mix(in srgb, var(--orange) 72%, transparent);
}

:root[data-theme="dark"] .word-cloud-chip[data-clickable="true"]::after {
  background: rgba(5, 22, 19, 0.72);
  box-shadow:
    0 0.42rem 1.2rem rgba(0, 0, 0, 0.28),
    0 0 1.25rem color-mix(in srgb, currentColor 24%, transparent);
}

.word-cloud-stage[data-focused="true"] .word-cloud-chip {
  opacity: 0.1;
  filter: saturate(0.56) blur(0.34px);
}

.word-cloud-stage[data-focused="true"] .word-cloud-chip[data-cloud-related="true"] {
  opacity: 0.54;
  filter: saturate(0.92) blur(0);
}

.word-cloud-stage[data-focused="true"] .word-cloud-chip[data-cloud-active="true"] {
  opacity: 1;
  filter: saturate(1.08) blur(0);
  text-shadow:
    0 0 0.75rem color-mix(in srgb, currentColor 26%, transparent),
    0 0.2rem 0.9rem rgba(38, 48, 45, 0.18);
}

.word-cloud-stage[data-focused="true"] .word-cloud-chip[data-cloud-active="true"]::before {
  border: 1px solid color-mix(in srgb, currentColor 32%, transparent);
  border-radius: 999px;
  content: "";
  inset: -0.32em -0.58em;
  opacity: 0.62;
  position: absolute;
}

.word-cloud-focus-card {
  backdrop-filter: blur(18px);
  background: color-mix(in srgb, var(--paper) 78%, transparent);
  border: 1px solid color-mix(in srgb, var(--ink) 13%, transparent);
  border-radius: 1.1rem;
  bottom: clamp(2rem, 5.2vh, 3.8rem);
  box-shadow:
    0 1.2rem 3rem rgba(29, 43, 41, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
  display: grid;
  gap: 0.24rem;
  left: clamp(2.4rem, 6vw, 7rem);
  max-width: min(31rem, 34vw);
  opacity: 0;
  padding: 0.78rem 0.95rem 0.82rem;
  pointer-events: none;
  position: absolute;
  transform: translateY(0.8rem);
  transition:
    opacity 360ms var(--ease),
    transform 520ms var(--ease);
  z-index: 80;
}

.word-cloud-stage[data-focused="true"] .word-cloud-focus-card {
  opacity: 1;
  transform: translateY(0);
}

.word-cloud-focus-card__eyebrow {
  color: color-mix(in srgb, var(--orange) 82%, var(--ink) 18%);
  font-family: var(--mono);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.word-cloud-focus-card__title {
  color: var(--ink);
  font-family: var(--display);
  font-size: clamp(1.15rem, 1.65vw, 1.65rem);
  letter-spacing: 0;
  line-height: 1;
}

.word-cloud-focus-card__body {
  color: color-mix(in srgb, var(--ink) 72%, transparent);
  font-family: var(--ui);
  font-size: clamp(0.78rem, 0.88vw, 0.9rem);
  font-weight: 650;
  line-height: 1.45;
}

:root[data-theme="dark"] .word-cloud-focus-card {
  background: rgba(5, 22, 19, 0.74);
  border-color: rgba(255, 247, 233, 0.16);
  box-shadow:
    0 1.4rem 3.6rem rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

:root[data-theme="dark"] .word-cloud-focus-card__title {
  color: var(--cream);
}

:root[data-theme="dark"] .word-cloud-focus-card__body {
  color: color-mix(in srgb, var(--cream) 72%, transparent);
}

.word-cloud-cluster-label {
  color: color-mix(in srgb, var(--cream) 82%, var(--muted) 18%);
  font-family: var(--mono);
  font-size: clamp(0.56rem, 0.7vw, 0.74rem);
  font-weight: 800;
  left: var(--x);
  letter-spacing: 0.16em;
  opacity: 0.72;
  position: absolute;
  text-transform: uppercase;
  top: var(--y);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.word-cloud-spotlight {
  background:
    radial-gradient(circle, rgba(245, 212, 162, 0.2), transparent 62%);
  border: 1px solid rgba(255, 247, 233, 0.22);
  border-radius: 50%;
  height: clamp(8rem, 18vw, 14rem);
  left: var(--x);
  opacity: 0;
  position: absolute;
  top: var(--y);
  transform: translate(-50%, -50%);
  width: clamp(8rem, 18vw, 14rem);
  z-index: 1;
}

.ai-term-stage {
  height: min(70vh, 41rem);
  isolation: isolate;
  margin-inline: auto;
  min-height: clamp(28rem, 60vh, 40rem);
  position: relative;
  width: min(100%, 88rem);
}

.ai-term-stage::before,
.ai-term-stage::after {
  display: none;
}

.ai-term-stage::before {
  display: none;
}

.ai-term-stage::after {
  display: none;
}

.ai-term-web {
  inset: 0;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.ai-term-web__orbit {
  display: none;
}

.ai-term-web__orbit--accent {
  display: none;
}

.ai-term-web__link {
  display: none;
}

.ai-term-web__link--accent {
  display: none;
}

.ai-term-map-label {
  color: var(--muted);
  font-family: var(--mono);
  font-size: clamp(0.62rem, 0.76vw, 0.78rem);
  font-weight: 800;
  left: clamp(0.4rem, 1.4vw, 1rem);
  letter-spacing: 0.14em;
  position: absolute;
  text-transform: uppercase;
  top: clamp(0.4rem, 1.4vw, 1rem);
  z-index: 3;
}

.ai-core {
  align-items: center;
  aspect-ratio: 1;
  background:
    radial-gradient(circle at 32% 22%, rgba(245, 237, 224, 0.18), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--orange) 74%, var(--terrazzo-peach) 26%), color-mix(in srgb, var(--ink) 46%, var(--orange) 54%));
  border: 1px solid color-mix(in srgb, var(--cream) 34%, transparent);
  border-radius: 50%;
  box-shadow:
    0 0 2.2rem color-mix(in srgb, var(--orange) 18%, transparent),
    0 1.8rem 4rem color-mix(in srgb, var(--shadow) 58%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  display: grid;
  justify-items: center;
  left: 50%;
  padding-bottom: 0.05em;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: clamp(9rem, 18vw, 14.5rem);
  z-index: 2;
}

.ai-core::before {
  display: none;
}

.ai-core::after {
  display: none;
}

.ai-core__letters {
  color: #fff7e9;
  font-family: var(--display);
  font-size: clamp(5rem, 11vw, 8.8rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.78;
  position: relative;
  text-shadow: 0 0.5rem 1rem rgba(26, 18, 8, 0.14);
  z-index: 1;
}

.ai-term {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 62%),
    color-mix(in srgb, var(--ink) 82%, transparent);
  border: 1px solid rgba(246, 237, 220, 0.14);
  border-radius: 999px;
  box-shadow:
    0 0.3rem 1rem rgba(19, 34, 31, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  color: var(--cream);
  font-family: var(--mono);
  font-size: clamp(0.66rem, 0.78vw, 0.82rem);
  font-weight: 800;
  left: var(--x);
  letter-spacing: 0.07em;
  line-height: 1;
  padding: 0;
  position: absolute;
  text-transform: uppercase;
  top: var(--y);
  transform: translate(-50%, -50%) rotate(calc(var(--tilt, 0deg) * -0.12));
  white-space: nowrap;
  z-index: 3;
}

.ai-term[data-priority="low"] {
  opacity: 0.82;
}

.ai-term__label {
  display: block;
  opacity: 0;
  padding: clamp(0.34rem, 0.56vw, 0.5rem) clamp(0.58rem, 0.92vw, 0.9rem);
  transform: scale(0.72);
  transform-origin: center;
}

.slide.visible .ai-core,
.slide.is-current .ai-core {
  animation: aiCoreBreathe 8.4s var(--ease) 900ms infinite alternate;
}

.slide.visible .ai-term,
.slide.is-current .ai-term {
  animation: aiTermFloat 14s var(--ease) infinite alternate;
  animation-delay: var(--delay, 0s);
}

.slide.visible .ai-term__label,
.slide.is-current .ai-term__label {
  animation: aiTermReveal 780ms var(--ease) forwards;
  animation-delay: 0ms;
}

:root[data-theme="dark"] .ai-term {
  background:
    linear-gradient(180deg, rgba(245, 237, 224, 0.08), transparent 64%),
    rgba(5, 19, 17, 0.36);
  border-color: rgba(246, 237, 220, 0.14);
  box-shadow:
    0 0.8rem 2rem rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.ai-term[data-size="sm"] {
  font-size: clamp(0.58rem, 0.66vw, 0.7rem);
}

.ai-term[data-size="lg"] {
  font-size: clamp(0.72rem, 0.9vw, 0.94rem);
}

.ai-term[data-size="xl"] {
  font-size: clamp(0.82rem, 1.04vw, 1.08rem);
}

.ai-term[data-tone="orange"] {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 62%),
    color-mix(in srgb, var(--ink) 82%, transparent);
  border-color: rgba(246, 237, 220, 0.14);
  color: var(--cream);
}

.ai-term[data-tone="peach"] {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 62%),
    color-mix(in srgb, var(--ink) 82%, transparent);
  border-color: rgba(246, 237, 220, 0.14);
  color: var(--cream);
}

.ai-term[data-tone="ink"] {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 62%),
    color-mix(in srgb, var(--ink) 82%, transparent);
  border-color: rgba(246, 237, 220, 0.14);
  color: var(--cream);
}

:root[data-theme="dark"] .ai-term[data-tone="orange"] {
  background:
    linear-gradient(180deg, rgba(245, 237, 224, 0.08), transparent 64%),
    rgba(5, 19, 17, 0.36);
  border-color: rgba(246, 237, 220, 0.14);
  color: var(--cream);
  box-shadow:
    0 0.8rem 2rem rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

:root[data-theme="dark"] .ai-term[data-tone="peach"] {
  background:
    linear-gradient(180deg, rgba(245, 237, 224, 0.08), transparent 64%),
    rgba(5, 19, 17, 0.36);
  border-color: rgba(246, 237, 220, 0.14);
  color: var(--cream);
}

:root[data-theme="dark"] .ai-term[data-tone="ink"] {
  background:
    linear-gradient(180deg, rgba(245, 237, 224, 0.08), transparent 64%),
    rgba(5, 19, 17, 0.36);
  border-color: rgba(246, 237, 220, 0.14);
  color: var(--cream);
}

@keyframes aiTermFloat {
  0% {
    opacity: 0.9;
    transform: translate(-50%, -50%) rotate(calc(var(--tilt, 0deg) * -0.35));
  }

  100% {
    opacity: 1;
    transform: translate(-50%, -50%) translate3d(var(--drift-x, 0.8rem), var(--drift-y, -0.7rem), 0) rotate(var(--tilt, 0deg));
  }
}

@keyframes aiTermReveal {
  0% {
    opacity: 0;
    transform: scale(0.72);
  }

  62% {
    opacity: 1;
    transform: scale(1.08);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes wordCloudSceneOrbit {
  0% {
    transform:
      translate3d(var(--scene-shift-x, 0%), var(--scene-shift-y, 0%), 0)
      scale(var(--scene-scale, 1))
      rotateX(0deg)
      rotateY(-3deg);
  }

  100% {
    transform:
      translate3d(var(--scene-shift-x, 0%), var(--scene-shift-y, 0%), 0)
      scale(var(--scene-scale, 1))
      rotateX(2deg)
      rotateY(3deg);
  }
}

@keyframes wordCloudChipFloat {
  0% {
    transform:
      translate(-50%, -50%)
      translate3d(var(--chip-shift-x), var(--chip-shift-y), var(--chip-z))
      rotate(var(--chip-rotate))
      scale(var(--chip-scale));
  }

  100% {
    transform:
      translate(-50%, -50%)
      translate3d(calc(var(--chip-shift-x) + var(--drift-x, 0.8rem)), calc(var(--chip-shift-y) + var(--drift-y, -0.8rem)), var(--chip-z))
      rotate(calc(var(--chip-rotate) + var(--tilt, 2deg)))
      scale(calc(var(--chip-scale) * 1.02));
  }
}

@keyframes wordCloudReveal {
  0% {
    opacity: 0;
    transform: scale(0.72);
  }

  65% {
    opacity: 1;
    transform: scale(1.06);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes wordCloudCorePulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    transform: translate(-50%, -50%) scale(1.04);
  }
}

@keyframes wordCloudCoreRing {
  0% {
    opacity: 0;
    transform: scale(0.82);
  }

  45% {
    opacity: 0.48;
  }

  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}

.slide.visible .word-cloud-scene,
.slide.is-current .word-cloud-scene {
  animation: wordCloudSceneOrbit 9.6s ease-in-out infinite alternate;
  transform-style: preserve-3d;
}

.slide.visible .word-cloud-chip,
.slide.is-current .word-cloud-chip {
  animation: wordCloudChipFloat var(--float, 8.2s) ease-in-out infinite alternate;
  animation-delay: var(--delay, 0s);
}

.slide.visible .word-cloud-chip__label,
.slide.is-current .word-cloud-chip__label {
  animation: wordCloudReveal 720ms var(--ease) forwards;
  animation-delay: var(--term-stagger, 0ms);
}

.slide.visible[data-slide-id="spekva-kitchen-countertops-zoom-001"] .word-cloud-chip__label,
.slide.is-current[data-slide-id="spekva-kitchen-countertops-zoom-001"] .word-cloud-chip__label {
  animation-duration: 360ms;
  animation-delay: calc(var(--term-stagger, 0ms) * 0.18);
}

.slide.visible .word-cloud-core,
.slide.is-current .word-cloud-core {
  animation: wordCloudCorePulse 5.4s var(--ease) 620ms infinite alternate;
}

.slide.visible .word-cloud-core::before,
.slide.is-current .word-cloud-core::before {
  animation: wordCloudCoreRing 4.2s var(--ease) 260ms infinite;
}

.slide.visible .word-cloud-core::after,
.slide.is-current .word-cloud-core::after {
  animation: wordCloudCoreRing 5.2s var(--ease) 920ms infinite;
}

.word-cloud-core {
  display: none;
}

.slide.visible .word-cloud-spotlight,
.slide.is-current .word-cloud-spotlight {
  animation: wordCloudReveal 820ms var(--ease) 320ms forwards;
}

@media (max-width: 980px) {
  .word-cloud-zoom .slide-content {
    grid-template-columns: 1fr;
  }

  .word-cloud-copy {
    max-width: none;
  }

  .word-cloud-stage {
    height: min(58vh, 30rem);
    min-height: 24rem;
  }

  .word-cloud-cluster-label {
    font-size: 0.56rem;
  }
}

@keyframes aiCoreBreathe {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  100% {
    transform: translate(-50%, -50%) scale(1.025);
  }
}

@keyframes aiCoreRing {
  0% {
    opacity: 0;
    transform: scale(0.82);
  }

  28% {
    opacity: 0.52;
  }

  100% {
    opacity: 0;
    transform: scale(1.18);
  }
}

@keyframes probabilityDotPulse {
  0%, 80%, 100% { opacity: 0.25; transform: translateY(0); }
  40% { opacity: 1; transform: translateY(-0.16rem); }
}

@keyframes probabilityBarFill {
  from { width: 0; }
  to { width: calc(var(--score, 0) * 1%); }
}

.brand-foundation .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.2rem, 4vw, 4rem);
  grid-template-columns: minmax(18rem, 0.82fr) minmax(26rem, 1.18fr);
}

.foundation-logo-panel {
  align-self: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 2vw, 2rem);
  justify-content: center;
  min-height: min(54vh, 32rem);
  padding: clamp(1.4rem, 3vw, 2.6rem);
}

.foundation-brandmark {
  display: block;
  height: auto;
  max-width: min(100%, 28rem);
  overflow: visible;
  shape-rendering: geometricPrecision;
  text-rendering: geometricPrecision;
  width: min(100%, 28rem);
}

.foundation-logo-panel img {
  height: auto;
  max-height: none;
  width: min(100%, 28rem);
}

.foundation-palette {
  align-self: center;
  display: grid;
  gap: clamp(0.75rem, 1.2vw, 1rem);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  max-height: min(54vh, 32rem);
}

.swatch {
  border: 1px solid var(--line);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: clamp(8rem, 20vh, 13.5rem);
  overflow: hidden;
}

.swatch:first-child,
.swatch:nth-child(2) {
  grid-column: span 3;
}

.swatch:nth-child(3),
.swatch:nth-child(4),
.swatch:nth-child(5) {
  grid-column: span 2;
}

.swatch span {
  color: var(--logo-black);
  font-family: var(--ui);
  font-size: clamp(0.72rem, 0.9vw, 0.88rem);
  font-weight: 900;
  letter-spacing: 0.1em;
  padding: clamp(0.75rem, 1.2vw, 1rem);
  text-transform: uppercase;
}

.swatch strong {
  align-self: flex-end;
  color: var(--logo-black);
  font-family: var(--mono);
  font-size: clamp(0.78rem, 1vw, 1rem);
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: clamp(0.75rem, 1.2vw, 1rem);
}

.swatch.is-dark span,
.swatch.is-dark strong {
  color: #F7F2EC;
}

.poster-copy {
  align-self: center;
  display: grid;
  gap: clamp(0.45rem, 1.15vh, 0.9rem);
  max-width: 68rem;
}

.poster-copy .display-title {
  max-width: 12ch;
}

.poster-support {
  display: grid;
  gap: clamp(0.28rem, 0.9vh, 0.55rem);
  max-width: min(38rem, 62vw);
  padding-top: clamp(0.3rem, 0.9vh, 0.55rem);
}

.poster-copy .subtitle {
  color: color-mix(in srgb, var(--text) 88%, var(--muted) 12%);
  font-size: clamp(1.05rem, 1.48vw, 1.42rem);
  font-weight: 500;
  line-height: 1.22;
  max-width: min(37rem, 60vw);
}

.poster-copy .body-copy {
  color: var(--muted);
  font-size: clamp(0.98rem, 1.08vw, 1.14rem);
  font-weight: 400;
  line-height: 1.48;
  max-width: min(40rem, 62vw);
}

.poster-points {
  display: grid;
  gap: clamp(0.48rem, 0.95vh, 0.72rem);
  list-style: none;
  margin: 0;
  padding: clamp(0.15rem, 0.55vh, 0.4rem) 0 0;
}

.poster-points li {
  color: color-mix(in srgb, var(--text) 87%, var(--muted) 13%);
  display: grid;
  font-size: clamp(0.98rem, 1.08vw, 1.14rem);
  font-weight: 500;
  gap: 0.62rem;
  grid-template-columns: auto minmax(0, 1fr);
  line-height: 1.34;
}

:root[data-theme="dark"] .poster-points li {
  color: var(--cream);
}

.poster-points li::before {
  background: var(--orange);
  border-radius: 999px;
  content: "";
  height: 0.42rem;
  margin-top: 0.49em;
  width: 0.42rem;
}

.poster-visual {
  align-self: center;
  aspect-ratio: 0.78;
  border-radius: 8px;
  margin: 0;
  max-height: min(62vh, 42rem);
  min-height: 0;
  overflow: hidden;
  position: relative;
}

.poster-visual::before {
  background:
    radial-gradient(circle at 30% 28%, rgba(237, 189, 149, 0.28), transparent 24%),
    linear-gradient(90deg, transparent, rgba(19, 34, 31, 0.4));
  content: "";
  inset: 0;
  mix-blend-mode: multiply;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

:root[data-theme="dark"] .poster-visual::before {
  background:
    radial-gradient(circle at 30% 28%, rgba(209, 128, 30, 0.32), transparent 24%),
    linear-gradient(90deg, rgba(16, 39, 36, 0.12), rgba(16, 39, 36, 0.58));
  mix-blend-mode: screen;
}

.poster-visual img {
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.slide[data-slide-id="spekva-andreas-bjoern-bio-001"].title-poster .slide-content {
  gap: clamp(1.2rem, 3vw, 3.6rem);
  grid-template-columns: minmax(0, 0.9fr) minmax(24rem, 1.08fr);
}

.slide[data-slide-id="spekva-andreas-bjoern-bio-001"] .poster-copy .display-title {
  font-size: clamp(2.85rem, 4.85vw, 5.45rem);
  max-width: 11ch;
}

.slide[data-slide-id="spekva-andreas-bjoern-bio-001"] .poster-support {
  gap: clamp(0.58rem, 1vh, 0.85rem);
  max-width: min(35rem, 48vw);
}

.slide[data-slide-id="spekva-andreas-bjoern-bio-001"] .poster-visual {
  justify-self: end;
  max-height: min(61.05vh, 40.425rem);
  width: min(100%, 30.525rem);
}

.proof-line {
  color: var(--muted);
  font-family: var(--ui);
  font-size: clamp(0.76rem, 0.92vw, 0.92rem);
  font-weight: 700;
  letter-spacing: 0.14em;
  margin-top: clamp(1rem, 2.2vh, 1.6rem);
  text-transform: uppercase;
}

.poster-copy .proof-line {
  color: color-mix(in srgb, var(--text) 78%, var(--muted) 22%);
  font-size: clamp(0.74rem, 0.84vw, 0.86rem);
  letter-spacing: 0.18em;
  margin-top: clamp(0.65rem, 1.5vh, 0.95rem);
}

.principle-stack .slide-content,
.framework-grid .slide-content,
.split-claim .slide-content,
.exercise-brief .slide-content,
.quote .slide-content,
.process-lane .slide-content,
.closing-signal .slide-content,
.closing-quote .slide-content {
  gap: clamp(1rem, 2.6vh, 2.1rem);
}

.principle-stack .slide-content,
.framework-grid .slide-content,
.split-claim .slide-content,
.exercise-brief .slide-content,
.process-lane .slide-content {
  justify-content: center;
}

.principles-list {
  display: grid;
  gap: clamp(0.7rem, 1.4vh, 1.2rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-height: min(42vh, 22rem);
}

.tool-stack-split .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2rem, 4vw, 4.2rem);
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.84fr);
  justify-content: stretch;
}

.tool-stack-split__copy {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vh, 1.6rem);
  justify-content: center;
  max-width: min(34rem, 94%);
  padding-top: 0;
}

.tool-stack-split__copy h2 {
  max-width: 10.5ch;
}

.tool-stack-split__copy .subtitle {
  max-width: 28ch;
}

.tool-stack-split__cards {
  align-content: center;
  display: grid;
  gap: clamp(0.7rem, 1.25vh, 1rem);
  grid-template-columns: 1fr;
  min-width: 0;
  justify-self: end;
  width: min(100%, 35rem);
}

.tool-stack-split__cards .principle-item {
  min-height: clamp(6.9rem, 8.9vh, 8.2rem);
  padding: clamp(0.9rem, 1.45vw, 1.2rem);
}

.tool-stack-split__cards .principle-item__body {
  gap: clamp(0.65rem, 1vw, 0.9rem);
}

.tool-stack-split__cards .tool-logo-shell {
  height: clamp(3.45rem, 4.3vw, 4rem);
  width: clamp(3.45rem, 4.3vw, 4rem);
}

.knowledge-modules .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.6rem, 3vh, 2.25rem);
  justify-content: center;
}

.knowledge-modules__header {
  display: grid;
  gap: clamp(0.7rem, 1.25vh, 1rem);
  max-width: min(46rem, 100%);
}

.knowledge-modules__header .subtitle {
  max-width: 35ch;
}

.knowledge-modules__grid {
  display: grid;
  gap: clamp(1rem, 1.6vw, 1.4rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: min(100%, 70rem);
}

.knowledge-modules__card {
  display: grid;
  gap: clamp(0.8rem, 1.2vh, 1rem);
  min-height: clamp(16rem, 34vh, 20rem);
  padding: clamp(1.15rem, 1.8vw, 1.6rem);
}

.knowledge-modules__card-head {
  align-items: center;
  display: flex;
  gap: 0.8rem;
}

.knowledge-modules__label {
  align-items: center;
  border: 1.5px solid var(--accent-text);
  border-radius: 999px;
  color: var(--accent-text);
  display: inline-flex;
  font-family: var(--mono);
  font-size: clamp(0.86rem, 1vw, 0.96rem);
  font-weight: 700;
  height: 2.2rem;
  justify-content: center;
  width: 2.2rem;
}

.knowledge-modules__card h3 {
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(1.3rem, 1.7vw, 1.6rem);
  letter-spacing: 0;
  line-height: 1.02;
  margin: 0;
}

.knowledge-modules__points {
  display: grid;
  gap: clamp(0.75rem, 1.1vh, 0.95rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.knowledge-modules__points li {
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  font-size: clamp(1rem, 1.1vw, 1.08rem);
  line-height: 1.38;
  padding-left: 1.15rem;
  position: relative;
}

.knowledge-modules__points li::before {
  color: var(--accent-text);
  content: "•";
  left: 0;
  position: absolute;
  top: 0;
}

.guessing-machine .slide-content {
  align-items: start;
  display: grid;
  gap: clamp(2.2rem, 4vw, 4.6rem);
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.9fr);
}

.guessing-machine__copy {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vh, 1.5rem);
  max-width: min(38rem, 94%);
}

.guessing-machine__copy h2 {
  /* Force consistent title spacing/kerning for this slide variant */
  font-kerning: normal;
  font-feature-settings: "kern" 1;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
}

.guessing-machine__copy .subtitle {
  max-width: 31ch;
}

.guessing-machine__stack {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.95rem, 1.6vh, 1.15rem);
}

.guessing-machine__points {
  display: grid;
  gap: clamp(0.75rem, 1.4vh, 1rem);
}

.guessing-machine__point {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.045), rgba(209, 128, 30, 0.01) 36%, transparent 100%),
    color-mix(in srgb, var(--paper-soft) 42%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: clamp(0.85rem, 1.4vw, 1.15rem);
}

:root[data-theme="dark"] .guessing-machine__point {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.06), rgba(209, 128, 30, 0.015) 36%, transparent 100%),
    rgba(5, 19, 17, 0.22);
  border-color: rgba(243, 232, 214, 0.15);
}

.guessing-machine__point strong {
  color: var(--accent-text);
  display: block;
  font-family: var(--display);
  font-size: clamp(1.02rem, 1.15vw, 1.18rem);
  margin-bottom: 0.45rem;
}

.guessing-machine__point p,
.guessing-machine__caption {
  color: color-mix(in srgb, var(--text) 92%, var(--muted) 8%);
  font-size: clamp(0.98rem, 1.18vw, 1.08rem);
  line-height: 1.45;
  margin: 0;
}

.guessing-machine__caption {
  font-family: var(--display);
  font-size: clamp(1.08rem, 1.28vw, 1.26rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
  max-width: 25ch;
}

.probability-ranking .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2.4rem, 4vw, 5rem);
  grid-template-columns: minmax(0, 0.95fr) minmax(20rem, 0.85fr);
}

.probability-ranking__prompt {
  display: flex;
  flex-direction: column;
  gap: clamp(0.85rem, 1.8vh, 1.3rem);
  max-width: min(34rem, 92%);
}

.probability-ranking__promptline {
  color: color-mix(in srgb, var(--text) 92%, var(--muted) 8%);
  font-family: var(--display);
  font-size: clamp(2.4rem, 3.9vw, 4.2rem);
  line-height: 1.08;
}

.probability-ranking__token {
  background: #1bf7a5;
  color: #06211e;
  display: inline-block;
  font-weight: 800;
  margin-left: 0.16em;
  padding: 0 0.18em 0.05em;
}

.probability-ranking__prompt .subtitle {
  max-width: 29ch;
}

.probability-ranking__panel {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 1.2vh, 1rem);
  justify-self: start;
  max-width: 28rem;
  width: 100%;
}

.probability-ranking__thinking {
  color: var(--accent-text);
  display: inline-flex;
  font-family: var(--mono);
  font-size: clamp(0.78rem, 0.95vw, 0.9rem);
  font-weight: 700;
  gap: 0.2rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.probability-ranking__thinking span {
  animation: probabilityDotPulse 1.4s infinite;
  display: inline-block;
}

.probability-ranking__thinking span:nth-child(2) { animation-delay: 0.16s; }
.probability-ranking__thinking span:nth-child(3) { animation-delay: 0.32s; }

.probability-ranking__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.42rem, 0.85vh, 0.68rem);
}

.probability-ranking__item {
  background: transparent;
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
  overflow: visible;
  padding: 0.54rem 0 0.64rem;
  position: relative;
  transition:
    transform 0.52s var(--ease),
    opacity 0.72s var(--ease);
}

:root[data-theme="dark"] .probability-ranking__item {
  border-bottom-color: rgba(243, 232, 214, 0.1);
}

.probability-ranking__item::before {
  content: none;
}

.probability-ranking__item.is-top::before {
  opacity: 1;
}

.probability-ranking__item.is-top {
  border-bottom-color: rgba(27, 247, 165, 0.48);
}

.probability-ranking__row {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.probability-ranking__row strong,
.probability-ranking__row span {
  font-size: clamp(1rem, 1.22vw, 1.18rem);
}

.probability-ranking__row strong {
  font-weight: 750;
}

.probability-ranking__bar {
  background: color-mix(in srgb, var(--line) 58%, transparent);
  border-radius: 999px;
  height: 3px;
  margin-top: 0.46rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.probability-ranking__barfill {
  background: linear-gradient(90deg, #1bf7a5, color-mix(in srgb, #1bf7a5 54%, #ffffff 46%));
  border-radius: inherit;
  inset: 0 auto 0 0;
  position: absolute;
  transform-origin: left center;
  width: 0%;
}

.probability-ranking__score {
  display: inline-block;
  min-width: 5.1ch;
  text-align: right;
}

.slide.is-current .probability-ranking__item {
  transform: translateY(0);
}

.image-statement-fullbleed {
  background-color: #d7ddea;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #0f2231;
  overflow: hidden;
}

.image-statement-fullbleed .slide-content {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  width: 100%;
}

.image-statement-fullbleed__overlay {
  align-items: center;
  display: flex;
  height: 100%;
  inset: 0;
  justify-content: center;
  padding: clamp(2rem, 4vw, 4rem);
  position: absolute;
  width: 100%;
}

.image-statement-fullbleed__panel {
  align-items: center;
  background: rgba(7, 34, 51, 0.94);
  box-shadow:
    0 1.2rem 3rem rgba(8, 16, 28, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: #f7fafc;
  display: inline-flex;
  font-family: var(--body);
  font-size: clamp(1.55rem, 2vw, 2.1rem);
  font-weight: 650;
  gap: 0.22em;
  justify-content: center;
  line-height: 1.14;
  max-width: none;
  padding: clamp(1rem, 1.6vw, 1.35rem) clamp(1.55rem, 2.1vw, 2.25rem);
  text-align: center;
  white-space: nowrap;
}

.image-statement-fullbleed__panel mark {
  background: transparent;
  color: #1bf7a5;
  font-weight: 800;
  padding: 0;
}

.study-evidence-split .slide-content {
  align-items: stretch;
  display: grid;
  gap: clamp(2.4rem, 4vw, 4.8rem);
  grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.72fr);
}

.study-evidence-split__copy {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.7vh, 1.5rem);
  max-width: min(42rem, 100%);
}

.study-evidence-split__copy h2 {
  max-width: 12ch;
  white-space: pre-line;
}

.study-evidence-split__copy .subtitle {
  max-width: 32ch;
}

.study-evidence-split__points {
  display: grid;
  gap: clamp(0.8rem, 1.2vh, 1rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.study-evidence-split__points li {
  color: color-mix(in srgb, var(--text) 94%, var(--muted) 6%);
  display: grid;
  gap: 0.8rem;
  grid-template-columns: auto 1fr;
  line-height: 1.45;
}

.study-evidence-split__points li::before {
  color: var(--accent-text);
  content: "•";
  font-family: var(--display);
  font-size: 1.4em;
  line-height: 0.9;
  transform: translateY(0.06em);
}

.study-evidence-split__copy strong {
  color: var(--accent-text);
  font-weight: 800;
}

.study-evidence-split__factbox {
  align-self: center;
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.085), rgba(209, 128, 30, 0.02) 30%, transparent 100%),
    color-mix(in srgb, var(--paper-soft) 60%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow:
    0 1.2rem 2.8rem rgba(18, 31, 29, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.6vh, 1.35rem);
  justify-self: end;
  max-width: 24rem;
  padding: clamp(1.35rem, 1.8vw, 1.7rem);
  width: 100%;
}

:root[data-theme="dark"] .study-evidence-split__factbox {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.09), rgba(209, 128, 30, 0.02) 30%, transparent 100%),
    rgba(5, 19, 17, 0.22);
  border-color: rgba(243, 232, 214, 0.14);
}

.study-evidence-split__factbox h3 {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.8rem, 0.96vw, 0.92rem);
  font-weight: 700;
  letter-spacing: 0.16em;
  margin: 0;
  text-transform: uppercase;
}

.study-evidence-split__stats {
  display: grid;
  gap: 0.9rem;
}

.study-evidence-split__stat {
  border-top: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  display: grid;
  gap: 0.2rem;
  padding-top: 0.85rem;
}

.study-evidence-split__stat:first-child {
  border-top: none;
  padding-top: 0;
}

.study-evidence-split__stat strong {
  color: color-mix(in srgb, var(--text) 98%, var(--muted) 2%);
  font-family: var(--display);
  font-size: clamp(1.65rem, 2.4vw, 2.15rem);
  line-height: 1;
}

.study-evidence-split__stat span,
.study-evidence-split__meta {
  color: color-mix(in srgb, var(--text) 88%, var(--muted) 12%);
  font-size: clamp(0.96rem, 1.1vw, 1.04rem);
  line-height: 1.4;
}

.study-evidence-split__meta {
  border-top: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  margin: 0;
  padding-top: 0.95rem;
}

.meta-prompting-split .slide-content {
  align-items: stretch;
  display: grid;
  gap: clamp(2.4rem, 4vw, 4.8rem);
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.92fr);
}

.meta-prompting-split__copy {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.7vh, 1.5rem);
  max-width: min(39rem, 100%);
}

.meta-prompting-split__copy h2 {
  max-width: 15ch;
  white-space: pre-line;
}

.slide h2 sup,
.display-title sup,
.poster-title-h2 sup {
  font-size: 0.42em;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 0;
  margin-left: 0.14em;
  vertical-align: super;
}

.meta-prompting-split__bullets {
  display: grid;
  gap: clamp(0.72rem, 1.15vh, 0.96rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.meta-prompting-split__bullets li {
  color: color-mix(in srgb, var(--text) 94%, var(--muted) 6%);
  display: grid;
  gap: 0.8rem;
  grid-template-columns: auto 1fr;
  line-height: 1.42;
}

.meta-prompting-split__bullets li::before {
  color: var(--accent-text);
  content: "•";
  font-family: var(--display);
  font-size: 1.38em;
  line-height: 0.9;
  transform: translateY(0.08em);
}

.meta-prompting-split__footer {
  color: color-mix(in srgb, var(--text) 92%, var(--muted) 8%);
  font-size: clamp(1rem, 1.18vw, 1.1rem);
  line-height: 1.4;
  margin: 0;
  max-width: 30ch;
}

.meta-prompting-split__footer strong {
  color: var(--text);
  font-weight: 800;
}

.meta-prompting-split__visual {
  align-items: center;
  display: flex;
  justify-content: center;
}

.meta-prompting-split__frame {
  align-items: center;
  aspect-ratio: 4 / 5;
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.06), rgba(209, 128, 30, 0.015) 30%, transparent 100%),
    color-mix(in srgb, var(--paper-soft) 54%, transparent);
  border: 1px dashed color-mix(in srgb, var(--accent-text) 42%, var(--line) 58%);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  max-width: 30rem;
  min-height: 30rem;
  overflow: hidden;
  padding: clamp(1.4rem, 2vw, 1.8rem);
  width: 100%;
}

:root[data-theme="dark"] .meta-prompting-split__frame {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.06), rgba(209, 128, 30, 0.015) 30%, transparent 100%),
    rgba(5, 19, 17, 0.18);
  border-color: rgba(209, 128, 30, 0.38);
}

.meta-prompting-split__frame img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.slide[data-slide-id="spekva-meta-prompting-001"].meta-prompting-split .slide-content {
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
}

.slide[data-slide-id="spekva-meta-prompting-001"] .meta-prompting-split__copy {
  max-width: min(48rem, 82vw);
}

.slide[data-slide-id="spekva-meta-prompting-001"] .meta-prompting-split__copy h2 {
  max-width: 16ch;
}

.slide[data-slide-id="spekva-meta-prompting-001"] .meta-prompting-split__footer {
  max-width: 38ch;
}

.slide[data-slide-id="spekva-meta-prompting-001"] .meta-prompting-split__visual {
  display: none;
}

.slide[data-slide-id="spekva-plaud-ai-recorder-001"].meta-prompting-split .slide-content {
  grid-template-columns: minmax(0, 0.92fr) minmax(28rem, 1.02fr);
}

.slide[data-slide-id="spekva-plaud-ai-recorder-001"] .meta-prompting-split__copy h2 {
  max-width: 12.5ch;
}

.slide[data-slide-id="spekva-plaud-ai-recorder-001"] .kicker {
  display: none;
}

.slide[data-slide-id="spekva-plaud-ai-recorder-001"] .meta-prompting-split__frame {
  aspect-ratio: 4 / 3;
  max-width: 39rem;
  min-height: auto;
  padding: 0;
}

.slide[data-slide-id="spekva-plaud-ai-recorder-001"] .meta-prompting-split__frame img {
  border-radius: 6px;
  object-fit: cover;
}

.ai-mode-comparison .slide-content {
  align-content: center;
  display: grid;
  gap: clamp(1.15rem, 2vh, 1.65rem);
  grid-template-rows: auto auto;
}

.ai-mode-comparison__header {
  display: grid;
  gap: clamp(0.65rem, 1.2vh, 0.95rem);
  max-width: min(62rem, 100%);
}

.ai-mode-comparison__header .subtitle {
  max-width: min(54rem, 100%);
}

.ai-mode-comparison__grid {
  align-items: start;
  display: grid;
  gap: clamp(1rem, 2vw, 1.5rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-mode-card {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.055), rgba(209, 128, 30, 0.014) 38%, transparent 72%),
    color-mix(in srgb, var(--paper-soft) 70%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
  border-radius: clamp(1.1rem, 1.8vw, 1.45rem);
  box-shadow: 0 1.2rem 2.6rem rgba(18, 31, 29, 0.08);
  display: grid;
  gap: clamp(0.68rem, 1.1vh, 0.9rem);
  grid-template-rows: auto auto auto;
  min-height: 0;
  padding: clamp(0.85rem, 1.25vw, 1.08rem);
}

:root[data-theme="dark"] .ai-mode-card {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.08), rgba(209, 128, 30, 0.024) 36%, transparent 74%),
    rgba(5, 19, 17, 0.42);
  box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, 0.16);
}

.ai-mode-card__head {
  display: grid;
  gap: clamp(0.35rem, 0.6vh, 0.5rem);
}

.ai-mode-card__head h3 {
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(1.8rem, 2.7vw, 2.7rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.96;
  margin: 0;
}

.ai-mode-card__head p {
  color: var(--accent-fill);
  font-family: var(--mono);
  font-size: clamp(0.78rem, 0.95vw, 0.92rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: uppercase;
}

.ai-mode-card__visual {
  align-items: center;
  border: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
  border-radius: 999px;
  display: grid;
  gap: clamp(0.35rem, 0.65vw, 0.62rem);
  grid-template-columns: auto auto minmax(0, 1fr);
  min-height: clamp(3.7rem, 7vh, 4.7rem);
  padding: clamp(0.42rem, 0.7vw, 0.62rem);
}

.ai-mode-token,
.ai-mode-workflow span {
  align-items: center;
  background: color-mix(in srgb, var(--paper) 78%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 999px;
  color: var(--text);
  display: inline-flex;
  font-family: var(--mono);
  font-size: clamp(0.62rem, 0.78vw, 0.76rem);
  font-weight: 800;
  justify-content: center;
  letter-spacing: 0.06em;
  min-height: clamp(1.95rem, 3.8vh, 2.35rem);
  padding: 0 clamp(0.62rem, 0.85vw, 0.82rem);
  text-transform: uppercase;
  white-space: nowrap;
}

:root[data-theme="dark"] .ai-mode-token,
:root[data-theme="dark"] .ai-mode-workflow span {
  background: rgba(255, 248, 235, 0.06);
}

.ai-mode-card.is-agentic .ai-mode-token.is-goal,
.ai-mode-token.is-output {
  color: var(--accent-fill);
}

.ai-mode-arrow {
  color: var(--accent-fill);
  font-family: var(--mono);
  font-size: clamp(1.1rem, 1.8vw, 1.55rem);
  font-weight: 800;
}

.ai-mode-workflow {
  display: grid;
  gap: clamp(0.35rem, 0.65vw, 0.55rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-mode-workflow span {
  min-width: 0;
  white-space: normal;
}

.ai-mode-card__bullets {
  color: color-mix(in srgb, var(--text) 88%, var(--muted) 12%);
  display: grid;
  gap: clamp(0.36rem, 0.62vh, 0.52rem);
  font-size: clamp(0.84rem, 0.96vw, 0.94rem);
  line-height: 1.26;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ai-mode-card__bullets li {
  padding-left: clamp(1.1rem, 1.5vw, 1.4rem);
  position: relative;
}

.ai-mode-card__bullets li::before {
  background: var(--accent-fill);
  border-radius: 999px;
  content: "";
  height: 0.38rem;
  left: 0;
  position: absolute;
  top: 0.56em;
  width: 0.38rem;
}

.agent-loop .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.4rem, 3vw, 2.4rem);
  grid-template-columns: minmax(0, 0.88fr) minmax(27rem, 1fr);
}

.agent-loop__copy {
  display: grid;
  gap: clamp(0.75rem, 1.35vh, 1.05rem);
  max-width: 38rem;
}

.agent-loop__copy .subtitle {
  max-width: 32rem;
}

.agent-loop__bullets {
  color: color-mix(in srgb, var(--text) 88%, var(--muted) 12%);
  display: grid;
  gap: clamp(0.45rem, 0.85vh, 0.66rem);
  font-size: clamp(0.88rem, 1.02vw, 0.98rem);
  line-height: 1.34;
  list-style: none;
  margin: 0;
  padding: 0;
}

.agent-loop__bullets li {
  padding-left: clamp(1.1rem, 1.5vw, 1.4rem);
  position: relative;
}

.agent-loop__bullets li::before {
  background: var(--accent-fill);
  border-radius: 999px;
  content: "";
  height: 0.38rem;
  left: 0;
  position: absolute;
  top: 0.56em;
  width: 0.38rem;
}

.agent-loop__transition {
  border-left: 2px solid var(--accent-fill);
  color: var(--text);
  font-family: var(--mono);
  font-size: clamp(0.74rem, 0.88vw, 0.84rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.35;
  margin: clamp(0.2rem, 0.6vh, 0.45rem) 0 0;
  padding-left: clamp(0.8rem, 1.2vw, 1rem);
  text-transform: uppercase;
}

.agent-loop__visual {
  aspect-ratio: 1 / 1;
  justify-self: center;
  max-height: min(62vh, 34rem);
  max-width: min(100%, 34rem);
  position: relative;
  width: 100%;
}

.agent-loop__ring {
  border: 1px solid color-mix(in srgb, var(--accent-fill) 42%, var(--line) 58%);
  border-radius: 50%;
  inset: 13%;
  position: absolute;
}

.agent-loop__ring::after {
  border-right: 2px solid var(--accent-fill);
  border-top: 2px solid var(--accent-fill);
  content: "";
  height: clamp(0.75rem, 1.4vw, 1rem);
  position: absolute;
  right: 6.5%;
  top: 14%;
  transform: rotate(44deg);
  width: clamp(0.75rem, 1.4vw, 1rem);
}

.agent-loop__center {
  align-items: center;
  background:
    radial-gradient(circle at 50% 20%, rgba(209, 128, 30, 0.18), transparent 64%),
    color-mix(in srgb, var(--paper-soft) 76%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 50%;
  box-shadow: 0 1.2rem 3rem rgba(18, 31, 29, 0.09);
  display: flex;
  flex-direction: column;
  gap: clamp(0.2rem, 0.45vh, 0.35rem);
  height: 31%;
  justify-content: center;
  left: 50%;
  padding: clamp(1rem, 1.7vw, 1.4rem);
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 31%;
}

:root[data-theme="dark"] .agent-loop__center {
  background:
    radial-gradient(circle at 50% 20%, rgba(209, 128, 30, 0.24), transparent 64%),
    rgba(5, 19, 17, 0.54);
  box-shadow: 0 1.2rem 3rem rgba(0, 0, 0, 0.18);
}

.agent-loop__center strong {
  color: var(--accent-fill);
  font-family: var(--display);
  font-size: clamp(1.55rem, 2.3vw, 2.2rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.9;
}

.agent-loop__center span {
  color: color-mix(in srgb, var(--text) 72%, var(--muted) 28%);
  font-family: var(--mono);
  font-size: clamp(0.54rem, 0.7vw, 0.66rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.agent-loop__node {
  align-items: center;
  background: rgba(251, 246, 238, 0.94);
  border: 1px solid color-mix(in srgb, var(--line) 88%, var(--accent-fill) 12%);
  border-radius: 999px;
  box-shadow: 0 0.8rem 1.7rem rgba(18, 31, 29, 0.12);
  display: inline-grid;
  gap: clamp(0.35rem, 0.6vw, 0.5rem);
  grid-template-columns: auto minmax(0, 1fr);
  left: calc(var(--x) * 1%);
  min-height: clamp(2.55rem, 5.7vh, 3.25rem);
  padding: 0 clamp(0.8rem, 1.25vw, 1.1rem);
  position: absolute;
  top: calc(var(--y) * 1%);
  transform: translate(-50%, -50%);
  width: clamp(8.2rem, 15vw, 11rem);
}

:root[data-theme="dark"] .agent-loop__node {
  background: rgba(21, 48, 43, 0.94);
  border-color: rgba(246, 237, 220, 0.42);
  box-shadow:
    0 0.8rem 1.7rem rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 248, 235, 0.08);
}

.agent-loop__node span {
  color: var(--accent-fill);
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.74vw, 0.68rem);
  font-weight: 900;
  letter-spacing: 0.08em;
}

.agent-loop__node strong {
  color: color-mix(in srgb, var(--text) 94%, var(--accent-fill) 6%);
  font-family: var(--sans);
  font-size: clamp(0.72rem, 0.88vw, 0.82rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.08;
}

:root[data-theme="dark"] .agent-loop__node strong {
  color: color-mix(in srgb, var(--dark-text) 94%, var(--accent-fill) 6%);
}

.agentic-shock-collage .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.2rem, 2.6vw, 2.2rem);
  grid-template-columns: minmax(0, 0.84fr) minmax(26rem, 1fr);
}

.agentic-shock__copy {
  display: grid;
  gap: clamp(0.75rem, 1.35vh, 1.05rem);
  max-width: 38rem;
}

.agentic-shock__copy .subtitle {
  max-width: 33rem;
}

.agentic-shock__decisions {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.06), transparent 62%),
    color-mix(in srgb, var(--paper-soft) 70%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: clamp(1rem, 1.5vw, 1.25rem);
  display: grid;
  gap: clamp(0.55rem, 1vh, 0.75rem);
  padding: clamp(0.9rem, 1.35vw, 1.15rem);
}

:root[data-theme="dark"] .agentic-shock__decisions {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.08), transparent 62%),
    rgba(5, 19, 17, 0.42);
}

.agentic-shock__decisions > strong {
  color: var(--accent-fill);
  font-family: var(--mono);
  font-size: clamp(0.62rem, 0.76vw, 0.72rem);
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.agentic-shock__decisions ul {
  display: grid;
  gap: clamp(0.5rem, 0.86vh, 0.65rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.agentic-shock__decisions li {
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  font-size: clamp(0.86rem, 0.98vw, 0.95rem);
  line-height: 1.34;
  padding-left: clamp(1.15rem, 1.6vw, 1.45rem);
  position: relative;
}

.agentic-shock__decisions li::before {
  background: var(--accent-fill);
  border-radius: 999px;
  content: "";
  height: 0.4rem;
  left: 0;
  position: absolute;
  top: 0.55em;
  width: 0.4rem;
}

.agentic-shock__callout {
  border-left: 2px solid var(--accent-fill);
  color: color-mix(in srgb, var(--text) 86%, var(--muted) 14%);
  font-size: clamp(0.9rem, 1.02vw, 0.98rem);
  font-weight: 700;
  line-height: 1.38;
  margin: 0;
  padding-left: clamp(0.8rem, 1.1vw, 1rem);
}

.agentic-shock__collage {
  aspect-ratio: 1 / 1;
  justify-self: center;
  max-height: min(66vh, 36rem);
  max-width: min(100%, 36rem);
  position: relative;
  width: 100%;
}

.agentic-shock__image {
  background: var(--paper);
  border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
  border-radius: clamp(0.55rem, 0.9vw, 0.75rem);
  box-shadow: 0 1.2rem 2.6rem rgba(18, 31, 29, 0.12);
  margin: 0;
  overflow: hidden;
  position: absolute;
}

:root[data-theme="dark"] .agentic-shock__image {
  background: rgba(255, 248, 235, 0.08);
  box-shadow: 0 1.25rem 2.8rem rgba(0, 0, 0, 0.22);
}

.agentic-shock__image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.agentic-shock__image-button {
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: zoom-in;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: inherit;
  width: 100%;
}

.agentic-shock__image-button::after {
  align-items: center;
  background: rgba(8, 25, 22, 0.72);
  border: 1px solid color-mix(in srgb, var(--accent-fill) 44%, transparent);
  border-radius: 999px;
  color: var(--dark-text);
  content: "+";
  display: flex;
  font-family: var(--mono);
  font-size: clamp(0.72rem, 0.9vw, 0.86rem);
  font-weight: 900;
  height: clamp(1.55rem, 2.5vw, 1.95rem);
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: clamp(0.45rem, 0.8vw, 0.65rem);
  top: clamp(0.45rem, 0.8vw, 0.65rem);
  transform: translateY(0.25rem);
  transition:
    opacity 180ms var(--ease),
    transform 180ms var(--ease);
  width: clamp(1.55rem, 2.5vw, 1.95rem);
}

.agentic-shock__image-button:hover::after,
.agentic-shock__image-button:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}

.agentic-shock__image-button:focus-visible {
  outline: 2px solid var(--accent-fill);
  outline-offset: -4px;
}

.agentic-shock__image figcaption {
  background: color-mix(in srgb, var(--paper) 84%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 70%, transparent);
  border-radius: 999px;
  bottom: clamp(0.45rem, 0.8vw, 0.65rem);
  color: var(--text);
  font-family: var(--mono);
  font-size: clamp(0.52rem, 0.66vw, 0.62rem);
  font-weight: 900;
  left: clamp(0.45rem, 0.8vw, 0.65rem);
  letter-spacing: 0.08em;
  line-height: 1;
  padding: clamp(0.34rem, 0.5vw, 0.44rem) clamp(0.46rem, 0.75vw, 0.62rem);
  position: absolute;
  text-transform: uppercase;
}

:root[data-theme="dark"] .agentic-shock__image figcaption {
  background: rgba(8, 25, 22, 0.82);
}

.agentic-shock__image--1 {
  height: 39%;
  left: 3%;
  top: 4%;
  transform: rotate(-3.2deg);
  width: 62%;
  z-index: 2;
}

.agentic-shock__image--2 {
  height: 64%;
  right: 1%;
  top: 15%;
  transform: rotate(2.4deg);
  width: 42%;
  z-index: 3;
}

.agentic-shock__image--3 {
  bottom: 2%;
  height: 57%;
  left: 9%;
  transform: rotate(-1.4deg);
  width: 48%;
  z-index: 4;
}

.image-lightbox {
  align-items: center;
  display: none;
  inset: 0;
  justify-content: center;
  padding: clamp(1rem, 3vw, 2.4rem);
  position: fixed;
  z-index: 230;
}

.image-lightbox[data-open="true"] {
  display: flex;
}

.image-lightbox__backdrop {
  appearance: none;
  background:
    radial-gradient(circle at 58% 42%, rgba(209, 128, 30, 0.16), transparent 38%),
    rgba(3, 13, 12, 0.78);
  border: 0;
  cursor: zoom-out;
  inset: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}

.image-lightbox__sheet {
  background:
    linear-gradient(180deg, rgba(16, 39, 35, 0.96), rgba(6, 20, 18, 0.96));
  border: 1px solid color-mix(in srgb, var(--dark-text) 18%, transparent);
  border-radius: 8px;
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.42);
  color: var(--dark-text);
  display: grid;
  gap: clamp(0.75rem, 1.2vw, 1rem);
  max-height: min(92dvh, 56rem);
  max-width: min(94vw, 72rem);
  min-height: 0;
  padding: clamp(0.75rem, 1.4vw, 1rem);
  position: relative;
  width: max-content;
}

.image-lightbox__head {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.image-lightbox__head p {
  color: color-mix(in srgb, var(--dark-muted) 82%, transparent);
  font-family: var(--mono);
  font-size: clamp(0.55rem, 0.68vw, 0.64rem);
  font-weight: 900;
  letter-spacing: 0.13em;
  margin: 0 0 0.2rem;
  text-transform: uppercase;
}

.image-lightbox__head h2 {
  color: var(--dark-text);
  font-family: var(--display);
  font-size: clamp(1.35rem, 2vw, 2rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
}

.image-lightbox__figure {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  min-height: 0;
  overflow: hidden;
}

.image-lightbox__figure img {
  border-radius: 6px;
  display: block;
  max-height: min(78dvh, 48rem);
  max-width: min(90vw, 68rem);
  object-fit: contain;
}

.meta-prompting-split__placeholder {
  color: color-mix(in srgb, var(--text) 62%, var(--muted) 38%);
  display: flex;
  flex-direction: column;
  font-family: var(--mono);
  font-size: clamp(0.9rem, 1vw, 0.98rem);
  gap: 0.75rem;
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
}

.meta-prompting-split__placeholder::before {
  background: color-mix(in srgb, var(--accent-text) 78%, transparent);
  border-radius: 999px;
  content: "";
  display: block;
  height: 2px;
  margin: 0 auto;
  width: 4.8rem;
}

.meeting-summary-split .slide-content {
  align-items: stretch;
  display: grid;
  gap: clamp(2.4rem, 4vw, 4.8rem);
  grid-template-columns: minmax(0, 1fr) minmax(21rem, 0.92fr);
}

.meeting-summary-split__copy {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.7vh, 1.45rem);
  max-width: min(38rem, 100%);
}

.meeting-summary-split__copy .kicker {
  color: var(--accent-text);
  font-size: clamp(0.98rem, 1.18vw, 1.14rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  margin: 0;
}

.meeting-summary-split__copy h2 {
  max-width: 10.5ch;
  white-space: pre-line;
}

.meeting-summary-split__sections {
  display: grid;
  gap: clamp(0.95rem, 1.3vh, 1.15rem);
}

.meeting-summary-split__section {
  display: grid;
  gap: 0.32rem;
}

.meeting-summary-split__section strong {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.82rem, 0.96vw, 0.92rem);
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.meeting-summary-split__section p {
  color: color-mix(in srgb, var(--text) 93%, var(--muted) 7%);
  font-size: clamp(1rem, 1.14vw, 1.08rem);
  line-height: 1.46;
  margin: 0;
  max-width: 34ch;
}

.meeting-summary-split__visual {
  align-items: center;
  display: flex;
  justify-content: center;
}

.meeting-summary-split__visual .prompt-box {
  align-self: center;
  height: auto;
  margin: 0;
  max-width: 30rem;
  width: 100%;
}

.meeting-summary-split__visual .prompt-copy-text {
  white-space: pre-line;
}

.slide[data-slide-id="spekva-dealer-catalogue-product-coach-001"].meeting-summary-split .slide-content {
  grid-template-columns: minmax(0, 0.88fr) minmax(30rem, 1.06fr);
}

.slide[data-slide-id="spekva-dealer-catalogue-product-coach-001"] .meeting-summary-split__copy h2 {
  max-width: 13.5ch;
}

.slide[data-slide-id="spekva-dealer-catalogue-product-coach-001"] .meeting-summary-split__visual .prompt-box {
  max-width: 39rem;
  min-height: min(68vh, 43rem);
  padding: clamp(0.9rem, 1.4vw, 1.25rem);
}

.slide[data-slide-id="spekva-dealer-catalogue-product-coach-001"] .meeting-summary-split__visual .prompt-copy-text {
  font-size: clamp(0.58rem, 0.72vw, 0.74rem);
  line-height: 1.32;
  margin: 0;
}

.slide[data-slide-id="spekva-catalogue-product-training-quiz-001"].meeting-summary-split .slide-content {
  grid-template-columns: minmax(0, 0.9fr) minmax(28rem, 1fr);
}

.slide[data-slide-id="spekva-catalogue-product-training-quiz-001"] .meeting-summary-split__copy h2 {
  max-width: 12.5ch;
}

.slide[data-slide-id="spekva-catalogue-product-training-quiz-001"] .meeting-summary-split__visual .prompt-box {
  max-width: 37rem;
  min-height: min(56vh, 36rem);
}

.slide[data-slide-id="spekva-catalogue-product-training-quiz-001"] .meeting-summary-split__visual .prompt-copy-text {
  font-size: clamp(0.68rem, 0.84vw, 0.86rem);
  line-height: 1.42;
  margin: 0;
}

.slide[data-slide-id="spekva-claude-artifact-decision-quiz-001"].meeting-summary-split .slide-content {
  grid-template-columns: minmax(0, 0.86fr) minmax(22rem, 0.9fr);
}

.slide[data-slide-id="spekva-claude-artifact-decision-quiz-001"] .meeting-summary-split__copy h2 {
  max-width: 12ch;
}

.slide[data-slide-id="spekva-claude-artifact-decision-quiz-001"] .meeting-summary-split__section {
  max-width: 34rem;
}

.slide[data-slide-id="spekva-claude-artifact-decision-quiz-001"] .meeting-summary-split__visual .prompt-box {
  max-height: min(74vh, 42rem);
  max-width: 35rem;
}

.slide[data-slide-id="spekva-claude-artifact-decision-quiz-001"] .meeting-summary-split__visual .prompt-copy-text {
  font-size: clamp(0.68rem, 0.82vw, 0.84rem);
  line-height: 1.36;
  margin: 0;
}

.slide[data-slide-id="spekva-copilot-cowork-hospitality-research-001"].meeting-summary-split .slide-content {
  grid-template-columns: minmax(0, 0.88fr) minmax(30rem, 1.05fr);
}

.slide[data-slide-id="spekva-copilot-cowork-hospitality-research-001"] .meeting-summary-split__copy h2 {
  max-width: 13ch;
}

.slide[data-slide-id="spekva-copilot-cowork-hospitality-research-001"] .meeting-summary-split__visual .prompt-box {
  max-width: 39rem;
  min-height: min(66vh, 42rem);
  padding: clamp(0.86rem, 1.3vw, 1.2rem);
}

.slide[data-slide-id="spekva-copilot-cowork-hospitality-research-001"] .meeting-summary-split__visual .prompt-copy-text {
  font-size: clamp(0.56rem, 0.68vw, 0.72rem);
  line-height: 1.3;
  margin: 0;
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"].meeting-summary-split .slide-content {
  grid-template-columns: minmax(0, 0.9fr) minmax(29rem, 1.02fr);
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .meeting-summary-split__copy h2 {
  max-width: 12.5ch;
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .meeting-summary-split__visual .prompt-box {
  max-width: 38rem;
  min-height: min(58vh, 37rem);
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .meeting-summary-split__visual .prompt-copy-text {
  font-size: clamp(0.64rem, 0.78vw, 0.82rem);
  line-height: 1.38;
  margin: 0;
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"].process-lane .slide-content {
  grid-template-columns: 1fr;
  gap: clamp(2rem, 4vh, 3.2rem);
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .process-copy {
  max-width: min(58rem, 88vw);
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .process-copy h2 {
  max-width: 16ch;
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .process-copy .subtitle {
  max-width: 47rem;
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .process-steps {
  align-items: stretch;
  display: grid;
  gap: clamp(0.82rem, 1.45vw, 1.25rem);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-height: none;
  position: relative;
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .process-steps .step-item {
  align-content: start;
  min-height: clamp(10rem, 18vh, 13rem);
  padding: clamp(0.9rem, 1.35vw, 1.16rem);
  position: relative;
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .process-steps .step-item:not(:last-child)::after {
  color: var(--accent-text);
  content: "→";
  font-family: var(--display);
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  font-weight: 800;
  position: absolute;
  right: calc(-0.82rem - 0.55vw);
  top: 50%;
  transform: translate(50%, -50%);
  z-index: 2;
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .process-steps .step-item p {
  white-space: pre-line;
}

.slide[data-slide-id="spekva-api-keys-knowledge-connectors-001"] .process-steps .step-item p::first-line {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(1rem, 1.18vw, 1.14rem);
  font-weight: 850;
  letter-spacing: 0;
}

.slide[data-slide-id="spekva-copilot-cowork-intro-001"].process-lane .slide-content {
  grid-template-columns: minmax(0, 0.86fr) minmax(21rem, 0.84fr);
}

.slide[data-slide-id="spekva-copilot-cowork-intro-001"] .process-copy h2 {
  max-width: 13ch;
}

.slide[data-slide-id="spekva-copilot-cowork-intro-001"] .process-copy .subtitle {
  max-width: 34rem;
}

.slide[data-slide-id="spekva-copilot-cowork-intro-001"] .process-steps {
  gap: clamp(0.82rem, 1.5vh, 1.08rem);
}

.slide[data-slide-id="spekva-copilot-cowork-intro-001"] .process-steps .step-item {
  background:
    linear-gradient(90deg, rgba(209, 128, 30, 0.12), transparent 36%),
    color-mix(in srgb, var(--paper-soft) 72%, transparent);
  min-height: clamp(5.4rem, 10vh, 6.8rem);
  padding: clamp(0.86rem, 1.25vw, 1.05rem) clamp(1rem, 1.45vw, 1.25rem);
}

:root[data-theme="dark"] .slide[data-slide-id="spekva-copilot-cowork-intro-001"] .process-steps .step-item {
  background:
    linear-gradient(90deg, rgba(209, 128, 30, 0.16), transparent 38%),
    rgba(8, 29, 25, 0.72);
  border-color: rgba(246, 237, 220, 0.2);
}

.slide[data-slide-id="spekva-copilot-cowork-intro-001"] .process-steps .step-item p {
  color: color-mix(in srgb, var(--text) 80%, var(--muted) 20%);
  font-size: clamp(0.9rem, 1vw, 1.02rem);
  font-weight: 620;
  line-height: 1.34;
  white-space: pre-line;
}

.slide[data-slide-id="spekva-copilot-cowork-intro-001"] .process-steps .step-item p::first-line {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(1.02rem, 1.18vw, 1.18rem);
  font-weight: 900;
}

.cowork-feature .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.8rem, 4vw, 4.8rem);
  grid-template-columns: minmax(0, 1.06fr) minmax(18rem, 0.72fr);
  justify-content: center;
}

.cowork-feature__copy {
  display: grid;
  gap: clamp(0.74rem, 1.45vh, 1.2rem);
  max-width: min(54rem, 100%);
}

.cowork-feature__copy h2 {
  max-width: 13ch;
}

.cowork-feature__copy .subtitle {
  max-width: 44rem;
}

.cowork-feature__features {
  display: grid;
  gap: clamp(0.62rem, 1vw, 0.9rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(0.2rem, 0.9vh, 0.6rem);
}

.cowork-feature__label {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.68rem, 0.78vw, 0.78rem);
  font-weight: 800;
  grid-column: 1 / -1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.cowork-feature__feature {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.07), rgba(209, 128, 30, 0.018) 34%, transparent 72%),
    color-mix(in srgb, var(--paper-soft) 66%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: clamp(0.28rem, 0.62vh, 0.46rem);
  min-height: clamp(7.1rem, 13vh, 8.9rem);
  padding: clamp(0.72rem, 1.12vw, 0.94rem);
}

:root[data-theme="dark"] .cowork-feature__feature {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.08), rgba(209, 128, 30, 0.025) 30%, transparent 66%),
    rgba(5, 19, 17, 0.48);
  border-color: rgba(243, 232, 214, 0.18);
}

.cowork-feature__feature strong {
  color: var(--accent-text);
  font-family: var(--ui);
  font-size: clamp(0.9rem, 1.02vw, 1.04rem);
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

.cowork-feature__feature p {
  color: color-mix(in srgb, var(--text) 82%, var(--muted) 18%);
  font-size: clamp(0.72rem, 0.86vw, 0.86rem);
  font-weight: 520;
  line-height: 1.32;
  margin: 0;
}

.cowork-feature__visual {
  align-items: center;
  display: flex;
  justify-content: center;
}

.cowork-feature__mark {
  align-items: center;
  aspect-ratio: 1;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  justify-content: center;
  max-width: min(28rem, 70vw);
  padding: clamp(2.2rem, 5vw, 4.2rem);
  width: 100%;
}

:root[data-theme="dark"] .cowork-feature__mark {
  background: transparent;
  box-shadow: none;
}

.cowork-feature__mark img {
  display: block;
  height: auto;
  max-height: min(38vh, 19rem);
  max-width: 100%;
  object-fit: contain;
  width: min(18rem, 82%);
}

.principle-item,
.framework-card,
.evidence-item,
.step-item,
.prompt-box {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.055), rgba(209, 128, 30, 0.018) 28%, transparent 58%),
    color-mix(in srgb, var(--paper-soft) 58%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow:
    0 1.2rem 2.7rem rgba(19, 34, 31, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

:root[data-theme="dark"] .principle-item,
:root[data-theme="dark"] .framework-card,
:root[data-theme="dark"] .evidence-item,
:root[data-theme="dark"] .step-item,
:root[data-theme="dark"] .prompt-box {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.06), rgba(209, 128, 30, 0.02) 26%, transparent 60%),
    rgba(5, 19, 17, 0.34);
  border-color: rgba(243, 232, 214, 0.16);
  box-shadow:
    0 1.2rem 2.7rem rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.principle-item {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.1vh, 0.85rem);
  justify-content: space-between;
  padding: clamp(1rem, 2vw, 1.6rem);
  position: relative;
}

.principle-item__head,
.framework-card__head {
  align-items: center;
  display: flex;
  gap: clamp(0.55rem, 0.9vw, 0.8rem);
  justify-content: space-between;
}

.principle-item__head strong,
.framework-card__head strong {
  min-width: 0;
}

.principle-item__body {
  align-items: flex-start;
  display: grid;
  gap: clamp(0.8rem, 1.15vw, 1.15rem);
  grid-template-columns: auto 1fr;
}

.principle-item__body:not(:has(.tool-logo-set)) {
  display: block;
}

.tool-logo-set {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 0;
  justify-content: flex-end;
  padding-top: 0;
  align-self: start;
}

.tool-logo-shell {
  align-self: start;
  align-items: flex-start;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: inline-flex;
  height: clamp(4.3rem, 6vw, 5.4rem);
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  width: clamp(4.3rem, 6vw, 5.4rem);
}

:root[data-theme="dark"] .tool-logo-shell {
  background: transparent;
}

.tool-logo {
  display: block;
  height: 88%;
  max-height: none;
  object-fit: contain;
  object-position: top center;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 88%;
  z-index: 1;
}

:root[data-theme="dark"] .tool-logo[data-invert="auto"] {
  filter: invert(1) brightness(1.12);
}

:root[data-theme="dark"] .tool-logo[data-invert="accent"] {
  filter: brightness(0) saturate(100%) invert(49%) sepia(92%) saturate(821%) hue-rotate(356deg) brightness(95%) contrast(93%);
}

.tool-logo-fallback {
  color: var(--accent-text);
  display: inline;
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.tool-logo-shell.is-loaded .tool-logo-fallback {
  display: none;
}

.tool-logo-shell.is-missing .tool-logo {
  display: none;
}

.tool-logo-shell.is-missing .tool-logo-fallback {
  display: inline;
}

.studio-inline-icon {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--accent-text-soft);
  display: inline-flex;
  flex: 0 0 auto;
  height: clamp(2.15rem, 3vw, 2.7rem);
  justify-content: center;
  width: clamp(2.15rem, 3vw, 2.7rem);
}

:root[data-theme="dark"] .studio-inline-icon {
  background: transparent;
}

.studio-inline-icon svg {
  fill: none;
  height: 68%;
  overflow: visible;
  shape-rendering: geometricPrecision;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-width: 0.875;
  vector-effect: non-scaling-stroke;
  width: 68%;
}

.principle-item strong,
.framework-card strong,
.evidence-item strong,
.step-item strong {
  color: var(--accent-text);
  display: block;
  font-family: var(--mono);
  font-size: clamp(0.8rem, 1vw, 1rem);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.principle-item p,
.framework-card p,
.evidence-item p,
.step-item p {
  color: var(--text);
  font-size: clamp(0.92rem, 1.18vw, 1.16rem);
  font-weight: 800;
  line-height: 1.25;
}

.principle-item__body .tool-logo-set + p {
  align-self: start;
  margin-top: 0;
}

.evidence-item strong {
  color: var(--accent-text);
  font-size: clamp(0.68rem, 0.78vw, 0.8rem);
  letter-spacing: 0.1em;
}

.cards-grid {
  display: grid;
  gap: clamp(0.65rem, 1.2vw, 1rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-height: min(48vh, 25rem);
}

.framework-card {
  display: grid;
  gap: clamp(0.7rem, 1.2vh, 0.95rem);
  grid-template-rows: auto auto 1fr;
  border-top: 2px solid rgba(209, 128, 30, 0.54);
  padding: clamp(0.86rem, 1.5vw, 1.24rem);
  position: relative;
}

.framework-card__head {
  justify-content: flex-start;
}

.framework-card.has-positioned-icon .framework-card__head,
.principle-item.has-positioned-icon .principle-item__head {
  padding-right: clamp(2.4rem, 4vw, 4rem);
}

.framework-card__icon {
  align-items: center;
  color: var(--accent-text-soft);
  display: inline-flex;
  height: 2.15rem;
  justify-content: center;
  width: 2.15rem;
}

.framework-card__icon svg {
  fill: none;
  height: 1.75rem;
  overflow: visible;
  shape-rendering: geometricPrecision;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-width: 0.875;
  vector-effect: non-scaling-stroke;
  width: 1.75rem;
}

.slide-icon-control {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--accent-text-soft);
  cursor: grab;
  display: inline-flex;
  height: clamp(1.8rem, 2.8vw, 2.65rem);
  justify-content: center;
  left: calc(var(--icon-x, 88) * 1%);
  padding: 0;
  position: absolute;
  top: calc(var(--icon-y, 20) * 1%);
  touch-action: none;
  transform: translate(-50%, -50%);
  transition:
    color 180ms var(--ease),
    opacity 180ms var(--ease),
    transform 180ms var(--ease);
  width: clamp(1.8rem, 2.8vw, 2.65rem);
  z-index: 6;
}

.slide-icon-control svg {
  fill: none;
  height: 100%;
  overflow: visible;
  shape-rendering: geometricPrecision;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-width: 0.86;
  vector-effect: non-scaling-stroke;
  width: 100%;
}

.slide-icon-control:hover,
.slide-icon-control:focus-visible,
.slide-icon-control.is-dragging {
  color: var(--accent-text);
  outline: 0;
  transform: translate(-50%, -50%) scale(1.08);
}

.slide-icon-control.is-dragging {
  cursor: grabbing;
  opacity: 0.86;
}

body.public-view .slide-icon-control {
  cursor: default;
  pointer-events: none;
}

.framework-card strong {
  margin-bottom: 0.44rem;
}

.support-levels {
  --content-max-width: clamp(72rem, 86vw, 92rem);
}

.support-levels .slide-content {
  align-items: center;
  display: grid;
  gap: 0;
  grid-template-columns: 1fr;
}

.support-levels__copy {
  display: grid;
  gap: clamp(0.65rem, 1.5vh, 1rem);
  max-width: 42rem;
}

.support-levels__copy .subtitle {
  max-width: 34rem;
}

.maturity-model {
  --maturity-connector-dot: color-mix(in srgb, var(--orange) 72%, var(--paper-soft) 28%);
  --maturity-connector-line: linear-gradient(90deg, color-mix(in srgb, var(--orange) 50%, var(--ink) 12%), color-mix(in srgb, var(--orange) 26%, transparent), transparent);
  --maturity-dot-ring: color-mix(in srgb, var(--paper) 72%, var(--orange) 28%);
  --maturity-line: color-mix(in srgb, var(--ink) 18%, transparent);
  --maturity-note-body: color-mix(in srgb, var(--text) 76%, var(--muted) 24%);
  --maturity-note-meta: color-mix(in srgb, var(--text) 62%, var(--muted) 38%);
  --maturity-note-title: var(--text);
  --model-gap: clamp(2rem, 4.4vw, 5.4rem);
  align-items: stretch;
  display: grid;
  gap: var(--model-gap);
  grid-template-columns: minmax(34rem, 1.14fr) minmax(23rem, 0.86fr);
  margin-inline: auto;
  max-width: min(100%, 88rem);
  width: 100%;
}

:root[data-theme="dark"] .maturity-model {
  --maturity-connector-dot: rgba(255, 247, 233, 0.9);
  --maturity-connector-line: linear-gradient(90deg, rgba(255, 247, 233, 0.72), rgba(209, 128, 30, 0.48), transparent);
  --maturity-dot-ring: color-mix(in srgb, var(--cream) 78%, var(--orange) 22%);
  --maturity-line: rgba(243, 232, 214, 0.16);
  --maturity-note-body: color-mix(in srgb, var(--cream) 86%, var(--muted) 14%);
  --maturity-note-meta: var(--muted);
  --maturity-note-title: var(--cream);
}

.maturity-pyramid {
  align-items: end;
  aspect-ratio: 1.154700538 / 1;
  display: flex;
  flex-direction: column;
  filter: drop-shadow(0 1.25rem 2.7rem rgba(0, 0, 0, 0.22));
  gap: 0;
  justify-content: center;
  align-self: center;
  justify-self: center;
  min-height: 0;
  width: min(100%, 52rem, 56vw, calc((100dvh - 11rem) * 1.154700538));
}

.level-band {
  align-content: center;
  background: none;
  color: var(--cream);
  display: grid;
  flex: 1 1 0;
  gap: clamp(0.42rem, 0.8vh, 0.64rem);
  justify-items: center;
  min-height: 0;
  overflow: visible;
  padding: clamp(1.1rem, 2vw, 1.65rem) clamp(1rem, 2vw, 1.6rem);
  position: relative;
  text-align: center;
  width: 100%;
  --level-fill: linear-gradient(135deg, color-mix(in srgb, var(--ink) 82%, var(--orange) 10%), color-mix(in srgb, var(--ink) 66%, var(--paper) 6%));
  --level-shape: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.level-band:nth-child(1) {
  --connector-anchor: 58.3333%;
  --level-fill: linear-gradient(135deg, color-mix(in srgb, var(--orange) 62%, var(--terrazzo-peach) 22%), color-mix(in srgb, var(--ink) 30%, var(--orange) 44%));
  --level-shape: polygon(50% 0, 66.6667% 100%, 33.3333% 100%);
}

.level-band:nth-child(2) {
  --connector-anchor: 75%;
  --level-fill: linear-gradient(135deg, color-mix(in srgb, var(--ink) 48%, var(--orange) 32%), color-mix(in srgb, var(--ink) 58%, var(--terrazzo-peach) 16%));
  --level-shape: polygon(33.3333% 0, 66.6667% 0, 83.3333% 100%, 16.6667% 100%);
}

.level-band:nth-child(3) {
  --connector-anchor: 91.6667%;
  --level-shape: polygon(16.6667% 0, 83.3333% 0, 100% 100%, 0 100%);
}

.level-band::before {
  background: var(--level-fill);
  clip-path: var(--level-shape);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 0;
}

.level-band::after {
  background:
    radial-gradient(circle at left center, var(--maturity-connector-dot) 0 0.2rem, transparent 0.215rem),
    var(--maturity-connector-line) left 50% / 100% 1px no-repeat;
  content: "";
  height: 0.52rem;
  left: var(--connector-anchor, 100%);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - var(--connector-anchor, 100%) + var(--model-gap) - 0.45rem);
  z-index: 1;
}

.level-band__head {
  align-items: center;
  display: grid;
  gap: clamp(0.32rem, 0.7vh, 0.5rem);
  justify-items: center;
  max-width: 100%;
  position: relative;
  width: 100%;
  z-index: 2;
}

.level-band:nth-child(1) .level-band__head,
.level-band:nth-child(1) .level-band__role {
  max-width: clamp(12.2rem, 15.4vw, 17rem);
}

.level-band:nth-child(2) .level-band__head,
.level-band:nth-child(2) .level-band__role {
  max-width: clamp(20rem, 25vw, 30rem);
}

.level-band:nth-child(3) .level-band__head,
.level-band:nth-child(3) .level-band__role {
  max-width: clamp(27rem, 34vw, 42rem);
}

.level-band__number {
  color: color-mix(in srgb, var(--cream) 74%, var(--orange) 26%);
  font-family: var(--mono);
  font-size: clamp(0.7rem, 0.85vw, 0.84rem);
  font-weight: 800;
  letter-spacing: 0.14em;
}

.level-band h3 {
  color: var(--cream);
  font-family: var(--ui);
  font-size: clamp(1.72rem, 2.25vw, 2.7rem);
  font-weight: 900;
  line-height: 1;
}

.level-band:nth-child(1) h3 {
  font-size: clamp(1.45rem, 1.88vw, 2.2rem);
}

.level-band__role {
  color: color-mix(in srgb, var(--cream) 82%, var(--orange) 18%);
  font-family: var(--mono);
  font-size: clamp(0.62rem, 0.78vw, 0.76rem);
  font-weight: 800;
  letter-spacing: 0.07em;
  position: relative;
  text-transform: uppercase;
  z-index: 2;
}

.level-band:nth-child(1) .level-band__role {
  font-size: clamp(0.48rem, 0.62vw, 0.7rem);
}

.level-band p {
  color: color-mix(in srgb, var(--cream) 88%, var(--muted) 12%);
  font-size: clamp(0.84rem, 0.98vw, 1rem);
  font-weight: 650;
  line-height: 1.34;
}

.level-band > p,
.level-band > .level-band__examples {
  display: none;
}

.level-band__examples {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.level-band__examples span {
  border: 1px solid rgba(243, 232, 214, 0.2);
  border-radius: 999px;
  color: color-mix(in srgb, var(--cream) 82%, var(--orange) 18%);
  font-family: var(--mono);
  font-size: clamp(0.54rem, 0.68vw, 0.64rem);
  font-weight: 800;
  letter-spacing: 0.06em;
  padding: 0.22rem 0.42rem;
  text-transform: uppercase;
}

.maturity-notes {
  align-self: stretch;
  display: grid;
  gap: 0;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  height: 100%;
  min-height: 0;
}

.maturity-note {
  align-content: center;
  border-left: 1px solid var(--maturity-line);
  border-top: 1px solid color-mix(in srgb, var(--maturity-line) 78%, transparent);
  display: grid;
  gap: clamp(0.45rem, 0.8vh, 0.65rem);
  isolation: isolate;
  padding-left: clamp(1rem, 1.5vw, 1.35rem);
  padding-block: clamp(0.85rem, 1.3vh, 1.1rem);
  position: relative;
}

.maturity-note::before {
  background: var(--orange);
  border: 2px solid var(--maturity-dot-ring);
  border-radius: 50%;
  box-shadow: 0 0 0 0.42rem rgba(209, 128, 30, 0.12);
  content: "";
  height: 0.52rem;
  left: -0.29rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.52rem;
  z-index: 1;
}

.maturity-note strong {
  color: var(--maturity-note-title);
  font-family: var(--ui);
  font-size: clamp(1.18rem, 1.5vw, 1.7rem);
  font-weight: 900;
  line-height: 1.08;
}

.maturity-note strong > span:first-child {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: 0.68em;
  letter-spacing: 0.08em;
  margin-right: 0.42rem;
}

.maturity-note strong > span + span {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: 0;
  margin-right: 0;
}

.maturity-note__role {
  color: var(--maturity-note-meta);
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.72vw, 0.72rem);
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.maturity-note p {
  color: var(--maturity-note-body);
  font-size: clamp(0.86rem, 1vw, 1.08rem);
  font-weight: 650;
  line-height: 1.3;
  max-width: 30rem;
}

.context-iceberg-video .slide-content {
  justify-content: stretch;
  max-width: none;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.context-iceberg-stage {
  background:
    radial-gradient(circle at 24% 20%, rgba(255, 245, 225, 0.14), transparent 18rem),
    radial-gradient(circle at 78% 19%, rgba(255, 245, 225, 0.12), transparent 20rem),
    linear-gradient(180deg, #08211f 0%, #06211e 100%);
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.context-iceberg-stage::after {
  background:
    linear-gradient(180deg, rgba(4, 17, 16, 0.08) 0%, rgba(4, 17, 16, 0.28) 42%, rgba(4, 17, 16, 0.56) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}

:root:not([data-theme="dark"]) .context-iceberg-stage {
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 248, 236, 0.74), transparent 18rem),
    radial-gradient(circle at 77% 15%, rgba(255, 250, 241, 0.62), transparent 19rem),
    linear-gradient(180deg, #f4efe5 0%, #ece5d8 100%);
}

:root:not([data-theme="dark"]) .context-iceberg-stage::after {
  background:
    linear-gradient(180deg, rgba(255, 250, 241, 0.02) 0%, rgba(248, 241, 231, 0.18) 44%, rgba(226, 217, 205, 0.36) 100%);
}

.context-iceberg-video__media {
  height: 100%;
  inset: 0;
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.context-iceberg-overlay {
  inset: 0;
  position: absolute;
  z-index: 3;
}

.context-iceberg-copy {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: clamp(0.85rem, 1.8vh, 1.25rem);
  left: calc(10.8% - 120px);
  max-width: min(28rem, 24vw);
  position: absolute;
  top: 16.2%;
}

.context-iceberg-copy .kicker {
  margin-bottom: 0;
}

.context-iceberg-copy h2 {
  max-width: 9.5ch;
}

.context-iceberg-copy .subtitle {
  color: color-mix(in srgb, var(--cream) 92%, var(--muted) 8%);
  font-size: clamp(1.1rem, 1.58vw, 1.48rem);
  line-height: 1.26;
  margin: 0;
  max-width: 18ch;
}

.context-iceberg-waterline {
  align-items: center;
  --waterline-offset-y: 0px;
  display: inline-flex;
  gap: 0.85rem;
  left: calc(57.5% + 100px);
  position: absolute;
  top: calc(25.9% - 110px + var(--waterline-offset-y));
}

.context-iceberg-waterline::before {
  content: none;
}

.context-iceberg-waterline::after {
  background: color-mix(in srgb, var(--accent-text) 92%, transparent);
  content: "";
  height: 2px;
  order: 1;
  width: clamp(8rem, 11vw, 10.5rem);
}

.context-iceberg-waterline span {
  color: var(--accent-text);
  font-size: clamp(1.05rem, 1.35vw, 1.25rem);
  font-weight: 800;
  line-height: 1;
  order: 2;
  text-shadow: 0 1px 10px rgba(5, 19, 17, 0.18);
  white-space: nowrap;
}

.context-iceberg-waterline.is-flat span {
  text-shadow: none;
}

:root:not([data-theme="dark"]) .context-iceberg-waterline span {
  color: var(--accent-text);
  text-shadow: 0 1px 6px rgba(255, 255, 255, 0.35);
}

:root:not([data-theme="dark"]) .context-iceberg-waterline.is-flat span {
  text-shadow: none;
}

.context-iceberg-labels {
  inset: 0;
  position: absolute;
}

.context-iceberg-label {
  align-items: center;
  display: inline-flex;
  gap: 0.9rem;
  position: absolute;
}

.context-iceberg-label[data-align="left"] {
  flex-direction: row;
}

.context-iceberg-label[data-align="right"] {
  flex-direction: row-reverse;
}

.context-iceberg-label::before {
  content: none;
}

.context-iceberg-label::after {
  background:
    repeating-linear-gradient(
      90deg,
      color-mix(in srgb, var(--accent-text) 90%, transparent) 0 2px,
      transparent 2px 5px
    );
  content: "";
  display: block;
  flex: 0 0 auto;
  height: 1px;
  width: clamp(5.2rem, 7.8vw, 7.4rem);
}

.context-iceberg-label span {
  color: color-mix(in srgb, var(--cream) 92%, var(--muted) 8%);
  font-family: var(--mono);
  font-size: clamp(0.88rem, 1vw, 1rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

:root:not([data-theme="dark"]) .context-iceberg-label span {
  color: color-mix(in srgb, var(--ink) 88%, var(--muted) 12%);
}

.media-copy-split .slide-content {
  align-items: stretch;
  display: grid;
  gap: clamp(2.2rem, 4vw, 4.4rem);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.media-copy-split__copy {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vh, 1.6rem);
  justify-content: center;
  max-width: min(34rem, 90%);
}

.media-copy-split__copy h2 {
  max-width: 11ch;
  white-space: pre-line;
}

.media-copy-split__copy .subtitle {
  max-width: 31ch;
}

.media-copy-split__visual {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 0;
}

.media-copy-split__frame {
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: 78vh;
  padding: clamp(0.6rem, 1.1vw, 0.9rem);
  width: min(100%, 30rem);
}

.media-copy-split__frame img {
  border-radius: 0.35rem;
  box-shadow:
    0 24px 54px rgba(10, 17, 16, 0.24),
    0 8px 18px rgba(10, 17, 16, 0.12);
  display: block;
  max-height: calc(78vh - 1.8rem);
  object-fit: contain;
  width: 100%;
}

:root[data-theme="dark"] .media-copy-split__frame img {
  box-shadow:
    0 30px 72px rgba(3, 8, 8, 0.46),
    0 12px 24px rgba(3, 8, 8, 0.24);
}

.slide[data-slide-id="spekva-cowork-dross-schaffer-research-001"].media-copy-split .slide-content {
  grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 0.86fr);
}

.slide[data-slide-id="spekva-cowork-dross-schaffer-research-001"] .media-copy-split__copy h2 {
  max-width: 13ch;
}

.slide[data-slide-id="spekva-cowork-dross-schaffer-research-001"] .media-copy-split__copy .subtitle {
  max-width: 35rem;
  white-space: pre-line;
}

.slide[data-slide-id="spekva-cowork-dross-schaffer-research-001"] .media-copy-split__frame {
  background:
    linear-gradient(180deg, rgba(251, 246, 238, 0.14), rgba(251, 246, 238, 0.04)),
    rgba(5, 19, 17, 0.28);
  border: 1px solid var(--line);
  border-radius: 8px;
  height: min(74vh, 42rem);
  overflow: hidden;
  padding: 0;
  width: min(100%, 30rem);
}

.slide[data-slide-id="spekva-cowork-dross-schaffer-research-001"] .media-copy-split__frame img {
  border-radius: 0;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: top center;
  width: 100%;
}

.andreas-bio-split .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.8rem, 3.2vw, 3rem);
  grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
  justify-content: center;
}

.andreas-bio-split__copy {
  display: grid;
  gap: clamp(0.9rem, 1.6vh, 1.2rem);
  max-width: min(44rem, 100%);
}

.andreas-bio-split__copy h2 {
  margin: 0;
}

.andreas-bio-split__section {
  display: grid;
  gap: 0.45rem;
}

.andreas-bio-split__label {
  color: var(--accent-fill);
  font-family: var(--ui);
  font-size: clamp(0.88rem, 0.98vw, 0.98rem);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.andreas-bio-split__body {
  display: grid;
  gap: 0.42rem;
}

.andreas-bio-split__body p {
  margin: 0;
}

.andreas-bio-split__courses {
  display: grid;
  gap: 0.35rem;
  list-style: none;
  margin: 0.1rem 0 0;
  padding: 0;
}

.andreas-bio-split__courses li {
  align-items: start;
  display: grid;
  gap: 0.7rem;
  grid-template-columns: auto 1fr;
}

.andreas-bio-split__courses li::before {
  background: var(--accent-fill);
  border-radius: 999px;
  content: "";
  height: 0.42rem;
  margin-top: 0.52em;
  width: 0.42rem;
}

.andreas-bio-split__visual {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}

.andreas-bio-split__frame {
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: 78vh;
  width: min(100%, 29rem);
}

.andreas-bio-split__frame img {
  border-radius: 0.7rem;
  box-shadow:
    0 24px 54px rgba(10, 17, 16, 0.24),
    0 8px 18px rgba(10, 17, 16, 0.12);
  display: block;
  max-height: 78vh;
  object-fit: contain;
  object-position: center center;
  width: 100%;
}

:root[data-theme="dark"] .andreas-bio-split__frame img {
  box-shadow:
    0 30px 72px rgba(3, 8, 8, 0.46),
    0 12px 24px rgba(3, 8, 8, 0.24);
}

.news-article-split .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.8rem, 3.2vw, 3rem);
  grid-template-columns: minmax(0, 1.02fr) minmax(18rem, 0.98fr);
  justify-content: center;
}

.news-article-split__copy {
  display: grid;
  gap: clamp(0.85rem, 1.8vh, 1.25rem);
  max-width: min(39rem, 100%);
}

.news-article-split__copy h2 {
  max-width: 12ch;
}

.news-article-split__bullets {
  display: grid;
  gap: clamp(0.7rem, 1.2vh, 0.95rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.news-article-split__bullets li {
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  font-size: clamp(0.96rem, 1.12vw, 1.08rem);
  line-height: 1.4;
  padding-left: 1.1rem;
  position: relative;
}

.news-article-split__bullets li::before {
  color: var(--accent-text);
  content: "•";
  left: 0;
  position: absolute;
  top: 0;
}

.news-article-split__visual {
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 0;
}

.news-article-split__frame {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 236, 0.92));
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: clamp(1.2rem, 2vw, 1.8rem);
  box-shadow:
    0 22px 58px rgba(10, 17, 16, 0.12),
    0 6px 16px rgba(10, 17, 16, 0.06);
  display: flex;
  justify-content: center;
  max-height: min(72vh, 44rem);
  overflow: hidden;
  padding: clamp(0.5rem, 0.9vw, 0.8rem);
  width: min(100%, 31rem);
}

.news-article-split__frame img {
  display: block;
  max-height: min(68vh, 42rem);
  object-fit: contain;
  width: 100%;
}

:root[data-theme="dark"] .news-article-split__frame {
  background: rgba(5, 19, 17, 0.32);
  box-shadow:
    0 26px 70px rgba(0, 0, 0, 0.38),
    0 8px 22px rgba(0, 0, 0, 0.18);
}

.bias-history-collage .slide-content {
  align-items: start;
  align-content: center;
  display: grid;
  gap: clamp(1.1rem, 2vh, 1.6rem);
  justify-content: center;
  min-height: 100%;
  padding: var(--slide-padding);
}

.bias-history-collage__copy {
  display: grid;
  gap: clamp(0.9rem, 1.6vh, 1.2rem);
  max-width: min(58rem, 100%);
}

.bias-history-collage__copy h2 {
  color: var(--text);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3.2rem, 6.4vw, 6.2rem);
  font-weight: 500;
  letter-spacing: -0.04em;
  line-height: 0.93;
  margin: 0;
  max-width: 11.5ch;
  text-transform: none;
}

.bias-history-collage__fact {
  color: color-mix(in srgb, var(--text) 92%, var(--muted) 8%);
  font-size: clamp(1.2rem, 1.65vw, 1.8rem);
  line-height: 1.18;
  margin: 0;
  max-width: 27ch;
}

.bias-history-collage__collage {
  align-self: end;
  display: grid;
  gap: clamp(1rem, 1.6vw, 1.6rem);
  grid-template-columns: minmax(16rem, 0.9fr) minmax(28rem, 1.7fr);
  margin: 0;
  margin-top: auto;
  width: min(100%, 110rem);
}

.bias-history-collage__image {
  margin: 0;
}

.bias-history-collage__image img {
  display: block;
  width: 100%;
}

.bias-history-collage__image:first-child img {
  object-fit: contain;
}

.bias-history-collage__image:last-child img {
  object-fit: cover;
}

@media (max-width: 900px) {
  .bias-history-collage__collage {
    grid-template-columns: 1fr;
  }
}

.find-melvin-photo .slide-content {
  align-items: center;
  align-content: center;
  color: var(--text);
  display: grid;
  gap: clamp(1rem, 1.8vh, 1.4rem);
  justify-content: center;
  justify-items: center;
  min-height: 100%;
  padding: var(--slide-padding);
  width: 100%;
}

.find-melvin-photo .find-melvin-photo__title {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(1.08rem, 1.45vw, 1.36rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.1;
  margin: 0;
  max-width: none;
  text-align: center;
  text-transform: none;
}

.find-melvin-photo__image {
  margin: 0;
  width: min(100%, 78rem);
}

.find-melvin-photo__image img {
  display: block;
  width: 100%;
}

.closing-quote .slide-content {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.closing-quote__text {
  color: var(--text);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3.6rem, 5.8vw, 7rem);
  font-style: italic;
  font-weight: 600;
  line-height: 0.98;
  margin: 0;
  max-width: min(76rem, 86vw);
  text-wrap: balance;
}

.closing-quote__text > span {
  display: block;
}

.closing-quote__text em {
  color: var(--accent-text);
  font-style: italic;
}

.closing-quote__meta {
  color: var(--muted);
  font-family: var(--mono);
  font-size: clamp(0.68rem, 0.92vw, 0.9rem);
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

:root[data-theme="dark"] .closing-quote__text {
  color: var(--cream);
  text-shadow: 0 0.95rem 2.8rem rgba(0, 0, 0, 0.34);
}

.sam-altman-closing-quote .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.8rem, 3.2vw, 3.2rem);
  grid-template-columns: minmax(16rem, 0.82fr) minmax(0, 1.18fr);
  justify-content: center;
}

.sam-altman-closing-quote__visual {
  display: flex;
  justify-content: center;
}

.sam-altman-closing-quote__frame {
  align-items: center;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: clamp(1.8rem, 3vw, 2.6rem);
  box-shadow:
    0 2rem 4.8rem rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: center;
  max-width: 27rem;
  overflow: hidden;
  padding: clamp(0.7rem, 1.2vw, 1rem);
  width: 100%;
}

.sam-altman-closing-quote__frame img {
  display: block;
  max-height: min(72vh, 38rem);
  object-fit: cover;
  width: 100%;
}

.sam-altman-closing-quote__copy {
  display: grid;
  gap: clamp(1rem, 2vh, 1.5rem);
  justify-self: start;
  max-width: min(42rem, 100%);
  text-align: left;
}

.sam-altman-closing-quote__text {
  color: var(--cream);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.2rem, 3.9vw, 4.8rem);
  font-style: italic;
  font-weight: 600;
  line-height: 0.98;
  margin: 0;
  max-width: 12ch;
  text-align: left;
  text-wrap: balance;
}

.sam-altman-closing-quote__text span {
  display: block;
}

.sam-altman-closing-quote__byline {
  color: color-mix(in srgb, var(--cream) 82%, var(--muted) 18%);
  display: grid;
  gap: 0.12rem;
  margin: 0;
}

.sam-altman-closing-quote__byline strong {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: clamp(1.05rem, 1.4vw, 1.34rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
}

.sam-altman-closing-quote__byline span {
  font-size: clamp(0.72rem, 0.86vw, 0.84rem);
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-transform: uppercase;
}

.sam-altman-closing-quote__source {
  color: color-mix(in srgb, var(--cream) 76%, var(--muted) 24%);
  font-size: clamp(0.78rem, 0.92vw, 0.9rem);
  line-height: 1.35;
  margin: 0;
}

.sam-altman-closing-quote__source a {
  color: var(--accent-text);
  font-family: var(--mono);
  font-weight: 800;
  letter-spacing: 0.08em;
}

:root[data-theme="dark"] .sam-altman-closing-quote__frame {
  background: rgba(255, 255, 255, 0.03);
  box-shadow:
    0 2.4rem 5.8rem rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.font-compare .slide-content {
  gap: clamp(1rem, 2.6vh, 2rem);
  justify-content: center;
}

.font-samples {
  display: grid;
  gap: clamp(0.8rem, 1.4vw, 1.1rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-height: min(50vh, 27rem);
}

.font-sample {
  background: color-mix(in srgb, var(--paper-soft) 62%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: clamp(0.9rem, 1.5vh, 1.15rem);
  grid-template-rows: auto 1fr auto;
  min-height: clamp(15rem, 34vh, 22rem);
  padding: clamp(1rem, 1.8vw, 1.35rem);
}

:root[data-theme="dark"] .font-sample {
  background: rgba(7, 14, 13, 0.34);
  box-shadow:
    0 1.2rem 2.7rem rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.font-sample__meta {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
}

.font-sample__meta strong {
  color: var(--accent-text);
  font-family: var(--ui);
  font-size: clamp(0.78rem, 0.98vw, 0.96rem);
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.font-sample__meta span {
  color: var(--muted);
  font-family: var(--mono);
  font-size: clamp(0.62rem, 0.82vw, 0.74rem);
  font-weight: 700;
}

.font-sample__headline {
  align-self: center;
  color: var(--text);
  font-size: clamp(2.6rem, 4.2vw, 4.4rem);
  line-height: 0.92;
  text-wrap: balance;
}

.font-sample__note {
  color: var(--muted);
  font-size: clamp(0.9rem, 1.05vw, 1rem);
  font-weight: 700;
  line-height: 1.3;
}

.claim-grid {
  align-items: center;
  display: grid;
  gap: clamp(1rem, 2vw, 2rem);
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.82fr);
  max-height: min(34vh, 20rem);
}

.claim-grid--single {
  grid-template-columns: minmax(0, min(100%, 46rem));
  justify-content: center;
  max-height: none;
  width: 100%;
}

.split-claim .slide-content:has(.claim-grid--single) {
  align-items: center;
}

.split-claim .slide-content:has(.claim-grid--single) > div:first-child,
.split-claim .slide-content:has(.claim-grid--single) .evidence-list {
  width: min(100%, 46rem);
}

.callout {
  align-self: stretch;
  border-left: clamp(0.3rem, 0.6vw, 0.5rem) solid var(--orange);
  color: var(--text);
  display: flex;
  flex-direction: column;
  font-family: var(--display);
  font-size: clamp(1.55rem, 2.9vw, 3rem);
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: 0.92;
  padding-left: clamp(1rem, 2vw, 1.8rem);
  text-transform: none;
}

.evidence-list {
  display: grid;
  gap: clamp(0.7rem, 1.2vh, 1rem);
}

.evidence-item {
  min-height: clamp(4.4rem, 9vh, 5.8rem);
  padding: clamp(0.74rem, 1.3vw, 1.1rem);
}

.exercise-grid {
  align-items: center;
  display: grid;
  gap: clamp(1.6rem, 3.4vw, 3.2rem);
  grid-template-columns: minmax(0, 0.78fr) minmax(22rem, 1.08fr);
  max-height: min(58vh, 34rem);
}

.steps-list {
  display: grid;
  gap: clamp(0.5rem, 1vh, 0.74rem);
}

.exercise-copy {
  display: grid;
  gap: clamp(0.95rem, 1.8vh, 1.4rem);
  max-width: 34rem;
}

.exercise-points {
  display: grid;
  gap: 0;
  list-style: none;
}

.exercise-point {
  border-top: 1px solid color-mix(in srgb, var(--line-strong) 70%, transparent);
  display: grid;
  gap: clamp(0.58rem, 1vw, 0.8rem);
  grid-template-columns: auto 1fr;
  padding-block: clamp(0.7rem, 1.3vh, 1rem);
}

.exercise-point:last-child {
  border-bottom: 1px solid color-mix(in srgb, var(--line-strong) 70%, transparent);
}

.exercise-point strong {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.72rem, 0.86vw, 0.86rem);
  font-weight: 900;
  letter-spacing: 0.08em;
}

.exercise-point span {
  color: var(--text);
  font-size: clamp(0.92rem, 1.18vw, 1.12rem);
  font-weight: 800;
  line-height: 1.28;
}

.step-item {
  align-items: start;
  display: grid;
  gap: 0.8rem;
  grid-template-columns: auto 1fr;
  padding: clamp(0.7rem, 1.2vw, 1rem);
}

.step-item strong {
  color: var(--text);
  font-family: var(--mono);
}

.prompt-box {
  align-self: stretch;
  border-color: rgba(209, 128, 30, 0.38);
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 1.4vh, 1.1rem);
  justify-content: flex-start;
  min-height: min(42vh, 27rem);
  padding: clamp(1.1rem, 2vw, 1.75rem);
}

.prompt-box__head {
  align-items: center;
  display: flex;
  gap: 0.8rem;
  justify-content: space-between;
}

.prompt-box .meta-label {
  color: var(--accent-text);
}

.copy-prompt-button {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-fill) 88%, var(--logo-dot) 12%), var(--accent-fill));
  border: 1px solid color-mix(in srgb, var(--cream) 42%, transparent);
  border-radius: 999px;
  color: #fff7ed;
  cursor: pointer;
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.7vw, 0.7rem);
  font-weight: 900;
  letter-spacing: 0.08em;
  min-height: 2rem;
  padding-inline: 0.82rem;
  text-transform: uppercase;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
}

.copy-prompt-button:hover {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-fill-hover) 88%, var(--logo-dot) 12%), var(--accent-fill-hover));
  transform: translateY(-1px);
}

.copy-prompt-button:active {
  transform: translateY(0);
}

.copy-prompt-button:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--cream) 78%, var(--logo-dot) 22%);
  outline-offset: 2px;
}

.prompt-box p {
  color: var(--text);
  font-family: var(--mono);
  font-size: clamp(0.86rem, 1.06vw, 1.02rem);
  font-weight: 700;
  line-height: 1.5;
  max-width: 42rem;
}

.quote .slide-content {
  gap: clamp(1rem, 2.2vh, 1.8rem);
  justify-content: center;
}

.quote-stage {
  align-items: start;
  display: grid;
  gap: clamp(1rem, 2vw, 2rem);
  grid-template-columns: auto minmax(0, 1fr);
  max-width: min(72rem, 100%);
}

.quote-mark-wrap {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  padding-top: clamp(0.2rem, 0.8vh, 0.5rem);
  position: relative;
}

.quote-mark-wrap::before {
  background: radial-gradient(circle, rgba(209, 128, 30, 0.14), transparent 68%);
  content: "";
  height: clamp(6rem, 10vw, 8rem);
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(-50%, -8%);
  width: clamp(6rem, 10vw, 8rem);
}

.quote-mark {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: clamp(5rem, 9vw, 8rem);
  line-height: 0.72;
  position: relative;
  z-index: 1;
}

.quote-copy {
  display: grid;
  gap: clamp(1rem, 2vh, 1.6rem);
  max-width: min(58rem, 72vw);
}

.quote-text {
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(3.1rem, 6vw, 6.25rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.86;
  max-width: 10ch;
  text-transform: none;
  text-wrap: balance;
}

.quote-meta {
  display: grid;
  gap: clamp(0.7rem, 1.5vh, 1.05rem);
  max-width: min(39rem, 58vw);
}

.quote-attribution {
  align-items: center;
  display: inline-flex;
  gap: clamp(0.55rem, 1vw, 0.8rem);
  margin-top: 0;
}

.quote-attribution::before {
  background: color-mix(in srgb, var(--orange) 78%, transparent);
  content: "";
  display: inline-block;
  height: 1px;
  width: clamp(2.1rem, 4vw, 3.2rem);
}

.quote-body {
  max-width: min(38rem, 56vw);
}

.quote[data-variant="quiet-principle"] {
  --content-max-width: clamp(64rem, 80vw, 88rem);
}

.quote[data-variant="quiet-principle"] .slide-content {
  align-items: start;
  gap: clamp(1.8rem, 4.2vh, 3.4rem);
  justify-content: center;
}

.quiet-principle__copy {
  display: grid;
  gap: clamp(2rem, 4.2vh, 3.4rem);
  max-width: min(75rem, 88vw);
}

.quiet-principle__line {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(1.35rem, 2.12vw, 2.62rem);
  font-weight: 450;
  letter-spacing: -0.055em;
  line-height: 1.18;
  margin: 0;
  max-width: 18ch;
}

.quiet-principle__body {
  max-width: 24ch;
}

.quiet-principle__body strong {
  font-weight: 850;
}

.probability-ranking .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2.4rem, 4vw, 5rem);
  grid-template-columns: minmax(0, 0.95fr) minmax(20rem, 0.85fr);
}

.probability-ranking__prompt {
  display: flex;
  flex-direction: column;
  gap: clamp(0.85rem, 1.8vh, 1.3rem);
  max-width: min(34rem, 92%);
}

.probability-ranking__promptline {
  color: color-mix(in srgb, var(--text) 92%, var(--muted) 8%);
  font-family: var(--display);
  font-size: clamp(2.4rem, 3.9vw, 4.2rem);
  line-height: 1.08;
}

.probability-ranking__token {
  background: #1bf7a5;
  color: #06211e;
  display: inline-block;
  font-weight: 800;
  margin-left: 0.16em;
  padding: 0 0.18em 0.05em;
}

.probability-ranking__prompt .subtitle {
  max-width: 29ch;
}

.probability-ranking__panel {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 1.2vh, 1rem);
  justify-self: start;
  max-width: 28rem;
  width: 100%;
}

.probability-ranking__thinking {
  color: var(--accent-text);
  display: inline-flex;
  font-family: var(--mono);
  font-size: clamp(0.78rem, 0.95vw, 0.9rem);
  font-weight: 700;
  gap: 0.2rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.probability-ranking__thinking span {
  animation: probabilityDotPulse 1.4s infinite;
  display: inline-block;
}

.probability-ranking__thinking span:nth-child(2) { animation-delay: 0.16s; }
.probability-ranking__thinking span:nth-child(3) { animation-delay: 0.32s; }

.probability-ranking__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.42rem, 0.85vh, 0.68rem);
}

.probability-ranking__item {
  background: transparent;
  border: none;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 76%, transparent);
  overflow: visible;
  padding: 0.54rem 0 0.64rem;
  position: relative;
  transition:
    transform 0.52s var(--ease),
    opacity 0.72s var(--ease);
}

:root[data-theme="dark"] .probability-ranking__item {
  border-bottom-color: rgba(243, 232, 214, 0.1);
}

.probability-ranking__item::before {
  content: none;
}

.probability-ranking__item.is-top::before {
  opacity: 1;
}

.probability-ranking__item.is-top {
  border-bottom-color: rgba(27, 247, 165, 0.48);
}

.probability-ranking__row {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

.probability-ranking__row strong,
.probability-ranking__row span {
  font-size: clamp(1rem, 1.22vw, 1.18rem);
}

.probability-ranking__row strong {
  font-weight: 750;
}

.probability-ranking__bar {
  background: color-mix(in srgb, var(--line) 58%, transparent);
  border-radius: 999px;
  height: 3px;
  margin-top: 0.46rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.probability-ranking__barfill {
  background: linear-gradient(90deg, #1bf7a5, color-mix(in srgb, #1bf7a5 54%, #ffffff 46%));
  border-radius: inherit;
  inset: 0 auto 0 0;
  position: absolute;
  transform-origin: left center;
  width: 0%;
}

.probability-ranking__score {
  display: inline-block;
  min-width: 5.1ch;
  text-align: right;
}

.slide.is-current .probability-ranking__item {
  transform: translateY(0);
}

.image-statement-fullbleed {
  background-color: #d7ddea;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #0f2231;
  overflow: hidden;
}

.image-statement-fullbleed .slide-content {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  width: 100%;
}

.image-statement-fullbleed__overlay {
  align-items: center;
  display: flex;
  height: 100%;
  inset: 0;
  justify-content: center;
  padding: clamp(2rem, 4vw, 4rem);
  position: absolute;
  width: 100%;
}

.image-statement-fullbleed__panel {
  align-items: center;
  background: rgba(7, 34, 51, 0.94);
  box-shadow:
    0 1.2rem 3rem rgba(8, 16, 28, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  color: #f7fafc;
  display: inline-flex;
  font-family: var(--body);
  font-size: clamp(1.55rem, 2vw, 2.1rem);
  font-weight: 650;
  gap: 0.22em;
  justify-content: center;
  line-height: 1.14;
  max-width: none;
  padding: clamp(1rem, 1.6vw, 1.35rem) clamp(1.55rem, 2.1vw, 2.25rem);
  text-align: center;
  white-space: nowrap;
}

.image-statement-fullbleed__panel mark {
  background: transparent;
  color: #1bf7a5;
  font-weight: 800;
}

.image-collage-question {
  background:
    radial-gradient(circle at 80% 34%, rgba(209, 128, 30, 0.1), transparent 32%),
    var(--bg);
}

.image-collage-question .slide-content {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
  width: min(90vw, 86rem);
}

.image-collage-question__copy {
  display: flex;
  align-items: center;
  min-height: min(58vh, 34rem);
}

.image-collage-question__copy h2 {
  margin: 0;
  max-width: 16ch;
  color: var(--text);
  font-size: clamp(3.4rem, 4.8vw, 5.6rem);
  font-weight: 760;
  letter-spacing: 0;
  line-height: 0.94;
  white-space: nowrap;
}

.image-collage-question__collage {
  position: relative;
  min-height: min(63vh, 36rem);
}

.image-collage-question__image {
  position: absolute;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.68);
  box-shadow: 0 1.2rem 2.8rem rgba(55, 79, 78, 0.1);
}

.image-collage-question__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.image-collage-question__image:nth-child(1) {
  top: 0;
  right: 0;
  width: 70%;
  height: 44%;
  z-index: 1;
}

.image-collage-question__image:nth-child(2) {
  top: 31%;
  left: 0;
  width: 49%;
  height: 49%;
  z-index: 3;
}

.image-collage-question__image:nth-child(3) {
  right: 8%;
  bottom: 0;
  width: 48%;
  height: 38%;
  z-index: 2;
}

:root[data-theme="dark"] .image-collage-question__image {
  background: rgba(245, 239, 228, 0.08);
  box-shadow: 0 1.4rem 3.2rem rgba(0, 0, 0, 0.28);
}

.study-evidence-split .slide-content {
  align-items: stretch;
  display: grid;
  gap: clamp(2.4rem, 4vw, 4.8rem);
  grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.72fr);
}

.study-evidence-split__copy {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.7vh, 1.5rem);
  max-width: min(42rem, 100%);
}

.study-evidence-split__copy h2 {
  max-width: 12ch;
  white-space: pre-line;
}

.study-evidence-split__copy h2 .accent-line {
  color: var(--accent-text);
}

.study-evidence-split__copy .subtitle {
  max-width: 32ch;
}

.study-evidence-split__points {
  display: grid;
  gap: clamp(0.8rem, 1.2vh, 1rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.study-evidence-split__points li {
  color: color-mix(in srgb, var(--text) 94%, var(--muted) 6%);
  display: grid;
  gap: 0.8rem;
  grid-template-columns: auto 1fr;
  line-height: 1.45;
}

.study-evidence-split__points li::before {
  color: var(--accent-text);
  content: "•";
  font-family: var(--display);
  font-size: 1.4em;
  line-height: 0.9;
  transform: translateY(0.06em);
}

.study-evidence-split__copy strong {
  color: var(--accent-text);
  font-weight: 800;
}

.study-evidence-split__factbox {
  align-self: center;
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.085), rgba(209, 128, 30, 0.02) 30%, transparent 100%),
    color-mix(in srgb, var(--paper-soft) 60%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow:
    0 1.2rem 2.8rem rgba(18, 31, 29, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.6vh, 1.35rem);
  justify-self: end;
  max-width: 24rem;
  padding: clamp(1.35rem, 1.8vw, 1.7rem);
  width: 100%;
}

:root[data-theme="dark"] .study-evidence-split__factbox {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.09), rgba(209, 128, 30, 0.02) 30%, transparent 100%),
    rgba(5, 19, 17, 0.22);
  border-color: rgba(243, 232, 214, 0.14);
}

.study-evidence-split__factbox h3 {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.8rem, 0.96vw, 0.92rem);
  font-weight: 700;
  letter-spacing: 0.16em;
  margin: 0;
  text-transform: uppercase;
}

.study-evidence-split__stats {
  display: grid;
  gap: 0.9rem;
}

.study-evidence-split__stat {
  border-top: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  display: grid;
  gap: 0.2rem;
  padding-top: 0.85rem;
}

.study-evidence-split__stat:first-child {
  border-top: none;
  padding-top: 0;
}

.study-evidence-split__stat strong {
  color: color-mix(in srgb, var(--text) 98%, var(--muted) 2%);
  font-family: var(--display);
  font-size: clamp(1.65rem, 2.4vw, 2.15rem);
  line-height: 1;
}

.study-evidence-split__stat span,
.study-evidence-split__meta {
  color: color-mix(in srgb, var(--text) 88%, var(--muted) 12%);
  font-size: clamp(0.96rem, 1.1vw, 1.04rem);
  line-height: 1.4;
}

.study-evidence-split__meta {
  border-top: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  margin: 0;
  padding-top: 0.95rem;
}

.study-evidence-split__source {
  border-top: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  display: grid;
  gap: 0.34rem;
  margin: 0;
  padding-top: 0.85rem;
}

.study-evidence-split__source strong {
  color: color-mix(in srgb, var(--text) 88%, var(--muted) 12%);
  font-family: var(--body);
  font-size: clamp(0.78rem, 0.86vw, 0.86rem);
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: 1.22;
}

.study-evidence-split__source span {
  color: color-mix(in srgb, var(--text) 68%, var(--muted) 32%);
  font-size: clamp(0.72rem, 0.8vw, 0.78rem);
  line-height: 1.28;
}

.study-evidence-split__source a {
  color: var(--accent-text);
  display: inline-flex;
  font-family: var(--mono);
  font-size: clamp(0.62rem, 0.72vw, 0.68rem);
  font-weight: 800;
  letter-spacing: 0.1em;
  margin-top: 0.1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.prompt-definition .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2.2rem, 4vw, 5rem);
  grid-template-columns: minmax(0, 0.86fr) minmax(24rem, 1fr);
}

.prompt-definition__intro {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vh, 1.55rem);
  max-width: 38rem;
}

.prompt-definition__intro h2 {
  margin: 0;
  max-width: 9ch;
}

.prompt-definition__lede {
  margin: 0;
  max-width: 34ch;
}

.prompt-definition__panel {
  align-self: center;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--paper-soft) 86%, transparent), color-mix(in srgb, var(--paper) 54%, transparent)),
    linear-gradient(180deg, rgba(209, 128, 30, 0.09), transparent 36%);
  border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  border-radius: 18px;
  box-shadow:
    0 1.7rem 4rem rgba(18, 31, 29, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  display: flex;
  flex-direction: column;
  gap: clamp(1.05rem, 1.6vh, 1.35rem);
  max-width: 44rem;
  padding: clamp(1.45rem, 2.2vw, 2.15rem);
}

:root[data-theme="dark"] .prompt-definition__panel {
  background:
    linear-gradient(135deg, rgba(5, 19, 17, 0.5), rgba(5, 19, 17, 0.2)),
    linear-gradient(180deg, rgba(209, 128, 30, 0.08), transparent 40%);
  border-color: rgba(243, 232, 214, 0.14);
}

.prompt-definition__examples {
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.prompt-definition__examples li {
  align-items: baseline;
  border-top: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  display: grid;
  gap: clamp(0.5rem, 1vw, 0.8rem);
  grid-template-columns: minmax(7.8rem, auto) 1fr;
  padding: clamp(0.72rem, 1.2vh, 0.95rem) 0;
}

.prompt-definition__examples li:first-child {
  border-top: none;
  padding-top: 0;
}

.prompt-definition__examples .prompt-definition__label {
  color: var(--accent-text);
  font-size: clamp(1.05rem, 1.5vw, 1.34rem);
  font-weight: 700;
}

.prompt-definition__examples span {
  color: color-mix(in srgb, var(--text) 92%, var(--muted) 8%);
  font-size: clamp(1.05rem, 1.38vw, 1.3rem);
  line-height: 1.32;
}

.prompt-definition__examples em {
  color: color-mix(in srgb, var(--text) 84%, var(--muted) 16%);
  font-style: normal;
}

.prompt-definition__takeaway {
  border-top: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  display: grid;
  gap: clamp(0.7rem, 1.2vh, 0.9rem);
  font-size: clamp(1rem, 1.28vw, 1.18rem);
  line-height: 1.4;
  margin: 0;
  padding-top: clamp(0.95rem, 1.5vh, 1.2rem);
}

.prompt-definition__takeaway span {
  display: block;
}

.thinking-modes .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2.2rem, 4vw, 5rem);
  grid-template-columns: minmax(0, 1.18fr) minmax(14.5rem, 0.54fr);
}

.thinking-modes__copy {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1.2rem, 2vh, 1.7rem);
  max-width: 52rem;
}

.thinking-modes__copy h2 {
  margin: 0;
  max-width: 10ch;
}

.thinking-modes__modules {
  display: grid;
  gap: clamp(0.8rem, 1.2vh, 1rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: min(100%, 48rem);
}

.thinking-modes__module {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.08), transparent 48%),
    color-mix(in srgb, var(--paper-soft) 64%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 88%, transparent);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.65rem, 1vh, 0.85rem);
  min-height: clamp(12rem, 24vh, 15rem);
  padding: clamp(1rem, 1.5vw, 1.35rem);
}

:root[data-theme="dark"] .thinking-modes__module {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.09), transparent 48%),
    rgba(5, 19, 17, 0.28);
  border-color: rgba(243, 232, 214, 0.12);
}

.thinking-modes__module-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
}

.thinking-modes__module h3 {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: clamp(1.45rem, 2vw, 1.95rem);
  line-height: 1;
  margin: 0;
}

.thinking-modes__badge {
  border: 1px solid color-mix(in srgb, var(--accent-text) 54%, transparent);
  border-radius: 999px;
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.72vw, 0.68rem);
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 0.25rem 0.48rem;
  text-transform: uppercase;
}

.thinking-modes__module ul {
  display: grid;
  gap: 0.55rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.thinking-modes__module li {
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  display: grid;
  gap: 0.48rem;
  grid-template-columns: auto 1fr;
  font-size: clamp(0.92rem, 1.02vw, 1rem);
  line-height: 1.38;
}

.thinking-modes__module li::before {
  color: var(--accent-text);
  content: "•";
  font-family: var(--display);
  line-height: 1;
}

.thinking-modes__mock {
  align-self: center;
  background: #ffffff;
  border: 1px solid rgba(27, 30, 32, 0.12);
  border-radius: 30px;
  box-shadow:
    0 1.7rem 4rem rgba(18, 31, 29, 0.12),
    0 0.15rem 0.4rem rgba(18, 31, 29, 0.08);
  color: #111111;
  justify-self: end;
  max-width: 21rem;
  overflow: hidden;
  padding: clamp(1rem, 1.5vw, 1.35rem);
  position: relative;
  width: 100%;
}

:root[data-theme="dark"] .thinking-modes__mock {
  background: #f7f6f3;
  box-shadow:
    0 1.7rem 4rem rgba(0, 0, 0, 0.28),
    0 0.15rem 0.4rem rgba(0, 0, 0, 0.12);
}

.thinking-modes__selector {
  align-items: center;
  background: #ededed;
  border-radius: 18px;
  display: inline-flex;
  font-size: clamp(1.2rem, 1.6vw, 1.58rem);
  gap: 0.45rem;
  margin: calc(-1 * clamp(0.75rem, 1.15vw, 1.05rem)) 0 clamp(0.8rem, 1.2vh, 1rem);
  padding: 0.38rem 0.72rem;
}

.thinking-modes__selector span {
  color: #9a9a9a;
}

.thinking-modes__selector svg {
  color: #8d8d8d;
  height: 1rem;
  width: 1rem;
}

.thinking-modes__mock-label {
  color: #9b9b9b;
  font-size: clamp(0.8rem, 1.05vw, 0.98rem);
  margin: 0 0 clamp(0.9rem, 1.4vh, 1.2rem);
}

.thinking-modes__mock-list {
  display: grid;
  gap: clamp(0.85rem, 1.5vh, 1.15rem);
}

.thinking-modes__mock-option {
  align-items: center;
  display: grid;
  gap: 0.4rem 0.75rem;
  grid-template-columns: 1fr auto;
}

.thinking-modes__mock-option strong {
  font-size: clamp(0.9rem, 1.18vw, 1.08rem);
  font-weight: 520;
}

.thinking-modes__mock-option > span:not(.thinking-modes__mock-check) {
  color: #9a9a9a;
  font-size: clamp(0.7rem, 0.9vw, 0.82rem);
  grid-column: 1 / -1;
}

.thinking-modes__mock-check {
  color: #111111;
  font-size: clamp(1.1rem, 1.45vw, 1.3rem);
  line-height: 1;
}

.thinking-modes__mock-divider {
  background: #e5e5e5;
  height: 1px;
  width: 100%;
}

.thinking-modes__mock-older {
  align-items: center;
  display: flex;
  font-size: clamp(0.82rem, 1.05vw, 0.98rem);
  justify-content: space-between;
}

.system-prompt-guardrails .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2rem, 4vw, 4.8rem);
  grid-template-columns: minmax(0, 0.86fr) minmax(22rem, 0.88fr);
}

.system-prompt-guardrails__copy {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.7vh, 1.45rem);
  max-width: 50rem;
}

.system-prompt-guardrails__copy h2 {
  font-size: clamp(3.15rem, 6.2vw, 6.2rem);
  letter-spacing: 0;
  line-height: 0.9;
  margin: 0;
  max-width: 10.5ch;
}

.system-prompt-guardrails__lede {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.35vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1.02;
  margin: 0;
  max-width: 17ch;
}

.system-prompt-guardrails__body {
  color: color-mix(in srgb, var(--text) 78%, var(--muted) 22%);
  font-size: clamp(1rem, 1.2vw, 1.15rem);
  line-height: 1.42;
  margin: 0;
  max-width: 38ch;
}

.system-prompt-guardrails__solutions {
  border-top: 1px solid color-mix(in srgb, var(--line) 86%, transparent);
  display: grid;
  gap: clamp(0.75rem, 1.15vh, 0.95rem);
  list-style: none;
  margin: 0;
  max-width: 42rem;
  padding: clamp(1rem, 1.5vh, 1.2rem) 0 0;
}

.system-prompt-guardrails__solutions li {
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  display: grid;
  font-size: clamp(1rem, 1.16vw, 1.1rem);
  gap: 0.65rem;
  grid-template-columns: auto 1fr;
  line-height: 1.34;
}

.system-prompt-guardrails__solutions li::before {
  border: 1.5px solid var(--accent-text);
  border-radius: 999px;
  color: var(--accent-text);
  content: "✓";
  display: grid;
  font-family: var(--mono);
  font-size: 0.68em;
  font-weight: 900;
  height: 1.45rem;
  margin-top: 0.08em;
  place-items: center;
  width: 1.45rem;
}

.system-prompt-guardrails__solutions-title,
.system-prompt-guardrails__install-label {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.66rem, 0.78vw, 0.74rem);
  font-weight: 800;
  letter-spacing: 0.14em;
  margin: 0;
  text-transform: uppercase;
}

.system-prompt-guardrails__note {
  color: color-mix(in srgb, var(--text) 68%, var(--muted) 32%);
  font-size: clamp(0.86rem, 0.98vw, 0.94rem);
  line-height: 1.35;
  margin: 0;
  max-width: 38ch;
}

.system-prompt-guardrails__panel {
  align-self: center;
  display: grid;
  gap: clamp(0.9rem, 1.5vh, 1.15rem);
}

.system-prompt-guardrails__panel .prompt-box {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.08), transparent 34%),
    color-mix(in srgb, var(--paper-soft) 64%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent-text) 36%, var(--line));
  border-radius: 28px;
  box-shadow:
    0 1.8rem 4.2rem rgba(18, 31, 29, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  min-height: min(55vh, 34rem);
  padding: clamp(1rem, 1.7vw, 1.45rem);
}

:root[data-theme="dark"] .system-prompt-guardrails__panel .prompt-box {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.09), transparent 34%),
    rgba(5, 19, 17, 0.32);
  border-color: color-mix(in srgb, var(--accent-text) 38%, rgba(243, 232, 214, 0.12));
}

.system-prompt-guardrails__prompt {
  color: color-mix(in srgb, var(--text) 92%, var(--muted) 8%);
  font-family: var(--mono);
  font-size: clamp(0.66rem, 0.78vw, 0.75rem);
  font-weight: 680;
  line-height: 1.42;
  margin: 0;
  max-height: min(43vh, 27rem);
  overflow: hidden;
  white-space: pre-wrap;
}

.system-prompt-guardrails__install {
  display: grid;
  gap: 0.45rem;
  padding: 0 0 0 0.25rem;
}

:root[data-theme="dark"] .system-prompt-guardrails__install {
  background: transparent;
}

.system-prompt-guardrails__install-label {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.52rem, 0.68vw, 0.62rem);
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.system-prompt-guardrails__install p {
  color: color-mix(in srgb, var(--text) 80%, var(--muted) 20%);
  font-size: clamp(0.82rem, 0.95vw, 0.9rem);
  line-height: 1.35;
  margin: 0;
  max-width: 34ch;
}

.ai-act-overview .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2.2rem, 4vw, 5rem);
  grid-template-columns: minmax(0, 0.92fr) minmax(22rem, 0.9fr);
}

.ai-act-overview__copy {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.65vh, 1.4rem);
  max-width: 47rem;
}

.ai-act-overview__copy h2 {
  font-size: clamp(3rem, 5.7vw, 6rem);
  letter-spacing: 0;
  line-height: 0.92;
  margin: 0;
  max-width: 11ch;
}

.ai-act-overview__lede {
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  font-size: clamp(1.18rem, 1.55vw, 1.45rem);
  line-height: 1.36;
  margin: 0;
  max-width: 36ch;
}

.ai-act-overview__pill {
  align-items: center;
  border-top: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  display: flex;
  gap: 0.7rem;
  font-size: clamp(1.02rem, 1.25vw, 1.16rem);
  line-height: 1.35;
  margin: 0;
  padding-top: clamp(0.85rem, 1.2vh, 1rem);
}

.ai-act-overview__pill strong {
  color: var(--accent-text);
  font-weight: 800;
}

.ai-act-overview__purpose {
  display: grid;
  gap: clamp(0.62rem, 1vh, 0.8rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.ai-act-overview__purpose li {
  color: color-mix(in srgb, var(--text) 91%, var(--muted) 9%);
  display: grid;
  gap: 0.65rem;
  grid-template-columns: auto 1fr;
  font-size: clamp(0.98rem, 1.12vw, 1.08rem);
  line-height: 1.38;
}

.ai-act-overview__purpose li::before {
  background: var(--accent-text);
  border-radius: 999px;
  content: "";
  height: 0.48rem;
  margin-top: 0.45em;
  width: 0.48rem;
}

.ai-act-overview__warning {
  background:
    linear-gradient(135deg, rgba(209, 128, 30, 0.12), rgba(209, 128, 30, 0.02)),
    color-mix(in srgb, var(--paper-soft) 56%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 14px;
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  font-size: clamp(0.94rem, 1.08vw, 1.02rem);
  line-height: 1.4;
  margin: 0;
  padding: clamp(0.88rem, 1.25vw, 1.1rem);
}

:root[data-theme="dark"] .ai-act-overview__warning {
  background:
    linear-gradient(135deg, rgba(209, 128, 30, 0.14), rgba(209, 128, 30, 0.02)),
    rgba(5, 19, 17, 0.26);
  border-color: rgba(243, 232, 214, 0.12);
}

.ai-act-overview__map {
  align-self: center;
  min-height: min(62vh, 34rem);
  position: relative;
}

.ai-act-overview__core {
  align-items: center;
  background:
    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.18), transparent 36%),
    color-mix(in srgb, var(--text) 86%, #111111 14%);
  border-radius: 999px;
  box-shadow:
    0 1.8rem 4rem rgba(18, 31, 29, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
  color: var(--paper);
  display: flex;
  font-family: var(--display);
  font-size: clamp(2rem, 3.2vw, 2.5rem);
  height: clamp(15rem, 30vw, 23rem);
  justify-content: center;
  left: 50%;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: clamp(15rem, 30vw, 23rem);
  z-index: 1;
}

:root[data-theme="dark"] .ai-act-overview__core {
  background:
    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.18), transparent 36%),
    rgba(243, 232, 214, 0.18);
  color: var(--text);
}

.ai-act-overview__node {
  background: var(--node-bg, var(--accent-text));
  border-radius: 22px 22px 22px 6px;
  box-shadow: 0 1rem 2.4rem rgba(18, 31, 29, 0.13);
  color: var(--node-fg, #111111);
  display: grid;
  gap: 0.7rem;
  max-width: 18rem;
  padding: clamp(1rem, 1.45vw, 1.35rem);
  position: absolute;
  width: 46%;
  z-index: 2;
}

.ai-act-overview__node:nth-child(2) {
  left: 0;
  top: 7%;
  --node-bg: #f3d84f;
  --node-fg: #141414;
}

.ai-act-overview__node:nth-child(3) {
  right: 0;
  top: 14%;
  --node-bg: #d98a2e;
  --node-fg: #15110d;
}

.ai-act-overview__node:nth-child(4) {
  bottom: 3%;
  left: 50%;
  transform: translateX(-50%);
  --node-bg: #cf4d34;
  --node-fg: #120f0d;
}

.ai-act-overview__node p {
  font-size: clamp(0.88rem, 1.04vw, 0.98rem);
  line-height: 1.35;
  margin: 0;
}

.ai-act-types .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.6rem, 3vw, 3rem);
  grid-template-rows: auto 1fr;
}

.ai-act-types__header {
  max-width: 72rem;
}

.ai-act-types__header h2 {
  font-size: clamp(3.1rem, 5.7vw, 6rem);
  letter-spacing: 0;
  line-height: 0.9;
  margin: 0;
}

.ai-act-types__subtitle {
  color: color-mix(in srgb, var(--text) 86%, var(--muted) 14%);
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.1vw, 2.1rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.05;
  margin: clamp(0.55rem, 1vh, 0.8rem) 0 0;
}

.ai-act-types__body {
  align-items: center;
  display: grid;
  gap: clamp(1rem, 2vw, 1.8rem);
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.ai-act-types__card {
  align-self: stretch;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--type-accent) 16%, transparent), transparent 58%),
    color-mix(in srgb, var(--paper-soft) 62%, transparent);
  border: 1px solid color-mix(in srgb, var(--type-accent) 38%, var(--line));
  border-radius: 24px;
  box-shadow:
    0 1.5rem 3.4rem rgba(18, 31, 29, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.6vh, 1.35rem);
  min-height: min(48vh, 27rem);
  padding: clamp(1.35rem, 2vw, 1.9rem);
}

:root[data-theme="dark"] .ai-act-types__card {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--type-accent) 18%, transparent), transparent 58%),
    rgba(5, 19, 17, 0.26);
  border-color: color-mix(in srgb, var(--type-accent) 34%, rgba(243, 232, 214, 0.12));
}

.ai-act-types__card[data-tone="blue"] {
  --type-accent: #6db7d7;
}

.ai-act-types__card[data-tone="green"] {
  --type-accent: #80b76f;
}

.ai-act-types__card-head {
  align-items: flex-start;
  display: flex;
  gap: clamp(0.85rem, 1.4vw, 1.1rem);
}

.ai-act-types__icon {
  align-items: center;
  background: color-mix(in srgb, var(--type-accent) 26%, transparent);
  border: 1px solid color-mix(in srgb, var(--type-accent) 50%, transparent);
  border-radius: 16px;
  color: color-mix(in srgb, var(--type-accent) 74%, var(--text));
  display: flex;
  flex: 0 0 auto;
  font-size: clamp(1.5rem, 2.2vw, 2rem);
  height: clamp(3rem, 4.4vw, 4rem);
  justify-content: center;
  width: clamp(3rem, 4.4vw, 4rem);
}

.ai-act-types__card h3 small {
  color: color-mix(in srgb, var(--text) 58%, var(--muted) 42%);
  display: block;
  font-family: var(--mono);
  font-size: clamp(0.62rem, 0.8vw, 0.72rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.4;
  margin-top: 0.3rem;
  text-transform: uppercase;
}

.ai-act-types__card p {
  color: color-mix(in srgb, var(--text) 91%, var(--muted) 9%);
  font-size: clamp(1rem, 1.22vw, 1.14rem);
  line-height: 1.42;
  margin: 0;
}

.ai-act-types__responsibility {
  border-top: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  margin-top: auto;
  padding-top: clamp(0.85rem, 1.4vh, 1rem);
}

.ai-act-types__responsibility strong {
  color: color-mix(in srgb, var(--type-accent) 76%, var(--text));
  display: block;
  font-family: var(--mono);
  font-size: clamp(0.7rem, 0.82vw, 0.78rem);
  letter-spacing: 0.14em;
  margin-bottom: 0.45rem;
  text-transform: uppercase;
}

.ai-act-types__bridge {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.ai-act-types__bridge-line {
  background: color-mix(in srgb, var(--accent-text) 76%, transparent);
  height: 2px;
  width: clamp(3.5rem, 6vw, 5.5rem);
}

.ai-act-types__bridge-dot {
  align-items: center;
  background: var(--accent-text);
  border-radius: 999px;
  box-shadow: 0 0.9rem 2rem rgba(209, 128, 30, 0.24);
  color: #17100b;
  display: flex;
  font-family: var(--display);
  font-size: clamp(1.4rem, 2vw, 1.9rem);
  height: clamp(3.2rem, 4.5vw, 4.2rem);
  justify-content: center;
  width: clamp(3.2rem, 4.5vw, 4.2rem);
}

.ai-act-risk .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.6rem, 3vw, 3.4rem);
  grid-template-columns: minmax(0, 0.7fr) minmax(30rem, 1fr);
}

.ai-act-risk__copy {
  align-self: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.6vh, 1.4rem);
  max-width: 37rem;
}

.ai-act-risk__copy h2 {
  font-size: clamp(2.8rem, 5.25vw, 5.4rem);
  letter-spacing: 0;
  line-height: 0.9;
  margin: 0;
  max-width: 9ch;
  white-space: pre-line;
}

.ai-act-risk__subtitle {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: clamp(1.35rem, 2.1vw, 2.05rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.05;
  margin: 0;
}

.ai-act-risk__lede {
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  font-size: clamp(1.08rem, 1.4vw, 1.28rem);
  line-height: 1.42;
  margin: 0;
  max-width: 34ch;
}

.ai-act-risk__note {
  border-top: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  color: color-mix(in srgb, var(--text) 82%, var(--muted) 18%);
  font-size: clamp(0.92rem, 1.05vw, 1rem);
  line-height: 1.4;
  margin: 0;
  padding-top: clamp(0.85rem, 1.2vh, 1rem);
}

.ai-act-risk__chart {
  align-self: center;
  display: grid;
  gap: clamp(0.48rem, 0.85vh, 0.7rem);
  position: relative;
}

.ai-act-risk__axis {
  align-items: center;
  color: color-mix(in srgb, var(--text) 72%, var(--muted) 28%);
  display: flex;
  font-family: var(--mono);
  font-size: clamp(0.68rem, 0.82vw, 0.78rem);
  font-weight: 700;
  gap: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ai-act-risk__axis::before,
.ai-act-risk__axis::after {
  background: color-mix(in srgb, var(--line) 82%, transparent);
  content: "";
  height: 1px;
}

.ai-act-risk__axis::before {
  width: 2rem;
}

.ai-act-risk__axis::after {
  flex: 1;
}

.ai-act-risk__levels {
  display: grid;
  gap: clamp(0.48rem, 0.74vh, 0.64rem);
}

.ai-act-risk__level {
  align-items: center;
  background: var(--risk-bg);
  border: 1px solid color-mix(in srgb, var(--risk-bg) 66%, var(--line));
  border-radius: 18px;
  box-shadow: 0 1rem 2.4rem rgba(18, 31, 29, 0.09);
  color: var(--risk-fg, #15110d);
  display: grid;
  gap: clamp(0.75rem, 1.2vw, 1rem);
  grid-template-columns: minmax(9rem, 0.34fr) 1fr;
  margin-left: var(--risk-offset);
  min-height: clamp(4.35rem, 7.45vh, 5.6rem);
  padding: clamp(0.72rem, 1.05vw, 0.95rem);
  width: var(--risk-width);
}

.ai-act-risk__level[data-tone="red"] {
  --risk-bg: #cf3434;
  --risk-fg: #fff7ed;
}

.ai-act-risk__level[data-tone="orange"] {
  --risk-bg: #e8794a;
  --risk-fg: #fff7ed;
}

.ai-act-risk__level[data-tone="yellow"] {
  --risk-bg: #f3d967;
  --risk-fg: #211a10;
}

.ai-act-risk__level[data-tone="outline"] {
  --risk-bg: transparent;
  --risk-fg: color-mix(in srgb, var(--text) 82%, var(--muted) 18%);
  border: 2px dashed color-mix(in srgb, var(--text) 48%, transparent);
  box-shadow: none;
}

.ai-act-risk__level h3 {
  font-family: var(--display);
  font-size: clamp(1.22rem, 1.72vw, 1.58rem);
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
}

.ai-act-risk__level p {
  font-size: clamp(0.82rem, 0.94vw, 0.9rem);
  line-height: 1.34;
  margin: 0;
  opacity: 0.92;
}

.ai-act-risk__ladder {
  align-items: center;
  color: color-mix(in srgb, var(--text) 72%, var(--muted) 28%);
  display: flex;
  font-family: var(--mono);
  font-size: clamp(0.66rem, 0.8vw, 0.76rem);
  font-weight: 700;
  gap: 0.65rem;
  justify-content: flex-end;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.ai-act-risk__ladder span {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: clamp(1.3rem, 1.8vw, 1.7rem);
  line-height: 1;
}

.ai-act-responsibility .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2rem, 3.8vw, 4.4rem);
  grid-template-rows: auto 1fr;
}

.ai-act-responsibility__header {
  max-width: 72rem;
}

.ai-act-responsibility__header h2 {
  font-size: clamp(3.1rem, 5.7vw, 6rem);
  letter-spacing: 0;
  line-height: 0.9;
  margin: 0;
}

.ai-act-responsibility__subtitle {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: clamp(1.55rem, 2.45vw, 2.35rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.02;
  margin: clamp(0.5rem, 0.9vh, 0.72rem) 0 0;
}

.ai-act-responsibility__grid {
  align-items: stretch;
  display: grid;
  gap: clamp(1.2rem, 2vw, 1.8rem);
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.ai-act-responsibility__card {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--resp-accent) 15%, transparent), transparent 56%),
    color-mix(in srgb, var(--paper-soft) 62%, transparent);
  border: 1px solid color-mix(in srgb, var(--resp-accent) 38%, var(--line));
  border-radius: 24px;
  box-shadow:
    0 1.5rem 3.5rem rgba(18, 31, 29, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vh, 1.25rem);
  min-height: min(47vh, 27rem);
  padding: clamp(1.35rem, 2vw, 1.85rem);
}

:root[data-theme="dark"] .ai-act-responsibility__card {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--resp-accent) 17%, transparent), transparent 56%),
    rgba(5, 19, 17, 0.26);
  border-color: color-mix(in srgb, var(--resp-accent) 34%, rgba(243, 232, 214, 0.12));
}

.ai-act-responsibility__card[data-tone="salmon"] {
  --resp-accent: #f29a8f;
}

.ai-act-responsibility__card[data-tone="blue"] {
  --resp-accent: #76b8c9;
}

.ai-act-responsibility__eyebrow {
  color: color-mix(in srgb, var(--resp-accent) 72%, var(--text));
  font-family: var(--mono);
  font-size: clamp(0.66rem, 0.78vw, 0.74rem);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ai-act-responsibility__card h3 {
  font-family: var(--display);
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  letter-spacing: 0;
  line-height: 0.98;
  margin: 0;
}

.ai-act-responsibility__example {
  color: color-mix(in srgb, var(--text) 72%, var(--muted) 28%);
  font-size: clamp(1rem, 1.25vw, 1.15rem);
  line-height: 1.32;
  margin: 0;
}

.ai-act-responsibility__list {
  border-top: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  display: grid;
  gap: clamp(0.72rem, 1.2vh, 0.9rem);
  list-style: none;
  margin: auto 0 0;
  padding: clamp(0.95rem, 1.4vh, 1.1rem) 0 0;
}

.ai-act-responsibility__list li {
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  display: grid;
  gap: 0.65rem;
  grid-template-columns: auto 1fr;
  font-size: clamp(1rem, 1.18vw, 1.12rem);
  line-height: 1.38;
}

.ai-act-responsibility__list li::before {
  background: color-mix(in srgb, var(--resp-accent) 78%, var(--text));
  border-radius: 999px;
  content: "";
  height: 0.46rem;
  margin-top: 0.48em;
  width: 0.46rem;
}

.ai-act-responsibility__bridge {
  align-items: center;
  align-self: center;
  color: color-mix(in srgb, var(--text) 66%, var(--muted) 34%);
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  min-width: clamp(3.8rem, 6vw, 5.2rem);
}

.ai-act-responsibility__bridge span {
  align-items: center;
  background: var(--accent-text);
  border-radius: 999px;
  box-shadow: 0 0.9rem 2rem rgba(209, 128, 30, 0.22);
  color: #17100b;
  display: flex;
  font-family: var(--display);
  font-size: clamp(1.5rem, 2.1vw, 1.9rem);
  height: clamp(3.2rem, 4.5vw, 4.2rem);
  justify-content: center;
  width: clamp(3.2rem, 4.5vw, 4.2rem);
}

.ai-act-responsibility__bridge small {
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.7vw, 0.66rem);
  font-weight: 700;
  letter-spacing: 0.13em;
  text-align: center;
  text-transform: uppercase;
}

.ai-act-literacy .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2rem, 4vw, 4.5rem);
  grid-template-columns: minmax(0, 0.96fr) minmax(20rem, 0.72fr);
}

.ai-act-literacy__copy {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.8vh, 1.55rem);
  max-width: 55rem;
}

.ai-act-literacy__copy h2 {
  font-size: clamp(3.3rem, 6.8vw, 6.9rem);
  letter-spacing: 0;
  line-height: 0.86;
  margin: 0;
}

.ai-act-literacy__subtitle {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.35vw, 2.38rem);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1.02;
  margin: 0;
  max-width: 17ch;
}

.ai-act-literacy__principle {
  color: color-mix(in srgb, var(--text) 76%, var(--muted) 24%);
  font-size: clamp(1.04rem, 1.2vw, 1.16rem);
  line-height: 1.42;
  margin: 0;
  max-width: 43ch;
}

.ai-act-literacy__cards {
  display: grid;
  gap: clamp(0.75rem, 1.2vw, 1rem);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(0.2rem, 0.8vh, 0.6rem);
}

.ai-act-literacy__card {
  background: color-mix(in srgb, var(--paper-soft) 66%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 22px;
  box-shadow:
    0 1.2rem 2.6rem rgba(17, 31, 29, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  display: flex;
  flex-direction: column;
  gap: clamp(0.65rem, 1vh, 0.85rem);
  min-height: clamp(8.8rem, 17vh, 10.8rem);
  padding: clamp(1rem, 1.5vw, 1.35rem);
}

:root[data-theme="dark"] .ai-act-literacy__card {
  background: rgba(5, 19, 17, 0.24);
  border-color: rgba(243, 232, 214, 0.12);
}

.ai-act-literacy__icon {
  align-items: center;
  border: 1.5px solid var(--accent-text);
  border-radius: 999px;
  color: var(--accent-text);
  display: flex;
  font-family: var(--display);
  font-size: clamp(0.95rem, 1.25vw, 1.1rem);
  font-weight: 800;
  height: clamp(2rem, 2.8vw, 2.45rem);
  justify-content: center;
  line-height: 1;
  width: clamp(2rem, 2.8vw, 2.45rem);
}

.ai-act-literacy__card h3 {
  font-family: var(--display);
  font-size: clamp(1.16rem, 1.55vw, 1.48rem);
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
}

.ai-act-literacy__card p {
  color: color-mix(in srgb, var(--text) 75%, var(--muted) 25%);
  font-size: clamp(0.84rem, 0.98vw, 0.96rem);
  line-height: 1.32;
  margin: 0;
}

.ai-act-literacy__quote {
  align-self: center;
  background:
    radial-gradient(circle at 18% 16%, rgba(244, 163, 95, 0.18), transparent 34%),
    radial-gradient(circle at 80% 18%, rgba(242, 154, 143, 0.14), transparent 28%),
    linear-gradient(145deg, #54233a, #311522 72%);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: clamp(2.1rem, 3.4vw, 3.2rem);
  box-shadow:
    0 2rem 5rem rgba(31, 12, 22, 0.3),
    0 0 0 1px rgba(255, 255, 255, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
  color: #fff7ed;
  display: grid;
  gap: clamp(1.05rem, 1.8vh, 1.45rem);
  justify-content: stretch;
  min-height: min(48vh, 29rem);
  overflow: hidden;
  padding: clamp(1.75rem, 2.8vw, 2.75rem);
  position: relative;
  width: min(100%, 30.5rem);
}

.ai-act-literacy__quote--graphic {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-height: 0;
  padding: 0;
  width: min(100%, 33rem);
}

.ai-act-literacy__quote-graphic {
  display: block;
  height: auto;
  width: 100%;
}

.ai-act-literacy__quote::before {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.1), transparent 34%),
    radial-gradient(circle at 72% 20%, rgba(255, 255, 255, 0.06), transparent 24%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

:root[data-theme="dark"] .ai-act-literacy__quote {
  box-shadow:
    0 2rem 5.5rem rgba(0, 0, 0, 0.32),
    0 0 0 1px rgba(242, 154, 143, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.ai-act-literacy__quote--graphic::before,
:root[data-theme="dark"] .ai-act-literacy__quote--graphic {
  box-shadow: none;
}

.ai-act-literacy__quote-label {
  align-items: center;
  color: #f4b06f;
  display: flex;
  font-family: var(--display);
  font-size: clamp(0.8rem, 0.95vw, 0.95rem);
  font-weight: 800;
  gap: 0.54rem;
  letter-spacing: 0.11em;
  position: relative;
  text-transform: uppercase;
}

.ai-act-literacy__quote-label span {
  align-items: center;
  border: 1.5px solid currentColor;
  border-radius: 999px;
  display: flex;
  height: clamp(1.7rem, 2.25vw, 2rem);
  justify-content: center;
  width: clamp(1.7rem, 2.25vw, 2rem);
}

.ai-act-literacy__quote blockquote {
  color: #fff4ea;
  font-family: var(--body);
  font-size: clamp(1.05rem, 1.25vw, 1.2rem);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.008em;
  line-height: 1.34;
  margin: 0;
  max-width: 23ch;
  position: relative;
  text-wrap: balance;
}

.ai-act-literacy__date {
  border-top: 1px solid rgba(255, 247, 237, 0.16);
  color: rgba(255, 247, 237, 0.76);
  font-family: var(--mono);
  font-size: clamp(0.6rem, 0.74vw, 0.68rem);
  font-weight: 700;
  letter-spacing: 0.15em;
  line-height: 1.36;
  margin: 0;
  padding-top: 0.85rem;
  text-transform: uppercase;
}

.shadow-ai .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(2rem, 4.4vw, 5.2rem);
  grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 0.78fr);
}

.shadow-ai__copy {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.8vh, 1.55rem);
  max-width: 55rem;
}

.shadow-ai__copy h2 {
  font-size: clamp(3.6rem, 7.2vw, 7.2rem);
  letter-spacing: 0;
  line-height: 0.86;
  margin: 0;
}

.shadow-ai__subtitle {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.35vw, 2.38rem);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1.02;
  margin: 0;
  max-width: 19ch;
}

.shadow-ai__modules {
  display: grid;
  gap: clamp(0.8rem, 1.2vw, 1rem);
  grid-template-columns: minmax(0, 1fr);
  max-width: 42rem;
}

.shadow-ai__module {
  background: color-mix(in srgb, var(--paper-soft) 68%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 22px;
  display: grid;
  gap: clamp(0.55rem, 0.9vh, 0.78rem);
  min-height: clamp(8.5rem, 16vh, 10.2rem);
  padding: clamp(1rem, 1.6vw, 1.35rem);
}

:root[data-theme="dark"] .shadow-ai__module {
  background: rgba(5, 19, 17, 0.28);
  border-color: rgba(243, 232, 214, 0.13);
}

.shadow-ai__module > span,
.shadow-ai__stat-label {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.64rem, 0.78vw, 0.74rem);
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.shadow-ai__module p {
  color: color-mix(in srgb, var(--text) 82%, var(--muted) 18%);
  font-family: var(--body);
  font-size: clamp(1rem, 1.16vw, 1.1rem);
  font-weight: 560;
  letter-spacing: -0.02em;
  line-height: 1.36;
  margin: 0;
  text-transform: none;
}

.shadow-ai__stat {
  align-items: center;
  background:
    radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--accent-text) 22%, transparent), transparent 36%),
    color-mix(in srgb, var(--ink) 8%, var(--paper-soft) 64%);
  border: 1px solid color-mix(in srgb, var(--accent-text) 38%, var(--line));
  border-radius: 28px;
  display: grid;
  gap: clamp(0.35rem, 0.8vh, 0.6rem);
  grid-template-columns: auto 1fr;
  padding: clamp(1rem, 1.75vw, 1.45rem);
}

.shadow-ai__data {
  align-self: center;
  background:
    radial-gradient(circle at 22% 18%, rgba(209, 128, 30, 0.24), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--paper-soft) 72%, transparent), color-mix(in srgb, var(--paper) 90%, var(--ink) 10%));
  border: 1px solid color-mix(in srgb, var(--accent-text) 34%, var(--line));
  border-radius: clamp(2rem, 4vw, 3.4rem);
  box-shadow:
    0 2rem 5rem rgba(47, 37, 22, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vh, 1.6rem);
  justify-content: center;
  min-height: min(60vh, 38rem);
  padding: clamp(2rem, 3.6vw, 3.4rem);
}

:root[data-theme="dark"] .shadow-ai__data {
  background:
    radial-gradient(circle at 22% 18%, rgba(209, 128, 30, 0.24), transparent 34%),
    rgba(5, 19, 17, 0.34);
  border-color: color-mix(in srgb, var(--accent-text) 38%, rgba(243, 232, 214, 0.1));
  box-shadow:
    0 2rem 5rem rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.shadow-ai__data .shadow-ai__stat {
  background: transparent;
  border: 0;
  box-shadow: none;
  gap: clamp(0.8rem, 1.7vh, 1.15rem);
  grid-template-columns: minmax(0, 1fr);
  padding: 0;
}

:root[data-theme="dark"] .shadow-ai__stat {
  background:
    radial-gradient(circle at 18% 22%, rgba(209, 128, 30, 0.2), transparent 38%),
    rgba(5, 19, 17, 0.3);
  border-color: color-mix(in srgb, var(--accent-text) 42%, rgba(243, 232, 214, 0.1));
}

.shadow-ai__stat-label {
  grid-column: 1 / -1;
}

.shadow-ai__stat-number {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: clamp(5.8rem, 12vw, 12rem);
  font-weight: 900;
  letter-spacing: -0.085em;
  line-height: 0.82;
}

.shadow-ai__stat-text {
  color: var(--text);
  font-size: clamp(1.24rem, 2vw, 1.9rem);
  font-weight: 720;
  letter-spacing: -0.04em;
  line-height: 1.08;
  margin: 0;
}

.shadow-ai__stat-secondary {
  color: color-mix(in srgb, var(--text) 74%, var(--muted) 26%);
  font-size: clamp(1.02rem, 1.35vw, 1.22rem);
  grid-column: auto;
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0;
}

.shadow-ai__source {
  color: color-mix(in srgb, var(--muted) 88%, var(--text) 12%);
  font-family: var(--mono);
  font-size: clamp(0.62rem, 0.75vw, 0.72rem);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4;
  margin: 0;
  text-transform: uppercase;
}

.shadow-ai__data .shadow-ai__source {
  border-top: 1px solid color-mix(in srgb, var(--line) 72%, transparent);
  padding-top: clamp(0.9rem, 1.5vh, 1.1rem);
}

.shadow-ai__visual {
  aspect-ratio: 0.72;
  background:
    linear-gradient(180deg, rgba(255, 247, 229, 0.16), transparent 42%),
    linear-gradient(145deg, #c7b895, #eadcc0 55%, #a99266);
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: 28px;
  box-shadow:
    0 2rem 5rem rgba(47, 37, 22, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
  min-height: min(62vh, 40rem);
  overflow: hidden;
  position: relative;
}

:root[data-theme="dark"] .shadow-ai__visual {
  filter: saturate(0.82) brightness(0.78);
}

.shadow-ai__visual::before {
  background:
    repeating-linear-gradient(90deg, rgba(61, 48, 32, 0.18) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(0deg, rgba(61, 48, 32, 0.13) 0 1px, transparent 1px 9px);
  content: "";
  inset: 0;
  opacity: 0.4;
  position: absolute;
}

.shadow-ai__cloud {
  background:
    radial-gradient(ellipse at 52% 18%, rgba(61, 48, 32, 0.54), transparent 31%),
    radial-gradient(ellipse at 60% 42%, rgba(61, 48, 32, 0.42), transparent 36%),
    radial-gradient(ellipse at 49% 64%, rgba(61, 48, 32, 0.33), transparent 34%),
    repeating-linear-gradient(90deg, rgba(65, 49, 29, 0.2) 0 1px, transparent 1px 7px);
  filter: blur(0.2px);
  inset: -8% -8% 13% 18%;
  opacity: 0.72;
  position: absolute;
  transform: skewX(-8deg);
}

.shadow-ai__figures {
  bottom: 7%;
  display: grid;
  gap: 8%;
  grid-template-columns: repeat(4, 1fr);
  left: 10%;
  position: absolute;
  right: 8%;
  z-index: 2;
}

.shadow-ai__figure {
  aspect-ratio: 0.42;
  position: relative;
}

.shadow-ai__figure::before {
  background:
    radial-gradient(circle at 50% 18%, #f9f0d9 0 14%, transparent 15%),
    linear-gradient(180deg, #fbf2db 0 46%, #c9b78d 47% 100%);
  border-radius: 50% 50% 12% 12%;
  bottom: 22%;
  content: "";
  left: 20%;
  position: absolute;
  right: 20%;
  top: 0;
}

.shadow-ai__figure::after {
  background: rgba(70, 52, 31, 0.62);
  border-radius: 999px;
  bottom: 0;
  content: "";
  height: 22%;
  left: 0;
  opacity: 0.32;
  position: absolute;
  right: 0;
}

.shadow-ai__desk {
  background: rgba(255, 250, 231, 0.82);
  border-radius: 999px;
  bottom: 12%;
  box-shadow: 0 0.7rem 1.3rem rgba(69, 49, 27, 0.18);
  height: 3.5%;
  left: 5%;
  position: absolute;
  right: 4%;
  z-index: 1;
}

.shadow-ai__visual-label {
  bottom: clamp(1rem, 2vw, 1.5rem);
  color: rgba(52, 41, 28, 0.66);
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.72vw, 0.68rem);
  font-weight: 800;
  letter-spacing: 0.14em;
  position: absolute;
  right: clamp(1rem, 2vw, 1.5rem);
  text-transform: uppercase;
  z-index: 3;
}

.process-steps {
  display: grid;
  gap: clamp(0.7rem, 1.2vw, 1rem);
  grid-template-columns: 1fr;
  max-height: min(56vh, 31rem);
}

.process-steps .step-item {
  display: grid;
  gap: clamp(0.45rem, 0.8vh, 0.7rem);
  grid-template-columns: 1fr;
  min-height: clamp(5rem, 10vh, 6.6rem);
}

.process-steps .step-item strong {
  color: var(--accent-text);
}

.process-lane .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.4rem, 3vw, 2.8rem);
  grid-template-columns: minmax(0, 0.88fr) minmax(20rem, 0.82fr);
}

.process-copy {
  align-self: center;
  display: grid;
  gap: clamp(0.9rem, 1.8vh, 1.4rem);
  max-width: 38rem;
}

.process-copy .subtitle {
  max-width: 30rem;
}

.prompt-process-timeline .slide-content {
  align-items: start;
  display: grid;
  gap: clamp(1.35rem, 2.8vh, 2.2rem);
  justify-content: center;
}

.prompt-process-timeline__intro {
  display: grid;
  gap: clamp(0.85rem, 1.6vh, 1.2rem);
  max-width: min(54rem, 100%);
}

.prompt-process-timeline__intro .subtitle {
  max-width: 48rem;
}

.prompt-process-timeline__track {
  display: grid;
  gap: clamp(0.55rem, 1vw, 0.9rem);
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
}

.prompt-process-timeline__step {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.06), rgba(209, 128, 30, 0.018) 32%, transparent 62%),
    color-mix(in srgb, var(--paper-soft) 66%, transparent);
  border: 1px solid color-mix(in srgb, var(--line) 82%, transparent);
  border-radius: clamp(1.6rem, 2.8vw, 2.2rem);
  box-shadow: 0 1.2rem 2.8rem rgba(18, 31, 29, 0.08);
  display: grid;
  gap: clamp(0.5rem, 1vh, 0.72rem);
  min-height: clamp(18rem, 36vh, 23rem);
  padding: clamp(1rem, 1.6vw, 1.35rem);
}

:root[data-theme="dark"] .prompt-process-timeline__step {
  background:
    linear-gradient(180deg, rgba(209, 128, 30, 0.08), rgba(209, 128, 30, 0.02) 30%, transparent 62%),
    rgba(5, 19, 17, 0.36);
  box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, 0.16);
}

.prompt-process-timeline__step-index {
  color: var(--accent-fill);
  font-family: var(--mono);
  font-size: clamp(0.6rem, 0.76vw, 0.72rem);
  font-weight: 700;
  letter-spacing: 0.16em;
  margin: 0;
  text-transform: uppercase;
}

.prompt-process-timeline__step h3 {
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.98;
  margin: 0;
}

.prompt-process-timeline__step p {
  color: color-mix(in srgb, var(--text) 91%, var(--muted) 9%);
  font-size: clamp(0.96rem, 1.14vw, 1.08rem);
  line-height: 1.42;
  margin: 0;
}

.prompt-process-timeline__step .prompt-process-timeline__step-index {
  color: var(--accent-fill);
  font-size: clamp(0.6rem, 0.76vw, 0.72rem);
}

.prompt-process-timeline__arrow {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}

.prompt-process-timeline__arrow::before {
  background: color-mix(in srgb, var(--line) 70%, transparent);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.prompt-process-timeline__arrow span {
  background: color-mix(in srgb, var(--paper) 92%, transparent);
  color: var(--accent-fill);
  display: inline-block;
  font-family: var(--display);
  font-size: clamp(1.55rem, 2.25vw, 2rem);
  line-height: 1;
  padding: 0.08rem 0.24rem;
  position: relative;
  z-index: 1;
}

:root[data-theme="dark"] .prompt-process-timeline__arrow span {
  background: rgba(8, 24, 22, 0.92);
  box-shadow: 0 0 0 0.16rem rgba(8, 24, 22, 0.92);
  color: var(--accent-fill);
}

.closing-signal .slide-content {
  align-items: flex-start;
  justify-content: center;
}

.center-question .slide-content {
  align-items: center;
  gap: clamp(1rem, 2.4vh, 1.8rem);
  justify-content: center;
  text-align: center;
}

.center-question .signal-pin {
  justify-content: center;
}

.center-question .signal-pin::before {
  margin-inline: auto 0;
}

.center-question h2 {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(2.65rem, 4.6vw, 5.15rem);
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.06;
  max-width: min(64rem, 78vw);
  text-wrap: balance;
}

.center-question .body-copy {
  color: var(--muted);
  font-size: clamp(1.15rem, 1.45vw, 1.5rem);
  font-weight: 650;
  max-width: 42rem;
}

.visual-points-layout {
  --content-max-width: clamp(74rem, 90vw, 100rem);
}

.visual-points-layout .slide-content {
  align-items: end;
  display: grid;
  gap: clamp(2.2rem, 4.4vw, 5rem);
  grid-template-columns: minmax(0, 0.92fr) minmax(23rem, 0.86fr);
  justify-content: center;
  min-height: min(78vh, 48rem);
}

.visual-points__copy {
  display: grid;
  gap: clamp(1rem, 2vh, 1.55rem);
  margin-bottom: clamp(2rem, 6vh, 5rem);
  max-width: 47rem;
}

.visual-points-layout .subtitle {
  max-width: 34rem;
}

.visual-points__items {
  display: grid;
  border-bottom: 1px solid color-mix(in srgb, var(--line-strong) 78%, transparent);
  border-top: 1px solid color-mix(in srgb, var(--line-strong) 78%, transparent);
  gap: 0;
  margin-top: clamp(0.3rem, 1vh, 0.85rem);
  max-width: min(38rem, 100%);
}

.visual-points__item {
  align-items: center;
  background: transparent;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--line-strong) 68%, transparent);
  border-radius: 0;
  box-shadow: none;
  color: var(--text);
  display: grid;
  gap: clamp(0.8rem, 1.1vw, 1.15rem);
  grid-template-columns: auto minmax(0, 1fr);
  min-height: auto;
  padding: clamp(0.72rem, 1.35vh, 1.05rem) 0;
}

.visual-points__item:last-child {
  border-bottom: 0;
}

.visual-points__icon {
  align-items: center;
  aspect-ratio: 1;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--accent-text);
  display: inline-grid;
  place-items: center;
  transform: translateY(-0.34em);
  width: clamp(1.15rem, 1.55vw, 1.5rem);
}

.visual-points__icon svg {
  fill: none;
  height: 100%;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-width: 1.7;
  vector-effect: non-scaling-stroke;
  width: 100%;
}

.visual-points__item strong {
  color: var(--text);
  font-family: var(--ui);
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 1.16;
  text-transform: none;
}

.visual-points__image-panel {
  align-self: end;
  aspect-ratio: auto;
  border-radius: 0;
  isolation: isolate;
  height: min(80vh, 47rem);
  margin-bottom: calc(-1 * clamp(1.2rem, 4vw, 4.2rem));
  max-height: none;
  overflow: hidden;
  position: relative;
  width: min(100%, clamp(25rem, 36vw, 42rem));
}

.visual-points__image-panel::before {
  content: none;
}

.visual-points__image-panel img {
  display: block;
  filter: none;
  height: 100%;
  mask-image: none;
  max-height: none;
  object-fit: contain;
  object-position: center bottom;
  width: 100%;
}

:root[data-theme="dark"] .visual-points__image-panel::before {
  content: none;
}

:root[data-theme="dark"] .visual-points__image-panel img {
  filter: none;
}

.closing-signal h2 {
  font-size: clamp(2.7rem, 4.2vw, 4.4rem);
  max-width: 12ch;
}

.closing-cta {
  color: var(--accent-text-soft);
  display: grid;
  font-family: var(--body);
  font-size: clamp(1rem, 1.18vw, 1.16rem);
  font-weight: 800;
  gap: 0.75rem;
  letter-spacing: 0;
  line-height: 1.34;
  max-width: min(38rem, 58vw);
  padding-top: clamp(0.9rem, 1.6vh, 1.2rem);
  position: relative;
  text-transform: none;
}

.closing-cta::before {
  background: color-mix(in srgb, var(--orange) 76%, transparent);
  content: "";
  height: 1px;
  width: clamp(3rem, 5vw, 4.5rem);
}

.thank-you-contact {
  --content-max-width: 100%;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--bg) 92%, var(--ink) 8%) 0%, var(--bg) 50%, color-mix(in srgb, var(--bg) 78%, var(--stone) 22%) 100%);
}

.thank-you-contact .slide-content {
  align-items: stretch;
  display: grid;
  gap: clamp(2.2rem, 5vh, 4.8rem);
  grid-template-columns: minmax(25rem, 0.78fr) minmax(30rem, 1.08fr);
  justify-content: stretch;
  margin-inline: 0;
  padding-block: clamp(3.2rem, 6vh, 5.6rem);
  padding-inline: clamp(4rem, 7vh, 6.8rem) 0;
  width: 100%;
}

.thank-you-contact__copy {
  align-self: center;
  display: grid;
  gap: clamp(0.95rem, 2vh, 1.55rem);
  max-width: 42rem;
  padding-bottom: clamp(1rem, 3vh, 2.4rem);
  position: relative;
  z-index: 2;
}

.thank-you-contact__copy h2 {
  color: var(--text);
  font-size: clamp(3.4rem, 7.2vh, 5.2rem);
  letter-spacing: 0;
  line-height: 0.94;
  text-wrap: balance;
}

.thank-you-contact__intro {
  color: color-mix(in srgb, var(--text) 90%, var(--muted) 10%);
  font-size: clamp(1.15rem, 2.05vh, 1.45rem);
  font-weight: 800;
  line-height: 1.45;
}

.thank-you-contact__details {
  display: grid;
  gap: clamp(0.55rem, 1.2vh, 0.85rem);
  margin-top: clamp(0.3rem, 1vh, 0.7rem);
  max-width: 36rem;
  padding-block: clamp(1.2rem, 2.6vh, 1.8rem);
  position: relative;
}

.thank-you-contact__details::before,
.thank-you-contact__details::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent-text) 60%, transparent), transparent);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: min(100%, 30rem);
}

.thank-you-contact__details::before {
  top: 0;
}

.thank-you-contact__details::after {
  bottom: 0;
}

.thank-you-contact__line {
  color: color-mix(in srgb, var(--text) 92%, var(--muted) 8%);
  font-size: clamp(1rem, 1.78vh, 1.22rem);
  line-height: 1.45;
}

.thank-you-contact__line strong {
  color: var(--accent-text);
  font-weight: 800;
}

.thank-you-contact__line a {
  color: inherit;
  text-decoration-color: color-mix(in srgb, var(--accent-text) 62%, transparent);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.14em;
}

.thank-you-contact__line a:hover,
.thank-you-contact__line a:focus-visible {
  color: var(--accent-text);
}

.thank-you-contact__signature {
  display: grid;
  gap: clamp(0.15rem, 0.45vh, 0.35rem);
  margin-top: clamp(0.7rem, 2vh, 1.5rem);
  width: min(31rem, 100%);
}

.thank-you-contact__signature img {
  display: block;
  filter: none;
  height: auto;
  max-height: clamp(5.6rem, 13vh, 8.4rem);
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  width: auto;
}

:root[data-theme="dark"] .thank-you-contact__signature img {
  filter: brightness(0) invert(1);
}

.thank-you-contact__visual {
  align-self: center;
  display: grid;
  height: 100%;
  isolation: isolate;
  justify-items: end;
  min-height: 0;
  overflow: hidden;
  position: relative;
}

.thank-you-contact__portrait-frame {
  align-self: end;
  background: color-mix(in srgb, var(--stone) 36%, var(--bg) 64%);
  border-radius: clamp(1.1rem, 2.4vh, 1.8rem) 0 0 clamp(1.1rem, 2.4vh, 1.8rem);
  box-shadow: -2rem 2rem 5.4rem color-mix(in srgb, var(--shadow) 74%, transparent);
  height: min(calc(100dvh - clamp(5.8rem, 10vh, 8rem)), 58rem);
  min-height: min(36rem, 74vh);
  overflow: hidden;
  position: relative;
  width: min(100%, 55rem);
}

.thank-you-contact__portrait-frame::after {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--bg) 88%, transparent) 0%, transparent 22%),
    linear-gradient(0deg, color-mix(in srgb, var(--bg) 24%, transparent), transparent 34%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.thank-you-contact__portrait-frame img {
  display: block;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center 38%;
  width: 100%;
}

.thank-you-contact__site {
  align-self: end;
  color: color-mix(in srgb, var(--text) 82%, var(--muted) 18%);
  font-size: clamp(0.95rem, 1.65vh, 1.12rem);
  line-height: 1.3;
  margin-top: clamp(0.6rem, 2vh, 1.2rem);
}

.thank-you-contact__site a {
  color: inherit;
  text-decoration-color: color-mix(in srgb, var(--accent-text) 48%, transparent);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

:root[data-theme="dark"] .thank-you-contact {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--bg) 86%, #06110f 14%) 0%, var(--bg) 50%, color-mix(in srgb, var(--bg-glow) 44%, var(--bg) 56%) 100%);
}

:root[data-theme="dark"] .thank-you-contact__portrait-frame {
  background: color-mix(in srgb, var(--bg-glow) 44%, var(--bg) 56%);
}

@media (max-width: 980px) {
  .thank-you-contact .slide-content {
    grid-template-columns: 1fr;
    padding-inline: clamp(1.2rem, 4vw, 2.4rem);
  }

  .thank-you-contact__visual {
    display: none;
  }
}

.design-system-overview {
  --system-muted: color-mix(in srgb, var(--muted) 78%, var(--bg) 22%);
  --system-surface: color-mix(in srgb, var(--paper-soft) 78%, var(--bg) 22%);
}

.design-system-overview .slide-content {
  display: grid;
  gap: clamp(1.4rem, 3vh, 2.8rem);
  justify-content: center;
  padding-top: clamp(4rem, 9vh, 6.8rem);
}

.system-hero {
  display: grid;
  gap: clamp(0.55rem, 1.3vh, 1rem);
  max-width: min(62rem, 84vw);
}

.system-eyebrow,
.system-section-label,
.component-label,
.component-meta,
.chat-side-label,
.triangle-token-label {
  color: var(--system-muted, var(--muted));
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.72vw, 0.72rem);
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.2;
  text-transform: uppercase;
}

.system-title {
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(2.85rem, 4.9vw, 5.6rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.93;
  max-width: 13ch;
}

.system-title span {
  color: color-mix(in srgb, var(--text) 42%, var(--muted) 58%);
}

.system-intro,
.system-section-desc {
  color: var(--system-muted, var(--muted));
  font-size: clamp(0.94rem, 1.12vw, 1.12rem);
  font-weight: 500;
  line-height: 1.58;
  max-width: min(45rem, 66vw);
}

.system-index-grid {
  display: grid;
  gap: clamp(0.72rem, 1.2vw, 1rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.system-index-card,
.component-card,
.component-showcase-card,
.triangle-token,
.triangle-callout,
.chat-bubble,
.preview-card {
  background: color-mix(in srgb, var(--paper-soft) 76%, transparent);
  border: 1px solid var(--line);
  border-radius: 8px;
}

:root[data-theme="dark"] .system-index-card,
:root[data-theme="dark"] .component-card,
:root[data-theme="dark"] .component-showcase-card,
:root[data-theme="dark"] .triangle-token,
:root[data-theme="dark"] .triangle-callout,
:root[data-theme="dark"] .chat-bubble,
:root[data-theme="dark"] .preview-card {
  background: rgba(5, 19, 17, 0.36);
  border-color: rgba(243, 232, 214, 0.15);
}

.system-index-card {
  display: grid;
  gap: 0.72rem;
  min-height: clamp(9.4rem, 18vh, 12rem);
  padding: clamp(0.86rem, 1.4vw, 1.12rem);
}

.system-index-card strong {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(0.94rem, 1.05vw, 1.08rem);
  font-weight: 900;
  line-height: 1.1;
}

.system-index-card p {
  color: var(--system-muted, var(--muted));
  font-size: clamp(0.72rem, 0.84vw, 0.84rem);
  font-weight: 500;
  line-height: 1.48;
}

.system-index-number {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.62rem, 0.76vw, 0.76rem);
  font-weight: 800;
  letter-spacing: 0.08em;
}

.component-gallery .slide-content,
.chat-dialogue .slide-content,
.triangle-lab .slide-content {
  align-items: center;
  display: grid;
  gap: clamp(1.4rem, 3vw, 3.2rem);
  grid-template-columns: minmax(17rem, 0.66fr) minmax(0, 1.18fr);
}

.component-single .slide-content {
  align-content: center;
  display: grid;
  gap: clamp(1.5rem, 3.2vh, 2.5rem);
  grid-template-columns: 1fr;
}

.component-single .system-section-copy {
  max-width: min(42rem, 50vw);
}

.component-single .system-section-copy h2 {
  max-width: none;
}

.system-section-copy {
  align-self: center;
  display: grid;
  gap: clamp(0.72rem, 1.5vh, 1.2rem);
  max-width: 34rem;
}

.system-section-copy h2 {
  max-width: 10ch;
}

.component-grid {
  display: grid;
  gap: clamp(0.72rem, 1.2vw, 1rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-height: min(68vh, 40rem);
}

.component-card {
  display: grid;
  gap: clamp(0.62rem, 1vh, 0.82rem);
  min-height: clamp(9rem, 19vh, 12.4rem);
  padding: clamp(0.82rem, 1.3vw, 1.08rem);
}

.component-card__head {
  align-items: baseline;
  display: flex;
  gap: 0.8rem;
  justify-content: space-between;
}

.component-card h3 {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(0.92rem, 1.08vw, 1.08rem);
  font-weight: 900;
  line-height: 1.1;
}

.component-card p {
  color: var(--system-muted, var(--muted));
  font-size: clamp(0.64rem, 0.74vw, 0.76rem);
  font-weight: 500;
  line-height: 1.45;
}

.component-frame {
  align-self: stretch;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 68%, transparent), color-mix(in srgb, var(--paper-soft) 58%, transparent));
  border: 1px dashed color-mix(in srgb, var(--line-strong) 82%, transparent);
  border-radius: 8px;
  display: grid;
  min-height: clamp(4.4rem, 8.8vh, 6.2rem);
  overflow: hidden;
  padding: clamp(0.72rem, 1.1vw, 0.9rem);
}

.component-showcase-card {
  background: transparent;
  border: 0;
  display: grid;
  gap: clamp(0.9rem, 1.6vh, 1.3rem);
  padding: 0;
}

:root[data-theme="dark"] .component-showcase-card {
  background: transparent;
  border: 0;
}

.component-showcase-card h3 {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(1.35rem, 2.1vw, 2rem);
  font-weight: 900;
  line-height: 1.06;
}

.component-showcase-card p {
  color: var(--system-muted, var(--muted));
  font-size: clamp(0.82rem, 1vw, 1rem);
  font-weight: 600;
  line-height: 1.55;
  max-width: 42rem;
}

.component-showcase-frame {
  align-items: center;
  min-height: min(38vh, 24rem);
  padding: clamp(1.2rem, 2.4vw, 2rem);
}

.component-showcase-frame .preview-title {
  font-size: clamp(2.4rem, 5vw, 4.8rem);
}

.component-showcase-frame .preview-stats,
.component-showcase-frame .preview-quote-pair,
.component-showcase-frame .preview-code-split {
  gap: clamp(0.8rem, 1.4vw, 1.15rem);
}

.component-showcase-frame .preview-card {
  min-height: clamp(4.5rem, 9vh, 7rem);
  padding: clamp(0.9rem, 1.5vw, 1.2rem);
}

.quote-pair-layout {
  align-items: end;
  display: grid;
  gap: clamp(1.2rem, 2.4vw, 2rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto minmax(0, 1fr);
}

.quote-pair-layout .system-section-copy {
  align-self: end;
  max-width: min(38rem, 46vw);
}

.quote-pair-row {
  display: grid;
  gap: clamp(1rem, 2vw, 1.6rem);
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quote-pair-card {
  background: color-mix(in srgb, var(--paper-soft) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--line-strong) 76%, transparent);
  border-radius: 8px;
  display: grid;
  gap: clamp(1rem, 1.8vh, 1.35rem);
  min-height: min(36vh, 23rem);
  padding: clamp(1.2rem, 2vw, 1.8rem);
  position: relative;
}

.quote-pair-card::before {
  color: color-mix(in srgb, var(--logo-dot) 84%, var(--terrazzo-peach) 16%);
  content: "“";
  font-family: var(--display);
  font-size: clamp(3.7rem, 6vw, 6rem);
  line-height: 0.8;
}

.quote-pair-card blockquote {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(1.22rem, 1.9vw, 1.85rem);
  font-weight: 900;
  line-height: 1.16;
  max-width: 17ch;
  text-align: left;
}

.quote-person {
  align-items: center;
  align-self: end;
  display: flex;
  gap: 0.7rem;
  justify-self: start;
  text-align: left;
}

.quote-person > img,
.quote-person > .quote-avatar-fallback {
  background: color-mix(in srgb, var(--ink) 76%, var(--cream) 24%);
  border: 1px solid color-mix(in srgb, var(--cream) 52%, transparent);
  border-radius: 50%;
  color: var(--cream);
  display: grid;
  flex: 0 0 auto;
  font-family: var(--mono);
  font-size: 0.68rem;
  font-weight: 900;
  height: clamp(2.35rem, 3.4vw, 3rem);
  max-height: none;
  object-fit: cover;
  place-items: center;
  width: clamp(2.35rem, 3.4vw, 3rem);
}

.quote-person p {
  display: grid;
  gap: 0.14rem;
}

.quote-person strong {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(0.88rem, 1vw, 1rem);
  font-weight: 900;
  line-height: 1.1;
}

.quote-person small {
  color: var(--system-muted, var(--muted));
  font-size: clamp(0.68rem, 0.78vw, 0.78rem);
  font-weight: 700;
  line-height: 1.2;
}

.preview-lines {
  display: grid;
  gap: 0.36rem;
}

.preview-line {
  background: color-mix(in srgb, var(--text) 14%, transparent);
  border-radius: 999px;
  height: 0.34rem;
}

.preview-title {
  color: var(--text);
  font-family: var(--display);
  font-size: clamp(1.28rem, 2vw, 2rem);
  line-height: 0.96;
}

.preview-dim {
  color: color-mix(in srgb, var(--text) 44%, var(--muted) 56%);
}

.preview-cols,
.preview-stats,
.preview-quote-pair,
.preview-code-split {
  display: grid;
  gap: 0.58rem;
}

.preview-cols {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.preview-stats {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.preview-card {
  display: grid;
  gap: 0.35rem;
  padding: 0.58rem;
}

.preview-card strong {
  color: var(--text);
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 800;
}

.preview-card span {
  color: var(--system-muted, var(--muted));
  font-size: 0.62rem;
  line-height: 1.35;
}

.preview-flow {
  align-items: start;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  position: relative;
}

.preview-flow::before {
  background: var(--line-strong);
  content: "";
  height: 1px;
  left: 8%;
  position: absolute;
  right: 8%;
  top: 0.38rem;
}

.preview-dot-step {
  display: grid;
  gap: 0.46rem;
  justify-items: center;
  text-align: center;
}

.preview-dot-step::before {
  background: var(--text);
  border-radius: 50%;
  content: "";
  height: 0.54rem;
  position: relative;
  width: 0.54rem;
  z-index: 1;
}

.preview-dot-step span {
  color: var(--system-muted, var(--muted));
  font-family: var(--mono);
  font-size: 0.56rem;
  font-weight: 700;
}

.preview-quote-pair {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.preview-quote-pair .preview-card:nth-child(2),
.preview-code-split .preview-card:nth-child(1),
.preview-code-split .preview-card:nth-child(2) {
  background: color-mix(in srgb, var(--text) 90%, var(--bg) 10%);
  color: var(--bg);
}

.preview-code-split {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.preview-code-split .preview-card:nth-child(1) span,
.preview-code-split .preview-card:nth-child(2) span,
.preview-quote-pair .preview-card:nth-child(2) span {
  color: color-mix(in srgb, var(--bg) 72%, var(--muted) 28%);
}

.chat-board {
  display: grid;
  gap: clamp(0.9rem, 1.6vh, 1.25rem);
  max-width: min(48rem, 100%);
  min-height: auto;
  padding: 0;
  width: 100%;
}

.chat-window-label {
  align-items: center;
  color: var(--system-muted, var(--muted));
  display: flex;
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.72vw, 0.72rem);
  font-weight: 800;
  justify-content: space-between;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.chat-window-label span:last-child {
  color: var(--accent-text);
}

.chat-thread {
  align-content: center;
  display: grid;
  gap: clamp(0.9rem, 1.55vh, 1.25rem);
}

.chat-message {
  align-items: flex-start;
  display: flex;
  gap: clamp(0.5rem, 0.9vw, 0.7rem);
  max-width: min(80%, 34rem);
}

.chat-message.is-user {
  flex-direction: row-reverse;
  justify-self: end;
}

.chat-message.is-ai {
  justify-self: start;
}

.chat-avatar {
  align-items: center;
  background: color-mix(in srgb, var(--ink) 82%, var(--logo-dot) 18%);
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 50%;
  color: var(--cream);
  display: inline-grid;
  flex: 0 0 auto;
  font-family: var(--mono);
  font-size: clamp(0.6rem, 0.72vw, 0.72rem);
  font-weight: 900;
  height: clamp(2.4rem, 3.5vw, 3.1rem);
  letter-spacing: 0.04em;
  overflow: hidden;
  place-items: center;
  width: clamp(2.4rem, 3.5vw, 3.1rem);
}

.chat-avatar img {
  height: 100%;
  max-height: none;
  object-fit: cover;
  width: 100%;
}

.chat-bubble {
  border-radius: 22px;
  display: grid;
  gap: 0.34rem;
  padding: clamp(0.78rem, 1.15vw, 1rem) clamp(0.95rem, 1.45vw, 1.25rem);
  position: relative;
}

.chat-bubble.is-user {
  background: linear-gradient(135deg, color-mix(in srgb, var(--terrazzo-peach) 64%, var(--tan) 36%), color-mix(in srgb, var(--tan) 72%, var(--terrazzo-peach) 28%));
  border-color: color-mix(in srgb, var(--terrazzo-peach) 54%, var(--tan) 46%);
  border-bottom-right-radius: 6px;
  color: color-mix(in srgb, var(--cream) 88%, var(--ink) 12%);
}

.chat-bubble.is-ai {
  background: color-mix(in srgb, var(--cream) 92%, var(--paper-soft) 8%);
  border-color: rgba(243, 232, 214, 0.32);
  border-bottom-left-radius: 6px;
  color: var(--ink);
}

:root[data-theme="dark"] .chat-bubble.is-user {
  background: linear-gradient(135deg, color-mix(in srgb, var(--terrazzo-peach) 58%, var(--tan) 42%), color-mix(in srgb, var(--tan) 78%, var(--terrazzo-peach) 22%));
  border-color: color-mix(in srgb, var(--terrazzo-peach) 48%, var(--tan) 52%);
  color: color-mix(in srgb, var(--cream) 86%, var(--ink) 14%);
}

:root[data-theme="dark"] .chat-bubble.is-ai {
  background: rgba(246, 237, 220, 0.92);
}

.chat-bubble__label {
  color: currentColor;
  font-family: var(--mono);
  font-size: clamp(0.54rem, 0.66vw, 0.66rem);
  font-weight: 900;
  letter-spacing: 0.1em;
  opacity: 0.72;
  text-transform: uppercase;
}

.chat-bubble p {
  color: currentColor;
  font-size: clamp(0.82rem, 1.02vw, 1rem);
  font-weight: 700;
  line-height: 1.45;
}

.triangle-lab .slide-content {
  grid-template-columns: minmax(18rem, 0.58fr) minmax(0, 1.22fr);
}

.triangle-stage {
  align-items: center;
  display: grid;
  gap: clamp(1.7rem, 3.6vw, 3.8rem);
  grid-template-columns: minmax(23rem, 0.92fr) minmax(16rem, 0.58fr);
  position: relative;
}

.triangle-model {
  align-items: end;
  aspect-ratio: 1.154700538 / 1;
  display: flex;
  flex-direction: column;
  filter: drop-shadow(0 1.2rem 2.2rem rgba(19, 34, 31, 0.18));
  justify-content: center;
  justify-self: end;
  position: relative;
  width: min(100%, 47rem, calc((100dvh - 11rem) * 1.154700538));
}

.triangle-slice {
  align-content: center;
  color: var(--cream);
  display: grid;
  flex: 1 1 0;
  justify-items: center;
  min-height: 0;
  padding: clamp(0.8rem, 1.4vw, 1.1rem);
  position: relative;
  text-align: center;
  width: 100%;
}

.triangle-slice::before {
  background: var(--slice-fill);
  clip-path: var(--slice-shape);
  content: "";
  inset: 0;
  position: absolute;
}

.triangle-slice:nth-child(1) {
  --slice-fill: linear-gradient(135deg, color-mix(in srgb, var(--orange) 70%, var(--terrazzo-peach) 30%), color-mix(in srgb, var(--ink) 28%, var(--orange) 72%));
  --slice-shape: polygon(50% 0, 66.6667% 100%, 33.3333% 100%);
}

.triangle-slice:nth-child(2) {
  --slice-fill: linear-gradient(135deg, color-mix(in srgb, var(--ink) 48%, var(--orange) 28%), color-mix(in srgb, var(--ink) 62%, var(--terrazzo-peach) 12%));
  --slice-shape: polygon(33.3333% 0, 66.6667% 0, 83.3333% 100%, 16.6667% 100%);
}

.triangle-slice:nth-child(3) {
  --slice-fill: linear-gradient(135deg, color-mix(in srgb, var(--ink) 84%, var(--orange) 8%), color-mix(in srgb, var(--ink) 68%, var(--paper) 6%));
  --slice-shape: polygon(16.6667% 0, 83.3333% 0, 100% 100%, 0 100%);
}

.triangle-anchor {
  background: var(--logo-dot);
  border: 2px solid color-mix(in srgb, var(--cream) 70%, transparent);
  border-radius: 50%;
  box-shadow: 0 0 1.2rem rgba(229, 91, 44, 0.36);
  height: clamp(0.72rem, 1.05vw, 0.95rem);
  left: var(--anchor-x);
  position: absolute;
  top: var(--anchor-y);
  transform: translate(-50%, -50%);
  width: clamp(0.72rem, 1.05vw, 0.95rem);
  z-index: 3;
}

.triangle-anchor::after {
  background: linear-gradient(90deg, color-mix(in srgb, var(--logo-dot) 78%, var(--cream) 22%), color-mix(in srgb, var(--logo-dot) 28%, transparent));
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(7rem, 14vw, 14rem);
}

.triangle-anchor:nth-of-type(1) {
  --anchor-x: 50%;
  --anchor-y: 17%;
}

.triangle-anchor:nth-of-type(2) {
  --anchor-x: 50%;
  --anchor-y: 50%;
}

.triangle-anchor:nth-of-type(3) {
  --anchor-x: 50%;
  --anchor-y: 80%;
}

.triangle-slice__content {
  display: grid;
  gap: 0.32rem;
  position: relative;
  z-index: 1;
}

.triangle-slice:nth-child(1) .triangle-slice__content {
  max-width: clamp(6.4rem, 7vw, 8.5rem);
}

.triangle-slice:nth-child(2) .triangle-slice__content {
  max-width: clamp(14rem, 18vw, 20rem);
}

.triangle-slice:nth-child(3) .triangle-slice__content {
  max-width: clamp(20rem, 26vw, 30rem);
}

.triangle-slice__number {
  color: color-mix(in srgb, var(--cream) 78%, var(--orange) 22%);
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.78vw, 0.76rem);
  font-weight: 800;
  letter-spacing: 0.1em;
}

.triangle-slice h3 {
  color: var(--cream);
  font-family: var(--ui);
  font-size: clamp(1.05rem, 1.6vw, 1.6rem);
  font-weight: 900;
  line-height: 1;
}

.triangle-slice p {
  color: color-mix(in srgb, var(--cream) 84%, var(--muted) 16%);
  display: none;
  font-size: clamp(0.58rem, 0.78vw, 0.78rem);
  font-weight: 650;
  line-height: 1.3;
}

.triangle-callouts,
.triangle-tokens {
  display: grid;
  gap: clamp(0.66rem, 1vh, 0.86rem);
}

.triangle-callouts {
  align-self: stretch;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  min-height: min(52vh, 33rem);
}

.triangle-callout,
.triangle-token {
  display: grid;
  gap: 0.34rem;
  padding: clamp(0.72rem, 1.15vw, 0.95rem);
}

.triangle-callout {
  align-self: center;
  position: relative;
}

.triangle-callout::before {
  display: none;
}

.triangle-callout::after {
  display: none;
}

.triangle-callout strong,
.triangle-token strong {
  color: var(--text);
  font-family: var(--ui);
  font-size: clamp(0.78rem, 0.92vw, 0.94rem);
  font-weight: 900;
}

.triangle-callout p,
.triangle-token p {
  color: var(--system-muted, var(--muted));
  font-size: clamp(0.66rem, 0.78vw, 0.78rem);
  line-height: 1.4;
}

/* === SLIDE BODY WEIGHT SYSTEM === */
.slide p,
.slide .subtitle,
.slide .body-copy,
.slide .system-intro,
.slide .system-section-desc,
.slide .closing-cta,
.slide .exercise-point span,
.slide .font-sample__note,
.slide .preview-card span,
.slide .preview-dot-step span,
.module-card__copy > span,
.history-item span {
  font-weight: 400;
}

.slide {
  transition:
    filter 520ms var(--ease),
    opacity 520ms var(--ease);
}

.slide-content {
  transition:
    opacity 520ms var(--ease),
    transform 520ms var(--ease);
  will-change: transform, opacity;
}

.slide.is-before .slide-content,
.slide.is-after .slide-content {
  opacity: 0.92;
  transform: scale(0.988);
}

.slide.is-current .slide-content {
  opacity: 1;
  transform: none;
}

.slide.is-before {
  filter: saturate(0.94) brightness(0.97);
}

.slide.is-after {
  filter: saturate(0.96) brightness(0.98);
}

.slide.is-current {
  filter: none;
}

/* === REVEAL MOTION === */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity var(--duration-normal) var(--ease),
    transform var(--duration-normal) var(--ease);
}

.slide.visible .reveal {
  opacity: 1;
  transform: translateY(0);
}

.slide.is-current .reveal {
  opacity: 1;
  transform: translateY(0);
}

.reveal:nth-child(2) {
  transition-delay: 90ms;
}

.reveal:nth-child(3) {
  transition-delay: 160ms;
}

.reveal:nth-child(4) {
  transition-delay: 230ms;
}

.stagger-cards > .principle-item,
.stagger-cards > .framework-card,
.stagger-cards > .evidence-item,
.stagger-cards > .step-item,
.stagger-cards > .font-sample,
.stagger-cards > .swatch,
.stagger-cards > .maturity-note,
.stagger-cards > .system-index-card,
.stagger-cards > .component-card,
.stagger-cards > .chat-message,
.stagger-cards > .chat-bubble,
.stagger-cards > .triangle-callout,
.stagger-cards > .triangle-token {
  opacity: 0;
  transform: translateY(24px) scale(0.988);
  transition:
    opacity var(--duration-normal) var(--ease),
    transform var(--duration-normal) var(--ease);
  transition-delay: calc(120ms + (var(--stagger-index, 0) * 64ms));
}

.slide.visible .stagger-cards > .principle-item,
.slide.visible .stagger-cards > .framework-card,
.slide.visible .stagger-cards > .evidence-item,
.slide.visible .stagger-cards > .step-item,
.slide.visible .stagger-cards > .font-sample,
.slide.visible .stagger-cards > .swatch,
.slide.visible .stagger-cards > .maturity-note,
.slide.visible .stagger-cards > .system-index-card,
.slide.visible .stagger-cards > .component-card,
.slide.visible .stagger-cards > .chat-message,
.slide.visible .stagger-cards > .chat-bubble,
.slide.visible .stagger-cards > .triangle-callout,
.slide.visible .stagger-cards > .triangle-token,
.slide.is-current .stagger-cards > .principle-item,
.slide.is-current .stagger-cards > .framework-card,
.slide.is-current .stagger-cards > .evidence-item,
.slide.is-current .stagger-cards > .step-item,
.slide.is-current .stagger-cards > .font-sample,
.slide.is-current .stagger-cards > .swatch,
.slide.is-current .stagger-cards > .maturity-note,
.slide.is-current .stagger-cards > .system-index-card,
.slide.is-current .stagger-cards > .component-card,
.slide.is-current .stagger-cards > .chat-message,
.slide.is-current .stagger-cards > .chat-bubble,
.slide.is-current .stagger-cards > .triangle-callout,
.slide.is-current .stagger-cards > .triangle-token {
  opacity: 1;
  transform: none;
}

/* === FIXED STUDIO CONTROLS === */
.progress-bar {
  background: linear-gradient(90deg, var(--logo-dot), var(--orange));
  height: 4px;
  inset: 0 auto auto 0;
  position: fixed;
  transform-origin: left;
  width: 100%;
  z-index: 120;
}

.top-controls,
.bottom-controls,
.download-controls {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  position: fixed;
  z-index: 110;
}

.top-controls {
  right: clamp(0.8rem, 2vw, 1.4rem);
  top: clamp(0.7rem, 1.6vw, 1.2rem);
}

body:not(.admin-view) #viewModeToggle,
body.dashboard-view #viewModeToggle,
body.settings-view #viewModeToggle,
body.notice-view #viewModeToggle {
  display: none !important;
}

body.public-view #libraryToggle,
body.public-view #saveButton,
body.public-view #libraryPanel,
body.public-view #slideOverviewPanel,
body.public-view #studioDock,
body.public-view .studio-panel,
body.public-view #logoPickerModal,
body.public-view #iconPickerModal,
body.public-view #projectSettingsPanel,
body.public-view #editHotzone,
body.public-view #editToggle {
  display: none !important;
}

body.public-preview-view #libraryToggle,
body.public-preview-view #saveButton,
body.public-preview-view #studioDock,
body.public-preview-view .studio-panel,
body.public-preview-view #editHotzone,
body.public-preview-view #editToggle {
  display: none !important;
}

body.dashboard-view #libraryToggle,
body.dashboard-view #saveButton,
body.dashboard-view #slideOverviewPanel,
body.dashboard-view #editHotzone,
body.dashboard-view #editToggle,
body.dashboard-view #studioDock,
body.dashboard-view .studio-panel,
body.dashboard-view #logoPickerModal,
body.dashboard-view #iconPickerModal,
body.dashboard-view .bottom-controls,
body.dashboard-view .download-controls {
  display: none !important;
}

body.settings-view #studioDock,
body.settings-view #slideOverviewPanel,
body.settings-view .studio-panel,
body.settings-view #logoPickerModal,
body.settings-view #iconPickerModal,
body.settings-view .bottom-controls,
body.settings-view .download-controls,
body.settings-view #editHotzone,
body.settings-view #editToggle {
  display: none !important;
}

body.notice-view .bottom-controls,
body.notice-view .download-controls {
  display: none !important;
}

.bottom-controls {
  bottom: clamp(0.7rem, 1.4vw, 1rem);
  gap: 0.35rem;
  right: clamp(0.7rem, 1.4vw, 1rem);
}

.download-controls {
  bottom: clamp(0.7rem, 1.4vw, 1rem);
  display: none !important;
  left: clamp(0.7rem, 1.4vw, 1rem);
}

body.public-view .download-controls {
  display: flex !important;
}

body.public-view.notice-view .bottom-controls,
body.public-view.notice-view .download-controls {
  display: none !important;
}

body.admin-view .download-controls {
  display: none !important;
}

.author-footer {
  bottom: clamp(0.95rem, 1.7vw, 1.25rem);
  color: color-mix(in srgb, var(--text) 58%, transparent);
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.72vw, 0.74rem);
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.08em;
  line-height: 1;
  pointer-events: none;
  position: fixed;
  text-transform: none;
  transform: translateX(-50%);
  z-index: 109;
}

.author-footer:empty {
  display: none;
}

:root[data-theme="dark"] .author-footer {
  color: color-mix(in srgb, var(--cream) 62%, transparent);
}

body.dashboard-view .author-footer,
body.settings-view .author-footer {
  display: none;
}

.slide-id-badge {
  background: color-mix(in srgb, var(--paper) 88%, var(--ink) 12%);
  border: 1px solid color-mix(in srgb, var(--ink) 24%, transparent);
  border-radius: 999px;
  box-shadow:
    0 0.75rem 2.5rem rgba(2, 10, 9, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.34);
  color: color-mix(in srgb, var(--ink) 78%, var(--orange) 22%);
  display: none;
  font-family: var(--mono);
  font-size: 0.62rem;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.08em;
  line-height: 1;
  max-width: min(42rem, calc(100vw - 2rem));
  overflow: hidden;
  padding: 0.58rem 0.78rem;
  pointer-events: none;
  position: fixed;
  text-overflow: ellipsis;
  text-transform: uppercase;
  top: clamp(0.8rem, 1.4vw, 1.2rem);
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 65;
}

:root[data-theme="dark"] .slide-id-badge {
  background: rgba(8, 25, 22, 0.58);
  border-color: rgba(242, 234, 220, 0.16);
  box-shadow:
    0 0.75rem 2.5rem rgba(2, 10, 9, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: color-mix(in srgb, var(--cream) 82%, var(--orange) 18%);
}

body.draft-view:not(.dashboard-view):not(.settings-view) .slide-id-badge {
  display: block;
}

body.public-view .slide-id-badge,
body.public-preview-view .slide-id-badge {
  display: none;
}

.pdf-export-deck {
  background: var(--bg);
  color: var(--text);
  left: -10000px;
  position: absolute;
  top: 0;
  width: 297mm;
  z-index: -1;
}

.pdf-export-deck *,
.pdf-export-deck *::before,
.pdf-export-deck *::after {
  animation: none !important;
  transition: none !important;
}

.pdf-export-deck *::before,
.pdf-export-deck *::after {
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.pdf-export-deck .slide {
  display: flex !important;
  filter: none !important;
  flex: none !important;
  height: 210mm !important;
  min-height: 210mm !important;
  opacity: 1 !important;
  overflow: hidden !important;
  page-break-after: always;
  position: relative !important;
  transform: none !important;
  width: 297mm !important;
}

.pdf-export-deck .slide:last-child {
  page-break-after: auto;
}

.pdf-export-deck .slide-content,
.pdf-export-deck .reveal,
.pdf-export-deck .stagger-cards > * {
  opacity: 1 !important;
  transform: none !important;
}

.pdf-exporting .download-controls,
.pdf-exporting .bottom-controls,
.pdf-exporting .top-controls,
.pdf-exporting .slide-id-badge,
.pdf-exporting .author-footer {
  display: none !important;
}

.icon-button,
.pill-button,
.slide-counter {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 86%, var(--text) 5%);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text);
  display: inline-flex;
  justify-content: center;
  min-height: 2.7rem;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
}

:root[data-theme="dark"] .icon-button,
:root[data-theme="dark"] .pill-button,
:root[data-theme="dark"] .slide-counter {
  background: rgba(8, 25, 22, 0.54);
  border-color: rgba(242, 234, 220, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.download-button {
  min-height: 2.15rem;
  padding-inline: 0.82rem 0.96rem;
}

.download-button svg {
  height: 0.92rem;
  stroke-width: 1.8;
  width: 0.92rem;
}

.icon-button {
  width: 2.7rem;
}

.pill-button {
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 700;
  gap: 0.5rem;
  letter-spacing: 0.1em;
  padding-inline: 0.9rem;
  text-transform: uppercase;
}

.view-mode-toggle {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 86%, var(--text) 5%);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text);
  display: inline-flex;
  gap: 0.48rem;
  min-height: 2.7rem;
  padding: 0.32rem 0.68rem;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
}

:root[data-theme="dark"] .view-mode-toggle {
  background: rgba(8, 25, 22, 0.54);
  border-color: rgba(242, 234, 220, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.view-mode-toggle:hover {
  background: color-mix(in srgb, var(--bg) 64%, var(--orange) 18%);
  transform: translateY(-1px);
}

:root[data-theme="dark"] .view-mode-toggle:hover {
  background: rgba(16, 39, 35, 0.74);
}

.view-mode-toggle:active {
  transform: translateY(0);
}

.view-mode-toggle:focus-visible {
  box-shadow: 0 0 0 3px rgba(209, 128, 30, 0.32);
  outline: 0;
}

.view-mode-toggle__label {
  color: color-mix(in srgb, var(--text) 58%, transparent);
  font-family: var(--mono);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.view-mode-toggle__track {
  background: color-mix(in srgb, var(--text) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--text) 22%, transparent);
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 1.34rem;
  padding: 0.13rem;
  width: 2.58rem;
}

.view-mode-toggle__thumb {
  background: color-mix(in srgb, var(--text) 82%, var(--bg) 18%);
  border-radius: 999px;
  box-shadow: 0 0.18rem 0.55rem rgba(2, 10, 9, 0.25);
  display: block;
  height: 0.98rem;
  transform: translateX(0);
  transition:
    background-color 180ms var(--ease),
    transform 180ms var(--ease);
  width: 0.98rem;
}

.view-mode-toggle[aria-checked="false"] .view-mode-toggle__label--draft,
.view-mode-toggle[aria-checked="true"] .view-mode-toggle__label--public {
  color: color-mix(in srgb, var(--text) 88%, var(--orange) 12%);
}

.view-mode-toggle[aria-checked="true"] .view-mode-toggle__track {
  background: color-mix(in srgb, var(--orange) 42%, var(--bg) 58%);
  border-color: color-mix(in srgb, var(--orange) 56%, transparent);
}

.view-mode-toggle[aria-checked="true"] .view-mode-toggle__thumb {
  background: var(--cream);
  transform: translateX(1.18rem);
}

.icon-button svg,
.pill-button svg {
  fill: none;
  height: 1.18rem;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  width: 1.18rem;
}

.icon-button:hover,
.pill-button:hover {
  background: color-mix(in srgb, var(--bg) 64%, var(--orange) 18%);
  transform: translateY(-1px);
}

:root[data-theme="dark"] .icon-button:hover,
:root[data-theme="dark"] .pill-button:hover {
  background: rgba(16, 39, 35, 0.74);
}

.icon-button:active,
.pill-button:active {
  transform: translateY(0);
}

.icon-button:focus-visible,
.pill-button:focus-visible,
.slide-counter:focus-visible,
.library-search:focus-visible {
  box-shadow: 0 0 0 3px rgba(209, 128, 30, 0.32);
  outline: 0;
}

.slide-counter {
  color: var(--accent-text);
  display: inline-flex;
  font-family: var(--mono);
  font-size: 0.76rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0.12em;
  min-height: 2.7rem;
  min-width: 6.8rem;
  padding-inline: 0.9rem;
  text-transform: uppercase;
}

.bottom-controls .icon-button,
.bottom-controls .slide-counter {
  min-height: 2.15rem;
}

.bottom-controls .icon-button {
  opacity: 0.84;
  width: 2.15rem;
}

.bottom-controls .icon-button svg {
  height: 0.95rem;
  stroke-width: 1.8;
  width: 0.95rem;
}

.bottom-controls .slide-counter {
  font-size: 0.64rem;
  letter-spacing: 0.1em;
  min-width: 5.3rem;
  opacity: 0.88;
  padding-inline: 0.72rem;
}

.status-toast {
  background: color-mix(in srgb, var(--ink) 88%, transparent);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  bottom: clamp(1rem, 2vw, 1.6rem);
  color: #FFF7E9;
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 700;
  left: clamp(1rem, 2vw, 1.6rem);
  letter-spacing: 0.04em;
  opacity: 0;
  padding: 0.75rem 0.9rem;
  pointer-events: none;
  position: fixed;
  text-transform: uppercase;
  transform: translateY(0.5rem);
  transition:
    opacity 180ms var(--ease),
    transform 180ms var(--ease);
  z-index: 130;
}

.status-toast[data-show="true"] {
  opacity: 1;
  transform: translateY(0);
}

/* === STUDIO EDITOR DOCK === */
.studio-dock {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 88%, var(--text) 5%);
  border: 1px solid var(--line);
  border-radius: 999px;
  bottom: clamp(0.7rem, 1.4vw, 1rem);
  box-shadow: 0 1.1rem 3rem var(--shadow);
  display: flex;
  gap: 0.22rem;
  left: 50%;
  max-width: min(calc(100vw - 2rem), 54rem);
  padding: 0.34rem;
  position: fixed;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, calc(100% + 1.5rem));
  transition:
    opacity 220ms var(--ease),
    transform 260ms var(--ease);
  z-index: 116;
}

body.editing .studio-dock {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

:root[data-theme="dark"] .studio-dock {
  background: rgba(8, 25, 22, 0.74);
  border-color: rgba(242, 234, 220, 0.16);
}

.studio-tool {
  min-height: 2.08rem;
  width: 2.08rem;
}

.studio-tool svg {
  height: 0.95rem;
  width: 0.95rem;
}

.studio-tool[disabled],
.studio-ai-submit[disabled] {
  cursor: not-allowed;
  opacity: 0.38;
  transform: none;
}

.studio-tool[data-insert-tool] {
  cursor: grab;
}

.studio-tool[data-insert-tool]:active {
  cursor: grabbing;
}

body.tool-dragging {
  cursor: grabbing;
}

.tool-drag-ghost {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 80%, var(--orange) 10%);
  border: 1px solid rgba(209, 128, 30, 0.55);
  border-radius: 999px;
  box-shadow: 0 1.4rem 3rem var(--shadow);
  color: var(--accent-text);
  display: none;
  height: 2.7rem;
  justify-content: center;
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translate(-50%, -50%);
  width: 2.7rem;
  z-index: 240;
}

.tool-drag-ghost[data-open="true"] {
  display: inline-flex;
}

.tool-drag-ghost svg {
  fill: none;
  height: 1.18rem;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.4;
  width: 1.18rem;
}

.studio-separator {
  background: var(--line);
  height: 1.45rem;
  margin-inline: 0.18rem;
  width: 1px;
}

.studio-ai-form {
  align-items: center;
  display: flex;
  gap: 0.35rem;
  min-width: min(26rem, 42vw);
}

.studio-ai-field {
  background: color-mix(in srgb, var(--bg) 76%, var(--text) 6%);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text);
  font-family: var(--ui);
  font-size: 0.78rem;
  font-weight: 750;
  min-height: 2.08rem;
  min-width: 0;
  padding: 0 0.82rem;
  width: 100%;
}

.studio-ai-field::placeholder {
  color: color-mix(in srgb, var(--muted) 82%, transparent);
}

.studio-ai-field:focus-visible {
  box-shadow: 0 0 0 3px rgba(209, 128, 30, 0.26);
  outline: 0;
}

.studio-ai-model {
  appearance: none;
  background: color-mix(in srgb, var(--bg) 78%, var(--text) 6%);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-text);
  cursor: pointer;
  font-family: var(--mono);
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  min-height: 2.08rem;
  padding: 0 1.85rem 0 0.78rem;
  text-transform: uppercase;
  width: 7.2rem;
}

.studio-ai-model:focus-visible {
  box-shadow: 0 0 0 3px rgba(209, 128, 30, 0.26);
  outline: 0;
}

.studio-ai-submit {
  min-height: 2.08rem;
  width: 2.08rem;
}

.studio-current-note {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.56rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding-inline: 0.45rem 0.62rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.logo-picker-modal {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 42%, rgba(0, 0, 0, 0.42));
  display: none;
  inset: 0;
  justify-content: center;
  padding: clamp(1rem, 3vw, 2.5rem);
  position: fixed;
  z-index: 180;
}

.logo-picker-modal[data-open="true"] {
  display: flex;
}

.logo-picker-sheet {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, var(--text) 3%), color-mix(in srgb, var(--bg) 82%, var(--text) 7%));
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 2rem 5rem var(--shadow);
  color: var(--text);
  display: grid;
  gap: 1rem;
  max-height: min(82dvh, 46rem);
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.35rem);
  width: min(48rem, 94vw);
}

.logo-picker-head,
.logo-picker-actions {
  align-items: center;
  display: flex;
  gap: 0.85rem;
  justify-content: space-between;
}

.logo-picker-head h2 {
  font-size: clamp(1.55rem, 2.8vw, 2.45rem);
  max-width: 100%;
}

.logo-picker-head p,
.logo-picker-note {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.34;
}

.logo-picker-list {
  display: grid;
  gap: 0.8rem;
  overflow: auto;
  padding-right: 0.2rem;
}

.logo-target {
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 0.66rem;
  padding: 0.78rem;
}

.logo-target__label {
  align-items: baseline;
  display: flex;
  gap: 0.62rem;
  justify-content: space-between;
}

.logo-target__label strong {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.logo-target__label span {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.logo-candidates {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.logo-candidate {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 78%, var(--text) 5%);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  display: grid;
  gap: 0.46rem;
  justify-items: center;
  min-height: 7.1rem;
  padding: 0.65rem;
  text-align: center;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
}

.logo-candidate:hover,
.logo-candidate:focus-visible {
  background: color-mix(in srgb, var(--bg) 62%, var(--orange) 10%);
  border-color: rgba(209, 128, 30, 0.45);
  outline: 0;
  transform: translateY(-1px);
}

.logo-candidate[data-selected="true"] {
  border-color: var(--orange);
  box-shadow: inset 0 0 0 1px rgba(209, 128, 30, 0.42);
}

.logo-candidate .tool-logo-shell {
  height: 2.9rem;
  width: 2.9rem;
}

.logo-candidate__label {
  display: grid;
  gap: 0.14rem;
}

.logo-candidate__label strong {
  font-size: 0.75rem;
  font-weight: 850;
  line-height: 1.15;
}

.logo-candidate__label span {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.54rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.logo-picker-apply {
  min-width: 9.5rem;
}

.icon-picker-modal {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 42%, rgba(0, 0, 0, 0.42));
  display: none;
  inset: 0;
  justify-content: center;
  padding: clamp(1rem, 3vw, 2.5rem);
  position: fixed;
  z-index: 180;
}

.icon-picker-modal[data-open="true"] {
  display: flex;
}

.icon-picker-sheet {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, var(--text) 3%), color-mix(in srgb, var(--bg) 82%, var(--text) 7%));
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 2rem 5rem var(--shadow);
  color: var(--text);
  display: grid;
  gap: 0.82rem;
  grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
  max-height: min(86dvh, 48rem);
  min-height: 0;
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.35rem);
  width: min(55rem, 94vw);
}

.icon-picker-head,
.icon-picker-actions {
  align-items: center;
  display: flex;
  gap: 0.85rem;
  justify-content: space-between;
}

.icon-picker-head h2 {
  font-size: clamp(1.55rem, 2.8vw, 2.45rem);
  max-width: 100%;
}

.icon-picker-head p,
.icon-picker-note,
.icon-picker-meta {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.34;
}

.icon-picker-search {
  background: color-mix(in srgb, var(--bg) 72%, var(--text) 5%);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  font-family: var(--ui);
  font-size: 1rem;
  font-weight: 760;
  min-height: 2.65rem;
  outline: 0;
  padding: 0 0.85rem;
}

.icon-picker-search:focus {
  border-color: rgba(209, 128, 30, 0.66);
  box-shadow: 0 0 0 3px rgba(209, 128, 30, 0.14);
}

.icon-picker-targets {
  display: flex;
  gap: 0.42rem;
  min-height: 0;
  overflow: auto;
  padding-bottom: 0.1rem;
}

.icon-target-button {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 76%, var(--text) 5%);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  font-family: var(--mono);
  font-size: 0.62rem;
  font-weight: 850;
  gap: 0.34rem;
  letter-spacing: 0.06em;
  min-height: 2.15rem;
  padding: 0 0.7rem;
  text-transform: uppercase;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
}

.icon-target-button:hover,
.icon-target-button:focus-visible,
.icon-target-button[data-active="true"] {
  background: color-mix(in srgb, var(--bg) 62%, var(--orange) 11%);
  border-color: rgba(209, 128, 30, 0.48);
  outline: 0;
  transform: translateY(-1px);
}

.icon-target-button .studio-inline-icon {
  height: 1.45rem;
  width: 1.45rem;
}

.icon-picker-grid {
  display: grid;
  gap: 0.52rem;
  grid-template-columns: repeat(auto-fill, minmax(7.2rem, 1fr));
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 0.2rem;
  -webkit-overflow-scrolling: touch;
}

.icon-option {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--text);
  cursor: pointer;
  display: grid;
  gap: 0.42rem;
  justify-items: center;
  min-height: 6.6rem;
  padding: 0.6rem;
  text-align: center;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
}

.icon-option:hover,
.icon-option:focus-visible {
  background: color-mix(in srgb, var(--bg) 72%, var(--orange) 8%);
  border-color: rgba(209, 128, 30, 0.45);
  outline: 0;
  transform: translateY(-1px);
}

.icon-option[data-active="true"] {
  border-color: var(--orange);
  box-shadow: inset 0 0 0 1px rgba(209, 128, 30, 0.42);
}

.icon-option .studio-inline-icon {
  height: 2.75rem;
  width: 2.75rem;
}

.icon-option strong {
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1.1;
}

.studio-panel {
  background: color-mix(in srgb, var(--bg) 94%, var(--text) 4%);
  border: 1px solid var(--line);
  border-radius: 8px;
  bottom: clamp(4rem, 7vw, 5rem);
  box-shadow: 0 1.5rem 4rem var(--shadow);
  color: var(--text);
  display: none;
  left: 50%;
  max-height: min(62vh, 34rem);
  max-width: min(calc(100vw - 2rem), 42rem);
  overflow: auto;
  padding: 0.82rem;
  position: fixed;
  transform: translateX(-50%);
  width: min(42rem, calc(100vw - 2rem));
  z-index: 117;
}

.studio-panel[data-open="true"] {
  display: grid;
  gap: 0.72rem;
}

.studio-panel__head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.studio-panel__head strong {
  font-family: var(--ui);
  font-size: 0.86rem;
  font-weight: 900;
}

.studio-panel__head span,
.studio-panel__note {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.module-grid,
.history-list {
  display: grid;
  gap: 0.5rem;
}

.module-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.module-card,
.history-item {
  background: color-mix(in srgb, var(--bg) 82%, var(--text) 5%);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  cursor: pointer;
  display: grid;
  gap: 0.3rem;
  padding: 0.78rem;
  text-align: left;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
}

.module-card {
  align-items: center;
  gap: 0.65rem;
  grid-template-columns: 5.35rem minmax(0, 1fr);
  min-height: 5.8rem;
  padding: 0.55rem;
}

.module-card:hover,
.history-item:hover {
  background: color-mix(in srgb, var(--bg) 66%, var(--orange) 10%);
  border-color: rgba(209, 128, 30, 0.42);
  transform: translateY(-1px);
}

.module-thumb {
  aspect-ratio: 16 / 9;
  background:
    radial-gradient(circle at 70% 22%, color-mix(in srgb, var(--terrazzo-peach) 24%, transparent), transparent 42%),
    linear-gradient(135deg, color-mix(in srgb, var(--bg) 88%, var(--text) 8%), color-mix(in srgb, var(--bg) 76%, var(--orange) 6%));
  border: 1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bg) 46%, transparent);
  display: grid;
  overflow: hidden;
  padding: 0.38rem;
  position: relative;
}

:root[data-theme="dark"] .module-thumb {
  background:
    radial-gradient(circle at 70% 22%, rgba(237, 189, 149, 0.16), transparent 42%),
    linear-gradient(135deg, rgba(7, 26, 23, 0.96), rgba(13, 45, 39, 0.92));
}

.module-thumb::before {
  background: color-mix(in srgb, var(--accent-text) 76%, transparent);
  content: "";
  height: 2px;
  left: 0.38rem;
  position: absolute;
  top: 0.38rem;
  width: 1.1rem;
}

.module-thumb__lines,
.module-thumb__grid,
.module-thumb__steps,
.module-thumb__quote,
.module-thumb__exercise,
.module-thumb__chat {
  display: grid;
  gap: 0.18rem;
  height: 100%;
}

.module-thumb i {
  background: currentColor;
  border-radius: 999px;
  color: color-mix(in srgb, var(--text) 70%, var(--muted) 30%);
  display: block;
  height: 0.18rem;
  opacity: 0.84;
}

.module-thumb .wide {
  width: 72%;
}

.module-thumb .mid {
  width: 52%;
}

.module-thumb .short {
  width: 34%;
}

.module-thumb--title .module-thumb__lines {
  align-content: center;
}

.module-thumb--title .hero-line {
  height: 0.32rem;
}

.module-thumb--title .visual-block {
  background: color-mix(in srgb, var(--accent-text) 38%, transparent);
  border-radius: 4px;
  bottom: 0.38rem;
  height: 46%;
  position: absolute;
  right: 0.38rem;
  width: 32%;
}

.module-thumb--principle .module-thumb__grid,
.module-thumb--framework .module-thumb__grid {
  align-content: end;
  grid-template-columns: repeat(3, 1fr);
}

.module-thumb--framework .module-thumb__grid {
  grid-template-columns: repeat(2, 1fr);
}

.module-thumb .mini-card {
  border: 1px solid color-mix(in srgb, var(--line-strong) 70%, transparent);
  border-radius: 4px;
  display: grid;
  gap: 0.14rem;
  padding: 0.18rem;
}

.module-thumb .mini-card i {
  height: 0.14rem;
}

.module-thumb--process .module-thumb__steps {
  align-content: center;
}

.module-thumb--process .step {
  align-items: center;
  display: grid;
  gap: 0.24rem;
  grid-template-columns: 0.42rem 1fr;
}

.module-thumb--process .dot {
  background: var(--accent-text);
  border-radius: 50%;
  height: 0.34rem;
  width: 0.34rem;
}

.module-thumb--quote .module-thumb__quote {
  align-content: center;
  gap: 0.24rem;
}

.module-thumb--quote .mark {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: 1.25rem;
  line-height: 0.7;
}

.module-thumb--exercise .module-thumb__exercise {
  align-content: center;
  grid-template-columns: 0.82fr 1.18fr;
}

.module-thumb--exercise .prompt {
  border: 1px solid color-mix(in srgb, var(--accent-text) 40%, transparent);
  border-radius: 4px;
  display: grid;
  gap: 0.14rem;
  padding: 0.22rem;
}

.module-thumb--chat .module-thumb__chat {
  align-content: center;
  gap: 0.22rem;
}

.module-thumb--chat .bubble {
  border-radius: 999px;
  height: 0.42rem;
  width: 70%;
}

.module-thumb--chat .bubble:nth-child(odd) {
  background: color-mix(in srgb, var(--accent-text) 46%, transparent);
  justify-self: end;
}

.module-thumb--chat .bubble:nth-child(even) {
  background: color-mix(in srgb, var(--text) 26%, transparent);
  justify-self: start;
}

.module-card__copy {
  display: grid;
  gap: 0.3rem;
  min-width: 0;
}

.module-card__copy > strong,
.history-item strong {
  font-family: var(--ui);
  font-size: 0.84rem;
  font-weight: 900;
}

.module-card__copy > span,
.history-item span {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
}

.history-item {
  grid-template-columns: minmax(0, 1fr) auto;
}

.history-item time {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: 0.62rem;
  font-weight: 800;
}

.slide-attachments {
  align-items: center;
  bottom: clamp(4.2rem, 7vh, 5.6rem);
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  left: clamp(1.2rem, 4vw, 4rem);
  max-width: min(48rem, 72vw);
  position: absolute;
  z-index: 6;
}

.slide-download-link {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 78%, var(--text) 7%);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text);
  display: inline-flex;
  font-family: var(--mono);
  font-size: clamp(0.58rem, 0.68vw, 0.72rem);
  font-weight: 800;
  gap: 0.42rem;
  letter-spacing: 0.08em;
  min-height: 2.15rem;
  padding: 0 0.82rem;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
}

.slide-download-link:hover {
  background: color-mix(in srgb, var(--bg) 64%, var(--orange) 14%);
  border-color: rgba(209, 128, 30, 0.42);
  transform: translateY(-1px);
}

.slide-download-link svg {
  fill: none;
  height: 0.9rem;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
  width: 0.9rem;
}

.studio-dashboard .slide-content {
  align-content: start;
  align-items: stretch;
  display: grid;
  gap: clamp(1.3rem, 3vh, 2.35rem);
  grid-template-columns: minmax(0, 1fr);
  margin-inline: auto;
  max-width: min(84rem, calc(100vw - clamp(3rem, 8vw, 8rem)));
  min-height: 100vh;
  padding: clamp(6.2rem, 11vh, 7.3rem) 0 clamp(2rem, 5vh, 3.5rem);
}

.dashboard-copy {
  align-items: end;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 62%, transparent);
  display: grid;
  gap: clamp(0.9rem, 2vw, 2rem);
  grid-template-columns: minmax(20rem, 0.48fr) minmax(20rem, 0.52fr);
  max-width: none;
  padding-bottom: clamp(1rem, 2.1vh, 1.45rem);
}

.dashboard-copy h1 {
  font-size: clamp(2.9rem, 4.45vw, 4.95rem);
  grid-column: 1;
  grid-row: 2;
  line-height: 0.94;
  max-width: 14ch;
}

.dashboard-copy .subtitle {
  color: color-mix(in srgb, var(--muted) 88%, var(--text) 12%);
  font-size: clamp(0.92rem, 1.15vw, 1.08rem);
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  line-height: 1.45;
  margin: 0;
  max-width: 34rem;
}

.dashboard-meta {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: clamp(0.68rem, 0.8vw, 0.84rem);
  font-weight: 800;
  grid-column: 1;
  grid-row: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.dashboard-lanes {
  display: grid;
  gap: clamp(1rem, 1.8vw, 1.45rem);
  min-width: 0;
}

.dashboard-section {
  display: grid;
  gap: 0.62rem;
  min-width: 0;
}

.dashboard-section__head {
  align-items: center;
  color: var(--muted);
  display: flex;
  font-family: var(--mono);
  font-size: 0.68rem;
  font-weight: 800;
  justify-content: space-between;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.dashboard-grid {
  display: grid;
  gap: clamp(0.72rem, 1vw, 0.92rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
}

.dashboard-deck-card {
  background: color-mix(in srgb, var(--bg) 88%, var(--text) 4%);
  border: 1px solid color-mix(in srgb, var(--line) 78%, transparent);
  border-radius: 8px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
  color: var(--text);
  cursor: pointer;
  display: grid;
  gap: 0.56rem;
  grid-template-rows: 1fr auto;
  min-height: clamp(7.4rem, 12vh, 8.6rem);
  min-width: 0;
  overflow: hidden;
  padding: clamp(0.86rem, 1vw, 1.02rem);
  position: relative;
  text-align: left;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    box-shadow 180ms var(--ease),
    transform 180ms var(--ease);
}

.dashboard-deck-card::after {
  background: color-mix(in srgb, var(--accent-text) 68%, transparent);
  content: "";
  height: 1px;
  opacity: 0;
  position: absolute;
  right: 1rem;
  top: 1rem;
  transform: scaleX(0.2);
  transform-origin: right;
  transition:
    opacity 180ms var(--ease),
    transform 180ms var(--ease);
  width: 1.6rem;
}

.dashboard-deck-card:hover {
  background: color-mix(in srgb, var(--bg) 81%, var(--text) 6%);
  border-color: rgba(209, 128, 30, 0.24);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
  transform: translateY(-1px);
}

.dashboard-deck-card:hover::after,
.dashboard-deck-card:focus-visible::after {
  opacity: 0.75;
  transform: scaleX(1);
}

.dashboard-deck-card:focus-visible {
  border-color: rgba(209, 128, 30, 0.72);
  outline: 2px solid rgba(209, 128, 30, 0.32);
  outline-offset: 3px;
}

.dashboard-deck-card__details {
  align-items: center;
  color: color-mix(in srgb, var(--accent-text) 78%, var(--muted) 22%);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--mono);
  font-size: clamp(0.5rem, 0.58vw, 0.58rem);
  font-weight: 800;
  gap: 0.34rem 0.52rem;
  justify-content: flex-start;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-top: 0.26rem;
  min-width: 0;
  opacity: 0.92;
  padding-top: 0.62rem;
  position: relative;
  text-transform: uppercase;
}

.dashboard-deck-card__details::before {
  background: color-mix(in srgb, var(--line) 72%, transparent);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.dashboard-deck-card__details span {
  align-items: center;
  display: inline-flex;
  gap: 0.52rem;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-deck-card__details span + span::before {
  background: color-mix(in srgb, var(--line) 88%, var(--accent-text) 12%);
  content: "";
  height: 0.78em;
  width: 1px;
}

.dashboard-deck-card__body {
  align-items: center;
  display: grid;
  gap: clamp(0.72rem, 1.1vw, 1rem);
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

.dashboard-deck-card__body.has-logo {
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
}

.dashboard-deck-card__copy {
  align-self: center;
  display: grid;
  gap: 0.32rem;
  min-width: 0;
}

.dashboard-deck-card__logo {
  align-self: center;
  display: inline-flex;
  justify-self: end;
  max-height: clamp(1.65rem, 2.5vw, 2.55rem);
  max-width: clamp(4.2rem, 6.2vw, 6.4rem);
  opacity: 0.72;
  position: relative;
  width: clamp(4.2rem, 6.2vw, 6.4rem);
  z-index: 1;
}

.dashboard-deck-card__logo img {
  display: block;
  height: auto;
  max-height: clamp(1.65rem, 2.5vw, 2.55rem);
  object-fit: contain;
  object-position: right center;
  width: 100%;
}

:root[data-theme="light"] .dashboard-deck-card__logo img {
  filter: none;
}

:root[data-theme="dark"] .dashboard-deck-card__logo img {
  filter: none;
}

:root[data-theme="dark"] .dashboard-deck-card__logo img[data-invert="dark"] {
  filter:
    brightness(0)
    saturate(100%)
    invert(91%)
    sepia(12%)
    saturate(416%)
    hue-rotate(349deg)
    brightness(106%)
    contrast(95%);
}

:root[data-theme="light"] .dashboard-deck-card__logo img[data-tone="light"] {
  filter:
    brightness(0)
    saturate(100%)
    invert(25%)
    sepia(14%)
    saturate(553%)
    hue-rotate(128deg)
    brightness(89%)
    contrast(86%);
}

.dashboard-deck-card h2 {
  font-family: var(--display);
  font-size: clamp(1.08rem, 1.34vw, 1.58rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.92;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-deck-card p {
  color: var(--muted);
  display: -webkit-box;
  font-size: clamp(0.72rem, 0.82vw, 0.88rem);
  font-weight: 650;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.32;
  margin: 0;
  overflow: hidden;
}

.dashboard-empty {
  border: 1px dashed var(--line);
  border-radius: 8px;
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 1rem;
  text-transform: uppercase;
}

.project-settings-panel {
  background: rgba(5, 17, 15, 0.56);
  bottom: 0;
  color: var(--text);
  display: none;
  left: 0;
  padding: clamp(1rem, 3vw, 2rem);
  position: fixed;
  right: 0;
  top: 0;
  z-index: 180;
}

.project-settings-panel[data-open="true"] {
  align-items: center;
  display: grid;
  justify-items: center;
}

.project-settings-panel[data-mode="page"] {
  background:
    radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--terrazzo-peach) 16%, transparent), transparent 34rem),
    radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--text) 9%, transparent), transparent 32rem),
    var(--bg);
  overflow: auto;
}

.project-settings-panel[data-mode="page"][data-open="true"] {
  align-items: start;
  justify-items: center;
}

.project-settings-sheet {
  background: color-mix(in srgb, var(--bg) 95%, var(--text) 4%);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 1.8rem 4.5rem var(--shadow);
  display: grid;
  gap: 1rem;
  max-height: min(86vh, 54rem);
  overflow: auto;
  padding: clamp(1rem, 2vw, 1.45rem);
  width: min(58rem, calc(100vw - 2rem));
}

.project-settings-panel[data-mode="page"] .project-settings-sheet {
  margin-block: clamp(5.2rem, 8vw, 7.4rem) 2rem;
  max-height: none;
  width: min(72rem, calc(100vw - 2rem));
}

.project-settings-head {
  align-items: start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.project-settings-head h2 {
  font-size: clamp(1.9rem, 3vw, 3rem);
  line-height: 0.95;
  max-width: none;
}

.project-settings-form {
  display: grid;
  gap: 0.85rem;
}

.settings-overview {
  display: grid;
  gap: 0.55rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.settings-stat {
  background: color-mix(in srgb, var(--bg) 82%, var(--text) 4%);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 0.35rem;
  min-height: 4.6rem;
  padding: 0.7rem;
}

.settings-stat span {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.settings-stat strong {
  font-family: var(--ui);
  font-size: 0.9rem;
  font-weight: 900;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-grid {
  display: grid;
  gap: 0.72rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.settings-field {
  display: grid;
  gap: 0.36rem;
}

.settings-field label {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.settings-field input,
.settings-field select,
.settings-field textarea {
  background: color-mix(in srgb, var(--bg) 76%, var(--text) 6%);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  font-family: var(--ui);
  font-size: 0.9rem;
  font-weight: 720;
  min-height: 2.55rem;
  padding: 0.68rem 0.75rem;
  width: 100%;
}

.settings-field textarea {
  min-height: 5rem;
  resize: vertical;
}

.settings-field input:focus-visible,
.settings-field select:focus-visible,
.settings-field textarea:focus-visible {
  box-shadow: 0 0 0 3px rgba(209, 128, 30, 0.28);
  outline: 0;
}

.settings-assets {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 0.55rem;
  padding-top: 0.85rem;
}

.settings-links-preview {
  display: grid;
  gap: 0.45rem;
}

.settings-assets__head {
  align-items: center;
  color: var(--muted);
  display: flex;
  font-family: var(--mono);
  font-size: 0.64rem;
  font-weight: 800;
  justify-content: space-between;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.settings-asset-row {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 82%, var(--text) 4%);
  border: 1px solid var(--line);
  border-radius: 8px;
  display: grid;
  gap: 0.7rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 0.65rem 0.72rem;
}

.settings-asset-row strong,
.settings-asset-row code {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-asset-row strong {
  font-size: 0.86rem;
}

.settings-asset-row code {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.62rem;
}

.settings-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: space-between;
}

.settings-actions__danger,
.settings-actions__primary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.settings-danger-button {
  border-color: rgba(186, 69, 52, 0.35);
  color: color-mix(in srgb, var(--text) 70%, #ba4534 30%);
}

.visually-hidden {
  height: 1px;
  left: -9999px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

/* === LIBRARY PANEL === */
.library-panel {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, var(--text) 3%), color-mix(in srgb, var(--bg) 82%, var(--text) 7%));
  background-color: var(--bg);
  border-right: 1px solid var(--line);
  bottom: 0;
  box-shadow: 1.5rem 0 4rem var(--shadow);
  color: var(--text);
  left: 0;
  max-width: min(42rem, 96vw);
  padding: clamp(1rem, 2vw, 1.35rem);
  position: fixed;
  top: 0;
  transform: translateX(-103%);
  transition: transform 220ms var(--ease);
  width: 38rem;
  z-index: 140;
}

/* === EDIT MODE SLIDE OVERVIEW === */
.slide-overview-panel {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 92%, var(--text) 3%), color-mix(in srgb, var(--bg) 82%, var(--text) 7%));
  background-color: var(--bg);
  border-right: 1px solid var(--line);
  bottom: 0;
  box-shadow: 1.5rem 0 4rem var(--shadow);
  color: var(--text);
  left: 0;
  max-width: min(24rem, 86vw);
  opacity: 0;
  padding: clamp(0.85rem, 1.8vw, 1.15rem);
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translateX(-103%);
  transition:
    opacity 220ms var(--ease),
    transform 260ms var(--ease);
  width: 22rem;
  z-index: 118;
}

body.editing .slide-overview-panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.slide-overview-head {
  align-items: end;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  margin-bottom: 0.86rem;
}

.slide-overview-head > div {
  display: grid;
  gap: 0.32rem;
  min-width: 0;
}

.slide-overview-eyebrow,
.slide-overview-count,
#slideOverviewCount {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
}

#slideOverviewTitle {
  color: var(--text);
  display: block;
  font-family: var(--ui);
  font-size: clamp(0.94rem, 1.2vw, 1.08rem);
  font-weight: 900;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.slide-overview-list {
  display: grid;
  gap: 0.42rem;
  max-height: calc(100dvh - 5.4rem);
  overflow: auto;
  padding: 0.05rem 0.3rem 1rem 0;
}

.slide-overview-row {
  position: relative;
}

.slide-overview-row[data-reorderable="true"] {
  cursor: grab;
}

.slide-overview-row[data-reorderable="true"]:active {
  cursor: grabbing;
}

.slide-overview-button {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 78%, var(--text) 4%);
  border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
  border-radius: 8px;
  color: var(--text);
  cursor: pointer;
  display: grid;
  gap: 0.55rem;
  grid-template-columns: 4.6rem minmax(0, 1fr);
  min-height: 4.3rem;
  padding: 0.42rem;
  text-align: left;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
  width: 100%;
}

.slide-overview-button:hover {
  background: color-mix(in srgb, var(--bg) 62%, var(--orange) 9%);
  border-color: rgba(209, 128, 30, 0.36);
  transform: translateX(2px);
}

.slide-overview-button[aria-current="true"] {
  border-color: var(--orange);
}

.slide-overview-copy {
  display: grid;
  gap: 0.22rem;
  min-width: 0;
}

.slide-overview-title {
  font-family: var(--ui);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1.12;
}

.slide-overview-summary {
  color: var(--muted);
  display: -webkit-box;
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1.24;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.library-panel[data-open="true"] {
  transform: translateX(0);
}

.library-head {
  align-items: start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.library-brand {
  display: grid;
  gap: 0.55rem;
}

.library-brandmark {
  aspect-ratio: 1519.7 / 224.7;
  display: block;
  height: 22px;
  width: 152px;
}

.library-brand span {
  color: var(--accent-text);
  display: block;
  font-family: var(--mono);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.library-search {
  background: color-mix(in srgb, var(--bg) 72%, var(--text) 8%);
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  font-family: var(--mono);
  font-size: 1rem;
  font-weight: 700;
  min-height: 2.85rem;
  padding: 0 0.88rem;
  width: 100%;
}

.library-list {
  display: grid;
  gap: 0.78rem;
  margin-top: 1rem;
  max-height: calc(100dvh - 10.8rem);
  overflow: auto;
  padding-right: 0.3rem;
}

.library-group {
  display: grid;
  gap: 0.45rem;
  position: relative;
}

.library-group[data-kind="templates"] {
  margin-top: 0.35rem;
}

.library-group[data-kind="templates"]::before {
  background: var(--line);
  content: "";
  display: block;
  height: 1px;
  margin: 0 0 0.4rem;
  width: 100%;
}

.library-deck-card {
  align-items: stretch;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--bg) 72%, var(--text) 10%), color-mix(in srgb, var(--bg) 88%, var(--orange) 6%));
  border: 1px solid var(--line);
  border-radius: 8px;
  color: var(--text);
  display: flex;
  gap: 0.45rem;
  min-height: 5.7rem;
  padding: 0.58rem;
  position: relative;
  text-align: left;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    box-shadow 180ms var(--ease),
    transform 180ms var(--ease);
}

.library-deck-card:hover,
.library-deck-card:focus-within {
  background: color-mix(in srgb, var(--bg) 62%, var(--orange) 12%);
  border-color: rgba(209, 128, 30, 0.42);
  box-shadow: 0 0.9rem 2.4rem color-mix(in srgb, var(--shadow) 66%, rgba(209, 128, 30, 0.22));
  transform: translateY(-1px);
}

.library-deck-card[data-current="true"] {
  border-color: var(--orange);
}

.library-deck-main {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: grid;
  flex: 1;
  gap: 0.38rem;
  padding: 0.2rem;
  text-align: left;
}

.library-deck-main:focus-visible,
.library-action:focus-visible,
.library-menu button:focus-visible,
.library-row-action:focus-visible,
.library-slide-button:focus-visible {
  border-radius: 7px;
  outline: 2px solid var(--orange);
  outline-offset: 2px;
}

.library-deck-title {
  font-family: var(--ui);
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.1;
}

.library-deck-summary,
.library-slide-summary {
  color: var(--muted);
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.25;
}

.library-deck-meta {
  align-items: center;
  color: var(--accent-text);
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  font-family: var(--mono);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.library-action {
  align-items: center;
  align-self: start;
  background: color-mix(in srgb, var(--bg) 70%, transparent);
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--text);
  cursor: pointer;
  display: inline-flex;
  height: 2.2rem;
  justify-content: center;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
  width: 2.2rem;
}

.library-action:hover {
  background: color-mix(in srgb, var(--bg) 56%, var(--orange) 16%);
  border-color: rgba(209, 128, 30, 0.5);
  transform: translateY(-1px);
}

.library-action svg {
  height: 1rem;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.4;
  width: 1rem;
}

.library-menu {
  background: color-mix(in srgb, var(--bg) 94%, var(--text) 6%);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 1rem 2rem var(--shadow);
  display: grid;
  min-width: 10rem;
  padding: 0.35rem;
  position: absolute;
  right: 0.6rem;
  top: 3.05rem;
  z-index: 2;
}

.library-menu button {
  background: transparent;
  border: 0;
  border-radius: 6px;
  color: var(--text);
  cursor: pointer;
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 0.62rem 0.7rem;
  text-align: left;
  text-transform: uppercase;
}

.library-menu button:hover {
  background: color-mix(in srgb, var(--bg) 66%, var(--orange) 13%);
}

.library-slides {
  display: grid;
  gap: 0.38rem;
  padding: 0.05rem 0 0.15rem 0.55rem;
}

.library-slide-row {
  align-items: stretch;
  display: grid;
  gap: 0.34rem;
  grid-template-columns: minmax(0, 1fr) auto;
  position: relative;
}

.library-slide-row[data-reorderable="true"] {
  cursor: grab;
}

.library-slide-row[data-reorderable="true"]:active {
  cursor: grabbing;
}

body.library-reordering {
  cursor: grabbing;
  user-select: none;
}

.library-slide-row.dragging,
.slide-overview-row.dragging {
  opacity: 0.44;
}

.library-slide-row.dragging .library-slide-button,
.slide-overview-row.dragging .slide-overview-button {
  transform: scale(0.992);
}

.library-slide-row[data-drop-position="before"]::before,
.library-slide-row[data-drop-position="after"]::after,
.slide-overview-row[data-drop-position="before"]::before,
.slide-overview-row[data-drop-position="after"]::after {
  background: var(--orange);
  border-radius: 999px;
  content: "";
  height: 3px;
  left: 0.35rem;
  position: absolute;
  right: 3rem;
  z-index: 3;
}

.library-slide-row[data-drop-position="before"]::before,
.slide-overview-row[data-drop-position="before"]::before {
  top: -0.25rem;
}

.library-slide-row[data-drop-position="after"]::after,
.slide-overview-row[data-drop-position="after"]::after {
  bottom: -0.25rem;
}

.library-slide-button {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 78%, var(--text) 4%);
  border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
  border-radius: 8px;
  color: var(--text);
  cursor: pointer;
  display: grid;
  gap: 0.62rem;
  grid-template-columns: 5.4rem minmax(0, 1fr);
  min-height: 4.85rem;
  padding: 0.5rem;
  text-align: left;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
}

.library-slide-row .library-slide-button {
  min-width: 0;
}

.library-row-action {
  align-items: center;
  background: color-mix(in srgb, var(--bg) 78%, var(--text) 4%);
  border: 1px solid color-mix(in srgb, var(--line) 84%, transparent);
  border-radius: 8px;
  color: var(--text);
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  transition:
    background-color 180ms var(--ease),
    border-color 180ms var(--ease),
    transform 180ms var(--ease);
  width: 2.45rem;
}

.library-row-action:hover {
  background: color-mix(in srgb, var(--bg) 62%, var(--orange) 9%);
  border-color: rgba(209, 128, 30, 0.36);
  transform: translateX(1px);
}

.library-row-action svg {
  height: 1rem;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.4;
  width: 1rem;
}

.library-slide-row .library-menu {
  right: 0;
  top: 2.8rem;
}

.library-menu button[data-deck-delete],
.library-menu button[data-deck-archive] {
  color: var(--accent-text-soft);
}

.library-slide-button:hover {
  background: color-mix(in srgb, var(--bg) 62%, var(--orange) 9%);
  border-color: rgba(209, 128, 30, 0.36);
  transform: translateX(2px);
}

.library-slide-button[aria-current="true"] {
  border-color: var(--orange);
}

.library-slide-thumb {
  align-content: center;
  aspect-ratio: 16 / 9;
  background:
    radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--terrazzo-peach) 22%, transparent), transparent 46%),
    linear-gradient(135deg, color-mix(in srgb, var(--bg) 78%, var(--text) 10%), color-mix(in srgb, var(--bg) 84%, var(--orange) 8%));
  border: 1px solid color-mix(in srgb, var(--line-strong) 70%, transparent);
  border-radius: 6px;
  color: color-mix(in srgb, var(--text) 72%, var(--muted) 28%);
  display: grid;
  gap: 0.22rem;
  overflow: hidden;
  padding: 0.38rem;
  position: relative;
}

:root[data-theme="dark"] .library-slide-thumb {
  background:
    radial-gradient(circle at 72% 18%, rgba(237, 189, 149, 0.15), transparent 46%),
    linear-gradient(135deg, rgba(7, 26, 23, 0.96), rgba(13, 45, 39, 0.92));
}

.library-slide-thumb::before {
  background: var(--accent-text);
  content: "";
  height: 2px;
  left: 0.38rem;
  position: absolute;
  top: 0.38rem;
  width: 1rem;
}

.library-slide-thumb__index {
  bottom: 0.32rem;
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: 0.52rem;
  font-weight: 900;
  left: 0.38rem;
  letter-spacing: 0.04em;
  position: absolute;
}

.library-slide-thumb i {
  background: currentColor;
  border-radius: 999px;
  display: block;
  height: 0.16rem;
  opacity: 0.85;
}

.library-slide-thumb .wide {
  width: 72%;
}

.library-slide-thumb .mid {
  width: 52%;
}

.library-slide-thumb .short {
  width: 34%;
}

.library-slide-thumb .mini-card {
  border: 1px solid color-mix(in srgb, var(--line-strong) 68%, transparent);
  border-radius: 4px;
  display: grid;
  gap: 0.12rem;
  padding: 0.16rem;
}

.library-slide-thumb .mini-card i {
  height: 0.12rem;
}

.library-thumb--client .thumb-logo {
  background: color-mix(in srgb, var(--text) 32%, transparent);
  border-radius: 4px;
  height: 36%;
  justify-self: end;
  margin-top: 0.55rem;
  width: 34%;
}

.library-thumb--framework,
.library-thumb--principle {
  grid-template-columns: repeat(3, 1fr);
}

.library-thumb--framework {
  grid-template-columns: repeat(2, 1fr);
}

.library-thumb--process .thumb-step,
.library-thumb--support .thumb-step {
  align-items: center;
  display: grid;
  gap: 0.22rem;
  grid-template-columns: 0.34rem 1fr;
}

.library-thumb--process .thumb-dot,
.library-thumb--support .thumb-dot {
  background: var(--accent-text);
  border-radius: 50%;
  height: 0.26rem;
  width: 0.26rem;
}

.library-thumb--support .thumb-pyramid {
  align-self: end;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  height: 72%;
  justify-self: center;
  width: 62%;
  background: linear-gradient(180deg, var(--accent-text) 0 34%, color-mix(in srgb, var(--text) 34%, transparent) 34% 67%, color-mix(in srgb, var(--muted) 42%, transparent) 67%);
}

.library-thumb--quote .thumb-mark {
  color: var(--accent-text);
  font-family: var(--display);
  font-size: 1.2rem;
  line-height: 0.8;
}

.library-thumb--visual .thumb-visual {
  background: color-mix(in srgb, var(--accent-text) 34%, transparent);
  border-radius: 4px;
  bottom: 0.38rem;
  height: 42%;
  position: absolute;
  right: 0.38rem;
  width: 36%;
}

.library-slide-copy {
  display: grid;
  gap: 0.25rem;
  min-width: 0;
}

.library-slide-index {
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: 0.66rem;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.library-slide-title {
  display: block;
  font-family: var(--ui);
  font-size: 0.82rem;
  font-weight: 900;
  line-height: 1.15;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.tags span {
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--accent-text);
  font-family: var(--mono);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 0.2rem 0.38rem;
  text-transform: uppercase;
}

.library-empty {
  border: 1px dashed var(--line);
  border-radius: 8px;
  color: var(--muted);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.4;
  padding: 1rem;
}

/* === INLINE EDITING === */
.edit-hotzone {
  height: 80px;
  left: 0;
  position: fixed;
  top: 0;
  width: 80px;
  z-index: 111;
}

.edit-toggle {
  left: clamp(0.8rem, 2vw, 1.4rem);
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: clamp(0.7rem, 1.6vw, 1.2rem);
  z-index: 112;
}

.edit-toggle.show,
.edit-toggle.active {
  opacity: 1;
  pointer-events: auto;
}

[data-edit] {
  border-radius: 4px;
  outline: 0 solid transparent;
}

body.editing [data-edit] {
  box-shadow: 0 0 0 1px rgba(209, 128, 30, 0.42);
  cursor: text;
}

body.editing [data-edit]:focus {
  background: rgba(209, 128, 30, 0.08);
  box-shadow:
    0 0 0 2px rgba(209, 128, 30, 0.62),
    0 0.8rem 1.8rem rgba(19, 34, 31, 0.12);
}

body.editing .edit-toggle {
  background: var(--orange);
  border-color: var(--orange);
  color: #FFF7E9;
}

/* === RESPONSIVE SLIDE ADJUSTMENTS === */
@media (max-width: 980px) {
  .brand-frame {
    left: 28px;
    top: 20px;
  }

  .brand-logo {
    height: 20px;
    width: 138px;
  }

  .title-poster .slide-content,
  .client-title .slide-content,
  .vesthimmerlands-intro-hero .slide-content,
  .brand-foundation .slide-content,
  .support-levels .slide-content,
  .claim-grid,
  .exercise-grid,
  .process-lane .slide-content,
  .prompt-process-timeline .slide-content,
  .component-gallery .slide-content,
  .component-single .slide-content,
  .chat-dialogue .slide-content,
  .triangle-lab .slide-content,
  .triangle-stage,
  .quote-stage {
    grid-template-columns: 1fr;
  }

  .poster-visual {
    display: none;
  }

  .client-title__logo-panel {
    min-height: auto;
  }

  .maturity-model {
    --model-gap: clamp(1.2rem, 2.6vw, 2.2rem);
    grid-template-columns: minmax(25rem, 1.08fr) minmax(16rem, 0.92fr);
  }

  .maturity-pyramid {
    min-height: 0;
    width: min(100%, 38rem, 54vw, calc((100dvh - 10rem) * 1.154700538));
  }

  .level-band {
    min-height: 0;
  }

  .maturity-notes {
    min-height: 0;
  }

  .display-title,
  .slide h2 {
    max-width: 10ch;
  }

  .principles-list,
  .cards-grid,
  .font-samples {
    grid-template-columns: 1fr;
    max-height: min(46vh, 24rem);
  }

  .cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .system-index-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .component-grid {
    grid-template-columns: 1fr;
    max-height: min(54vh, 28rem);
  }

  .component-single .system-section-copy,
  .quote-pair-layout .system-section-copy {
    max-width: min(44rem, 84vw);
  }

  .quote-pair-layout,
  .quote-pair-row {
    grid-template-columns: 1fr;
  }

  .chat-column {
    min-height: auto;
  }

  .chat-board {
    min-height: auto;
  }

  .triangle-callouts {
    grid-template-rows: none;
    min-height: auto;
  }

  .triangle-callout::before,
  .triangle-callout::after {
    display: none;
  }

  .triangle-anchor::after {
    width: clamp(4rem, 20vw, 7rem);
  }

  .font-samples {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-term-stage {
    height: min(72vh, 42rem);
    min-height: clamp(28rem, 64vh, 40rem);
    width: min(100%, 58rem);
  }

  .ai-term[data-priority="low"] {
    display: none;
  }

  .foundation-logo-panel {
    min-height: auto;
  }

  .quote-copy,
  .quote-meta,
  .quote-body {
    max-width: min(50rem, 82vw);
  }

  .foundation-palette {
    max-height: min(38vh, 18rem);
  }

  .principle-item:nth-child(n + 3),
  .framework-card:nth-child(n + 5) {
    display: none;
  }

  .prompt-process-timeline__track {
    grid-template-columns: 1fr;
  }

  .prompt-process-timeline__arrow {
    display: none;
  }

  .prompt-process-timeline__step {
    min-height: 0;
  }
}

@media (max-width: 640px) {
  .brand-frame {
    left: 18px;
    top: 16px;
  }

  .brand-logo {
    height: 18px;
    width: 124px;
  }

  .top-controls {
    right: 0.7rem;
    top: 0.65rem;
  }

  .support-levels .slide-content {
    gap: clamp(0.9rem, 2vh, 1.25rem);
  }

  .support-levels__copy .subtitle {
    display: none;
  }

  .maturity-model {
    --model-gap: clamp(0.9rem, 2vh, 1.25rem);
    grid-template-columns: 1fr;
  }

  .maturity-pyramid {
    justify-self: center;
    min-height: 0;
    width: min(100%, 24rem, 86vw, calc((100dvh - 10rem) * 1.154700538));
  }

  .maturity-notes {
    display: none;
  }

  .level-band::after {
    display: none;
  }

  .level-band h3 {
    font-size: clamp(1.15rem, 8vw, 1.9rem);
  }

  .ai-term-stage {
    height: min(72vh, 34rem);
    min-height: clamp(24rem, 62vh, 32rem);
    width: min(100%, 23rem);
  }

  .ai-core {
    width: clamp(8.4rem, 44vw, 11.2rem);
  }

  .ai-core__letters {
    font-size: clamp(4.6rem, 22vw, 6.4rem);
  }

  .ai-term {
    animation-duration: 6.6s;
    font-size: clamp(0.55rem, 2.25vw, 0.66rem);
    padding: 0.34rem 0.52rem;
  }

  .ai-term-stage > .ai-term {
    display: none;
  }

  .ai-term-stage > .ai-term:nth-of-type(1),
  .ai-term-stage > .ai-term:nth-of-type(2),
  .ai-term-stage > .ai-term:nth-of-type(3),
  .ai-term-stage > .ai-term:nth-of-type(7),
  .ai-term-stage > .ai-term:nth-of-type(9),
  .ai-term-stage > .ai-term:nth-of-type(10),
  .ai-term-stage > .ai-term:nth-of-type(14),
  .ai-term-stage > .ai-term:nth-of-type(16),
  .ai-term-stage > .ai-term:nth-of-type(17),
  .ai-term-stage > .ai-term:nth-of-type(21),
  .ai-term-stage > .ai-term:nth-of-type(28) {
    display: inline-flex;
  }

  .ai-term-stage > .ai-term:nth-of-type(1) { --x: 50% !important; --y: 9% !important; }
  .ai-term-stage > .ai-term:nth-of-type(2) { --x: 27% !important; --y: 19% !important; }
  .ai-term-stage > .ai-term:nth-of-type(3) { --x: 73% !important; --y: 19% !important; }
  .ai-term-stage > .ai-term:nth-of-type(7) { --x: 50% !important; --y: 30% !important; }
  .ai-term-stage > .ai-term:nth-of-type(9) { --x: 82% !important; --y: 42% !important; }
  .ai-term-stage > .ai-term:nth-of-type(10) { --x: 17% !important; --y: 44% !important; }
  .ai-term-stage > .ai-term:nth-of-type(14) { --x: 18% !important; --y: 58% !important; }
  .ai-term-stage > .ai-term:nth-of-type(16) { --x: 77% !important; --y: 58% !important; }
  .ai-term-stage > .ai-term:nth-of-type(17) { --x: 82% !important; --y: 72% !important; }
  .ai-term-stage > .ai-term:nth-of-type(21) { --x: 25% !important; --y: 74% !important; }
  .ai-term-stage > .ai-term:nth-of-type(28) { --x: 62% !important; --y: 84% !important; }

  .level-band__role {
    font-size: 0.52rem;
    letter-spacing: 0.06em;
  }

  .bottom-controls {
    bottom: 0.7rem;
    right: 0.7rem;
  }

  .studio-dock {
    border-radius: 8px;
    bottom: 3.25rem;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100vw - 1.4rem);
  }

  .studio-ai-form {
    flex: 1 1 100%;
    min-width: 100%;
    order: 2;
  }

  .studio-ai-model {
    width: 6.6rem;
  }

  .studio-current-note {
    display: none;
  }

  .module-grid {
    grid-template-columns: 1fr;
  }

  .logo-picker-sheet {
    max-height: 88dvh;
  }

  .logo-picker-head,
  .logo-picker-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .logo-candidates {
    grid-template-columns: 1fr;
  }

  .icon-picker-sheet {
    max-height: 88dvh;
  }

  .icon-picker-head,
  .icon-picker-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .icon-picker-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .studio-dashboard .slide-content {
    gap: 1rem;
    grid-template-columns: 1fr;
    padding-inline: 1.2rem;
    padding-top: 6.5rem;
  }

  .dashboard-copy {
    align-items: start;
    grid-template-columns: 1fr;
  }

  .dashboard-meta,
  .dashboard-copy h1,
  .dashboard-copy .subtitle {
    grid-column: auto;
    grid-row: auto;
    justify-self: start;
  }

  .dashboard-copy h1 {
    font-size: clamp(2.9rem, 15vw, 4.6rem);
    max-width: 10ch;
  }

  .dashboard-deck-card h2 {
    text-overflow: clip;
    text-wrap: balance;
    white-space: normal;
  }

  .dashboard-grid,
  .settings-overview,
  .settings-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-deck-card {
    min-height: 7.2rem;
  }

  .project-settings-panel {
    padding: 0.7rem;
  }

  .download-controls {
    bottom: 0.7rem;
    left: 0.7rem;
  }

  .pill-button span {
    display: none;
  }

  .display-title,
  .quote-text {
    font-size: clamp(2.7rem, 13vw, 4.6rem);
    max-width: 8ch;
  }

  .quote-mark-wrap {
    padding-top: 0;
  }

  .quote-mark {
    font-size: clamp(4.2rem, 16vw, 5.8rem);
  }

  .closing-quote__text {
    font-size: clamp(2.45rem, 13vw, 4rem);
    line-height: 1.02;
    max-width: 9.5ch;
  }

  .closing-quote__meta {
    font-size: 0.62rem;
    letter-spacing: 0.16em;
  }

  .sam-altman-closing-quote .slide-content {
    grid-template-columns: 1fr;
  }

  .sam-altman-closing-quote__copy {
    max-width: 100%;
  }

  .sam-altman-closing-quote__text {
    max-width: 10ch;
  }

.slide h2,
.closing-signal h2 {
  font-size: clamp(2.7rem, 13vw, 4.4rem);
  max-width: 8ch;
}

  .client-title .slide-content {
    grid-template-columns: 1fr;
  }

  .client-title__logo-panel {
    min-height: auto;
  }

  .client-title__logo {
    max-height: min(14vh, 6.5rem);
    width: min(100%, 22rem);
  }

  .vesthimmerlands-intro-hero__copy {
    max-width: 100%;
  }

  .vesthimmerlands-intro-hero__meta {
    gap: 1rem;
  }

  .vesthimmerlands-intro-hero__logo {
    width: min(100%, 18rem);
  }

  .vesthimmerlands-intro-hero__visual img {
    width: min(100%, 32rem);
  }

  .subtitle,
  .body-copy {
    max-width: 92vw;
  }

  .cards-grid,
  .font-samples,
  .system-index-grid,
  .component-grid,
  .chat-board {
    grid-template-columns: 1fr;
  }

  .system-intro,
  .system-section-desc {
    max-width: 92vw;
  }

  .component-card:nth-child(n + 4),
  .system-index-card:nth-child(n + 5) {
    display: none;
  }

  .triangle-stage {
    gap: clamp(0.8rem, 2vh, 1.2rem);
  }

  .triangle-model {
    justify-self: center;
    width: min(100%, 24rem, 86vw, calc((100dvh - 12rem) * 1.154700538));
  }

  .triangle-tokens {
    display: none;
  }

  .framework-card:nth-child(n + 4) {
    display: none;
  }

  .callout {
    font-size: clamp(1.8rem, 9vw, 2.7rem);
  }
}




















































































































/* === GENERATED SLIDE STYLE UTILITIES === */
.slide-style-01ca0da303 {
  --x:5.68%;
  --y:36.77%;
  --chip-z:176px;
  --chip-scale:1.126;
  --chip-rotate:0.5728deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:-1.79deg;
  --delay:-13.76s;
  --term-stagger:4362ms;
  --float:8.08s;
  --word-opacity:0.78;
  --word-blur:0px;
  --z-order:184;
}

.slide-style-01d899e5eb {
  --x:75.55%;
  --y:39.2%;
  --chip-z:-58px;
  --chip-scale:0.959;
  --chip-rotate:1.0592000000000001deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-3.31deg;
  --delay:-22.88s;
  --term-stagger:3938ms;
  --float:9.04s;
  --word-opacity:0.554;
  --word-blur:0px;
  --z-order:-50;
}

.slide-style-031a383900 {
  --x:9.7%;
  --y:8%;
  --chip-z:114px;
  --chip-scale:0.908;
  --chip-rotate:1.5616deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-4.88deg;
  --delay:-1.12s;
  --term-stagger:677ms;
  --float:8.559999999999999s;
  --word-opacity:0.72;
  --word-blur:0px;
  --z-order:122;
}

.slide-style-034359d7a8 {
  width: 0%;
}

.slide-style-037de77ff7 {
  --x:20.45%;
  --y:74.08%;
  --chip-z:-172px;
  --chip-scale:0.737;
  --chip-rotate:-0.4096deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:1.28deg;
  --delay:-31.68s;
  --term-stagger:410ms;
  --float:9.04s;
  --word-opacity:0.443;
  --word-blur:0.19px;
  --z-order:-164;
}

.slide-style-03ff9cbf3c {
  --x:73.67%;
  --y:77.5%;
  --chip-z:-292px;
  --chip-scale:0.665;
  --chip-rotate:-0.9440000000000001deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:2.95deg;
  --delay:-33.44s;
  --term-stagger:3870ms;
  --float:9.52s;
  --word-opacity:0.327;
  --word-blur:0.42px;
  --z-order:-284;
}

.slide-style-060dbf2f22 {
  --x:47.85%;
  --y:82.84%;
  --chip-z:2px;
  --chip-scale:0.841;
  --chip-rotate:-1.5456deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:4.83deg;
  --delay:-30.72s;
  --term-stagger:1983ms;
  --float:8.559999999999999s;
  --word-opacity:0.612;
  --word-blur:0px;
  --z-order:10;
}

.slide-style-068ba6e2e8 {
  --x:31%;
  --y:35%;
  --chip-z:-8px;
  --chip-scale:0.835;
  --chip-rotate:0deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:0deg;
  --delay:-1.6s;
  --term-stagger:3493ms;
  --float:7.6s;
  --word-opacity:0.602;
  --word-blur:0px;
  --z-order:0;
}

.slide-style-070715fb75 {
  --stagger-index: 5;
}

.slide-style-07c433fbe6 {
  --x:9.34%;
  --y:18.24%;
  --chip-z:-234px;
  --chip-scale:0.949;
  --chip-rotate:-1.1904000000000001deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:3.72deg;
  --delay:-0.16s;
  --term-stagger:1798ms;
  --float:8.08s;
  --word-opacity:0.383;
  --word-blur:0.31px;
  --z-order:-226;
}

.slide-style-0853ed1fff {
  --x:32.86%;
  --y:43.82%;
  --chip-z:-118px;
  --chip-scale:0.98;
  --chip-rotate:-0.3072deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:0.96deg;
  --delay:-16.48s;
  --term-stagger:1232ms;
  --float:9.04s;
  --word-opacity:0.496;
  --word-blur:0.08px;
  --z-order:-110;
}

.slide-style-08f5a41302 {
  --x:48.44%;
  --y:19.96%;
  --chip-z:116px;
  --chip-scale:1.159;
  --chip-rotate:-0.8256deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:2.58deg;
  --delay:-7.36s;
  --term-stagger:2830ms;
  --float:8.08s;
  --word-opacity:0.722;
  --word-blur:0px;
  --z-order:124;
}

.slide-style-09245609a4 {
  --risk-width:70%;
  --risk-offset:0%;
}

.slide-style-094226d456 {
  --x:27.64%;
  --y:64.26%;
  --chip-z:-202px;
  --chip-scale:0.856;
  --chip-rotate:0.4416deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:-1.38deg;
  --delay:-27.04s;
  --term-stagger:875ms;
  --float:9.52s;
  --word-opacity:0.414;
  --word-blur:0.24px;
  --z-order:-194;
}

.slide-style-09c7bb9a8c {
  --x:69.73%;
  --y:73.65%;
  --chip-z:-234px;
  --chip-scale:0.7;
  --chip-rotate:-0.3776deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:1.18deg;
  --delay:-32.160000000000004s;
  --term-stagger:3345ms;
  --float:8.08s;
  --word-opacity:0.383;
  --word-blur:0.31px;
  --z-order:-226;
}

.slide-style-09fe55070a {
  --x:54.96%;
  --y:41.87%;
  --chip-z:-88px;
  --chip-scale:0.787;
  --chip-rotate:0.4096deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-1.28deg;
  --delay:-19.68s;
  --term-stagger:3ms;
  --float:9.04s;
  --word-opacity:0.525;
  --word-blur:0.02px;
  --z-order:-80;
}

.slide-style-0a53f65a0a {
  --score:2.5;
}

.slide-style-0a66b68f2a {
  --x:64%;
  --y:38%;
  --chip-z:94px;
  --chip-scale:1.142;
  --chip-rotate:0.544deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:-1.7deg;
  --delay:-0.32s;
  --term-stagger:3685ms;
  --float:8.559999999999999s;
  --word-opacity:0.701;
  --word-blur:0px;
  --z-order:102;
}

.slide-style-0b43051540 {
  --x:69.73%;
  --y:23.97%;
  --chip-z:0px;
  --chip-scale:0.84;
  --chip-rotate:-0.9984000000000001deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:3.12deg;
  --delay:-8.48s;
  --term-stagger:2951ms;
  --float:9.04s;
  --word-opacity:0.61;
  --word-blur:0px;
  --z-order:8;
}

.slide-style-0c046e71ff {
  --x:41%;
  --y:57%;
  --chip-z:28px;
  --chip-scale:0.857;
  --chip-rotate:-1.632deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:5.1deg;
  --delay:-4.32s;
  --term-stagger:266ms;
  --float:8.559999999999999s;
  --word-opacity:0.637;
  --word-blur:0px;
  --z-order:36;
}

.slide-style-0e522ace6a {
  background-image:url('/presentations/aarhus-kommune/assets/images/ai-brain_hd.webp');
  background-position:46% center;
}

.slide-style-0ee041afb3 {
  --x:42.29%;
  --y:14.67%;
  --chip-z:-262px;
  --chip-scale:0.683;
  --chip-rotate:-0.7008deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:2.19deg;
  --delay:-3.2s;
  --term-stagger:31ms;
  --float:7.6s;
  --word-opacity:0.356;
  --word-blur:0.36px;
  --z-order:-254;
}

.slide-style-0f0a7d8019 {
  --x:62.12%;
  --y:60.2%;
  --chip-z:114px;
  --chip-scale:1.081;
  --chip-rotate:1.7536000000000003deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-5.48deg;
  --delay:-34.56s;
  --term-stagger:3156ms;
  --float:8.08s;
  --word-opacity:0.72;
  --word-blur:0px;
  --z-order:122;
}

.slide-style-0f55e7b1b3 {
  --x:34%;
  --y:67%;
  --chip-z:84px;
  --chip-scale:1.134;
  --chip-rotate:0deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:0deg;
  --delay:-0.48s;
  --term-stagger:4253ms;
  --float:9.04s;
  --word-opacity:0.691;
  --word-blur:0px;
  --z-order:92;
}

.slide-style-0f5a8d0b37 {
  --x:60.39%;
  --y:8%;
  --chip-z:174px;
  --chip-scale:0.944;
  --chip-rotate:1.6576deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-5.18deg;
  --delay:-7.5200000000000005s;
  --term-stagger:3579ms;
  --float:8.559999999999999s;
  --word-opacity:0.779;
  --word-blur:0px;
  --z-order:182;
}

.slide-style-0f709bc686 {
  --x:89.78%;
  --y:16.37%;
  --chip-z:-86px;
  --chip-scale:0.788;
  --chip-rotate:0.4416deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:-1.38deg;
  --delay:-9.92s;
  --term-stagger:4302ms;
  --float:8.559999999999999s;
  --word-opacity:0.527;
  --word-blur:0.02px;
  --z-order:-78;
}

.slide-style-0ffe6a1113 {
  --x:52.59%;
  --y:31.09%;
  --chip-z:-204px;
  --chip-scale:0.718;
  --chip-rotate:1.4176deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-4.43deg;
  --delay:-22.240000000000002s;
  --term-stagger:638ms;
  --float:9.52s;
  --word-opacity:0.412;
  --word-blur:0.25px;
  --z-order:-196;
}

.slide-style-1037ab276c {
  --x:27.4%;
  --y:40.03%;
  --chip-z:-176px;
  --chip-scale:0.734;
  --chip-rotate:0.3072deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-0.96deg;
  --delay:-17.76s;
  --term-stagger:1498ms;
  --float:8.08s;
  --word-opacity:0.44;
  --word-blur:0.19px;
  --z-order:-168;
}

.slide-style-136a022f8c {
  --x:72.38%;
  --y:30.57%;
  --chip-z:204px;
  --chip-scale:0.962;
  --chip-rotate:-1.6480000000000001deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:5.15deg;
  --delay:-12.16s;
  --term-stagger:3605ms;
  --float:8.08s;
  --word-opacity:0.808;
  --word-blur:0px;
  --z-order:212;
}

.slide-style-1404c0c151 {
  --risk-width:90%;
  --risk-offset:0%;
}

.slide-style-156664a473 {
  --x:71.09%;
  --y:32.68%;
  --chip-z:-262px;
  --chip-scale:0.683;
  --chip-rotate:1.5456deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:-4.83deg;
  --delay:-20.64s;
  --term-stagger:4363ms;
  --float:9.52s;
  --word-opacity:0.356;
  --word-blur:0.36px;
  --z-order:-254;
}

.slide-style-15e3c32f91 {
  --x:90.83%;
  --y:79.56%;
  --chip-z:-262px;
  --chip-scale:0.683;
  --chip-rotate:-1.4591999999999998deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:4.56deg;
  --delay:-36.64s;
  --term-stagger:2608ms;
  --float:9.52s;
  --word-opacity:0.356;
  --word-blur:0.36px;
  --z-order:-254;
}

.slide-style-161ebac3c4 {
  --x:25.74%;
  --y:8%;
  --chip-z:-88px;
  --chip-scale:0.787;
  --chip-rotate:1.4176deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-4.43deg;
  --delay:-5.12s;
  --term-stagger:2875ms;
  --float:8.559999999999999s;
  --word-opacity:0.525;
  --word-blur:0.02px;
  --z-order:-80;
}

.slide-style-172aadbb96 {
  --x:59.53%;
  --y:50.22%;
  --chip-z:28px;
  --chip-scale:0.857;
  --chip-rotate:-1.6703999999999999deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:5.22deg;
  --delay:-20s;
  --term-stagger:1591ms;
  --float:7.6s;
  --word-opacity:0.637;
  --word-blur:0px;
  --z-order:36;
}

.slide-style-17debdf2d9 {
  --x:66.08%;
  --y:36.87%;
  --chip-z:-204px;
  --chip-scale:0.718;
  --chip-rotate:1.7408000000000001deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:-5.44deg;
  --delay:-19.36s;
  --term-stagger:3925ms;
  --float:8.08s;
  --word-opacity:0.412;
  --word-blur:0.25px;
  --z-order:-196;
}

.slide-style-1a472ac542 {
  --x:55%;
  --y:70%;
  --chip-z:-12px;
  --chip-scale:0.833;
  --chip-rotate:1.088deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:-3.4deg;
  --delay:-3.52s;
  --term-stagger:2368ms;
  --float:8.559999999999999s;
  --word-opacity:0.598;
  --word-blur:0px;
  --z-order:-4;
}

.slide-style-1b8896b36d {
  --x:21.6%;
  --y:8%;
  --chip-z:-234px;
  --chip-scale:0.833;
  --chip-rotate:1.5936000000000001deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:-4.98deg;
  --delay:-1.6s;
  --term-stagger:2982ms;
  --float:7.6s;
  --word-opacity:0.383;
  --word-blur:0.31px;
  --z-order:-226;
}

.slide-style-1b9e4b5a04 {
  --x:27.77%;
  --y:71.31%;
  --chip-z:118px;
  --chip-scale:1.084;
  --chip-rotate:-0.032deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:0.1deg;
  --delay:-29.6s;
  --term-stagger:1785ms;
  --float:7.6s;
  --word-opacity:0.724;
  --word-blur:0px;
  --z-order:126;
}

.slide-style-1baca76ddd {
  --x:49.94%;
  --y:74.33%;
  --chip-z:-234px;
  --chip-scale:0.7;
  --chip-rotate:-0.3072deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:0.96deg;
  --delay:-33.6s;
  --term-stagger:4126ms;
  --float:7.6s;
  --word-opacity:0.383;
  --word-blur:0.31px;
  --z-order:-226;
}

.slide-style-1bf3ab886b {
  --x:5.67%;
  --y:64.14%;
  --chip-z:262px;
  --chip-scale:0.997;
  --chip-rotate:0.8256deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-2.58deg;
  --delay:-26.88s;
  --term-stagger:4999ms;
  --float:9.04s;
  --word-opacity:0.864;
  --word-blur:0px;
  --z-order:270;
}

.slide-style-1cb16c064e {
  --x:44.9%;
  --y:78.35%;
  --chip-z:60px;
  --chip-scale:0.876;
  --chip-rotate:-1.1648deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:3.64deg;
  --delay:-29.44s;
  --term-stagger:1467ms;
  --float:9.52s;
  --word-opacity:0.668;
  --word-blur:0px;
  --z-order:68;
}

.slide-style-1e68620b7e {
  --x:54%;
  --y:35%;
  --chip-z:26px;
  --chip-scale:0.856;
  --chip-rotate:1.088deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:-3.4deg;
  --delay:-4.64s;
  --term-stagger:1603ms;
  --float:9.52s;
  --word-opacity:0.635;
  --word-blur:0px;
  --z-order:34;
}

.slide-style-202f307ea8 {
  --x:74.75%;
  --y:33.51%;
  --chip-z:-116px;
  --chip-scale:0.981;
  --chip-rotate:1.4752deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-4.61deg;
  --delay:-24.16s;
  --term-stagger:4258ms;
  --float:8.08s;
  --word-opacity:0.498;
  --word-blur:0.08px;
  --z-order:-108;
}

.slide-style-2056c62e9e {
  --x:60%;
  --y:67%;
  --chip-z:62px;
  --chip-scale:1.044;
  --chip-rotate:-0.544deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:1.7deg;
  --delay:-0.64s;
  --term-stagger:196ms;
  --float:9.52s;
  --word-opacity:0.67;
  --word-blur:0px;
  --z-order:70;
}

.slide-style-22c57785d8 {
  --x:87.15%;
  --y:85.91%;
  --chip-z:202px;
  --chip-scale:1.224;
  --chip-rotate:-1.7088deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:5.34deg;
  --delay:-37.92s;
  --term-stagger:3036ms;
  --float:8.559999999999999s;
  --word-opacity:0.806;
  --word-blur:0px;
  --z-order:210;
}

.slide-style-24660bc8b3 {
  --x:34.67%;
  --y:30.12%;
  --chip-z:-2px;
  --chip-scale:0.839;
  --chip-rotate:1.5616deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:-4.88deg;
  --delay:-18.240000000000002s;
  --term-stagger:3596ms;
  --float:9.52s;
  --word-opacity:0.608;
  --word-blur:0px;
  --z-order:6;
}

.slide-style-2479a443cb {
  --x:89.51%;
  --y:74.74%;
  --chip-z:-204px;
  --chip-scale:0.914;
  --chip-rotate:-1.0336deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:3.23deg;
  --delay:-35.36s;
  --term-stagger:2115ms;
  --float:8.08s;
  --word-opacity:0.412;
  --word-blur:0.25px;
  --z-order:-196;
}

.slide-style-254dd7636f {
  --x:75.96%;
  --y:53.87%;
  --chip-z:-232px;
  --chip-scale:0.701;
  --chip-rotate:-1.5296deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:4.78deg;
  --delay:-25.28s;
  --term-stagger:4251ms;
  --float:9.04s;
  --word-opacity:0.385;
  --word-blur:0.3px;
  --z-order:-224;
}

.slide-style-2732ec647d {
  --x:42%;
  --y:72%;
  --chip-z:18px;
  --chip-scale:1.013;
  --chip-rotate:1.632deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-5.1deg;
  --delay:-1.12s;
  --term-stagger:2058ms;
  --float:8.559999999999999s;
  --word-opacity:0.627;
  --word-blur:0px;
  --z-order:26;
}

.slide-style-293b8443d3 {
  --x:82%;
  --y:72.26%;
  --chip-z:86px;
  --chip-scale:1.061;
  --chip-rotate:-0.10560000000000001deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:0.33deg;
  --delay:-36.160000000000004s;
  --term-stagger:260ms;
  --float:8.08s;
  --word-opacity:0.693;
  --word-blur:0px;
  --z-order:94;
}

.slide-style-2a301b25fa {
  --x:95%;
  --y:39.7%;
  --chip-z:232px;
  --chip-scale:1.247;
  --chip-rotate:0.5408deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:-1.69deg;
  --delay:-25.12s;
  --term-stagger:3689ms;
  --float:8.559999999999999s;
  --word-opacity:0.835;
  --word-blur:0px;
  --z-order:240;
}

.slide-style-2de3e4bf40 {
  --x:46.39%;
  --y:8%;
  --chip-z:232px;
  --chip-scale:0.979;
  --chip-rotate:1.2352deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:-3.86deg;
  --delay:-9.120000000000001s;
  --term-stagger:5151ms;
  --float:8.559999999999999s;
  --word-opacity:0.835;
  --word-blur:0px;
  --z-order:240;
}

.slide-style-2e1e077780 {
  --x:29.23%;
  --y:23.74%;
  --chip-z:114px;
  --chip-scale:0.908;
  --chip-rotate:-1.1328deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:3.54deg;
  --delay:-2.56s;
  --term-stagger:2323ms;
  --float:8.08s;
  --word-opacity:0.72;
  --word-blur:0px;
  --z-order:122;
}

.slide-style-30be81e270 {
  --x:62%;
  --y:49%;
  --chip-z:44px;
  --chip-scale:1.031;
  --chip-rotate:1.632deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:-5.1deg;
  --delay:-2.24s;
  --term-stagger:1806ms;
  --float:9.52s;
  --word-opacity:0.653;
  --word-blur:0px;
  --z-order:52;
}

.slide-style-31ee234e69 {
  --scene-scale:1.58;
  --scene-shift-x:2.799999999999997%;
  --scene-shift-y:-0.5%;
}

.slide-style-331dfa44c2 {
  --x:76.93%;
  --y:47.09%;
  --chip-z:144px;
  --chip-scale:0.926;
  --chip-rotate:-0.7008deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:2.19deg;
  --delay:-20.32s;
  --term-stagger:3248ms;
  --float:8.559999999999999s;
  --word-opacity:0.75;
  --word-blur:0px;
  --z-order:152;
}

.slide-style-3514b8bdd2 {
  --x:31%;
  --y:58%;
  --chip-z:-12px;
  --chip-scale:0.833;
  --chip-rotate:-0.544deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:1.7deg;
  --delay:-2.88s;
  --term-stagger:4200ms;
  --float:9.04s;
  --word-opacity:0.598;
  --word-blur:0px;
  --z-order:-4;
}

.slide-style-351a3e095a {
  --x:5%;
  --y:24.34%;
  --chip-z:-2px;
  --chip-scale:0.999;
  --chip-rotate:-1.44deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:4.5deg;
  --delay:-2.24s;
  --term-stagger:516ms;
  --float:9.52s;
  --word-opacity:0.608;
  --word-blur:0px;
  --z-order:6;
}

.slide-style-3661bff5f2 {
  --x:12.73%;
  --y:28.95%;
  --chip-z:-172px;
  --chip-scale:0.737;
  --chip-rotate:1.6703999999999999deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:-5.22deg;
  --delay:-14.24s;
  --term-stagger:1283ms;
  --float:9.52s;
  --word-opacity:0.443;
  --word-blur:0.19px;
  --z-order:-164;
}

.slide-style-36c8f106b4 {
  --score:18;
}

.slide-style-3aa3c0217f {
  --x:79.01%;
  --y:11.32%;
  --chip-z:30px;
  --chip-scale:0.858;
  --chip-rotate:1.7344deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-5.42deg;
  --delay:-10.24s;
  --term-stagger:255ms;
  --float:9.52s;
  --word-opacity:0.639;
  --word-blur:0px;
  --z-order:38;
}

.slide-style-3c073fdcb5 {
  --score:28;
}

.slide-style-3c7a4ecc6d {
  --x:48.82%;
  --y:50.09%;
  --chip-z:-234px;
  --chip-scale:0.7;
  --chip-rotate:-1.3984deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:4.37deg;
  --delay:-17.6s;
  --term-stagger:1292ms;
  --float:7.6s;
  --word-opacity:0.383;
  --word-blur:0.31px;
  --z-order:-226;
}

.slide-style-3cc62eb0ea {
  --x:48.89%;
  --y:65.96%;
  --chip-z:-60px;
  --chip-scale:0.804;
  --chip-rotate:1.1904000000000001deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:-3.72deg;
  --delay:-34.08s;
  --term-stagger:903ms;
  --float:9.04s;
  --word-opacity:0.552;
  --word-blur:0px;
  --z-order:-52;
}

.slide-style-3db6168f78 {
  --x:82%;
  --y:60.74%;
  --chip-z:144px;
  --chip-scale:0.926;
  --chip-rotate:1.5456deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-4.83deg;
  --delay:-37.76s;
  --term-stagger:1921ms;
  --float:8.08s;
  --word-opacity:0.75;
  --word-blur:0px;
  --z-order:152;
}

.slide-style-3fac4dcd39 {
  --x:60%;
  --y:69%;
  --chip-z:-18px;
  --chip-scale:0.829;
  --chip-rotate:0.544deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-1.7deg;
  --delay:-3.68s;
  --term-stagger:3141ms;
  --float:9.04s;
  --word-opacity:0.593;
  --word-blur:0px;
  --z-order:-10;
}

.slide-style-40e2e939b2 {
  --x:59.62%;
  --y:34.46%;
  --chip-z:86px;
  --chip-scale:1.136;
  --chip-rotate:1.6063999999999998deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:-5.02deg;
  --delay:-20.16s;
  --term-stagger:2089ms;
  --float:8.08s;
  --word-opacity:0.693;
  --word-blur:0px;
  --z-order:94;
}

.slide-style-42433c1a88 {
  --x:82%;
  --y:54.5%;
  --chip-z:116px;
  --chip-scale:1.083;
  --chip-rotate:-1.6192deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:5.06deg;
  --delay:-24.8s;
  --term-stagger:2259ms;
  --float:7.6s;
  --word-opacity:0.722;
  --word-blur:0px;
  --z-order:124;
}

.slide-style-432336ed3a {
  --x:35%;
  --y:68%;
  --chip-z:-16px;
  --chip-scale:0.83;
  --chip-rotate:-1.088deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:3.4deg;
  --delay:-3.04s;
  --term-stagger:5099ms;
  --float:9.52s;
  --word-opacity:0.595;
  --word-blur:0px;
  --z-order:-8;
}

.slide-style-4356b2be34 {
  --x:29.23%;
  --y:36.48%;
  --chip-z:234px;
  --chip-scale:0.98;
  --chip-rotate:0.7008deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-2.19deg;
  --delay:-13.92s;
  --term-stagger:259ms;
  --float:8.559999999999999s;
  --word-opacity:0.837;
  --word-blur:0px;
  --z-order:242;
}

.slide-style-436ed110d1 {
  --x:95%;
  --y:69.25%;
  --chip-z:-204px;
  --chip-scale:0.854;
  --chip-rotate:0.2752deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-0.86deg;
  --delay:-38.24s;
  --term-stagger:4355ms;
  --float:9.52s;
  --word-opacity:0.412;
  --word-blur:0.25px;
  --z-order:-196;
}

.slide-style-44c716b4e3 {
  --x:69.49%;
  --y:43.05%;
  --chip-z:232px;
  --chip-scale:0.979;
  --chip-rotate:0.1376deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-0.43deg;
  --delay:-23.68s;
  --term-stagger:2190ms;
  --float:9.04s;
  --word-opacity:0.835;
  --word-blur:0px;
  --z-order:240;
}

.slide-style-44dc657b50 {
  --x:51.96%;
  --y:36.28%;
  --chip-z:-118px;
  --chip-scale:1.044;
  --chip-rotate:0.9440000000000001deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-2.95deg;
  --delay:-17.92s;
  --term-stagger:2568ms;
  --float:8.559999999999999s;
  --word-opacity:0.496;
  --word-blur:0.08px;
  --z-order:-110;
}

.slide-style-4642565149 {
  --x:11.66%;
  --y:66.26%;
  --chip-z:-202px;
  --chip-scale:0.916;
  --chip-rotate:0.2432deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-0.76deg;
  --delay:-25.6s;
  --term-stagger:4721ms;
  --float:7.6s;
  --word-opacity:0.414;
  --word-blur:0.24px;
  --z-order:-194;
}

.slide-style-467117c3d0 {
  --x:46.81%;
  --y:10.53%;
  --chip-z:-232px;
  --chip-scale:0.701;
  --chip-rotate:0.7328deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:-2.29deg;
  --delay:-7.84s;
  --term-stagger:4783ms;
  --float:9.52s;
  --word-opacity:0.385;
  --word-blur:0.3px;
  --z-order:-224;
}

.slide-style-46bf3ffde1 {
  --x:5%;
  --y:17.88%;
  --chip-z:-292px;
  --chip-scale:0.665;
  --chip-rotate:-0.672deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:2.1deg;
  --delay:-1.44s;
  --term-stagger:2127ms;
  --float:9.52s;
  --word-opacity:0.327;
  --word-blur:0.42px;
  --z-order:-284;
}

.slide-style-4748cfff5c {
  --x:64.45%;
  --y:66.64%;
  --chip-z:-118px;
  --chip-scale:0.769;
  --chip-rotate:1.68deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-5.25deg;
  --delay:-32.480000000000004s;
  --term-stagger:4566ms;
  --float:9.04s;
  --word-opacity:0.496;
  --word-blur:0.08px;
  --z-order:-110;
}

.slide-style-49e1262564 {
  --x:14.97%;
  --y:56.85%;
  --chip-z:-86px;
  --chip-scale:0.788;
  --chip-rotate:1.7344deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-5.42deg;
  --delay:-27.36s;
  --term-stagger:1966ms;
  --float:8.08s;
  --word-opacity:0.527;
  --word-blur:0.02px;
  --z-order:-78;
}

.slide-style-4ac772435a {
  --x:26.93%;
  --y:41.02%;
  --chip-z:-56px;
  --chip-scale:0.96;
  --chip-rotate:-0.2752deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:0.86deg;
  --delay:-13.120000000000001s;
  --term-stagger:1974ms;
  --float:8.559999999999999s;
  --word-opacity:0.556;
  --word-blur:0px;
  --z-order:-48;
}

.slide-style-4ad033fed2 {
  --x:71.68%;
  --y:49.78%;
  --chip-z:0px;
  --chip-scale:0.84;
  --chip-rotate:-0.8256deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:2.58deg;
  --delay:-24.48s;
  --term-stagger:620ms;
  --float:9.04s;
  --word-opacity:0.61;
  --word-blur:0px;
  --z-order:8;
}

.slide-style-4b30aea872 {
  --x:29.57%;
  --y:49.3%;
  --chip-z:-172px;
  --chip-scale:0.877;
  --chip-rotate:-1.3312000000000002deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:4.16deg;
  --delay:-15.68s;
  --term-stagger:2943ms;
  --float:9.04s;
  --word-opacity:0.443;
  --word-blur:0.19px;
  --z-order:-164;
}

.slide-style-4c755a5558 {
  --x:72%;
  --y:80%;
  --chip-z:120px;
  --chip-scale:1.162;
  --chip-rotate:-1.1072deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:3.46deg;
  --delay:-36.32s;
  --term-stagger:892ms;
  --float:8.559999999999999s;
  --word-opacity:0.726;
  --word-blur:0px;
  --z-order:128;
}

.slide-style-4df09cd747 {
  --x:58.01%;
  --y:68.21%;
  --chip-z:-292px;
  --chip-scale:0.791;
  --chip-rotate:1.44deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-4.5deg;
  --delay:-32s;
  --term-stagger:2374ms;
  --float:7.6s;
  --word-opacity:0.327;
  --word-blur:0.42px;
  --z-order:-284;
}

.slide-style-4ed1caec52 {
  --x:45.99%;
  --y:21.75%;
  --chip-z:202px;
  --chip-scale:0.961;
  --chip-rotate:-1.2128deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:3.79deg;
  --delay:-4.48s;
  --term-stagger:594ms;
  --float:9.04s;
  --word-opacity:0.806;
  --word-blur:0px;
  --z-order:210;
}

.slide-style-4fece31cb8 {
  --x:52.99%;
  --y:53.56%;
  --chip-z:-30px;
  --chip-scale:0.822;
  --chip-rotate:-1.376deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:4.3deg;
  --delay:-21.28s;
  --term-stagger:1931ms;
  --float:9.04s;
  --word-opacity:0.581;
  --word-blur:0px;
  --z-order:-22;
}

.slide-style-502363af8c {
  --x:5.6%;
  --y:42.63%;
  --chip-z:-56px;
  --chip-scale:0.806;
  --chip-rotate:-0.4096deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:1.28deg;
  --delay:-14.56s;
  --term-stagger:2741ms;
  --float:8.08s;
  --word-opacity:0.556;
  --word-blur:0px;
  --z-order:-48;
}

.slide-style-51991e24af {
  --stagger-index: 1;
}

.slide-style-51f264348f {
  --x:16.75%;
  --y:8.51%;
  --chip-z:-176px;
  --chip-scale:0.997;
  --chip-rotate:1.7536000000000003deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:-5.48deg;
  --delay:-0.32s;
  --term-stagger:2498ms;
  --float:8.559999999999999s;
  --word-opacity:0.44;
  --word-blur:0.19px;
  --z-order:-168;
}

.slide-style-52511dfda2 {
  --x:89.89%;
  --y:29.37%;
  --chip-z:30px;
  --chip-scale:0.858;
  --chip-rotate:-1.4944deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:4.67deg;
  --delay:-11.68s;
  --term-stagger:1784ms;
  --float:9.04s;
  --word-opacity:0.639;
  --word-blur:0px;
  --z-order:38;
}

.slide-style-5323480686 {
  --x:33.81%;
  --y:35.61%;
  --chip-z:56px;
  --chip-scale:0.874;
  --chip-rotate:1.1904000000000001deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:-3.72deg;
  --delay:-16.96s;
  --term-stagger:3245ms;
  --float:8.08s;
  --word-opacity:0.664;
  --word-blur:0px;
  --z-order:64;
}

.slide-style-53f5aed584 {
  --x:51.78%;
  --y:8%;
  --chip-z:-262px;
  --chip-scale:0.683;
  --chip-rotate:0.64deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:-2deg;
  --delay:-6.08s;
  --term-stagger:2323ms;
  --float:9.04s;
  --word-opacity:0.356;
  --word-blur:0.36px;
  --z-order:-254;
}

.slide-style-5436329720 {
  --x:20.11%;
  --y:33.45%;
  --chip-z:60px;
  --chip-scale:1.116;
  --chip-rotate:1.7088deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-5.34deg;
  --delay:-13.44s;
  --term-stagger:3162ms;
  --float:9.52s;
  --word-opacity:0.668;
  --word-blur:0px;
  --z-order:68;
}

.slide-style-55f42a1773 {
  --x:5%;
  --y:31.32%;
  --chip-z:118px;
  --chip-scale:1.16;
  --chip-rotate:1.1104deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:-3.47deg;
  --delay:-15.040000000000001s;
  --term-stagger:4687ms;
  --float:9.52s;
  --word-opacity:0.724;
  --word-blur:0px;
  --z-order:126;
}

.slide-style-563ccc921f {
  --score:3.5;
}

.slide-style-56467981ae {
  --score:8.5;
}

.slide-style-566d5c474e {
  --x:39.53%;
  --y:8%;
  --chip-z:86px;
  --chip-scale:0.892;
  --chip-rotate:1.6896000000000002deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-5.28deg;
  --delay:-5.6000000000000005s;
  --term-stagger:12ms;
  --float:7.6s;
  --word-opacity:0.693;
  --word-blur:0px;
  --z-order:94;
}

.slide-style-5970254078 {
  --x:95%;
  --y:11.93%;
  --chip-z:146px;
  --chip-scale:1.182;
  --chip-rotate:0.7968000000000001deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-2.49deg;
  --delay:-12s;
  --term-stagger:3046ms;
  --float:7.6s;
  --word-opacity:0.751;
  --word-blur:0px;
  --z-order:154;
}

.slide-style-597fe22d5a {
  --x:34.43%;
  --y:68.54%;
  --chip-z:-172px;
  --chip-scale:1;
  --chip-rotate:0.9184000000000001deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-2.87deg;
  --delay:-28.8s;
  --term-stagger:3557ms;
  --float:7.6s;
  --word-opacity:0.443;
  --word-blur:0.19px;
  --z-order:-164;
}

.slide-style-5a0a866a5b {
  --x:27%;
  --y:15.27%;
  --chip-z:190px;
  --chip-scale:1.295;
  --chip-rotate:-0.5728deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:1.79deg;
  --delay:-3.36s;
  --term-stagger:480ms;
  --float:8.08s;
  --word-opacity:0.794;
  --word-blur:0px;
  --z-order:198;
}

.slide-style-5b552786cc {
  --x:51.58%;
  --y:36.75%;
  --chip-z:-146px;
  --chip-scale:0.896;
  --chip-rotate:0.9728deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-3.04deg;
  --delay:-20.96s;
  --term-stagger:287ms;
  --float:8.08s;
  --word-opacity:0.469;
  --word-blur:0.14px;
  --z-order:-138;
}

.slide-style-5b8c66d5f6 {
  --x:8.55%;
  --y:44.56%;
  --chip-z:2px;
  --chip-scale:0.841;
  --chip-rotate:-0.9728deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:3.04deg;
  --delay:-13.280000000000001s;
  --term-stagger:2409ms;
  --float:9.04s;
  --word-opacity:0.612;
  --word-blur:0px;
  --z-order:10;
}

.slide-style-5b9658b5ba {
  --x:31.48%;
  --y:70.14%;
  --chip-z:262px;
  --chip-scale:0.997;
  --chip-rotate:-0.1696deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:0.53deg;
  --delay:-28.32s;
  --term-stagger:1425ms;
  --float:8.559999999999999s;
  --word-opacity:0.864;
  --word-blur:0px;
  --z-order:270;
}

.slide-style-5bef225b83 {
  --x:35.49%;
  --y:25.24%;
  --chip-z:-146px;
  --chip-scale:0.958;
  --chip-rotate:-1.7504deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:5.47deg;
  --delay:-4.96s;
  --term-stagger:2563ms;
  --float:8.08s;
  --word-opacity:0.469;
  --word-blur:0.14px;
  --z-order:-138;
}

.slide-style-5ca676ad09 {
  --x:78.52%;
  --y:28.86%;
  --chip-z:262px;
  --chip-scale:0.997;
  --chip-rotate:-1.76deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:5.5deg;
  --delay:-10.88s;
  --term-stagger:3279ms;
  --float:9.04s;
  --word-opacity:0.864;
  --word-blur:0px;
  --z-order:270;
}

.slide-style-5cb59294a3 {
  --x:19.3%;
  --y:43.35%;
  --chip-z:-172px;
  --chip-scale:1;
  --chip-rotate:-1.7568000000000001deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:5.49deg;
  --delay:-12.8s;
  --term-stagger:473ms;
  --float:7.6s;
  --word-opacity:0.443;
  --word-blur:0.19px;
  --z-order:-164;
}

.slide-style-5cde24a2d9 {
  --x:36.64%;
  --y:54.78%;
  --chip-z:-60px;
  --chip-scale:1.024;
  --chip-rotate:-1.6991999999999998deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:5.31deg;
  --delay:-18.080000000000002s;
  --term-stagger:3249ms;
  --float:9.04s;
  --word-opacity:0.552;
  --word-blur:0px;
  --z-order:-52;
}

.slide-style-5d2dc06506 {
  --x:20.95%;
  --y:53.07%;
  --chip-z:60px;
  --chip-scale:1.043;
  --chip-rotate:-1.7408000000000001deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:5.44deg;
  --delay:-14.88s;
  --term-stagger:4540ms;
  --float:9.04s;
  --word-opacity:0.668;
  --word-blur:0px;
  --z-order:68;
}

.slide-style-60055467c7 {
  --x:53%;
  --y:30%;
  --chip-z:-10px;
  --chip-scale:0.834;
  --chip-rotate:-1.632deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:5.1deg;
  --delay:-5.44s;
  --term-stagger:5026ms;
  --float:9.52s;
  --word-opacity:0.6;
  --word-blur:0px;
  --z-order:-2;
}

.slide-style-60984b3a9c {
  --x:36.79%;
  --y:81.8%;
  --chip-z:234px;
  --chip-scale:0.98;
  --chip-rotate:-1.7568000000000001deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:5.49deg;
  --delay:-29.92s;
  --term-stagger:3477ms;
  --float:8.559999999999999s;
  --word-opacity:0.837;
  --word-blur:0px;
  --z-order:242;
}

.slide-style-626622cca3 {
  --x:8%;
  --y:49.71%;
  --chip-z:234px;
  --chip-scale:0.98;
  --chip-rotate:-1.264deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:3.95deg;
  --delay:-15.36s;
  --term-stagger:1179ms;
  --float:8.08s;
  --word-opacity:0.837;
  --word-blur:0px;
  --z-order:242;
}

.slide-style-6298783f2e {
  --x:30.56%;
  --y:44.73%;
  --chip-z:-114px;
  --chip-scale:0.919;
  --chip-rotate:-0.8544deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:2.67deg;
  --delay:-14.4s;
  --term-stagger:2492ms;
  --float:7.6s;
  --word-opacity:0.5;
  --word-blur:0.07px;
  --z-order:-106;
}

.slide-style-62d96be17d {
  --x:62.67%;
  --y:26.07%;
  --chip-z:232px;
  --chip-scale:1.166;
  --chip-rotate:-1.6192deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:5.06deg;
  --delay:-7.68s;
  --term-stagger:4553ms;
  --float:9.04s;
  --word-opacity:0.835;
  --word-blur:0px;
  --z-order:240;
}

.slide-style-650ee9f0c2 {
  --x:51.19%;
  --y:17.44%;
  --chip-z:-30px;
  --chip-scale:0.979;
  --chip-rotate:-0.3392deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:1.06deg;
  --delay:-5.28s;
  --term-stagger:4131ms;
  --float:9.04s;
  --word-opacity:0.581;
  --word-blur:0px;
  --z-order:-22;
}

.slide-style-66b6d668cc {
  --x:37.43%;
  --y:36%;
  --chip-z:-234px;
  --chip-scale:0.833;
  --chip-rotate:1.6991999999999998deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:-5.31deg;
  --delay:-16.16s;
  --term-stagger:5006ms;
  --float:8.08s;
  --word-opacity:0.383;
  --word-blur:0.31px;
  --z-order:-226;
}

.slide-style-67b5a7fcad {
  --x:5.02%;
  --y:14.74%;
  --chip-z:-60px;
  --chip-scale:1.024;
  --chip-rotate:0.3072deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-0.96deg;
  --delay:-0.64s;
  --term-stagger:3782ms;
  --float:9.52s;
  --word-opacity:0.552;
  --word-blur:0px;
  --z-order:-52;
}

.slide-style-682d1fa23b {
  --x:8%;
  --y:37.82%;
  --chip-z:-114px;
  --chip-scale:0.772;
  --chip-rotate:0.2016deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-0.63deg;
  --delay:-15.84s;
  --term-stagger:3128ms;
  --float:9.52s;
  --word-opacity:0.5;
  --word-blur:0.07px;
  --z-order:-106;
}

.slide-style-68467b568b {
  --x:27.87%;
  --y:8%;
  --chip-z:-292px;
  --chip-scale:0.847;
  --chip-rotate:1.2416deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:-3.88deg;
  --delay:-2.88s;
  --term-stagger:3497ms;
  --float:9.04s;
  --word-opacity:0.327;
  --word-blur:0.42px;
  --z-order:-284;
}

.slide-style-6881870fbf {
  --x:82.71%;
  --y:53.19%;
  --chip-z:-174px;
  --chip-scale:0.876;
  --chip-rotate:-1.7344deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:5.42deg;
  --delay:-24s;
  --term-stagger:3949ms;
  --float:7.6s;
  --word-opacity:0.441;
  --word-blur:0.19px;
  --z-order:-166;
}

.slide-style-6a07c86a33 {
  --x:20.34%;
  --y:53.58%;
  --chip-z:-144px;
  --chip-scale:0.754;
  --chip-rotate:1.7312deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-5.41deg;
  --delay:-28.64s;
  --term-stagger:2422ms;
  --float:9.52s;
  --word-opacity:0.471;
  --word-blur:0.13px;
  --z-order:-136;
}

.slide-style-6a31fefb54 {
  --x:42.85%;
  --y:61.03%;
  --chip-z:-56px;
  --chip-scale:0.806;
  --chip-rotate:1.7088deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-5.34deg;
  --delay:-30.560000000000002s;
  --term-stagger:914ms;
  --float:8.08s;
  --word-opacity:0.556;
  --word-blur:0px;
  --z-order:-48;
}

.slide-style-6adff5bcbc {
  --x:55.04%;
  --y:46.11%;
  --chip-z:56px;
  --chip-scale:0.874;
  --chip-rotate:-0.6048deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:1.89deg;
  --delay:-18.400000000000002s;
  --term-stagger:4851ms;
  --float:7.6s;
  --word-opacity:0.664;
  --word-blur:0px;
  --z-order:64;
}

.slide-style-6b4461e17a {
  --x:8.39%;
  --y:76.58%;
  --chip-z:-144px;
  --chip-scale:0.96;
  --chip-rotate:-1.4752deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:4.61deg;
  --delay:-27.2s;
  --term-stagger:1409ms;
  --float:7.6s;
  --word-opacity:0.471;
  --word-blur:0.13px;
  --z-order:-136;
}

.slide-style-6bc1281070 {
  --x:47.1%;
  --y:11.83%;
  --chip-z:28px;
  --chip-scale:1.02;
  --chip-rotate:0.2752deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:-0.86deg;
  --delay:-4s;
  --term-stagger:3580ms;
  --float:7.6s;
  --word-opacity:0.637;
  --word-blur:0px;
  --z-order:36;
}

.slide-style-6d3fec3f17 {
  --x:70.39%;
  --y:37.82%;
  --chip-z:174px;
  --chip-scale:0.944;
  --chip-rotate:0.7328deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-2.29deg;
  --delay:-24.96s;
  --term-stagger:2545ms;
  --float:8.08s;
  --word-opacity:0.779;
  --word-blur:0px;
  --z-order:182;
}

.slide-style-6d6d4b8959 {
  --score:11.5;
}

.slide-style-6db861a85f {
  --x:65%;
  --y:60%;
  --chip-z:8px;
  --chip-scale:0.845;
  --chip-rotate:0.544deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:-1.7deg;
  --delay:-4.8s;
  --term-stagger:2816ms;
  --float:7.6s;
  --word-opacity:0.618;
  --word-blur:0px;
  --z-order:16;
}

.slide-style-6e792171ae {
  --x:12.89%;
  --y:8%;
  --chip-z:56px;
  --chip-scale:0.874;
  --chip-rotate:1.744deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-5.45deg;
  --delay:-2.4s;
  --term-stagger:1139ms;
  --float:7.6s;
  --word-opacity:0.664;
  --word-blur:0px;
  --z-order:64;
}

.slide-style-6fc521947b {
  --x:65.67%;
  --y:53.02%;
  --chip-z:-204px;
  --chip-scale:0.718;
  --chip-rotate:-1.7088deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:5.34deg;
  --delay:-20.8s;
  --term-stagger:37ms;
  --float:7.6s;
  --word-opacity:0.412;
  --word-blur:0.25px;
  --z-order:-196;
}

.slide-style-70c50fc949 {
  --x:58.17%;
  --y:29.4%;
  --chip-z:174px;
  --chip-scale:1.203;
  --chip-rotate:-1.7568000000000001deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:5.49deg;
  --delay:-8.96s;
  --term-stagger:4928ms;
  --float:8.08s;
  --word-opacity:0.779;
  --word-blur:0px;
  --z-order:182;
}

.slide-style-71514fcb50 {
  --stagger-index: 0;
}

.slide-style-716c8d8f30 {
  --x:17.12%;
  --y:27.38%;
  --chip-z:292px;
  --chip-scale:1.015;
  --chip-rotate:1.76deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:-5.5deg;
  --delay:-15.52s;
  --term-stagger:1745ms;
  --float:8.559999999999999s;
  --word-opacity:0.893;
  --word-blur:0px;
  --z-order:300;
}

.slide-style-71842f81b4 {
  --x:38.7%;
  --y:65.35%;
  --chip-z:2px;
  --chip-scale:1.072;
  --chip-rotate:1.7504deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-5.47deg;
  --delay:-29.28s;
  --term-stagger:491ms;
  --float:9.04s;
  --word-opacity:0.612;
  --word-blur:0px;
  --z-order:10;
}

.slide-style-718e11c904 {
  --x:46.15%;
  --y:43.03%;
  --chip-z:144px;
  --chip-scale:1.103;
  --chip-rotate:0.032deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-0.1deg;
  --delay:-21.76s;
  --term-stagger:3781ms;
  --float:8.08s;
  --word-opacity:0.75;
  --word-blur:0px;
  --z-order:152;
}

.slide-style-71e487b958 {
  --x:53.62%;
  --y:72.52%;
  --chip-z:-172px;
  --chip-scale:0.939;
  --chip-rotate:-0.2752deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:0.86deg;
  --delay:-30.240000000000002s;
  --term-stagger:5044ms;
  --float:9.52s;
  --word-opacity:0.443;
  --word-blur:0.19px;
  --z-order:-164;
}

.slide-style-7370ed7709 {
  --x:69.93%;
  --y:12.08%;
  --chip-z:-174px;
  --chip-scale:0.937;
  --chip-rotate:0.5408deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:-1.69deg;
  --delay:-8s;
  --term-stagger:697ms;
  --float:7.6s;
  --word-opacity:0.441;
  --word-blur:0.19px;
  --z-order:-166;
}

.slide-style-73f82783c8 {
  --x:42%;
  --y:29%;
  --chip-z:34px;
  --chip-scale:1.024;
  --chip-rotate:1.088deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-3.4deg;
  --delay:-1.28s;
  --term-stagger:2200ms;
  --float:9.04s;
  --word-opacity:0.643;
  --word-blur:0px;
  --z-order:42;
}

.slide-style-74469a321a {
  --x:63.96%;
  --y:13.82%;
  --chip-z:88px;
  --chip-scale:1.063;
  --chip-rotate:0.4736deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:-1.48deg;
  --delay:-11.84s;
  --term-stagger:1842ms;
  --float:9.52s;
  --word-opacity:0.695;
  --word-blur:0px;
  --z-order:96;
}

.slide-style-74ddcffd95 {
  --x:50.85%;
  --y:25.84%;
  --chip-z:-116px;
  --chip-scale:0.77;
  --chip-rotate:-1.5296deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:4.78deg;
  --delay:-8.16s;
  --term-stagger:1252ms;
  --float:8.08s;
  --word-opacity:0.498;
  --word-blur:0.08px;
  --z-order:-108;
}

.slide-style-76c576066f {
  --x:29%;
  --y:52%;
  --chip-z:42px;
  --chip-scale:1.03;
  --chip-rotate:-1.088deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:3.4deg;
  --delay:-0.8s;
  --term-stagger:175ms;
  --float:7.6s;
  --word-opacity:0.651;
  --word-blur:0px;
  --z-order:50;
}

.slide-style-77d03d94ff {
  --x:76.73%;
  --y:72.75%;
  --chip-z:-146px;
  --chip-scale:0.752;
  --chip-rotate:-0.2016deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:0.63deg;
  --delay:-35.52s;
  --term-stagger:2573ms;
  --float:8.559999999999999s;
  --word-opacity:0.469;
  --word-blur:0.14px;
  --z-order:-138;
}

.slide-style-7a0e4de50c {
  --x:20.88%;
  --y:12.69%;
  --chip-z:-262px;
  --chip-scale:0.813;
  --chip-rotate:0.032deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:-0.1deg;
  --delay:-4.64s;
  --term-stagger:750ms;
  --float:9.52s;
  --word-opacity:0.356;
  --word-blur:0.36px;
  --z-order:-254;
}

.slide-style-7a23f59154 {
  --x:70.15%;
  --y:64.03%;
  --chip-z:-176px;
  --chip-scale:0.734;
  --chip-rotate:1.3952000000000002deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-4.36deg;
  --delay:-33.76s;
  --term-stagger:5037ms;
  --float:8.08s;
  --word-opacity:0.44;
  --word-blur:0.19px;
  --z-order:-168;
}

.slide-style-7a344834de {
  --x:25.55%;
  --y:9.6%;
  --chip-z:-2px;
  --chip-scale:0.839;
  --chip-rotate:0.9440000000000001deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:-2.95deg;
  --delay:-0.8s;
  --term-stagger:4765ms;
  --float:7.6s;
  --word-opacity:0.608;
  --word-blur:0px;
  --z-order:6;
}

.slide-style-7a73079f7f {
  --x:63.56%;
  --y:11.99%;
  --chip-z:-116px;
  --chip-scale:0.981;
  --chip-rotate:1.0848deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:-3.39deg;
  --delay:-6.72s;
  --term-stagger:179ms;
  --float:8.559999999999999s;
  --word-opacity:0.498;
  --word-blur:0.08px;
  --z-order:-108;
}

.slide-style-7b361cf772 {
  --x:24.96%;
  --y:71.56%;
  --chip-z:30px;
  --chip-scale:1.093;
  --chip-rotate:-0.544deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:1.7deg;
  --delay:-26.240000000000002s;
  --term-stagger:2620ms;
  --float:9.52s;
  --word-opacity:0.639;
  --word-blur:0px;
  --z-order:38;
}

.slide-style-7b374a5ba2 {
  --x:88.73%;
  --y:67.08%;
  --chip-z:-88px;
  --chip-scale:0.937;
  --chip-rotate:1.3312000000000002deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-4.16deg;
  --delay:-35.68s;
  --term-stagger:3404ms;
  --float:9.04s;
  --word-opacity:0.525;
  --word-blur:0.02px;
  --z-order:-80;
}

.slide-style-7beb9499d9 {
  --x:39.98%;
  --y:8.28%;
  --chip-z:-146px;
  --chip-scale:0.752;
  --chip-rotate:1.5456deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:-4.83deg;
  --delay:-3.52s;
  --term-stagger:1310ms;
  --float:8.559999999999999s;
  --word-opacity:0.469;
  --word-blur:0.14px;
  --z-order:-138;
}

.slide-style-7c0bea8956 {
  --x:33.33%;
  --y:59.82%;
  --chip-z:234px;
  --chip-scale:0.98;
  --chip-rotate:1.6703999999999999deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-5.22deg;
  --delay:-31.36s;
  --term-stagger:4241ms;
  --float:8.08s;
  --word-opacity:0.837;
  --word-blur:0px;
  --z-order:242;
}

.slide-style-7cbdf3834c {
  --x:15.87%;
  --y:28.52%;
  --chip-z:-234px;
  --chip-scale:0.7;
  --chip-rotate:-1.7568000000000001deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:5.49deg;
  --delay:-3.04s;
  --term-stagger:4261ms;
  --float:9.52s;
  --word-opacity:0.383;
  --word-blur:0.31px;
  --z-order:-226;
}

.slide-style-7cfbd46584 {
  --x:54.18%;
  --y:10.49%;
  --chip-z:0px;
  --chip-scale:1;
  --chip-rotate:1.4752deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-4.61deg;
  --delay:-7.04s;
  --term-stagger:1402ms;
  --float:9.52s;
  --word-opacity:0.61;
  --word-blur:0px;
  --z-order:8;
}

.slide-style-7d21ccbaad {
  --x:77.1%;
  --y:43.08%;
  --chip-z:-232px;
  --chip-scale:0.701;
  --chip-rotate:-0.4736deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:1.48deg;
  --delay:-22.400000000000002s;
  --term-stagger:1912ms;
  --float:7.6s;
  --word-opacity:0.385;
  --word-blur:0.3px;
  --z-order:-224;
}

.slide-style-7d3d0d6471 {
  --x:42%;
  --y:47%;
  --chip-z:36px;
  --chip-scale:1.026;
  --chip-rotate:-1.632deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:5.1deg;
  --delay:-2.08s;
  --term-stagger:739ms;
  --float:9.04s;
  --word-opacity:0.645;
  --word-blur:0px;
  --z-order:44;
}

.slide-style-7f01af187a {
  --x:20.93%;
  --y:64.24%;
  --chip-z:-144px;
  --chip-scale:0.754;
  --chip-rotate:0.9984000000000001deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:-3.12deg;
  --delay:-25.76s;
  --term-stagger:353ms;
  --float:8.08s;
  --word-opacity:0.471;
  --word-blur:0.13px;
  --z-order:-136;
}

.slide-style-7f288802c5 {
  --x:19.75%;
  --y:77.28%;
  --chip-z:204px;
  --chip-scale:0.962;
  --chip-rotate:-1.6576deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:5.18deg;
  --delay:-26.72s;
  --term-stagger:4708ms;
  --float:8.559999999999999s;
  --word-opacity:0.808;
  --word-blur:0px;
  --z-order:212;
}

.slide-style-8165d1d327 {
  --x:17.64%;
  --y:25.79%;
  --chip-z:-176px;
  --chip-scale:0.734;
  --chip-rotate:-1.68deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:5.25deg;
  --delay:-1.76s;
  --term-stagger:3847ms;
  --float:8.08s;
  --word-opacity:0.44;
  --word-blur:0.19px;
  --z-order:-168;
}

.slide-style-818e7a5a2e {
  --x:25.44%;
  --y:47.29%;
  --chip-z:114px;
  --chip-scale:0.908;
  --chip-rotate:-0.672deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:2.1deg;
  --delay:-18.56s;
  --term-stagger:5064ms;
  --float:8.08s;
  --word-opacity:0.72;
  --word-blur:0px;
  --z-order:122;
}

.slide-style-818fbb75bc {
  --x:86.89%;
  --y:49.4%;
  --chip-z:-116px;
  --chip-scale:1.046;
  --chip-rotate:-1.7312deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:5.41deg;
  --delay:-22.72s;
  --term-stagger:3562ms;
  --float:8.559999999999999s;
  --word-opacity:0.498;
  --word-blur:0.08px;
  --z-order:-108;
}

.slide-style-81fca21529 {
  --x:5%;
  --y:16.4%;
  --chip-z:172px;
  --chip-scale:1.123;
  --chip-rotate:-0.0736deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:0.23deg;
  --delay:-2.72s;
  --term-stagger:2516ms;
  --float:8.559999999999999s;
  --word-opacity:0.777;
  --word-blur:0px;
  --z-order:180;
}

.slide-style-822f925c1d {
  --x:35%;
  --y:56%;
  --chip-z:22px;
  --chip-scale:0.853;
  --chip-rotate:1.632deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-5.1deg;
  --delay:-4.48s;
  --term-stagger:852ms;
  --float:9.04s;
  --word-opacity:0.631;
  --word-blur:0px;
  --z-order:30;
}

.slide-style-83bad18e03 {
  --x:6.77%;
  --y:70.69%;
  --chip-z:88px;
  --chip-scale:0.893;
  --chip-rotate:-0.7295999999999999deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:2.28deg;
  --delay:-26.400000000000002s;
  --term-stagger:3000ms;
  --float:7.6s;
  --word-opacity:0.695;
  --word-blur:0px;
  --z-order:96;
}

.slide-style-8659523bbb {
  --x:74.23%;
  --y:40.28%;
  --chip-z:-30px;
  --chip-scale:0.979;
  --chip-rotate:0.8544deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-2.67deg;
  --delay:-19.84s;
  --term-stagger:1011ms;
  --float:9.52s;
  --word-opacity:0.581;
  --word-blur:0px;
  --z-order:-22;
}

.slide-style-866646c319 {
  --x:47.7%;
  --y:45.5%;
  --chip-z:-176px;
  --chip-scale:0.734;
  --chip-rotate:-0.9440000000000001deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:2.95deg;
  --delay:-16.32s;
  --term-stagger:805ms;
  --float:8.559999999999999s;
  --word-opacity:0.44;
  --word-blur:0.19px;
  --z-order:-168;
}

.slide-style-86c240c41a {
  --x:32%;
  --y:41%;
  --chip-z:0px;
  --chip-scale:0.84;
  --chip-rotate:-1.088deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:3.4deg;
  --delay:-5.28s;
  --term-stagger:4111ms;
  --float:9.04s;
  --word-opacity:0.61;
  --word-blur:0px;
  --z-order:8;
}

.slide-style-870453e3a3 {
  --x:63.99%;
  --y:85.22%;
  --chip-z:-118px;
  --chip-scale:0.916;
  --chip-rotate:-1.7536000000000003deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:5.48deg;
  --delay:-33.92s;
  --term-stagger:709ms;
  --float:8.559999999999999s;
  --word-opacity:0.496;
  --word-blur:0.08px;
  --z-order:-110;
}

.slide-style-8720de0927 {
  --x:78.41%;
  --y:48.48%;
  --chip-z:58px;
  --chip-scale:1.114;
  --chip-rotate:-1.3088deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:4.09deg;
  --delay:-23.2s;
  --term-stagger:309ms;
  --float:7.6s;
  --word-opacity:0.666;
  --word-blur:0px;
  --z-order:66;
}

.slide-style-875d52ad4b {
  --x:87.82%;
  --y:37.66%;
  --chip-z:-174px;
  --chip-scale:0.998;
  --chip-rotate:1.4944deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:-4.67deg;
  --delay:-22.56s;
  --term-stagger:2725ms;
  --float:8.08s;
  --word-opacity:0.441;
  --word-blur:0.19px;
  --z-order:-166;
}

.slide-style-876531e2bc {
  --x:45.81%;
  --y:36.85%;
  --chip-z:-60px;
  --chip-scale:0.804;
  --chip-rotate:1.3952000000000002deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-4.36deg;
  --delay:-16.64s;
  --term-stagger:2063ms;
  --float:9.52s;
  --word-opacity:0.552;
  --word-blur:0px;
  --z-order:-52;
}

.slide-style-87adce815f {
  --x:82%;
  --y:81.02%;
  --chip-z:-30px;
  --chip-scale:0.822;
  --chip-rotate:-1.76deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:5.5deg;
  --delay:-35.84s;
  --term-stagger:4172ms;
  --float:9.52s;
  --word-opacity:0.581;
  --word-blur:0px;
  --z-order:-22;
}

.slide-style-87fb84aeac {
  --stagger-index: 2;
}

.slide-style-8b5fc0d18b {
  --x:70.15%;
  --y:8%;
  --chip-z:116px;
  --chip-scale:1.083;
  --chip-rotate:1.3568deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-4.24deg;
  --delay:-8.8s;
  --term-stagger:4153ms;
  --float:7.6s;
  --word-opacity:0.722;
  --word-blur:0px;
  --z-order:124;
}

.slide-style-8bd8ecd42f {
  --x:41.95%;
  --y:49.63%;
  --chip-z:-2px;
  --chip-scale:0.999;
  --chip-rotate:-1.7536000000000003deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:5.48deg;
  --delay:-16.8s;
  --term-stagger:2864ms;
  --float:7.6s;
  --word-opacity:0.608;
  --word-blur:0px;
  --z-order:6;
}

.slide-style-8c0f506658 {
  --x:47.79%;
  --y:70.36%;
  --chip-z:-114px;
  --chip-scale:1.047;
  --chip-rotate:0.3392deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:-1.06deg;
  --delay:-28.96s;
  --term-stagger:4509ms;
  --float:8.08s;
  --word-opacity:0.5;
  --word-blur:0.07px;
  --z-order:-106;
}

.slide-style-8e3ef26ab7 {
  --x:89.37%;
  --y:11.3%;
  --chip-z:204px;
  --chip-scale:1.146;
  --chip-rotate:1.2864deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-4.02deg;
  --delay:-10.72s;
  --term-stagger:2534ms;
  --float:8.559999999999999s;
  --word-opacity:0.808;
  --word-blur:0px;
  --z-order:212;
}

.slide-style-8f012195bb {
  --x:71.09%;
  --y:68.9%;
  --chip-z:-204px;
  --chip-scale:0.718;
  --chip-rotate:0.4096deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:-1.28deg;
  --delay:-36.800000000000004s;
  --term-stagger:2835ms;
  --float:7.6s;
  --word-opacity:0.412;
  --word-blur:0.25px;
  --z-order:-196;
}

.slide-style-9054f98ac7 {
  --x:19.3%;
  --y:21.32%;
  --chip-z:-118px;
  --chip-scale:1.044;
  --chip-rotate:-1.3952000000000002deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:4.36deg;
  --delay:-0.48s;
  --term-stagger:3409ms;
  --float:9.04s;
  --word-opacity:0.496;
  --word-blur:0.08px;
  --z-order:-110;
}

.slide-style-941f441b7f {
  --x:77.28%;
  --y:34.93%;
  --chip-z:202px;
  --chip-scale:0.961;
  --chip-rotate:1.1648deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:-3.64deg;
  --delay:-21.92s;
  --term-stagger:4906ms;
  --float:8.559999999999999s;
  --word-opacity:0.806;
  --word-blur:0px;
  --z-order:210;
}

.slide-style-959b4e051d {
  --x:57.65%;
  --y:64.16%;
  --chip-z:172px;
  --chip-scale:1.201;
  --chip-rotate:1.6991999999999998deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-5.31deg;
  --delay:-33.28s;
  --term-stagger:2723ms;
  --float:9.04s;
  --word-opacity:0.777;
  --word-blur:0px;
  --z-order:180;
}

.slide-style-95bb9f7e01 {
  --x:15.16%;
  --y:80.51%;
  --chip-z:146px;
  --chip-scale:0.928;
  --chip-rotate:-1.76deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:5.5deg;
  --delay:-28s;
  --term-stagger:5080ms;
  --float:7.6s;
  --word-opacity:0.751;
  --word-blur:0px;
  --z-order:154;
}

.slide-style-961f05c467 {
  --score:5.5;
}

.slide-style-9700724457 {
  --x:13.11%;
  --y:62.25%;
  --chip-z:-28px;
  --chip-scale:0.823;
  --chip-rotate:1.5296deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-4.78deg;
  --delay:-26.080000000000002s;
  --term-stagger:1596ms;
  --float:9.04s;
  --word-opacity:0.583;
  --word-blur:0px;
  --z-order:-20;
}

.slide-style-982f8d2c14 {
  --x:39.03%;
  --y:44.86%;
  --chip-z:-292px;
  --chip-scale:0.902;
  --chip-rotate:-1.5616deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:4.88deg;
  --delay:-16s;
  --term-stagger:4448ms;
  --float:7.6s;
  --word-opacity:0.327;
  --word-blur:0.42px;
  --z-order:-284;
}

.slide-style-983f1c168f {
  --x:73%;
  --y:30%;
  --chip-z:160px;
  --chip-scale:1.192;
  --chip-rotate:-1.0848deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:3.39deg;
  --delay:-10.4s;
  --term-stagger:1097ms;
  --float:7.6s;
  --word-opacity:0.765;
  --word-blur:0px;
  --z-order:168;
}

.slide-style-9ac2874cd6 {
  --x:67.39%;
  --y:24.8%;
  --chip-z:-86px;
  --chip-scale:0.939;
  --chip-rotate:-1.0592000000000001deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:3.31deg;
  --delay:-11.36s;
  --term-stagger:5140ms;
  --float:8.08s;
  --word-opacity:0.527;
  --word-blur:0.02px;
  --z-order:-78;
}

.slide-style-9ec49d8009 {
  --x:58%;
  --y:30%;
  --chip-z:-2px;
  --chip-scale:0.839;
  --chip-rotate:-0.544deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:1.7deg;
  --delay:-1.76s;
  --term-stagger:4588ms;
  --float:8.08s;
  --word-opacity:0.608;
  --word-blur:0px;
  --z-order:6;
}

.slide-style-a05b2e83af {
  --x:14.47%;
  --y:74.35%;
  --chip-z:-86px;
  --chip-scale:0.939;
  --chip-rotate:-1.7152deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:5.36deg;
  --delay:-25.92s;
  --term-stagger:1076ms;
  --float:8.559999999999999s;
  --word-opacity:0.527;
  --word-blur:0.02px;
  --z-order:-78;
}

.slide-style-a24f3d40f7 {
  --x:10.97%;
  --y:23.45%;
  --chip-z:56px;
  --chip-scale:1.04;
  --chip-rotate:-1.6991999999999998deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:5.31deg;
  --delay:-0.96s;
  --term-stagger:198ms;
  --float:8.08s;
  --word-opacity:0.664;
  --word-blur:0px;
  --z-order:64;
}

.slide-style-a40affa511 {
  --x:34.03%;
  --y:38.96%;
  --chip-z:176px;
  --chip-scale:0.946;
  --chip-rotate:0.10560000000000001deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-0.33deg;
  --delay:-15.200000000000001s;
  --term-stagger:781ms;
  --float:7.6s;
  --word-opacity:0.78;
  --word-blur:0px;
  --z-order:184;
}

.slide-style-a4613e3159 {
  --x:68.49%;
  --y:75.88%;
  --chip-z:86px;
  --chip-scale:1.061;
  --chip-rotate:-0.5728deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:1.79deg;
  --delay:-37.6s;
  --term-stagger:1187ms;
  --float:7.6s;
  --word-opacity:0.693;
  --word-blur:0px;
  --z-order:94;
}

.slide-style-a4b5d23f0a {
  --x:49.68%;
  --y:30.65%;
  --chip-z:172px;
  --chip-scale:1.123;
  --chip-rotate:1.5936000000000001deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:-4.98deg;
  --delay:-18.72s;
  --term-stagger:761ms;
  --float:8.559999999999999s;
  --word-opacity:0.777;
  --word-blur:0px;
  --z-order:180;
}

.slide-style-a521b6f696 {
  --x:12.82%;
  --y:35.03%;
  --chip-z:-114px;
  --chip-scale:0.772;
  --chip-rotate:1.376deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:-4.3deg;
  --delay:-12.96s;
  --term-stagger:955ms;
  --float:8.08s;
  --word-opacity:0.5;
  --word-blur:0.07px;
  --z-order:-106;
}

.slide-style-a542393d6d {
  --x:67.87%;
  --y:17.29%;
  --chip-z:58px;
  --chip-scale:1.187;
  --chip-rotate:-0.4416deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:1.38deg;
  --delay:-7.2s;
  --term-stagger:2425ms;
  --float:7.6s;
  --word-opacity:0.666;
  --word-blur:0px;
  --z-order:66;
}

.slide-style-a58d84e4b8 {
  --x:28.77%;
  --y:19.28%;
  --chip-z:172px;
  --chip-scale:1.201;
  --chip-rotate:-0.6048deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:1.89deg;
  --delay:-1.28s;
  --term-stagger:1849ms;
  --float:9.04s;
  --word-opacity:0.777;
  --word-blur:0px;
  --z-order:180;
}

.slide-style-a5bc7e6253 {
  --x:26.53%;
  --y:10.75%;
  --chip-z:-30px;
  --chip-scale:0.822;
  --chip-rotate:0.9728deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-3.04deg;
  --delay:-3.84s;
  --term-stagger:2516ms;
  --float:9.52s;
  --word-opacity:0.581;
  --word-blur:0px;
  --z-order:-22;
}

.slide-style-a627a34921 {
  --x:31%;
  --y:65%;
  --chip-z:292px;
  --chip-scale:1.209;
  --chip-rotate:1.376deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-4.3deg;
  --delay:-30.080000000000002s;
  --term-stagger:3861ms;
  --float:9.04s;
  --word-opacity:0.893;
  --word-blur:0px;
  --z-order:300;
}

.slide-style-a64e885b33 {
  --x:61%;
  --y:63%;
  --chip-z:14px;
  --chip-scale:0.848;
  --chip-rotate:0deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:0deg;
  --delay:-4.96s;
  --term-stagger:3488ms;
  --float:8.08s;
  --word-opacity:0.624;
  --word-blur:0px;
  --z-order:22;
}

.slide-style-a8bc573f9a {
  --x:82%;
  --y:35.43%;
  --chip-z:-232px;
  --chip-scale:0.701;
  --chip-rotate:1.0848deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:-3.39deg;
  --delay:-23.84s;
  --term-stagger:3005ms;
  --float:9.52s;
  --word-opacity:0.385;
  --word-blur:0.3px;
  --z-order:-224;
}

.slide-style-a945b11e2d {
  --x:14.13%;
  --y:49.99%;
  --chip-z:292px;
  --chip-scale:1.293;
  --chip-rotate:-1.6063999999999998deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:5.02deg;
  --delay:-14.08s;
  --term-stagger:879ms;
  --float:9.04s;
  --word-opacity:0.893;
  --word-blur:0px;
  --z-order:300;
}

.slide-style-aa0855d440 {
  --x:19.05%;
  --y:13.88%;
  --chip-z:-292px;
  --chip-scale:0.902;
  --chip-rotate:0deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:0deg;
  --delay:0s;
  --term-stagger:1205ms;
  --float:7.6s;
  --word-opacity:0.327;
  --word-blur:0.42px;
  --z-order:-284;
}

.slide-style-aa1d56ffab {
  --x:63%;
  --y:66%;
  --chip-z:-18px;
  --chip-scale:0.829;
  --chip-rotate:0.544deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:-1.7deg;
  --delay:-1.44s;
  --term-stagger:3739ms;
  --float:9.52s;
  --word-opacity:0.593;
  --word-blur:0px;
  --z-order:-10;
}

.slide-style-aabb797336 {
  --x:73.96%;
  --y:15.39%;
  --chip-z:-232px;
  --chip-scale:0.701;
  --chip-rotate:-0.064deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:0.2deg;
  --delay:-9.28s;
  --term-stagger:1216ms;
  --float:9.04s;
  --word-opacity:0.385;
  --word-blur:0.3px;
  --z-order:-224;
}

.slide-style-af0aa7bbca {
  --x:25.72%;
  --y:30.87%;
  --chip-z:2px;
  --chip-scale:0.841;
  --chip-rotate:1.4591999999999998deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-4.56deg;
  --delay:-14.72s;
  --term-stagger:3632ms;
  --float:8.559999999999999s;
  --word-opacity:0.612;
  --word-blur:0px;
  --z-order:10;
}

.slide-style-b05475e20a {
  --x:38%;
  --y:35%;
  --chip-z:96px;
  --chip-scale:1.143;
  --chip-rotate:1.088deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:-3.4deg;
  --delay:-0.16s;
  --term-stagger:2503ms;
  --float:8.08s;
  --word-opacity:0.703;
  --word-blur:0px;
  --z-order:104;
}

.slide-style-b0ebb08ef2 {
  --x:80.9%;
  --y:21.11%;
  --chip-z:-202px;
  --chip-scale:0.719;
  --chip-rotate:-1.6576deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:5.18deg;
  --delay:-9.6s;
  --term-stagger:2811ms;
  --float:7.6s;
  --word-opacity:0.414;
  --word-blur:0.24px;
  --z-order:-194;
}

.slide-style-b0f0b6d439 {
  --x:67%;
  --y:43%;
  --chip-z:-6px;
  --chip-scale:0.836;
  --chip-rotate:0deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:0deg;
  --delay:-2.72s;
  --term-stagger:3916ms;
  --float:8.559999999999999s;
  --word-opacity:0.604;
  --word-blur:0px;
  --z-order:2;
}

.slide-style-b18a755515 {
  --x:47.2%;
  --y:50.5%;
  width:clamp(11.52rem, 16vw, 17.28rem);
  height:clamp(11.52rem, 16vw, 17.28rem);
}

.slide-style-b26652368e {
  --x:67.31%;
  --y:81.28%;
  --chip-z:-60px;
  --chip-scale:0.957;
  --chip-rotate:-1.5936000000000001deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:4.98deg;
  --delay:-32.64s;
  --term-stagger:306ms;
  --float:9.52s;
  --word-opacity:0.552;
  --word-blur:0px;
  --z-order:-52;
}

.slide-style-b43ab16f50 {
  --x:77.61%;
  --y:72.16%;
  --chip-z:-2px;
  --chip-scale:1.068;
  --chip-rotate:0deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:0deg;
  --delay:-34.24s;
  --term-stagger:2172ms;
  --float:9.52s;
  --word-opacity:0.608;
  --word-blur:0px;
  --z-order:6;
}

.slide-style-b545d0d32d {
  --x:73.22%;
  --y:8%;
  --chip-z:262px;
  --chip-scale:0.997;
  --chip-rotate:1.632deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:-5.1deg;
  --delay:-12.32s;
  --term-stagger:4027ms;
  --float:8.559999999999999s;
  --word-opacity:0.864;
  --word-blur:0px;
  --z-order:270;
}

.slide-style-b62daafef4 {
  --x:67.31%;
  --y:48.4%;
  --chip-z:-146px;
  --chip-scale:0.958;
  --chip-rotate:-1.4591999999999998deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:4.56deg;
  --delay:-19.52s;
  --term-stagger:4796ms;
  --float:8.559999999999999s;
  --word-opacity:0.469;
  --word-blur:0.14px;
  --z-order:-138;
}

.slide-style-b6c0fa30c9 {
  --x:43.89%;
  --y:24.57%;
  --chip-z:-174px;
  --chip-scale:0.736;
  --chip-rotate:-1.1392deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:3.56deg;
  --delay:-9.44s;
  --term-stagger:1526ms;
  --float:9.52s;
  --word-opacity:0.441;
  --word-blur:0.19px;
  --z-order:-166;
}

.slide-style-b87eb54030 {
  --x:52.16%;
  --y:15%;
  --chip-z:-174px;
  --chip-scale:0.736;
  --chip-rotate:0.1376deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:-0.43deg;
  --delay:-6.5600000000000005s;
  --term-stagger:4524ms;
  --float:8.08s;
  --word-opacity:0.441;
  --word-blur:0.19px;
  --z-order:-166;
}

.slide-style-b8d9abc514 {
  --x:46.14%;
  --y:8%;
  --chip-z:-204px;
  --chip-scale:0.718;
  --chip-rotate:1.1648deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:-3.64deg;
  --delay:-4.8s;
  --term-stagger:1819ms;
  --float:7.6s;
  --word-opacity:0.412;
  --word-blur:0.25px;
  --z-order:-196;
}

.slide-style-b9c8af85bc {
  --x:95%;
  --y:22.84%;
  --chip-z:-202px;
  --chip-scale:0.719;
  --chip-rotate:-0.7615999999999999deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:2.38deg;
  --delay:-12.48s;
  --term-stagger:91ms;
  --float:9.04s;
  --word-opacity:0.414;
  --word-blur:0.24px;
  --z-order:-194;
}

.slide-style-bc26dc7c72 {
  --x:72.89%;
  --y:69.62%;
  --chip-z:56px;
  --chip-scale:0.874;
  --chip-rotate:0.6016deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:-1.88deg;
  --delay:-32.96s;
  --term-stagger:1651ms;
  --float:8.08s;
  --word-opacity:0.664;
  --word-blur:0px;
  --z-order:64;
}

.slide-style-bc36831e00 {
  --x:94.98%;
  --y:66.52%;
  --chip-z:-146px;
  --chip-scale:0.896;
  --chip-rotate:0.8544deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-2.67deg;
  --delay:-36.96s;
  --term-stagger:3911ms;
  --float:8.08s;
  --word-opacity:0.469;
  --word-blur:0.14px;
  --z-order:-138;
}

.slide-style-be3f185514 {
  --x:45.27%;
  --y:54.03%;
  --chip-z:-292px;
  --chip-scale:0.665;
  --chip-rotate:-1.68deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:5.25deg;
  --delay:-18.88s;
  --term-stagger:1691ms;
  --float:9.04s;
  --word-opacity:0.327;
  --word-blur:0.42px;
  --z-order:-284;
}

.slide-style-be4b032b3b {
  --x:23.68%;
  --y:69.18%;
  --chip-z:60px;
  --chip-scale:1.043;
  --chip-rotate:0.5728deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:-1.79deg;
  --delay:-30.88s;
  --term-stagger:2096ms;
  --float:9.04s;
  --word-opacity:0.668;
  --word-blur:0px;
  --z-order:68;
}

.slide-style-bf16568bff {
  --x:43%;
  --y:62%;
  --chip-z:210px;
  --chip-scale:1.311;
  --chip-rotate:1.4591999999999998deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-4.56deg;
  --delay:-31.84s;
  --term-stagger:1337ms;
  --float:9.52s;
  --word-opacity:0.813;
  --word-blur:0px;
  --z-order:218;
}

.slide-style-bf376ee028 {
  --x:57%;
  --y:34%;
  --chip-z:46px;
  --chip-scale:1.033;
  --chip-rotate:-1.088deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:3.4deg;
  --delay:-1.92s;
  --term-stagger:124ms;
  --float:8.559999999999999s;
  --word-opacity:0.655;
  --word-blur:0px;
  --z-order:54;
}

.slide-style-bf8e6daa65 {
  --x:46%;
  --y:29%;
  --chip-z:10px;
  --chip-scale:0.846;
  --chip-rotate:-1.088deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:3.4deg;
  --delay:-4.16s;
  --term-stagger:4486ms;
  --float:8.08s;
  --word-opacity:0.62;
  --word-blur:0px;
  --z-order:18;
}

.slide-style-c02e7b91be {
  --x:53.07%;
  --y:76.26%;
  --chip-z:-176px;
  --chip-scale:0.935;
  --chip-rotate:-0.8832deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:2.76deg;
  --delay:-32.32s;
  --term-stagger:3797ms;
  --float:8.559999999999999s;
  --word-opacity:0.44;
  --word-blur:0.19px;
  --z-order:-168;
}

.slide-style-c0641ba6a7 {
  --x:28.59%;
  --y:58.07%;
  --chip-z:88px;
  --chip-scale:1.063;
  --chip-rotate:1.2864deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:-4.02deg;
  --delay:-27.84s;
  --term-stagger:4316ms;
  --float:9.52s;
  --word-opacity:0.695;
  --word-blur:0px;
  --z-order:96;
}

.slide-style-c0f93e0d72 {
  --x:78.9%;
  --y:83.66%;
  --chip-z:-88px;
  --chip-scale:0.787;
  --chip-rotate:-1.6703999999999999deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:5.22deg;
  --delay:-37.12s;
  --term-stagger:4562ms;
  --float:8.559999999999999s;
  --word-opacity:0.525;
  --word-blur:0.02px;
  --z-order:-80;
}

.slide-style-c160f71506 {
  --x:43.82%;
  --y:26.04%;
  --chip-z:144px;
  --chip-scale:1.103;
  --chip-rotate:-1.5776deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:4.93deg;
  --delay:-5.76s;
  --term-stagger:1020ms;
  --float:8.08s;
  --word-opacity:0.75;
  --word-blur:0px;
  --z-order:152;
}

.slide-style-c162ff2ed8 {
  --x:47.2%;
  --y:50.5%;
  --chip-z:196px;
  --chip-scale:1.3;
  --chip-rotate:0.384deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-1.2deg;
  --delay:0s;
  --term-stagger:2160ms;
  --float:7.6s;
  --word-opacity:0.8;
  --word-blur:0px;
  --z-order:204;
}

.slide-style-c1cb35cfc7 {
  --x:72.5%;
  --y:84.53%;
  --chip-z:172px;
  --chip-scale:0.943;
  --chip-rotate:-1.3984deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:4.37deg;
  --delay:-34.72s;
  --term-stagger:4349ms;
  --float:8.559999999999999s;
  --word-opacity:0.777;
  --word-blur:0px;
  --z-order:180;
}

.slide-style-c1db0107f2 {
  --risk-width:100%;
  --risk-offset:0%;
}

.slide-style-c25dc60fc7 {
  --x:33.36%;
  --y:77.24%;
  --chip-z:-56px;
  --chip-scale:0.806;
  --chip-rotate:-1.4144deg;
  --drift-x:0.2rem;
  --drift-y:0rem;
  --tilt:4.42deg;
  --delay:-29.12s;
  --term-stagger:5054ms;
  --float:8.559999999999999s;
  --word-opacity:0.556;
  --word-blur:0px;
  --z-order:-48;
}

.slide-style-c294eb0f4c {
  --x:28.72%;
  --y:26.1%;
  --chip-z:-204px;
  --chip-scale:0.718;
  --chip-rotate:-1.5808000000000002deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:4.94deg;
  --delay:-6.24s;
  --term-stagger:2868ms;
  --float:9.52s;
  --word-opacity:0.412;
  --word-blur:0.25px;
  --z-order:-196;
}

.slide-style-c3462a8fda {
  --x:61.92%;
  --y:18.16%;
  --chip-z:-232px;
  --chip-scale:0.951;
  --chip-rotate:-1.2864deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:4.02deg;
  --delay:-6.4s;
  --term-stagger:4030ms;
  --float:7.6s;
  --word-opacity:0.385;
  --word-blur:0.3px;
  --z-order:-224;
}

.slide-style-c36947290f {
  --x:5%;
  --y:70.06%;
  --chip-z:30px;
  --chip-scale:0.858;
  --chip-rotate:-0.1376deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:0.43deg;
  --delay:-27.68s;
  --term-stagger:3370ms;
  --float:9.04s;
  --word-opacity:0.639;
  --word-blur:0px;
  --z-order:38;
}

.slide-style-c38ba2982c {
  --x:54.31%;
  --y:66.21%;
  --chip-z:118px;
  --chip-scale:0.911;
  --chip-rotate:0.7008deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:-2.19deg;
  --delay:-31.04s;
  --term-stagger:3279ms;
  --float:9.52s;
  --word-opacity:0.724;
  --word-blur:0px;
  --z-order:126;
}

.slide-style-c3d5d704a8 {
  --x:94.43%;
  --y:43.36%;
  --chip-z:0px;
  --chip-scale:0.84;
  --chip-rotate:0.1696deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-0.53deg;
  --delay:-23.04s;
  --term-stagger:5014ms;
  --float:9.52s;
  --word-opacity:0.61;
  --word-blur:0px;
  --z-order:8;
}

.slide-style-c539b3f46e {
  --x:40%;
  --y:72%;
  --chip-z:-10px;
  --chip-scale:0.834;
  --chip-rotate:-1.632deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:5.1deg;
  --delay:-3.2s;
  --term-stagger:737ms;
  --float:7.6s;
  --word-opacity:0.6;
  --word-blur:0px;
  --z-order:-2;
}

.slide-style-c5751349cf {
  --x:63%;
  --y:64%;
  --chip-z:-6px;
  --chip-scale:0.836;
  --chip-rotate:-0.544deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:1.7deg;
  --delay:-5.12s;
  --term-stagger:4236ms;
  --float:8.559999999999999s;
  --word-opacity:0.604;
  --word-blur:0px;
  --z-order:2;
}

.slide-style-c5d24ff952 {
  --x:78%;
  --y:70%;
  --chip-z:170px;
  --chip-scale:1.2;
  --chip-rotate:1.7247999999999999deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-5.39deg;
  --delay:-35.2s;
  --term-stagger:1157ms;
  --float:7.6s;
  --word-opacity:0.775;
  --word-blur:0px;
  --z-order:178;
}

.slide-style-c7e8902ed5 {
  --x:49%;
  --y:73%;
  --chip-z:-20px;
  --chip-scale:0.828;
  --chip-rotate:1.632deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:-5.1deg;
  --delay:-3.36s;
  --term-stagger:1604ms;
  --float:8.08s;
  --word-opacity:0.591;
  --word-blur:0px;
  --z-order:-12;
}

.slide-style-c86488e801 {
  --x:79.84%;
  --y:41.74%;
  --chip-z:-88px;
  --chip-scale:1.003;
  --chip-rotate:0.2752deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-0.86deg;
  --delay:-21.12s;
  --term-stagger:1533ms;
  --float:8.559999999999999s;
  --word-opacity:0.525;
  --word-blur:0.02px;
  --z-order:-80;
}

.slide-style-ca44b56c7e {
  --x:24.22%;
  --y:46.63%;
  --chip-z:118px;
  --chip-scale:0.911;
  --chip-rotate:-1.5456deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:4.83deg;
  --delay:-13.6s;
  --term-stagger:4104ms;
  --float:7.6s;
  --word-opacity:0.724;
  --word-blur:0px;
  --z-order:126;
}

.slide-style-cac2a44f9a {
  --x:77.78%;
  --y:65.05%;
  --chip-z:28px;
  --chip-scale:0.857;
  --chip-rotate:1.264deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:-3.95deg;
  --delay:-36s;
  --term-stagger:4594ms;
  --float:7.6s;
  --word-opacity:0.637;
  --word-blur:0px;
  --z-order:36;
}

.slide-style-cb8149dc47 {
  --x:78.72%;
  --y:62.09%;
  --chip-z:-30px;
  --chip-scale:1.047;
  --chip-rotate:1.6063999999999998deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:-5.02deg;
  --delay:-37.28s;
  --term-stagger:4979ms;
  --float:9.04s;
  --word-opacity:0.581;
  --word-blur:0px;
  --z-order:-22;
}

.slide-style-ccbb5548c5 {
  --x:82%;
  --y:30.44%;
  --chip-z:58px;
  --chip-scale:0.875;
  --chip-rotate:1.6576deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:-5.18deg;
  --delay:-24.64s;
  --term-stagger:1245ms;
  --float:9.52s;
  --word-opacity:0.666;
  --word-blur:0px;
  --z-order:66;
}

.slide-style-cd72b02285 {
  --score:4.5;
}

.slide-style-cee5014eea {
  --x:56.8%;
  --y:23.71%;
  --chip-z:-58px;
  --chip-scale:0.805;
  --chip-rotate:-1.7344deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:5.42deg;
  --delay:-6.88s;
  --term-stagger:918ms;
  --float:9.04s;
  --word-opacity:0.554;
  --word-blur:0px;
  --z-order:-50;
}

.slide-style-d3dd69fd23 {
  --x:87.59%;
  --y:62.93%;
  --chip-z:202px;
  --chip-scale:0.961;
  --chip-rotate:1.7408000000000001deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:-5.44deg;
  --delay:-36.480000000000004s;
  --term-stagger:1636ms;
  --float:9.04s;
  --word-opacity:0.806;
  --word-blur:0px;
  --z-order:210;
}

.slide-style-d4b087594c {
  --stagger-index: 4;
}

.slide-style-d641865cc4 {
  --x:52.22%;
  --y:42.28%;
  --chip-z:114px;
  --chip-scale:1.157;
  --chip-rotate:0deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:0deg;
  --delay:-17.12s;
  --term-stagger:4345ms;
  --float:8.559999999999999s;
  --word-opacity:0.72;
  --word-blur:0px;
  --z-order:122;
}

.slide-style-d6c433f5d0 {
  --x:5%;
  --y:9.69%;
  --chip-z:-118px;
  --chip-scale:0.98;
  --chip-rotate:0.8832deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-2.76deg;
  --delay:-1.92s;
  --term-stagger:4124ms;
  --float:8.559999999999999s;
  --word-opacity:0.496;
  --word-blur:0.08px;
  --z-order:-110;
}

.slide-style-d7c214415c {
  --x:78.26%;
  --y:28.7%;
  --chip-z:-174px;
  --chip-scale:0.876;
  --chip-rotate:1.7152deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-5.36deg;
  --delay:-25.44s;
  --term-stagger:4664ms;
  --float:9.52s;
  --word-opacity:0.441;
  --word-blur:0.19px;
  --z-order:-166;
}

.slide-style-d825b60298 {
  --x:55.11%;
  --y:79.38%;
  --chip-z:292px;
  --chip-scale:1.209;
  --chip-rotate:-0.8544deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:2.67deg;
  --delay:-31.52s;
  --term-stagger:367ms;
  --float:8.559999999999999s;
  --word-opacity:0.893;
  --word-blur:0px;
  --z-order:300;
}

.slide-style-d9d2c0e05b {
  --x:59%;
  --y:31%;
  --chip-z:4px;
  --chip-scale:0.842;
  --chip-rotate:0.544deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-1.7deg;
  --delay:-2.56s;
  --term-stagger:2923ms;
  --float:8.08s;
  --word-opacity:0.614;
  --word-blur:0px;
  --z-order:12;
}

.slide-style-db89117459 {
  --x:95%;
  --y:18.49%;
  --chip-z:-144px;
  --chip-scale:0.754;
  --chip-rotate:-0.1696deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:0.53deg;
  --delay:-11.200000000000001s;
  --term-stagger:4826ms;
  --float:7.6s;
  --word-opacity:0.471;
  --word-blur:0.13px;
  --z-order:-136;
}

.slide-style-dc2a0bab82 {
  --score:10.5;
}

.slide-style-dd0e659a01 {
  --x:26.33%;
  --y:77.46%;
  --chip-z:-114px;
  --chip-scale:0.772;
  --chip-rotate:-0.9728deg;
  --drift-x:0.2rem;
  --drift-y:-0.68rem;
  --tilt:3.04deg;
  --delay:-30.400000000000002s;
  --term-stagger:146ms;
  --float:7.6s;
  --word-opacity:0.5;
  --word-blur:0.07px;
  --z-order:-106;
}

.slide-style-de94e1af59 {
  --risk-width:48%;
  --risk-offset:0%;
}

.slide-style-deaef7bd4c {
  --x:83.09%;
  --y:8%;
  --chip-z:-28px;
  --chip-scale:0.823;
  --chip-rotate:1.7312deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-5.41deg;
  --delay:-11.52s;
  --term-stagger:690ms;
  --float:8.559999999999999s;
  --word-opacity:0.583;
  --word-blur:0px;
  --z-order:-20;
}

.slide-style-e0470e270d {
  --x:83.22%;
  --y:33.68%;
  --chip-z:116px;
  --chip-scale:0.91;
  --chip-rotate:1.76deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:-5.5deg;
  --delay:-23.36s;
  --term-stagger:900ms;
  --float:8.08s;
  --word-opacity:0.722;
  --word-blur:0px;
  --z-order:124;
}

.slide-style-e05177161b {
  --x:57.71%;
  --y:81.75%;
  --chip-z:114px;
  --chip-scale:1.081;
  --chip-rotate:-1.5616deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:4.88deg;
  --delay:-33.12s;
  --term-stagger:2252ms;
  --float:8.559999999999999s;
  --word-opacity:0.72;
  --word-blur:0px;
  --z-order:122;
}

.slide-style-e0be7f1594 {
  --x:35%;
  --y:33%;
  --chip-z:8px;
  --chip-scale:0.845;
  --chip-rotate:1.088deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-3.4deg;
  --delay:-2.4s;
  --term-stagger:1840ms;
  --float:7.6s;
  --word-opacity:0.618;
  --word-blur:0px;
  --z-order:16;
}

.slide-style-e179b603bd {
  --x:59.19%;
  --y:44.71%;
  --chip-z:-262px;
  --chip-scale:0.813;
  --chip-rotate:-1.1104deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:3.47deg;
  --delay:-19.2s;
  --term-stagger:3208ms;
  --float:7.6s;
  --word-opacity:0.356;
  --word-blur:0.36px;
  --z-order:-254;
}

.slide-style-e23bf02fea {
  --x:30.48%;
  --y:20.79%;
  --chip-z:86px;
  --chip-scale:0.892;
  --chip-rotate:-1.376deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:4.3deg;
  --delay:-4.16s;
  --term-stagger:4115ms;
  --float:8.08s;
  --word-opacity:0.693;
  --word-blur:0px;
  --z-order:94;
}

.slide-style-e3b2b3b0d9 {
  --stagger-index: 3;
}

.slide-style-e4ac25fd51 {
  --x:30%;
  --y:48%;
  --chip-z:2px;
  --chip-scale:0.841;
  --chip-rotate:0deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:0deg;
  --delay:-3.84s;
  --term-stagger:3059ms;
  --float:9.52s;
  --word-opacity:0.612;
  --word-blur:0px;
  --z-order:10;
}

.slide-style-e555a0ed6e {
  --x:74.26%;
  --y:24.64%;
  --chip-z:-28px;
  --chip-scale:0.98;
  --chip-rotate:-1.4752deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:4.61deg;
  --delay:-10.08s;
  --term-stagger:4847ms;
  --float:9.04s;
  --word-opacity:0.583;
  --word-blur:0px;
  --z-order:-20;
}

.slide-style-e607e4d6cb {
  --x:21.6%;
  --y:9.99%;
  --chip-z:202px;
  --chip-scale:1.224;
  --chip-rotate:0.6336deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:-1.98deg;
  --delay:-5.92s;
  --term-stagger:1135ms;
  --float:8.559999999999999s;
  --word-opacity:0.806;
  --word-blur:0px;
  --z-order:210;
}

.slide-style-e6f7c1cf49 {
  --x:95%;
  --y:46.5%;
  --chip-z:-58px;
  --chip-scale:0.805;
  --chip-rotate:-0.4416deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:1.38deg;
  --delay:-24.32s;
  --term-stagger:273ms;
  --float:8.559999999999999s;
  --word-opacity:0.554;
  --word-blur:0px;
  --z-order:-50;
}

.slide-style-e8e7b27c26 {
  --x:50.92%;
  --y:81.36%;
  --chip-z:56px;
  --chip-scale:0.874;
  --chip-rotate:-1.1872deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:3.71deg;
  --delay:-34.4s;
  --term-stagger:2539ms;
  --float:7.6s;
  --word-opacity:0.664;
  --word-blur:0px;
  --z-order:64;
}

.slide-style-e8f2398b62 {
  --icon-x:88.00;
  --icon-y:22.00;
}

.slide-style-e90594692a {
  --x:45.96%;
  --y:69.47%;
  --chip-z:-292px;
  --chip-scale:0.847;
  --chip-rotate:0.3072deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:-0.96deg;
  --delay:-34.88s;
  --term-stagger:4403ms;
  --float:9.04s;
  --word-opacity:0.327;
  --word-blur:0.42px;
  --z-order:-284;
}

.slide-style-e97434eb38 {
  --x:62%;
  --y:66%;
  --chip-z:-4px;
  --chip-scale:0.838;
  --chip-rotate:0.544deg;
  --drift-x:-0.2rem;
  --drift-y:0rem;
  --tilt:-1.7deg;
  --delay:-5.92s;
  --term-stagger:2550ms;
  --float:8.559999999999999s;
  --word-opacity:0.606;
  --word-blur:0px;
  --z-order:4;
}

.slide-style-e9b48ebdb6 {
  --x:66%;
  --y:52%;
  --chip-z:58px;
  --chip-scale:1.041;
  --chip-rotate:-1.632deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:5.1deg;
  --delay:-0.96s;
  --term-stagger:1505ms;
  --float:8.08s;
  --word-opacity:0.666;
  --word-blur:0px;
  --z-order:66;
}

.slide-style-eac5e9fbf6 {
  --x:63.83%;
  --y:55.59%;
  --chip-z:-262px;
  --chip-scale:0.87;
  --chip-rotate:-1.7504deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:5.47deg;
  --delay:-22.080000000000002s;
  --term-stagger:447ms;
  --float:9.04s;
  --word-opacity:0.356;
  --word-blur:0.36px;
  --z-order:-254;
}

.slide-style-ec518aee33 {
  --x:48.42%;
  --y:65.49%;
  --chip-z:176px;
  --chip-scale:0.946;
  --chip-rotate:1.2128deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:-3.79deg;
  --delay:-29.76s;
  --term-stagger:2762ms;
  --float:8.08s;
  --word-opacity:0.78;
  --word-blur:0px;
  --z-order:184;
}

.slide-style-ec56c404c5 {
  --x:30.62%;
  --y:83.4%;
  --chip-z:176px;
  --chip-scale:1.205;
  --chip-rotate:-1.6063999999999998deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:5.02deg;
  --delay:-31.2s;
  --term-stagger:3801ms;
  --float:7.6s;
  --word-opacity:0.78;
  --word-blur:0px;
  --z-order:184;
}

.slide-style-ece1657f56 {
  --x:93.03%;
  --y:50.26%;
  --chip-z:174px;
  --chip-scale:1.124;
  --chip-rotate:-1.2864deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:4.02deg;
  --delay:-23.52s;
  --term-stagger:1983ms;
  --float:8.559999999999999s;
  --word-opacity:0.779;
  --word-blur:0px;
  --z-order:182;
}

.slide-style-ee1bcb77d7 {
  --x:18.83%;
  --y:59.4%;
  --chip-z:146px;
  --chip-scale:1.104;
  --chip-rotate:1.6192deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:-5.06deg;
  --delay:-26.560000000000002s;
  --term-stagger:3759ms;
  --float:8.08s;
  --word-opacity:0.751;
  --word-blur:0px;
  --z-order:154;
}

.slide-style-ef5e1c750e {
  --x:56.01%;
  --y:8%;
  --chip-z:-58px;
  --chip-scale:0.959;
  --chip-rotate:1.7152deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-5.36deg;
  --delay:-8.32s;
  --term-stagger:1809ms;
  --float:8.559999999999999s;
  --word-opacity:0.554;
  --word-blur:0px;
  --z-order:-50;
}

.slide-style-f06626e76d {
  --x:71.02%;
  --y:9.09%;
  --chip-z:-202px;
  --chip-scale:0.916;
  --chip-rotate:1.3088deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:-4.09deg;
  --delay:-11.040000000000001s;
  --term-stagger:3596ms;
  --float:9.52s;
  --word-opacity:0.414;
  --word-blur:0.24px;
  --z-order:-194;
}

.slide-style-f0afc07dbc {
  --x:77.24%;
  --y:51.54%;
  --chip-z:86px;
  --chip-scale:0.892;
  --chip-rotate:-1.2128deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:3.79deg;
  --delay:-21.6s;
  --term-stagger:3719ms;
  --float:7.6s;
  --word-opacity:0.693;
  --word-blur:0px;
  --z-order:94;
}

.slide-style-f3bdafeb2b {
  --x:82%;
  --y:76.12%;
  --chip-z:28px;
  --chip-scale:0.857;
  --chip-rotate:-0.7008deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:2.19deg;
  --delay:-37.44s;
  --term-stagger:719ms;
  --float:9.52s;
  --word-opacity:0.637;
  --word-blur:0px;
  --z-order:36;
}

.slide-style-f40767254f {
  --x:42.54%;
  --y:16.87%;
  --chip-z:58px;
  --chip-scale:0.875;
  --chip-rotate:-0.2432deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:0.76deg;
  --delay:-8.64s;
  --term-stagger:3097ms;
  --float:9.52s;
  --word-opacity:0.666;
  --word-blur:0px;
  --z-order:66;
}

.slide-style-f42534b340 {
  --score:7.5;
}

.slide-style-f49f79f752 {
  --x:73.96%;
  --y:14.8%;
  --chip-z:-144px;
  --chip-scale:0.96;
  --chip-rotate:0.8256deg;
  --drift-x:-0.2rem;
  --drift-y:-0.34rem;
  --tilt:-2.58deg;
  --delay:-9.76s;
  --term-stagger:3312ms;
  --float:8.08s;
  --word-opacity:0.471;
  --word-blur:0.13px;
  --z-order:-136;
}

.slide-style-f52e18f1b2 {
  --x:5%;
  --y:75.16%;
  --chip-z:-202px;
  --chip-scale:0.856;
  --chip-rotate:-1.056deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:3.3deg;
  --delay:-28.48s;
  --term-stagger:1741ms;
  --float:9.04s;
  --word-opacity:0.414;
  --word-blur:0.24px;
  --z-order:-194;
}

.slide-style-f57885e84c {
  --x:43.88%;
  --y:30.45%;
  --chip-z:-292px;
  --chip-scale:0.791;
  --chip-rotate:1.7536000000000003deg;
  --drift-x:-0.2rem;
  --drift-y:0.68rem;
  --tilt:-5.48deg;
  --delay:-17.44s;
  --term-stagger:252ms;
  --float:9.52s;
  --word-opacity:0.327;
  --word-blur:0.42px;
  --z-order:-284;
}

.slide-style-f58d9ad3cd {
  --x:31.86%;
  --y:49.61%;
  --chip-z:172px;
  --chip-scale:0.943;
  --chip-rotate:-1.1872deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:3.71deg;
  --delay:-17.28s;
  --term-stagger:4796ms;
  --float:9.04s;
  --word-opacity:0.777;
  --word-blur:0px;
  --z-order:180;
}

.slide-style-f5c5e5e7b9 {
  --x:25.7%;
  --y:34.37%;
  --chip-z:-234px;
  --chip-scale:0.891;
  --chip-rotate:0.8832deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-2.76deg;
  --delay:-19.04s;
  --term-stagger:1804ms;
  --float:9.52s;
  --word-opacity:0.383;
  --word-blur:0.31px;
  --z-order:-226;
}

.slide-style-f6a4419f40 {
  --x:39.61%;
  --y:21.6%;
  --chip-z:-88px;
  --chip-scale:1.003;
  --chip-rotate:-1.7088deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:5.34deg;
  --delay:-3.68s;
  --term-stagger:2178ms;
  --float:9.04s;
  --word-opacity:0.525;
  --word-blur:0.02px;
  --z-order:-80;
}

.slide-style-f7346e0bdc {
  --x:61.34%;
  --y:21.53%;
  --chip-z:-144px;
  --chip-scale:0.897;
  --chip-rotate:-0.512deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:1.6deg;
  --delay:-12.64s;
  --term-stagger:203ms;
  --float:9.52s;
  --word-opacity:0.471;
  --word-blur:0.13px;
  --z-order:-136;
}

.slide-style-f75d8e0ca4 {
  --x:69.61%;
  --y:63.26%;
  --chip-z:-262px;
  --chip-scale:0.683;
  --chip-rotate:0.9728deg;
  --drift-x:0.2rem;
  --drift-y:0.34rem;
  --tilt:-3.04deg;
  --delay:-38.08s;
  --term-stagger:3145ms;
  --float:9.04s;
  --word-opacity:0.356;
  --word-blur:0.36px;
  --z-order:-254;
}

.slide-style-f7bba080db {
  --x:31.14%;
  --y:13.53%;
  --chip-z:-60px;
  --chip-scale:0.804;
  --chip-rotate:0.3776deg;
  --drift-x:-0.2rem;
  --drift-y:0.34rem;
  --tilt:-1.18deg;
  --delay:-2.08s;
  --term-stagger:119ms;
  --float:9.04s;
  --word-opacity:0.552;
  --word-blur:0px;
  --z-order:-52;
}

.slide-style-f8092c8ebf {
  --x:29%;
  --y:62%;
  --chip-z:-14px;
  --chip-scale:0.832;
  --chip-rotate:-0.544deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:1.7deg;
  --delay:-4s;
  --term-stagger:3925ms;
  --float:7.6s;
  --word-opacity:0.596;
  --word-blur:0px;
  --z-order:-6;
}

.slide-style-f8a3ee78bb {
  --x:56%;
  --y:68%;
  --chip-z:2px;
  --chip-scale:0.841;
  --chip-rotate:1.088deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-3.4deg;
  --delay:-5.76s;
  --term-stagger:1773ms;
  --float:8.08s;
  --word-opacity:0.612;
  --word-blur:0px;
  --z-order:10;
}

.slide-style-f923044384 {
  --x:48%;
  --y:76%;
  --chip-z:230px;
  --chip-scale:1.327;
  --chip-rotate:0.672deg;
  --drift-x:-0.2rem;
  --drift-y:-0.68rem;
  --tilt:-2.1deg;
  --delay:-32.8s;
  --term-stagger:610ms;
  --float:7.6s;
  --word-opacity:0.833;
  --word-blur:0px;
  --z-order:238;
}

.slide-style-f935756552 {
  --x:51.17%;
  --y:47.1%;
  --chip-z:202px;
  --chip-scale:1.144;
  --chip-rotate:-0.5728deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0.34rem;
  --tilt:1.79deg;
  --delay:-20.48s;
  --term-stagger:3511ms;
  --float:9.04s;
  --word-opacity:0.806;
  --word-blur:0px;
  --z-order:210;
}

.slide-style-fa17794736 {
  --x:23.75%;
  --y:19.64%;
  --chip-z:28px;
  --chip-scale:0.857;
  --chip-rotate:-0.9184000000000001deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:2.87deg;
  --delay:-5.44s;
  --term-stagger:4394ms;
  --float:9.52s;
  --word-opacity:0.637;
  --word-blur:0px;
  --z-order:36;
}

.slide-style-fa68e2c625 {
  --x:26.8%;
  --y:75.77%;
  --chip-z:-28px;
  --chip-scale:0.823;
  --chip-rotate:-1.0848deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:3.39deg;
  --delay:-27.52s;
  --term-stagger:3114ms;
  --float:8.559999999999999s;
  --word-opacity:0.583;
  --word-blur:0px;
  --z-order:-20;
}

.slide-style-faddcfa3e7 {
  --x:68.1%;
  --y:18.43%;
  --chip-z:146px;
  --chip-scale:0.928;
  --chip-rotate:-0.1376deg;
  --drift-x:0.2rem;
  --drift-y:-0.34rem;
  --tilt:0.43deg;
  --delay:-10.56s;
  --term-stagger:1564ms;
  --float:8.08s;
  --word-opacity:0.751;
  --word-blur:0px;
  --z-order:154;
}

.slide-style-fbe082fce5 {
  --x:48%;
  --y:70%;
  --chip-z:6px;
  --chip-scale:0.844;
  --chip-rotate:1.632deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:-0.68rem;
  --tilt:-5.1deg;
  --delay:-5.6000000000000005s;
  --term-stagger:962ms;
  --float:7.6s;
  --word-opacity:0.616;
  --word-blur:0px;
  --z-order:14;
}

.slide-style-fe09a6c275 {
  --x:62.9%;
  --y:29.75%;
  --chip-z:28px;
  --chip-scale:0.857;
  --chip-rotate:1.7568000000000001deg;
  --drift-x:0.2rem;
  --drift-y:0.68rem;
  --tilt:-5.49deg;
  --delay:-21.44s;
  --term-stagger:2491ms;
  --float:9.52s;
  --word-opacity:0.637;
  --word-blur:0px;
  --z-order:36;
}

.slide-style-fe16983cc7 {
  --x:5.43%;
  --y:58.51%;
  --chip-z:204px;
  --chip-scale:1.226;
  --chip-rotate:1.3088deg;
  --drift-x:-0.6000000000000001rem;
  --drift-y:-0.34rem;
  --tilt:-4.09deg;
  --delay:-28.16s;
  --term-stagger:130ms;
  --float:8.08s;
  --word-opacity:0.808;
  --word-blur:0px;
  --z-order:212;
}

.slide-style-feeab409ad {
  --x:76.24%;
  --y:64.88%;
  --chip-z:-234px;
  --chip-scale:0.7;
  --chip-rotate:0.9440000000000001deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0.68rem;
  --tilt:-2.95deg;
  --delay:-35.04s;
  --term-stagger:360ms;
  --float:9.52s;
  --word-opacity:0.383;
  --word-blur:0.31px;
  --z-order:-226;
}

.slide-style-ff01c281f3 {
  --x:34.48%;
  --y:8%;
  --chip-z:144px;
  --chip-scale:1.18;
  --chip-rotate:1.7568000000000001deg;
  --drift-x:0.6000000000000001rem;
  --drift-y:0rem;
  --tilt:-5.49deg;
  --delay:-4.32s;
  --term-stagger:4718ms;
  --float:8.559999999999999s;
  --word-opacity:0.75;
  --word-blur:0px;
  --z-order:152;
}
/* === END GENERATED SLIDE STYLE UTILITIES === */

@media print {
  @page {
    size: A4 landscape;
    margin: 0;
  }

  html,
  body {
    background: #ffffff !important;
    height: auto;
    overflow: visible !important;
    width: auto;
  }

  body {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }

  .progress-bar,
  .top-controls,
  .bottom-controls,
  .download-controls,
  .edit-hotzone,
  .edit-toggle,
  .library-panel,
  .studio-dock,
  .studio-panel,
  .logo-picker-modal,
  .icon-picker-modal,
  .project-settings-panel,
  .status-toast,
  .terrain {
    display: none !important;
  }

  .brand-frame {
    left: 14mm;
    position: fixed;
    top: 10mm;
    z-index: 999;
  }

  .deck {
    display: block;
    height: auto;
    min-height: 0;
    width: auto;
  }

  .slide {
    break-after: page;
    height: 210mm !important;
    min-height: 210mm !important;
    page-break-after: always;
    width: 297mm !important;
  }

  .slide:last-child {
    break-after: auto;
    page-break-after: auto;
  }

.slide::before,
.slide::after {
  display: block !important;
}
}

/* Global heading normalization: keep H2 typography consistent across slide layouts. */
.slide h2 {
  font-family: var(--display);
  font-size: clamp(2.35rem, 4.2vw, 4.4rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.91;
}

body.dashboard-view .dashboard-deck-card h2 {
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.2vw, 2.45rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.92;
}

body.dashboard-view .dashboard-deck-card p {
  font-family: var(--sans);
  font-size: clamp(0.72rem, 0.82vw, 0.88rem);
  line-height: 1.32;
}