/* Removable seasonal layer: decorative and independent of site features. */
.christmas-greeting{display:flex;align-items:center;justify-content:center;gap:22px;min-height:36px;padding:8px 18px;background:#003738;color:#fff8f2;border-bottom:1px solid #fff8f21f;font-size:11px;line-height:1.5;letter-spacing:.075em;text-align:center}
.christmas-greeting>span[aria-hidden]{color:#ffce1a;font-size:16px;line-height:1}
.christmas-decor,.christmas-photo-sprig{pointer-events:none;user-select:none}
.christmas-decor{position:absolute;inset:0;overflow:hidden;z-index:1}
.christmas-lights{position:absolute;inset:0 0 auto;height:58px;background:url('/assets/christmas-lights.svg') repeat-x left top/320px 56px}
.christmas-corner{position:absolute;top:-9px;left:-15px;width:300px;height:auto}
.christmas-corner-right{left:auto;right:-15px;transform:scaleX(-1)}
.christmas-photo-sprig{position:absolute;z-index:3;top:-43px;right:18%;width:210px;height:auto;transform:rotate(5deg)}
.christmas-snowflake{position:absolute;width:22px;height:22px;opacity:.65;background:url('/assets/christmas-snowflake.svg') center/contain no-repeat}
.christmas-snowflake-one{left:43%;top:12%}.christmas-snowflake-two{right:2%;top:37%;width:18px;height:18px}.christmas-snowflake-three{left:38%;bottom:11%;width:17px;height:17px}.christmas-snowflake-four{right:10%;bottom:7%}
.christmas-star{position:absolute;width:13px;height:13px;background:#ffe28c;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:.85}
.christmas-star-one{left:47%;top:20%}.christmas-star-two{left:35%;bottom:32%;width:10px;height:10px}.christmas-star-three{right:3%;bottom:12%;width:11px;height:11px}
@media(max-width:1100px){.christmas-corner{width:240px}.christmas-photo-sprig{width:175px;top:-35px}.christmas-snowflake-one{left:48%}}
@media(max-width:800px){.christmas-corner{width:200px}.christmas-photo-sprig{width:155px;right:20%}.christmas-greeting{font-size:10px;gap:14px;letter-spacing:.04em}}
@media(max-width:560px){.christmas-greeting{min-height:37px;padding:9px 12px;gap:10px;font-size:10px;letter-spacing:.015em}.christmas-greeting>span[aria-hidden]{font-size:12px}.christmas-corner{width:145px;top:-6px;left:-4px}.christmas-corner-right{left:auto;right:-4px}.christmas-lights{height:45px;background-size:260px 46px}.christmas-photo-sprig{width:138px;top:-28px;right:24%}.christmas-snowflake-one{left:51%;top:2.5%;width:14px;height:14px}.christmas-snowflake-two{right:1%;top:50%;width:15px;height:15px}.christmas-snowflake-three{left:3%;bottom:30%;width:13px;height:13px}.christmas-snowflake-four{right:9%;bottom:3%;width:15px;height:15px}.christmas-star-one{left:78%;top:5%;width:9px;height:9px}.christmas-star-two{display:none}.christmas-star-three{right:3%;bottom:7%}}

/* Alternating warm glows; the wire and base bulbs remain steady. */
.christmas-lights::before,.christmas-lights::after{content:"";position:absolute;inset:0;background-repeat:repeat-x;background-position:left top;background-size:320px 56px;pointer-events:none;will-change:opacity}
.christmas-lights::before{background-image:url('/assets/christmas-twinkle-1.svg');animation:christmas-light-twinkle 3.8s ease-in-out -1.2s infinite}
.christmas-lights::after{background-image:url('/assets/christmas-twinkle-2.svg');animation:christmas-light-twinkle 5.1s ease-in-out -3.2s infinite}
@keyframes christmas-light-twinkle{0%,100%{opacity:.12}38%{opacity:1}62%{opacity:.35}80%{opacity:.8}}
body.motion-paused .christmas-lights::before,body.motion-paused .christmas-lights::after{animation-play-state:paused}
@media(max-width:560px){.christmas-lights::before,.christmas-lights::after{background-size:260px 46px}}
@media(prefers-reduced-motion:reduce){.christmas-lights::before,.christmas-lights::after{animation:none!important;opacity:.45;will-change:auto}}

/* Keep enlarged foliage and hanging ornaments above the heading. */
.hero:has(> .christmas-decor){padding-top:94px}
@media(max-width:560px){.hero:has(> .christmas-decor){padding-top:70px}}