/* All live elements share the exact photograph coordinate system. */
.coastal-hero{aspect-ratio:1760/894}
.coastal-scene{container-type:inline-size}
.coastal-scene>.coastal-image{object-fit:fill}
.coastal-leaves{background-image:url('assets/main-coastal-live-v1.png')}
.coastal-copy{top:15%;width:37%}
.coastal-copy h1{font-size:clamp(26px,2.8vw,50px);line-height:1.26;margin:1.1vw 0;letter-spacing:-.04em}
.coastal-copy>p:not(.eyebrow){margin-bottom:1.3vw;line-height:1.65}
.home-live-calendar{position:absolute;inset:0;pointer-events:none;color:#20231f}
.home-live-calendar span{position:absolute;transform:translate(-50%,-50%);font-family:Georgia,'Times New Roman','Noto Serif SC',serif;line-height:1;white-space:nowrap;font-weight:700;text-shadow:0 .035cqw #fff8}
.home-live-calendar .month{left:16.9%;top:75%;font-size:2.55cqw;font-style:italic;transform:translate(-50%,-50%) skew(-5deg)}
.home-live-calendar .day{left:22.25%;top:75%;font-size:2.55cqw;font-style:italic;transform:translate(-50%,-50%) skew(-4deg)}
.home-live-calendar .week{left:27.75%;top:74.7%;font-size:1.35cqw}
.home-live-calendar .month-label{left:17.1%;top:70.9%}.home-live-calendar .day-label{left:22.5%;top:70.9%}.home-live-calendar .week-label{left:28%;top:71%}
.home-live-calendar .label{font-size:.48cqw;font-style:italic}
.home-live-calendar .month-name{left:16.8%;top:78.3%;font-size:.62cqw;font-style:italic}
.home-live-calendar .week-name{left:27.7%;top:78.3%;font-size:.62cqw;font-style:italic}
.home-live-calendar .year{left:22.1%;top:83.2%;font-size:1.04cqw;font-weight:500;font-style:italic}
.home-live-clock{position:absolute;left:5.45%;top:78.45%;width:6.25%;height:3.5%;color:#19201c;display:flex;align-items:center;gap:.2cqw}
.home-live-clock svg{display:block;width:100%;height:100%;fill:currentColor}.home-live-clock .hm{display:flex;width:75%;height:100%}.home-live-clock .ss{display:flex;width:25%;height:75%;align-self:flex-end}
.home-live-summary{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:760px){.coastal-hero{aspect-ratio:auto}.coastal-scene{aspect-ratio:1760/894}.coastal-copy{position:relative;left:auto;top:auto;width:auto;padding:28px 6%;order:0}.coastal-copy h1{font-size:32px;margin:12px 0}.coastal-copy>p:not(.eyebrow){margin-bottom:14px}.home-live-summary{position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:block;order:3;text-align:center;padding:10px;background:#e7f4fc;color:#25495b;font-size:12px;font-variant-numeric:tabular-nums}.hero-index{display:none}}