.sp-real-hero.sp-approved-hero:has(.sp-real-media){--sp-hero-h:clamp(390px,27vw,430px);--sp-room-w:max(451.765vw,calc(var(--sp-hero-h)*17.067));position:relative;display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:none;min-height:var(--sp-hero-h);margin:0;overflow:hidden;isolation:isolate;background:var(--sp-ivory)}
.sp-approved-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url("/cdn/shop/files/spenys-approved-reference-room-20261012.jpg?v=1791818338");background-size:var(--sp-room-w) auto;background-position:calc(var(--sp-room-w)*-.325521) calc(var(--sp-room-w)*-.050781);background-repeat:no-repeat}
.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-media{position:absolute;inset:0;grid-area:auto;width:100%;height:100%;margin:0;z-index:1;background:transparent}
.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-photo{position:absolute;right:0;top:50%;display:block;width:var(--sp-photo-width,52%);height:auto;max-width:none;max-height:100%;object-fit:contain;object-position:center;transform:translateY(-50%);margin:0;clip-path:none;mask-image:linear-gradient(90deg,transparent,#000 9%),linear-gradient(180deg,transparent,#000 2%,#000 98%,transparent);mask-composite:intersect}
.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-media::before{content:"";inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(255,248,238,.92) 0%,rgba(255,248,238,.87) 30%,rgba(255,248,238,.72) 40%,rgba(255,248,238,.32) 48%,rgba(255,248,238,.06) 54%,transparent 58%),radial-gradient(ellipse 52% 115% at 8% 14%,rgba(255,248,238,.28),transparent 88%);background-size:100% 100%}
.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-copy{position:relative;grid-area:1/1;align-self:center;width:49%;z-index:3;margin:0;padding:24px clamp(28px,3vw,44px)}
.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-copy::before{content:none}
.sp-approved-hero .sp-real-copy h1{font-size:clamp(36px,3.2vw,48px);max-width:28ch;margin-bottom:14px}
.sp-approved-hero .sp-real-copy p{font-size:16px;line-height:1.45;margin-bottom:14px;max-width:48ch}
.sp-approved-hero .sp-ed-btnrow{margin-top:14px}
.sp-home-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 8px;margin:14px 0 16px}
.sp-home-benefit{display:flex;gap:7px;align-items:center;line-height:1.3;font-size:11px}
.sp-home-benefit b{font:25px Georgia,serif;font-weight:400}
body:has(.sp-approved-hero) .sp-ed>.sp-ed-benefits{display:none}
@media(min-width:950px) and (max-width:1199px){.sp-real-hero.sp-approved-hero:has(.sp-real-media){--sp-hero-h:410px}.sp-approved-hero .sp-real-copy h1{font-size:36px}.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-copy{width:50%;padding:24px}.sp-approved-hero .sp-real-copy p{font-size:15px}.sp-home-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sp-home-benefit{font-size:11px}}
@media(min-width:950px) and (max-width:899px){.sp-real-hero.sp-approved-hero:has(.sp-real-media){--sp-hero-h:470px}.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-copy{width:51%;padding:22px}.sp-approved-hero .sp-real-copy h1{font-size:30px}.sp-approved-hero .sp-real-copy p{font-size:14px}.sp-home-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sp-home-benefit{font-size:11px}.sp-approved-hero .sp-ed-btnrow{gap:8px}.sp-approved-hero .sp-ed-cta{font-size:12px;padding:10px 12px}}
@media(max-width:949px){.sp-real-hero.sp-approved-hero:has(.sp-real-media){min-height:0;padding-bottom:calc((100vw - 10px)/var(--sp-image-ratio,1.9102))}.sp-approved-hero::before{background-image:none}.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-copy{width:100%;padding:26px 20px 20px}.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-media{top:auto;bottom:0;height:calc((100vw - 10px)/var(--sp-image-ratio,1.9102))}.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-photo{position:relative;right:auto;top:auto;transform:none;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:none}.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-media::before{background:linear-gradient(180deg,var(--sp-ivory),rgba(255,248,238,.3) 10px,transparent 26px)}.sp-approved-hero .sp-real-copy h1{font-size:36px}.sp-home-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sp-home-benefit{font-size:12px}}

.sp-approved-hero .sp-real-copy .rte{font-size:16px;line-height:1.45;margin-bottom:14px;max-width:48ch}.sp-approved-hero .sp-real-copy .rte p{font:inherit;margin:0 0 8px}.sp-approved-hero .sp-real-copy .rte p:last-child{margin-bottom:0}
.sp-approved-hero .sp-home-benefits.sp-hero-benefits-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sp-approved-hero .sp-hero-benefits-three .sp-home-benefit{font-size:12px}
@media(min-width:950px) and (max-width:899px){.sp-approved-hero .sp-real-copy .rte{font-size:14px}.sp-approved-hero .sp-hero-benefits-three .sp-home-benefit{font-size:11px}}
@media(max-width:949px){.sp-approved-hero .sp-real-copy .rte{font-size:16px;max-width:none}.sp-approved-hero .sp-home-benefits.sp-hero-benefits-three{grid-template-columns:1fr;gap:10px}}

.sp-approved-hero.sp-pets-hero .sp-pets-frame{position:absolute;right:0;top:50%;width:52%;aspect-ratio:var(--sp-image-ratio);overflow:hidden;transform:translateY(-50%);mask-image:linear-gradient(90deg,transparent,#000 9%)}.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-pets-frame .sp-real-photo{position:static;right:auto;top:auto;width:100%;height:auto;max-height:none;transform:none;mask-image:none}
@media(max-width:949px){.sp-approved-hero.sp-pets-hero .sp-pets-frame{position:relative;right:auto;top:auto;width:100%;transform:none;mask-image:none}}

@media(min-width:950px){.sp-real-hero.sp-approved-hero:has(.sp-real-media) .sp-real-photo{width:min(var(--sp-photo-width,52%),calc(var(--sp-hero-h)*var(--sp-image-ratio,1.9102)));max-height:100%}.sp-approved-hero.sp-pets-hero .sp-pets-frame{mask-image:linear-gradient(90deg,transparent,#000 9%),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}}
@media(min-width:1200px){.sp-approved-hero.sp-pets-hero .sp-pets-frame{width:calc(var(--sp-hero-h)*var(--sp-image-ratio));height:100%}.sp-real-hero.sp-approved-hero.sp-pets-hero:has(.sp-real-media) .sp-real-copy{width:46%}.sp-real-hero.sp-approved-hero.sp-pets-hero:has(.sp-real-media) .sp-real-media::before{background:linear-gradient(90deg,rgba(255,248,238,.92),rgba(255,248,238,.87) 30%,rgba(255,248,238,.72) 39%,rgba(255,248,238,.25) 46%,transparent 51%),radial-gradient(ellipse 52% 115% at 8% 14%,rgba(255,248,238,.28),transparent 88%)}}