.grid-banner__inner{--f-row-gap: var(--f-column-gap)}@media(min-width:768px){.grid-banner__inner{grid-auto-rows:var(--grid-auto-rows, 30rem)}}@media(min-width:768px){.grid-banner__item{--x-cell-c-span: auto / span var(--cell-c-span);--x-cell-r-span: auto / span var(--cell-r-span);grid-column:var(--x-cell-c-span, auto/span 1);grid-row:var(--x-cell-r-span, auto/span 1)}}.grid-banner .card-media{height:100%}@media(max-width:767.98px){.grid-banner .card-media__content-wrapper{width:100%}}@media(min-width:768px){.grid-banner .f-grid-auto-rows--auto{--grid-auto-rows: auto}.grid-banner .f-grid-auto-rows--small{--grid-auto-rows: 25rem}.grid-banner .f-grid-auto-rows--medium{--grid-auto-rows: 30rem}.grid-banner .f-grid-auto-rows--large{--grid-auto-rows: 35rem}}@media(max-width:767.98px){.grid-banner .card-media--extra-small{--padding-y: 2rem;--padding-x: 2rem}.grid-banner .card-media--small{--padding-y: 2.4rem;--padding-x: 2.4rem}}@media(min-width:768px){.grid-banner__inner:has(>.kk-hero){--f-columns-md: 4 !important;aspect-ratio:2.25;grid-template-rows:repeat(2,minmax(0,1fr));--grid-auto-rows: minmax(0, 1fr)}}.grid-banner__item.kk-hero{container-type:inline-size}.grid-banner__item.kk-hero .card-media{--color-foreground: 254, 253, 249;--color-button: 213, 255, 63;--color-button-text: 23, 23, 23;--color-subtext: 213, 255, 63}.grid-banner__item.kk-hero .rich-text__subheading{color:#d5ff3f;font-family:var(--font-heading-family);font-weight:800;text-transform:uppercase;line-height:1.15;text-shadow:0 .08em .25em rgba(0,0,0,.45)}.grid-banner__item.kk-hero .rich-text__heading{color:#fefdf9;text-transform:uppercase;line-height:1.08;text-shadow:0 .09em .3em rgba(0,0,0,.5)}.grid-banner__item.kk-hero .rich-text__text{color:#d5ff3f;font-family:var(--font-heading-family);font-weight:800;text-transform:uppercase;line-height:1.25;text-shadow:0 .08em .25em rgba(0,0,0,.45)}.grid-banner__item.kk-hero .rich-text__text p{margin:0;color:#d5ff3f}.grid-banner__item.kk-hero .btn{font-family:var(--font-heading-family);font-weight:800;text-transform:uppercase;letter-spacing:.02em;border:0}.grid-banner__item.kk-hero:nth-child(1) .card-media{--padding-y: 4.9cqw;--padding-x: 4.9cqw}.grid-banner__item.kk-hero:nth-child(1) .rich-text{--subheading-margin-bottom: 1.6cqw;--text-margin-top: 1.7cqw;--child-margin-top: 2.9cqw}.grid-banner__item.kk-hero:nth-child(1) .rich-text__subheading{font-size:4.3cqw}.grid-banner__item.kk-hero:nth-child(1) .rich-text__heading{font-size:6.9cqw;max-width:68cqw}.grid-banner__item.kk-hero:nth-child(1) .rich-text__text{font-size:2.75cqw}.grid-banner__item.kk-hero:nth-child(1) .btn{height:7.4cqw;min-height:7.4cqw;font-size:2.65cqw;padding:0 4.3cqw;border-radius:1.4cqw}.grid-banner__item.kk-hero:nth-child(2) .card-media{--padding-y: 6.5cqw;--padding-x: 6.5cqw}.grid-banner__item.kk-hero:nth-child(2) .rich-text{--subheading-margin-bottom: 3.3cqw;--text-margin-top: 3.3cqw;--child-margin-top: 4.9cqw}.grid-banner__item.kk-hero:nth-child(2) .rich-text__subheading{font-size:8.4cqw}.grid-banner__item.kk-hero:nth-child(2) .rich-text__heading{font-size:8.2cqw;max-width:100%}.grid-banner__item.kk-hero:nth-child(2) .rich-text__text{font-size:4.5cqw}.grid-banner__item.kk-hero:nth-child(2) .btn{height:12.3cqw;min-height:12.3cqw;font-size:4.5cqw;padding:0 7cqw;border-radius:2.4cqw}.grid-banner__item.kk-hero:nth-child(3) .card-media,.grid-banner__item.kk-hero:nth-child(4) .card-media{--padding-y: 5.7cqw;--padding-x: 5.7cqw}.grid-banner__item.kk-hero:nth-child(3) .rich-text,.grid-banner__item.kk-hero:nth-child(4) .rich-text{--subheading-margin-bottom: 2.4cqw;--text-margin-top: 2.4cqw;--child-margin-top: 3.7cqw}.grid-banner__item.kk-hero:nth-child(3) .rich-text__subheading,.grid-banner__item.kk-hero:nth-child(4) .rich-text__subheading{font-size:5.3cqw}.grid-banner__item.kk-hero:nth-child(3) .rich-text__heading,.grid-banner__item.kk-hero:nth-child(4) .rich-text__heading{font-size:6.4cqw;max-width:72cqw}.grid-banner__item.kk-hero:nth-child(3) .rich-text__text,.grid-banner__item.kk-hero:nth-child(4) .rich-text__text{font-size:3.7cqw}.grid-banner__item.kk-hero:nth-child(3) .btn,.grid-banner__item.kk-hero:nth-child(4) .btn{height:10.2cqw;min-height:10.2cqw;font-size:4.1cqw;padding:0 5.7cqw;border-radius:2cqw}.grid-banner__item.kk-hero:nth-child(4) .rich-text__heading{max-width:58cqw}@media(max-width:767.98px){.grid-banner__item.kk-hero:nth-child(1) .rich-text__subheading{font-size:4.6cqw}.grid-banner__item.kk-hero:nth-child(1) .rich-text__heading{font-size:8cqw;max-width:80cqw}.grid-banner__item.kk-hero:nth-child(1) .rich-text__text{font-size:3.4cqw}.grid-banner__item.kk-hero:nth-child(1) .btn{height:11cqw;min-height:11cqw;font-size:3.4cqw;padding:0 6cqw;border-radius:1.8cqw}.grid-banner__item.kk-hero:nth-child(2) .rich-text__subheading{font-size:5.2cqw}.grid-banner__item.kk-hero:nth-child(2) .rich-text__heading{font-size:8.5cqw}.grid-banner__item.kk-hero:nth-child(2) .rich-text__text{font-size:3.6cqw}.grid-banner__item.kk-hero:nth-child(2) .btn{height:10cqw;min-height:10cqw;font-size:3.6cqw;padding:0 6cqw;border-radius:1.8cqw}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-grid-banner.css.map */