.kb-hero-grid{background-color:rgb(var(--color-background));padding-top:var(--kb-hg-pt, 3.2rem);padding-bottom:var(--kb-hg-pb, 3.2rem)}.kb-hero-grid__inner{max-width:var(--kb-container-max);margin:0 auto;padding:0 var(--kb-container-pad)}.kb-hero-grid__header{margin-bottom:2.4rem;display:flex;flex-direction:column;gap:.6rem}.kb-hero-grid__heading{margin:0;font-size:var(--kb-text-2xl);font-weight:700;line-height:1.2;color:rgb(var(--color-foreground))}@media(min-width:768px){.kb-hero-grid__heading{font-size:var(--kb-text-3xl)}}.kb-hero-grid__subheading{margin:0;font-size:var(--kb-text-base);line-height:1.5;color:rgb(var(--color-foreground) / .7);max-width:56ch}.kb-hero-grid__row{display:grid;grid-template-columns:1fr;gap:var(--kb-hg-gap, 1.6rem)}@media(min-width:768px){.kb-hero-grid__row{grid-template-columns:repeat(var(--kb-hg-cols, 3),1fr)}}@media(min-width:768px){.kb-hero-grid__row--bento{grid-template-columns:65fr 35fr;grid-template-rows:1fr 1fr;height:var(--kb-hg-height, min(54vh, 48rem))}.kb-hero-grid__row--bento .kb-hero-tile--feature{grid-column:1;grid-row:1 / span 2}}@media(min-width:768px){.kb-hero-grid--full{container-type:inline-size;--kb-hg-gutter: max( var(--kb-container-pad), calc((100cqw - var(--kb-container-max)) / 2 + var(--kb-container-pad)) )}.kb-hero-grid--full .kb-hero-grid__inner{max-width:none;padding:0}.kb-hero-grid--full .kb-hero-grid__row{gap:0}.kb-hero-grid--full .kb-hero-grid__row--bento .kb-hero-tile--feature .kb-hero-tile__content{padding-left:var(--kb-hg-gutter)}.kb-hero-grid--full .kb-hero-grid__row--bento .kb-hero-tile:not(.kb-hero-tile--feature) .kb-hero-tile__content{padding-right:var(--kb-hg-gutter)}.kb-hero-grid--full .kb-hero-grid__row:not(.kb-hero-grid__row--bento) .kb-hero-tile:first-child .kb-hero-tile__content{padding-left:var(--kb-hg-gutter)}.kb-hero-grid--full .kb-hero-grid__row:not(.kb-hero-grid__row--bento) .kb-hero-tile:last-child .kb-hero-tile__content{padding-right:var(--kb-hg-gutter)}}.kb-hero-tile{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}.kb-hero-tile__card{position:relative;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:0;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}.kb-hero-tile--portrait .kb-hero-tile__card{aspect-ratio:4 / 5}.kb-hero-tile--square .kb-hero-tile__card{aspect-ratio:1 / 1}.kb-hero-tile--landscape .kb-hero-tile__card{aspect-ratio:5 / 4}.kb-hero-tile--split .kb-hero-tile__card{gap:var(--kb-tile-gap, 1.6rem)}@media(min-width:768px){.kb-hero-grid__row--bento .kb-hero-tile__card{aspect-ratio:auto}}@media(max-width:767.98px){.kb-hero-grid .kb-hero-tile__card{aspect-ratio:16 / 9}.kb-hero-grid .kb-hero-tile--split .kb-hero-tile__card{aspect-ratio:auto}}.kb-hero-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.kb-hero-tile--split .kb-hero-tile__media{position:relative;inset:auto;flex:1 1 0;min-height:40%;padding:var(--kb-tile-mp, 0) var(--kb-tile-mp, 0) 0;overflow:hidden}.kb-hero-tile__picture{display:contents}.kb-hero-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kb-hero-tile--split .kb-hero-tile__image{position:static;inset:auto;display:block;width:100%;height:100%}.kb-hero-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.kb-hero-tile__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:.8rem;padding:2.4rem;width:100%}@media(min-width:1024px){.kb-hero-tile__content{padding:3.2rem}}.kb-hero-tile--full_bleed .kb-hero-tile__content{flex:1 1 auto}.kb-hero-tile--split .kb-hero-tile__content{flex:0 0 auto;padding-top:0}.kb-hero-tile__title{display:flex;flex-direction:column;gap:.8rem}.kb-hero-tile__content--title-center .kb-hero-tile__footer,.kb-hero-tile__content--title-bottom .kb-hero-tile__footer{margin-top:0}.kb-hero-tile__content--title-center .kb-hero-tile__title{margin:auto 0}.kb-hero-tile__content--title-bottom .kb-hero-tile__title{margin-top:auto}.kb-hero-tile__eyebrow{font-size:var(--kb-text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground));opacity:.85}.kb-hero-tile__heading{font-family:var(--kb-font-heading);font-size:var(--kb-text-2xl);font-weight:700;line-height:var(--kb-leading-tight);margin:0;color:rgb(var(--color-foreground))}@media(min-width:1024px){.kb-hero-tile__heading{font-size:var(--kb-text-3xl)}}@media(min-width:768px){.kb-hero-grid__row--bento .kb-hero-tile--feature .kb-hero-tile__content{padding:3.2rem}.kb-hero-grid__row--bento .kb-hero-tile--feature .kb-hero-tile__heading{font-size:var(--kb-text-4xl)}.kb-hero-grid__row--bento .kb-hero-tile:not(.kb-hero-tile--feature) .kb-hero-tile__content{padding:1.6rem}.kb-hero-grid__row--bento .kb-hero-tile--feature .kb-hero-tile__button{height:5.4rem;font-size:var(--kb-text-lg);font-weight:700}.kb-hero-grid__row--bento .kb-hero-tile--feature .kb-hero-tile__button--primary{background-color:var(--kb-tile-btn, var(--kb-color-navy));color:var(--kb-color-ink-inverse);border-color:var(--kb-tile-btn, var(--kb-color-navy))}}@media(min-width:1024px){.kb-hero-grid__row--bento .kb-hero-tile--feature .kb-hero-tile__content{padding:4rem}.kb-hero-grid__row--bento .kb-hero-tile--feature .kb-hero-tile__heading{font-size:var(--kb-text-5xl)}}.kb-hero-tile__footer{margin-top:auto;padding-top:1.6rem;display:flex;flex-direction:column;gap:1.6rem}.kb-hero-tile__hairline{display:block;width:100%;height:1px;background-color:rgb(var(--color-foreground) / .15)}.kb-hero-tile__buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start}.kb-hero-tile__footer--links{align-items:flex-start;gap:1.2rem}@media(max-width:767.98px){.kb-hero-tile__footer{display:none}}.kb-hero-tile__button{display:inline-flex;align-items:center;justify-content:center;height:4.4rem;padding:0 2.4rem;border:1px solid transparent;border-radius:var(--kb-radius-full);font-size:var(--kb-text-base);font-weight:500;line-height:1;text-decoration:none;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.kb-hero-tile__button--primary{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.color-scheme-3 .kb-hero-tile__button--primary{color:var(--kb-color-ink-inverse)}.color-scheme-4 .kb-hero-tile__button--primary{color:var(--kb-color-ink)}.kb-hero-tile__button--secondary{background-color:transparent;color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground) / .4)}.kb-hero-tile__button:hover{opacity:.85}.kb-hero-tile__button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.kb-hero-tile__links{display:none}@media(max-width:767.98px){.kb-hero-tile__links{display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem .4rem 0}}.kb-hero-tile__link{display:inline-flex;align-items:center;gap:1.2rem;font-size:var(--kb-text-base);font-weight:400;color:rgb(var(--color-foreground));text-decoration:none}.kb-hero-tile__link-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:var(--kb-radius-full);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:transform .15s ease}.kb-hero-tile__link-arrow svg{width:1.5rem;height:1.5rem}.kb-hero-tile__link:hover .kb-hero-tile__link-arrow{transform:translate(3px)}@media(max-width:767.98px){.kb-hero-tile--mobile-full{margin-left:calc(-1 * var(--kb-container-pad));margin-right:calc(-1 * var(--kb-container-pad))}.kb-hero-tile--mobile-full .kb-hero-tile__links{padding-left:var(--kb-container-pad);padding-right:var(--kb-container-pad)}.kb-hero-tile--mobile-buttons .kb-hero-tile__footer{display:flex}.kb-hero-tile--mobile-buttons .kb-hero-tile__links{display:none}.kb-hero-tile--mobile-buttons .kb-hero-tile__button{height:4rem;padding:0 1.8rem;font-size:var(--kb-text-sm)}.kb-hero-tile--maspect-ratio-6-4 .kb-hero-tile__card{aspect-ratio:6 / 4}.kb-hero-tile--maspect-ratio-4-3 .kb-hero-tile__card{aspect-ratio:4 / 3}.kb-hero-tile--maspect-square .kb-hero-tile__card{aspect-ratio:1 / 1}.kb-hero-tile--maspect-portrait .kb-hero-tile__card{aspect-ratio:4 / 5}.kb-hero-tile--maspect-tall .kb-hero-tile__card{aspect-ratio:9 / 16}.kb-hero-tile__content--mtitle-top .kb-hero-tile__title{margin:0}.kb-hero-tile__content--mtitle-top .kb-hero-tile__footer{margin-top:auto}.kb-hero-tile__content--mtitle-center .kb-hero-tile__title{margin:auto 0}.kb-hero-tile__content--mtitle-center .kb-hero-tile__footer{margin-top:0}.kb-hero-tile__content--mtitle-bottom .kb-hero-tile__title{margin-top:auto}.kb-hero-tile__content--mtitle-bottom .kb-hero-tile__footer{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero-grid.css.map */