.portfolio-book-section{padding:115px 6vw;background:#082f2e;color:#fff;overflow:hidden}.book-intro{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:end;margin:0 auto 60px;max-width:1180px}.book-intro h2{color:#fff}.book-intro p{font-size:12px;line-height:1.9;color:#b9cbc8}.flipbook{position:relative;width:min(920px,88vw);height:520px;margin:auto;perspective:2400px;filter:drop-shadow(0 34px 42px #001c1b80)}.book-base{position:absolute;inset:0;border-radius:8px;background:#e6dccb;box-shadow:inset 0 0 70px #806c4e18}.book-base:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(90deg,#5d4b3730,#fff8,#5d4b3730)}.base-copy{position:absolute;left:0;top:0;width:50%;height:100%;padding:68px 58px;color:#173c3a;display:flex;flex-direction:column;justify-content:flex-end}.base-copy small{font-size:8px;letter-spacing:.16em;color:#a37e48}.base-copy h3{font:600 38px/1.1 "Playfair Display";margin:14px 0}.base-copy p{font-size:11px;line-height:1.8;color:#687371}.book-sheet{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;transition:transform 1.05s cubic-bezier(.2,.72,.18,1)}.book-sheet.flipped{transform:rotateY(-180deg)}.book-face{position:absolute;inset:0;padding:46px 45px;overflow:hidden;backface-visibility:hidden;background:#f6f2ea;color:#263332;border-radius:0 8px 8px 0;box-shadow:inset 18px 0 35px #5f4f3613}.book-face.back{transform:rotateY(180deg);border-radius:8px 0 0 8px;box-shadow:inset -18px 0 35px #5f4f3613}.book-face.dark{background:#0a3837;color:#fff}.book-face.gold{background:#b08d57;color:#fff}.book-face.image{padding:0;background-size:cover;background-position:center}.book-face.image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#062c2bd9,transparent 70%)}.face-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.book-face.image .face-content{padding:46px 45px;justify-content:flex-end}.page-no{font:italic 14px "Cormorant Garamond";color:#b08d57}.dark .page-no,.gold .page-no,.image .page-no{color:#ead4ad}.book-face h3{font:600 33px/1.12 "Playfair Display";color:#0a3837;margin:18px 0}.book-face.dark h3,.book-face.gold h3,.book-face.image h3{color:#fff}.book-face p,.book-face li{font-size:11px;line-height:1.8;color:#687371}.book-face.dark p,.book-face.dark li,.book-face.gold p,.book-face.gold li,.book-face.image p{color:#d3dfdc}.book-face ul{padding:0;list-style:none;margin-top:22px}.book-face li{padding:12px 0;border-top:1px solid #0a383725}.dark li,.gold li{border-color:#ffffff2b}.book-stat{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.book-stat b{display:block;font:600 25px "Playfair Display";color:#b08d57}.book-stat span{font-size:7px;letter-spacing:.09em;text-transform:uppercase}.book-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:38px}.book-nav{width:50px;height:50px;border:1px solid #b08d57;border-radius:50%;background:transparent;color:#fff;cursor:pointer;font-size:19px;transition:.35s}.book-nav:hover:not(:disabled){background:#b08d57;transform:scale(1.06)}.book-nav:disabled{opacity:.3}.book-progress{min-width:115px;text-align:center;font:italic 14px "Cormorant Garamond";color:#d8bf94}.book-help{text-align:center;margin-top:13px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#8da6a2}@media(max-width:760px){.portfolio-book-section{padding:80px 18px}.book-intro{grid-template-columns:1fr;gap:18px}.flipbook{width:92vw;height:480px}.base-copy{padding:35px 25px}.base-copy h3{font-size:25px}.book-face,.book-face.image .face-content{padding:30px 24px}.book-face h3{font-size:24px}.book-face p,.book-face li{font-size:9px}.book-stat{grid-template-columns:1fr}.book-stat div:nth-child(n+2){display:none}}@media(max-width:520px){.flipbook{width:94vw;height:430px}.base-copy{display:none}.book-base:after{left:0}.book-sheet{left:0;width:100%;transform-origin:left center}.book-face,.book-face.back{border-radius:7px}.book-face h3{font-size:28px}.book-face p,.book-face li{font-size:10px}.book-help{display:none}}