.f-circle-banner{overflow:hidden}.f-circle-banner__layout{--circle-grid-size: 12vw;display:flex;flex-direction:column;min-height:0}.f-circle-banner__content{position:relative;z-index:2;max-width:none;padding:2.8rem 1.6rem 4.8rem}.f-circle-banner__heading{margin:0}.f-circle-banner__text{margin-top:1.6rem}.f-circle-banner__text>:first-child{margin-top:0}.f-circle-banner__text>:last-child{margin-bottom:0}.f-circle-banner__button{margin-top:2.4rem}.f-circle-banner__button .btn{width:100%}.f-circle-banner__media{order:-1;display:grid;grid-template-columns:repeat(12,var(--circle-grid-size));grid-template-rows:repeat(7,var(--circle-grid-size));position:relative;left:calc(var(--circle-grid-size) * -1);width:max-content;margin-bottom:3rem}.f-circle-banner__item{position:relative;z-index:1;margin:0;overflow:hidden;border-radius:50%;aspect-ratio:1;background:var(--color-bg-2)}.f-circle-banner__link{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;color:inherit;text-decoration:none}.f-circle-banner__item img,.f-circle-banner__item .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.26,.54,.32,1)}@media(hover:hover)and (pointer:fine){.f-circle-banner__item:hover{z-index:3}.f-circle-banner__item:hover img,.f-circle-banner__item:hover .placeholder-svg{transform:scale(1.08)}.f-circle-banner__item--link:hover{box-shadow:0 0 0 3px rgba(var(--color-foreground),.12)}}.f-circle-banner__item--1{grid-column:1 / 7;grid-row:2 / 8}.f-circle-banner__item--2{grid-column:7 / 12;grid-row:2 / 7;top:calc(var(--circle-grid-size) * -.5)}.f-circle-banner__item--3{grid-column:6 / 8;grid-row:1 / 3;left:calc(var(--circle-grid-size) * -.4);top:calc(var(--circle-grid-size) * -.1)}.f-circle-banner__item--4{grid-column:7 / 9;grid-row:6 / 8;left:calc(var(--circle-grid-size) * -.5)}@media(min-width:900px){.f-circle-banner__layout{--circle-grid-size: 8vw;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:calc(var(--circle-grid-size) * 4) auto;min-height:var(--circle-banner-height, 700px)}.f-circle-banner__content{align-self:start;grid-column:1 / 7;grid-row:2 / 3;max-width:48rem;padding:4rem clamp(2.4rem,4vw,6rem);top:-7rem}.f-circle-banner__button{margin-top:2rem}.f-circle-banner__button .btn{width:auto}.f-circle-banner__media{order:initial;grid-column:3 / 13;grid-row:1 / 3;grid-template-rows:repeat(8,var(--circle-grid-size));left:var(--circle-grid-size);margin-bottom:0;padding-bottom:4rem}.f-circle-banner__item--1{grid-column:3 / 8;grid-row:1 / 6;left:calc(var(--circle-grid-size) * .25);top:calc(var(--circle-grid-size) * .25)}.f-circle-banner__item--2{grid-column:8 / 12;grid-row:4 / 8;left:calc(var(--circle-grid-size) * -.4);top:calc(var(--circle-grid-size) * .25)}.f-circle-banner__item--3{grid-column:2 / 4;grid-row:1 / 3;left:calc(var(--circle-grid-size) * -.4);top:0}.f-circle-banner__item--4{grid-column:5 / 7;grid-row:6 / 8;left:calc(var(--circle-grid-size) * .55);top:calc(var(--circle-grid-size) * .25)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/circle-image-banner.css.map */