@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');:root{--ink:#231b16;--gold:#c49b4a;--cream:#faf6ef;--red:#a72b28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.25}h1{font-size:clamp(2.3rem,5vw,4.6rem)}h2{font-size:clamp(1.7rem,3vw,2.7rem)}.wrap{width:min(1160px,92%);margin:auto}.top{background:#21160e;color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #6d5331}.topin{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px}.logo{width:190px;max-height:70px;object-fit:contain;filter:brightness(0) invert(1)}nav{display:flex;gap:24px}nav a{font-weight:700;font-size:.91rem}nav a:hover,.active{color:#f3c774}.hamb{display:none;background:transparent;border:1px solid #92734e;border-radius:8px;padding:8px;color:#fff}.hamb svg{width:25px;height:25px}.hero{position:relative;min-height:clamp(360px,48vw,620px);overflow:hidden;background:#1b140f}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s}.slide.on{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.05))}.herotext{position:relative;z-index:2;color:white;padding:110px 0 95px}.herotext p{max-width:600px}.btn{display:inline-block;background:var(--gold);color:#21150e;border:0;border-radius:5px;padding:12px 24px;font-weight:700;cursor:pointer}.btn:hover{background:#e5b967}.btn.outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}.eyebrow{font-size:.78rem;letter-spacing:.24em;color:#b68d43;font-weight:800}.section{padding:72px 0}.section.dark{background:#251a13;color:#969696}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center}.split>img{width:100%;max-height:620px;object-fit:cover;border-radius:10px;box-shadow:0 20px 45px #0002}.prose{max-width:830px;margin:auto}.prose h2,.prose h3{margin-top:32px}.prose p{margin:14px 0 20px;color:inherit;opacity:.88}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 26px #0000000b}.card img{height:210px;width:100%;object-fit:cover}.cardbody{padding:20px}.card h3{margin:0 0 10px}.gridgal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gridgal button{border:0;padding:0;background:transparent;cursor:zoom-in}.gridgal img{width:100%;height:250px;object-fit:cover;border-radius:8px}.pagehead{background:#281a12;color:white;text-align:center;padding:70px 12px;background-image:radial-gradient(circle at center,#5a3c20,#21150f)}.pagehead h1{margin:6px 0}.foot{background:#1b140f;color:#f5eee4;padding:45px 0 90px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.foot a{display:block;margin:6px 0}.small{font-size:.85rem;color:#8b8175}.foot .small{color:#b5a99b}.map{width:100%;height:230px;border:0;border-radius:8px}.branches{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.branch{background:white;padding:22px;border:1px solid #e9e1d3;border-radius:10px}.branch h3{margin:0}.branch p{margin:8px 0}.branch .btn{font-size:.85rem;margin:6px 7px 0 0;padding:9px 14px}.bookarea{background:#21160f;padding:35px 12px 55px;color:#fff;text-align:center}.booktoolbar{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:22px}.booktoolbar button{background:#bd944b;border:0;padding:10px 18px;border-radius:5px;font-weight:700;cursor:pointer}.booktoolbar button:disabled{opacity:.35}.bookscene{perspective:2200px;max-width:680px;margin:auto;min-height:660px;display:flex;justify-content:center;align-items:center}.book{position:relative;width:min(440px,75vw);aspect-ratio:2/3;transform-style:preserve-3d;transition:transform .5s}.leaf{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.25,.7,.2,1);cursor:pointer;filter:drop-shadow(4px 7px 10px #0009)}.leaf.flipped{transform:rotateY(-180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;border-radius:2px 10px 10px 2px;overflow:hidden;background:#eee;box-shadow:inset 8px 0 12px #0002}.face.back{transform:rotateY(180deg)}.face img{height:100%;width:100%;object-fit:fill}.bookhint{color:#d9c7a8}.lightbox{display:none;position:fixed;inset:0;background:#000e;z-index:100;align-items:center;justify-content:center;padding:35px;cursor:zoom-out}.lightbox.open{display:flex}.lightbox img{max-height:92vh;max-width:95vw;object-fit:contain}.mobilebar{display:none}.notice{padding:15px;background:#f4e8d5;border-left:4px solid #bb944e;border-radius:4px;margin:25px auto;max-width:830px}@media(max-width:780px){.topin{min-height:68px}.logo{width:150px}.hamb{display:block}nav{display:none;position:absolute;left:0;right:0;top:68px;background:#21160e;padding:18px 5%;flex-direction:column;gap:15px}nav.show{display:flex}.split{grid-template-columns:1fr}.cards,.gridgal{grid-template-columns:repeat(2,1fr)}.branches{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.herotext{padding:75px 0}.bookscene{min-height:510px}.mobilebar{position:fixed;bottom:0;left:0;right:0;z-index:60;display:flex;justify-content:space-around;background:#20160f;border-top:1px solid #8d6838;color:white;padding:8px 0 max(8px,env(safe-area-inset-bottom))}.mobilebar a{font-size:.7rem;text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1.4}.mobilebar svg{width:22px;height:22px;margin-bottom:2px}.section{padding:46px 0}}@media(max-width:480px){.cards,.gridgal{grid-template-columns:1fr 1fr;gap:10px}.gridgal img{height:160px}.card img{height:150px}.cardbody{padding:12px}.footgrid{grid-template-columns:1fr}.bookscene{min-height:390px}.book{width:min(260px,70vw)}}
/* Flipbook spread with animated paper-turn and responsive single-page mode */
.bookarea{overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#5b3823 0,#21160f 75%);padding:28px 12px 46px}
.booktoolbar{position:relative;z-index:2}.booktoolbar button{border:1px solid #e4bc75;background:#c89a4d;color:#23160e}.booktoolbar button:hover:not(:disabled){background:#f2cc84}
.flip-stage{width:min(1050px,96vw);margin:0 auto;perspective:2300px;outline:none;touch-action:pan-y;user-select:none}
.flip-spread{position:relative;width:100%;height:min(680px,65vw);min-height:340px;display:flex;justify-content:center;filter:drop-shadow(0 20px 26px #0009)}
.flip-page{width:50%;height:100%;background:#1c130f;position:relative;overflow:hidden;border:1px solid #8d6535;cursor:pointer}
.flip-page img,.flip-turn img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.flip-left{border-radius:8px 0 0 8px;box-shadow:inset -12px 0 18px #0008}.flip-right{border-radius:0 8px 8px 0;box-shadow:inset 12px 0 18px #0008}
.flip-page:after{content:'';position:absolute;inset:0;pointer-events:none}.flip-left:after{background:linear-gradient(90deg,transparent 82%,#0005)}.flip-right:after{background:linear-gradient(90deg,#0005,transparent 18%)}
.flip-spread.cover .flip-left,.flip-spread.cover .flip-right:empty{visibility:hidden}.flip-spread.cover .flip-right{border-radius:5px 12px 12px 5px;box-shadow:9px 8px 0 #aa8155,14px 12px 0 #49311f}
.flip-turn{display:none;position:absolute;top:0;left:50%;height:100%;width:50%;transform-origin:left center;transform-style:preserve-3d;z-index:8;pointer-events:none}
.flip-turn.active{display:block;animation:paperForward .85s cubic-bezier(.35,.05,.25,1) forwards}
.flip-turn.reverse{display:block;animation:paperBackward .85s cubic-bezier(.35,.05,.25,1) forwards}
.flip-turn-front,.flip-turn-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;background:#26170d;border:1px solid #ac8655;box-shadow:inset 12px 0 20px #0005}
.flip-turn-back{transform:rotateY(180deg)}
@keyframes paperForward{0%{transform:rotateY(0deg)}45%{transform:rotateY(-90deg)}100%{transform:rotateY(-180deg)}}
@keyframes paperBackward{0%{transform:rotateY(-180deg)}55%{transform:rotateY(-90deg)}100%{transform:rotateY(0deg)}}
.flip-dots{display:flex;justify-content:center;gap:10px;margin:20px auto 0}.flip-dots button{height:10px;width:10px;border-radius:50%;border:1px solid #b68d43;background:transparent;cursor:pointer;padding:0}.flip-dots button.active{background:#e7bd70}
.flip-stage.zoomed{width:min(1450px,98vw)}.flip-stage.zoomed .flip-spread{height:min(88vh,900px)}
.flip-stage:fullscreen{background:#1b130f;width:100vw;display:flex;align-items:center;justify-content:center}.flip-stage:fullscreen .flip-spread{width:min(96vw,1500px);height:min(95vh,1000px)}
@media(max-width:700px){.flip-stage{width:min(92vw,440px)}.flip-spread{height:auto;aspect-ratio:2/3;min-height:0}.flip-page{width:100%}.flip-left{display:none}.flip-right{border-radius:7px}.flip-spread.cover .flip-right{box-shadow:5px 6px 0 #987246}.flip-turn{left:0;width:100%}.flip-stage.zoomed{width:98vw}.flip-stage.zoomed .flip-spread{height:auto;aspect-ratio:2/3}.booktoolbar button{padding:8px 10px;font-size:.8rem}.bookhint{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.flip-turn.active,.flip-turn.reverse{animation-duration:.01s}}
