.friend-hero-banner{padding:40px 20px 80px;color:var(--color-foreground, #fff);position:relative;z-index:2;overflow:visible;min-height:600px}.friend-hero-inner{margin:0 auto;display:flex;flex-direction:column;gap:40px;align-items:center;position:relative;z-index:3}.friend-hero-column{position:relative;z-index:2;width:100%}.friend-hero-column--text{text-align:center;max-width:600px;margin:0 auto}.friend-hero-title{font-weight:400;letter-spacing:2px;text-transform:uppercase;font-size:clamp(24px,4vw,42px);line-height:1.2;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px;letter-spacing:-.02px}.friend-hero-copy p{color:#fff;font-size:clamp(16px,2vw,20px);line-height:1.6}.friend-hero-media-wrap{width:100%;max-width:500px;height:400px;position:relative}.friend-hero-image{position:absolute;overflow:hidden;border-radius:8px;background:#fff}.friend-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.friend-hero-image.image-1{transform:translate(-50px,10px) rotate(-8deg);z-index:1}.friend-hero-image.image-1 img{width:160%;object-position:-30px -70px}.friend-hero-image.image-2{right:0;transform:translate(50px,60px) rotate(8deg);z-index:2}.friend-hero-decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.friend-hero-decorations .dot{position:absolute;width:80px;height:80px;border-radius:50%;box-shadow:0 2px 2px #000c;z-index:1}.friend-hero-decorations .dot-a{left:8%;top:15%;width:90px;height:90px}.friend-hero-decorations .dot-b{top:8%;left:50%;transform:translate(-50%);width:100px;height:100px}.friend-hero-decorations .dot-c{right:5%;top:20%;width:70px;height:70px}.friend-hero-decorations .dot-d{left:5%;bottom:15%;width:60px;height:60px}.friend-hero-logos{position:absolute;top:30px;left:0;right:0;width:100%;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;padding:0 40px}.friend-hero-logos .friend-hero-logo{flex-shrink:0}.friend-hero-logos .friend-hero-logo img{display:block;height:auto;max-width:100%}.friend-hero-logo--right{display:flex;justify-content:right}.friend-hero-image{background-color:transparent;aspect-ratio:3 / 4}.friend-hero-column--media{display:flex;justify-content:center}@media (max-width: 480px){.friend-hero-banner{padding:24px}.friend-hero-logos{width:100%;padding:0 0 20px;display:flex;justify-content:space-between}.friend-hero-column--text{max-width:380px}.friend-hero-title{font-size:22px;margin-bottom:24px;max-width:300px;margin-left:auto;margin-right:auto}.friend-hero-copy p{font-size:14px;margin-bottom:24px}.friend-hero-media-wrap{height:300px;width:360px}.friend-hero-image{width:180px}.friend-hero-decorations .dot-a{left:31%;top:6%;width:20px;height:20px}.friend-hero-decorations .dot-b{width:20px;height:20px;top:45%;left:10%}.friend-hero-decorations .dot-c{width:20px;height:20px}.friend-hero-decorations .dot-d{left:unset;right:-7px;top:65%;bottom:unset;width:20px;height:20px}.friend-hero-column--media{flex:0 0 50%;display:flex;min-height:360px}.friend-hero-title{text-underline-offset:4px;text-decoration-thickness:1px}.friend-hero-logo--left img{width:90px}.friend-hero-logo--right img{width:80px}.friend-hero-image.image-1{transform:translate(-60px,10px) rotate(-8deg)!important;z-index:1}.friend-hero-image.image-2{right:0;transform:translate(50px,60px) rotate(8deg)!important;z-index:2}}@media (max-width: 768px){.friend-hero-banner{padding:30px 16px 60px;min-height:auto}.friend-hero-logo--left img,.friend-hero-logo--right img{width:90px}.friend-hero-logos{position:relative;top:0;width:100%;padding:0 20px 30px;margin-bottom:20px;display:flex;justify-content:space-between}.friend-hero-inner{gap:0px;padding-top:0}.friend-hero-title{font-size:26px;max-width:400px;margin-left:auto;margin-right:auto;letter-spacing:1px;text-underline-offset:4px;text-decoration-thickness:1px}.friend-hero-copy{max-width:370px;margin-left:auto;margin-right:auto}.friend-hero-copy p{font-size:16px;line-height:1.5}.friend-hero-media-wrap{width:290px}.friend-hero-decorations .dot{width:50px;height:50px}.friend-hero-decorations .dot-a{left:31%;top:6%;width:20px;height:20px}.friend-hero-decorations .dot-b{width:20px;height:20px;top:50%;left:6%}.friend-hero-decorations .dot-c{width:20px;height:20px}.friend-hero-decorations .dot-d{left:unset;right:1%;top:65%;bottom:unset;width:20px;height:20px}.friend-hero-image.image-1{transform:translate(-90px,10px) rotate(-8deg);z-index:1}.friend-hero-image.image-2{right:0;transform:translate(90px,60px) rotate(8deg);z-index:2}}@media (min-width: 768.1px) and (max-width: 1023.999px){.friend-hero-banner{padding:50px 30px 80px}.friend-hero-logos{padding:0 20px}.friend-hero-logos .friend-hero-logo img{max-width:150px}.friend-hero-inner{padding-top:100px}.friend-hero-media-wrap{max-width:450px;height:380px}.friend-hero-image{width:250px;height:300px}.friend-hero-decorations .dot-a{left:calc(50% - 36px);right:50%;top:5%;width:75px;height:75px}.friend-hero-decorations .dot-b{left:40%;bottom:1%;top:unset;width:75px;height:75px}.friend-hero-decorations .dot-c{right:calc(0% - 24px);top:24%;width:70px;height:70px}.friend-hero-decorations .dot-d{left:6%;bottom:18%;width:65px;height:65px;display:none}.friend-hero-title{font-size:32px;max-width:400px;margin-left:auto;margin-right:auto}}@media (min-width: 1024px){.friend-hero-banner{padding:60px 60px 100px;min-height:700px;justify-content:space-between}.friend-hero-logos{padding:0}.friend-hero-inner{flex-direction:row;align-items:flex-start;padding-top:120px}.friend-hero-column{flex:1}.friend-hero-column--text{text-align:left;max-width:none;margin:0}.friend-hero-column--media{flex:0 0 50%;display:flex;justify-content:center}.friend-hero-media-wrap{height:450px}.friend-hero-image{width:300px;height:350px}.friend-hero-image.image-1{left:20px;top:50px}.friend-hero-image.image-2{right:20px;bottom:30px}.friend-hero-title{font-size:38px}.friend-hero-copy p{font-size:19px}.friend-hero-image.image-1{right:unset;top:unset;left:0}.friend-hero-image.image-2{right:0;top:80px;left:unset}.friend-hero-image{width:240px;height:auto;background:transparent}.friend-hero-title{font-size:42px}.friend-hero-logos{padding:0;top:0}.friend-hero-logo{width:172px}.friend-hero-title{font-size:24px;font-weight:400;margin-left:unset;margin-right:unset}.friend-hero-copy--top{margin-top:44px}.friend-hero-inner{padding-top:80px}.friend-hero-image{aspect-ratio:3 / 4;width:242px;height:auto;background:transparent}.friend-hero-image img{object-fit:cover}.friend-hero-image.image-1{left:0}.friend-hero-image.image-1 img{width:130%;object-position:-15px -40px}.friend-hero-image.image-2{left:unset}.friend-hero-image.image-2 img{width:120%;object-position:-45px -40px}.friend-hero-column.friend-hero-column--text{padding-top:80px}.friend-hero-copy p{font-size:16px;line-height:24px}.friend-hero-logo--left img{width:170px}.friend-hero-logo--right img{width:140px}.friend-hero-logo--left img,.friend-hero-logos .friend-hero-logo img{max-width:unset}.friend-hero-image.image-1{transform:translate(-40px,30px) rotate(-8deg)}.friend-hero-image.image-2{transform:translateY(40px) rotate(8deg)}}@media (min-width: 1280px){.friend-hero-logos{padding:0;top:0}.friend-hero-logo{width:172px}.friend-hero-title{font-size:30px;font-weight:400}.friend-hero-copy--top{margin-top:64px}.friend-hero-inner{padding-top:80px}.friend-hero-image{aspect-ratio:3 / 4;width:242px;height:auto;background:transparent}.friend-hero-image img{object-fit:cover}.friend-hero-image.image-1{left:0}.friend-hero-image.image-1 img{width:130%;object-position:-15px -40px}.friend-hero-image.image-2{left:unset}.friend-hero-image.image-2 img{width:120%;object-position:-45px -40px}.friend-hero-column.friend-hero-column--text{padding-top:80px}.friend-hero-copy p{font-size:18px;line-height:24px}.friend-hero-logo--left img{width:170px}.friend-hero-logo--right img{width:140px}.friend-hero-logo--left img,.friend-hero-logos .friend-hero-logo img{max-width:unset}.friend-hero-image.image-1{transform:translate(0) rotate(-8deg)}.friend-hero-image.image-2{transform:translate(0) rotate(8deg)}}@media (min-width: 1440px){.friend-hero-column.friend-hero-column--text{padding-top:76px}.friend-hero-inner{gap:80px}.friend-hero-copy p{font-size:20px}.friend-hero-media-wrap{max-width:600px;height:480px}.friend-hero-image{width:282px}.friend-hero-title{font-size:32px}.friend-hero-copy p{font-size:18.8px;line-height:24px}.friend-hero-logo--left img{width:200px}.friend-hero-logo--right img{width:160px}}@media (min-width: 1600px){.friend-hero-banner{padding-top:80px;padding-bottom:140px}.friend-hero-title{font-size:38px}.friend-hero-copy p{font-size:22px;line-height:32px}.friends-collection-dot.dot-5{top:674px;left:28%}}@media (min-width: 1920px){.friend-hero-banner{padding:60px 100px 220px}.friend-hero-title{font-size:44px}.friend-hero-copy p{font-size:26px;line-height:40px}.friends-collection-dot.dot-5{top:unset;bottom:70px;left:28%}.friends-collection-dot.dot-1{left:50%}.friend-hero-image{width:340px}.friend-hero-image.image-1{transform:translate(-40px) rotate(-8deg)}.friend-hero-image.image-2{transform:translate(40px) rotate(8deg)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-friend-hero-banner.css.map */