/* Approved C: a stack of paper leaves. Existing colors, type and authentic reviews. */
.guestbook.section{padding-block:52px;background:#eee9e2}
.guestbook .guestbook-wrap{max-width:820px}
.guestbook-heading{text-align:center;margin-bottom:26px}
.guestbook-heading h2{margin:0;font-size:clamp(34px,3.4vw,46px);line-height:1.16}
.guestbook-heading h2>.eyebrow{display:block;font:500 10px/1.6 var(--sans);letter-spacing:.14em;margin-bottom:16px}
.guestbook-title{display:block}
.guestbook-title em{color:#806448}
.guestbook-heading p{font-size:13px;line-height:1.85;color:var(--muted);margin:14px 0 0}
.guestbook-reading{min-width:0;max-width:740px;margin-inline:auto;position:relative}
.guestbook-pages{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:26px;min-width:0;margin-inline:16px}
.guestbook .guest-quote{position:relative;display:flex;flex-direction:column;gap:0;min-width:0;min-height:330px;margin:0;padding:30px 38px 26px;border:1px solid #d5c9b8;background:var(--paper);box-shadow:0 12px 24px #2b333f08;scroll-snap-align:none;transform-origin:center 85%;overflow-wrap:break-word}
.guestbook .guest-quote-symbol{display:block;position:static;font:400 44px/.8 var(--serif);color:#8f6a43;margin-bottom:15px}
.guestbook .guest-quote blockquote{font:400 clamp(27px,2.4vw,32px)/1.4 var(--serif);letter-spacing:-.025em;max-width:none;margin:0 0 24px}
.guestbook .guest-quote figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;margin-top:auto;font-size:12px;line-height:1.65}
.guestbook .guest-quote-author{font-weight:500;grid-column:1}
.guestbook .guest-quote-source{grid-column:2;grid-row:1;margin:0;font-size:12px}
.guestbook .guest-quote figcaption a{grid-column:1/-1;justify-self:start;font-size:12px;min-height:44px;gap:10px}
.guestbook .guest-quote-translation{grid-column:1/-1;font-size:11px}
/* Without enhancement each quotation remains readable. The enhanced grid keeps
   the height of the longest quotation, avoiding jumps when changing leaves. */
.guestbook-ready .guestbook-pages{gap:0;touch-action:pan-y pinch-zoom}
.guestbook-ready .guestbook-pages::before,.guestbook-ready .guestbook-pages::after{content:"";position:absolute;inset:0;z-index:-1;border:1px solid #d5c9b8;background:#f0ebe3;pointer-events:none}
.guestbook-ready .guestbook-pages::before{transform:translateY(10px) rotate(-1.5deg)}
.guestbook-ready .guestbook-pages::after{transform:translateY(5px) rotate(1deg);background:#f5f1ea}
.guestbook-ready .guestbook-page{grid-area:1/1;visibility:hidden;pointer-events:none}
.guestbook-ready .guestbook-page.is-active{visibility:visible;pointer-events:auto}
.guestbook-ready .guestbook-pages.is-dragging .guestbook-page.is-active{transform:translateX(var(--guest-leaf-x,0px)) rotate(var(--guest-leaf-tilt,0deg));will-change:transform;user-select:none}
.guestbook-controls{display:flex;align-items:center;gap:11px;margin:28px 16px 0}
.guestbook-position{margin-right:auto;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:.13em;color:var(--muted)}
.guestbook-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #bcab93;border-radius:50%;background:transparent;font-size:20px;color:var(--ink);transition:background .2s}
.guestbook-arrow:hover:not(:disabled){background:#e9e0d4}
.guestbook-arrow:disabled{opacity:.3}
.guestbook-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){
 .guestbook-ready .guestbook-pages{cursor:grab}
 .guestbook-ready .guestbook-pages.is-dragging{cursor:grabbing}
 .guestbook .guest-quote a{cursor:pointer}
}
@media(max-width:650px){
 .guestbook.section{padding-block:36px}
 .guestbook-heading h2{font-size:33px}
 .guestbook-heading h2>.eyebrow{margin-bottom:14px}
 .guestbook-heading p{font-size:12px;margin-top:14px}
 .guestbook-pages{margin-inline:5px}
 .guestbook .guest-quote{padding:23px 21px 22px;min-height:360px}
 .guestbook .guest-quote blockquote{font-size:24px;line-height:1.4;margin-bottom:20px}
 .guestbook .guest-quote-symbol{font-size:35px;margin-bottom:12px}
 .guestbook .guest-quote figcaption{column-gap:10px}
 .guestbook-controls{margin-inline:0}
}
@media(max-width:370px){
 .guestbook .guest-quote figcaption{grid-template-columns:minmax(0,1fr)}
 .guestbook .guest-quote-source{grid-column:1;grid-row:auto;margin-top:3px}
}
@media(prefers-reduced-motion:reduce){
 .guestbook-arrow{transition:none}
 .guestbook-ready .guestbook-pages.is-dragging .guestbook-page.is-active{transform:none;will-change:auto}
}
@media print{
 .guestbook-ready .guestbook-pages{gap:20px}
 .guestbook-ready .guestbook-page{grid-area:auto;visibility:visible;pointer-events:auto;transform:none!important;break-inside:avoid}
 .guestbook-ready .guestbook-pages::before,.guestbook-ready .guestbook-pages::after,.guestbook-controls{display:none!important}
}
