.scenario-page{--scenario-bg: var(--color-bg, #f7f6f4);--scenario-surface: #fffdfa;--scenario-text: var(--color-text, #19231d);--scenario-muted: #5f665f;--scenario-green: #235637;--scenario-gold: #be9458;--scenario-border: var(--color-border, #e5e3df);background:var(--scenario-bg);color:var(--scenario-text)}.scenario-page ::selection{background:#be945859;color:var(--scenario-text)}.scenario-page :where(a,button,video,iframe):focus-visible{outline:2px solid var(--scenario-gold);outline-offset:4px}.scenario-reel{position:relative;min-height:calc(100svh - 103px);overflow:hidden;isolation:isolate;background:#17231b;color:#fff}.scenario-reel__panels{position:absolute;top:0;right:0;bottom:0;left:0}.scenario-reel__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-items:end;opacity:0;visibility:hidden;transition:opacity .42s cubic-bezier(.2,.8,.2,1),visibility .42s}.scenario-reel__panel.is-active{opacity:1;visibility:visible;z-index:1}.scenario-reel__media,.scenario-reel__media video,.scenario-reel__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scenario-reel__media video,.scenario-reel__media img{object-fit:cover;object-position:center}.scenario-reel__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#0d1911c2,#0d19114d 54%,#0d191114)}.scenario-reel__copy{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:clamp(170px,17vw,230px)}.scenario-reel__copy h1,.scenario-reel__copy h2{max-width:820px;margin:0;color:#fff;font-size:clamp(3.4rem,7vw,6rem);line-height:.96;letter-spacing:-.035em;text-wrap:balance}.scenario-reel__copy p{max-width:620px;margin:26px 0 0;color:#ffffffe6;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6}.scenario-reel__controls{position:absolute;z-index:3;left:50%;bottom:34px;width:100%;transform:translate(-50%);display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:end}.scenario-reel__controls--static{grid-template-columns:minmax(0,1fr)}.scenario-reel__play{min-width:74px;min-height:46px;padding:10px 16px;border:1px solid rgba(255,255,255,.58);border-radius:2px;background:#1421188f;color:#fff;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.scenario-reel__play:hover{border-color:var(--scenario-gold);background:#142118c7}.scenario-reel__tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.scenario-reel__tab{position:relative;min-height:66px;padding:20px 16px 12px 0;border:0;border-top:1px solid rgba(255,255,255,.42);background:transparent;color:#ffffffa6;font:inherit;font-size:.82rem;font-weight:650;text-align:left;cursor:pointer}.scenario-reel__tab:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background:var(--scenario-gold);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.scenario-reel__tab:hover,.scenario-reel__tab.is-active{color:#fff}.scenario-reel__tab.is-active:before{transform:scaleX(1)}.scenario-page__hero{position:relative;min-height:clamp(620px,78svh,900px);display:grid;align-items:end;overflow:hidden;isolation:isolate}.scenario-page__hero-media,.scenario-page__hero-media picture,.scenario-page__hero-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scenario-page__hero-media img{object-fit:cover;object-position:center}.scenario-page__hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#111b15b8,#111b1547 54%,#111b1514)}.scenario-page__hero-copy{position:relative;z-index:2;width:100%;padding-top:140px;padding-bottom:clamp(64px,9vw,120px);color:#fff}.scenario-page__hero-copy h1{max-width:780px;margin:0;color:inherit;font-size:clamp(3.25rem,7vw,6rem);line-height:.96;letter-spacing:-.035em;text-wrap:balance}.scenario-page__hero-copy p{max-width:620px;margin:28px 0 0;color:#ffffffe6;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6}.scenario-page__button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;margin-top:32px;padding:12px 24px;border:1px solid var(--scenario-green);border-radius:2px;background:var(--scenario-green);color:#fff;font-weight:700;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.scenario-page__button:hover{background:#183d28;border-color:#183d28;color:#fff}.scenario-page__button--light{background:#fff;border-color:#fff;color:var(--scenario-green)}.scenario-page__button--light:hover{background:var(--scenario-gold);border-color:var(--scenario-gold);color:#142119}.scenario-page__index{position:sticky;top:0;z-index:8;border-bottom:1px solid var(--scenario-border);background:#f7f6f4f5}.scenario-page__index-inner{display:flex;gap:30px;overflow-x:auto;scrollbar-width:none}.scenario-page__index-inner::-webkit-scrollbar{display:none}.scenario-page__index a{position:relative;flex:0 0 auto;display:inline-flex;min-height:58px;align-items:center;color:var(--scenario-muted);font-size:.9rem;font-weight:650;text-decoration:none}.scenario-page__index a:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--scenario-gold);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.scenario-page__index a:hover,.scenario-page__index a.is-active{color:var(--scenario-green)}.scenario-page__index a.is-active:after{transform:scaleX(1)}.scenario-page__introduction{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(44px,8vw,120px);padding-top:clamp(76px,8vw,120px);padding-bottom:clamp(76px,8vw,120px);align-items:start}.scenario-page__introduction h2,.scenario-video__heading h2,.scenario-page__closing h2{margin:0;color:var(--scenario-green);font-size:clamp(2.6rem,5vw,5.2rem);line-height:1;letter-spacing:-.035em;text-wrap:balance}.scenario-page__richtext{max-width:68ch;color:var(--scenario-muted);font-size:1.05rem;line-height:1.75}.scenario-page__richtext>:first-child{margin-top:0}.scenario-page__richtext>:last-child{margin-bottom:0}.scenario-page__stories{border-top:1px solid var(--scenario-border)}.scenario-story{scroll-margin-top:80px;padding:clamp(58px,6vw,96px) 0;border-bottom:1px solid var(--scenario-border)}.scenario-story:nth-child(2n){background:var(--scenario-surface)}.scenario-story__inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:clamp(44px,7vw,112px);align-items:center}.scenario-story:nth-child(2n) .scenario-story__inner{grid-template-columns:minmax(300px,.75fr) minmax(0,1.45fr)}.scenario-story:nth-child(2n) .scenario-story__media{order:2}.scenario-story__media{aspect-ratio:4 / 3;overflow:hidden;background:#eeeae2}.scenario-story__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.scenario-story:hover .scenario-story__media img{transform:scale(1.018)}.scenario-story__content h2{margin:0;color:var(--scenario-green);font-size:clamp(2.5rem,4.8vw,4.9rem);line-height:.98;letter-spacing:-.035em}.scenario-story__statement{margin:24px 0 18px;max-width:28ch;color:var(--scenario-text);font-size:clamp(1.15rem,1.8vw,1.45rem);line-height:1.42}.scenario-story__details{display:grid;gap:11px;margin:28px 0 0;padding:24px 0 0;border-top:1px solid var(--scenario-border);list-style:none}.scenario-story__details li{position:relative;padding-left:23px;color:var(--scenario-muted)}.scenario-story__details li:before{content:"";position:absolute;left:0;top:.6em;width:9px;height:9px;border:1px solid var(--scenario-gold);transform:rotate(45deg)}.scenario-page__text-link{display:inline-flex;min-height:44px;align-items:center;gap:12px;margin-top:24px;color:var(--scenario-green);font-weight:750;text-underline-offset:5px}.scenario-page__text-link span{color:var(--scenario-gold);transition:transform .2s ease}.scenario-page__text-link:hover span{transform:translate(4px)}.scenario-video{padding-top:clamp(84px,9vw,136px);padding-bottom:clamp(84px,9vw,136px)}.scenario-video__heading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(40px,7vw,112px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}.scenario-video__heading p{max-width:42ch;margin:0;color:var(--scenario-muted);font-size:1.05rem;line-height:1.7}.scenario-video__frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#dad7d0}.scenario-video__frame video,.scenario-video__frame iframe,.scenario-video__placeholder,.scenario-video__placeholder>img{width:100%;height:100%;border:0}.scenario-video__frame video,.scenario-video__placeholder>img{object-fit:cover}.scenario-video__placeholder{position:relative}.scenario-video__placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f1c1459}.scenario-video__placeholder--image-only:after{display:none}.scenario-video__placeholder-copy{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:16px;padding:28px;color:#fff;text-align:center}.scenario-video__placeholder-copy strong{font-size:clamp(1.25rem,2.2vw,2rem)}.scenario-video__placeholder-copy small{max-width:50ch;color:#ffffffdb}.scenario-video__play{width:72px;height:72px}.scenario-video__play svg{width:100%;height:100%;fill:#ffffffeb;stroke:#fff;stroke-width:1.5}.scenario-video__play path{fill:var(--scenario-green);stroke:none}.scenario-page__closing{background:#ece6da}.scenario-page__closing-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.7fr);gap:clamp(42px,8vw,128px);align-items:end;padding-top:clamp(82px,9vw,136px);padding-bottom:clamp(82px,9vw,136px)}.scenario-page__closing p{max-width:48ch;margin:0;color:var(--scenario-muted);font-size:1.05rem;line-height:1.7}@media(max-width:989px){.scenario-reel__shade{background:linear-gradient(0deg,#0d1911c7,#0d191114 78%)}.scenario-reel__copy{padding-bottom:210px}.scenario-reel__controls{grid-template-columns:1fr;gap:10px;bottom:18px}.scenario-reel__play{justify-self:start;min-height:44px}.scenario-reel__tabs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:4px;overscroll-behavior-inline:contain;padding-right:40px;scrollbar-width:none}.scenario-reel__tabs::-webkit-scrollbar{display:none}.scenario-reel__tab{flex:0 0 150px;min-height:58px;scroll-snap-align:start}.scenario-page__hero{min-height:690px}.scenario-page__hero-shade{background:linear-gradient(0deg,#111b15bf,#111b1514 78%)}.scenario-page__introduction,.scenario-video__heading,.scenario-page__closing-inner{grid-template-columns:1fr}.scenario-story__inner{grid-template-columns:1fr;gap:40px}.scenario-story:nth-child(2n) .scenario-story__inner{grid-template-columns:1fr}.scenario-story:nth-child(2n) .scenario-story__media{order:0}.scenario-story__content{max-width:680px}}@media(max-width:749px){.scenario-reel{min-height:max(620px,calc(100svh - 108px))}.scenario-reel__media video,.scenario-reel__media img{object-position:center}.scenario-reel__copy{padding-top:110px;padding-bottom:220px}.scenario-reel__copy h1,.scenario-reel__copy h2{font-size:clamp(3rem,15vw,4.7rem)}.scenario-reel__copy p{margin-top:18px}.scenario-reel__controls{padding-inline:20px}.scenario-page__hero{min-height:640px}.scenario-page__hero-copy{padding-bottom:54px}.scenario-page__hero-copy h1{font-size:clamp(3rem,15vw,4.7rem)}.scenario-page__hero-copy p{margin-top:20px}.scenario-page__index-inner{gap:24px;padding-inline:20px}.scenario-page__index a{min-height:52px}.scenario-page__index:after{content:"";position:absolute;top:0;right:0;bottom:0;width:34px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(247,246,244,.98))}.scenario-page__introduction{padding-top:72px;padding-bottom:72px}.scenario-story{padding:56px 0 68px}.scenario-story__inner{padding-inline:0}.scenario-story__content{padding-inline:20px}.scenario-story__media{aspect-ratio:5 / 4}.scenario-video{padding-inline:0;padding-top:80px;padding-bottom:80px}.scenario-video__heading{padding-inline:20px}.scenario-video__frame{aspect-ratio:4 / 3}.scenario-page__closing-inner{padding-inline:20px}}@media(prefers-reduced-motion:reduce){.scenario-page *,.scenario-page *:before,.scenario-page *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/scenarios-page.css.map */