.ko-hero{position:relative;height:87vh;height:87svh;min-height:520px;background-color:var(--ko-ink)}.ko-hero__media,.ko-hero__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ko-hero__media img{object-fit:cover;object-position:50% 42%}.ko-hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to bottom,#12171e00 38%,#12171e57 68%,#12171eb8)}.ko-hero__body{position:absolute;right:0;bottom:0;left:0;padding-bottom:var(--ko-s9)}.ko-hero__product{margin-bottom:var(--ko-s3)}.ko-hero__product img{width:168px;height:auto;margin-right:auto;margin-left:auto}.ko-hero__eyebrow{font-family:var(--ko-sans);font-size:10px;font-weight:700;line-height:1.6;letter-spacing:.34em;color:#ede9e0;text-shadow:0 1px 10px rgba(18,23,30,.7)}.ko-hero__heading{margin-top:var(--ko-s2);font-family:var(--ko-serif);font-size:var(--ko-fs-h1);font-weight:400;line-height:1.75;letter-spacing:.1em;text-wrap:balance;color:var(--ko-white);text-shadow:0 1px 14px rgba(18,23,30,.55)}.ko-hero__scroll{position:absolute;right:var(--ko-gutter);bottom:0;display:flex;flex-direction:column;align-items:center;gap:var(--ko-s2);padding-top:var(--ko-s2);color:#ede9e0;font-family:var(--ko-sans);font-size:9px;font-weight:700;letter-spacing:.3em;text-decoration:none;text-shadow:0 0 3px rgba(18,23,30,.9),0 1px 10px rgba(18,23,30,.8)}.ko-hero__scroll-line{position:relative;width:1px;height:140px;margin-bottom:-84px;overflow:hidden;background-color:var(--ko-ink)}.ko-hero__scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:56px;background-image:linear-gradient(to bottom,#fff0,#fffffff2 55%,#fff0);animation:ko-scroll-cue 2.4s ease-in-out infinite}@keyframes ko-scroll-cue{0%{transform:translateY(-56px)}to{transform:translateY(140px)}}@media screen and (min-width:750px){.ko-hero{height:72vh;height:72svh;min-height:560px}.ko-hero__media img{object-position:50% 50%}.ko-hero__body{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ko-s7);padding-bottom:var(--ko-s9)}.ko-hero__text{order:1}.ko-hero__product{order:2;flex:0 0 auto;margin-bottom:0}.ko-hero__product img{width:264px}.ko-hero__eyebrow{font-size:11px}.ko-hero__heading{margin-top:var(--ko-s2);line-height:1.7}.ko-hero__scroll-line{height:180px;margin-bottom:-100px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/kounou-hero.css.map */