/* A narrow orange band, with the artwork extending into the page around it. */
.home-renewed .story-carousel{--spotlight-orange:#ffa66d;--spotlight-height:420px;background:transparent;color:var(--ink);padding-block:92px 0;margin:0;position:relative;overflow-x:clip}
.spotlight-band{background:var(--spotlight-orange)}
.spotlight-shell{position:relative;width:min(100% - 64px,1120px)}
.story-carousel .spotlight-slides{margin-inline:76px;overflow:visible}
.story-carousel .spotlight-slides[data-drag-ready]{user-select:none;-webkit-user-select:none}
@media(any-pointer:fine){.spotlight-slides[data-drag-ready]{cursor:grab}}
.spotlight-slides.is-dragging,.spotlight-slides.is-dragging *{cursor:grabbing}
.home-renewed .spotlight-layout{min-height:var(--spotlight-height);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto;align-content:center;column-gap:40px;row-gap:20px;padding-block:32px}
.home-renewed .spotlight-heading{align-self:end}
.home-renewed .spotlight-heading h2{font-size:clamp(42px,4.3vw,64px);line-height:1.1;letter-spacing:-.5px}
.home-renewed .spotlight-art{grid-column:2;grid-row:1/3;align-self:center;min-width:0}
.home-renewed .spotlight-art .portrait-art{height:620px;margin-block:-120px;aspect-ratio:auto;max-height:none}
.home-renewed .spotlight-copy{padding:0;align-self:start}
.home-renewed .spotlight-copy h3{font-size:28px;margin-bottom:10px}
.home-renewed .spotlight-copy .eyebrow{font-size:12px;margin-bottom:10px;color:var(--ink)}
.home-renewed .spotlight-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;margin-bottom:16px;max-width:36ch}
.home-renewed .spotlight-copy .text-link{min-height:44px;color:var(--ink);border-color:var(--ink)}
.home-renewed .spotlight-copy .spotlight-story-link{--spotlight-link-hover:#243bb0;position:relative;transition:color 180ms var(--ease-settle),transform 180ms var(--ease-settle)}
.spotlight-story-link:after{content:'';position:absolute;inset-inline:0;bottom:-1px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform 240ms var(--ease-settle);pointer-events:none}
.home-renewed .spotlight-copy .spotlight-story-link:focus-visible{color:var(--spotlight-link-hover);transform:translateY(-2px)}
.spotlight-story-link:focus-visible:after{transform:scaleX(1)}
@media(hover:hover){
 .home-renewed .spotlight-copy .spotlight-story-link:hover{color:var(--spotlight-link-hover);transform:translateY(-2px)}
 .spotlight-story-link:hover:after{transform:scaleX(1)}
}
html[data-motion=off] .spotlight-story-link{transform:none!important}
@media(prefers-reduced-motion:reduce){.spotlight-story-link{transform:none!important;transition:none!important}.spotlight-story-link:after{transition:none!important}}
.spotlight-navigation{position:absolute;inset:0;margin:0;display:block;pointer-events:none;z-index:4}
.spotlight-navigation>button{position:absolute;top:50%;translate:0 -50%;width:48px;height:48px;pointer-events:auto;border-width:1px;background:transparent;color:var(--ink)}
.spotlight-navigation>[data-slide-step="-1"]{inset-inline-start:0}
.spotlight-navigation>[data-slide-step="1"]{inset-inline-end:0}
.spotlight-navigation>button:hover{background:var(--ink);color:var(--paper)}
.spotlight-footer{position:relative;z-index:3;padding-top:104px}
.spotlight-pagination{justify-content:center;gap:12px;color:var(--ink)}
.spotlight-pagination button:after{height:2px}
@media(max-width:1200px){.home-renewed .story-carousel{--spotlight-height:400px;padding-top:80px}.story-carousel .spotlight-slides{margin-inline:60px}.home-renewed .spotlight-heading h2{font-size:48px}.home-renewed .spotlight-art .portrait-art{height:560px;margin-block:-100px}.home-renewed .spotlight-layout{column-gap:32px;row-gap:18px;padding-block:28px}.home-renewed .spotlight-copy h3{font-size:26px}.home-renewed .spotlight-copy>p:not(.eyebrow){font-size:16px}.spotlight-footer{padding-top:92px}}
@media(max-width:900px){
 .home-renewed .story-carousel{--spotlight-art-height:360px;--spotlight-bleed:58px;padding-top:22px}
 .spotlight-band{background:transparent}
 /* Keep the mobile band outside the transformed slide during drag and reveal.
    Without drag enhancement, each visible story retains its own background. */
 .spotlight-band:has(.spotlight-slides[data-drag-ready]){position:relative;isolation:isolate}
 .spotlight-band:has(.spotlight-slides[data-drag-ready]):before{content:'';position:absolute;inset-inline:0;top:var(--spotlight-bleed);height:calc(var(--spotlight-art-height) - 2 * var(--spotlight-bleed));background:var(--spotlight-orange);z-index:-1;pointer-events:none}
 .spotlight-shell{width:calc(100% - 40px)}
 .story-carousel .spotlight-slides{margin:0}
 .home-renewed .spotlight-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;min-height:0;gap:0;padding:0}
 .home-renewed .spotlight-art{grid-column:1;grid-row:1;position:relative;isolation:isolate}
 .home-renewed .spotlight-art:before{content:'';position:absolute;inset:var(--spotlight-bleed) calc((100% - 100vw)/2);background:var(--spotlight-orange);z-index:-1}
 .home-renewed .spotlight-slides[data-drag-ready] .spotlight-art:before{content:none}
 .home-renewed .spotlight-art .portrait-art{height:var(--spotlight-art-height);max-width:calc(100% - 64px);margin:0 auto;translate:none}
 .home-renewed .spotlight-heading{grid-column:1;grid-row:2;max-width:520px;width:100%;justify-self:center;margin-top:30px}
 .home-renewed .spotlight-heading h2{font-size:40px;letter-spacing:0}
 .home-renewed .spotlight-copy{grid-column:1;grid-row:3;padding-top:20px;min-height:0;max-width:520px;width:100%;justify-self:center}
 .home-renewed .spotlight-copy h3{font-size:26px}
 .home-renewed .spotlight-copy>p:not(.eyebrow){font-size:17px;max-width:36ch}
 .spotlight-navigation>button{top:calc(var(--spotlight-art-height)/2);width:44px;height:44px}
 .spotlight-footer{padding-top:24px}
}
@media(max-width:380px){.home-renewed .story-carousel{--spotlight-art-height:310px;--spotlight-bleed:48px}.spotlight-shell{width:calc(100% - 32px)}.home-renewed .spotlight-art .portrait-art{max-width:calc(100% - 60px)}.home-renewed .spotlight-heading h2{font-size:36px}.home-renewed .spotlight-copy>p:not(.eyebrow){font-size:16px}}
