/* Revision 17 — four-step Shift story with equal, uncropped supplied visuals. */
#room.shift-section{background:#f7fafc;padding-block:clamp(72px,9vw,128px)}
#room .shift-heading{max-width:780px;margin-inline:auto}
#room .shift-heading h2{max-width:760px;margin:13px auto 0;color:var(--navy);font-size:clamp(38px,4.25vw,62px);line-height:1.01;letter-spacing:-.06em;text-wrap:balance}
#room .shift-story{display:grid;gap:clamp(60px,8vw,112px);margin-top:clamp(42px,6vw,78px)}
#room .shift-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(32px,5vw,74px);padding-top:clamp(40px,6vw,76px);border-top:1px solid #dbe4eb;scroll-margin-top:102px}
#room .shift-card:first-child{padding-top:0;border-top:0}
#room .shift-card--reverse .shift-card__copy{order:2}
#room .shift-card--reverse .shift-card__media{order:1}
#room .shift-card__copy{min-width:0}
#room .shift-card__number{display:grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:50%;background:#fff0e6;color:var(--orange);font-size:12px;font-weight:900;letter-spacing:.04em}
#room .shift-card h3{max-width:520px;margin:0 0 15px;color:var(--navy);font-size:clamp(29px,3.1vw,46px);line-height:1.02;letter-spacing:-.054em;text-wrap:balance}
#room .shift-card__body,#room .shift-card__instead,#room .shift-card__takeaway{max-width:505px;margin:0;color:#425d77;font-size:clamp(15px,1.28vw,18px);line-height:1.62}
#room .shift-card__instead{margin-top:14px;color:#506a83}
#room .shift-card__instead strong{color:var(--navy);font-weight:900}
#room .shift-card__takeaway{margin-top:15px;color:var(--orange);font-weight:850}
#room .shift-card__media{display:grid;place-items:center;aspect-ratio:1/1;min-width:0;margin:0;overflow:hidden;border:1px solid #d9e3eb;border-radius:22px;background:#fff;box-shadow:0 20px 48px rgba(14,42,71,.12)}
#room .shift-card__media img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
@media (max-width:760px){
  #room.shift-section{padding-block:62px}
  #room .shift-heading h2{font-size:clamp(35px,9.2vw,46px)}
  #room .shift-story{gap:52px;margin-top:37px}
  #room .shift-card,#room .shift-card--reverse{grid-template-columns:1fr;gap:25px;padding-top:44px}
  #room .shift-card--reverse .shift-card__copy,#room .shift-card--reverse .shift-card__media{order:initial}
  #room .shift-card__number{width:34px;height:34px;margin-bottom:13px;font-size:11px}
  #room .shift-card h3{margin-bottom:13px;font-size:clamp(29px,8.2vw,38px)}
  #room .shift-card__body,#room .shift-card__instead,#room .shift-card__takeaway{font-size:16px;line-height:1.58}
  #room .shift-card__media{border-radius:17px}
}