@layer responsive {
  @media (min-width: 900px) and (max-height: 750px) {
    .slide {
      gap: 1.5rem;
    }
    h1 {
      font-size: clamp(3.5rem, 5.8vw, 6.5rem);
    }
    h2 {
      font-size: clamp(2.6rem, 3.8vw, 4.6rem);
    }
    .hero-visual {
      height: 25rem;
    }
    .engineering-grid article,
    .journey li,
    .team-card {
      padding: 1.25rem;
    }
    .team-photo {
      width: 5rem;
    }
    .team-qr {
      width: 5rem;
    }
    .coffee-preview img {
      max-height: 20rem;
    }
  }

  @media (max-width: 1100px) {
    .journey {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .journey li {
      display: grid;
      grid-template-columns: auto 1fr;
      column-gap: 1rem;
    }
    .journey-number {
      grid-column: 1 / -1;
      margin-bottom: 0.75rem;
    }
    .journey-icon {
      grid-row: span 2;
    }
    .journey h3 {
      margin: 0 0 0.5rem;
    }
    .journey p {
      grid-column: 2;
    }
    .architecture {
      gap: 0.6rem;
      grid-template-columns: 1fr 0.1fr 1fr 0.07fr 1fr;
    }
    .arch-connection span {
      display: none;
    }
    .shortlist-layout {
      grid-template-columns: 0.8fr 1.2fr;
    }
    .progress-board {
      grid-template-columns: 1fr;
    }
    .progress-column + .progress-column {
      border-left: 0;
      border-top: 1px solid var(--line);
      border-radius: 0 0 var(--radius) var(--radius);
    }
    .column-label {
      margin-bottom: 0.75rem;
    }
    .progress-column ul {
      gap: 0.5rem;
    }
    .coffee-preview img {
      max-height: none;
    }
    .team-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .team-qr {
      display: none;
    }
  }

  @media (max-width: 899px) {
    :root {
      --gutter: clamp(1.25rem, 5vw, 2.5rem);
    }
    .slide {
      align-content: start;
      gap: 1.75rem;
      padding-block: 1.75rem 2rem;
    }
    h1 {
      font-size: clamp(3.2rem, 9.5vw, 5rem);
    }
    h2 {
      font-size: clamp(2.4rem, 6.5vw, 4rem);
    }
    .slide-cover,
    .slide-product,
    .slide-finale,
    .slide-demo,
    .trust-layout {
      grid-template-columns: 1fr;
    }
    .cover-copy,
    .product-copy,
    .demo-copy {
      max-width: 40rem;
    }
    .hero-visual {
      width: min(100%, 32rem);
      height: clamp(21rem, 70vw, 30rem);
      margin-inline: auto;
      border-radius: 2rem;
    }
    .cover-copy .lede,
    .product-copy .lede,
    .trust-copy .lede,
    .demo-copy .lede {
      margin-top: 1.25rem;
    }
    .cover-foot {
      justify-content: center;
      flex-wrap: wrap;
    }
    .orb-stage {
      width: min(100%, 27rem);
      margin-inline: auto;
    }
    .tension-grid {
      grid-template-columns: 1fr 1fr;
      gap: 1rem;
    }
    .turn-arrow {
      display: none;
    }
    .tension-card {
      padding: 1.5rem;
    }
    .engineering-grid {
      grid-template-columns: 1fr;
    }
    .engineering-grid article {
      display: grid;
      grid-template-columns: auto 1fr;
      column-gap: 1rem;
      padding: 1.5rem;
    }
    .engineering-grid .feature-symbol,
    .engineering-grid .journey-icon {
      grid-row: 1 / 3;
    }
    .engineering-grid h3 {
      margin: 0 0 0.5rem;
    }
    .engineering-grid p {
      grid-column: 2;
    }
    .engineering-note,
    .north-star {
      flex-direction: column;
      gap: 0.5rem;
    }
    .architecture {
      grid-template-columns: 1fr;
      gap: 0.8rem;
    }
    .arch-connection,
    .arch-split {
      display: none;
    }
    .arch-destinations {
      grid-template-columns: 1fr 1fr;
      gap: 0.8rem;
    }
    .arch-node {
      padding: 1.5rem;
    }
    .trust-layout {
      gap: 1.5rem;
    }
    .trust-rules {
      grid-template-columns: 1fr;
    }
    .trust-rules > div {
      padding: 1rem 0;
      border-bottom: 1px solid var(--line);
    }
    .trust-rules strong {
      display: inline;
    }
    .roadmap {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }
    .roadmap article {
      display: grid;
      grid-template-columns: 5rem 1fr;
      gap: 0.5rem 1rem;
    }
    .phase {
      align-self: start;
      justify-self: start;
    }
    .roadmap-line {
      display: none;
    }
    .roadmap h3 {
      align-self: center;
      margin: 0;
    }
    .roadmap p {
      grid-column: 2;
    }
    .finale-orb {
      width: min(65vw, 22rem);
      margin-inline: auto;
    }
    .finale-copy {
      text-align: center;
    }
    .finale-copy .eyebrow {
      justify-content: center;
    }
    .finale-tag {
      flex-wrap: wrap;
    }
    .demo-copy h2 {
      font-size: clamp(2.8rem, 8vw, 4.5rem);
    }
    .demo-cta {
      width: min(100%, 32rem);
      margin-inline: auto;
    }
    .chapter-label {
      display: none;
    }
  }

  @media (max-width: 560px) {
    .deck-toolbar {
      padding-block: max(0.6rem, env(safe-area-inset-top)) 0.4rem;
    }
    .wordmark {
      font-size: 1rem;
    }
    .wordmark-mark {
      width: 1.4rem;
      height: 1.4rem;
    }
    .toolbar-actions {
      gap: 0.65rem;
    }
    .text-link {
      font-size: 0.75rem;
      gap: 0.35rem;
    }
    .icon-button {
      width: 44px;
      height: 44px;
    }
    .slide {
      gap: 1.5rem;
      padding-top: 1.25rem;
    }
    .eyebrow {
      font-size: 0.65rem;
      letter-spacing: 0.1em;
    }
    .lede {
      font-size: 1rem;
      line-height: 1.6;
    }
    .button {
      width: 100%;
      gap: 0.75rem;
      font-size: 0.82rem;
      padding-inline: 1rem;
    }
    .tension-grid,
    .journey,
    .shortlist-layout {
      grid-template-columns: 1fr;
    }
    .journey li {
      padding: 1.25rem;
    }
    .journey-number {
      margin-bottom: 0.75rem;
    }
    .engineering-grid article {
      padding: 1.25rem;
    }
    .engineering-grid p,
    .journey p,
    .roadmap p {
      font-size: 0.95rem;
    }
    .arch-destinations {
      grid-template-columns: 1fr;
    }
    .coffee-preview img {
      max-height: 22rem;
    }
    .progress-column {
      padding: 1.5rem;
    }
    .team-grid {
      grid-template-columns: 1fr;
    }
    .team-card {
      display: grid;
      grid-template-columns: 4rem 1fr;
      column-gap: 1rem;
      align-items: start;
      text-align: left;
      padding: 1.1rem;
    }
    .team-photo {
      grid-row: 1 / 4;
      width: 4rem;
      border-radius: 1rem;
    }
    .team-card h3 {
      margin: 0 0 0.25rem;
      font-size: 1.05rem;
    }
    .team-handle {
      grid-column: 2;
    }
    .team-link {
      grid-column: 2;
      justify-self: start;
    }
    .deck-footer {
      gap: 0.5rem;
      padding-top: 0.5rem;
      padding-bottom: max(0.65rem, env(safe-area-inset-bottom));
    }
    .chapter-info {
      font-size: 0.7rem;
    }
    .nav-label {
      display: none;
    }
    .slide-navigation {
      gap: 0.4rem;
    }
    .slide-count {
      min-width: 3rem;
      font-size: 0.7rem;
    }
    .nav-button {
      padding: 0.5rem;
    }
    .sample-prompt {
      padding: 1.1rem;
      font-size: 1rem;
    }
  }

  @media (max-height: 500px) and (orientation: landscape) {
    .deck-toolbar {
      padding-top: max(0.25rem, env(safe-area-inset-top));
      padding-bottom: 0.25rem;
    }
    .deck-footer {
      padding-top: 0.25rem;
      padding-bottom: max(0.35rem, env(safe-area-inset-bottom));
    }
    .slide {
      align-content: start;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation: none !important;
      transition: none !important;
      scroll-behavior: auto !important;
    }
  }
}