.friend-isometric-banner{padding:4rem 0;position:relative;overflow:hidden}.friend-isometric-container{display:flex;gap:3rem;align-items:center;max-width:1440px;margin:0 auto;padding:0 5rem}.friend-isometric-left{position:relative;padding:0;flex:1;display:flex;flex-direction:column;justify-content:center}.friend-isometric-decorative-dot{position:absolute;top:-1.5rem;left:2rem;width:3rem;height:3rem;border-radius:50%;z-index:5}.friend-isometric-text-wrapper{position:relative;z-index:2;display:flex;flex-direction:column}.friend-isometric-heading{font-family:"Manrope",var(--font-heading-family),sans-serif;font-weight:600;line-height:1.3;margin-bottom:1.5rem;color:currentColor}.friend-isometric-heading.h1{font-size:clamp(2.5rem,5vw,4rem)}.friend-isometric-heading.h2{font-size:clamp(2rem,4vw,3rem)}.friend-isometric-heading.h3{font-size:clamp(1.75rem,3vw,2.5rem)}.friend-isometric-subheading{font-family:"Manrope",var(--font-body-family),sans-serif;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.6;font-weight:400;margin-bottom:2rem;opacity:.9}.friend-isometric-description{font-weight:400;line-height:1.7;margin-bottom:2rem}.friend-isometric-description p{margin:0}.friend-isometric-info{margin-top:2.5rem;padding-top:1.5rem}.friend-isometric-location,.friend-isometric-date{font-family:Inconsolata,monospace;font-size:16px;margin:0}.friend-isometric-button{display:inline-block;margin-top:2rem;padding:1rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.friend-isometric-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.friend-isometric-right{position:relative;flex:2;display:flex;align-items:center;justify-content:center;min-height:500px}.friend-isometric-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.friend-isometric-image{width:100%;height:auto;max-width:100%;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.friend-isometric-placeholder{width:100%;height:500px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:1rem}.friend-isometric-decorative-circle{position:absolute;width:25rem;height:25rem;border-radius:50%;z-index:1;top:50%;right:5%;transform:translateY(-50%);opacity:.3}@media screen and (max-width: 1024px){.friend-isometric-container{gap:2rem;padding:0 1.5rem}.friend-isometric-decorative-dot{top:-1rem;left:1.5rem;width:2.5rem;height:2.5rem}.friend-isometric-decorative-circle{width:20rem;height:20rem}}@media screen and (max-width: 768px){.friend-isometric-banner{padding:2rem 0}.friend-isometric-container{flex-direction:column;gap:2rem;padding:0 1rem}.friend-isometric-left{order:1}.friend-isometric-right{order:2;min-height:400px}.friend-isometric-decorative-dot{top:-1rem;left:1rem;width:2rem;height:2rem}.friend-isometric-heading{margin-bottom:1rem}.friend-isometric-subheading{margin-bottom:1.5rem}.friend-isometric-info{margin-top:2rem;padding-top:1rem}.friend-isometric-decorative-circle{width:15rem;height:15rem;right:-5%}}@media screen and (max-width: 480px){.friend-isometric-banner{padding:24px}.friend-isometric-container{padding:0}.friend-isometric-right{width:100%}.friend-isometric-button{width:100%;text-align:center}.friend-isometric-decorative-circle{width:12rem;height:12rem}}@media screen and (min-width: 1280px){.friend-isometric-container{padding:60px}.friend-isometric-description{font-size:18px;line-height:2.5;line-height:1.3;max-width:400px}.friend-isometric-location,.friend-isometric-date{font-size:16px}}@media screen and (min-width: 1440px){.friend-isometric-container{gap:4rem}.friend-isometric-right{min-height:600px}.friend-isometric-decorative-circle{width:30rem;height:30rem}}@media screen and (min-width: 1600px){.friend-isometric-container{max-width:unset}.friend-isometric-description{font-size:24px;line-height:2.5;line-height:1.3;max-width:520px}.friend-isometric-location,.friend-isometric-date{font-size:20px}.friend-isometric-image-wrapper{max-width:760px;max-height:600px}.friend-isometric-image{max-width:unset;width:1000px;object-position:-120px}.friend-isometric-image img{max-width:unset}}@media screen and (min-width: 1920px){.friend-isometric-image{object-position:-200px}.friend-isometric-container{padding-left:100px;padding-right:100px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-friend-isometric-banner.css.map */