.preorder-hero{display:grid;grid-template-columns:1fr}.preorder-hero__panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56rem;padding:6rem 2rem 5rem;background-color:var(--ph-panel-background);color:var(--ph-panel-text);text-align:center}.preorder-hero__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 18%;opacity:var(--ph-art-opacity);mix-blend-mode:luminosity}.preorder-hero__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at center,rgb(from var(--ph-panel-background) r g b / .15) 0%,rgb(from var(--ph-panel-background) r g b / .7) 70%,var(--ph-panel-background) 100%)}.preorder-hero__link{position:relative;display:block;width:min(62%,30rem);color:inherit;text-decoration:none}.preorder-hero__link:focus-visible{outline:.2rem solid var(--ph-panel-accent);outline-offset:1.2rem}.preorder-hero__cover{display:block;filter:drop-shadow(0 2.4rem 3.2rem rgb(0 0 0 / .5));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.preorder-hero__cover img,.preorder-hero__cover svg{display:block;width:100%;height:auto}.preorder-hero__badge{position:absolute;display:grid;place-items:center;width:11rem;aspect-ratio:1;padding:1.6rem;border-radius:50%;background-color:var(--ph-badge-background);color:var(--ph-badge-text);box-shadow:0 1rem 2.4rem #00000059;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.preorder-hero__badge:before{content:"";position:absolute;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;border:.1rem solid var(--ph-panel-accent);border-radius:50%}.preorder-hero__badge-text{font-family:var(--ph-font-family);font-style:var(--ph-font-style);font-weight:var(--ph-font-weight);font-size:1.7rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}.preorder-hero__panel--badge-bottom-left .preorder-hero__badge{bottom:-5%;left:-24%}.preorder-hero__panel--badge-bottom-right .preorder-hero__badge{right:-24%;bottom:-5%}.preorder-hero__panel--badge-top-left .preorder-hero__badge{top:-6%;left:-24%}.preorder-hero__panel--badge-top-right .preorder-hero__badge{top:-6%;right:-24%}.preorder-hero__caption{margin-top:3.6rem}.preorder-hero__eyebrow{margin:0 0 .8rem;color:var(--ph-panel-accent);font-size:1.2rem;letter-spacing:.26em;text-transform:uppercase}.preorder-hero__title{margin:0;color:inherit;font-family:var(--ph-font-family);font-style:var(--ph-font-style);font-weight:var(--ph-font-weight);font-size:3.4rem;line-height:1.1;letter-spacing:.04em}.preorder-hero__subtitle{margin:1rem 0 0;font-size:1.4rem;letter-spacing:.08em;opacity:.85}@media screen and (max-width:749px){.preorder-hero__link{width:min(56%,28rem)}.preorder-hero__panel--badge-bottom-left .preorder-hero__badge,.preorder-hero__panel--badge-top-left .preorder-hero__badge{left:-16%}.preorder-hero__panel--badge-bottom-right .preorder-hero__badge,.preorder-hero__panel--badge-top-right .preorder-hero__badge{right:-16%}}@media screen and (min-width:750px){.preorder-hero{grid-template-columns:repeat(var(--ph-columns),minmax(0,1fr))}.preorder-hero__panel{min-height:clamp(60rem,82vh,88rem);padding:7rem 3rem 6rem}.preorder-hero__link{width:min(48%,34rem)}.preorder-hero__badge{width:clamp(12rem,11vw,16rem)}.preorder-hero__badge-text{font-size:clamp(1.8rem,1.5vw,2.3rem)}.preorder-hero__title{font-size:4.4rem}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.preorder-hero__link:hover .preorder-hero__cover{transform:translateY(-.8rem)}.preorder-hero__link:hover .preorder-hero__badge{transform:rotate(-8deg) scale(1.05)}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-preorder-hero.css.map */
