.hero-spread{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100svh - var(--header-height, 60px));padding:32px 24px 72px;background:var(--color-background, #FCFCFC);overflow:hidden}.hero-spread__carousel-wrapper{display:none}@media(max-width:768px){.hero-spread__cards--desktop{display:none!important}.hero-spread__carousel-wrapper{display:block;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow:hidden;margin-top:20px}.hero-spread__carousel-track{display:flex;animation:mobileCarouselScroll 25s linear infinite;width:max-content;padding:10px 0}.hero-spread__carousel-track:hover{animation-play-state:paused}.hero-spread__card-mobile{flex:0 0 auto;width:130px;height:165px;margin-right:16px;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;background-size:cover;background-position:center;background-color:#e8e8e8}}.hero-spread__headline{font-family:var(--font-heading--family),Inter,system-ui,sans-serif;font-size:clamp(48px,7.5vw,92px);font-weight:700;line-height:.96;text-align:center;color:var(--color-foreground-heading, #070606);max-width:980px;margin-top:0;margin-bottom:0;opacity:0;transform:translateY(20px)}.hero-spread__cards{position:relative;width:100%;max-width:980px;height:430px;margin:36px auto 0;display:flex;justify-content:center;align-items:flex-end}.hero-spread__card{position:absolute;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;background-size:cover;background-position:center;background-color:#e8e8e8;opacity:0;transform:translateY(40px) scale(.9)}.hero-spread__card--1{width:170px;height:225px;left:0;bottom:58px;transform-origin:bottom left}.hero-spread__card--2{width:160px;height:212px;left:128px;bottom:84px}.hero-spread__card--3{width:190px;height:258px;left:285px;bottom:28px}.hero-spread__card--4{width:175px;height:236px;left:50%;transform:translate(-50%);bottom:72px;z-index:2}.hero-spread__card--5{width:180px;height:242px;right:250px;bottom:36px}.hero-spread__card--6{width:165px;height:220px;right:110px;bottom:76px}.hero-spread__card--7{width:150px;height:200px;right:0;bottom:48px}@keyframes spreadIn1{0%{opacity:0;transform:translateY(40px) scale(.9) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(-8deg)}}@keyframes spreadIn2{0%{opacity:0;transform:translateY(40px) scale(.9) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(-4deg)}}@keyframes spreadIn3{0%{opacity:0;transform:translateY(40px) scale(.9) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(6deg)}}@keyframes spreadIn4{0%{opacity:0;transform:translate(-50%) translateY(40px) scale(.9) rotate(0)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1) rotate(-2deg)}}@keyframes spreadIn5{0%{opacity:0;transform:translateY(40px) scale(.9) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(-5deg)}}@keyframes spreadIn6{0%{opacity:0;transform:translateY(40px) scale(.9) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(4deg)}}@keyframes spreadIn7{0%{opacity:0;transform:translateY(40px) scale(.9) rotate(0)}to{opacity:1;transform:translateY(0) scale(1) rotate(10deg)}}@keyframes sway1{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-6deg) translateY(-4px)}}@keyframes sway2{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-5px)}}@keyframes sway3{0%,to{transform:rotate(6deg) translateY(0)}50%{transform:rotate(4deg) translateY(-3px)}}@keyframes sway4{0%,to{transform:translate(-50%) rotate(-2deg) translateY(0)}50%{transform:translate(-50%) rotate(0) translateY(-5px)}}@keyframes sway5{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-4px)}}@keyframes sway6{0%,to{transform:rotate(4deg) translateY(0)}50%{transform:rotate(6deg) translateY(-3px)}}@keyframes sway7{0%,to{transform:rotate(10deg) translateY(0)}50%{transform:rotate(8deg) translateY(-4px)}}.hero-spread.loaded .hero-spread__card--1{animation:spreadIn1 .8s cubic-bezier(.34,1.56,.64,1) forwards,sway1 3s ease-in-out 1s infinite}.hero-spread.loaded .hero-spread__card--2{animation:spreadIn2 .8s cubic-bezier(.34,1.56,.64,1) 60ms forwards,sway2 3.5s ease-in-out 1.1s infinite}.hero-spread.loaded .hero-spread__card--3{animation:spreadIn3 .8s cubic-bezier(.34,1.56,.64,1) .12s forwards,sway3 2.8s ease-in-out 1.2s infinite}.hero-spread.loaded .hero-spread__card--4{animation:spreadIn4 .8s cubic-bezier(.34,1.56,.64,1) .18s forwards,sway4 3.2s ease-in-out 1.3s infinite}.hero-spread.loaded .hero-spread__card--5{animation:spreadIn5 .8s cubic-bezier(.34,1.56,.64,1) .24s forwards,sway5 3.4s ease-in-out 1.4s infinite}.hero-spread.loaded .hero-spread__card--6{animation:spreadIn6 .8s cubic-bezier(.34,1.56,.64,1) .3s forwards,sway6 2.9s ease-in-out 1.5s infinite}.hero-spread.loaded .hero-spread__card--7{animation:spreadIn7 .8s cubic-bezier(.34,1.56,.64,1) .36s forwards,sway7 3.1s ease-in-out 1.6s infinite}.hero-spread.loaded .hero-spread__headline{animation:fadeUp .6s ease-out forwards;animation-delay:.1s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-spread__subheading{font-family:var(--font-body--family),Inter,system-ui,sans-serif;font-size:18px;font-weight:400;color:var(--color-foreground, #1a1a1a);opacity:.7;text-align:center;max-width:720px;line-height:1.55;margin-top:40px;opacity:0;transform:translateY(20px)}.hero-spread.loaded .hero-spread__subheading{animation:fadeUp .6s ease-out forwards;animation-delay:.5s}.hero-spread__cta{display:flex;gap:12px;margin-top:36px;opacity:0;transform:translateY(20px)}.hero-spread.loaded .hero-spread__cta{animation:fadeUp .6s ease-out forwards;animation-delay:.65s}.hero-spread__btn{border-radius:14px;padding:18px 36px;font-size:18px;font-weight:600;font-family:var(--font-body--family),Inter,system-ui,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;background:var(--color-primary-button-background, #000000);color:var(--color-primary-button-text, #FFFFFF);border:none}.hero-spread__btn:hover{transform:scale(1.02);background:var(--color-primary-button-hover-background, #333333)}@media(max-width:900px){.hero-spread{min-height:calc(88svh - var(--header-height, 60px));justify-content:center}.hero-spread__headline{font-size:clamp(40px,8vw,64px);max-width:760px}.hero-spread__cards{max-width:760px;height:340px}.hero-spread__card--1{width:126px;height:168px;left:0;bottom:42px}.hero-spread__card--2{width:120px;height:160px;left:92px;bottom:68px}.hero-spread__card--3{width:144px;height:194px;left:188px;bottom:22px}.hero-spread__card--4{width:132px;height:176px;bottom:58px}.hero-spread__card--5{width:138px;height:184px;right:182px;bottom:28px}.hero-spread__card--6{width:124px;height:164px;right:72px;bottom:62px}.hero-spread__card--7{width:116px;height:154px;right:0;bottom:38px}.hero-spread__subheading{font-size:16px;max-width:600px;margin-top:32px}.hero-spread__btn{padding:16px 32px;font-size:16px}}@media(max-width:768px){.hero-spread{padding:20px 16px 40px;min-height:calc(92svh - var(--header-height, 60px));justify-content:center}.hero-spread__headline{margin-top:0;font-size:clamp(36px,10vw,52px);max-width:360px}.hero-spread__subheading{font-size:15px;margin-top:28px;padding:0;max-width:340px}.hero-spread__cta{margin-top:28px}.hero-spread__btn{padding:15px 28px;font-size:15px}}@keyframes mobileCarouselScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:480px){.hero-spread__headline{font-size:32px}.hero-spread__card-mobile{width:132px;height:172px;margin-right:12px}.hero-spread__carousel-track{gap:0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/hero-spread.css.map */