.gallery-shell{overflow-anchor:none;max-width:1560px;margin:auto;padding:0 clamp(20px,4vw,64px)}.gallery-heading{padding:28px 0 24px}.gallery-heading h1{font:300 clamp(2.8rem,4vw,4rem)/1 var(--ks-font-display);letter-spacing:-.02em;color:var(--ks-ink);margin:0}.gallery-heading p{font:400 14px/1.5 var(--font-body);color:var(--ks-text-muted);margin:12px 0 0}.gallery-console{scroll-margin-top:90px}.gallery-controls>.ks-instrument-strip{box-sizing:border-box;height:44px}.gallery-controls{justify-content:flex-start;align-items:center;gap:24px;margin-bottom:18px;display:flex}.gallery-controls .ks-instrument-key:before{display:none}.gallery-path-icon{flex:none;width:42px;height:22px}.gallery-controls .ks-instrument-key{font-family:var(--font-body);min-height:36px;padding-inline:16px;font-size:13px}.gallery-comp-model{font-size:13px}.gallery-niches{scroll-snap-type:x proximity;background:var(--ks-paper-deep);border-radius:10px;gap:3px;width:fit-content;max-width:100%;padding:4px;display:flex;overflow-x:auto;box-shadow:inset 0 1px 3px oklch(0% 0 0/.1)}.gallery-niche{min-height:40px;color:var(--ks-text-muted);font:500 12px/1.3 var(--font-body);text-align:left;white-space:nowrap;cursor:pointer;scroll-snap-align:start;background:0 0;border:0;border-radius:6px;flex:none;align-items:center;gap:8px;padding:8px 12px;transition:background .18s,color .18s,box-shadow .18s;display:flex}.gallery-niche svg{flex:none;width:18px;height:18px}.gallery-niche:hover{background:var(--ks-paper);color:var(--ks-text)}.gallery-niche.is-active{background:var(--ks-paper-raised);color:var(--ks-ink);box-shadow:var(--ks-lift-1)}.gallery-niche.is-active svg{color:var(--ks-patina-deep)}.gallery-project{padding:30px 0 0;scroll-margin-top:90px}.gallery-project-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;display:flex}.gallery-project-header h2{font:300 clamp(2.4rem,3.4vw,3.3rem)/1 var(--ks-font-display);margin:0}.gallery-brief{align-items:flex-start;gap:12px;max-width:96ch;margin:0 0 26px;display:flex}.gallery-brief svg{width:20px;height:20px;color:var(--ks-patina-deep);flex:none;margin-top:2px}.gallery-brief p{color:var(--ks-text);margin:0;font-size:14px;line-height:1.6}.gallery-baselines{margin-bottom:56px}.gallery-baselines h3,.gallery-with-label{font:500 17px/1.3 var(--font-body);color:var(--ks-ink);align-items:center;gap:10px;margin:0 0 16px;display:flex}.gallery-baselines h3 span,.gallery-with-label>[data-project-count]{color:var(--ks-text-muted);font-size:13px;font-weight:400}.gallery-baseline-work{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.gallery-work{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.gallery-piece{min-width:0;margin:0;position:relative}.gallery-piece>button{aspect-ratio:16/10;border-radius:var(--ks-radius-sm);background:var(--ks-paper-deep);width:100%;box-shadow:var(--ks-lift-1);cursor:zoom-in;border:0;padding:0;display:block;position:relative;overflow:hidden}.gallery-piece img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.gallery-enlarge{background:var(--ks-paper-raised);width:30px;height:30px;color:var(--ks-ink);box-shadow:var(--ks-lift-1);opacity:0;border-radius:50%;place-items:center;transition:opacity .16s;display:grid;position:absolute;bottom:10px;right:10px}.gallery-enlarge svg{width:16px;height:16px}.gallery-piece>button:hover .gallery-enlarge,.gallery-piece>button:focus-visible .gallery-enlarge{opacity:1}.gallery-comparison-note{color:var(--ks-text-muted);margin:16px 0 0;font-size:14px;line-height:1.6}.gallery-empty{color:var(--ks-text-muted);font-size:14px}.gallery-featured{padding:24px 0 36px}.gallery-featured>p{max-width:65ch;margin:0 0 28px;font-size:15px;line-height:1.6}.gallery-comp-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.gallery-comp-pair figure{min-width:0;margin:0}.gallery-comp-pair figcaption{align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.gallery-comp-pair img{border-radius:var(--ks-radius-sm);width:100%;height:auto;box-shadow:var(--ks-lift-1);display:block}.gallery-featured .gallery-feature-meta{color:var(--ks-text-muted);margin-top:22px;font-size:12px}.gallery-featured details{max-width:70ch;font-size:12px}.gallery-featured summary{cursor:pointer}.gallery-method{padding:12px 0;scroll-margin-top:90px}.gallery-method>summary{font:500 14px var(--font-body);cursor:pointer;width:fit-content}.gallery-method-copy{max-width:72ch;padding:24px 0 10px;font-size:14px}.gallery-method-copy p{margin:0 0 16px}.gallery-method-copy details{margin:24px 0}.gallery-method-copy summary{cursor:pointer}.gallery-table-wrap{overflow-x:auto}.gallery-method table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;margin:14px 0;font-size:12px}.gallery-method caption{text-align:left;color:var(--ks-text-muted);padding-bottom:10px}.gallery-method td,.gallery-method th{border-bottom:1px solid var(--ks-rule);padding:8px}.gallery-install{border-radius:var(--ks-radius-sm);white-space:nowrap;background:var(--ks-ink);align-items:center;gap:24px;padding:12px 18px;font-size:14px;display:flex;color:var(--ks-paper-raised)!important;text-decoration:none!important}.gallery-install span{color:var(--ks-kinpaku)}#gallery-lightbox{border-radius:var(--ks-radius-md);background:var(--ks-paper);width:min(1560px,100% - 32px);max-width:none;height:94dvh;max-height:none;color:var(--ks-text);box-shadow:var(--ks-lift-2);border:0;margin:auto;padding:0}#gallery-lightbox::backdrop{background:oklch(13% 0 0/.65)}#gallery-lightbox[open]{flex-direction:column;display:flex}#gallery-lightbox header{border-bottom:1px solid var(--ks-rule);justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;display:flex}#gallery-lightbox h2{font:500 16px/1.3 var(--font-body);margin:0}#gallery-lightbox-model{color:var(--ks-text-muted);margin:3px 0 0;font-size:12px}.gallery-lightbox-actions{align-items:center;gap:16px;display:flex}#gallery-share,#gallery-close{cursor:pointer;color:inherit;font:500 12px var(--font-body);white-space:nowrap;background:0 0;border:0;padding:8px;display:flex}#gallery-close svg{width:22px;height:22px}.gallery-lightbox-image{background:var(--ks-paper-deep);flex:1;min-height:0;overflow:auto}#gallery-large-image{width:100%;height:auto;display:block}#gallery-lightbox footer{border-top:1px solid var(--ks-rule);justify-content:space-between;align-items:center;padding:12px 20px;font-size:13px;display:flex}#gallery-lightbox footer button{font:500 13px var(--font-body);border:1px solid var(--ks-edge);border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised);color:inherit;cursor:pointer;padding:8px 12px}#gallery-lightbox footer button:disabled{opacity:.4;cursor:default}.gallery-page button:focus-visible,.gallery-page select:focus-visible,.gallery-page summary:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:4px}.gallery-page [hidden]{display:none!important}#gallery-status{background:var(--ks-instrument);max-width:calc(100vw - 32px);color:var(--ks-instrument-text);box-shadow:var(--ks-lift-2);border-radius:var(--ks-radius-md);z-index:1000;padding:12px 20px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#gallery-image-error{max-width:55ch;margin:auto;padding:30px}@media (width<=1050px){.gallery-work{gap:12px}.gallery-baseline-work{gap:10px}}@media (width<=700px){.gallery-heading{padding:26px 0 24px;display:block}.gallery-heading h1{font-size:3rem}.gallery-heading p{max-width:none;margin-top:10px;font-size:13px}.gallery-controls{align-items:center;gap:10px}.gallery-controls .ks-instrument-key{gap:5px;padding-inline:10px;font-size:12px}.gallery-niches{gap:3px;padding:4px}.gallery-niche{gap:7px;min-height:40px;padding:8px 10px}.gallery-project{padding-top:24px}.gallery-project-header{gap:12px}.gallery-project-header h2{font-size:2.4rem}.gallery-brief{margin-bottom:22px}.gallery-brief p{font-size:13px}.gallery-baseline-work{scroll-snap-type:x proximity;padding:8px;scroll-padding-inline:8px;display:flex;overflow-x:auto}.gallery-baseline-work .gallery-piece{scroll-snap-align:start;flex:0 0 155px}.gallery-work{grid-template-columns:1fr;gap:20px}.gallery-enlarge{opacity:1}.gallery-comp-pair{grid-template-columns:1fr;gap:24px}.gallery-install{width:fit-content}#gallery-lightbox{width:calc(100% - 16px);height:96dvh}#gallery-lightbox header{gap:8px;padding:10px 12px}.gallery-lightbox-actions{gap:0}#gallery-lightbox h2{font-size:14px}#gallery-lightbox-model{font-size:11px}.gallery-lightbox-image img{width:100%;min-width:760px}}@media (prefers-reduced-motion:reduce){.gallery-enlarge,.gallery-niche{transition:none}html{scroll-behavior:auto}}@media (width<=700px){.gallery-controls>.ks-instrument-strip{flex-shrink:0}}.gallery-visit{border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised);box-shadow:var(--ks-lift-1);opacity:0;padding:7px 10px;font-size:12px;transition:opacity .16s;position:absolute;bottom:10px;left:10px;color:var(--ks-ink)!important;text-decoration:none!important}.gallery-piece:hover .gallery-visit,.gallery-piece:focus-within .gallery-visit{opacity:1}.gallery-visit:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:3px}#gallery-open-page,.gallery-feature-live{background:var(--ks-ink);border-radius:var(--ks-radius-sm);white-space:nowrap;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:inline-flex;color:var(--ks-paper-raised)!important;text-decoration:none!important}#gallery-open-page svg,.gallery-feature-live svg,#gallery-share svg{width:17px;height:17px}.gallery-feature-live{margin-top:22px}@media (width<=700px){.gallery-controls{flex-wrap:wrap;gap:12px 16px}.gallery-controls .ks-instrument-key{min-height:36px}.gallery-path-icon{width:36px;height:20px}.gallery-heading h1{font-size:3rem}.gallery-lightbox-actions{gap:2px}#gallery-open-page{padding:8px;font-size:12px}#gallery-open-page svg{display:none}}@media (hover:none){.gallery-visit{opacity:1}}@media (width>=901px){.gallery-controls{justify-content:flex-end}#gallery-code{grid-template-columns:184px minmax(0,1fr);align-items:start;column-gap:36px;padding-top:16px;display:grid}.gallery-niches{width:100%;max-width:none;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;grid-area:1/1/3;gap:5px;padding:0;display:flex;position:sticky;top:96px;overflow:visible}.gallery-niche{white-space:normal;width:100%;min-height:42px;padding:10px 12px;font-size:13px}.gallery-niche.is-active{background:var(--ks-paper-raised);box-shadow:var(--ks-lift-1)}#gallery-collection,.gallery-project{padding-top:0}}@media (width<=900px){#gallery-code{padding-top:4px}.gallery-niches{max-width:100%}.gallery-project{padding-top:24px}}.gallery-console{top:var(--gallery-header-height,74px);z-index:20;background:var(--ks-paper);padding:12px 0;position:sticky}.gallery-controls{flex-wrap:wrap;gap:12px 24px;margin-bottom:0}.gallery-models{align-items:center;gap:12px;min-width:0;display:flex}.gallery-model-caption{color:var(--ks-text-muted);flex:none;font-size:12px}.gallery-model-options{gap:4px;min-width:0;display:flex}.gallery-niche{text-decoration:none!important}.gallery-project{scroll-margin-top:calc(var(--gallery-header-height,74px) + var(--gallery-controls-height,72px) + 24px);padding-bottom:72px}.gallery-project+.gallery-project{border-top:1px solid var(--ks-rule);padding-top:32px}.gallery-niches{top:calc(var(--gallery-header-height,74px) + var(--gallery-controls-height,72px) + 24px)}@media (width<=900px){.gallery-controls{justify-content:flex-start}.gallery-models{width:100%}.gallery-model-options{scroll-snap-type:x proximity;flex:1;padding:2px 0;overflow-x:auto}.gallery-model{scroll-snap-align:start;flex:none}.gallery-project{padding-bottom:48px}}@media (prefers-reduced-motion:reduce){.gallery-model{transition:none}}.gallery-model-options.ks-instrument-strip{box-sizing:border-box;gap:2px;max-width:100%;height:44px;padding:3px}.gallery-controls .gallery-model{min-height:36px;padding-inline:12px;font-size:12px}@media (width<=900px){.gallery-model-options.ks-instrument-strip{scrollbar-width:none;overflow-y:hidden}.gallery-model-options.ks-instrument-strip::-webkit-scrollbar{display:none}}.gallery-footer-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:12px 28px;padding:12px 0 40px;display:flex}.gallery-footer-actions .gallery-install{flex:none}.gallery-footer-actions .gallery-method{min-width:0;max-width:72ch}.gallery-footer-actions .gallery-method>summary{margin-left:auto}.gallery-footer-actions .gallery-method-copy{text-align:left}@media (width<=700px){.gallery-footer-actions{column-gap:16px}.gallery-footer-actions .gallery-method>summary{font-size:13px}.gallery-footer-actions .gallery-install{gap:12px;padding-inline:14px;font-size:13px}}.gallery-model:disabled{opacity:.4;cursor:not-allowed}.gallery-project[hidden],.gallery-niche[hidden]{display:none!important}.gallery-baseline-work .gallery-enlarge{width:26px;height:26px;top:8px;bottom:auto;right:8px}.gallery-compare-frame{aspect-ratio:16/10;border-radius:var(--ks-radius-sm);background:var(--ks-paper-deep);box-shadow:var(--ks-lift-1);margin:9px;position:relative}.gallery-compare-frame:before{content:"";border:1px solid var(--ks-gray-2);border-radius:var(--ks-radius-md);pointer-events:none;position:absolute;inset:-9px}.gallery-compare-frame>img{border-radius:inherit;position:absolute;inset:0}.gallery-compare-site{clip-path:inset(0 0 0 var(--compare,50%))}.gallery-compare-seam{z-index:3;top:-9px;bottom:-9px;left:var(--compare,50%);background:var(--ks-kinpaku);pointer-events:none;width:2px;position:absolute;transform:translate(-50%)}.gallery-compare-seam:after{content:"";background-color:var(--ks-paper-raised);width:30px;height:20px;box-shadow:var(--ks-cap-lift),0 0 0 2px var(--ks-paper),0 0 0 4px var(--ks-kinpaku);background-image:repeating-linear-gradient(90deg,#0000 0 3px,oklch(13% 0 0/.3) 3px 4px);background-position:50%;background-repeat:no-repeat;background-size:12px 9px;border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gallery-compare:focus-within .gallery-compare-seam:after{box-shadow:var(--ks-cap-lift),0 0 0 2px var(--ks-paper),0 0 0 5px var(--ks-kinpaku)}.gallery-compare.is-dragging .gallery-compare-seam:after{box-shadow:var(--ks-cap-press),0 0 0 2px var(--ks-paper),0 0 0 4px var(--ks-kinpaku)}.gallery-compare-drag,.gallery-compare-range{z-index:4;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.gallery-compare-range{opacity:0;pointer-events:none;appearance:none}.gallery-compare-range::-webkit-slider-thumb{appearance:none;width:0;height:100%}.gallery-compare-range::-moz-range-thumb{border:0;width:0;height:100%}.gallery-compare-sides{font:400 12px/16px var(--font-body);color:var(--ks-text-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:10px;display:flex}.gallery-compare-sides strong{color:var(--ks-ink);font-weight:500}.gallery-compare-action{font:inherit;white-space:pre-wrap;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex;color:inherit!important;text-decoration:none!important}button.gallery-compare-action{cursor:zoom-in}.gallery-compare-action svg{width:12px;height:12px;color:var(--ks-ink);flex:none;margin-left:2px}.gallery-compare-action:hover{color:var(--ks-ink)!important}.gallery-compare-action:hover strong{text-underline-offset:3px;text-decoration:underline}.gallery-compare-action:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:3px;border-radius:var(--ks-radius-sm)}.gallery-comps{grid-template-columns:repeat(var(--comps,3),minmax(0,1fr));border:1px solid var(--ks-gray-2);border-radius:var(--ks-radius-md);gap:10px;margin:0 0 26px;padding:9px 9px 7px;display:grid;position:relative}.gallery-comps-lead{top:calc(100% + 3px);left:calc((100% - 18px - (var(--comps,3) - 1) * 10px) / (2 * var(--comps,3)) + 3px);width:12px;height:22px;color:var(--ks-patina-deep);position:absolute}.gallery-comps-lead svg{width:100%;height:100%;display:block}.gallery-comp button{aspect-ratio:16/10;border-radius:var(--ks-radius-sm);background:var(--ks-paper-deep);width:100%;box-shadow:var(--ks-lift-1);cursor:zoom-in;border:0;padding:0;display:block;overflow:hidden}.gallery-comp button:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:3px}.gallery-comp.is-chosen button{outline:2px solid var(--ks-patina-deep);outline-offset:2px}.gallery-comp img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.gallery-comp span{font:400 11px/14px var(--font-body);color:var(--ks-text-muted);white-space:nowrap;align-items:center;gap:4px;margin-top:6px;display:flex}.gallery-comp.is-chosen span{color:var(--ks-ink);font-weight:500}.gallery-comp em{color:var(--ks-patina-deep);font-style:normal;display:inline-flex}.gallery-comp em svg{width:10px;height:10px}@media (width<=700px){.gallery-baselines h3,.gallery-with-label{font-size:16px}}.gallery-comp-work{row-gap:36px}