.guest-stories{padding:72px 5vw;background:#faf9f4;touch-action:pan-y}
.stories-header,.stories-grid,.stories-source{max-width:1296px;margin-inline:auto}
.stories-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.stories-header .text-link{font-size:13px}.stories-header .eyebrow{color:#52694c}
.stories-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:start}
.story-photo{position:relative;height:410px;overflow:hidden;background:#d9dfd2}
.story-photo-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.018);transition:opacity .7s ease,transform 1.4s ease}
.story-photo-layer.is-active{opacity:1;transform:scale(1)}
.story-panel{min-height:410px;display:flex;flex-direction:column;align-items:stretch}
.story-quote{font-family:var(--serif);font-size:clamp(28px,2.55vw,38px);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:0;color:var(--ink);text-wrap:pretty}
.story-attribution{margin-top:25px}.story-property{font-size:14px;font-weight:500;margin:0;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}.story-property span{font-size:12px;font-weight:400;color:#53654f}.story-date{font-size:12px;color:#667060;margin:5px 0 0}
.story-property-link{font-size:13px;margin-top:17px;width:fit-content;padding-bottom:6px}
.story-navigation{display:flex;align-items:center;gap:18px;margin-top:0;padding-top:24px}.story-navigation .quote-controls{margin:0;display:flex;gap:10px}.story-navigation .icon{width:44px;height:44px}.story-navigation #storyCount{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;color:#57674f}.story-progress{height:2px;flex:1;max-width:120px;background:#d8dfd1}.story-progress i{display:block;height:100%;background:#657c55;transition:width .35s ease}
.stories-source{font-size:11px;color:#687160;margin-top:22px;line-height:1.5}
@media(max-width:700px){.guest-stories{padding:44px 6vw}.stories-header{align-items:flex-start;gap:12px;margin-bottom:24px}.stories-header .eyebrow{font-size:9px;max-width:120px}.stories-header .text-link{font-size:12px;white-space:nowrap}.stories-grid{grid-template-columns:1fr;gap:26px}.story-photo{height:auto;aspect-ratio:4/3}.story-panel{min-height:390px}.story-quote{font-size:29px;line-height:1.25}.story-attribution{margin-top:22px}.story-navigation{padding-top:25px}.stories-source{font-size:11px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.story-photo-layer,.story-progress i{transition:none!important;transform:none!important}.guest-stories *{animation:none!important}}

/* Reserve a consistent quote region; keep the link-to-controls gap compact. */
.story-quote{min-height:5em}
@media(min-width:701px) and (max-width:1100px){.story-quote{min-height:10em}}
@media(max-width:700px){.story-quote{min-height:7.5em}}

/* Compact three-layer review composition, isolated for approval. */
.story-panel{min-height:0}
.story-quote{display:flex;align-items:flex-end}
.story-attribution{margin-top:18px}
.story-rail{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.story-property-link{margin:0;flex-shrink:0}
.story-navigation{padding:0;gap:12px}
.story-progress{width:70px;flex:none}
@media(max-width:700px){
 .story-panel{min-height:0}
 .story-attribution{margin-top:16px}
 .story-rail{gap:10px;margin-top:20px}
 .story-property-link{font-size:12px}
 .story-navigation{gap:8px;padding:0}
 .story-navigation .quote-controls{gap:5px}
 .story-navigation #storyCount{font-size:11px}
 .story-progress{width:22px}
}

.stories-tools{display:flex;align-items:center;gap:18px}.story-autoplay{width:36px;height:36px;font-size:14px}.story-autoplay:disabled{opacity:.55}
@media(max-width:700px){.stories-tools{gap:10px}.stories-header .eyebrow{max-width:100px}}

/* Anchored footer: flexible reading area above one stable control region. */
.story-panel{min-height:410px}
.story-quote{display:block;min-height:0}
.story-rail{margin-top:auto;padding-top:20px}
.story-navigation .story-autoplay{width:36px;height:36px}
@media(max-width:700px){
 .story-panel{min-height:390px}
 .story-quote{min-height:0}
 .story-rail{display:grid;grid-template-columns:1fr;width:100%;gap:12px;margin-top:auto;padding-top:20px}
 .story-navigation{justify-content:flex-start;gap:10px}
 .story-progress{width:48px}
}

@media(max-width:700px){.story-navigation #storyCount{width:42px;flex:none}}

/* Approved Guest Words readability refinement. */
.guest-stories .stories-header .eyebrow{font-size:12px}
.guest-stories .story-quote{font-size:clamp(30px,2.75vw,40px)}
.guest-stories .story-property{font-size:15px}
.guest-stories .story-property span{font-size:13px}
.guest-stories .stories-header .text-link,.guest-stories .story-property-link{font-size:14px}
.guest-stories #storyCount{font-size:13px}
@media(max-width:700px){
 .guest-stories .stories-header .eyebrow{font-size:10px}
 .guest-stories .story-quote{font-size:30px}
 .guest-stories .stories-header .text-link,.guest-stories .story-property-link{font-size:13px}
 .guest-stories #storyCount{font-size:12px}
}
