/* Mobile finishing: shorten each story passage while keeping the scroll reveal. */
@media (max-width:700px) and (prefers-reduced-motion:no-preference) {
  .vt-on .vt-about-track { height: 150svh; margin-bottom: 20px; }
  .vt-on .vt-about-stage, .vtf-on .vtf-stage { top: 78px; height: clamp(410px, 58svh, 520px); }
  .vtf-track { margin-bottom: 22px; }
  .vtf-inflow { margin-top: 28px; }
}
.preview-notice { margin: 0 0 18px; padding: 12px 16px; border: 1px solid #d7c4aa; border-radius: 12px; background: #fbf4e9; color: #57452f; font-size: 13px; }
a[aria-disabled="true"] { cursor: not-allowed; }@media (max-width:700px) {
  .msg-face.vt-msg { font-size: clamp(21px, 6vw, 25px); line-height: 2; }
  .vtf-gallery .vtf-big, .vtf-reasons .vtf-big, .vtf-guide .vtf-big { font-size: 24px; line-height: 1.9; }
  .vtf-plans .vtf-big { font-size: 23px; line-height: 1.75; }
  .vtf-anniv .vtf-big, .vtf-753 .vtf-big, .vtf-flow .vtf-big { line-height: 2; }
  .vtf-cta .vtf-big { font-size: 21px; line-height: 1.8; }
  .vtf .vtf-sub { font-size: 13.5px; line-height: 1.8; }
}
a[aria-disabled='true'] { opacity: .65; filter: grayscale(.65); box-shadow: none; }
/* ABOUT has a shorter passage than the other story sections. */
@media (prefers-reduced-motion:no-preference) {
  #about .sec-head { margin-bottom: 20px; }
  .vt-on .vt-about-track { height: 135svh; margin-bottom: 20px; }
  .vt-on .vt-about-stage { top: 78px; height: clamp(304px, 38svh, 340px); }
}
.vtf .vtf-sub { color: #67533e; }
@media (max-width:700px) and (prefers-reduced-motion:no-preference) {
  .vtf-on #reasons .vtf-track { height: 135svh; }
  .vtf-on #works .vtf-track { height: 155svh; }
  .vtf-on .vtf-anniv-track { height: 155svh; }
  .vtf-on .vtf-753-track { height: 125svh; }
  .vtf-on #reasons .vtf-stage, .vtf-on #works .vtf-stage,
  .vtf-on .vtf-anniv-track .vtf-stage, .vtf-on .vtf-753-track .vtf-stage { height: clamp(300px, 42svh, 360px); }
}
.scrub-box.live .rt-w { opacity: .72; }
.reason-list.live .reason-item { opacity: .75; }
@media (max-width:700px) and (max-height:740px) and (prefers-reduced-motion:no-preference) {
  .js .gr-stage { height: min(520px, calc(100svh - 170px)); }
  .js .pr-stage { height: min(500px, calc(100svh - 170px)); }
}