/* Compact artwork-led hero with a consistent filled image area. */
#featured-stories.feature-carousel{position:relative;isolation:isolate;display:block;height:min(535px,calc(100svh - 154px));min-height:360px;margin:0 0 16px;padding:0;overflow:hidden;border:0;border-radius:0;background:#141414;box-shadow:none}
#featured-stories .feature-heading{position:absolute;z-index:3;top:20px;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none}
#featured-stories .feature-heading .eyebrow{margin:0;color:#b3b3b3;font-size:11px;line-height:1.5;font-weight:650;letter-spacing:2.6px;text-shadow:0 2px 12px #000}
#featured-stories #feature-art{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:0;width:100%;height:100%;min-height:0;margin:0;padding:0;transform:none;opacity:1;z-index:auto;mask-image:none;overflow:hidden;touch-action:pan-y}
#featured-stories .feature-slide{position:relative;grid-area:1 / 1;isolation:isolate;display:block;width:100%;height:100%;min-height:0;border:0;padding:0;overflow:hidden;background:#141414}
#featured-stories .feature-slide[hidden]{display:block!important;visibility:hidden;pointer-events:none}
#featured-stories #feature-art .feature-backdrop{position:absolute;inset:-12%;z-index:-2;display:block;width:124%;height:124%;min-width:0;max-width:none;aspect-ratio:auto;object-fit:cover;filter:none;opacity:0;transform:none;animation:none!important;border:0;border-radius:0;box-shadow:none;margin:0;pointer-events:none}
#featured-stories .feature-visual{position:absolute;inset:0 0 0 auto;width:min(50%,480px);height:100%;right:6%;border:0;padding:0;margin:0;box-shadow:none;background:none;mask-image:linear-gradient(90deg,transparent,black 10%,black 92%,transparent)}
#featured-stories #feature-art .feature-visual img{display:block;width:100%;height:100%;min-width:0;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:center;border:0;border-radius:0;box-shadow:none;animation:none!important;opacity:1;margin:0;transform:none}
#featured-stories .feature-slide::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#141414 0%,#141414d9 29%,#14141400 59%),linear-gradient(0deg,#141414 0%,#141414a6 11%,#14141400 37%)}
#featured-stories .feature-story{position:absolute;z-index:2;left:0;right:0;bottom:78px;max-width:620px;padding:0;min-width:0}
#featured-stories .feature-kicker{margin:0 0 12px;padding:0;border:0;background:none;border-radius:0;color:#ff6257;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:2.4px}
#featured-stories .feature-story h1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:2.28em;min-height:2.28em;max-height:2.28em;overflow:hidden;overflow-wrap:break-word;white-space:normal;max-width:none;margin:0 0 15px;padding:0;font-family:inherit;font-size:clamp(30px,3.2vw,46px);font-weight:800;line-height:1.14;letter-spacing:-1.1px;color:#fff;text-wrap:pretty;text-shadow:0 3px 20px #0004}
#featured-stories .feature-meta{margin:0 0 22px;color:#bbb;font-size:15px;line-height:1.5;font-weight:550}
#featured-stories .feature-actions{display:flex;align-items:center;margin:0;gap:0}
#featured-stories .feature-primary{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:210px;max-width:100%;min-height:54px;padding:15px 23px;border:0;border-radius:4px;background:#fff;color:#141414;font-family:inherit;font-size:16px;font-weight:750;line-height:1.4;box-shadow:none;cursor:pointer;transition:background .24s,transform .24s,box-shadow .24s}
#featured-stories .feature-primary svg{width:19px;height:19px;flex-shrink:0}
#featured-stories .feature-primary:hover{background:#ddd;transform:none;box-shadow:none}
#featured-stories .feature-primary:active{transform:translateY(0) scale(.99)}
#featured-stories .feature-navigation{position:absolute;z-index:4;bottom:15px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}
#featured-stories .feature-now{display:none}
#featured-stories #hero-dots{display:flex;align-items:center;justify-content:flex-start;gap:2px;min-width:0;margin:0;padding:0}
#featured-stories #hero-dots .feature-thumb{position:relative;display:block;flex:0 0 24px;width:24px;height:44px;min-width:24px;margin:0;padding:0;border:0;border-radius:2px;overflow:visible;background:none;box-shadow:none;transform:none;transition:background .2s}
#featured-stories #hero-dots .feature-thumb img,#featured-stories #hero-dots .feature-thumb span{display:none}
#featured-stories #hero-dots .feature-thumb::after{content:'';position:absolute;top:20px;left:9px;right:9px;height:4px;border-radius:4px;background:#ffffff60;transition:background .3s,left .3s,right .3s}
#featured-stories #hero-dots .feature-thumb.selected::after{left:3px;right:3px;background:#ff6257}
#featured-stories #hero-dots .feature-thumb:hover{background:#ffffff0d}
#featured-stories .feature-controls{display:flex;align-items:center;gap:7px}
#featured-stories .feature-controls .icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;margin:0;padding:0;border:0;border-radius:2px;background:#292929;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;font-size:18px;transition:background .2s,border-color .2s,transform .2s}
#featured-stories .feature-controls .icon-button:hover{background:#444;border-color:transparent;transform:none}
#featured-stories button:focus-visible{outline:2px solid #fff;outline-offset:3px}
#featured-stories .feature-active .feature-story{animation:nativeFeatureCopy .5s cubic-bezier(.2,.7,.2,1) both}
#featured-stories .feature-active .feature-visual{animation:nativeFeatureArt .65s ease-out both}
#featured-stories .feature-placeholder{position:relative;z-index:1;align-self:end;padding:35px 32px 100px}
#featured-stories .feature-placeholder h1{font-size:38px;letter-spacing:-1px;font-weight:800}
@keyframes nativeFeatureCopy{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes nativeFeatureArt{from{opacity:.45;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:1050px){#featured-stories.feature-carousel{height:min(535px,calc(100svh - 165px));min-height:360px}#featured-stories .feature-story{max-width:580px}#featured-stories .feature-visual{width:52%;right:0}}
@media(max-width:600px){
 #featured-stories.feature-carousel{height:min(540px,calc(100svh - 164px));min-height:390px;margin:0 0 15px;border-radius:0}
 #featured-stories .feature-heading{top:16px;left:16px;right:16px}#featured-stories .feature-heading .eyebrow{font-size:9px;letter-spacing:2px}
 #featured-stories .feature-visual{inset:0;width:100%;mask-image:none}#featured-stories #feature-art .feature-visual img{object-position:center top}
 #featured-stories .feature-slide::after{background:linear-gradient(180deg,#14141420 0%,transparent 25%,#14141445 48%,#141414e8 70%,#141414 100%)}
 #featured-stories .feature-story{left:16px;right:16px;bottom:68px;max-width:none}
 #featured-stories .feature-kicker{font-size:10px;letter-spacing:2px;margin-bottom:10px}
 #featured-stories .feature-story h1{font-size:25px;font-weight:800;letter-spacing:-.55px;line-height:1.2;height:2.4em;min-height:2.4em;max-height:2.4em;margin-bottom:13px}
 #featured-stories .feature-meta{font-size:14px;margin-bottom:18px}
 #featured-stories .feature-primary{width:100%;min-height:52px;font-size:16px;border-radius:4px;padding:14px 20px}
 #featured-stories .feature-navigation{left:16px;right:16px;bottom:10px;gap:8px}
 #featured-stories .feature-controls{gap:5px}#featured-stories .feature-controls .icon-button{width:36px;min-width:36px;height:38px;border-radius:2px}
 #featured-stories #hero-dots .feature-thumb{flex-basis:22px;width:22px;min-width:22px}#featured-stories #hero-dots .feature-thumb::after{left:9px;right:9px}#featured-stories #hero-dots .feature-thumb.selected::after{left:2px;right:2px}
}
@media(max-width:360px){#featured-stories .feature-story{left:12px;right:12px}#featured-stories .feature-story h1{font-size:23px}#featured-stories .feature-heading{left:12px;right:12px}#featured-stories .feature-navigation{left:12px;right:12px}#featured-stories .feature-kicker{font-size:9px}#featured-stories #hero-dots{gap:0}}
@media(prefers-reduced-motion:reduce){#featured-stories .feature-active .feature-story,#featured-stories .feature-active .feature-visual{animation:none!important}#featured-stories *,#featured-stories *::after{transition:none!important;scroll-behavior:auto!important}}

/* Poster detail over an atmospheric extension of the same artwork. */
body.vela-site #featured-stories{margin-left:-4vw;margin-right:-4vw;padding:0;background:#080808}
#featured-stories .feature-slide{background:#080808}
#featured-stories #feature-art .feature-backdrop{inset:0 0 0 35%;width:65%;height:100%;opacity:.48;filter:blur(22px) saturate(.8);object-position:center;mask-image:linear-gradient(90deg,transparent,black 40%)}
#featured-stories .feature-visual{right:9%;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}
#featured-stories .feature-slide::after{background:linear-gradient(90deg,#080808 0%,#080808e6 28%,#08080800 66%),linear-gradient(0deg,#080808 0%,#08080888 15%,transparent 47%)}
#featured-stories .feature-story{left:4vw;max-width:590px}
#featured-stories .feature-heading,#featured-stories .feature-navigation{left:4vw;right:4vw}
@media(max-width:700px){body.vela-site #featured-stories{margin-inline:-16px}#featured-stories .feature-story{left:28px;right:28px}#featured-stories .feature-heading,#featured-stories .feature-navigation{left:28px;right:28px}}
@media(max-width:600px){#featured-stories .feature-visual{right:0;mask-image:linear-gradient(0deg,transparent,black 32%)}#featured-stories #feature-art .feature-visual img{margin:auto}#featured-stories #feature-art .feature-backdrop{inset:0;width:100%;height:100%;opacity:.28;mask-image:none}#featured-stories .feature-slide::after{background:linear-gradient(0deg,#080808 0%,#080808f2 23%,#08080833 61%,#08080811 85%,#08080880 100%),linear-gradient(90deg,#08080855,transparent 15%,transparent 85%,#08080855)}}
#featured-stories #feature-art .feature-visual img{mask-image:linear-gradient(90deg,transparent 0%,black 18%,black 82%,transparent 100%)}
@media(max-width:600px){#featured-stories #feature-art .feature-visual img{mask-image:linear-gradient(90deg,transparent,black 7%,black 93%,transparent)}}
/* Every original poster fills the same cinematic crop, including smaller sources. */
@media(min-width:601px){#featured-stories .feature-visual{width:65%;right:0;mask-image:linear-gradient(90deg,transparent,black 22%,black 90%,transparent)}#featured-stories #feature-art .feature-visual img{width:100%;max-width:none;object-fit:cover;object-position:center 34%;mask-image:linear-gradient(90deg,transparent,black 20%,black 92%,transparent)}}
@media(min-width:601px){#featured-stories #feature-art .feature-visual img{margin-left:auto}}

/* Shared page edges in loaded and skeleton states. */
body.vela-site .site-header{max-width:1600px;margin-inline:auto;padding-inline:4vw}
body.vela-site #featured-stories{margin-inline:0}
#featured-stories .feature-story{left:0}
#featured-stories .feature-heading,#featured-stories .feature-navigation{left:0;right:0}
@media(max-width:700px){body.vela-site .site-header{padding-inline:16px}#featured-stories .feature-story{left:16px;right:16px}#featured-stories .feature-heading,#featured-stories .feature-navigation{left:16px;right:16px}}
/* Ambient cinema light is sampled visually from the current poster, without JS pixel reads. */
#featured-stories #feature-art .feature-backdrop{inset:-12%;width:124%;height:124%;opacity:.55;filter:blur(52px) saturate(1.35) brightness(.72);transform:scale(1.06);mask-image:linear-gradient(0deg,transparent 0%,black 24%,black 75%,transparent 100%);will-change:auto}
#featured-stories .feature-slide::after{background:linear-gradient(90deg,#080808e8 0%,#080808b8 28%,#08080810 68%),linear-gradient(0deg,#080808 0%,#08080888 14%,transparent 45%,#08080833 100%)}
@media(max-width:600px){#featured-stories #feature-art .feature-backdrop{inset:-12%;width:124%;height:124%;opacity:.4;filter:blur(36px) saturate(1.3) brightness(.65)}#featured-stories .feature-slide::after{background:linear-gradient(0deg,#080808 0%,#080808e8 23%,#08080820 65%,#08080880 100%)}}
@media(prefers-reduced-transparency:reduce){#featured-stories #feature-art .feature-backdrop{opacity:.15}}

/* Soft poster edges and broad coral light waves behind the artwork. */
#featured-stories .feature-ambience{position:absolute;inset:-16%;z-index:-1;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .6s ease;mask-image:radial-gradient(ellipse at 53% 48%,#000 32%,transparent 78%)}
#featured-stories .feature-ambience::before,#featured-stories .feature-ambience::after{content:'';position:absolute;inset:-12%;background:radial-gradient(ellipse 46% 32% at 62% 30%,#ff6257b3,transparent 72%),radial-gradient(ellipse 45% 55% at 25% 74%,#d32f4f80,transparent 76%);filter:blur(38px);transform-origin:60% 50%;animation:velaCinemaWave 15s ease-in-out infinite alternate;will-change:transform}
#featured-stories .feature-ambience::after{background:radial-gradient(ellipse 48% 24% at 72% 72%,#ff825e73,transparent 72%),radial-gradient(ellipse 38% 50% at 36% 30%,#ff62573d,transparent 75%);animation:velaCinemaCounterWave 19s ease-in-out infinite alternate;animation-delay:-9s}
#featured-stories.is-loading>.feature-ambience{opacity:0}
.page-inactive #featured-stories .feature-ambience::before,.page-inactive #featured-stories .feature-ambience::after{animation-play-state:paused}
#featured-stories #feature-art .feature-backdrop{opacity:.28;filter:blur(48px) saturate(.9) brightness(.65)}
#featured-stories .feature-visual{mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 74%,transparent 100%)}
#featured-stories #feature-art .feature-visual img{mask-image:linear-gradient(180deg,transparent 0%,#000 13%,#000 76%,transparent 100%)}
#featured-stories .feature-slide::after{background:linear-gradient(90deg,#080808b8 0%,#08080880 29%,#08080800 66%),linear-gradient(0deg,#080808 0%,#08080870 13%,transparent 38%,transparent 80%,#08080870 100%)}
@keyframes velaCinemaWave{0%{transform:translate3d(-6%,4%,0) rotate(-9deg) scale(.95)}50%{transform:translate3d(2%,-3%,0) rotate(3deg) scale(1.08)}100%{transform:translate3d(7%,3%,0) rotate(12deg) scale(1.02)}}
@keyframes velaCinemaCounterWave{0%{transform:translate3d(7%,-4%,0) rotate(10deg) scale(1.08)}100%{transform:translate3d(-5%,5%,0) rotate(-12deg) scale(.97)}}
@media(max-width:600px){
 #featured-stories .feature-ambience{opacity:.65;mask-image:radial-gradient(ellipse at 50% 42%,#000 32%,transparent 78%)}
 #featured-stories .feature-ambience::before,#featured-stories .feature-ambience::after{filter:blur(26px)}
 #featured-stories .feature-visual{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
 #featured-stories #feature-art .feature-visual img{mask-image:linear-gradient(180deg,transparent,#000 10%,#000 58%,transparent 94%)}
 #featured-stories .feature-slide::after{background:linear-gradient(0deg,#080808 0%,#080808e8 24%,#08080855 53%,transparent 76%,#08080888 100%)}
}
@media(prefers-reduced-motion:reduce){#featured-stories .feature-ambience::before,#featured-stories .feature-ambience::after{animation:none;will-change:auto}}
@media(prefers-reduced-transparency:reduce){#featured-stories .feature-ambience{opacity:.2}}

/* Soft black edges frame the photo; a separate coral bloom sits above its left edge. */
body.vela-site #featured-stories.feature-carousel{overflow:visible;background:transparent;border-radius:0}
#featured-stories>.feature-ambience{inset:-70px -3% -100px;z-index:0;mask-image:radial-gradient(ellipse closest-side at 48% 52%,#000 38%,transparent 100%)}
#featured-stories #feature-art{z-index:1}
#featured-stories .feature-slide{background:transparent}
#featured-stories #feature-art .feature-backdrop{inset:0;width:100%;height:100%;transform:none;opacity:.12;mask-image:linear-gradient(180deg,transparent 0%,#000 26%,#000 65%,transparent 100%)}
#featured-stories .feature-visual{mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 75%,transparent 100%)}
#featured-stories #feature-art .feature-visual img{mask-image:linear-gradient(180deg,transparent 0%,#000 23%,#000 65%,transparent 100%)}
#featured-stories .feature-slide::after{background:linear-gradient(90deg,#080808 0%,transparent 34%,transparent 85%,#080808 100%),linear-gradient(180deg,#080808 0%,transparent 24%,transparent 68%,#080808 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 68%,transparent 100%)}
#featured-stories .feature-slide::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 24% 48% at 23% 48%,#ff625766 0%,#e3424438 36%,transparent 76%),radial-gradient(ellipse 22% 28% at 28% 72%,#ff795b38,transparent 78%);background-size:110% 120%;mask-image:linear-gradient(90deg,#000 0%,#000 26%,transparent 48%),linear-gradient(180deg,transparent 0%,#000 24%,#000 65%,transparent 100%);mask-composite:intersect;filter:blur(32px);animation:velaHeroBloom 14s ease-in-out infinite alternate;}
#featured-stories .feature-slide.art-loading::before{opacity:0}
@keyframes velaHeroBloom{from{background-position:20% 30%;opacity:.8}to{background-position:80% 70%;opacity:1}}
.page-inactive #featured-stories .feature-slide::before{animation-play-state:paused}
@media(max-width:600px){
 #featured-stories>.feature-ambience{inset:-35px -3% -75px;mask-image:radial-gradient(ellipse closest-side at 48% 48%,#000 35%,transparent 100%)}
 #featured-stories .feature-visual{mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}
 #featured-stories #feature-art .feature-visual img{mask-image:linear-gradient(180deg,transparent,#000 18%,#000 50%,transparent 96%)}
 #featured-stories .feature-slide::after{background:linear-gradient(180deg,#080808 0%,transparent 22%,transparent 45%,#080808d9 85%,#080808 100%)}
 #featured-stories .feature-slide::before{opacity:.7;background:radial-gradient(ellipse 40% 45% at 0% 60%,#ff625766,transparent 76%);mask-image:linear-gradient(90deg,#000 0%,transparent 38%),linear-gradient(180deg,transparent 0%,#000 42%,#000 70%,transparent 100%);mask-composite:intersect}
}
@media(prefers-reduced-motion:reduce){#featured-stories .feature-slide::before{animation:none;will-change:auto}}
@media(prefers-reduced-transparency:reduce){#featured-stories .feature-slide::before{opacity:.2}}

/* One coral light field lives left of the artwork; only its intensity drifts. */
#featured-stories>.feature-ambience{
 inset:-115px auto -95px -13%;width:47%;z-index:0;opacity:1;
 mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 62%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 18%,#000 76%,transparent 100%);
 mask-composite:intersect;
}
#featured-stories>.feature-ambience::before,
#featured-stories>.feature-ambience::after{
 inset:-6%;transform-origin:50% 50%;filter:blur(32px);
 background:radial-gradient(ellipse 54% 42% at 48% 36%,#ff62579c,transparent 76%),radial-gradient(ellipse 52% 44% at 55% 78%,#ff625766,transparent 78%);
 animation:velaTextLight 13s ease-in-out infinite alternate;will-change:transform,opacity;
}
#featured-stories>.feature-ambience::after{
 background:radial-gradient(ellipse 42% 50% at 48% 58%,#ff62574d,transparent 80%);
 animation:velaTextLight 17s ease-in-out infinite alternate-reverse;animation-delay:-7s;
}
#featured-stories .feature-slide::before{content:none;animation:none}
#featured-stories #feature-art .feature-backdrop{opacity:0}
#featured-stories .feature-slide::after{left:35%}
@keyframes velaTextLight{from{opacity:.56;transform:translate3d(-2%,2%,0) scale(.98)}to{opacity:.88;transform:translate3d(2%,-2%,0) scale(1.03)}}
@media(max-width:600px){
 #featured-stories>.feature-ambience{inset:25% auto -70px -30%;width:50%;opacity:.85}
 #featured-stories>.feature-ambience::before,#featured-stories>.feature-ambience::after{filter:blur(22px)}
 #featured-stories .feature-slide::after{left:0}
}
@media(prefers-reduced-motion:reduce){#featured-stories>.feature-ambience::before,#featured-stories>.feature-ambience::after{animation:none!important;transform:none;opacity:.72;will-change:auto}}
@media(prefers-reduced-transparency:reduce){#featured-stories>.feature-ambience{opacity:.25}}

/* Round only the image stage. Ambient light remains free outside its frame. */
body.vela-site #featured-stories.feature-carousel{--hero-inset:32px;margin-top:12px;margin-bottom:28px;overflow:visible}
#featured-stories #feature-art{border-radius:28px;isolation:isolate}
#featured-stories .feature-slide{border-radius:inherit}
#featured-stories .feature-heading{top:24px;left:var(--hero-inset);right:var(--hero-inset)}
#featured-stories .feature-story{left:var(--hero-inset);right:var(--hero-inset);max-width:min(590px,calc(100% - 64px))}
#featured-stories .feature-navigation{left:var(--hero-inset);right:var(--hero-inset);bottom:20px}
#featured-stories .feature-visual{overflow:hidden;border-radius:28px}
#featured-stories #feature-art .feature-visual img{border-radius:inherit}
@media(max-width:700px){
 body.vela-site #featured-stories.feature-carousel{--hero-inset:20px;margin-top:8px;margin-bottom:24px}
 #featured-stories #feature-art,#featured-stories .feature-visual{border-radius:22px}
 #featured-stories .feature-heading{top:20px}
 #featured-stories .feature-story{max-width:none;bottom:78px}
 #featured-stories .feature-navigation{bottom:16px}
}