.guestbook-page{padding-block:76px 110px}
.guestbook-intro{border-bottom:1px solid var(--line);padding-bottom:64px}
.guestbook-intro h1{font:400 clamp(57px,6vw,88px)/1.3 var(--serif);letter-spacing:.08em;margin:26px 0 20px}
.guestbook-intro h1 span{color:#778563;font-size:.6em}
.guestbook-intro>p:last-child{font:15px/2.1 var(--serif);color:var(--muted)}
.guestbook-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(54px,8vw,132px);padding-top:52px}
.guestbook-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:33px}
.guestbook-section-head h2{font:400 23px/1.5 var(--serif);letter-spacing:.07em}
.guestbook-form-section form{display:flex;flex-direction:column}
.guestbook-form-section label{font-size:12px;letter-spacing:.03em;margin-bottom:10px}
.guestbook-form-section label span{color:var(--muted);font-size:10px;letter-spacing:0;margin-left:8px}
.guestbook-form-section input,.guestbook-form-section textarea{border:1px solid #cdd1c5;background:#faf9f5;border-radius:0;width:100%;padding:13px 15px;font:13px/1.7 var(--sans);color:var(--ink);outline-offset:3px;margin-bottom:25px}
.guestbook-form-section textarea{min-height:178px;resize:vertical}
.guestbook-form-section input::placeholder,.guestbook-form-section textarea::placeholder{color:#9b9f95}
.guestbook-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.guestbook-note{font:11px/1.9 var(--sans);color:var(--muted)}
.guestbook-actions{display:flex;align-items:center;gap:20px;margin-top:20px;flex-wrap:wrap}
.guestbook-actions button{background:var(--green);color:var(--paper);font-size:12px;padding:14px 18px;min-width:150px;text-align:left;display:flex;justify-content:space-between;gap:25px}
.guestbook-actions button:hover{color:white;background:#34402f}
.guestbook-actions button:disabled{opacity:.5}
.guestbook-actions button span{font-size:15px}
#guestbook-feedback{font:11px/1.8 var(--sans);color:var(--muted)}
.guestbook-entries-intro{font:12px/1.9 var(--serif);color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:22px}
.guestbook-entry{padding:24px 0 26px;border-bottom:1px solid var(--line)}
.guestbook-entry-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:14px}
.guestbook-entry-name{font:17px/1.5 var(--serif)}
.guestbook-entry-date{font:10px/1.6 var(--latin);color:var(--muted);letter-spacing:.04em;white-space:nowrap}
.guestbook-entry-message{font:13px/1.95 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}
.guestbook-reply{margin-top:21px;padding:15px 18px 17px;border-left:2px solid #87957d;background:#eceee7}
.guestbook-reply strong{display:block;font:11px/1.5 var(--sans);letter-spacing:.06em;margin-bottom:7px}
.guestbook-reply p{font:12px/1.85 var(--serif);white-space:pre-wrap;overflow-wrap:anywhere}
.guestbook-empty,.guestbook-error{font:12px/1.9 var(--serif);color:var(--muted);padding:35px 0}
.guestbook-more{font:11px var(--sans);color:var(--green);border-bottom:1px solid var(--line);width:100%;text-align:center;padding:23px;margin-top:4px}
@media(max-width:900px){.guestbook-layout{gap:50px}}
@media(max-width:760px){.guestbook-page{padding-block:43px 68px}.guestbook-intro{padding-bottom:36px}.guestbook-intro h1{font-size:57px;margin:18px 0}.guestbook-intro>p:last-child{font-size:13px;line-height:2}.guestbook-layout{display:block;padding-top:35px}.guestbook-section-head{margin-bottom:23px}.guestbook-section-head h2{font-size:20px}.guestbook-entries{margin-top:66px}.guestbook-form-section input,.guestbook-form-section textarea{margin-bottom:21px}.guestbook-entry{padding-block:21px}}