/* Readability changes keep the existing columns, padding, image budgets and
   line boxes. The solid chapter colors still meet their illustrated floors. */
#chun-five-stops .intro-sub { text-wrap: balance; }
#chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-about .intro-sub {
  font-size: 18px;
  line-height: 25.6px;
}
#chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-about .identity {
  font-size: 20px;
  line-height: 26.6px;
}
#chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-project {
  background-image: none !important;
}
#chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-paper-art { display: none; }
#chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-project-title {
  font-size: clamp(23px, calc(1.9vw + 2px), 34px);
  line-height: clamp(26.25px, 2.375vw, 40px);
}
#chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-project-copy p {
  font-size: 16px;
  line-height: var(--project-copy-leading, 22.4px);
}
#chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-selected,
#chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-meta {
  font-size: 12px;
  line-height: 16.5px;
}
@media (max-width: 1100px) {
  #chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-project-copy p {
    font-size: 15px;
  }
}
@media (max-height: 720px) {
  #chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-project-title {
    font-size: 23px;
    line-height: 26.25px;
  }
  #chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) .desktop-project-copy p {
    font-size: 15px;
    line-height: var(--project-copy-leading, 19.5px);
  }
}
#chun-five-stops:not([data-desktop="flow"]) .work-copy p {
  font-size: 16px;
  line-height: 23.8px;
}
#chun-five-stops:not([data-desktop="flow"]) .work-title {
  font-size: 24px;
  line-height: 27.28px;
}
#chun-five-stops:not([data-desktop="flow"]) .work-meta,
#chun-five-stops:not([data-desktop="flow"]) .selected-heading {
  font-size: 12px;
  line-height: 16.5px;
}
/* Creative's original text has a taller line box; retain it on mobile. */
#chun-five-stops[data-paper="creative"]:not([data-desktop="flow"]) .work-copy p {
  font-size: 17px;
  line-height: 27px;
}
#chun-five-stops[data-paper="creative"]:not([data-desktop="flow"]) .work-title {
  font-size: 36px;
  line-height: 42.16px;
}

#chun-five-stops[data-desktop="flow"]:not([data-measuring-readability]) [data-discipline="creative"] .desktop-project-grid { min-height:var(--original-grid-height,0px); }
@media (min-width: 551px) {
  #chun-five-stops:not([data-desktop="flow"]) .work-title {
    font-size: 31px;
    line-height: 35.96px;
  }
  #chun-five-stops[data-paper="creative"]:not([data-desktop="flow"]) .work-title {
    font-size: 44px;
    line-height: 52.08px;
  }
  #chun-five-stops[data-paper="creative"]:not([data-desktop="flow"]) .work-copy p {
    font-size: 19px;
    line-height: 31.45px;
  }
}
/* Cloud artwork extends past its container by design. Clip at the viewport,
   without creating a scrolling ancestor or altering vertical sticky motion. */
html { overflow-x: clip; }

/* The cloud silhouettes and readable declaration text have separate budgets. */
#chun-five-stops[data-desktop="flow"] .desktop-statement-bridge { min-height:0; }
#chun-five-stops .desktop-declaration-scene { height:auto; min-height:calc(100svh - var(--declaration-header,90px)); padding:calc(100vw * 13 / 93 + 28px) 0; box-sizing:border-box; }
#chun-five-stops .desktop-declaration-scene .desktop-statement { position:relative; z-index:4; gap:clamp(20px,3svh,32px); border:0; }
#chun-five-stops .mobile-declarations { height:auto; min-height:var(--declaration-view-height,85svh); padding:calc(100vw * 13 / 30 + 24px) 7%; gap:20px; box-sizing:border-box; }
#chun-five-stops .mobile-declaration-line,
#chun-five-stops .desktop-declaration-row,
#chun-five-stops .desktop-word-window { border:0; outline:0; box-shadow:none; overflow:visible; }
#chun-five-stops .mobile-declaration-line span,
#chun-five-stops .desktop-declaration-row span { opacity:1!important; visibility:visible!important; transform:none!important; mask-image:none!important; -webkit-mask-image:none!important; transition:none!important; animation:none!important; }
#chun-five-stops .declaration-cloud-band { border:0; outline:0; box-shadow:none; }
#chun-five-stops .declaration-cloud-band svg { top:-1px; left:calc(-15% - 1px); width:calc(130% + 2px); height:calc(100% + 2px); }

