/* One shared frame for the sky and original, unmodified panorama. */
.home-page .home-hero:before{display:none}
.home-page .home-scene{position:relative;width:100%;margin-left:50%;transform:translateX(-50%)}
.home-page .home-sky-copy{position:relative;isolation:isolate}
.home-page .home-sky-copy:before{
 content:"";position:absolute;inset:-40px 0 0;
 background:linear-gradient(to bottom,transparent 65%,var(--paper) 100%),url("home-watercolor-clouds.webp") center bottom/100% 100% no-repeat;
 opacity:.64;z-index:-1;pointer-events:none;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);
 mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);
}
/* Override the older viewport-width and tablet rules for this photo only. */
.home-page #main .home-hero .home-scene>.main-street-outline{
 display:block;width:100%;max-width:none;height:auto;max-height:none;
 margin:0;transform:none;object-fit:contain;filter:none;
}
.home-page .home-sky-copy>.eyebrow{letter-spacing:2.5px}
.home-page .home-sky-copy>p{font-family:Georgia,serif;font-size:21px;line-height:1.5;max-width:640px;margin:0 auto}
@media(max-width:760px){
 .home-page .home-scene{width:100vw}
 .home-page .home-sky-copy:before{top:-32px}
 .home-page .home-sky-copy>p{font-size:18px;max-width:340px}
 .home-page .home-sky-copy>.eyebrow{font-size:10px;letter-spacing:1.8px}
}
@media(max-width:480px){
 .home-page .home-sky-copy:before{opacity:.55}
 .home-page .home-sky-copy>p{font-size:17px;max-width:320px}
}
@media(min-width:1024px) and (orientation:landscape) and (hover:none) and (pointer:coarse){
 .home-page .home-scene{width:min(1600px,calc(var(--rotation-viewport-width,100vw) - 40px))}
}