.chapter-toggle{pointer-events:auto;appearance:none;background:none;border:0;color:inherit;font:inherit;font-size:13px;letter-spacing:.06em;padding:12px;cursor:pointer;margin-left:auto;margin-right:30px;min-height:44px}.chapter-toggle span{font-size:15px;margin-left:9px}
.chapter-pane{box-sizing:border-box;position:fixed;inset:0 auto 0 0;margin:0;width:min(470px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:0;background:#f3f3ee;color:#292c26;box-shadow:10px 0 60px #0002;overflow:hidden;font-family:inherit}.chapter-pane::backdrop{background:#17201738;backdrop-filter:blur(3px)}.chapter-pane[open]{display:flex;flex-direction:column}.chapter-pane-head{padding:30px 28px 20px;border-bottom:1px solid #292c2628;display:flex;gap:16px;align-items:flex-start}.chapter-pane-head .eyebrow{font-size:10px;letter-spacing:.14em;margin:0 0 10px}.chapter-pane h2{font-size:29px;line-height:1.15;letter-spacing:-.04em;font-weight:400;margin:0}.chapter-close{background:none;border:1px solid #292c2633;border-radius:50%;width:44px;height:44px;flex:none;font:26px/1 inherit;cursor:pointer;margin-left:auto}.chapter-pane-scroll{overflow:auto;overscroll-behavior:contain;padding:22px 28px 36px;flex:1;min-height:0}.pane-label{font-size:10px;letter-spacing:.14em;color:#62685f;margin:0 0 12px}.chapter-pane nav a{display:flex;gap:17px;padding:12px 0;border-bottom:1px solid #292c2617;text-decoration:none;color:inherit;font-size:15px;line-height:1.3;min-height:44px;box-sizing:border-box}.chapter-pane nav a span{font-family:monospace;font-size:11px;color:#72796e;width:20px;flex:none;padding-top:3px}.chapter-pane nav a[aria-current]{font-weight:600}.chapter-pane nav a[aria-current] span{color:#a83c32}.pane-details{margin-top:30px}.pane-intro{font-size:13px;line-height:1.5;color:#62685f}.pane-details button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #292c2628;padding:14px 0;background:none;color:inherit;font:inherit;font-size:15px;cursor:pointer;min-height:44px}.chapter-pane :focus-visible,.chapter-toggle:focus-visible{outline:2px solid #a83c32;outline-offset:4px}
/* The photo itself stays intact; no gradient across its empty surround. */
.project-photo::after{display:none!important}.project-photo{display:flex!important;flex-direction:column;align-items:center;justify-content:center}.project-photo>img{object-fit:contain!important;animation:none!important;transform:none!important;min-height:0;flex:1;width:100%;height:calc(100% - 30px)!important}.project-photo figcaption{position:static!important;align-self:stretch;text-align:center;background:transparent!important;padding:7px 4px!important;font-size:11px;line-height:1.4;flex:none;color:inherit}
@media(max-width:700px){.chapter-toggle{font-size:11px;padding:10px 4px;margin-right:14px}.chapter-toggle span{margin-left:5px}.project-photo{height:clamp(250px,65svh,520px)!important;aspect-ratio:auto!important}.project-photo>img{height:calc(100% - 32px)!important;max-height:calc(100% - 32px)}}
@media(max-width:360px){.chapter-toggle{margin-right:8px}.chapter-toggle span{display:none}.chapter-pane-head{padding:24px 22px 18px}.chapter-pane-scroll{padding:20px 22px 30px}.chapter-pane h2{font-size:26px}}
@media(max-height:600px) and (min-width:701px){.technical-chapter{height:auto!important}.chapter-pin{position:relative!important;height:auto!important;min-height:0!important}.chapter-window{flex:none;height:590px!important}}
