.daynight{--scene-top:88px;position:relative;background:#edf3eb}
.daynight-pin{position:relative;height:calc(100vh - var(--scene-top));height:calc(100svh - var(--scene-top));max-height:820px;min-height:360px;overflow:hidden;isolation:isolate}
.daynight-ready{height:180vh;height:180svh}
.daynight-ready .daynight-pin{position:sticky;top:var(--scene-top)}
.daynight-scene{position:absolute;inset:0;color:#163c2b}
.daynight-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.daynight-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f3f7edee 0%,#f3f7ed9c 34%,#f3f7ed00 66%);z-index:0}
.daynight-night{z-index:1;color:#f4f8f2;clip-path:inset(100% 0 0 0);pointer-events:none}
.daynight-ready .daynight-night{will-change:clip-path}
.daynight-night:after{background:linear-gradient(90deg,#071e1be8 0%,#071e1b99 38%,#071e1b00 72%)}
.daynight-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:44px;padding-bottom:44px}
.daynight-content .eyebrow{color:#3d7153;margin-bottom:22px}
.daynight-content h2{font-size:clamp(44px,4.8vw,68px);line-height:1.13;letter-spacing:-.06em;max-width:580px}
.daynight-content>p:not(.eyebrow){max-width:390px;font-size:15px;line-height:1.85;margin-top:22px;color:#3d5b48}
.daynight-content .button{margin-top:28px;gap:32px}
.daynight-night .eyebrow{color:#b3d6c0}
.daynight-night .daynight-content>p:not(.eyebrow){color:#d2e6d9}
.daynight-night .button{background:#c6eed9;color:#153b28}
.daynight-pin:focus-within .daynight-night .button{outline:3px solid #d5f7e2;outline-offset:5px}
.daynight-scroll{position:absolute;bottom:25px;left:max(64px,calc((100% - 1224px)/2));z-index:2;display:none;align-items:center;gap:10px;padding:7px 11px;background:#f0f6ebdd;color:#2c5940;border:1px solid #a5bfa7aa;border-radius:3px;font-size:10px;line-height:1.4;pointer-events:none}
.daynight-ready .daynight-scroll{display:flex}
.daynight-scroll svg{width:14px;height:14px}
@media(max-width:1100px){.daynight-scroll{left:40px}.daynight-content h2{font-size:54px}.daynight-content>p:not(.eyebrow){max-width:340px;font-size:14px}}
@media(max-width:900px){.daynight-scene>img{object-position:63% center}.daynight{--scene-top:74px}.daynight-content h2{font-size:46px}.daynight-content>p:not(.eyebrow){max-width:300px;font-size:13px}.daynight-scene:after{background:linear-gradient(90deg,#f3f7edf2 0%,#f3f7eda1 32%,#f3f7ed00 75%)}.daynight-night:after{background:linear-gradient(90deg,#071e1bf2 0%,#071e1b99 38%,#071e1b00 80%)}}
@media(max-width:700px){.daynight{--scene-top:74px}.daynight-pin{max-height:780px;min-height:560px}.daynight-scene>img{object-position:73% center}.daynight-content{justify-content:flex-end;padding-top:28px;padding-bottom:56px}.daynight-content .eyebrow{font-size:9px;margin-bottom:14px}.daynight-content h2{font-size:clamp(36px,10vw,44px);max-width:none}.daynight-content>p:not(.eyebrow){font-size:13px;line-height:1.7;max-width:310px;margin-top:14px}.daynight-content .button{min-height:47px;padding:12px 20px;font-size:12px;margin-top:20px;gap:28px}.daynight-scene:after{background:linear-gradient(0deg,#f3f7ed 0%,#f3f7edf5 32%,#f3f7ed00 65%)}.daynight-night:after{background:linear-gradient(0deg,#071e1b 0%,#071e1bf5 32%,#071e1b00 65%)}.daynight-scroll{left:40px;bottom:15px;padding:3px 0;background:transparent;border:0;color:#355a43;font-size:9px}.daynight-pin .daynight-scroll{background:#eef5e6e6;padding:4px 8px;border-radius:3px}}
@media(max-width:600px){.daynight{--scene-top:70px}.daynight-scroll{left:24px}}
@media(max-width:360px){.daynight-scroll{left:20px}.daynight-content>p:not(.eyebrow){font-size:12px;max-width:275px}.daynight-content h2{font-size:36px}}
@media(max-height:600px) and (min-width:701px){.daynight-pin{min-height:320px}.daynight-content{padding-top:25px;padding-bottom:45px}.daynight-content .eyebrow{margin-bottom:12px}.daynight-content h2{font-size:42px}.daynight-content>p:not(.eyebrow){margin-top:12px;font-size:13px;line-height:1.6}.daynight-content .button{margin-top:18px;min-height:44px;padding:10px 20px;font-size:12px}.daynight-scroll{bottom:12px}}
@media(prefers-reduced-motion:reduce){.daynight-ready{height:auto}.daynight-ready .daynight-pin{position:relative;top:0}.daynight-night{clip-path:inset(100% 0 0 0)!important;will-change:auto!important}.daynight-scroll{display:none!important}}