/* Candidate21: porcelain-tinted navigation colours. Artwork colours are untouched. */
html[data-ribbon21=porcelain] .ribbon-group .tone-0{background:#ead8d2;color:#79433b}html[data-ribbon21=porcelain] .ribbon-group .tone-1{background:#dfe7f3;color:#3d5685}html[data-ribbon21=porcelain] .ribbon-group .tone-2{background:#2e3540;color:#f1f4f9}html[data-ribbon21=porcelain] .ribbon-group .tone-3{background:#eee1b2;color:#665426}html[data-ribbon21=ink] .ribbon-group .tone-0{background:#9b625e;color:#fff}html[data-ribbon21=ink] .ribbon-group .tone-1{background:#3d5685;color:#fff}html[data-ribbon21=ink] .ribbon-group .tone-2{background:#252a32;color:#f1f4f9}html[data-ribbon21=ink] .ribbon-group .tone-3{background:#e0ce94;color:#42371b}.palette21-controls{display:flex;align-items:center;gap:7px;border-left:1px solid #bbb;padding-left:9px}.palette21-controls button{font:inherit;background:transparent;border:1px solid #bbb;padding:4px 7px;color:#555;cursor:pointer}.palette21-controls button[aria-pressed=true]{border-color:#3d5685;background:#e7edf7;color:#3d5685}.palette21-controls button:focus-visible{outline:2px solid #3d5685;outline-offset:3px}
#studio .studio18-grid{gap:32px;align-items:start}#studio .grasp18-stage,#studio .muse18-stage{height:clamp(360px,37vw,540px)!important;min-height:0;min-width:0;display:block;position:relative;overflow:hidden;isolation:isolate;border:1px solid #d4d6d7;padding:0;border-radius:4px;max-height:none;cursor:pointer}#studio .grasp18-stage{background:#f5f5f2}#studio .grasp18-stage>img{position:absolute!important;inset:6%!important;display:block;min-height:0!important;min-width:0!important;width:88%!important;height:88%!important;max-width:none!important;max-height:none!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform-origin:center}#studio .muse18-stage picture{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;min-width:0}#studio .muse18-stage picture img{position:absolute!important;inset:6%!important;width:88%!important;height:88%!important;min-height:0!important;min-width:0!important;max-width:none!important;max-height:none!important;display:block;object-fit:contain!important;object-position:center!important;padding:0!important;clip-path:none!important;border:0!important;transform:none!important;image-rendering:pixelated}.fragment18 h3{font-size:clamp(23px,2.3vw,30px);line-height:1.35}.fragment18 p{font-size:15px;line-height:1.75;max-width:38em}.fragment18-toolbar{font-size:11px}.grasp21-more,.muse21-play{font:12px/1.5 'Geist Mono','Sarasa UI SC',monospace;background:none;color:#555;border:0;border-bottom:1px solid #888;padding:8px 0;margin-left:20px;cursor:pointer}.fragment18-play,.muse18-more{font-size:12px!important}.fragment18 button:disabled{opacity:.55;cursor:default}
.grasp21-dialog{width:min(1120px,94vw);max-height:92vh;padding:0;background:#f5f5ef;color:#171717;border:1px solid #949b9f;overflow:auto}.grasp21-dialog::backdrop{background:#171d28a8}.grasp21-dialog>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#e5ebf0;border-bottom:1px solid #b2bdc5;font:11px/1.5 'Geist Mono',monospace;color:#42596b}.grasp21-dialog [data-close]{border:0;background:none;font:22px monospace;cursor:pointer;color:#42596b}.grasp21-dialog>nav{display:flex;gap:22px;padding:17px 26px 0;flex-wrap:wrap;border-bottom:1px solid #bbb}.grasp21-dialog [role=tab]{border:0;border-bottom:2px solid transparent;padding:8px 0 12px;background:none;font:12px/1.5 'Geist Mono','Sarasa UI SC',monospace;color:#777;cursor:pointer}.grasp21-dialog [aria-selected=true]{color:#3d5685;border-bottom-color:#3d5685}.grasp21-body{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;padding:30px 28px}.grasp21-body figure{margin:0;min-width:0}.grasp21-body figure>img{display:block;width:100%;height:clamp(250px,35vw,470px);object-fit:contain;background:#fff}.grasp21-body [data-zoom]{font:12px/1.5 'Geist Mono','Sarasa UI SC',monospace;margin-top:14px;border:0;border-bottom:1px solid #888;padding:6px 0;background:none;cursor:pointer}.grasp21-text>span{font:11px/1.6 'Geist Mono',monospace;color:#777}.grasp21-text h2{font:400 28px/1.5 'Dan Pixel Square','Fusion zh',sans-serif;margin:12px 0 22px}.grasp21-text p{font:15px/1.8 'Geist Mono','Sarasa UI SC',sans-serif;margin:0 0 18px}.grasp21-small-sizes{display:flex;align-items:end;gap:30px;margin-top:20px;font:11px/1.6 'Geist Mono',monospace}.grasp21-small-sizes span{display:flex;flex-direction:column;align-items:center;gap:10px}.grasp21-dialog[data-image-only=true] .grasp21-body{grid-template-columns:1fr}.grasp21-dialog[data-image-only=true] .grasp21-text{display:none}.grasp21-dialog[data-image-only=true] figure>img{height:auto;width:100%;max-height:none}.grasp21-dialog :focus-visible{outline:2px solid #3d5685;outline-offset:3px}.muse18-dialog-content{font-size:15px}.muse18-dialog-content img{min-height:0;max-width:100%;height:auto;object-fit:contain;image-rendering:pixelated}.study-badge{color:#647181}
@media(max-width:700px){#studio .grasp18-stage,#studio .muse18-stage{height:auto!important;aspect-ratio:1.05}.grasp21-body{grid-template-columns:1fr;padding:22px 18px;gap:25px}.grasp21-body figure>img{height:290px}.grasp21-dialog>nav{padding:12px 18px 0;gap:18px}.grasp21-text h2{font-size:25px}.palette21-controls{border-left:0;padding-left:0}.grasp21-more,.muse21-play{margin-left:14px}.fragment18-toolbar{font-size:10px}}
.name17-dock[hidden],.study-motion-controls[hidden]{display:none!important}
/* The original spacious header stays on the opening. Compact it only while reading. */
html[data-home21-scrolled=true] .navbar .nav{margin-top:0!important;margin-bottom:0!important;padding-block:16px!important}html{scroll-padding-top:92px}#works,#studio,#about,#contact{scroll-margin-top:90px}