.pd-flow-hero{position:relative;overflow:hidden;background:var(--color-background,#f0f0f0);color:var(--color-text,#1a1a1a);isolation:isolate}.pd-flow-hero__inner{min-height:clamp(650px,88vh,920px);max-width:1600px;margin:0 auto;padding:clamp(32px,5vw,76px) clamp(20px,5vw,72px);display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);gap:clamp(28px,5vw,90px);align-items:center}.pd-flow-hero__copy{position:relative;z-index:4;max-width:620px}.pd-flow-hero__eyebrow{margin:0 0 18px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;opacity:.62}.pd-flow-hero__title{margin:0;font-size:clamp(48px,6vw,94px);line-height:.92;letter-spacing:-.055em;font-weight:800;max-width:700px}.pd-flow-hero__text{margin-top:24px;max-width:500px;font-size:16px;line-height:1.6;opacity:.7}.pd-flow-hero__actions{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}.pd-flow-hero__actions .button{min-height:48px;border-radius:999px;padding-inline:24px;display:inline-flex;align-items:center;gap:12px}.pd-flow-hero__secondary{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.pd-flow-hero__visual{position:relative;height:min(86vh,820px);min-height:620px;overflow:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,20px);transform:rotate(-3deg) scale(1.08);transform-origin:center}.pd-flow-hero__column{height:130%;margin-top:-15%;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 92%,transparent 100%)}.pd-flow-hero__track{display:flex;flex-direction:column;animation:pd-flow-up var(--pd-flow-duration,18s) linear infinite;will-change:transform}.pd-flow-hero__column--reverse .pd-flow-hero__track{animation-name:pd-flow-down}.pd-flow-hero__set{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,20px);padding-bottom:clamp(10px,1.2vw,20px)}.pd-flow-poster{display:block;position:relative;overflow:hidden;background:#fff;aspect-ratio:2/3;border-radius:clamp(6px,1vw,14px);box-shadow:0 18px 45px #00000021;transform:translateZ(0);transition:transform .35s ease,box-shadow .35s ease}.pd-flow-poster:nth-child(2n){transform:rotate(1.2deg)}.pd-flow-poster:nth-child(3n){transform:rotate(-1deg)}.pd-flow-poster:hover{transform:scale(1.025) rotate(0);box-shadow:0 24px 60px #0003;z-index:2}.pd-flow-poster__image{width:100%;height:100%;object-fit:cover;display:block}.pd-flow-hero__fade{position:absolute;left:-5%;right:-5%;height:22%;z-index:3;pointer-events:none}.pd-flow-hero__fade--top{top:-3%;background:linear-gradient(to bottom,var(--color-background,#f0f0f0) 15%,transparent 100%)}.pd-flow-hero__fade--bottom{bottom:-3%;background:linear-gradient(to top,var(--color-background,#f0f0f0) 15%,transparent 100%)}.pd-flow-hero__scroll{position:absolute;left:clamp(20px,5vw,72px);bottom:24px;z-index:5;font-size:10px;letter-spacing:.16em;font-weight:700;opacity:.5;display:flex;gap:10px;align-items:center}.pd-flow-hero__scroll span{font-size:15px}@keyframes pd-flow-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes pd-flow-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pd-flow-hero__track{animation-play-state:paused}}@media screen and (max-width:989px){.pd-flow-hero__inner{grid-template-columns:1fr;min-height:auto;padding-top:55px}.pd-flow-hero__copy{max-width:680px}.pd-flow-hero__visual{height:620px;min-height:620px;order:2;transform:rotate(-2deg) scale(1.05);margin:0 -5vw}.pd-flow-hero__scroll{display:none}}@media screen and (max-width:749px){.pd-flow-hero__inner{padding:42px 16px 20px;gap:26px}.pd-flow-hero__title{font-size:clamp(42px,13vw,66px)}.pd-flow-hero__text{font-size:14px;margin-top:18px}.pd-flow-hero__actions{margin-top:22px}.pd-flow-hero__visual{height:520px;min-height:520px;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 -9vw;transform:rotate(-2.5deg) scale(1.08)}.pd-flow-hero__set{gap:7px;padding-bottom:7px}.pd-flow-poster{border-radius:6px}.pd-flow-hero__fade{height:18%}}
/*# sourceMappingURL=/cdn/shop/t/32/compiled_assets/styles.css.map */