
/* Interaction-only study: retain the original layout and palette. */
header .name:hover{background:#00f542}
.color-name{white-space:pre;display:inline-block}
.site-interactive .carousel-track .work a .cover-frame img{transform:perspective(950px) translate3d(var(--hover-x,0px),var(--hover-y,0px),0) rotateX(var(--hover-rx,0deg)) rotateY(var(--hover-ry,0deg)) rotateZ(var(--hover-rz,0deg));transform-origin:center;transition:transform .48s cubic-bezier(.2,.65,.3,1)}
.site-interactive .carousel-track .work .cover-frame.is-moving img{transition-duration:.14s;will-change:transform}
@media(prefers-reduced-motion:reduce){.site-interactive .carousel-track .work a .cover-frame img{transform:none!important;transition:none}}

.home.site-interactive .intro{align-items:start;margin-bottom:45px}
.home.site-interactive .page-title{font-size:clamp(27px,3vw,42px);line-height:1.35;letter-spacing:-.035em}
.home.site-interactive .page-title span{padding:.02em .18em}
.home.site-interactive .home-statement{max-width:770px}
.home.site-interactive .carousel-track.works{gap:clamp(30px,5vw,76px)}
.home.site-interactive .carousel-track.works>.work{flex-basis:var(--slide-width);width:var(--slide-width)}
.home.site-interactive .carousel-track.works>.work:last-child{margin-right:21%}
.home.site-interactive .carousel-track .work .cover-frame{height:clamp(330px,58vh,var(--art-height));position:relative}
.home.site-interactive .carousel-track .work:nth-child(3n+2) .cover-frame{padding:30px 10px 0}
.home.site-interactive .carousel-track .work figcaption{font-size:clamp(27px,3vw,46px);line-height:1.08;letter-spacing:-.03em;align-items:baseline;margin-top:24px}
.home.site-interactive .carousel-track .work figcaption span:last-child{font-size:14px;letter-spacing:0}
.home.site-interactive .carousel-track .work figcaption em{font-weight:400}
.home.site-interactive .carousel-track .caption{margin-top:10px;max-width:85%}
.home.site-interactive .carousel-track .cover-fade::after{display:none}
.site-interactive .work .work-detail{position:absolute;inset:0;opacity:0;object-fit:cover!important;transition:opacity .4s ease,transform .25s ease!important;pointer-events:none}
.site-interactive .work.detail-texture .work-detail{object-position:50% 25%!important}
.site-interactive .work.detail-space .work-detail{object-position:50% 50%!important}
.site-interactive .work .work-base{transition:opacity .4s ease,transform .25s ease!important}
.site-interactive .work.detail-pinned .work-detail,.site-interactive .work>a:focus-visible .work-detail{opacity:1}
.site-interactive .work.detail-pinned .work-base,.site-interactive .work>a:focus-visible .work-base{opacity:0}
@media(hover:hover) and (pointer:fine){.site-interactive .has-detail>a:hover .work-detail{opacity:1}.site-interactive .has-detail>a:hover .work-base{opacity:0}}
.detail-toggle{font:inherit;font-size:13px;min-height:44px;padding:10px 0 0;background:none;color:var(--muted);border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.detail-toggle[aria-pressed=true]{color:#00f542}
@media(prefers-reduced-motion:reduce){.site-interactive .work .work-detail,.site-interactive .work .work-base{transition:none!important}}
.site-interactive .work.detail-texture .work-detail{width:160%;height:160%;left:-30%;top:-18%;right:auto;bottom:auto;object-position:50% 25%!important}
.site-interactive .work.detail-contain .work-detail,.site-interactive .work.detail-portrait .work-detail,.site-interactive .work.detail-document .work-detail{object-fit:contain!important;object-position:50% 50%!important}
.site-interactive .work.detail-portrait .work-detail{max-width:600px!important;left:50%;translate:-50% 0}
.site-interactive .work.detail-document .work-detail{max-width:680px!important;left:50%;translate:-50% 0}
.site-interactive .work.detail-fragment .work-detail{object-fit:contain!important;width:200%!important;max-width:none!important;height:200%!important;left:-50%;top:-50%}
.site-interactive .work.detail-full-work .work-base{width:90%;height:90%;position:absolute;left:5%;top:5%;object-fit:contain!important}
.site-interactive .work.detail-full-work .work-detail{width:100%;height:100%;inset:0;object-fit:contain!important}
.site-interactive .palette-heading>span{background:#00f542;color:#1e1e1e;padding:.02em .18em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.site-interactive .palette-heading{line-height:1.35}
.site-interactive .palette-heading:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.site-interactive .has-detail .cover-frame{position:relative}
.site-interactive .has-detail .cover-fade::after{display:none}
.site-interactive .has-detail>a:hover .work-detail{opacity:0}
.site-interactive .has-detail.detail-pinned>a .work-detail,.site-interactive .has-detail>a:focus-visible .work-detail{opacity:1}
.site-interactive .has-detail.detail-pinned>a .work-base,.site-interactive .has-detail>a:focus-visible .work-base{opacity:0}
@media(hover:hover) and (pointer:fine){.site-interactive .has-detail>a:hover .work-detail{opacity:1}.site-interactive .has-detail>a:hover .work-base{opacity:0}}
@media(max-width:850px){.home.site-interactive .carousel-track.works>.work{flex-basis:88%;width:88%}.home.site-interactive .carousel-track.works>.work:nth-child(3n+2){flex-basis:94%;width:94%}.home.site-interactive .carousel-track.works>.work:last-child{margin-right:12%}.home.site-interactive .carousel-track .work .cover-frame{height:clamp(310px,48vh,450px)}.home.site-interactive .carousel-track .work figcaption{font-size:30px}.home.site-interactive .intro{gap:25px}}
