/* Hospital case only. Shared navigation, motion preferences and other projects retain their existing styles. */
.hospital-page .hospital-project-name {font:11px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--acid);margin-top:26px}
.hospital-page .hospital-hero .case-title-grid {margin-top:15px}
.hospital-page .hospital-hero h1 {font-size:clamp(57px,7.6vw,108px)}
.hospital-page .hospital-context-photo {margin:30px 0 0}
.hospital-page .hospital-context-photo img {display:block;width:100%;height:auto;max-width:664px;border:1px solid #684183}
.hospital-page .hospital-context-photo figcaption {font:9px/1.6 var(--mono);color:var(--muted);margin-top:9px;text-transform:uppercase;letter-spacing:.03em}
.hospital-page .hospital-timeline,.hospital-page .hospital-problems,.hospital-page .hospital-design-flow {list-style:none;padding:0;margin:0;display:grid;gap:16px}
.hospital-page .hospital-timeline {grid-template-columns:repeat(5,minmax(0,1fr));margin-top:8px}
.hospital-page .hospital-timeline li {min-width:0;border-top:3px solid var(--purple);padding:22px 18px;background:var(--surface)}
.hospital-page .hospital-day {font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--acid)}
.hospital-page .hospital-timeline h3 {font-size:29px;line-height:1.05;margin-top:20px}
.hospital-page .hospital-timeline p {font-size:13px;color:var(--muted);margin-top:15px}
.hospital-page .hospital-source-note {font:11px/1.7 var(--mono);color:var(--muted);max-width:950px;margin:0}
.hospital-page .hospital-problems {grid-template-columns:repeat(3,minmax(0,1fr))}
.hospital-page .hospital-problems li {min-width:0;padding:28px;background:var(--dark-purple);border:1px solid #684183;position:relative}
.hospital-page .hospital-problems .eyebrow {font-size:9px;color:#cfc5da;display:block}
.hospital-page .hospital-problems h3 {font-size:clamp(37px,4vw,54px);line-height:.98;margin-top:27px;color:var(--acid)}
.hospital-page .hospital-problems p {font-size:14px;color:#d4cddd;margin-top:24px}
.hospital-page .hospital-insights {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.hospital-page .hospital-insights article {min-width:0;border-top:1px solid #8156b4;padding:25px 25px 28px;background:var(--surface)}
.hospital-page .hospital-evidence-label {font:10px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acid);margin:0}
.hospital-page .hospital-insights h3 {font-size:35px;line-height:1.05;margin-top:18px}
.hospital-page .hospital-insights article>p:last-child {font-size:14px;color:var(--muted);margin-top:18px;max-width:580px}
.hospital-page .hospital-insights .hospital-hypothesis {border-top-style:dashed;background:#21112c}
.hospital-page .hospital-hypothesis .hospital-evidence-label {color:#c4a1ff}
.hospital-page .hospital-context-stat {display:grid;grid-template-columns:.65fr 1.35fr;gap:35px;align-items:center;border-block:1px solid #684183;padding:30px;margin-top:5px}
.hospital-page .hospital-context-stat strong {display:block;font:800 clamp(56px,6.3vw,88px)/1 var(--display);text-transform:uppercase;margin-top:14px;color:var(--paper)}
.hospital-page .hospital-context-stat>p {font-size:15px;color:var(--muted);margin:0;max-width:760px}
.hospital-page .hospital-design-flow {grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.hospital-page .hospital-design-flow li {position:relative;min-width:0;padding:22px 20px;border:1px solid #684183;background:var(--surface)}
.hospital-page .hospital-design-flow li>span {display:block;font:10px var(--mono);color:var(--acid)}
.hospital-page .hospital-design-flow li:not(:last-child)::after {content:'→';position:absolute;right:16px;top:15px;font-size:22px;color:#b68bff}
.hospital-page .hospital-design-flow h3 {font-size:27px;line-height:1.05;margin-top:28px}
.hospital-page .hospital-design-flow p {font-size:12px;color:var(--muted);margin-top:15px}
.hospital-page .hospital-comparison[hidden] {display:none!important}
.hospital-page .hospital-comparison {padding-block:60px}
.hospital-page .hospital-comparison-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:25px}
.hospital-page .hospital-document-container {min-width:0}
.hospital-page .hospital-document-container img,.hospital-page .hospital-document-container iframe {display:block;width:100%;height:auto;border:0}
.hospital-page .hospital-comparison figure {margin:0;min-width:0}
.hospital-page .hospital-outcome-note {border-left:2px solid var(--purple);padding:18px 22px;background:var(--surface);margin-top:28px}
.hospital-page .hospital-outcome-note strong {font:10px var(--mono);text-transform:uppercase;color:var(--acid);letter-spacing:.05em}
.hospital-page .hospital-outcome-note p {font-size:13px;color:var(--muted);margin-top:10px}
.hospital-page .hospital-skills {list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.hospital-page .hospital-skills li {max-width:100%;font:10px/1.5 var(--mono);border:1px solid #684183;padding:8px 11px;color:var(--paper)}
.hospital-page .case-next h2 {font-size:clamp(40px,5vw,72px)}
@media(max-width:1050px) {
  .hospital-page .hospital-timeline {grid-template-columns:repeat(2,minmax(0,1fr))}
  .hospital-page .hospital-timeline li:last-child {grid-column:1/-1}
  .hospital-page .hospital-design-flow {grid-template-columns:repeat(3,minmax(0,1fr))}
  .hospital-page .hospital-design-flow li:nth-child(3)::after {content:none}
  .hospital-page .hospital-problems li {padding:22px}
  .hospital-page .hospital-problems h3 {font-size:33px}
}
@media(max-width:760px) {
  .hospital-page .hospital-hero h1 {font-size:clamp(44px,11vw,72px)}
  .hospital-page .hospital-project-name {font-size:10px;margin-top:20px}
  .hospital-page .hospital-context-photo {margin-top:25px;max-width:500px}
  .hospital-page .hospital-context-photo figcaption {font-size:8px}
  .hospital-page .hospital-timeline,.hospital-page .hospital-problems,.hospital-page .hospital-insights,.hospital-page .hospital-design-flow,.hospital-page .hospital-comparison-grid {grid-template-columns:1fr;gap:16px}
  .hospital-page .hospital-timeline li {padding:22px;border-top-width:2px;border-left:2px solid #684183}
  .hospital-page .hospital-timeline li:last-child {grid-column:auto}
  .hospital-page .hospital-timeline h3 {font-size:31px;margin-top:14px}
  .hospital-page .hospital-timeline p {margin-top:12px}
  .hospital-page .hospital-problems li {padding:25px}
  .hospital-page .hospital-problems h3 {font-size:43px;margin-top:23px}
  .hospital-page .hospital-insights article {padding:23px}
  .hospital-page .hospital-insights h3 {font-size:31px}
  .hospital-page .hospital-context-stat {grid-template-columns:1fr;gap:22px;padding:25px 0}
  .hospital-page .hospital-context-stat strong {font-size:70px}
  .hospital-page .hospital-context-stat>p {font-size:14px}
  .hospital-page .hospital-design-flow li {padding:23px}
  .hospital-page .hospital-design-flow h3 {font-size:30px;margin-top:18px}
  .hospital-page .hospital-design-flow li:nth-child(n):not(:last-child)::after {content:'↓'}
  .hospital-page .hospital-outcome-note {padding:20px}
}
@media(max-width:380px) {
  .hospital-page .hospital-problems h3 {font-size:37px}
  .hospital-page .hospital-skills li {font-size:9px}
}
@media print {
  .hospital-page .hospital-timeline,.hospital-page .hospital-problems,.hospital-page .hospital-insights,.hospital-page .hospital-design-flow {display:block}
  .hospital-page .hospital-timeline li,.hospital-page .hospital-problems li,.hospital-page .hospital-insights article,.hospital-page .hospital-design-flow li,.hospital-page .hospital-outcome-note {background:white;color:black;break-inside:avoid;margin-bottom:18px}
  .hospital-page .hospital-context-photo {max-width:400px}
}
