.story-detail{color:var(--foreground);--story-fade:0;background:var(--background);position:relative}:has(>main .story-detail)>header{-webkit-backdrop-filter:none;background:0 0;border-color:#0000;position:fixed;left:0;right:0}.story-detail .story-hero-bleed{z-index:0;background:var(--background);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.story-detail .story-hero-image{object-fit:cover;width:100%;height:100%;opacity:calc(1 - var(--story-fade));transition:transform 4s;position:absolute;inset:0}.story-detail .story-hero-bleed:hover .story-hero-image{transform:scale(1.03)}.story-detail .story-hero-overlay{pointer-events:none;opacity:calc(1 - var(--story-fade));background:linear-gradient(#0000001a 0%,#00000080 100%);position:absolute;inset:0}.story-detail .story-hero{z-index:1;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative}.story-detail .story-hero-content{z-index:2;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.story-detail .story-hero-lockup{text-align:center;opacity:calc(1 - var(--story-fade));transform:translateY(calc(var(--story-fade)*-100px));transition:transform .5s,opacity .5s}.story-detail .story-hero-tag{font-family:var(--font-display),serif;letter-spacing:.15em;text-transform:uppercase;color:#ffffffb3;margin-bottom:8px;font-size:.75rem;display:block}.story-detail .story-hero-title{font-family:var(--font-display),serif;letter-spacing:.04em;color:#f0e6d2;text-shadow:0 2px 20px #00000080;max-width:700px;margin:0 auto;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.15}.story-detail .story-scroll-cta{text-align:center;opacity:calc(1 - var(--story-fade));pointer-events:auto;z-index:2;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.story-detail .story-scroll-cta span{letter-spacing:.2em;text-transform:uppercase;color:#ffffff80;margin-bottom:8px;font-size:.6875rem;display:block}.story-detail .story-scroll-cta .story-scroll-arrow{border-bottom:1.5px solid #ffffff80;border-right:1.5px solid #ffffff80;width:12px;height:12px;margin:0 auto;animation:2s ease-in-out infinite story-arrow-bounce;display:block;transform:rotate(45deg)}@keyframes story-arrow-bounce{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(45deg)translateY(6px)}}.story-detail .story-body-wrap{z-index:1;background:var(--background);position:relative}.story-detail .story-article-header{text-align:center;max-width:720px;margin:0 auto;padding:64px 20px 0}.story-detail .story-article-header .story-article-tag{font-family:var(--font-display),serif;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:12px;font-size:.6875rem;display:block}.story-detail .story-article-header .story-article-title{font-family:var(--font-display),serif;letter-spacing:.03em;color:var(--foreground);margin:0;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:400;line-height:1.25}.story-detail .story-article-header .story-article-divider{background:var(--primary);width:40px;height:1px;margin:32px auto 0;display:block}.story-detail .story-body{max-width:720px;margin:0 auto;padding:64px 0 48px}.story-detail .story-body-card{padding:48px 0;position:relative}.story-detail .story-body-content{color:var(--foreground);font-size:1.125rem;line-height:1.75}.story-detail .story-body-content>:first-child{margin-top:0}@media (max-width:767px){.story-detail .story-hero-title{padding:0 20px}.story-detail .story-article-header{padding-top:40px}.story-detail .story-body{padding:40px 0 32px}.story-detail .story-body-card{padding:32px 0}}@media (prefers-reduced-motion:reduce){.story-detail .story-hero-image,.story-detail .story-hero-lockup{transition:none}.story-detail .story-scroll-cta .story-scroll-arrow{animation:none}}