/* Shared by static project pages and the project dialog. All layout and copy
   remain editable HTML; original artwork is contained at or below native size. */
.project-story{--story-line:var(--line,#ffffff20);--story-muted:var(--muted,#bcaeb5);padding-top:clamp(58px,8vw,115px);padding-bottom:clamp(58px,8vw,115px);color:var(--text,#f6f0f2);border-top:1px solid var(--story-line);text-align:left}
.project-story,.project-story *{box-sizing:border-box}
.project-story .story-intro{max-width:1000px;margin-bottom:clamp(40px,6vw,84px)}
.project-story .story-intro>h2,.project-story .story-intro>h3{font-size:clamp(38px,5.8vw,84px);line-height:1.03;letter-spacing:-.065em;margin:20px 0 28px;max-width:1000px}
.project-story .story-lede{max-width:830px;font-size:clamp(17px,1.7vw,24px);line-height:1.65;color:var(--story-muted);margin:0}
.project-story .story-context{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);padding:36px 0 55px;border-top:1px solid var(--story-line)}
.project-story .story-index,.project-story .story-provenance-label{font-size:10px;line-height:1.6;letter-spacing:.14em;color:var(--story-muted)}
.project-story h3,.project-story h4{font-size:clamp(23px,2.2vw,32px);line-height:1.15;letter-spacing:-.045em;margin:17px 0 15px;max-width:640px}
.project-story .story-context p,.project-story .story-decision-grid p,.project-story .story-provenance p{font-size:15px;line-height:1.85;color:var(--story-muted);margin:0;max-width:660px}
.project-story .story-decisions{padding:46px 0 56px;border-top:1px solid var(--story-line)}
.project-story .story-section-title{margin-bottom:35px}
.project-story .story-decision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.project-story .story-decision-grid article{padding-top:24px;border-top:1px solid var(--story-line)}
.project-story .story-number{font-size:14px;font-variant-numeric:tabular-nums;color:var(--case-accent,var(--accent,#ef3038))}
.project-story .story-decision-grid h3,.project-story .story-decision-grid h4{font-size:24px;line-height:1.22}
.project-story .story-decision-grid p{font-size:14px}
.project-story .story-deliverables{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;border-top:1px solid var(--story-line);padding:40px 0 50px}
.project-story .story-deliverables ul{list-style:none;padding:0;margin:0}
.project-story .story-deliverables li{font-size:15px;line-height:1.6;padding:13px 0;border-bottom:1px solid var(--story-line);color:var(--story-muted)}
.project-story .story-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}
.project-story .story-detail{margin:0;min-width:0}
.project-story .story-image-stage{display:flex;justify-content:center;align-items:center;min-height:350px;padding:clamp(18px,3vw,42px);background:#ffffff04;border:1px solid var(--story-line);overflow:hidden}
.project-story .story-image-stage img{display:block;width:100%;max-width:var(--story-image-limit,100%);height:auto;object-fit:contain;filter:none;transform:none}
.project-story .story-detail-tall .story-image-stage{align-items:flex-start}
.project-story .story-detail-campaign .story-image-stage{min-height:350px}
.project-story .story-detail figcaption{font-size:12px;line-height:1.8;color:var(--story-muted);padding-top:18px}
.project-story .story-detail figcaption a{display:block;width:fit-content;margin-top:8px;color:inherit;text-decoration:underline;text-underline-offset:4px}
.project-story .story-provenance{display:grid;grid-template-columns:1fr 1fr;gap:36px;border-top:1px solid var(--story-line);margin-top:48px;padding-top:28px}
.project-story .story-provenance p{font-size:12px;line-height:1.8;margin-top:11px}
.project-story a:focus-visible{outline:2px solid var(--case-accent,var(--accent,#ef3038));outline-offset:5px}
.full-case .project-story{padding-left:0;padding-right:0}
@media(max-width:900px){.project-story .story-decision-grid{grid-template-columns:1fr;gap:26px}.project-story .story-decision-grid article{display:grid;grid-template-columns:40px 1fr;column-gap:15px;padding-top:23px}.project-story .story-decision-grid .story-number{grid-column:1;grid-row:1;padding-top:5px}.project-story .story-decision-grid h3,.project-story .story-decision-grid h4{grid-column:2;margin-top:0}.project-story .story-decision-grid p{grid-column:2;max-width:680px}.project-story .story-image-stage{min-height:260px}.project-story .story-detail-campaign .story-image-stage{min-height:260px}}
@media(max-width:650px){.project-story .story-context,.project-story .story-deliverables,.project-story .story-details,.project-story .story-provenance{grid-template-columns:1fr;gap:28px}.project-story .story-context{padding-bottom:35px}.project-story .story-context p{font-size:14px}.project-story .story-decisions{padding-top:32px;padding-bottom:38px}.project-story .story-deliverables{padding-top:30px;padding-bottom:35px}.project-story .story-image-stage,.project-story .story-detail-campaign .story-image-stage{min-height:220px}.project-story .story-provenance{margin-top:34px}.project-story .story-intro>h2,.project-story .story-intro>h3{font-size:clamp(36px,10vw,58px)}.project-story .story-decision-grid h3,.project-story .story-decision-grid h4{font-size:22px}}