@font-face{font-family:"Book Allura";font-style:normal;font-weight:400;font-display:swap;src:url('/guestbook-fonts/allura-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Book Allura";font-style:normal;font-weight:400;font-display:swap;src:url('/guestbook-fonts/allura-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Book Sacramento";font-style:normal;font-weight:400;font-display:swap;src:url('/guestbook-fonts/sacramento-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Book Sacramento";font-style:normal;font-weight:400;font-display:swap;src:url('/guestbook-fonts/sacramento-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Book Dancing Script";font-style:normal;font-weight:400;font-display:swap;src:url('/guestbook-fonts/dancing-script-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Book Dancing Script";font-style:normal;font-weight:400;font-display:swap;src:url('/guestbook-fonts/dancing-script-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Book Caveat";font-style:normal;font-weight:400;font-display:swap;src:url('/guestbook-fonts/caveat-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Book Caveat";font-style:normal;font-weight:400;font-display:swap;src:url('/guestbook-fonts/caveat-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


.guestbook{max-width:1240px;margin:0 auto;scroll-margin-top:30px;color:var(--ink,#20272b)}
.guestbook-heading{text-align:left;margin-bottom:26px}
.guestbook-heading h2{font:750 clamp(34px,4.2vw,58px)/1.1 var(--sans,system-ui,sans-serif);letter-spacing:-1.8px;margin:0 0 10px}
.guestbook-heading p{font:500 clamp(18px,2vw,25px)/1.45 var(--sans,system-ui,sans-serif);color:var(--muted,#5b676f);margin:0}
.guestbook-heading .guestbook-intro{font:400 15px/1.65 var(--sans,system-ui,sans-serif);margin-top:7px;color:var(--muted,#5b676f)}
.guestbook-sheet{position:relative;isolation:isolate;background:#fffefb;border:1px solid #d9dddd;border-radius:5px 5px 8px 8px;padding:14px 32px 22px;box-shadow:0 3px 0 -1px #f0efeb,0 6px 0 -1px #deded7,0 8px 0 -1px #b6c0c4,0 18px 28px -19px #3740455c}
.guestbook-sheet::before{content:"";position:absolute;z-index:-1;inset:0 auto 0 50%;width:1px;background:#e1e2dd;box-shadow:0 0 10px 2px #363f4410}
.guestbook-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(148px,auto));gap:0 64px;list-style:none;padding:0;margin:0;outline-offset:6px}
.guestbook-entry{position:relative;min-width:0;padding:17px 3px 16px;border-bottom:1px solid #d9dedf;color:#283e48;overflow-wrap:anywhere}
.guestbook-entry:has(.guestbook-thumbnails){padding-right:119px}
.guestbook-name{display:block;font:400 45px/1.1 "Book Allura","Segoe Script","Bradley Hand",cursive;letter-spacing:0;overflow-wrap:anywhere;transform:rotate(-.35deg);transform-origin:30% 70%}
.guestbook-date{display:block;font:400 21px/1.3 "Book Allura","Segoe Script","Bradley Hand",cursive;letter-spacing:0;color:#626d73;overflow-wrap:anywhere;margin:5px 0 0 2px}
.guestbook-entry[data-style="1"] .guestbook-name{font-family:"Book Sacramento","Segoe Script","Bradley Hand",cursive;font-size:44px;color:#334c59;transform:rotate(.25deg)}
.guestbook-entry[data-style="2"] .guestbook-name{font-family:"Book Dancing Script","Segoe Script","Bradley Hand",cursive;font-size:38px;color:#303c42;transform:rotate(-.45deg)}
.guestbook-entry[data-style="3"] .guestbook-name{font-family:"Book Caveat","Segoe Script","Bradley Hand",cursive;font-size:40px;color:#394e5b;transform:rotate(.35deg)}
.guestbook-entry-current .guestbook-signature{border-radius:5px;background:#edf1f3;box-shadow:0 0 0 6px #edf1f3}
.guestbook-keepsakes{margin-top:9px;color:var(--ink,#20272b)}
.guestbook-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font:400 14px/1.45 var(--sans,system-ui,sans-serif);margin:0 0 5px;color:#303a40}
.guestbook-view-memories{border:0;border-radius:3px;padding:0;background:transparent;color:var(--accent,#365568);font:500 13px/1.5 var(--sans,system-ui,sans-serif);cursor:pointer;text-align:left}
.guestbook-view-label{text-decoration:underline;text-underline-offset:3px}
.guestbook-view-memories:hover .guestbook-view-label,.guestbook-post:hover{text-decoration-thickness:2px}
.guestbook-thumbnails{position:absolute;right:2px;top:29px;width:101px;height:94px;display:flex;gap:3px;overflow:hidden;border-radius:8px;background:#e8eded}
.guestbook-thumbnails img{display:block;flex:1;min-width:0;width:100%;height:100%;object-fit:cover}
.guestbook-thumbnails img+img{display:none}
.guestbook-post{display:inline-block;font:500 13px/1.5 var(--sans,system-ui,sans-serif);color:var(--accent,#365568);margin:3px 0 0 12px;text-underline-offset:3px}
.guestbook-status{position:relative;background:#fffefb;font:400 15px/1.65 var(--sans,system-ui,sans-serif);color:var(--muted,#5b676f);text-align:center;max-width:520px;margin:21px auto}
.guestbook-empty .guestbook-status{padding:30px 12px 24px;margin:10px auto;min-height:110px;font:400 17px/1.6 var(--sans,system-ui,sans-serif)}
.guestbook-empty .guestbook-entries{display:none}
#guestbook-retry{position:relative;display:block;margin:5px auto 18px;background:#fffefb;min-height:44px}
.guestbook-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin:23px auto 0;min-height:44px}
.guestbook-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b7c4cb;border-radius:6px;padding:8px 18px;min-height:42px;min-width:115px;color:#365568;background:transparent;font:500 14px/1.3 var(--sans,system-ui,sans-serif);cursor:pointer;transition:background .15s,border-color .15s}
.guestbook-controls #guestbook-next{background:#365568;border-color:#365568;color:#fff}
.guestbook-controls button:hover:not(:disabled){background:#e6edf0;border-color:#6c8797}
.guestbook-controls #guestbook-next:hover:not(:disabled){background:#233e4e}
.guestbook-controls button:disabled{opacity:.4;cursor:default}
.guestbook-controls svg{width:17px;height:17px;flex:none}
#guestbook-page{min-width:64px;text-align:center;font:500 15px/1.4 var(--sans,system-ui,sans-serif);font-variant-numeric:tabular-nums;color:var(--ink,#20272b)}
@media(max-width:750px){
  .guestbook{scroll-margin-top:24px}
  .guestbook-heading{margin-bottom:21px}
  .guestbook-heading h2{font-size:36px;letter-spacing:-1.2px;margin-bottom:8px}
  .guestbook-heading p{font-size:19px}
  .guestbook-heading .guestbook-intro{font-size:14px;margin-top:8px}
  .guestbook-sheet{padding:10px 21px 20px;border-radius:5px 5px 8px 8px}
  .guestbook-sheet::before{display:none}
  .guestbook-entries{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(132px,auto));gap:0}
  .guestbook-entry,.guestbook-entry:has(.guestbook-thumbnails){padding:19px 2px 18px}
  .guestbook-entry:has(.guestbook-thumbnails) .guestbook-signature{padding-right:76px}
  .guestbook-name{font-size:40px}
  .guestbook-entry[data-style="1"] .guestbook-name{font-size:39px}
  .guestbook-entry[data-style="2"] .guestbook-name{font-size:34px}
  .guestbook-entry[data-style="3"] .guestbook-name{font-size:37px}
  .guestbook-date{font-size:20px;margin-left:1px;line-height:1.3}
  .guestbook-thumbnails{width:64px;height:66px;top:27px;right:1px;border-radius:6px}
  .guestbook-excerpt{font-size:13px;line-height:1.5}
  .guestbook-controls{gap:15px;margin-top:23px}
  .guestbook-controls button{min-width:95px;padding:9px 12px;font-size:13px}
  #guestbook-page{min-width:52px;font-size:14px}
  .guestbook-status{font-size:14px}
  .guestbook-empty .guestbook-status{font-size:16px;padding:23px 0 18px;min-height:96px}
}
@media(prefers-reduced-motion:reduce){.guestbook-name{transform:none!important}.guestbook-controls button{transition:none}}
