.hero-scroll{position:relative;width:100%;height:100vh;min-height:600px;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden}.hero-scroll__sticky{position:relative;width:100%;height:100%;overflow:hidden}.hero-scroll__content{position:absolute;top:18%;left:5%;z-index:10;width:fit-content;max-width:90vw;pointer-events:none}.hero-scroll__title{font-family:var(--font-display-family);font-weight:400;font-size:clamp(5.4rem,7.4vw,11rem);line-height:.82;letter-spacing:0;margin:0;padding:0;color:rgb(var(--color-foreground));text-transform:uppercase}.hero-scroll__title-line-mask{display:block;overflow:hidden;line-height:.9;padding-bottom:.04em;margin-bottom:-.04em}.hero-scroll__title-line{display:block;transform:translateY(105%);animation:hero-line-sweep 1.6s cubic-bezier(.16,1,.3,1) forwards;will-change:transform}html.mn-intro-active .hero-scroll__title-line,html.mn-intro-active .hero-scroll__subtitle,html.mn-intro-active .hero-scroll__drag-hint,html.mn-intro-active .hero-scroll__drag-hint-arrows,html.mn-intro-active .hero-scroll__drag-hint-pulse{animation-play-state:paused!important}.hero-scroll__title-line--gold{color:#c5a572}.hero-scroll__title-row{display:flex;align-items:flex-end;gap:clamp(1rem,1.5vw,2.2rem);flex-wrap:nowrap}.hero-scroll__title-line-mask--small{line-height:1;padding-bottom:.06em;margin-bottom:.06em}.hero-scroll__title-line--small{font-size:clamp(2rem,2.9vw,4rem);letter-spacing:.08em;color:#c5a572;font-weight:400}.hero-scroll__title-row .hero-scroll__title-line-mask:nth-child(1) .hero-scroll__title-line{animation-delay:.15s}.hero-scroll__title-row .hero-scroll__title-line-mask:nth-child(2) .hero-scroll__title-line{animation-delay:.3s}.hero-scroll__title-line--gold{animation-delay:.42s}@keyframes hero-line-sweep{0%{transform:translateY(105%)}to{transform:translateY(0)}}.hero-scroll__subtitle{margin-top:3.2rem;font-family:var(--font-body-family);font-weight:700;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.6;color:rgb(var(--color-foreground));max-width:40rem;opacity:0;animation:hero-subtitle-fade 1.4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.85s}@keyframes hero-subtitle-fade{0%{opacity:0}to{opacity:1}}.hero-scroll__subtitle p{margin:0 0 .8rem}.hero-scroll__hint{margin-top:3.2rem;display:inline-flex;align-items:center;gap:1rem;font-family:var(--font-body-family);font-size:1rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#c5a572}.hero-scroll__hint-arrow{font-size:1.6rem;letter-spacing:0}.hero-scroll__carousel{position:absolute;bottom:0;left:0;width:100%;height:85vh;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.hero-scroll__carousel.is-dragging{cursor:grabbing}.hero-scroll__slot{position:absolute;bottom:0;left:0;width:0;height:0;pointer-events:auto;transform-origin:bottom left;will-change:transform,width,height;overflow:hidden}.hero-scroll__slot-link{display:block;width:100%;height:100%;text-decoration:none}.hero-scroll__slot-img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;display:block;pointer-events:none}.hero-scroll__slot-label{position:absolute;top:1.2rem;left:1.2rem;opacity:0;transform:translateY(-8px);transition:opacity .4s var(--mn-easing, cubic-bezier(.16, 1, .3, 1)),transform .4s var(--mn-easing, cubic-bezier(.16, 1, .3, 1));display:inline-flex;align-items:center;gap:1rem;white-space:nowrap;max-width:calc(100% - 2.4rem);overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:30;background-color:#fffffff5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.8rem 1.4rem;border:1px solid rgba(10,10,10,.06);box-shadow:0 4px 20px #0000001a}.hero-scroll__carousel:not(.is-dragging) .hero-scroll__slot:hover .hero-scroll__slot-label{opacity:1;transform:translateY(0)}@media(hover:none),(max-width:989px){.hero-scroll__slot-label{display:none}}.hero-scroll__slot-label-dot{width:.8rem;height:.8rem;border-radius:50%;background-color:#c5a572;flex-shrink:0}.hero-scroll__slot-label-text{font-family:var(--font-body-family);font-weight:700;font-size:1.1rem;letter-spacing:.15em;text-transform:uppercase;color:#0a0a0a;color:rgb(var(--color-foreground))}.hero-scroll__drag-hint{position:absolute;right:2.4rem;bottom:2rem;z-index:20;display:inline-flex;align-items:center;gap:.8rem;padding:.7rem 1.2rem;background-color:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(197,165,114,.4);border-radius:999px;font-family:var(--font-body-family);font-size:1rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0a0a0a;pointer-events:none;opacity:0;transform:translateY(8px);animation:hero-drag-hint-in 1.2s cubic-bezier(.16,1,.3,1) 1.4s forwards}.hero-scroll__drag-hint-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1.5px solid #c5a572;opacity:0;animation:hero-drag-hint-pulse 2.4s ease-out infinite;pointer-events:none}@keyframes hero-drag-hint-pulse{0%{transform:scale(1);opacity:.7}to{transform:scale(1.25);opacity:0}}.hero-scroll__drag-hint-arrows{flex-shrink:0;color:#c5a572;animation:hero-drag-hint-arrows 1.8s ease-in-out infinite}@keyframes hero-drag-hint-in{to{opacity:1;transform:translateY(0)}}@keyframes hero-drag-hint-arrows{0%,to{transform:translate(-3px)}50%{transform:translate(3px)}}.hero-scroll__carousel.is-dragging~.hero-scroll__drag-hint{opacity:.35;transition:opacity .3s ease}@media(hover:none),(pointer:coarse),(max-width:989px){.hero-scroll__drag-hint-prefix{display:none}}@media(max-width:749px){.hero-scroll__content{top:max(14%,10rem);left:1.6rem;right:1.6rem;max-width:none;width:auto}.hero-scroll__title{font-size:clamp(4.4rem,12.5vw,8rem)}.hero-scroll__title-line--small{font-size:clamp(1.7rem,4.2vw,2.6rem)}.hero-scroll__title-row{gap:clamp(.7rem,2.6vw,1.4rem)}.hero-scroll__drag-hint{right:1.2rem;left:auto;bottom:1.2rem;padding:.5rem .9rem;gap:.5rem;font-size:.75rem;letter-spacing:.12em;background-color:#ffffffeb;border-color:#c5a5728c;color:#0a0a0a}.hero-scroll__drag-hint-text{font-size:.72rem}.hero-scroll__drag-hint-arrows{width:12px;height:12px}}@media(min-width:750px)and (max-width:989px){.hero-scroll__content{top:16%}.hero-scroll__drag-hint{right:2.4rem;left:auto;bottom:2rem}}@media(min-width:990px){.hero-scroll__content{top:20%}}@media(min-width:990px)and (max-width:1499px){.hero-scroll__content{max-width:46vw}}@media(min-width:1500px){.hero-scroll__title{font-size:clamp(7rem,7vw,13rem)}.hero-scroll__title-line--small{font-size:clamp(2.6rem,2.5vw,4.6rem)}.hero-scroll__content{max-width:44vw}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-product-scroll.css.map */