:root{color-scheme:light;--paper:#fff;--ink:#000;--muted:#737373;--accent:#3F68ED;font-family:var(--font-serif);font-weight:400;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;background:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;padding:0;font:inherit;background:none;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:4.8px}.page{width:min(1408px,88%);margin:auto;padding-bottom:60.8px}.masthead{display:flex;justify-content:space-between;align-items:center;height:328px;gap:32px;padding:46.4px 9.6px 64px}.masthead:has(.home-navigation){height:304px;padding:36px 9.6px 54px}.identity{display:flex;align-items:center;gap:33.6px;min-width:max-content}.masthead:has(.home-navigation) .identity{max-width:650.44px}.identity-copy{position:relative;display:grid;min-width:0;max-width:488.84px;flex-shrink:0;font-size:clamp(88px,7.73vw,121px)}.identity-copy h1{grid-area:1 / 1;align-self:start;display:block;font-size:1em}.signature{grid-area:1 / 1;align-self:end;justify-self:start;position:static;margin:0;font:400 .17em/1.3 var(--font-serif);white-space:nowrap;color:#858585}.mascot{width:128px;height:180.8px;position:relative;flex:0 0 auto;transition:transform .45s ease}.masthead:has(.home-navigation) .mascot{max-width:128px}.mascot svg{position:relative;width:100%;height:100%;overflow:visible;transform:scale(1.22)}.water{position:absolute;width:124%;height:124%;left:-12%;top:-12%;pointer-events:none}h1{font-weight:400;font-size:clamp(80px,8.4vw,132px);line-height:1;letter-spacing:-.055em;margin:0;white-space:nowrap}.name-owl,.name-carp{transition:opacity .8s ease}.identity[data-form=owl] .name-carp,.identity[data-form=fish] .name-owl{opacity:.65}.period{color:var(--accent)}nav{--nav-x-pad:12;--nav-y-pad:10;position:relative;display:grid;grid-template-columns:max-content max-content 1em;column-gap:12px;row-gap:22.4px;min-width:168px;font-size:22px}nav :is(button,.nav-link){display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;position:relative;z-index:1;font-size:inherit;line-height:1.2;text-align:left;color:inherit;cursor:pointer}nav :is(button,.nav-link):before{content:"";position:absolute;inset:-10px -12px;background:#f2f2f2;opacity:0;transition:opacity .14s ease;pointer-events:none}nav :is(button,.nav-link)>span,nav small{position:relative}nav small{font-family:var(--font-sans);font-size:17px;font-weight:400;color:var(--muted);transition:color .14s ease}.nav-highlight{position:absolute;pointer-events:none}.nav-highlight:before{content:"";position:absolute;inset:0;background:#f2f2f2;opacity:0;transition:opacity .14s ease}.nav-highlight[data-visible]:before{opacity:1}.nav-highlight .nav-frame{left:0;top:0;width:100%;height:100%}nav :is(button,.nav-link)[data-nav-active] small{color:var(--ink)}nav :is(button,.nav-link):active:before{background:#e7e7e7;opacity:1}nav :is(button,.nav-link):active small{color:var(--ink)}.nav-frame{position:absolute;left:-12px;top:-10px;width:calc(100% + 24px);height:calc(100% + 20px);opacity:0;pointer-events:none;overflow:visible}.nav-frame rect{x:.5px;y:.5px;width:calc(100% - 1px);height:calc(100% - 1px);fill:none;stroke:#000;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1}.nav-arrow-slot{width:1em;height:1em;align-self:center;overflow:hidden;pointer-events:none}.nav-arrow{display:block;font-family:var(--font-sans);font-size:1em;line-height:1;color:var(--accent);opacity:0}.exhibition,.home-content{border-top:1px solid #bfbfbf}.home-content [role=tabpanel][hidden]{display:none}.home-content [role=tabpanel]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.section-title{margin:22.4px 6.4px 27.2px;color:#858585;font:500 34px/1.3 var(--font-serif)}.section-title span{color:#bdbdbd;font-weight:400}.objects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project{--card:#f2f2f2;position:relative;min-width:0;min-height:584px;border:1px solid transparent;background:#fff;overflow:hidden;transition:border-color .3s,background-color .3s}.model-view{width:100%;height:440px;position:relative;z-index:0;dynamic-range-limit:standard}.silhouette{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:1;transition:opacity .8s ease}.model-view canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .8s ease;dynamic-range-limit:standard}.loading{position:absolute;z-index:1;left:50%;top:50%;width:32px;height:32px;border:2px solid #aeb6c8;border-top-color:var(--accent);border-radius:50%;background:transparent;transform:translate(-50%,-50%);animation:loading 1s linear infinite;transition:opacity .3s ease}.model-view[data-phase=revealing] canvas,.model-view[data-phase=ready] canvas{opacity:1}.model-view[data-phase=revealing] .silhouette,.model-view[data-phase=ready] .silhouette,.model-view[data-phase=revealing] .loading,.model-view[data-phase=ready] .loading{opacity:0}.loading[hidden]{display:none}.project-label{position:relative;z-index:1;padding:0 24px 28.8px;pointer-events:none}.project-button{position:absolute;inset:0;width:100%;height:100%;z-index:2;border-radius:0}.project-button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.project:has(.project-button:focus-visible),.project[data-touch-preview]{border-color:#000;background:var(--card)}.project:has(.project-button:focus-visible) .link-arrow,.project[data-touch-preview] .link-arrow{color:var(--accent)}.project:has(.project-button:active){background:#e7e7e7}.project-label h3{font:500 clamp(28px,2.5vw,36px)/1.25 var(--font-serif);margin:0;white-space:nowrap;letter-spacing:-.035em}.link-arrow{display:inline-block;color:#aaa;font-family:var(--font-sans);font-size:.9em;font-weight:300;margin-left:4.8px;transition:color .3s,transform .4s}.project-label p{font:400 18px/1.55 var(--font-serif);margin:19.2px 0 0}.project:after{content:"";position:absolute;inset:55% 0 0;z-index:0;pointer-events:none;opacity:0;background:linear-gradient(transparent,var(--card) 65%);transition:opacity .4s}.project[data-touch-preview]:after{opacity:1}@media(hover:hover)and (pointer:fine){.mascot:hover{transform:rotate(-3deg) scale(1.035)}.project:hover{border-color:#000;background:var(--card)}.project:hover .link-arrow{color:var(--accent);transform:translate(2px,-2px)}.project:hover:after,.project:has(.project-button:focus-visible):after{opacity:1}}@keyframes loading{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.water{display:none}.mascot:hover{transform:none}}a{text-decoration:none;color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;left:20px;top:20px;z-index:100;padding:12px;background:#fff;color:#111;border:1px solid currentColor}