.capd{--capd-paper:#f5f5f2;--capd-ink:#11120f;--capd-soft:#e9e9e4;--capd-line:rgba(17,18,15,.46);font-family:var(--font-stack-body,"Helvetica Neue",Arial,sans-serif)}
.capd *{box-sizing:border-box;overflow-wrap:normal;word-break:normal;hyphens:none}
.capd:not(.is-open) .capd__panel{pointer-events:none}
.capd__tab{position:fixed;right:0;top:38%;z-index:38;display:flex;align-items:center;gap:14px;padding:14px 11px;border:1px solid var(--capd-line);border-right:0;border-radius:0;background:var(--capd-paper);color:var(--capd-ink);writing-mode:vertical-rl;font:700 9px/1 var(--font-stack-body,monospace);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:background .3s,color .3s}
.capd__tab:hover{background:var(--capd-ink);color:var(--capd-paper)}
.capd__overlay{position:fixed;inset:0;z-index:70;background:rgba(8,10,7,.45);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility .35s}
.capd.is-open .capd__overlay{opacity:1;visibility:visible;pointer-events:auto}
.capd__panel{position:fixed;right:0;top:0;bottom:0;z-index:71;width:min(540px,94vw);display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--capd-paper);color:var(--capd-ink);border-left:1px solid var(--capd-line);visibility:hidden;transform:translateX(102%);transition:transform .65s cubic-bezier(.16,1,.3,1)}
.capd.is-open .capd__panel{visibility:visible;transform:none}
.capd__head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:clamp(20px,3vw,34px);border-bottom:1px solid var(--capd-line)}
.capd__head span,.capd__label{font:700 8px/1.3 var(--font-stack-body,monospace);text-transform:uppercase;letter-spacing:.1em}
.capd__head h2{max-width:14ch;margin:12px 0 0;font:800 clamp(30px,4vw,52px)/.92 var(--font-stack-heading,"Helvetica Neue",Arial,sans-serif);letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance}
.capd__head button{flex:0 0 38px;width:38px;height:38px;border:1px solid var(--capd-line);border-radius:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}
.capd__body{min-height:0;overflow:auto;padding:clamp(20px,3vw,34px)}
.capd__intro{max-width:54ch;margin:0 0 24px;font:400 15px/1.55 var(--font-stack-body,Georgia,serif)}
.capd__palette{display:grid;grid-template-columns:repeat(6,1fr);height:38px;margin-bottom:34px;border:1px solid var(--capd-line)}
.capd__palette span{background:var(--swatch);border-right:1px solid rgba(255,255,255,.45)}
.capd__palette span:last-child{border-right:0}.capd__label{margin-bottom:12px}
.capd__works{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,38%);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.capd__work{scroll-snap-align:start;color:inherit;text-decoration:none}
.capd__work img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border:1px solid var(--capd-line);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.capd__work:hover img{transform:translateY(-5px)}
.capd__work span{display:block;padding:9px 0;border-bottom:1px solid var(--capd-line);font-size:8px;text-transform:uppercase;letter-spacing:.06em}
.capd__foot{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--capd-line)}
.capd__foot a{display:flex;justify-content:space-between;gap:12px;padding:18px;color:inherit;text-decoration:none;font:700 8px/1.3 var(--font-stack-body,monospace);text-transform:uppercase;letter-spacing:.08em;border-right:1px solid var(--capd-line)}
.capd__foot a:last-child{border-right:0;background:var(--capd-ink);color:var(--capd-paper)}
@media(max-width:1024px){.capd__tab{display:none}.capd__panel{width:100%;top:8vh;border-left:0;border-top:1px solid var(--capd-line)}.capd__works{grid-auto-columns:minmax(150px,54%)}.capd__foot{grid-template-columns:1fr}.capd__foot a{border-right:0;border-bottom:1px solid var(--capd-line)}.capd__head h2{max-width:16ch}}
@media(prefers-reduced-motion:reduce){.capd__panel,.capd__overlay,.capd__work img{transition:none!important}}