.kf-hero{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:600px}.kf-hero__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.kf-hero__video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.kf-hero__image-wrap--collage{background:var(--kf-creme, #F5F0E8)}.kf-hero__collage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(var(--kf-cols, 4),minmax(0,1fr));grid-template-rows:repeat(var(--kf-rows, 3),minmax(0,1fr));grid-auto-flow:dense;gap:.35rem;padding:.45rem}.kf-hero__collage--manual{grid-template-columns:repeat(var(--kf-manual-cols, 3),minmax(0,1fr));grid-template-rows:repeat(var(--kf-manual-rows, 2),minmax(0,1fr))}@media(max-width:989px){.kf-hero__collage--manual{grid-template-columns:repeat(var(--kf-manual-cols-tablet, var(--kf-manual-cols, 3)),minmax(0,1fr));grid-template-rows:repeat(var(--kf-manual-rows-tablet, var(--kf-manual-rows, 2)),minmax(0,1fr))}}.kf-hero__tile{margin:0;overflow:hidden;border-radius:var(--kf-radius-md);border:1px solid rgba(255,255,255,.12);box-shadow:var(--kf-shadow-md);transform:rotate(var(--tile-rotation, 0deg))}.kf-hero__tile--hide{display:none}.kf-hero__tile--wide{grid-column:span 2}.kf-hero__tile--tall{grid-row:span 2}.kf-hero__tile--feature{grid-column:span 2;grid-row:span 2}.kf-hero__tile--full-row{grid-column:1 / -1}.kf-hero__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.kf-hero__image-wrap--placeholder svg{width:100%;height:100%;object-fit:cover}.kf-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,calc(var(--hero-overlay, .15)))}.kf-hero--collage .kf-hero__tile .kf-hero__img{filter:none}.kf-hero--collage .kf-hero__overlay{background:rgba(0,0,0,calc(var(--hero-overlay, .15)))}.kf-hero__banner{position:absolute;right:1.2rem;bottom:1.1rem;z-index:1;pointer-events:none}.kf-hero__banner--fixed{position:fixed!important;z-index:200}.kf-hero__banner-link{position:relative;isolation:isolate;display:grid;gap:.08rem;justify-items:center;text-align:center;min-width:21.5rem;padding:1.1rem 1.5rem 1.05rem 1.25rem;font-family:var(--kf-font-body);text-decoration:none;text-transform:uppercase;color:var(--kf-creme, #F5F0E8);background:var(--kf-bordeaux, #6B2737);border:1px solid rgba(245,240,232,.72);border-radius:999px;box-shadow:0 12px 26px #00000057;pointer-events:auto;transition:transform var(--kf-transition-fast),box-shadow var(--kf-transition-fast),filter var(--kf-transition-fast)}.kf-hero__banner-link:before{content:"";position:absolute;top:-.3rem;right:-.3rem;bottom:-.3rem;left:-.3rem;z-index:-1;border-radius:999px;border:2px solid rgba(201,169,110,.78);opacity:0;transform:scale(.92);animation:kf-cta-pulse-ring 2.2s ease-out infinite}.kf-hero__banner-kicker{font-size:var(--kf-text-xs);letter-spacing:.18em;color:#f5f0e8d1}.kf-hero__banner-main{font-size:var(--kf-text-md);letter-spacing:.08em;font-weight:700}.kf-hero__banner-link:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.03);box-shadow:0 16px 34px #00000061}@keyframes kf-cta-pulse-ring{0%{opacity:0;transform:scale(.92)}25%{opacity:.72}to{opacity:0;transform:scale(1.16)}}.kf-hero__scroll-cue{position:fixed;bottom:1.75rem;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--kf-radius-pill, 999px);background-color:var(--kf-groen, #5B6B28);color:var(--kf-creme, #F5F0E8);opacity:.85;animation:kf-bounce 1.8s ease-in-out infinite;transition:opacity var(--kf-transition),background-color var(--kf-transition-fast);border:none;cursor:pointer;padding:0}.kf-hero__scroll-cue:hover{opacity:1;background-color:var(--kf-bordeaux, #6B2737)}@keyframes kf-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(7px)}}@media(min-width:769px){.kf-hero{min-height:calc(100dvh - var(--header-height, 80px))!important;max-height:calc(100dvh - var(--header-height, 80px))}}@media(max-width:768px){.kf-hero{min-height:520px!important;min-height:calc(100svh - var(--header-height, 120px))!important}.kf-hero__collage{gap:.3rem;padding:.35rem}.kf-hero__tile,.kf-hero__tile--wide,.kf-hero__tile--feature{grid-column:span 1}.kf-hero__tile--full-row{grid-column:1 / -1}.kf-hero__tile--tall,.kf-hero__tile--feature{grid-row:span 1}.kf-hero__banner{left:auto;right:.7rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));transform:none;width:min(94vw,20.5rem)}.kf-hero__banner-link{min-width:0;width:100%;padding:.95rem 1.3rem .9rem 1.1rem}.kf-hero__banner-link:before{display:none}.kf-hero__banner-main{font-size:var(--kf-text-base);letter-spacing:.06em}.kf-hero__banner-kicker{font-size:.9rem;letter-spacing:.12em}.kf-hero__collage--manual{grid-template-columns:repeat(var(--kf-manual-cols-mobile, var(--kf-manual-cols, 2)),minmax(0,1fr));grid-template-rows:repeat(var(--kf-manual-rows-mobile, var(--kf-manual-rows, 3)),minmax(0,1fr))}.kf-hero__collage--manual[data-kf-manual-count="3"] .kf-hero__tile:first-child{grid-column:1 / -1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kf-hero.css.map */