.night{background:#080f0d;color:#d1d6c4;--spot:#dce4b5;--spot-bg:#142219}.night a{color:inherit;text-decoration:none}.night a:hover{text-decoration:underline;text-underline-offset:5px}.night-nav{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#92a18d}.night-brand{font-size:22px;color:#d7ddc7}.night-brand>span{color:#a5b38c}.night-main{max-width:1160px;padding:0 32px;margin:14px auto 0}.night-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 21px;gap:30px}.night-heading .eyebrow{font-size:11px;color:#748770}.night-heading h1{font-size:33px;line-height:1.25;margin-top:8px;color:#e2e8d1}.night-heading>p{color:#8fa08b;max-width:250px}.night .webcam{border:1px solid #475242;box-shadow:0 0 0 6px #0d1712;aspect-ratio:8/4.8}.night .webcam>canvas{object-fit:cover;filter:saturate(.2) brightness(.82) contrast(1.18)}.night .camera-clock{top:9%;right:3%;opacity:.6}.night-feed-tag{position:absolute;right:25px;bottom:23px;color:#a4b09d;font-size:11px}.night-note{position:absolute;left:22px;bottom:23px;max-width:365px;padding:18px 20px;background:#07110bee;border-left:2px solid #9bab83;color:#bdc9b2;pointer-events:auto}.night-note .note-eyebrow{font-size:11px;color:#7b9075}.night-note h2{font-size:22px;margin-top:9px;color:#d6e1c2}.night-note p{font-size:11px;line-height:1.8;margin-top:9px}.night-note a{font-size:11px;color:#a1b18e;margin-top:12px}.night-under{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:25px}.night-under>p{font-size:11px;color:#86977e;max-width:580px}.night .main-action{border:1px solid #aebd94;background:#c5d0b0;padding:13px 17px;color:#1c2b17;flex-shrink:0;box-shadow:3px 3px #293725}.night .main-action:hover{background:#e0e6ce}.night-footer{max-width:1160px;padding:34px 32px 25px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#5f755e;font-size:11px}.night-footer button{color:#8a9c81}.night-footer>a{color:#8c9d7f}
@media(min-width:1600px){.night-main{max-width:1250px}.night-footer{max-width:1250px}}
@media(max-width:900px){.night-nav{height:68px;padding:0 25px}.night-nav .quiet{display:none}.night-main{padding:0 25px}.night-heading>p{max-width:180px}.night-note{max-width:315px;padding:13px 15px;left:15px;bottom:15px}.night-feed-tag{display:none}.night-under{gap:24px}.night-under>p{max-width:380px}.night-footer{padding:28px 25px;flex-wrap:wrap}.night-footer>span{width:100%}}
@media(max-width:620px){.night-main{padding:0 17px;margin-top:10px}.night-nav{height:66px;padding:0 17px}.night-nav>a{font-size:11px}.night-heading{display:block;margin-bottom:19px}.night-heading h1{font-size:33px}.night-heading>p{max-width:100%;margin-top:11px}.night .webcam{aspect-ratio:auto;overflow:visible;border:0;box-shadow:none;background:none}.night .webcam>canvas{aspect-ratio:8/5;height:auto;border:1px solid #465643}.night .hotspots{bottom:auto;height:auto;aspect-ratio:8/5}.night .camera-clock{top:23px;right:12px}.night-note{position:relative;left:auto;bottom:auto;max-width:none;margin-top:16px;padding:15px 17px;min-height:219px}.night-note h2{font-size:22px}.night .spot-label{display:none}.night-under{flex-direction:column-reverse;gap:17px;margin-top:20px;align-items:stretch}.night .main-action{text-align:center;width:100%;padding:14px 10px}.night-under>p{max-width:none}.night-footer{padding:26px 17px;gap:19px;font-size:11px}.night-footer>span{line-height:1.8}}
.night-note{left:auto;right:22px}.night-feed-tag{left:25px;right:auto}
@media(max-width:900px){.night-note{left:auto;right:15px}}
@media(max-width:620px){.night-note{right:auto}.night-feed-tag{display:none}}
.night-main,.night-footer{max-width:1060px}
@media(min-width:1600px){.night-main,.night-footer{max-width:1160px}}