.nook-hero{position:relative;width:100%;height:var(--hero-height-mobile, 75vh);min-height:400px;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 768px){.nook-hero{height:var(--hero-height, 85vh);min-height:500px}}.nook-hero__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.nook-hero__media xo-animate{display:block;width:100%;height:100%}.nook-hero__picture{display:block;width:100%;height:100%}.nook-hero__image{width:100%;height:100%;object-fit:cover;object-position:center}.nook-hero__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2d3a2e,#4a5d4b);display:flex;align-items:center;justify-content:center}.nook-hero__placeholder-svg{width:50%;max-width:400px;opacity:.3}.nook-hero__video{width:100%;height:100%;object-fit:cover}.nook-hero__video--mobile{display:block}.nook-hero__video--desktop{display:none}@media (min-width: 768px){.nook-hero__video--mobile{display:none}.nook-hero__video--desktop{display:block}}.nook-hero__video-external{position:relative;width:100%;height:100%;overflow:hidden}.nook-hero__iframe{position:absolute;top:50%;left:50%;width:100vw;height:100vh;transform:translate(-50%,-50%);border:none;pointer-events:none}@media (min-aspect-ratio: 16/9){.nook-hero__iframe{height:56.25vw}}@media (max-aspect-ratio: 16/9){.nook-hero__iframe{width:177.78vh}}.nook-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--overlay-opacity, .3));z-index:2}.nook-hero__content{position:absolute;z-index:3;width:100%;color:var(--text-color, #ffffff)}.nook-hero__container{padding:0 2rem}@media (min-width: 768px){.nook-hero__container{padding:0 4rem}}.nook-hero--mobile-bottom-left .nook-hero__content{bottom:12%;left:0;right:auto;top:auto;transform:none;text-align:left}.nook-hero--mobile-bottom-left .nook-hero__ctas,.nook-hero--mobile-bottom-left .nook-hero__geolocation{justify-content:flex-start}.nook-hero--mobile-bottom-left .nook-hero__subheadline{margin-left:0;margin-right:auto}.nook-hero--mobile-bottom-center .nook-hero__content{bottom:12%;left:0;right:0;top:auto;transform:none;text-align:center}.nook-hero--mobile-bottom-center .nook-hero__ctas,.nook-hero--mobile-bottom-center .nook-hero__geolocation{justify-content:center}.nook-hero--mobile-bottom-center .nook-hero__subheadline{margin-left:auto;margin-right:auto}.nook-hero--mobile-bottom-right .nook-hero__content{bottom:12%;right:0;left:auto;top:auto;transform:none;text-align:right}.nook-hero--mobile-bottom-right .nook-hero__ctas,.nook-hero--mobile-bottom-right .nook-hero__geolocation{justify-content:flex-end}.nook-hero--mobile-bottom-right .nook-hero__subheadline{margin-left:auto;margin-right:0}@media (min-width: 768px){.nook-hero--desktop-bottom-left .nook-hero__content{bottom:12%;left:0;right:auto;top:auto;transform:none;text-align:left;max-width:none}.nook-hero--desktop-bottom-left .nook-hero__ctas,.nook-hero--desktop-bottom-left .nook-hero__geolocation{justify-content:flex-start}.nook-hero--desktop-bottom-left .nook-hero__subheadline{margin-left:0;margin-right:auto}.nook-hero--desktop-bottom-center .nook-hero__content{bottom:12%;left:0;right:0;top:auto;transform:none;text-align:center;max-width:none}.nook-hero--desktop-bottom-center .nook-hero__ctas,.nook-hero--desktop-bottom-center .nook-hero__geolocation{justify-content:center}.nook-hero--desktop-bottom-center .nook-hero__subheadline{margin-left:auto;margin-right:auto}.nook-hero--desktop-bottom-right .nook-hero__content{bottom:12%;right:0;left:auto;top:auto;transform:none;text-align:right;max-width:none}.nook-hero--desktop-bottom-right .nook-hero__ctas,.nook-hero--desktop-bottom-right .nook-hero__geolocation{justify-content:flex-end}.nook-hero--desktop-bottom-right .nook-hero__subheadline{margin-left:auto;margin-right:0}.nook-hero--desktop-side-left .nook-hero__content{top:50%;left:0;right:auto;bottom:auto;transform:translateY(-50%);text-align:left;max-width:50%}.nook-hero--desktop-side-left .nook-hero__ctas,.nook-hero--desktop-side-left .nook-hero__geolocation{justify-content:flex-start}.nook-hero--desktop-side-left .nook-hero__subheadline{margin-left:0;margin-right:auto}}.nook-hero__geolocation{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.4rem;background:#fffffff2;color:#2d3a2e;border-radius:3rem;font-size:1.2rem;font-weight:500;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 768px){.nook-hero__geolocation{font-size:1.4rem;padding:.8rem 1.6rem;margin-bottom:2rem}}.nook-hero__headline,.nook-hero__headline[class*=h]{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 600);line-height:1.1;letter-spacing:-.02em;margin:0 0 1rem;text-shadow:0 2px 20px rgba(0,0,0,.3);color:var(--text-color, #ffffff)}@media (min-width: 768px){.nook-hero__headline{margin-bottom:1.5rem}}.nook-hero__subheadline{line-height:1.5;margin:0 0 2rem;opacity:.9;max-width:600px;color:var(--text-color, #ffffff)}@media (min-width: 768px){.nook-hero__subheadline{margin-bottom:2.5rem}}.nook-hero__ctas{display:flex;flex-direction:column;gap:1rem;width:100%}@media (min-width: 480px){.nook-hero__ctas{flex-direction:row;flex-wrap:wrap;gap:1.2rem;width:auto}}@media (min-width: 768px){.nook-hero__ctas{gap:1.5rem}}.nook-hero__ctas .xo-btn{min-width:160px}@media (max-width: 479px){.nook-hero__ctas .xo-btn{width:100%;justify-content:center}}.nook-hero__scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3}.nook-hero__scroll-icon{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color, #ffffff);animation:nook-bounce 2s infinite}@keyframes nook-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@media (max-height: 500px){.nook-hero__scroll-indicator{display:none}}.nook-hero__cta:focus-visible{outline:3px solid #ffffff;outline-offset:3px}@media (prefers-reduced-motion: reduce){.nook-hero__scroll-icon{animation:none}.nook-hero__cta{transition:none}.nook-hero__cta:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-nook-hero.css.map */