.yp-hero{position:relative;height:100vh;height:100dvh;overflow:hidden;background:var(--yp-ink);color:var(--yp-paper)}.yp-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.yp-hero__bg:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to top,#1217148c,#12171400);z-index:2;pointer-events:none}.yp-hero__bg video,.yp-hero__bg img{position:absolute;left:0;top:-20%;width:100%;height:120%;object-fit:cover;display:block}.yp-hero__poster{z-index:0}.yp-hero__video{z-index:1}.yp-hero__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;width:46vw;max-width:44rem;box-sizing:content-box;padding:1rem 1rem 1.25rem;color:#fff;mix-blend-mode:difference;pointer-events:none}.yp-hero__mark{position:absolute;width:.625rem!important;height:.625rem;color:#fff}.yp-hero__mark--top-left{top:0;left:0}.yp-hero__mark--top-right{top:0;right:0}.yp-hero__mark--bottom-left{bottom:0;left:0}.yp-hero__mark--bottom-right{bottom:0;right:0}.yp-hero__logo-svg,.yp-hero__logo>img{width:100%;height:auto;display:block}.yp-hero__bottom{position:absolute;left:0;right:0;bottom:var(--yp-gutter);z-index:100}.yp-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--yp-col-gap);max-width:90rem;margin-inline:auto;padding-inline:var(--yp-gutter);align-items:end}.yp-hero__intro{grid-column:1 / span 2;display:flex;flex-direction:column;gap:1.25rem}.yp-hero__tag{color:var(--yp-paper)}.yp-hero__lede{margin:0;font-family:var(--yp-mono);font-size:var(--yp-p-xs);line-height:1.4;text-align:justify;color:var(--yp-paper)}.yp-hero__card-slot{grid-column:10 / span 3;justify-self:end}.yp-hero__index{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem;font-family:var(--yp-mono);font-size:var(--yp-p-xs);line-height:1.2}.yp-hero__index button{display:flex;gap:1em;align-items:baseline;padding:0;border:0;background:none;color:var(--yp-paper);cursor:pointer;font:inherit;text-align:left;opacity:.8;transition:opacity .2s}.yp-hero__index button:hover,.yp-hero__index button:focus-visible{opacity:1}.yp-hero__index button>span{opacity:.5;font-variant-numeric:tabular-nums}@media screen and (max-width:991px){.yp-hero__card-slot{display:none}.yp-hero__intro{grid-column:1 / span 7}.yp-hero__logo{width:72vw}}@media screen and (max-width:767px){.yp-hero__intro{grid-column:1 / span 12}.yp-hero__logo{width:78vw}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/yp-hero.css.map */