.section-cupsland-hero{position:relative}.cupsland-hero{position:relative;isolation:isolate;min-height:var(--cupsland-hero-height, 560px);overflow:clip;background:radial-gradient(circle at 78% 42%,rgba(90,155,224,.2),transparent 33%),linear-gradient(122deg,#07111f 0%,var(--cupsland-hero-bg, #07111f) 56%,#0b1c30 100%);color:#f7f7f5}.cupsland-hero__background,.cupsland-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0}.cupsland-hero__background{z-index:-3}.cupsland-hero__background img{width:100%;height:100%;object-fit:cover;object-position:var(--cupsland-hero-position, center center)}@media screen and (min-width:990px){.cupsland-hero--image-only{min-height:clamp(620px,36vw,720px)}.cupsland-hero--image-only .cupsland-hero__background img{object-fit:cover;object-position:50% 38%}.cupsland-hero--image-only .cupsland-hero__shade{display:none}}@media screen and (min-width:768px)and (max-width:989px){.cupsland-hero--image-only{min-height:0}.cupsland-hero--image-only .cupsland-hero__background{position:relative;inset:auto}.cupsland-hero--image-only .cupsland-hero__background img{display:block;width:100%;height:auto;object-fit:contain;object-position:center center}.cupsland-hero--image-only .cupsland-hero__shade{display:none}}.cupsland-hero__shade{z-index:-2;background:linear-gradient(90deg,#07111ff5,#07111fd1 38%,#07111f38 72%,#07111f14);opacity:0}.cupsland-hero--overlay .cupsland-hero__shade{opacity:var(--cupsland-hero-overlay, .25)}.cupsland-hero__full-link,.cupsland-hero__cta-hotspot{position:absolute;display:block;color:transparent;text-decoration:none;cursor:pointer}.cupsland-hero__full-link{z-index:1;top:0;right:0;bottom:0;left:0}.cupsland-hero__cta-hotspot{z-index:3;top:69%;left:6.2%;width:265px;height:64px}.cupsland-hero__full-link:focus-visible,.cupsland-hero__cta-hotspot:focus-visible{outline:2px solid rgba(255,255,255,.78);outline-offset:-4px}.cupsland-hero__container{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;width:min(100%,1360px);min-height:var(--cupsland-hero-height, 560px);margin:0 auto;padding:56px clamp(48px,6.5vw,104px)}.cupsland-hero__content{position:relative;z-index:2;width:min(100%,520px)}.cupsland-hero--center .cupsland-hero__content{text-align:center}.cupsland-hero__eyebrow{margin:0 0 18px;color:#8fb8e2;font-size:12px;font-weight:600;line-height:1.3;letter-spacing:.14em}.cupsland-hero__heading{margin:0;color:#f7f7f5;font-family:var(--font-heading-family);font-size:clamp(54px,4vw,58px);font-weight:600;line-height:1.07;letter-spacing:-.035em}.cupsland-hero__heading span{display:block}.cupsland-hero__heading-accent{color:#fff}.cupsland-hero__subheading{max-width:500px;margin-top:24px;color:#fffc;font-size:18px;font-weight:400;line-height:1.58}.cupsland-hero__subheading p{margin:0}.cupsland-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.cupsland-hero--center .cupsland-hero__actions{justify-content:center}.cupsland-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 28px;border:1px solid rgba(255,255,255,.82);border-radius:8px;font-size:15px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease}.cupsland-hero__button--primary{background:#f7f7f5;color:#07111f}.cupsland-hero__button--secondary{background:transparent;color:#fff}.cupsland-hero__button:hover{opacity:.88}.cupsland-hero__button:focus-visible{outline:2px solid #8fb8e2;outline-offset:3px}.cupsland-hero__supporting{margin:16px 0 0;color:#ffffffa8;font-size:13px;line-height:1.5}.cupsland-hero__visual{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:0;height:100%}.cupsland-hero__product-image{display:block;width:min(100%,760px);max-height:calc(var(--cupsland-hero-height, 560px) - 48px);object-fit:contain;object-position:center right;filter:drop-shadow(0 24px 42px rgba(0,0,0,.34))}.cupsland-hero__visual-placeholder{position:relative;width:min(88%,620px);aspect-ratio:1.25}.cupsland-hero__visual-placeholder:before,.cupsland-hero__visual-placeholder:after,.cupsland-hero__visual-placeholder span{position:absolute;content:"";border-radius:999px}.cupsland-hero__visual-placeholder:before{top:18%;right:4%;bottom:12%;left:12%;background:radial-gradient(circle,rgba(106,167,232,.3),rgba(106,167,232,.04) 58%,transparent 72%);filter:blur(8px)}.cupsland-hero__visual-placeholder:after{right:12%;bottom:18%;width:56%;height:22%;background:#ffffff0f;transform:rotate(-12deg)}.cupsland-hero__visual-placeholder span{top:28%;right:22%;width:48%;height:22%;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#ffffff1f,#6aa7e81a);transform:rotate(-12deg)}@media screen and (max-width:989px){.cupsland-hero__container{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);padding:52px 40px}.cupsland-hero__heading{font-size:clamp(44px,5.4vw,50px)}.cupsland-hero__subheading{font-size:17px}}@media screen and (max-width:767px){.cupsland-hero__cta-hotspot{display:none}.cupsland-hero{min-height:620px}.cupsland-hero__shade{background:linear-gradient(180deg,#07111ff5,#07111fcc 55%,#07111f59)}.cupsland-hero__container{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(100px,1fr);align-content:start;min-height:620px;padding:42px 20px 34px}.cupsland-hero__content{width:100%}.cupsland-hero__eyebrow{margin-bottom:14px;font-size:11px}.cupsland-hero__heading{max-width:390px;font-size:clamp(38px,10.7vw,44px);line-height:1.1;letter-spacing:-.025em}.cupsland-hero__subheading{max-width:390px;margin-top:18px;font-size:16px;line-height:1.55}.cupsland-hero__actions{gap:10px;margin-top:24px}.cupsland-hero__button{min-height:48px;padding-inline:24px}.cupsland-hero__visual{min-height:100px;margin-top:12px;justify-content:center}.cupsland-hero__product-image{width:min(100%,520px);max-height:270px;object-position:center}.cupsland-hero__visual-placeholder{width:min(92%,420px)}}@media screen and (max-width:767px){.cupsland-hero--image-only.cupsland-hero--mobile-full{min-height:0;background:#07111f}.cupsland-hero--image-only.cupsland-hero--mobile-full .cupsland-hero__background{position:relative;inset:auto}.cupsland-hero--image-only.cupsland-hero--mobile-full .cupsland-hero__background img{display:block;width:100%;height:auto;object-fit:contain}.cupsland-hero--image-only.cupsland-hero--mobile-full .cupsland-hero__shade{display:none}.cupsland-hero--image-only.cupsland-hero--mobile-cover{min-height:var(--cupsland-hero-mobile-height, 560px)}}@media screen and (max-width:431px){.cupsland-hero__container{padding-top:36px;padding-bottom:28px}.cupsland-hero__heading{font-size:42px}}@media screen and (max-width:391px){.cupsland-hero__heading{font-size:39px}.cupsland-hero__subheading{font-size:15px}.cupsland-hero__button{min-width:132px}}@media(prefers-reduced-motion:reduce){.cupsland-hero__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/cupsland-hero-banner.css.map */