.portal-media{background-image:url('/images/hero-residential-v12.jpg')}
.portal-video{filter:saturate(1.06) contrast(1.02);object-position:center;opacity:0}
.portal-video.is-playing{opacity:1}
.portal-overlay{background:linear-gradient(90deg,rgba(5,25,43,.86) 0%,rgba(5,25,43,.7) 31%,rgba(5,25,43,.26) 57%,rgba(5,25,43,.06) 100%),linear-gradient(0deg,rgba(5,25,43,.46),transparent 44%)}
.portal-media:after,.portal-hero .hero-glow{display:none}
.portal-hero .portal-intro{max-width:760px}
#hero-heading-rotator{height:2.35em;font-size:clamp(48px,5vw,72px);line-height:1.08;letter-spacing:-.055em;overflow:hidden;animation:none}
.portal-hero h1>.hero-message{inset:0;width:max-content;max-width:100%;opacity:0;transform:translateY(36px);filter:none;transition:opacity .55s ease,transform .65s cubic-bezier(.22,.8,.25,1)}
.portal-hero h1>.hero-message.is-active{opacity:1;transform:translateY(0);filter:none}
.portal-hero h1>.hero-message.is-leaving{opacity:0;transform:translateY(-32px);filter:none}
.portal-hero h1 .hero-message>span{white-space:nowrap;line-height:1.08}
.portal-hero .hero-message em{color:#ffb398}
.portal-hero .hero-message em:after{bottom:-6px;height:3px;background:linear-gradient(90deg,#ffb398,#ffb39855);animation:none;transform:none}
.portal-hero .hero-description{max-width:590px;min-height:3.2em;margin-top:14px;color:#f0f5f8;font-size:16px;line-height:1.6}
.hero-description.is-updating{animation:heroCaptionIn .65s ease both}
.hero-message-controls{display:flex;align-items:center;gap:7px;margin-top:5px}
.hero-message-controls button{display:grid;place-items:center;width:38px;height:30px;padding:0;background:transparent;border:0;border-radius:6px;color:#fff;cursor:pointer}
.hero-message-controls [data-hero-slide]:before{content:"";display:block;width:20px;height:4px;background:#ffffff66;border-radius:4px;transition:width .3s,background .3s}
.hero-message-controls [data-hero-slide].active:before{width:32px;background:#ffb398}
.hero-message-controls [data-hero-pause]{width:30px;font-size:14px;border:1px solid #ffffff45;margin-left:7px;background:#06223855}
.hero-message-controls button:hover{background:#ffffff18}
.hero-message-controls button:focus-visible{outline:2px solid #ffb398;outline-offset:3px}
@keyframes heroCaptionIn{from{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:720px){
 .portal-video{filter:saturate(1.04) contrast(1.02);object-position:65% center}
 .portal-overlay{background:linear-gradient(90deg,#05192be6,#05192b80),linear-gradient(0deg,#05192b66,transparent 48%)}
 #hero-heading-rotator{font-size:clamp(34px,9.5vw,52px);height:2.4em;letter-spacing:-.055em}
 .portal-hero .hero-description{font-size:14px;min-height:4.8em;max-width:100%;line-height:1.6;margin-top:10px}
 .hero-message-controls{margin-top:0}
}
@media(prefers-reduced-motion:reduce){
 .portal-hero h1>.hero-message,.hero-message-controls [data-hero-slide]:before{transition:none;transform:none}
 .hero-description.is-updating{animation:none}
}