.otf-story-carousel{display:block;min-width:0}.otf-story-carousel .otf-story-carousel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.otf-story-carousel .otf-story-carousel__title{margin:0;min-width:0;color:#171717;font-family:inherit;font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-.02em;text-transform:none}.otf-story-carousel .otf-story-carousel__controls{display:flex;align-items:center;flex:0 0 auto;gap:8px}.otf-story-carousel .otf-story-carousel__controls[hidden]{display:none}.otf-story-carousel .otf-story-carousel__controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #171717;border-radius:4px;background:#fff;color:#171717;font-size:24px;line-height:1;cursor:pointer}.otf-story-carousel .otf-story-carousel__controls button:disabled{opacity:.4;cursor:default}.otf-story-carousel .otf-story-carousel__status{min-width:40px;text-align:center;font-size:13px;line-height:1.4}.otf-story-carousel .otf-story-track{display:flex;gap:16px;padding:0 0 6px;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-inline:contain;list-style:none;scrollbar-width:thin}.otf-story-carousel:has([data-story-controls]:not([hidden])) .otf-story-track{scrollbar-width:none}.otf-story-carousel:has([data-story-controls]:not([hidden])) .otf-story-track::-webkit-scrollbar{display:none}.otf-story-carousel .otf-story-track:focus-visible,.otf-story-carousel a:focus-visible,.otf-story-carousel button:focus-visible{outline:2px solid #171717;outline-offset:3px}.otf-story-carousel .otf-story-item{flex:0 0 85%;min-width:0;scroll-snap-align:start;display:flex}.otf-story-carousel .otf-story-track[data-single]{overflow:visible;padding-bottom:0}.otf-story-carousel .otf-story-track[data-single] .otf-story-item{flex-basis:100%}.otf-story-carousel .otf-story-card{display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid #282828;border-radius:8px;overflow:hidden;background:#f2f2f2;color:#171717}.otf-story-carousel .otf-story-card--lead{background:#fff;color:#171717}.otf-story-carousel .otf-story-media{display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:3 / 4;background:#121515;overflow:hidden}.otf-story-carousel .otf-story-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.otf-story-carousel .otf-story-media--uncropped img{object-fit:contain}.otf-story-carousel .otf-story-card{background:#fff;border-color:#dedede}.otf-story-carousel .otf-story-card__copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;padding:22px}.otf-story-carousel .otf-story-card__kicker{margin:0 0 8px;font-size:12px;line-height:1.4;letter-spacing:.04em}.otf-story-carousel .otf-story-card__title{margin:0;color:inherit;font-family:inherit;font-size:28px;font-weight:600;line-height:1.1;letter-spacing:-.02em;text-transform:none}.otf-story-carousel .otf-story-card__title span{font:inherit;letter-spacing:inherit}.otf-story-carousel .otf-story-card__summary{margin:12px 0 14px;font-size:14px;line-height:1.5;color:inherit}.otf-story-carousel .otf-story-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:2px 16px;width:100%;margin-top:auto}.otf-story-carousel .otf-story-card__shop{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #171717;background:#171717;color:#fff;font-size:14px;line-height:1.5;text-decoration:none}.otf-story-carousel .otf-story-card--lead .otf-story-card__shop{background:#171717;color:#fff;border-color:#171717}.otf-story-carousel .otf-story-card__link{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}.otf-story-carousel .otf-story-card--lead a:focus-visible{outline-color:#171717}.otf-story-carousel .otf-story-card__note{margin:9px 0 0;font-size:12px;line-height:1.5;color:inherit}@media(max-width:749px){.otf-story-carousel .otf-story-card__actions{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:4px;margin-top:0}.otf-story-carousel .otf-story-card__actions a{max-width:100%}}@media(max-width:374px){.otf-story-carousel .otf-story-carousel__title{font-size:24px}.otf-story-carousel .otf-story-carousel__header{gap:10px}.otf-story-carousel .otf-story-carousel__controls{gap:4px}.otf-story-carousel .otf-story-carousel__status{min-width:36px}.otf-story-carousel .otf-story-card__copy{padding:18px}.otf-story-carousel .otf-story-card__title{font-size:26px}}@media(min-width:750px){.otf-story-carousel .otf-story-carousel__title{font-size:32px}.otf-story-carousel .otf-story-track{gap:24px}.otf-story-carousel .otf-story-item{flex-basis:calc((100% - 24px)/2)}.otf-story-carousel .otf-story-track[data-count="3"] .otf-story-item{flex-basis:calc((100% - 48px) / 3)}.otf-story-carousel .otf-story-card__copy{padding:26px}}@media(prefers-reduced-motion:reduce){.otf-story-carousel .otf-story-track{scroll-behavior:auto}}.otf-story-carousel .otf-story-card__actions a{scroll-margin-block:130px 160px}.otf-streetwear-stories .otf-story-media{position:relative}.otf-streetwear-stories [data-story-video]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.otf-streetwear-stories .otf-story-media--uncropped [data-story-video]{object-fit:contain}.otf-streetwear-stories [data-story-playing] [data-story-video]{opacity:1}.otf-story-carousel .otf-story-video-controls{align-self:flex-end;display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:-12px 0 4px}.otf-story-carousel .otf-story-video-controls[hidden]{display:none}.otf-story-carousel .otf-story-video-controls button{min-height:44px;min-width:44px;padding:8px;border:0;background:transparent;color:#171717;font:inherit;font-size:12px;line-height:1.4;cursor:pointer}.otf-story-carousel .otf-story-video-controls [data-story-play]{font-size:20px}.otf-story-carousel .otf-story-video-controls button:disabled{opacity:.65;cursor:default}.otf-story-carousel .otf-story-video-controls button:focus-visible{outline:2px solid #171717;outline-offset:2px}.otf-story-carousel .otf-story-video-status{margin:0 0 8px;color:#171717;font-size:13px;line-height:1.4}.otf-story-carousel .otf-story-video-status:empty{display:none}.otf-story-carousel:has([data-story-heading]) .otf-story-carousel__header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}.otf-story-carousel [data-story-heading]{min-block-size:3.45em;overflow-wrap:anywhere}.otf-story-carousel:has([data-story-heading]) .otf-story-carousel__controls{justify-self:end}.otf-story-carousel [data-story-card-title]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:750px){.otf-story-carousel [data-story-heading]{min-block-size:2.3em}}.otf-story-carousel:has([data-story-heading]) .otf-story-card{position:relative}.otf-story-carousel--homepage-shopping .otf-story-track{align-items:flex-start}.otf-story-carousel--homepage-shopping .otf-story-item{align-self:flex-start}.otf-story-carousel--homepage-shopping .otf-story-card{flex:none}.otf-story-carousel--homepage-shopping .otf-story-card__shop{align-self:flex-start;margin:12px 16px}.otf-story-carousel--homepage-shopping .otf-story-video-status:not(:empty){margin:0 16px 8px}@media screen and (max-width:749px){.template-index #MainContent .otf-story-carousel--homepage-shopping:not(.otf-editorial-campaigns) .otf-story-track{gap:12px}.template-index #MainContent .otf-story-carousel--homepage-shopping:not(.otf-editorial-campaigns) .otf-story-item{flex-basis:76%}.template-index #MainContent .otf-story-carousel--homepage-shopping:not(.otf-editorial-campaigns) .otf-story-item:has(.otf-story-media--ryan){flex-basis:82%}.template-index #MainContent .otf-story-carousel--homepage-shopping:not(.otf-editorial-campaigns) .otf-story-item:has([data-story-video]){flex-basis:60%}.template-index #MainContent .otf-story-carousel--homepage-shopping:not(.otf-editorial-campaigns) .otf-story-item:has(.otf-story-media--sugarhill){flex-basis:86%}.template-index #MainContent .otf-editorial-campaigns.otf-story-carousel--homepage-shopping .otf-story-item{flex-basis:80%}.template-index #MainContent .otf-editorial-campaigns.otf-story-carousel--homepage-shopping .otf-story-card{border-radius:4px}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media{--otf-campaign-ratio: 3 / 4;height:auto;min-height:0;aspect-ratio:var(--otf-campaign-ratio);background:transparent}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media img{object-fit:contain}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media--ryan{--otf-campaign-ratio: 1320 / 1318}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media:has([data-story-video]){--otf-campaign-ratio: 101 / 180}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media:has(>img[src*=otf-syair-saihara-brand-spotlight]){--otf-campaign-ratio: 600 / 899}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media--sugarhill{--otf-campaign-ratio: 1512 / 515}.template-index #MainContent .otf-editorial-campaigns.otf-story-carousel--homepage-shopping .otf-story-media--lifestyle{--otf-campaign-ratio: 53 / 60}}@media screen and (max-width:749px){.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-track[data-single]>.otf-story-item{flex-basis:100%}}.otf-story-carousel .otf-story-media-track{display:flex;align-items:flex-start;gap:12px;min-width:0;width:100%;margin:0;padding:0 0 6px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:0;scrollbar-width:thin}.otf-story-carousel .otf-story-media-item{display:block;flex:0 0 100%;min-width:0;scroll-snap-align:start}.otf-story-carousel .otf-story-media-track:focus-visible{outline:2px solid #171717;outline-offset:-4px}.otf-story-carousel .otf-story-media-track:focus-within{scroll-snap-type:none}.otf-story-carousel .otf-story-media--silent-film [data-story-video]{object-fit:contain}.otf-story-carousel .otf-story-media--silent-film .otf-story-video-controls{position:absolute;right:8px;bottom:8px;z-index:1;margin:0}.otf-story-carousel .otf-story-media--silent-film .otf-story-video-controls button{width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;border-radius:4px;background:#fffffff0;color:#171717}@media(prefers-reduced-motion:reduce){.otf-story-carousel .otf-story-media-track{scroll-behavior:auto}}.otf-story-carousel .otf-story-media.otf-story-media--guapi-portrait{position:relative;width:100%;max-width:280px;margin-inline:auto;aspect-ratio:4 / 5;background:#121515}.otf-story-carousel .otf-story-media--guapi-portrait>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.otf-story-carousel .otf-story-media--guapi-portrait>video{object-fit:contain;object-position:center;background:#121515}.otf-editorial--campaign-feed .otf-editorial-campaigns .otf-story-media--guapi-portrait>.otf-story-video-controls{left:8px;right:auto;width:92px;max-width:none;height:44px;box-sizing:border-box;padding:0;flex-wrap:nowrap;gap:4px}.otf-editorial--campaign-feed .otf-editorial-campaigns .otf-story-media--guapi-portrait>.otf-story-video-controls>button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}@supports (mask-image: url()) or (-webkit-mask-image: url()){.otf-editorial--campaign-feed .otf-editorial-campaigns .otf-story-media--guapi-portrait>.otf-story-video-controls>[data-story-mute][aria-pressed=false],.otf-editorial--campaign-feed .otf-editorial-campaigns .otf-story-media--guapi-portrait>.otf-story-video-controls>[data-story-mute][aria-pressed=true]{font-size:0}.otf-editorial--campaign-feed .otf-editorial-campaigns .otf-story-media--guapi-portrait>.otf-story-video-controls>[data-story-mute][aria-pressed=false]:before,.otf-editorial--campaign-feed .otf-editorial-campaigns .otf-story-media--guapi-portrait>.otf-story-video-controls>[data-story-mute][aria-pressed=true]:before{content:"";display:block;width:20px;height:20px;pointer-events:none;color:inherit;background-color:currentColor;forced-color-adjust:none;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px 20px;mask-size:20px 20px}.otf-editorial--campaign-feed .otf-editorial-campaigns .otf-story-media--guapi-portrait>.otf-story-video-controls>[data-story-mute][aria-pressed=false]:before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%205%206%209H3v6h3l5%204V5Z%22%2F%3E%3Cpath%20d%3D%22m16%209%206%206m0-6-6%206%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%205%206%209H3v6h3l5%204V5Z%22%2F%3E%3Cpath%20d%3D%22m16%209%206%206m0-6-6%206%22%2F%3E%3C%2Fsvg%3E)}.otf-editorial--campaign-feed .otf-editorial-campaigns .otf-story-media--guapi-portrait>.otf-story-video-controls>[data-story-mute][aria-pressed=true]:before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%205%206%209H3v6h3l5%204V5Z%22%2F%3E%3Cpath%20d%3D%22M15%208a5%205%200%200%201%200%208M18%205a9%209%200%200%201%200%2014%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M11%205%206%209H3v6h3l5%204V5Z%22%2F%3E%3Cpath%20d%3D%22M15%208a5%205%200%200%201%200%208M18%205a9%209%200%200%201%200%2014%22%2F%3E%3C%2Fsvg%3E)}@media(forced-colors:active){.otf-editorial--campaign-feed .otf-editorial-campaigns .otf-story-media--guapi-portrait>.otf-story-video-controls>[data-story-mute][aria-pressed]:before{color:ButtonText;background-color:ButtonText}.otf-editorial--campaign-feed .otf-editorial-campaigns .otf-story-media--guapi-portrait>.otf-story-video-controls>[data-story-mute][aria-pressed]:disabled:before{color:GrayText;background-color:GrayText}}}.otf-story-carousel[data-story-product-rail] .otf-story-carousel__controls button,.otf-story-carousel[data-story-product-rail] .otf-story-carousel__controls button:hover,.otf-story-carousel[data-story-product-rail] .otf-story-carousel__controls button:active,.otf-story-carousel[data-story-product-rail] .otf-story-carousel__controls button:disabled{border:0;border-radius:0;background:transparent}.otf-story-carousel[data-story-product-rail] .otf-story-carousel__status{position:absolute;width:1px;height:1px;min-width:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/155/assets/otf-story-carousel.css.map */