.knuska-hb-section{margin-block:0}.knuska-hb-section--inset{max-width:var(--page-width, 1320px);margin-inline:auto;padding-inline:var(--gutter, 20px)}.hb{position:relative;display:block;overflow:hidden;isolation:isolate}.knuska-hb-section--inset .hb{border-radius:var(--hb-radius, 0)}.hb__stage{display:grid;grid-template-areas:"stage";grid-template-rows:minmax(0,1fr);align-content:stretch;min-height:0}.hb--size-ratio .hb__stage{aspect-ratio:var(--hb-ar-mob, .8)}.hb--size-fixed .hb__stage{min-height:var(--hb-h-mob, 460px);grid-template-rows:minmax(var(--hb-h-mob, 460px),auto)}.hb__slide{grid-area:stage;position:relative;display:flex;min-width:0}.hb--slider .hb__slide{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility 0s linear .7s;pointer-events:none}.hb--slider .hb__slide.is-active{opacity:1;visibility:visible;transition:opacity .7s ease;pointer-events:auto;z-index:1}.hb--slide.hb--slider .hb__media{transform:scale(1.04);transition:transform 1.1s cubic-bezier(.2,.6,.3,1)}.hb--slide.hb--slider .hb__slide.is-active .hb__media{transform:scale(1)}.hb__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.hb__image,.hb__placeholder{display:block;width:100%;height:100%;object-fit:cover}.hb__placeholder{background:#e9e2d8}.hb__placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.5}.hb__tint{--hb-a: var(--hb-tint-a-mob, .35);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hb__tint--even{background:rgb(from var(--hb-tint, #090302) r g b / var(--hb-a, .35))}.hb__tint--bottom{background:linear-gradient(to top,rgb(from var(--hb-tint, #090302) r g b / var(--hb-a, .35)) 0%,rgb(from var(--hb-tint, #090302) r g b / calc(var(--hb-a, .35) * .35)) 45%,transparent 80%)}.hb__tint--centre{background:radial-gradient(ellipse 78% 68% at 50% 50%,rgb(from var(--hb-tint, #090302) r g b / var(--hb-a, .35)) 0%,rgb(from var(--hb-tint, #090302) r g b / calc(var(--hb-a, .35) * .5)) 55%,transparent 100%)}@supports not (color: rgb(from #000 r g b / 50%)){.hb__tint{background:var(--hb-tint, #090302);opacity:var(--hb-a, .35)}}.hb__inner{position:relative;z-index:1;display:flex;width:100%;padding:clamp(2.4rem,5vw,6rem) var(--hb-pad-x, 32px)}.hb__content{display:flex;flex-direction:column;width:100%;max-width:var(--hb-max, 720px);color:var(--hb-ink, #ffffff)}.hb__slide--m-top .hb__inner{align-items:flex-start}.hb__slide--m-middle .hb__inner{align-items:center}.hb__slide--m-bottom .hb__inner{align-items:flex-end}.hb__slide--m-start .hb__inner{justify-content:flex-start}.hb__slide--m-start .hb__content{align-items:flex-start;text-align:left}.hb__slide--m-center .hb__inner{justify-content:center}.hb__slide--m-center .hb__content{align-items:center;text-align:center}.hb__slide--m-end .hb__inner{justify-content:flex-end}.hb__slide--m-end .hb__content{align-items:flex-end;text-align:right}.hb__overline{margin:0 0 1.4rem;font-size:1.2rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.hb__title{margin:0;color:inherit;font-family:var(--heading-font-family);font-size:var(--hb-title-mob, 32px);font-weight:var(--heading-font-weight, 700);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}.hb__title em{font-style:italic;font-weight:500;letter-spacing:-.01em}.hb__rating{display:inline-flex;align-items:center;gap:.9rem;margin:1.8rem 0 0;padding:.6rem 1.4rem;border-radius:999px;background:#ffffff24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:1.25rem;line-height:1.3}.hb__stars{display:inline-flex;gap:.2rem}.hb__stars svg{width:1.4rem;height:1.4rem;fill:currentColor}.hb__rating-text{opacity:.95}.hb__btn{display:inline-flex;align-items:center;gap:1rem;margin-top:2.4rem;padding:1.5rem 2.8rem;border:1px solid transparent;border-radius:999px;background:var(--hb-btn-bg, #090302);color:var(--hb-btn-ink, #ffffff);font-size:1.45rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .2s ease,opacity .2s ease,background-color .2s ease}.hb__btn:hover{color:var(--hb-btn-ink, #ffffff);transform:translateY(-1px)}.hb__btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hb__btn--outline{background:transparent;border-color:currentColor;color:var(--hb-ink, #ffffff)}.hb__btn--ghost{padding-inline:0;border-radius:0;border-bottom:1px solid currentColor;background:transparent;color:var(--hb-ink, #ffffff)}.hb__btn-arrow{width:1.7rem;height:1.7rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.hb__btn:hover .hb__btn-arrow{transform:translate(3px)}.hb__subline{margin:1.6rem 0 0;font-size:1.3rem;line-height:1.5;opacity:.85}.hb__dots{position:absolute;z-index:2;display:flex;align-items:center;gap:1rem;padding:.8rem 1rem}.hb__dots--br{inset-block-end:clamp(1.2rem,2.5vw,2.4rem);inset-inline-end:clamp(1.2rem,2.5vw,2.8rem)}.hb__dots--bl{inset-block-end:clamp(1.2rem,2.5vw,2.4rem);inset-inline-start:clamp(1.2rem,2.5vw,2.8rem)}.hb__dots--bc{inset-block-end:clamp(1.2rem,2.5vw,2.4rem);inset-inline-start:50%;transform:translate(-50%)}.hb__dot{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer;color:#fff}.hb__dot:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:999px}.hb__dot-mark{display:block;border-radius:999px;background:#ffffff73;transition:background-color .3s ease,width .4s ease}.hb__dots--plain .hb__dot-mark{width:8px;height:8px}.hb__dots--plain .hb__dot.is-active .hb__dot-mark{background:#fff}.hb__dots--bar .hb__dot-mark{width:18px;height:3px}.hb__dots--bar .hb__dot.is-active .hb__dot-mark{width:40px;background:#fff}.hb__dots--ring .hb__dot{position:relative;width:22px;height:22px}.hb__dots--ring .hb__dot-mark{width:7px;height:7px}.hb__dots--ring .hb__dot.is-active .hb__dot-mark{background:#fff}.hb__dots--ring .hb__dot.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#fff calc(var(--hb-progress, 0) * 360deg),#ffffff47 0);-webkit-mask:radial-gradient(circle,transparent 7.5px,#000 8.5px);mask:radial-gradient(circle,transparent 7.5px,#000 8.5px)}@media(min-width:750px){.hb__tint{--hb-a: var(--hb-tint-a-desk, .35)}.hb__slide--d-top .hb__inner{align-items:flex-start}.hb__slide--d-middle .hb__inner{align-items:center}.hb__slide--d-bottom .hb__inner{align-items:flex-end}.hb__slide--d-start .hb__inner{justify-content:flex-start}.hb__slide--d-start .hb__content{align-items:flex-start;text-align:left}.hb__slide--d-center .hb__inner{justify-content:center}.hb__slide--d-center .hb__content{align-items:center;text-align:center}.hb__slide--d-end .hb__inner{justify-content:flex-end}.hb__slide--d-end .hb__content{align-items:flex-end;text-align:right}.hb--size-ratio .hb__stage{aspect-ratio:var(--hb-ar, 2.4)}.hb--size-fixed .hb__stage{min-height:var(--hb-h, 560px);grid-template-rows:minmax(var(--hb-h, 560px),auto)}.hb__title{font-size:var(--hb-title, 54px)}.hb__rating{font-size:1.35rem}.hb__subline{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.hb--slider .hb__slide,.hb--slider .hb__slide.is-active,.hb--slide.hb--slider .hb__media,.hb--slide.hb--slider .hb__slide.is-active .hb__media{transition:none;transform:none}.hb__btn,.hb__btn-arrow,.hb__dot-mark{transition:none}.hb__btn:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/knuska-hero-banner.css.map */