/* A quiet mobile rendering path: no scroll-sized layers or perpetual GPU work. */
#case-dialog .case-story-outcome .case-outcome {
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
}
#case-dialog .case-story-outcome {background:linear-gradient(105deg,#1e315d,#151b2a)}
#case-dialog .case-story-block {min-height:0}
.lead-honeypot {position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.form-error {margin:12px 0 0;color:#b72a39;font-size:13px}
.optional {font-weight:400;opacity:.55}
.case-mobile-navigation {display:none}

@media(max-width:900px) {
  html {scroll-behavior:auto}
  .parallel-page .site-header,
  .parallel-page .site-header.is-scrolled {
    background:#0b0d14;
    border-bottom:1px solid rgb(255 255 255 / .12);
    box-shadow:none;
    transform:none!important;
    will-change:auto;
    contain:none;
  }
  .parallel-page .site-header::before {display:none}
  .parallel-page .menu-toggle {background:#171b25}
  .parallel-hero {height:var(--stable-mobile-hero-height,100svh);min-height:640px;background:linear-gradient(145deg,#08090c,#0d1730)}
  .parallel-hero h1,.parallel-hero-description {animation:none!important}
  .parallel-hero::after {display:none}
  .parallel-hero-sketch {transform:none!important;opacity:.38;contain:paint}
  .parallel-hero-sketch path {animation:none!important;stroke-dashoffset:0!important;opacity:1!important}
  .parallel-hero-sketch circle {animation:none!important}
  .parallel-hero-glyph {transform:translateX(-50%)!important;opacity:1!important;perspective:650px}
  .parallel-glyph-object {animation:parallel-glyph-turn 10s linear infinite!important;animation-play-state:paused!important;will-change:auto}
  .parallel-hero.is-glyph-visible .parallel-glyph-object {animation-play-state:running!important;will-change:transform}
  .parallel-glyph-ring-front {filter:none}
  .parallel-door-rotor svg {filter:none}
  .parallel-hero-copy {transform:none!important;opacity:1!important}
  .parallel-studio-glitch::before,.parallel-studio-glitch::after {animation:none!important}
  .case-showcase-card {transform:none;contain:layout}
  .case-showcase-media,.case-showcase-media img {transform:none!important;filter:none!important}
  .case-showcase-media {box-shadow:0 8px 22px rgb(7 12 28 / .12)}
  .about-leaf {box-shadow:0 10px 28px rgb(0 0 0 / .16)}
  .parallel-page .site-header.is-hidden {transform:none}
  .process-rooms-story,
  .process-rooms-story.is-enhanced {
    background:#0d1425;
    color:#fff;
  }
  .process-rooms-heading>p:last-child {color:#bec7d8}
  .process-room-list li {
    border-color:rgb(255 255 255 / .15);
    background:#172238;
    color:#fff;
    text-shadow:none;
  }
  .process-room-list h3 {color:#fff;text-shadow:none}
  .process-room-list p {color:#d5ddeb;text-shadow:none}
  .process-room-list li>span {color:#aab9da;opacity:1}
  .process-room-viewport {background:transparent}
  .process-room-list li,
  .process-room-list li.mobile-reveal-pending {opacity:1!important;transform:none!important}
  .parallel-page .site-header,
  .parallel-page .site-header * {animation:none!important;transition:none!important}
  .parallel-page .parallel-hero,
  .parallel-page .word-pile,
  .parallel-page .scatter-story,
  .parallel-page .why-stack-story,
  .parallel-page .control-story,
  .parallel-page .project-gallery,
  .parallel-page .process-rooms-story {filter:none!important;will-change:auto!important}
  .parallel-page .scatter-tile,
  .parallel-page .why-stack-card,
  .parallel-page .control-story-stage {backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto!important}
  .parallel-page .scatter-sticky>h2 {will-change:auto}
  .parallel-page .scatter-tile {box-shadow:0 8px 20px rgb(12 24 50 / .1)}
  .parallel-page .scatter-story.is-mobile-motion-active .scatter-tile {will-change:transform!important}
  .parallel-page .scatter-sticky {display:block;height:620px}
  .parallel-page .scatter-sticky>h2 {position:absolute;top:74px;right:18px;left:18px;max-width:none;text-align:center;font-size:clamp(36px,10vw,48px);line-height:.98;transform:none!important}
  .parallel-page .scatter-field {top:200px;bottom:20px}
  .pricing-catalog .pricing-tabs {scroll-snap-type:none}
  /* The desktop footer curtain is expensive during rapid reverse scroll on iOS. */
  .parallel-page .site-footer {position:relative;bottom:auto;min-height:0}
  .parallel-page .closing-section {min-height:0;box-shadow:none}
  #case-dialog,
  #case-dialog[open],
  #case-dialog::backdrop,
  #case-dialog[open]::backdrop {transition:none!important;transform:none!important;opacity:1!important}
  .case-mobile-navigation {position:sticky;top:68px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -18px 12px;padding:8px 18px 10px;background:#0a0b0e;border-bottom:1px solid rgb(255 255 255 / .1)}
  .case-mobile-navigation>div {display:flex;align-items:center;gap:8px}
  .case-mobile-navigation button {min-width:42px;min-height:42px;padding:8px;border:1px solid rgb(255 255 255 / .25);border-radius:99px;background:#1b1d24;color:#fff;font:inherit;font-size:14px}
  .case-mobile-navigation #case-return {padding:8px 14px;white-space:nowrap}
  .case-mobile-navigation button:disabled {opacity:.35}
  .case-mobile-navigation button:focus-visible {outline:2px solid #8ba3ff;outline-offset:2px}
  #case-counter {min-width:44px;text-align:center;color:#c7c9d0;font-size:12px;white-space:nowrap}
  .mobile-reveal-pending {opacity:1!important}
  .case-showcase-card.mobile-reveal-pending,.process-room-list li.mobile-reveal-pending {transform:translate3d(0,12px,0)!important}
  .mobile-reveal-done {opacity:1;transform:none;transition:opacity 360ms ease-out,transform 360ms ease-out}
  .word-pile-list>span.mobile-reveal-done {transition-duration:420ms}
}
@media(max-width:600px) {
  #contact-dialog .form-grid {grid-template-columns:minmax(0,1fr)}
  #contact-dialog .dialog-top {position:sticky;top:-25px;z-index:3;margin:-8px -6px 0;padding:8px 6px;background:#fff}
}
@media(prefers-reduced-motion:reduce) {
  .parallel-page .parallel-glyph-object {animation:none!important;transform:rotateY(0deg)!important}
  .mobile-reveal-pending,.mobile-reveal-done {opacity:1!important;transition:none!important}
}