/* Shared layout for litter stories; enabled only on pages that load this file. */
.litter-story-page main{max-width:1180px;margin:0 auto;padding:52px 28px 90px}
.story-heading{margin-bottom:34px}
.story-kicker{margin:0 0 10px;color:#98702a;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
.litter-story-page h1{font-size:clamp(3.2rem,calc(2.1rem + 4vw),5.5rem);margin:0 0 22px}
.story-facts{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;color:#626c65;font-size:.94rem}
.story-facts time{color:#805d20;font-weight:500}
.story-facts span{padding-left:24px;border-left:1px solid var(--line)}
.story-facts>span:first-child{padding-left:0;border-left:0}
.story-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.story-copy p{font-size:1.02rem;line-height:1.85;margin:0 0 18px;color:#56615c;text-wrap:pretty}
.story-copy .story-lead{font-size:1.15rem;color:var(--ink)}
.story-copy .story-closing{border-left:2px solid var(--gold);padding-left:20px;color:#805d20;font-family:'Cormorant Garamond',serif;font-size:1.7rem;line-height:1.35;margin:26px 0 0}
.story-photo{margin:0;min-width:0;background:#fffdf8;border:1px solid var(--line);padding:12px}
.story-photo a{display:block;cursor:zoom-in}
.story-photo a:focus-visible{outline:2px solid #805d20;outline-offset:5px}
.story-photo picture{display:block}
.story-photo img{display:block;width:100%;height:auto}
.story-photo figcaption{padding:12px 4px 2px;color:#68716b;font-size:.88rem;line-height:1.5}
.story-photo--birth img{aspect-ratio:4/3}
.story-lineage{margin:28px 0 0;border-bottom:1px solid var(--line);padding-bottom:22px}
.story-lineage summary{cursor:pointer;color:#805d20;font-family:'Cormorant Garamond',serif;font-size:1.45rem;width:fit-content}
.story-lineage summary:focus-visible{outline:2px solid #805d20;outline-offset:5px}
.story-lineage .litter-photo{max-width:580px;margin:24px auto 0;border-radius:0;box-shadow:none}
.story-section{margin-top:60px}
.story-section h2{font-size:clamp(2.1rem,calc(1.6rem + 1.5vw),3rem);line-height:1.15;margin:0 0 26px;font-weight:600;text-wrap:balance}
.story-moments{display:grid;grid-template-columns:1.57fr 1fr;gap:24px;align-items:start}
.story-portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.story-portraits figcaption{font-family:'Cormorant Garamond',serif;font-size:1.65rem;color:#805d20;text-align:center}
.story-family{border-top:1px solid var(--line);padding-top:48px;text-align:center}
.story-family>p{color:#68716b;margin:-12px 0 28px}
.story-family .story-photo{max-width:500px;margin:auto}
.story-family img{aspect-ratio:3/4}
.story-family--natural img{aspect-ratio:auto}
.story-intro--portrait .story-photo{max-width:380px;width:100%;justify-self:center}
.story-names{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0 0}
.story-names li{border:1px solid var(--line);padding:5px 14px;color:#805d20}
.story-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;max-width:900px;margin:auto}
.story-photo-stack{display:grid;gap:24px;min-width:0}
.story-wide-photo{max-width:900px;margin:auto}
.story-lineage .parents{padding:28px 0 0;margin:0;max-width:none}
.story-lineage .main-litter-photo{max-width:580px;margin:24px auto 0;box-shadow:none}
.story-lineage .parents--two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.story-pair,.story-lineage .parents--two{grid-template-columns:1fr}}
@media(max-width:800px){.story-intro{grid-template-columns:1fr;gap:28px}.story-copy{max-width:700px}.story-moments{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.litter-story-page main{padding:38px 20px 60px}.story-heading{margin-bottom:28px}.story-facts{display:grid;gap:6px}.story-facts span{padding-left:0;border-left:0}.story-section{margin-top:42px}.story-moments,.story-portraits{grid-template-columns:1fr;gap:22px}.story-photo{padding:10px}.story-family{padding-top:34px}}