*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#eee8d8;color:#173f39;font-family:Georgia,"Times New Roman",serif}
.site{position:relative;width:100%;min-height:100vh;overflow:hidden;background:#eee8d8}
.moodboard{display:block;width:100%;height:auto;min-height:100vh;object-fit:cover;object-position:top center}
.hot{position:absolute;display:block;text-decoration:none;color:transparent;cursor:pointer;z-index:5}
.hot:focus-visible{outline:2px solid #c6402e;outline-offset:3px}
.hot-header{position:absolute;left:0;right:0;top:0;height:7.8%;z-index:10}
.hot-header .home{left:30.9%;top:2.0%;width:4.5%;height:3.0%}
.hot-header .lore{left:36.9%;top:2.0%;width:4.5%;height:3.0%}
.hot-header .about{left:41.7%;top:2.0%;width:4.8%;height:3.0%}
.hot-header .archive{left:47.8%;top:2.0%;width:5.3%;height:3.0%}
.hot-header .favorites{left:54.0%;top:2.0%;width:6.0%;height:3.0%}
.hot-header .guestbook{left:61.0%;top:2.0%;width:6.5%;height:3.0%}
.hero-cta{left:42%;top:27%;width:16%;height:7%}
.card-one{left:0.8%;top:37%;width:29%;height:18%}
.card-two{left:53%;top:36%;width:29%;height:18%}
.card-three{left:80%;top:37%;width:19%;height:18%}
.anchor{position:absolute;top:0}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140px);opacity:0;transition:.35s ease;z-index:20;width:min(560px,calc(100% - 32px));padding:18px 46px 18px 20px;background:#f4ecd9;border:1px solid rgba(20,63,57,.25);box-shadow:0 12px 35px rgba(20,45,40,.16);font-family:Arial,sans-serif;color:#173f39}
.toast.show{transform:translate(-50%,0);opacity:1}
.toast strong{display:block;font-family:Georgia,serif;font-size:20px;margin-bottom:5px}
.toast span{font-size:13px;line-height:1.45}
.toast button{position:absolute;right:13px;top:9px;border:0;background:transparent;font-size:24px;color:#173f39;cursor:pointer}
@media (max-width:700px){
  .moodboard{width:auto;height:100vh;min-width:150%;max-width:none;transform:translateX(-25%)}
  .hot-header .home{left:27%;width:8%}.hot-header .lore{left:37%;width:8%}.hot-header .about{left:47%;width:8%}
  .hot-header .archive{left:57%;width:10%}.hot-header .favorites{left:68%;width:12%}.hot-header .guestbook{left:81%;width:14%}
  .hero-cta{left:38%;top:29%;width:25%;height:8%}
}