.pa-story{--story-ink: #30332f;--story-line: #deddd7;--story-green: #455748;color:var(--story-ink);background:#fff}.pa-story__hero-track{position:relative}.pa-story__hero{position:relative;isolation:isolate;height:100svh;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;background:#10110f;color:#fff}.pa-story__hero-media,.pa-story__hero-media:after{position:absolute;top:0;right:0;bottom:0;left:0}.pa-story__hero-media{z-index:-1;overflow:hidden}.pa-story__hero-media:after{content:"";pointer-events:none;background:linear-gradient(to bottom,transparent 35%,rgb(0 0 0 / var(--story-overlay)) 100%)}.pa-story__hero--full .pa-story__hero-media:after{background:rgb(0 0 0 / var(--story-overlay))}.pa-story__hero-image,.pa-story__hero-video,.pa-story__chapter-image{display:block;width:100%;height:100%;object-fit:cover}.pa-story__hero-image,.pa-story__hero-video{transform:translateY(var(--story-drift, 0px)) scale(1.05)}.pa-story__hero-video{object-position:center}.pa-story .pa-story__film-inversion{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;mix-blend-mode:difference;pointer-events:none}.pa-story__film-mark{position:absolute;z-index:1;left:4.5%;top:50%;width:91%;mix-blend-mode:normal;pointer-events:none;transform:translateY(-50%) translateY(calc(var(--film-progress, 0) * -32px)) scale(calc(1 + var(--film-progress, 0) * .06));opacity:var(--film-logo-opacity, 1);filter:blur(var(--film-logo-blur, 0px))}.pa-story[data-inverted=true] .pa-story__film-mark{mix-blend-mode:difference}.pa-story__film-mark img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}.pa-story__hero-copy{width:min(100%,1440px);margin-inline:auto;padding:52px clamp(24px,4.5vw,80px);transform:translateY(var(--story-drift, 0px));color:#fff;text-shadow:0 1px 8px rgb(0 0 0 / .65)}.pa-story .pa-story__hero-copy h1{margin:0;font-family:var(--font-subheading-family);font-weight:400;font-size:16px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:inherit}.pa-story__film-toggle{position:absolute;bottom:42px;right:max(144px,4.5vw);display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 0;border:0;border-bottom:1px solid rgb(255 255 255 / .6);border-radius:0;background:transparent;color:#fff;font-family:var(--font-body-family);font-size:12px;letter-spacing:.03em;cursor:pointer;mix-blend-mode:difference}.pa-story__film-toggle[hidden]{display:none}.pa-story__film-toggle svg{width:18px;height:18px}.pa-story__film-toggle .pa-story__pause-icon,.pa-story__film-toggle.is-playing .pa-story__play-icon{display:none}.pa-story__film-toggle.is-playing .pa-story__pause-icon{display:block}.pa-story__film-toggle:focus-visible{outline:2px solid currentColor;outline-offset:6px}.pa-story .pa-story__eyebrow{margin:0 0 18px;font-family:var(--font-subheading-family);font-size:14px;font-weight:400;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}.pa-story__intro{max-width:880px;margin:0 auto;padding:80px 32px 88px;text-align:left}.pa-story .pa-story__intro .pa-story__text{font-size:22px;line-height:1.6}.pa-story .pa-story__text{font-family:var(--font-body-family);font-size:17px;line-height:1.75;letter-spacing:0}.pa-story__text p{margin:0 0 18px}.pa-story__text p:last-child{margin-bottom:0}.pa-story__narrative{max-width:804px;margin-inline:auto;padding:96px 32px 104px}.pa-story__narrative-copy{transform:translateY(var(--story-drift, 0px))}.pa-story .pa-story__narrative .pa-story__text{font-size:18px;line-height:1.75}.pa-story__narrative .pa-story__text p{font:inherit;margin:0 0 28px}.pa-story__narrative .pa-story__text p:first-child{font-size:24px;line-height:1.55;margin-bottom:36px}.pa-story__narrative .pa-story__text p:last-child{margin-bottom:0}.pa-story__wide-figure{width:100%;aspect-ratio:16 / 9}.pa-story__wide-image{display:block;width:100%;height:100%;object-fit:cover}.pa-story__chapters{max-width:1440px;margin-inline:auto;padding-inline:clamp(24px,4.5vw,80px)}.pa-story__chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center;padding:64px 0;border-top:1px solid var(--story-line)}.pa-story__figure{position:relative;margin:0;min-width:0}.is-motion-enabled .pa-story__figure{clip-path:inset(calc((1 - var(--image-reveal, 1)) * 9%) calc((1 - var(--image-reveal, 1)) * 7%));transform:translateY(calc((1 - var(--image-reveal, 1)) * 28px))}.pa-story__figure--portrait .pa-story__chapter-image{aspect-ratio:4 / 5}.pa-story__figure--landscape .pa-story__chapter-image{aspect-ratio:3 / 2}.pa-story__figure figcaption{padding-top:12px;font-size:12px;line-height:1.4;color:#5a6258}.pa-story__chapter:nth-child(2n) .pa-story__figure{order:2}.pa-story__chapter-copy{max-width:490px;min-width:0;transform:translateY(var(--story-drift, 0px))}.pa-story__chapter .pa-story__eyebrow{color:var(--story-green)}.pa-story__chapter--text-only{grid-template-columns:1fr}.pa-story__chapter--text-only .pa-story__chapter-copy{max-width:760px;margin-inline:auto}.pa-story__closing{margin-top:24px;padding:64px clamp(24px,4.5vw,80px) 80px;text-align:center;background:#fff;border-top:1px solid var(--story-line)}.pa-story__closing-layout{display:grid;align-items:center;gap:clamp(36px,6vw,96px);max-width:1280px;margin-inline:auto}.pa-story__closing-layout--with-image{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pa-story__closing-copy{max-width:560px;margin-inline:auto;text-align:left;transform:translateY(var(--story-drift, 0px))}.pa-story__closing-layout--with-image .pa-story__closing-copy{margin:0}.pa-story__closing-figure{position:relative;width:100%;max-width:520px;min-width:0;margin:0 auto;aspect-ratio:var(--closing-image-ratio);overflow:hidden}.pa-story__closing-image{position:absolute;bottom:0;left:0;display:block;width:100%;height:auto}.pa-story__closing-action{margin-top:40px;text-align:center}.pa-story .pa-story__signature{margin:28px 0 0;color:var(--story-green)}.pa-story__closing-mark{display:block;width:var(--closing-mark-width, 144px);max-width:100%;height:auto;margin-top:10px;opacity:.86}.pa-story__closing-mark--stamp{margin-top:18px;opacity:.78;transform:rotate(-3deg)}.pa-story__link{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:8px 0;border-bottom:1px solid currentColor;color:inherit;font-family:var(--font-subheading-family);font-size:16px;line-height:1.3;text-transform:uppercase;text-decoration:none}.pa-story__link:hover{color:var(--story-green)}.pa-story__link:focus-visible{outline:2px solid var(--story-green);outline-offset:5px}@media(prefers-reduced-motion:no-preference){.pa-story.is-hero-motion-enabled .pa-story__hero-track{height:220svh}.pa-story.is-hero-motion-enabled .pa-story__hero{position:sticky;top:0;min-height:0}}@media(prefers-reduced-motion:reduce){.pa-story__hero-image,.pa-story__hero-video,.pa-story__hero-copy,.pa-story__chapter-copy,.pa-story__narrative-copy,.pa-story__closing-copy{transform:none}.pa-story__figure{clip-path:none;transform:none}}@media(max-width:749px){.pa-story__hero{min-height:440px}.pa-story__hero-copy{padding:52px 24px}.pa-story__film-toggle{bottom:42px;right:88px}.pa-story .pa-story__hero-copy h1{max-width:calc(100% - 120px);font-size:14px}.pa-story__film-mark{width:calc(100% - 32px);left:16px}.pa-story .pa-story__eyebrow{font-size:12px;margin-bottom:14px}.pa-story .pa-story__text{font-size:16px;line-height:1.7}.pa-story .pa-story__intro .pa-story__text{font-size:19px;line-height:1.6}.pa-story__intro{padding:44px 24px 48px;text-align:left}.pa-story__narrative{padding:56px 24px 64px}.pa-story .pa-story__narrative .pa-story__text{font-size:16px;line-height:1.75}.pa-story__narrative .pa-story__text p{margin-bottom:24px}.pa-story__narrative .pa-story__text p:first-child{font-size:20px;line-height:1.55;margin-bottom:30px}.pa-story__wide-figure{aspect-ratio:4 / 5}.pa-story__chapter{grid-template-columns:1fr;gap:28px;padding:40px 0}.pa-story__chapter:nth-child(2n) .pa-story__figure{order:0}.pa-story__chapter-copy{max-width:none}.pa-story__closing{margin-top:8px;padding:48px 24px 56px;text-align:left}.pa-story .pa-story__signature{margin-top:24px;margin-bottom:0}}@media(max-width:989px){.pa-story__closing-layout--with-image{grid-template-columns:1fr;gap:32px}.pa-story__closing-layout--with-image .pa-story__closing-copy{margin-inline:auto}.pa-story__closing-action{margin-top:32px}}@media(max-width:989px)and (prefers-reduced-motion:no-preference){.pa-story.is-hero-motion-enabled .pa-story__hero-track{height:170svh}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/pa-story.css.map */