#chun-five-stops [data-discipline="video"] .desktop-hero-copy .featured-scroll-hint { color:#fff9ee!important; opacity:1; }
#chun-five-stops [data-discipline="creative"] .desktop-hero-copy .featured-scroll-hint { color:#102f4b!important; opacity:1; }
#chun-five-stops[data-paper="video"] .category .featured-scroll-hint { color:#fff9ee!important; opacity:1; }
#chun-five-stops[data-paper="creative"] .category .featured-scroll-hint { color:#102f4b!important; opacity:1; }
#chun-five-stops[data-mobile-phase="work"] .category .featured-scroll-hint { color:#102f4b!important; }

/* Align the small date and larger transition text by their first baseline. */
#chun-five-stops .career-stop { align-items:baseline; }
#chun-five-stops .career-year { grid-row:1; align-self:baseline; margin:0; line-height:1.55; }
#chun-five-stops .career-transition { align-self:baseline; margin:0; line-height:1.55; }

/* The holding passage beneath the clouds ends in the next section's sky. */
#chun-five-stops[data-desktop="flow"] .desktop-statement-bridge,
#chun-five-stops .mobile-declaration-passage { background:linear-gradient(90deg,#3b6176,#507f97)!important; }

/* First-visit audit: concrete positioning and direct professional actions. */
#chun-five-stops .professional-profile{margin-top:20px;max-width:570px}
#chun-five-stops .professional-profile h2{font:600 21px/1.35 Arial,sans-serif;margin:0 0 8px;letter-spacing:0}
#chun-five-stops .professional-profile p{font:16px/1.55 Arial,sans-serif;margin:7px 0}
#chun-five-stops .professional-profile .profile-experience{font-size:15px;color:#36536d}
#chun-five-stops .professional-profile .profile-availability{font-size:14px}
#chun-five-stops .profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
#chun-five-stops .profile-actions a{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;font:13px/1.4 'Chun Mono',monospace;background:transparent}
#chun-five-stops .profile-actions a:first-child{background:#102f4b;color:#fff9ee}
#chun-five-stops .profile-actions a:hover{background:#25516a;color:#fff9ee}
#chun-five-stops .profile-actions a:focus-visible{outline:2px solid #102f4b;outline-offset:4px}
#chun-five-stops .contact-services{font:16px/1.65 Arial,sans-serif;margin:0 0 12px}
#chun-five-stops .contact-direct-email{margin:0 0 24px}
#chun-five-stops .contact-direct-email a{background:transparent;border:0;border-bottom:1px solid;padding:6px 0;font-size:18px}
#chun-five-stops .enquiry-type{grid-column:1/-1}
#chun-five-stops .contact-form select{width:100%;min-height:48px;padding:12px;border:1px solid #102f4b55;color:#102f4b;background:#fff9ee;font:16px Arial,sans-serif;border-radius:0}
@media(max-width:760px){
 #chun-five-stops .site-nav a{font-size:14px!important;min-height:44px}
 #chun-five-stops .site-nav .back-top{font-size:12px;min-height:44px}
 #chun-five-stops .professional-profile{margin-top:18px}
 #chun-five-stops .professional-profile h2{font-size:20px}
 #chun-five-stops .professional-profile p{font-size:16px}
 #chun-five-stops .mobile-about-flow .mobile-intro-person{height:140px;margin:16px 0 10px auto}
 #chun-five-stops .mobile-about-flow{padding-top:24px;padding-bottom:24px}
 #chun-five-stops .mobile-about-flow .chapter-index{margin-top:12px}
 #chun-five-stops .mobile-about-flow .intro-copy h1{margin:12px 0;font-size:54px}
 #chun-five-stops .mobile-about-flow .intro-copy .statement{margin:12px 0}
}

#chun-five-stops .career-position{display:block;font-weight:500;margin:3px 0 5px}

#chun-five-stops .declaration-cloud-band{overflow:hidden}