/* Scoped story composition; source ratios and carousel widths. */
.casite-story-track{--story-ratio:16/9;--story-basis:calc(88% - 1.92px);display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start}
.casite-story-track::-webkit-scrollbar{display:none}
.casite-story-portrait{--story-ratio:9/16;--story-basis:calc(78% - 3.52px)}.casite-story-square{--story-ratio:1}.casite-story-four-three{--story-ratio:4/3}
.casite-story-track>.casite-story-card{position:relative;flex:0 0 var(--story-basis);min-width:0;margin:0!important;scroll-snap-align:start;border-radius:8px;overflow:hidden;border:1px solid #ffffff26;background:#000;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-sizing:border-box}
.casite-story-link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none!important;position:relative}
.casite-story-media{position:relative;display:block;aspect-ratio:var(--story-ratio);flex:none;overflow:hidden}
.casite-story-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.casite-story-icon{position:absolute;right:16px;top:16px;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;background:rgb(0 0 0/.45);color:white;border:1px solid rgb(255 255 255/.7);font:24px/1 sans-serif;z-index:2}
.casite-story-copy{padding:20px;position:relative;z-index:1;background:#171717;color:#fff}
.casite-story-copy h3{font-size:24px;line-height:1.25;margin:8px 0 0;color:inherit;font-weight:800;font-family:var(--wp--preset--font-family--display);text-transform:uppercase}.casite-story-copy p{font-size:14px;line-height:1.625;margin:12px 0 0;color:#fffc;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.casite-story-action{display:inline-flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box;margin-top:16px;padding:8px 16px;border:1px solid #ffffffb3;border-radius:8px;background:#0000008c;color:#fff;font:700 12px/1.5 var(--wp--preset--font-family--display);text-transform:uppercase;letter-spacing:.05em;transition:background-color .15s,border-color .15s}
.casite-story-portrait .casite-story-card{max-width:360px}
.casite-story-portrait .casite-story-card:not(.casite-story-copy-below) .casite-story-copy{position:absolute;bottom:0;left:0;right:0;color:white;background:transparent}
.casite-story-portrait .casite-story-card:not(.casite-story-copy-below) .casite-story-media::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.3),rgba(0,0,0,.7))}
.casite-story-track[data-story-count="1"]{justify-content:center}.casite-story-track[data-story-count="1"]>.casite-story-card{flex-basis:100%;max-width:768px}.casite-story-portrait[data-story-count="1"]>.casite-story-card{max-width:360px}
@media(min-width:640px){
 .casite-story-track{--story-basis:calc(70% - 4.8px)}.casite-story-portrait,.casite-story-square{--story-basis:calc(44% - 8.96px)}
 .casite-story-copy h3{font-size:30px}
 :is(.casite-story-portrait,.casite-story-square,.casite-story-four-three) .casite-story-card:not(.casite-story-copy-below) .casite-story-copy{position:absolute;bottom:0;left:0;right:0;color:white;background:transparent}
 :is(.casite-story-square,.casite-story-four-three) .casite-story-card:not(.casite-story-copy-below) .casite-story-media::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.3),rgba(0,0,0,.7))}
 :is(.casite-story-portrait,.casite-story-square)[data-story-count="2"]{justify-content:center}:is(.casite-story-portrait,.casite-story-square)[data-story-count="2"]>.casite-story-card{flex-basis:calc((100% - 16px)/2)}
}
@media(min-width:1280px){
 .casite-story-track{--story-basis:calc(46% - 8.64px)}.casite-story-portrait,.casite-story-square{--story-basis:calc(30% - 11.2px)}
 .casite-story-landscape .casite-story-card:not(.casite-story-copy-below) .casite-story-copy{position:absolute;bottom:0;left:0;right:0;color:white;background:transparent}
 .casite-story-landscape .casite-story-card:not(.casite-story-copy-below) .casite-story-media::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.3),rgba(0,0,0,.7))}
 .casite-story-track[data-story-count="2"]{justify-content:center}.casite-story-track[data-story-count="2"]>.casite-story-card{flex-basis:calc((100% - 16px)/2)}
 :is(.casite-story-portrait,.casite-story-square)[data-story-count="3"]{justify-content:center}:is(.casite-story-portrait,.casite-story-square)[data-story-count="3"]>.casite-story-card{flex-basis:calc((100% - 32px)/3)}
}
/* Native Cover editor preserves its controls and saved content. */
.editor-styles-wrapper .casite-story-track>.wp-block-cover.casite-story-card{aspect-ratio:var(--story-ratio);min-height:0;padding:20px;align-items:flex-end;box-sizing:border-box}
.editor-styles-wrapper .casite-story-card .wp-block-cover__inner-container{width:100%;color:white}
.editor-styles-wrapper .casite-story-card h3{font-size:24px;line-height:1.25;margin:8px 0 0;font-weight:800;font-family:var(--wp--preset--font-family--display);text-transform:uppercase;color:#fff}
.editor-styles-wrapper .casite-story-card p{font-size:14px;line-height:1.625;margin:12px 0 0;color:#fffc}
.casite-video-player>img{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;margin-inline:auto}
/* Cover remains native; only the scoped story composition changes its grid areas. */
.editor-styles-wrapper .casite-story-track>.wp-block-cover.casite-story-card{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;aspect-ratio:auto!important;padding:0;align-content:start;align-items:start;height:auto!important}
.editor-styles-wrapper .casite-story-card>.wp-block-cover__image-background{position:relative!important;inset:auto!important;grid-area:1/1;aspect-ratio:var(--story-ratio);height:auto!important;width:100%;object-fit:cover}
.editor-styles-wrapper .casite-story-card>.wp-block-cover__inner-container{grid-area:2/1;position:relative;align-self:start;padding:20px;color:#fff;background:#171717;box-sizing:border-box}
.editor-styles-wrapper .casite-story-card>.wp-block-cover__background{display:none;background:linear-gradient(transparent,rgba(0,0,0,.3),rgba(0,0,0,.7))!important;opacity:1;grid-area:1/1;position:relative!important;inset:auto!important;width:100%;height:100%}
.editor-styles-wrapper .casite-story-portrait .casite-story-card:not(.casite-story-copy-below)>.wp-block-cover__inner-container{grid-area:1/1;align-self:end;color:white;background:transparent}
.editor-styles-wrapper .casite-story-portrait .casite-story-card:not(.casite-story-copy-below)>.wp-block-cover__background{display:block}
@media(min-width:640px){
 .editor-styles-wrapper :is(.casite-story-square,.casite-story-four-three) .casite-story-card:not(.casite-story-copy-below)>.wp-block-cover__inner-container{grid-area:1/1;align-self:end;color:white;background:transparent}
 .editor-styles-wrapper :is(.casite-story-square,.casite-story-four-three) .casite-story-card:not(.casite-story-copy-below)>.wp-block-cover__background{display:block}
 .editor-styles-wrapper .casite-story-card h3{font-size:30px}
}
@media(min-width:1280px){
 .editor-styles-wrapper .casite-story-landscape .casite-story-card:not(.casite-story-copy-below)>.wp-block-cover__inner-container{grid-area:1/1;align-self:end;color:white;background:transparent}
 .editor-styles-wrapper .casite-story-landscape .casite-story-card:not(.casite-story-copy-below)>.wp-block-cover__background{display:block}
}
.casite-story-editor-icon{pointer-events:none;position:absolute;top:16px;right:16px;z-index:3;width:44px;height:44px;display:grid;place-items:center;background:rgb(0 0 0/.45);color:#fff;border:1px solid rgb(255 255 255/.7);border-radius:50%;font:24px/1 sans-serif}
.editor-styles-wrapper .casite-story-card .casite-story-action{pointer-events:none}
.editor-styles-wrapper .casite-story-card[data-story-enhanced="true"] .casite-story-fallback{display:none}

/* Story media keeps its reference contrast surface independently of section palette. */
.casite-story-copy .casite-story-eyebrow,.editor-styles-wrapper .casite-story-card p.casite-story-eyebrow{display:block;margin:0;color:var(--wp--preset--color--accent);font:800 14px/1.375 var(--wp--preset--font-family--display);text-transform:uppercase;letter-spacing:.14em;filter:drop-shadow(0 1px 1px #000);overflow:visible;-webkit-line-clamp:unset}
.casite-story-link:hover .casite-story-media img{transform:scale(1.025)}
.casite-story-link:hover :is(.casite-story-icon,.casite-story-action){border-color:var(--wp--preset--color--primary);background:var(--wp--preset--color--primary)}
.casite-story-link:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:-2px}
.casite-story-icon,.casite-story-editor-icon{backdrop-filter:blur(4px);transition:background-color .15s,border-color .15s}
@media(prefers-reduced-motion:reduce){.casite-story-media img,.casite-story-icon,.casite-story-action{transition:none}}

/* Native Story Carousel introduction retains the reference section rhythm. */
.casite-story-section>.is-style-casite-eyebrow{margin-block:0}
.casite-story-section>.wp-block-heading{margin-block:4px 0;font-size:30px;font-weight:800;line-height:1.2;letter-spacing:-.025em;text-transform:uppercase}
@media(min-width:768px){.casite-story-section>.wp-block-heading{font-size:36px}}
.casite-story-section>.wp-block-heading+p{margin-block:12px 0;font-size:16px;line-height:24px}
.casite-story-section>:is(.casite-story-track,.casite-story-carousel){margin-block-start:32px}