.project-directory{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 30px;padding:45px 4%;border-top:1px solid #ddd;font-size:clamp(13px,1.25vw,19px);line-height:1.6;text-transform:uppercase}
.project-directory a{color:inherit;text-decoration:underline;text-underline-offset:5px}
.project-directory a:hover{color:#0047ff}
.booklet-dialog{box-sizing:border-box;border:0;padding:20px 26px;width:min(1160px,94vw);max-height:94svh;background:#f6f5f2;color:#111;overflow:auto}
.booklet-dialog::backdrop{background:rgba(0,0,0,.72)}
.booklet-dialog header,.booklet-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0}
.booklet-dialog h2{font:400 16px/1.4 Arial,sans-serif;margin:0}
.booklet-dialog button{font:14px Arial,sans-serif;background:transparent;color:#111;border:1px solid #aaa;padding:10px 15px;cursor:pointer}
.booklet-dialog button:disabled{opacity:.3;cursor:default}
.book-stage{display:flex;align-items:center;justify-content:center;min-height:180px;margin:22px 0;touch-action:pan-y}
.book-stage img{display:block;max-width:100%;max-height:65svh;width:auto;height:auto;box-shadow:0 12px 30px #0002}
.book-count{font:14px Arial,sans-serif}.book-hint{text-align:center;font:12px Arial,sans-serif;color:#666;margin:14px 0 0}
body:has(.booklet-dialog[open]){overflow:hidden}
@media(max-width:600px){.booklet-dialog{padding:14px;width:96vw}.booklet-dialog h2{font-size:14px}.booklet-dialog button{padding:9px}.book-stage{margin:20px 0}.project-directory{gap:16px 22px}}
@media(min-width:768px){body.legacy-sidebar-page .project-directory{margin-left:var(--portfolio-sidebar)}}
.book-stage{perspective:1800px;padding:30px 0;min-height:240px}
.physical-book{width:100%;position:relative;display:flex;perspective:1800px;filter:drop-shadow(0 20px 15px #0003)}
.book-paper{width:50%;aspect-ratio:var(--page-ratio);background-color:#fffdf8;background-repeat:no-repeat;position:relative;cursor:pointer;box-shadow:0 3px 0 #dedbd4,0 5px 0 #fff,0 7px 0 #d1cec6}
.left-paper{border-radius:3px 0 0 3px}.right-paper{border-radius:0 3px 3px 0}
.left-paper:after,.right-paper:after{content:'';position:absolute;inset:0;pointer-events:none}
.left-paper:after{background:linear-gradient(90deg,transparent 85%,#0002)}
.right-paper:after{background:linear-gradient(90deg,#0002,transparent 15%)}
.book-spine{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#0003;z-index:2}
.turning-leaf{position:absolute;left:50%;top:0;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;visibility:hidden;z-index:3;pointer-events:none}
.leaf-front,.leaf-back{position:absolute;inset:0;background-color:#fffdf8;background-repeat:no-repeat;backface-visibility:hidden;box-shadow:0 0 22px #0002}
.leaf-back{transform:rotateY(180deg)}
.is-cover .left-paper,.is-back .right-paper{visibility:hidden}.is-cover .book-spine,.is-back .book-spine{display:none}
@media(max-width:600px){.book-stage{min-height:180px;padding:15px 0}}
/* Compact project navigation and copyright footer. */
body .project-directory{padding-top:28px;padding-bottom:24px;border-bottom:1px solid #d4d4d4}
body #footer-sections .page-section{min-height:0!important;padding-top:0!important;padding-bottom:0!important}
body #footer-sections .content-wrapper{padding:24px 4%!important}
body #footer-sections .fluid-engine{display:block;min-height:0!important}
body #footer-sections .fe-block{position:static;width:100%;height:auto}
body #footer-sections .sqs-block{padding:0!important}
body #footer-sections p{margin:0!important}
body #footer-sections p+p{margin-top:10px!important}

body #footer-sections p{font-size:14px!important;line-height:1.4!important}

/* A shared, comfortable transition into project navigation and copyright. */
body .project-directory{margin-top:0!important;padding:32px 4%!important}
body #footer-sections .content-wrapper{padding:28px 4%!important}
body #page>.page-section:last-child,body #page>.page-regions>.region>.page-section:last-child{padding-bottom:48px!important;min-height:0!important}
@media(max-width:767px){body .project-directory{padding:24px 6%!important}body #footer-sections .content-wrapper{padding:24px 6%!important}}

.sqs-html-content a.brand-book-cta{display:inline-block;background:#222;color:#fff!important;padding:16px 28px;text-decoration:none!important;text-transform:none!important;border:0;border-radius:0;letter-spacing:normal}.sqs-html-content a.brand-book-cta:hover{background:#444}