/* Sunward's source / freedom / heat / house. Four films, four compositions. */
[data-ambient-film]{overflow:hidden;pointer-events:none}
[data-ambient-film]>img,.ambient-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ambient-video{opacity:0;transition:opacity .55s ease}
.film-ready>.ambient-video{opacity:1}
.hero .hero-landscape{inset:0;height:100%;opacity:.92;filter:none;mask-image:none}
.hero-landscape>.ambient-video,.hero-landscape>img{object-position:70% center}
.hero .hero-landscape::after{background:linear-gradient(90deg,#050505eb 0%,#05050593 28%,#05050518 58%,#05050566 100%),linear-gradient(0deg,#050505 0%,#05050515 32%,#05050515 75%,#050505b3)}
.hero-heading,.hero-description,.hero-bottom{text-shadow:0 2px 18px #0008}
.freedom-section .freedom-image{inset:0;opacity:1}
.freedom-image>.ambient-video,.freedom-image>img{object-position:70% center;filter:contrast(1.12)}
.freedom-section .freedom-image::after{background:linear-gradient(90deg,#050505d9 0%,#05050599 36%,#05050512 75%),linear-gradient(0deg,#050505e6,transparent 46%,#05050570)}
.freedom-section .freedom-outline{opacity:.32}
.freedom-statements{filter:drop-shadow(0 4px 16px #0006)}
.solar-film{position:absolute;inset:0;z-index:0;opacity:.72;mix-blend-mode:screen}
.solar-film>.ambient-video,.solar-film>img{object-position:right center}
.solar-film::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 5%,#0009 30%,transparent 72%),linear-gradient(0deg,#000 0%,transparent 30%,transparent 76%,#000)}
.house-section .house-aura{opacity:.35;filter:blur(40px)}
.house-section .manifesto-sun{filter:drop-shadow(0 0 28px #fcae0029)}
.contact{isolation:isolate;min-height:740px;overflow:hidden}
.contact .contact-image{inset:0;opacity:1!important;z-index:-2}
.contact-image>.ambient-video,.contact-image>img{object-position:72% center;filter:none}
.contact::before{background:linear-gradient(90deg,#070707f5 0%,#070707d0 35%,#07070733 72%,#07070722),linear-gradient(0deg,#070707d9,transparent 45%,#07070766)}
.contact h2{width:85%;text-shadow:0 3px 26px #0008}
.contact .contact-note{color:#ded5bf}
.house-location{position:absolute;right:4%;bottom:50px;z-index:1;font:10px/1.8 var(--mono);color:#ddc19b;text-align:right;letter-spacing:.1em}
.house-location b{font-weight:400;color:var(--yellow)}
.motion-paused .ambient-video{transition:none}
@media(min-width:701px){.house-section .house-bottom{bottom:130px}}
@media(max-width:1100px){.contact{min-height:680px}.house-location{bottom:27px}}
@media(max-width:700px){
 .hero .hero-landscape{opacity:.85}
 .hero-landscape>.ambient-video,.hero-landscape>img{object-position:68% center}
 .hero .hero-landscape::after{background:linear-gradient(0deg,#050505 0%,#05050535 35%,#050505a6 70%,#050505e8)}
 .freedom-image>.ambient-video,.freedom-image>img{object-position:73% center}
 .freedom-section .freedom-image::after{background:linear-gradient(0deg,#050505e6 0%,#05050570 40%,#050505b0 85%)}
 .solar-film{opacity:.6;inset:0 -45% 0 -20%}
 .solar-film::after{background:linear-gradient(0deg,#000 0%,transparent 40%,#0008)}
 .contact{min-height:780px;padding-bottom:105px}
 .contact-image>.ambient-video,.contact-image>img{object-position:77% center}
 .contact::before{background:linear-gradient(0deg,#070707ee 0%,#07070777 35%,#0707079c 75%,#070707df)}
 .contact h2{width:100%}
 .house-location{left:5%;right:auto;bottom:35px;text-align:left;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.ambient-video{transition:none}}
.motion-offscreen,.motion-offscreen *,.motion-offscreen::before,.motion-offscreen::after,
.motion-offscreen *::before,.motion-offscreen *::after,
.tab-inactive *,.tab-inactive *::before,.tab-inactive *::after{animation-play-state:paused!important}