/* Chasing the Shadow: an independent photographic essay. */
.shadow-story{background:#080c12;color:#e9e6dd;--accent:#d8bf8d}
.shadow-story .shadow-wrap{width:86%;max-width:1200px;margin:auto}
.shadow-story .shadow-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:6%;padding:65px 0 80px;min-height:75svh}
.shadow-story .shadow-hero h1{font-family:Georgia,serif;font-size:clamp(48px,6.5vw,90px);line-height:1.03;letter-spacing:-.04em;margin:22px 0}
.shadow-story .shadow-deck{font:italic clamp(19px,2vw,27px)/1.55 Georgia,serif;color:var(--accent)}
.shadow-story .shadow-byline{font-size:12px;color:#aab1bb;margin-top:26px}
.shadow-story .shadow-date{font-size:12px;letter-spacing:.06em;color:var(--accent)}
.shadow-story .shadow-gallery-link{margin-top:20px}
.shadow-story .shadow-chapter{margin:70px auto;max-width:820px}
.shadow-story .shadow-chapter h2{font-size:clamp(30px,3.5vw,48px);margin:12px 0 26px}
.shadow-story .shadow-chapter p{font-size:18px;line-height:1.85;margin-bottom:22px;color:#b9c0c9}
.shadow-story .shadow-chapter .eyebrow{font-size:10px;color:var(--accent);letter-spacing:.22em}
.shadow-story .shadow-quote{border-left:1px solid #bfa26b;margin:38px 0;padding:6px 0 6px 28px;font:italic clamp(26px,3vw,38px)/1.45 Georgia,serif;color:#ddc99f}
.shadow-story .shadow-photo{margin:0;min-width:0}
.shadow-story .shadow-photo button{display:block;width:100%;padding:0;border:1px solid #d4bc8626;background:#020305;cursor:zoom-in;overflow:hidden}
.shadow-story .shadow-photo img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .4s ease}
.shadow-story .shadow-photo figcaption{font-size:12px;line-height:1.7;color:#9aa5b3;text-align:center;margin:14px 0 0}
.shadow-story .shadow-photo .photography-credit{font-size:10px;opacity:.7}
.shadow-story .shadow-split{display:grid;grid-template-columns:1.25fr .75fr;gap:8%;align-items:center;margin:75px 0}
.shadow-story .shadow-split .shadow-chapter{margin:0}
.shadow-story .shadow-split .shadow-photo{max-width:370px;justify-self:center}
.shadow-story .shadow-panorama{margin:50px 0 75px}
.shadow-story .shadow-sequence{margin:70px 0;padding:45px 0;border-block:1px solid #c6af7f26}
.shadow-story .shadow-sequence>header{text-align:center;margin:0 auto 30px;max-width:760px}
.shadow-story .shadow-sequence h2{font-size:clamp(30px,4vw,48px)}
.shadow-story .shadow-sequence p{font-size:14px}
.shadow-story .shadow-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}
.shadow-story .shadow-details button{aspect-ratio:1}
.shadow-story .shadow-details .photography-frame{width:100%;height:100%}
.shadow-story .shadow-details img{width:100%;height:100%;object-fit:contain}
.shadow-story .shadow-black{background:#000;margin:80px calc((100% - 100cqw)/2);padding:65px max(7%,calc((100cqw - 1100px)/2));text-align:center}
.shadow-story{container-type:inline-size}
.shadow-story .shadow-black .shadow-photo{max-width:760px;margin:30px auto 0}
.shadow-story .shadow-black .shadow-photo img{max-height:80svh;object-fit:contain}
.shadow-story .shadow-feature{max-width:900px;margin:35px auto 75px}
.shadow-story .shadow-ending{text-align:center;padding:40px 0 55px;border-top:1px solid #c6af7f26}
.shadow-story .shadow-ending .shadow-quote{border:0;padding:0}
.shadow-story .shadow-ending-links{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.shadow-story .shadow-photo button:hover img{transform:scale(1.02)}}
@keyframes shadow-enter{from{opacity:0;transform:var(--shadow-from,translateY(20px))}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .shadow-story .shadow-pending{opacity:0}
 .shadow-story .shadow-pending.shadow-visible{animation:shadow-enter var(--shadow-duration,850ms) cubic-bezier(.22,1,.36,1) var(--shadow-delay,0ms) both}
 .shadow-story .shadow-slow{--shadow-from:scale(.97);--shadow-duration:1200ms}
 .shadow-story .shadow-fade{--shadow-from:translateY(0);--shadow-duration:1000ms}
 .shadow-story .shadow-hero .shadow-photo{--shadow-from:scale(1.03);--shadow-duration:1400ms}
}
@media(max-width:800px){
 .shadow-story .shadow-hero{grid-template-columns:1fr;padding:35px 0 45px;gap:28px}
 .shadow-story .shadow-hero .shadow-photo{width:min(100%,480px);margin:auto}
 .shadow-story .shadow-split{grid-template-columns:1fr;gap:30px}
 .shadow-story .shadow-chapter{margin:48px auto}
 .shadow-story .shadow-chapter p{font-size:16px}
 .shadow-story .shadow-details{gap:10px}
 .shadow-story .shadow-details figcaption{font-size:10px}
 .shadow-story .shadow-photo .photography-credit{font-size:8px}
 .shadow-story .shadow-pending{--shadow-from:translateY(5px)}
 .shadow-story .shadow-hero .shadow-photo{--shadow-from:translateY(5px)}
 .shadow-story .shadow-black{padding:40px 7%}
}
@media(prefers-reduced-motion:reduce){.shadow-story .shadow-pending{opacity:1!important;transform:none!important;animation:none!important}.shadow-story .shadow-photo img{transition:none;transform:none!important}}