/* First story composition. Other chapters retain their placeholder styling. */
#tour-plaques:has(.tour-intro.is-active){width:clamp(380px,34vw,450px);height:min(510px,calc(100svh - 140px))}
#tour-plaques .tour-intro{padding:10px;display:flex;flex-direction:column;border-radius:30px}
.tour-intro .intro-copy{padding:24px 28px 30px}
#tour-plaques .tour-intro h2{font-size:clamp(27px,2.25vw,33px);line-height:1.08;font-weight:550;letter-spacing:-.05em;margin:0 0 22px}
#tour-plaques .tour-intro .intro-copy p{font-size:15px;line-height:1.5;opacity:1;margin:0}
.intro-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1;min-height:210px}
.intro-local-column{display:flex;flex-direction:column;gap:10px;min-width:0}
.intro-plan-badge{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px 9px 24px;background:#5e8c76;color:#fafafa;border-radius:999px;font-size:20px;line-height:1.2;letter-spacing:-.04em;cursor:default}
.intro-clock{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#fafafa;border-radius:50%}
.intro-clock img{display:block;width:20px;height:20px}
.intro-local{display:flex;flex-direction:column;justify-content:space-between;gap:24px;flex:1;border-radius:20px;background:#e8eaec;padding:24px}
.tour-intro h3{font-size:20px;font-weight:550;letter-spacing:-.04em;line-height:1.1;margin:0}
#tour-plaques .intro-local p{font-size:12px;line-height:1.4;opacity:1;color:#5e6574;margin:0}
.intro-compatibility{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0;padding:25px 0 18px;border:1px solid rgb(39 45 64 / 8%);border-radius:20px;overflow:hidden}
.intro-compatibility h3{text-align:center;padding:0 14px}
.intro-logos{display:grid;gap:12px;overflow:hidden}
.intro-logo-row{overflow:hidden}
.intro-logo-track{display:flex;width:max-content;animation:intro-logo-drift var(--logo-duration,34s) linear infinite;animation-play-state:paused}
.intro-logo-set{display:flex;align-items:center;flex-shrink:0;gap:16px;padding-right:16px}
.intro-logo-set img{display:block;flex-shrink:0;width:88px;height:27px;object-fit:contain}
#story-sticky.is-story-visible .tour-intro.is-active .intro-logo-track{animation-play-state:running}
@keyframes intro-logo-drift{to{transform:translateX(-50%)}}
@media(min-width:761px) and (max-height:780px){
  #tour-plaques:has(.tour-intro.is-active){height:min(480px,calc(100svh - 120px))}
  .tour-intro .intro-copy{padding:18px 22px 22px}
  #tour-plaques .tour-intro h2{font-size:28px;margin-bottom:16px}
  #tour-plaques .tour-intro .intro-copy p{font-size:14px;line-height:1.4}
  .intro-local{padding:18px;gap:16px}
  .intro-plan-badge{font-size:18px;padding-left:18px}
}
@media(max-width:760px){
  #tour-plaques:has(.tour-intro.is-active){width:calc(100vw - 32px);height:auto}
  #tour-plaques .tour-intro{position:relative}
  .tour-intro .intro-copy{padding:16px 16px 20px}
  #tour-plaques .tour-intro h2{font-size:25px;margin-bottom:14px}
  #tour-plaques .tour-intro .intro-copy p{font-size:13px}
  .intro-local{padding:16px;gap:16px}
  .intro-plan-badge{font-size:17px;padding-left:16px}
  .intro-tiles{min-height:190px}
  .tour-intro h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
  .intro-logo-track{animation:none}
  .intro-logo-set[aria-hidden=true]{display:none}
  .intro-logo-set{gap:8px;padding:0 8px;flex-wrap:wrap;width:100%;box-sizing:border-box;justify-content:center}
  .intro-logo-track{width:100%}
  .intro-logo-set img{width:52px;height:24px}
}