/* Story as one composed screen: tabs, a single stage, animated text and image. */
.scroll-story.is-tabs{padding:92px max(6vw,calc((100vw - 1267px)/2)) 78px}
.is-tabs .story-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0 6%;align-items:end;max-width:none;margin:0 0 30px}
.is-tabs .story-heading>.refresh-eyebrow{grid-column:1/-1}
.refresh-site .is-tabs .story-heading h2{margin:0;font-size:clamp(48px,5.2vw,78px)}
.is-tabs .story-intro{margin:0 0 12px;max-width:42ch!important}
.is-tabs .story-chapters{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin-top:38px;padding-top:0;border-top:1px solid var(--story-line)}
.is-tabs .story-chapters button{appearance:none;background:none;border:0;margin:0;cursor:pointer;position:relative;display:flex;gap:12px;align-items:baseline;padding:18px 0 6px;text-align:left;font:500 14px/1.4 'Hanken Grotesk',sans-serif;letter-spacing:.01em;color:var(--story-muted);transition:color .3s ease}
.is-tabs .story-chapters button>span:first-child{font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--story-accent);letter-spacing:-.02em}
.is-tabs .story-chapters button[aria-selected="true"]{color:var(--story-ink)}
.is-tabs .story-chapters button:before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--story-accent);transform:scaleX(var(--p,0));transform-origin:left}
.is-tabs .story-chapters button:focus-visible{outline:2px solid var(--story-accent);outline-offset:4px}
.is-tabs .story-body{display:grid;margin-top:26px}
.is-tabs .story-step{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7%;align-items:center;border:0!important;padding:0;min-height:0;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility 0s linear .55s}
.is-tabs .story-step.is-active{opacity:1;visibility:visible;transition:opacity .55s ease}
.is-tabs .story-step>.story-visual{display:flex;height:min(540px,60svh);max-height:none;background:radial-gradient(75% 70% at 50% 46%,#f8f5ef 0%,#e4ddd1 100%);overflow:hidden}
.story-dark.is-tabs .story-step>.story-visual{background:radial-gradient(75% 70% at 50% 46%,#1d2e34 0%,#111c20 100%)}
.is-tabs .story-copy{padding:0}
.refresh-site .is-tabs .story-copy h3{font-size:clamp(38px,3.6vw,56px);margin-bottom:22px}
.is-tabs .story-step.is-active .story-object{animation:stObj .95s cubic-bezier(.2,.7,.2,1) both}
.is-tabs .story-step.is-active .story-copy>*{animation:stUp .7s cubic-bezier(.2,.7,.2,1) both}
.is-tabs .story-step.is-active .story-copy>*:nth-child(2){animation-delay:.08s}
.is-tabs .story-step.is-active .story-copy>*:nth-child(3){animation-delay:.16s}
.is-tabs .story-step.is-active .story-copy>*:nth-child(4){animation-delay:.24s}
.is-tabs .story-step.is-active .story-copy>*:nth-child(5){animation-delay:.32s}
.is-tabs .story-step.is-active figcaption{animation:stUp .7s .3s ease both}
@keyframes stObj{from{opacity:0;transform:translateY(28px) scale(.965)}to{opacity:1;transform:none}}
@keyframes stUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.is-tabs .story-outro{margin-top:34px}
@media(max-width:900px){
 .scroll-story.is-tabs{padding:64px 6vw 56px}
 .is-tabs .story-heading{grid-template-columns:1fr}
 .refresh-site .is-tabs .story-heading h2{font-size:46px;margin-bottom:16px}
 .is-tabs .story-chapters{gap:0 12px;margin-top:22px}
 .is-tabs .story-chapters button{flex-direction:column;gap:2px;font-size:12px;padding-top:14px}
 .is-tabs .story-chapters button>span:first-child{font-size:20px}
 .is-tabs .story-step{grid-template-columns:1fr;gap:22px;align-content:start}
 .is-tabs .story-step>.story-visual{height:340px}
 .refresh-site .is-tabs .story-copy h3{font-size:36px;margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){.is-tabs .story-step,.is-tabs .story-step *{animation:none!important;transition:none!important}}
.is-tabs .story-kicker{display:none}