.yuyou-hero{position:relative;display:flex;align-items:flex-end;min-height:100vh;min-height:100svh;overflow:hidden}.yuyou-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.yuyou-hero__image,.yuyou-hero__placeholder{width:100%;height:100%;object-fit:cover;display:block}.yuyou-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--yuyou-ink-rgb, 23, 21, 15))}.yuyou-hero__scrim:empty{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--yuyou-ink-rgb, 23, 21, 15),.75),rgba(var(--yuyou-ink-rgb, 23, 21, 15),.45) 45%,rgba(var(--yuyou-ink-rgb, 23, 21, 15),0) 75%)}.yuyou-hero__content{--hero-inset: var(--yuyou-gutter);position:relative;width:100%;display:grid;grid-template-areas:"kop" "tekst" "knoppen";gap:2.4rem;padding:12rem var(--hero-inset) var(--hero-inset)}@media screen and (min-width:990px){.yuyou-hero__content{grid-template-columns:minmax(0,1fr) minmax(0,36rem);grid-template-areas:"kop     ." "knoppen tekst";column-gap:6.4rem;row-gap:3.2rem;align-items:end}}.yuyou-hero__heading{grid-area:kop;margin:0;max-width:16ch}.yuyou-hero__body{grid-area:tekst;margin:0;max-width:40ch;font-size:var(--yuyou-text-body, 1.6rem);line-height:1.35;color:rgb(var(--color-foreground))}.yuyou-hero__buttons{grid-area:knoppen;display:flex;flex-wrap:wrap;gap:1.2rem 2rem}.yuyou-hero .yuyou-hero__button{min-width:0;padding-inline:2.8rem;color:rgb(var(--yuyou-paper-rgb, 255, 255, 255))}.yuyou-hero .yuyou-hero__button:after{box-shadow:0 0 0 max(1px,var(--buttons-border-width)) rgb(var(--yuyou-paper-rgb, 255, 255, 255))}.yuyou-hero .yuyou-hero__button:not([disabled]):hover{background-color:rgb(var(--yuyou-paper-rgb, 255, 255, 255));color:rgb(var(--yuyou-ink-rgb, 23, 21, 15))}.yuyou-hero .yuyou-hero__button:not([disabled]):hover:after{box-shadow:0 0 0 max(1px,var(--buttons-border-width)) rgb(var(--yuyou-paper-rgb, 255, 255, 255))}@media(prefers-reduced-motion:no-preference){.yuyou-hero__heading,.yuyou-hero__buttons,.yuyou-hero__body{animation-name:yuyou-hero-in;animation-duration:var(--duration-extra-long);animation-timing-function:var(--ease-out-slow);animation-fill-mode:both}.yuyou-hero__heading{animation-delay:.15s}.yuyou-hero__buttons{animation-delay:.34s}.yuyou-hero__body{animation-delay:.48s}@keyframes yuyou-hero-in{0%{opacity:0;translate:0 1.6rem}to{opacity:1;translate:0 0}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-yuyou-hero.css.map */