/* Compatibility layer for the index1 introduction + index2 story composition. */
.ix2-merged,
.ix2-merged * {
  animation: none !important;
  transition: none !important;
}

.ix2-merged .line-art path,
.ix2-merged .scribble path {
  stroke-dashoffset: 0 !important;
}

.ix2-merged .phone-device,
.ix2-merged .hero-device,
.ix2-merged .line-art {
  animation: none !important;
}

.ix2-merged .manifesto {
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.merge-story-link {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  gap: 18px;
  margin-top: 34px;
  padding: 12px 18px;
  border: 1px solid rgba(9, 88, 61, .28);
  border-radius: 999px;
  background: rgba(255, 255, 255, .5);
  color: #09583d;
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-decoration: none;
}

.merge-story-link span {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: #09583d;
  color: #fff;
}

.ix2-merged .ix2-chapter--incident {
  min-height: max(760px, 94svh);
}

.ix2-merged .ix2-details {
  --ink: #11100f;
  --paper: #fffaf0;
  --green: #07553f;
}

.ix2-pricing-contact{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:clamp(50px,8vw,120px);padding:clamp(90px,10vw,150px) max(5vw,calc((100vw - 1540px)/2));border-top:1px solid rgba(17,16,15,.2);background:#f3ede2;color:#102c23}
.ix2-pricing-copy h2{margin:0;font:500 clamp(3.4rem,5.6vw,6.2rem)/.88 var(--serif);letter-spacing:-.055em}.ix2-pricing-copy h2 em{color:#07553f;font-weight:400}.ix2-pricing-copy>p:not(.ix2-kicker){max-width:600px;margin:28px 0 18px;font-size:1rem;line-height:1.7}.ix2-pricing-copy>a{color:inherit;font-weight:700;text-underline-offset:5px}
.ix2-pricing-form{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:30px;border:1px solid #102c23;background:rgba(255,255,255,.48)}.ix2-pricing-form label{display:grid;gap:8px;font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.ix2-pricing-form input,.ix2-pricing-form select,.ix2-pricing-form textarea{width:100%;border:0;border-bottom:1px solid #102c23;border-radius:0;padding:11px 2px;background:transparent;color:inherit;font:500 .9rem var(--sans);letter-spacing:0;text-transform:none;outline:0}.ix2-pricing-form textarea{border:1px solid #102c23;padding:12px;resize:vertical}.ix2-pricing-form input:focus,.ix2-pricing-form select:focus,.ix2-pricing-form textarea:focus{box-shadow:0 3px 0 #07553f}.ix2-pricing-wide{grid-column:1/-1}.ix2-pricing-honeypot{position:absolute!important;left:-10000px!important}.ix2-pricing-submit{display:flex;align-items:center;justify-content:space-between;gap:20px}.ix2-pricing-submit p{margin:0;font-size:.8rem}.ix2-pricing-submit button{display:inline-flex;min-height:50px;align-items:center;justify-content:space-between;gap:28px;padding:13px 20px;border:1px solid #102c23;border-radius:99px;background:#dfff65;color:#102c23;font-weight:800;cursor:pointer}.ix2-pricing-submit button:disabled{opacity:.55;cursor:wait}
@media(max-width:900px){.ix2-pricing-contact{grid-template-columns:1fr;padding:80px 24px}.ix2-pricing-form{max-width:760px}}
@media(max-width:600px){.ix2-pricing-contact{padding:68px 16px;gap:38px}.ix2-pricing-copy h2{font-size:clamp(2.9rem,13vw,4.3rem)}.ix2-pricing-form{grid-template-columns:1fr;padding:20px 16px}.ix2-pricing-wide{grid-column:auto}.ix2-pricing-submit{align-items:stretch;flex-direction:column}.ix2-pricing-submit button{width:100%}}

/* Keep the photographic Classroom chapters complete within a desktop viewport. */
@media (min-width: 1001px) {
  .ix2-merged .ix2-chapter--photographic {
    min-height: calc(100svh - 60px);
    padding-block: clamp(36px, 5vh, 70px);
  }

  .ix2-merged .ix2-story-frame > img {
    height: min(78svh, 760px);
    aspect-ratio: auto;
    object-fit: cover;
  }

  .ix2-merged .ix2-copy h2 {
    font-size: clamp(3.6rem, 5.4vw, 6rem);
  }
}

@media (max-width: 650px) {
  .merge-story-link {
    width: 100%;
    justify-content: space-between;
    margin-top: 28px;
  }

  .ix2-merged .manifesto {
    padding-bottom: 110px;
  }

  /* The companion device keeps a real phone proportion on small screens. */
  .ix2-merged .phone-device {
    width: min(42vw, 150px);
    height: auto;
    min-height: 286px;
    aspect-ratio: 9 / 18;
    margin-top: 20px;
    padding: 20px 10px 12px;
    border-width: 5px;
    border-radius: 25px;
  }

  .ix2-merged .phone-face { height: 122px; }
  .ix2-merged .phone-device > small { display: block; }
  .ix2-merged .phone-device > i { font-size: .45rem; }
}