.story__header{margin-bottom:clamp(2rem,6vw,4rem)}.story__grid{display:grid;position:relative}.story__sticky{position:sticky;z-index:2}.story__frames{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--bg-2);box-shadow:var(--shadow-soft)}.story__frames:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #c9a45c47;pointer-events:none;z-index:3}.story__frame{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:scale(1.06);transition:opacity .9s var(--ease),transform 1.6s var(--ease-out)}.story__frame.is-active{opacity:1;transform:none;z-index:1}.story__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.story__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(11,10,8,.55),transparent 40%);pointer-events:none}.story__caption{position:absolute;left:18px;bottom:16px;z-index:2;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#e6cd8e}.story__progress{position:absolute;z-index:4;display:flex;gap:6px;list-style:none;margin:0;padding:0}.story__progress button{display:block;border:0;background:none;padding:6px 0;cursor:pointer;color:#f7f1e68c;font:600 .66rem/1 var(--font-body);letter-spacing:.14em}.story__progress button span{display:block;padding-top:8px;border-top:2px solid rgba(247,241,230,.3);min-width:34px;transition:border-color .4s var(--ease),color .4s var(--ease)}.story__progress button.is-active{color:#e6cd8e}.story__progress button.is-active span{border-color:var(--color-gold)}.story__chapter{display:flex;align-items:center}.story__card{width:100%}.story__num{display:flex;align-items:center;gap:14px;margin:0 0 1rem;font:600 .72rem/1 var(--font-body);letter-spacing:.24em;text-transform:uppercase;color:var(--accent-text)}.story__num>span:first-child{font-family:var(--font-heading);font-size:1.6rem;letter-spacing:0;color:var(--accent-text)}.story__label:before{content:"";display:inline-block;width:26px;height:1px;background:currentColor;opacity:.7;vertical-align:middle;margin-right:12px}.story__title{font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.08;margin:0 0 .6em;color:var(--fg-strong)}.story__title em{font-style:italic;color:var(--accent-text)}.story__text{font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.75;max-width:34em}.story__link{margin-top:1.6rem}@media(max-width:989px){.story__sticky{top:calc(var(--header-h) - 14px);margin-inline:calc(var(--gutter) * -1)}.story__frames{height:52svh;border-radius:0;box-shadow:none}.story__frames:after{border-radius:0}.story__progress{left:var(--gutter);right:var(--gutter);bottom:14px}.story__progress li{flex:1}.story__progress button{width:100%;text-align:left}.story__caption{display:none}.story__media-col,.story__chapters{grid-area:1 / 1}.story__chapters{position:relative;z-index:3;padding-top:44svh;pointer-events:none}.story__card{pointer-events:auto}.story__chapter{min-height:62svh;padding:0 0 6svh;align-items:flex-start}.story__chapter:last-child{min-height:auto;padding-bottom:0}.story__card{padding:26px 22px;border-radius:var(--radius);background:var(--bg);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-soft);box-shadow:var(--shadow-card)}.story__title{font-size:clamp(1.7rem,7vw,2.2rem)}}@media(min-width:990px){.story__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(48px,6vw,96px)}.story__sticky{top:calc(var(--header-h) + 32px);height:calc(100vh - var(--header-h) - 64px);max-height:820px}.story__frames{height:100%}.story__progress{left:24px;bottom:22px;gap:10px}.story__chapter{min-height:82vh;padding:8vh 0}.story__chapter:first-child{padding-top:0;min-height:70vh;align-items:flex-start;padding-top:12vh}.story__chapter:last-child{min-height:70vh}}.story__grid.is-ready .story__card{transition:opacity .6s var(--ease),transform .8s var(--ease-out)}@media(min-width:990px){.story__grid.is-ready .story__chapter:not(.is-active) .story__card{opacity:.28;transform:translateY(14px)}}@media(prefers-reduced-motion:reduce){.story__frame,.story__grid.is-ready .story__card{transition:none;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-story-scroll.css.map */