.brochure-section{background:#004a43;color:#fffdf8;padding:65px 0 85px;border-top:1px solid #bca77a;border-radius:28px 28px 0 0;position:relative}.brochure-section .section-kicker{color:#bca77a}.brochure-section h2{margin-bottom:14px}.book-stage{width:100%;margin:28px auto 18px;perspective:1800px}.book{position:relative;display:flex;width:min(100%,820px);aspect-ratio:1081.796/750.661;margin:auto;transform-style:preserve-3d;box-shadow:0 15px 35px #0005,0 3px 0 #d5ccba,0 6px 0 #bfb5a1;touch-action:pan-y;border-radius:4px}.book-leaf{width:50%;padding:0;border:0;background:#f8f5ee;position:relative;cursor:pointer;font:inherit;min-width:0}.book-leaf:disabled{cursor:default}.paper{position:relative;background:#f8f5ee;width:100%;height:100%;overflow:hidden}.paper img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.left-leaf .paper:after,.right-leaf .paper:after{content:"";position:absolute;inset:0;pointer-events:none}.left-leaf .paper:after{background:linear-gradient(90deg,transparent 85%,#0002)}.right-leaf .paper:after{background:linear-gradient(90deg,#0003,transparent 12%)}.book:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#0004;pointer-events:none;z-index:2}.turning-sheet{position:absolute;top:0;bottom:0;width:50%;z-index:5;transform-style:preserve-3d;pointer-events:none}.turn-forward{left:50%;transform-origin:left center}.turn-back{left:0;transform-origin:right center}.turning-sheet .paper{position:absolute;inset:0;backface-visibility:hidden;box-shadow:0 0 20px #0003}.sheet-back{transform:rotateY(180deg)}.turning-sheet .paper:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0002,transparent 25%,#fff2 70%,#0001);pointer-events:none}.book-controls{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}.book-controls button,.book-dialog-bar button{min-height:36px;border:1px solid #bca77a88;border-radius:999px;background:transparent;color:#fffdf8;font:inherit;cursor:pointer;padding:6px 12px}.book-controls #book-prev,.book-controls #book-next{width:36px;height:36px;padding:0;font-size:18px}.book-controls button:disabled{opacity:.3;cursor:default}.book-controls span{font-size:13px;min-width:70px;text-align:center}.book-controls button[hidden]{display:none}.book-leaf:focus-visible,.book-controls button:focus-visible{outline:2px solid #bca77a;outline-offset:4px}#book-dialog{width:min(98vw,1200px);max-height:96svh;border:1px solid #bca77a66;border-radius:16px;background:#004a43;padding:16px;overflow:auto}#book-dialog::backdrop{background:#000c}.book-dialog-bar{display:flex;justify-content:flex-end;margin-bottom:12px}#book-dialog .book{width:100%}#book-dialog .book-controls{position:sticky;bottom:0;padding:12px;background:#004a43}@media(max-width:780px){.brochure-section{padding:55px 0 70px}.brochure-section .shell{padding-left:16px;padding-right:16px}.book-stage{margin-top:24px}#book-dialog{padding:10px}}
/* The PDF's printer spreads are split into true individual book leaves. */
main{background:#f8f5ee}
#brochure.brochure-section{margin:24px clamp(12px,2vw,24px) 0;border:1px solid #bca77a88;border-radius:28px;overflow:visible;box-shadow:none}
#brochure .shell{padding-left:clamp(16px,3vw,42px);padding-right:clamp(16px,3vw,42px)}
.book{aspect-ratio:997.8/708.661;width:min(100%,900px);box-shadow:none;perspective:1800px}
.book-leaf{box-shadow:0 10px 24px #0003,0 2px 0 #e3dccc,0 4px 0 #c2bba9}
.book-leaf.empty-leaf{background:transparent;box-shadow:none;pointer-events:none}
.empty-leaf .paper{background:transparent}
.empty-leaf .paper:after{display:none}
.book.closed-front:after,.book.closed-back:after{display:none}
.book-leaf .paper{aspect-ratio:498.9/708.661}
.book-controls{width:fit-content;max-width:100%;margin:24px auto 0;padding:8px 10px;gap:10px;border:1px solid #bca77a55;border-radius:999px;background:#ffffff08;box-shadow:0 4px 16px #0001}
.book-controls #book-prev,.book-controls #book-next{min-width:40px;width:40px;min-height:40px;height:40px;border:0;background:#ffffff0b}
.book-controls #book-prev:hover,.book-controls #book-next:hover{background:#ffffff18}
.book-controls span{min-width:106px;font-size:12px;letter-spacing:.04em;color:#e3d8bf}
.book-controls #book-enlarge{border:0;border-left:1px solid #bca77a55;border-radius:0;padding:8px 14px;font-size:13px}
#book-dialog .book-controls{border-radius:999px;background:#004a43}
@media(max-width:780px){#brochure.brochure-section{margin:20px 8px 0;border-radius:18px}#brochure .shell{padding-left:10px;padding-right:10px}.book-controls{gap:4px;padding:5px 6px}.book-controls span{min-width:91px}.book-controls #book-enlarge{padding:8px;font-size:12px}}
/* Match the full-width, rounded overlaps used by Gallery and Quotes. */
#brochure.brochure-section{margin: -28px 0 0;border:0;border-top:1px solid #bca77a88;border-radius:28px 28px 0 0;overflow:hidden;box-shadow:0 -12px 32px #231f2018;padding-top:72px;padding-bottom:105px;z-index:4}
#brochure .shell{padding-left:clamp(22px,5vw,78px);padding-right:clamp(22px,5vw,78px)}
#feedback.feedback.layered-section{margin-top:-28px;border-top:1px solid #bca77a88;border-radius:28px 28px 0 0;box-shadow:0 -12px 32px #231f2018;z-index:5}
.turning-sheet{-webkit-transform-style:preserve-3d;will-change:transform}.turning-sheet .paper{-webkit-backface-visibility:hidden;backface-visibility:hidden}.sheet-front{transform:translateZ(.1px)}.sheet-back{transform:rotateY(180deg) translateZ(.1px)}
@media(max-width:780px){#brochure.brochure-section{margin:-24px 0 0;border-radius:18px 18px 0 0;padding-top:58px;padding-bottom:88px}#brochure .shell{padding-left:16px;padding-right:16px}#feedback.feedback.layered-section{margin-top:-24px;border-radius:18px 18px 0 0}}

/* Compact light feedback sits underneath the brochure's rounded bottom. */
#brochure.brochure-section{border-bottom:1px solid #bca77a;border-radius:28px;padding-bottom:72px;z-index:5}
#feedback.feedback.layered-section{background:#f8f5ee;color:#231f20;margin-top:-28px;padding:70px 0 46px;border:0;border-radius:0;box-shadow:none;z-index:4}
#feedback .feedback-intro{font-size:16px;line-height:1.6;margin:12px 0 20px}
#feedback .feedback-form{display:grid;grid-template-columns:1fr;gap:14px;max-width:620px}
#feedback .feedback-form .message-field{gap:0}
#feedback .feedback-form textarea{height:76px;min-height:76px;border:1px solid #231f2044;background:#fffdf8;color:#231f20;border-radius:10px;padding:12px 14px;resize:vertical;line-height:1.6}
#feedback .feedback-form button{width:100%;min-height:48px;background:#004a43;color:#fffdf8;border-radius:999px;padding:12px 22px;justify-self:stretch}
#feedback .feedback-form button:hover{background:#00594f;box-shadow:none}
#feedback .feedback-status{font-size:14px;font-weight:500;color:#004a43}
#feedback .feedback-status:empty{display:none}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:780px){#brochure.brochure-section{border-radius:18px;padding-bottom:60px}#feedback.feedback.layered-section{margin-top:-24px;padding:56px 0 36px}#feedback h2{font-size:clamp(2.5rem,9vw,3.2rem)}}
/* Explicit colours override the old green feedback section's pale text. */
#feedback h2,#feedback .feedback-intro,#feedback .feedback-form label,#feedback .feedback-status{color:#231f20}
#feedback .feedback-form textarea::placeholder{color:#706c69;opacity:1}
