.narrative-case{padding-top:40px}.case-name{font-size:13px;color:var(--muted);margin:12px 0 10px}.narrative-case h1{font-size:28px;line-height:1.35}.narrative-case .case-intro{font-size:16px;line-height:1.75;margin:20px 0 28px}.case-facts{display:grid;grid-template-columns:1.5fr 1fr 1.2fr;gap:16px;border-top:1px solid var(--line);margin:0;padding:20px 0 28px}.case-facts dt{font-size:11px;color:var(--muted);margin-bottom:5px}.case-facts dd{font-size:12px;line-height:1.6;margin:0}.narrative-case .case-cover{margin:0 0 30px}.story-summary{padding:0 0 24px}.story-summary h2{font-size:14px;font-weight:550;margin-bottom:8px}.story-summary p{font-size:15px;line-height:1.8}.case-contents{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:38px}.case-contents .contents-label{font-size:12px;color:var(--muted);padding:3px 0}.case-contents .chapter-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:15px;line-height:1.5}.chapter-links a{font-size:12px;min-height:26px;display:flex;align-items:center}.narrative-case .case-story section{margin-bottom:42px;scroll-margin-top:28px}.narrative-case .case-story section>p:not(.eyebrow){margin-bottom:16px}.narrative-case .case-story h2{font-size:20px;line-height:1.45;margin-bottom:18px}.narrative-case .case-story .eyebrow{font-size:10px;letter-spacing:.05em;margin-bottom:10px}.story-points{margin:20px 0 0}.story-points>div{display:grid;grid-template-columns:100px 1fr;gap:20px;border-top:1px solid var(--line);padding:14px 0}.story-points dt{font-size:13px;font-weight:500}.story-points dd{margin:0;font-size:13px;color:var(--muted);line-height:1.75}.story-table{margin:22px 0 28px;overflow-x:auto}.story-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;line-height:1.7}.story-table th{font-size:12px;font-weight:550;padding:12px 14px 12px 0;border-bottom:1px solid var(--line)}.story-table td{vertical-align:top;padding:13px 14px 13px 0;border-bottom:1px solid var(--line);color:var(--muted)}.story-table th:first-child,.story-table td:first-child{width:38%;color:var(--ink)}.story-steps{padding-left:22px;font-size:14px;line-height:1.8;margin:20px 0}.story-steps li{padding-left:5px;margin-bottom:7px}.story-figure{margin:26px 0 0}.screen-link{display:block;background:#f1f1f1;border:1px solid var(--line);border-radius:4px;overflow:hidden}.screen-link img{display:block;width:100%;height:auto}.story-figure figcaption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:10px}.story-figure figcaption a{display:inline-block;margin-left:3px;text-decoration:underline;text-underline-offset:3px}.phone-figure .screen-link{padding:24px;display:flex;justify-content:center}.phone-figure .screen-link img{width:250px;max-width:100%;height:auto}.narrative-case .case-source{border-top:1px solid var(--line);padding:22px 0 30px}.case-source p{font-size:12px;color:var(--muted);margin-bottom:8px}.narrative-case .next-project{font-size:18px}.story-summary,.case-contents,.case-facts,.story-points>div,.story-table th,.story-table td,.screen-link,.case-source{transition:background-color 400ms ease-out,color 400ms ease-out,border-color 400ms ease-out}[data-theme=dark] .screen-link{background:#1d1d1d}@media(max-width:600px){.narrative-case h1{font-size:25px}.case-facts{grid-template-columns:1fr 1fr;gap:18px}.narrative-case .case-story h2{font-size:19px}.story-points>div{grid-template-columns:80px 1fr;gap:14px}.phone-figure .screen-link{padding:20px}.phone-figure .screen-link img{width:230px}.narrative-case .next-project{font-size:16px}.story-table table{font-size:11px}}@media(prefers-reduced-motion:reduce){.story-summary,.case-contents,.case-facts,.story-points>div,.story-table th,.story-table td,.screen-link,.case-source{transition:none!important}}
/* Shared seven-part case study format. */
.narrative-case .case-chapter{padding-top:24px;margin-bottom:48px;border-top:1px solid var(--line);scroll-margin-top:32px}.narrative-case .case-chapter>h2{font-size:21px;font-weight:550;line-height:1.45;margin-bottom:26px}.narrative-case .case-chapter>.eyebrow{font-size:10px;color:var(--muted);margin-bottom:8px}.case-block{margin-bottom:30px}.case-block:last-child{margin-bottom:0}.case-block h3{font-size:17px;line-height:1.5;font-weight:500;margin-bottom:16px}.case-block>p{font-size:15px;line-height:1.85;margin-bottom:16px}.case-block .story-figure{margin-bottom:30px}.case-section-nav{position:fixed;top:140px;left:calc(50% - 530px);width:195px;max-height:calc(100dvh - 260px);overflow-y:auto;z-index:5}.case-section-nav nav{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:9px;line-height:1.5}.case-section-nav a{display:block;position:relative;color:var(--muted);font-size:13px;padding:5px 4px 5px 18px;min-height:28px;text-decoration:none;transition:color 400ms ease-out}.case-section-nav a:before{content:'';position:absolute;left:0;top:13px;width:5px;height:5px;border-radius:50%;background:var(--ink);opacity:0;transition:opacity 400ms ease-out}.case-section-nav a[aria-current=location]{color:var(--ink)}.case-section-nav a[aria-current=location]:before{opacity:1}.case-section-nav a:hover{color:var(--ink);text-decoration:none}.case-section-nav a:focus-visible{outline:2px solid var(--muted);outline-offset:2px}.case-chapter>h2:focus{outline:none}.narrative-case .case-source{margin-top:8px}.case-source .text-link{font-size:13px}.case-chapter,.case-block h3,.story-table td,.story-points dd{transition:color 400ms ease-out,border-color 400ms ease-out}@media(max-width:1139px){.case-section-nav{position:static;width:100%;max-height:none;overflow:visible;margin:0 0 30px;padding:0 0 20px;border-bottom:1px solid var(--line)}.case-section-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.case-section-nav a{font-size:12px;line-height:1.5;padding:5px 4px 5px 14px}.case-section-nav a:before{width:4px;height:4px;top:12px}.narrative-case .case-chapter>h2{font-size:20px}.case-block h3{font-size:16px}}@media(max-width:600px){.narrative-case .case-chapter{margin-bottom:38px}.narrative-case .case-chapter>h2{font-size:19px;margin-bottom:22px}.case-block>p{font-size:14px;line-height:1.85}.case-block{margin-bottom:26px}}@media(prefers-reduced-motion:reduce){.case-section-nav a,.case-section-nav a:before,.case-chapter,.case-block h3,.story-table td,.story-points dd{transition:none!important}}
/* Fill the reading column and crop the artwork's inset rounded corners. */
.narrative-case .case-cover,
.narrative-case .story-figure .screen-link{display:block;padding:0;border:0;border-radius:0;overflow:hidden}
.narrative-case .case-cover img,
.narrative-case .story-figure .screen-link img{display:block;width:100%;max-width:100%;height:auto;border-radius:0;object-fit:cover;transform:scale(1.08);transform-origin:center;transition:transform 400ms ease-out}
@media(prefers-reduced-motion:reduce){.narrative-case .case-cover img,.narrative-case .story-figure .screen-link img{transition:none!important}}

/* Accord case study: presentation assets retain their full composition. */
.accord-cover{margin:32px 0;overflow:hidden;border-radius:8px}.accord-cover img{display:block;width:100%;height:auto}.accord-showcase{margin:30px 0 40px}.accord-showcase>a{display:block;background:#f3efe8;padding:20px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.accord-showcase img{display:block;width:100%;height:auto;transform:none}.accord-showcase figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:12px}.accord-showcase figcaption a{white-space:nowrap}.accord-detail>a{padding:28px}.accord-detail img{max-width:340px;margin:auto}@media(max-width:600px){.accord-showcase>a{padding:8px}.accord-detail>a{padding:20px}.accord-cover{margin:24px 0}}

.case-heading .accord-title{display:block;width:100%;max-width:none;text-wrap:wrap;white-space:normal}

/* Uploaded memorial evidence: compact paired photos and readable full screens. */
.legacy-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:26px 0 30px}.legacy-evidence-grid .story-figure{margin:0}.narrative-case .legacy-proof .screen-link img{transform:none;object-fit:contain}.legacy-evidence-grid .screen-link img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover!important}.legacy-proof figcaption{line-height:1.7}.legacy-evidence-grid figcaption{font-size:11px}@media(max-width:420px){.legacy-evidence-grid{gap:10px}.legacy-evidence-grid figcaption{font-size:10px}}

/* Elevate U: full mobile screens, independent of presentation-image zoom. */
.narrative-case.elevate-u-case .phone-figure{margin:28px 0 34px}.narrative-case.elevate-u-case .phone-figure .screen-link{display:flex;justify-content:center;align-items:flex-start;padding:28px 20px;background:#f0edf5;border:1px solid var(--line);border-radius:8px;overflow:hidden}.narrative-case.elevate-u-case .phone-figure .screen-link img{display:block;flex:0 1 280px;width:280px;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain;transform:none;border-radius:12px;box-shadow:0 8px 24px rgba(25,20,35,.08)}.narrative-case.elevate-u-case .phone-figure figcaption{margin-top:12px;line-height:1.75}.narrative-case.elevate-u-case .story-figure:not(.phone-figure) .screen-link img{transform:none;object-fit:contain}[data-theme=dark] .narrative-case.elevate-u-case .phone-figure .screen-link{background:#24212b}@media(max-width:600px){.narrative-case.elevate-u-case .phone-figure .screen-link{padding:22px 16px}.narrative-case.elevate-u-case .phone-figure .screen-link img{width:250px;flex-basis:250px}}
