.hero-summer-bedding{position:relative;width:100%;height:var(--hero-height-desktop, 680px);overflow:hidden;background-color:#e8f0f5}.hero-summer-bedding__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.hero-summer-bedding__image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-summer-bedding__image-placeholder{background-color:#d4e3ec}.hero-summer-bedding__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero-summer-bedding--align-left .hero-summer-bedding__overlay{background:linear-gradient(105deg,rgba(255,255,255,var(--overlay-opacity, .85)) 0%,rgba(255,255,255,calc(var(--overlay-opacity, .85) * .82)) 32%,rgba(255,255,255,calc(var(--overlay-opacity, .85) * .25)) 55%,transparent 70%)}.hero-summer-bedding--align-center .hero-summer-bedding__overlay{background:radial-gradient(ellipse at center,rgba(255,255,255,var(--overlay-opacity, .85)) 0%,rgba(255,255,255,calc(var(--overlay-opacity, .85) * .5)) 50%,transparent 80%)}.hero-summer-bedding--align-right .hero-summer-bedding__overlay{background:linear-gradient(255deg,rgba(255,255,255,var(--overlay-opacity, .85)) 0%,rgba(255,255,255,calc(var(--overlay-opacity, .85) * .82)) 32%,rgba(255,255,255,calc(var(--overlay-opacity, .85) * .25)) 55%,transparent 70%)}.hero-summer-bedding__content{position:relative;z-index:2;display:flex;height:100%;max-width:1400px;margin:0 auto;padding:3rem clamp(2rem,6vw,8rem)}.hero-summer-bedding__text{display:flex;flex-direction:column;justify-content:center;max-width:520px}.hero-summer-bedding--align-left .hero-summer-bedding__content{justify-content:flex-start}.hero-summer-bedding--align-left .hero-summer-bedding__text{text-align:left;align-items:flex-start}.hero-summer-bedding--align-center .hero-summer-bedding__content{justify-content:center}.hero-summer-bedding--align-center .hero-summer-bedding__text{text-align:center;align-items:center;margin:0 auto}.hero-summer-bedding--align-right .hero-summer-bedding__content{justify-content:flex-end}.hero-summer-bedding--align-right .hero-summer-bedding__text{text-align:right;align-items:flex-end;margin-left:auto}.hero-summer-bedding__eyebrow{display:inline-block;font-size:12px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:#6a8fa8;margin-bottom:12px}.hero-summer-bedding__headline{font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-size:56px;font-weight:500;line-height:1.1;letter-spacing:-.5px;color:#1a2a33;margin:0 0 20px}.hero-summer-bedding__subtext{font-size:16px;font-weight:300;line-height:1.7;color:#3d5a6e;margin:0 0 32px;max-width:400px}.hero-summer-bedding--align-center .hero-summer-bedding__subtext{max-width:480px}.hero-summer-bedding__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 36px;background-color:#1a2a33;color:#fff;font-size:13px;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:none;border-radius:2px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.hero-summer-bedding__cta:hover{background-color:#2c4a5a;color:#fff;transform:translateY(-1px)}.hero-summer-bedding__cta:active{transform:translateY(0)}.hero-summer-bedding__cta svg{width:16px;height:16px;flex-shrink:0;transition:transform .3s ease}.hero-summer-bedding__cta:hover svg{transform:translate(3px)}@media screen and (max-width:1024px){.hero-summer-bedding{height:calc(var(--hero-height-desktop, 680px) * .82)}.hero-summer-bedding__headline{font-size:46px}}@media screen and (max-width:768px){.hero-summer-bedding{height:var(--hero-height-mobile, 480px)}.hero-summer-bedding--align-left .hero-summer-bedding__overlay,.hero-summer-bedding--align-center .hero-summer-bedding__overlay,.hero-summer-bedding--align-right .hero-summer-bedding__overlay{background:linear-gradient(to bottom,rgba(255,255,255,var(--overlay-opacity, .85)),rgba(255,255,255,calc(var(--overlay-opacity, .85) * .7)) 45%,#ffffff26)}.hero-summer-bedding__content{justify-content:flex-start}.hero-summer-bedding__text{text-align:left;align-items:flex-start;margin:0;max-width:100%;justify-content:flex-start;padding-top:1rem}.hero-summer-bedding__headline{font-size:36px}.hero-summer-bedding__subtext{font-size:15px;max-width:320px}}@media screen and (max-width:480px){.hero-summer-bedding__headline{font-size:30px}.hero-summer-bedding__subtext{font-size:14px}.hero-summer-bedding__cta{padding:12px 28px;font-size:12px;letter-spacing:1.5px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/summer-bedding-hero.css.map */
