/* Shared light Japandi photography. Real portraits remain real; decorative images
   have empty alt text because the adjacent headings provide their meaning. */
.story-photo{margin:0;min-width:0;overflow:hidden;background:#f3eee6;isolation:isolate}
.story-photo picture,.story-photo img{display:block;width:100%;height:100%}
.story-photo img{object-fit:cover;aspect-ratio:3/2}
.story-inset{height:100%;min-height:230px}
.story-lead{position:relative!important;isolation:isolate;background:#fbf8f2!important;overflow:hidden}
.story-lead>.story-photo{position:absolute;inset:0;z-index:-2;height:100%;width:100%}
.story-lead:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(251,248,242,.97),rgba(251,248,242,.91) 44%,rgba(251,248,242,.45))}
.story-lead>div{position:relative}
.story-frieze>.story-photo{width:min(1120px,88%);height:clamp(200px,29vw,340px);margin:0 0 0 auto;border-radius:0 0 0 90px}
.story-frieze.story-reverse>.story-photo{margin:0 auto 0 0;border-radius:0 0 90px 0}
.story-split{display:flex;align-items:center;gap:clamp(20px,4vw,70px);padding:64px max(24px,6vw);background:#fbf8f2!important}
.story-split.story-reverse{flex-direction:row-reverse}
.story-split>.story-photo{flex:0 1 44%;aspect-ratio:4/5;border-radius:45% 45% 3px 3px;align-self:stretch}
.story-split.story-reverse>.story-photo{border-radius:3px 3px 45% 3px}
.story-split>div{flex:1;min-width:0;padding:16px!important;margin:0!important}
.story-split .text-center{text-align:left}
.personal-panel.has-story-photo{grid-template-columns:1.25fr 1fr;gap:26px 48px;box-shadow:none;background:#fbf8f2}
.personal-panel>.story-photo{grid-column:2;grid-row:1/3;align-self:stretch;border-radius:48% 48% 2px 2px;min-height:340px}
.personal-panel .personal-metrics{grid-column:1;grid-row:2}
.choice-grid button.has-story-photo{padding:0 0 26px;overflow:hidden;display:flex;flex-direction:column;text-align:left}
.choice-grid button>.story-photo{order:-1;width:100%;height:210px;margin:0 0 24px}
.choice-grid button>span,.choice-grid button>strong,.choice-grid button>small{margin-left:24px;margin-right:24px}
.choice-grid button:nth-child(2){margin-top:36px}
.choice-grid button:nth-child(3)>.story-photo{border-radius:0 0 55% 0}
.route-card.has-story-photo{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(190px,32%);gap:20px 30px;align-items:center}
.route-card>.story-photo{grid-column:3;grid-row:1/3;height:230px;border-radius:50% 50% 3px 3px}
.route-card>a{grid-column:2;grid-row:2;justify-self:start}
.route-card:nth-child(even)>.story-photo{border-radius:3px 45% 3px 3px}
.access-section.has-story-photo{position:relative;isolation:isolate;overflow:hidden;background:#fbf8f2;color:#4a3b32}
.access-section>.story-photo{position:absolute;inset:0 0 0 54%;z-index:-2}
.access-section:has(>.story-photo):after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fbf8f2 48%,rgba(251,248,242,.9) 65%,rgba(251,248,242,.6))}
.final-chapter.has-story-photo{position:relative;isolation:isolate;overflow:hidden;background:#fbf8f2}
.final-chapter>.story-photo{position:absolute;inset:0;z-index:-2}
.final-chapter.has-story-photo:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(251,248,242,.88)}
.course-card .story-photo{height:190px;margin:-1px -1px 22px;border-radius:3px 3px 35% 3px}
@media(max-width:760px){
 .story-split,.story-split.story-reverse{display:block;padding:30px 20px}
 .story-split>.story-photo{width:85%;height:260px;aspect-ratio:auto;margin-bottom:24px}
 .story-reverse>.story-photo{margin-left:auto}
 .story-split>div{padding:0!important}
 .story-lead:after{background:rgba(251,248,242,.9)}
 .story-frieze>.story-photo{height:200px;width:92%}
 .personal-panel.has-story-photo{display:flex;flex-direction:column;padding:24px}
 .personal-panel>.story-photo{order:-1;height:230px;min-height:230px;width:100%;border-radius:42% 42% 2px 2px}
 .choice-grid button:nth-child(2){margin-top:0}
 .route-card.has-story-photo{grid-template-columns:28px minmax(0,1fr);gap:16px}
 .route-card>.story-photo{grid-column:1/3;grid-row:1;height:200px;border-radius:3px 45px 3px 3px}
 .route-card>.route-step{grid-column:1;grid-row:2}
 .route-card>div{grid-column:2;grid-row:2}
 .route-card>a{grid-column:2;grid-row:3}
 .access-section>.story-photo{inset:0}
 .access-section:has(>.story-photo):after{background:rgba(251,248,242,.93)}
}
@media(prefers-reduced-motion:reduce){.story-photo *{transition:none!important}}
.hero{background-image:image-set(url('/assets/editorial/approved-hero-1600.avif') type('image/avif'),url('/assets/editorial/approved-hero-1600.webp') type('image/webp'))}
@media(max-width:680px){.hero{background-image:image-set(url('/assets/editorial/approved-hero-800.avif') type('image/avif'),url('/assets/editorial/approved-hero-800.webp') type('image/webp'))}}
.story-card-image{height:160px;width:100%;margin:0 0 20px;border-radius:3px 32px 3px 3px;flex-shrink:0}
.story-card-image img{height:100%;object-fit:cover}
