.v4-home-page,.v4-home{background:#fafafa}.v4-hero.v4-hero--collage{position:relative;width:100vw;min-height:540px;height:clamp(540px,36vw,700px);margin-top:min(20px,1.04vw);margin-left:calc(50% - 50vw);overflow:hidden;border:0;background:#fafafa;color:var(--v4-ink);isolation:isolate}.v4-collage__brands{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent,#000 7%,#000 91%,transparent);mask-image:linear-gradient(180deg,transparent,#000 7%,#000 91%,transparent)}.v4-collage-brand{--v4-slot-x: 8%;--v4-slot-y: 12%;--v4-slot-w: 148px;--v4-slot-scale: 1;position:absolute;top:var(--v4-slot-y);left:var(--v4-slot-x);width:var(--v4-slot-w);color:var(--v4-ink);text-align:center;text-decoration:none;opacity:.5;transform:translate3d(-50%,-50%,0);animation:v4-brand-rise var(--v4-float-duration, 7.4s) linear infinite alternate;will-change:transform}.v4-collage-brand:hover,.v4-collage-brand:focus-visible{z-index:5;opacity:.5}.v4-collage-brand:nth-child(1){--v4-slot-x: 5%;--v4-slot-y: 10%;--v4-slot-w: min(150px, 7.81vw);--v4-slot-scale: 1.02;--v4-float-duration: 6.8s}.v4-collage-brand:nth-child(2){--v4-slot-x: 18%;--v4-slot-y: 28%;--v4-slot-w: min(150px, 7.81vw);--v4-slot-scale: .98;--v4-float-duration: 7.4s}.v4-collage-brand:nth-child(3){--v4-slot-x: 4%;--v4-slot-y: 45%;--v4-slot-w: min(120px, 6.25vw);--v4-slot-scale: .92;--v4-float-duration: 8.1s}.v4-collage-brand:nth-child(4){--v4-slot-x: 31%;--v4-slot-y: 18%;--v4-slot-w: min(142px, 7.4vw);--v4-slot-scale: 1;--v4-float-duration: 7s}.v4-collage-brand:nth-child(5){--v4-slot-x: 8%;--v4-slot-y: 72%;--v4-slot-w: min(145px, 7.55vw);--v4-slot-scale: 1.03;--v4-float-duration: 7.8s}.v4-collage-brand:nth-child(6){--v4-slot-x: 29%;--v4-slot-y: 60%;--v4-slot-w: min(135px, 7.03vw);--v4-slot-scale: .96;--v4-float-duration: 6.6s}.v4-collage-brand:nth-child(7){--v4-slot-x: 18%;--v4-slot-y: 88%;--v4-slot-w: min(125px, 6.51vw);--v4-slot-scale: .9;--v4-float-duration: 8.4s}.v4-collage-brand:nth-child(8){--v4-slot-x: 66%;--v4-slot-y: 22%;--v4-slot-w: min(142px, 7.4vw);--v4-slot-scale: 1;--v4-float-duration: 7.2s}.v4-collage-brand:nth-child(9){--v4-slot-x: 82%;--v4-slot-y: 12%;--v4-slot-w: min(135px, 7.03vw);--v4-slot-scale: .97;--v4-float-duration: 8s}.v4-collage-brand:nth-child(10){--v4-slot-x: 95%;--v4-slot-y: 48%;--v4-slot-w: min(150px, 7.81vw);--v4-slot-scale: 1.04;--v4-float-duration: 6.9s}.v4-collage-brand:nth-child(11){--v4-slot-x: 76%;--v4-slot-y: 55%;--v4-slot-w: min(145px, 7.55vw);--v4-slot-scale: 1.01;--v4-float-duration: 7.6s}.v4-collage-brand:nth-child(12){--v4-slot-x: 90%;--v4-slot-y: 76%;--v4-slot-w: min(135px, 7.03vw);--v4-slot-scale: .94;--v4-float-duration: 8.3s}.v4-collage-brand:nth-child(13){--v4-slot-x: 66%;--v4-slot-y: 84%;--v4-slot-w: min(125px, 6.51vw);--v4-slot-scale: .9;--v4-float-duration: 7.1s}.v4-collage-brand:nth-child(14){--v4-slot-x: 83%;--v4-slot-y: 89%;--v4-slot-w: min(125px, 6.51vw);--v4-slot-scale: .92;--v4-float-duration: 7.9s}@keyframes v4-brand-rise{0%{transform:translate3d(-50%,calc(-50% + min(42px,2.19vw)),0)}to{transform:translate3d(-50%,calc(-50% - min(42px,2.19vw)),0)}}.v4-collage-brand__media{width:100%;height:min(190px,9.9vw);display:flex;align-items:center;justify-content:center;scale:var(--v4-slot-scale)}.v4-collage-brand__media img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.v4-collage-brand__name{min-width:clamp(80px,4.58vw,88px);max-width:clamp(100px,6.04vw,116px);min-height:clamp(20px,1.1vw,21px);display:inline-flex;align-items:center;justify-content:center;margin-top:min(5px,.26vw);padding:0 min(8px,.42vw);overflow:hidden;border:1px solid currentColor;border-radius:min(4px,.21vw);background:#fafafae6;font-size:clamp(7px,.42vw,8px);font-weight:560;line-height:1;letter-spacing:.15em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.v4-collage__center{position:absolute;z-index:3;top:clamp(60px,4vw,77px);left:50%;width:clamp(220px,14.58vw,280px);display:flex;align-items:center;transform:translate(-50%);flex-direction:column;text-align:center}.v4-collage__product{width:100%;height:clamp(316px,20.94vw,402px);display:flex;align-items:center;justify-content:center}.v4-collage__product img{display:block;width:100%;height:100%;object-fit:contain}.v4-collage__cta{width:clamp(150px,9.9vw,190px);min-width:clamp(150px,9.9vw,190px);min-height:clamp(27px,1.67vw,32px);display:inline-flex;align-items:center;justify-content:space-between;gap:min(20px,1.04vw);padding:0 min(13px,.68vw) 0 min(16px,.83vw);border-radius:5px;background:#050505;color:#fff;font-size:clamp(8px,.47vw,9px);font-weight:620;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;transition:background-color .18s ease,color .18s ease}.v4-collage__cta:hover{outline:1px solid var(--v4-ink);background:#fafafa;color:var(--v4-ink)}.v4-collage__cta span:last-child{font-size:14px;font-weight:400}.v4-collage__center>p{width:min(286px,14.9vw);max-width:74vw;margin:10px auto 0;color:#10182094;font-size:clamp(7px,.42vw,8px);line-height:1.4}.v4-hero--collage+.v4-benefits{width:100vw;min-height:min(88px,4.58vw);margin-left:calc(50% - 50vw);border-top:0;border-bottom:1px solid var(--v4-line);background:#fafafa}.v4-benefit__icon{width:32px;height:32px;flex:0 0 32px;object-fit:contain}.v4-benefit__icon--authentic{width:27px;height:38px;flex-basis:27px}.v4-benefit strong{font-size:10px;font-weight:720;letter-spacing:.11em}.v4-benefit span{font-size:9px;letter-spacing:.08em;text-transform:uppercase}.v4-benefits__dots{display:none}@media(max-width:1180px){.v4-hero.v4-hero--collage{min-height:620px;height:620px;margin-top:18px}.v4-collage-brand__media{height:clamp(138px,15vw,170px)}.v4-collage__center{top:72px;width:210px}.v4-collage__product{height:326px}.v4-hero--collage+.v4-benefits{min-height:88px}}@media(max-width:880px){.v4-hero.v4-hero--collage{min-height:650px;height:650px;aspect-ratio:auto;margin-top:18px}.v4-collage-brand__media{height:144px}.v4-collage-brand:nth-child(n+9){display:none}.v4-collage-brand:nth-child(1){--v4-slot-x: 8%;--v4-slot-y: 12%;--v4-slot-w: 88px}.v4-collage-brand:nth-child(2){--v4-slot-x: 17%;--v4-slot-y: 35%;--v4-slot-w: 92px}.v4-collage-brand:nth-child(3){--v4-slot-x: 8%;--v4-slot-y: 61%;--v4-slot-w: 92px}.v4-collage-brand:nth-child(4){--v4-slot-x: 17%;--v4-slot-y: 83%;--v4-slot-w: 84px}.v4-collage-brand:nth-child(5){--v4-slot-x: 83%;--v4-slot-y: 13%;--v4-slot-w: 92px}.v4-collage-brand:nth-child(6){--v4-slot-x: 92%;--v4-slot-y: 38%;--v4-slot-w: 98px}.v4-collage-brand:nth-child(7){--v4-slot-x: 82%;--v4-slot-y: 64%;--v4-slot-w: 88px}.v4-collage-brand:nth-child(8){--v4-slot-x: 92%;--v4-slot-y: 82%;--v4-slot-w: 84px}.v4-collage__center{top:74px;width:176px}.v4-collage__product{height:318px}}@media(max-width:620px){.v4-hero.v4-hero--collage{min-height:620px;height:620px;margin-top:10px}.v4-collage__brands{-webkit-mask-image:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent)}.v4-collage-brand{max-width:calc((100% - 148px)/2)}.v4-collage-brand__media{height:102px}.v4-collage-brand__name{min-width:64px;max-width:80px;min-height:19px;padding-inline:4px;font-size:7px}.v4-collage__center{top:72px;width:136px}.v4-collage__product{height:278px}.v4-collage__cta{width:172px;min-width:172px;min-height:32px;padding-inline:13px}.v4-collage__center>p{width:205px;font-size:7px}.v4-hero--collage+.v4-benefits{position:relative;min-height:92px;display:flex;overflow:hidden;border-bottom:1px solid var(--v4-line);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.v4-hero--collage+.v4-benefits::-webkit-scrollbar{display:none}.v4-benefit{width:100%;min-width:100%;min-height:92px;flex:0 0 100%;justify-content:center;padding:12px 28px 20px;border-right:0;scroll-snap-align:center}.v4-benefit__icon{width:30px;height:30px;flex-basis:30px}.v4-benefit__icon--authentic{width:24px;height:34px;flex-basis:24px}.v4-benefit strong{font-size:9px}.v4-benefit span{font-size:7.5px}.v4-benefits__dots{position:sticky;z-index:2;right:0;bottom:8px;left:0;width:0;height:5px;display:flex;align-self:flex-end;justify-content:center;gap:5px;transform:translate(calc(-50vw - 16px));pointer-events:none}.v4-benefits__dots span{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#10182040;transition:width .18s ease,border-radius .18s ease,background-color .18s ease}.v4-benefits__dots span[aria-current=true]{width:14px;flex-basis:14px;border-radius:4px;background:var(--v4-ink)}}@media(max-width:360px){.v4-collage-brand{max-width:calc((100% - 142px)/2)}.v4-collage-brand__media{height:96px}.v4-collage__center{width:130px}.v4-collage__product{height:265px}.v4-collage__cta{width:168px;min-width:168px}}@media(prefers-reduced-motion:reduce){.v4-collage__cta,.v4-benefits__dots span{transition-duration:.01ms}.v4-hero--collage+.v4-benefits{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/osmodi-v4-hero-collage.css.map */