:root{--gutter: 24px;--font: Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font:13px/1.5 var(--font);-webkit-font-smoothing:antialiased}button{font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}body.gallery{background:#000;color:#fff;overflow:hidden}.stage{position:fixed;inset:0}.stage:before,.stage:after{content:"";position:absolute;left:0;right:0;pointer-events:none;z-index:1}.stage:after{bottom:0;height:190px;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.3) 50%,transparent)}.stage:before{top:0;height:110px;background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent)}.photo{width:100%;height:100%;display:block;object-fit:contain;transition:opacity .15s ease-out}.photo.cover{object-fit:cover}.photo.fading{opacity:0;transition:none}.hit{position:absolute;top:0;bottom:0;z-index:2}.hit.prev{left:0;width:33%;cursor:w-resize}.hit.next{right:0;width:67%;cursor:e-resize}.hit:after{content:"";position:absolute;top:50%;width:16px;height:16px;margin-top:-8px;border:solid #fff;border-width:0 1.5px 1.5px 0;opacity:0;transition:opacity .25s;filter:drop-shadow(0 0 4px rgba(0,0,0,.6))}.hit.prev:after{left:calc(var(--gutter) + 6px);transform:rotate(135deg)}.hit.next:after{right:calc(var(--gutter) + 6px);transform:rotate(-45deg)}@media (hover: hover){.hit:hover:after{opacity:.55}}@media (hover: none){.hit.next.nudge:after{animation:nudge 2.6s ease-out .4s 1 both}}@keyframes nudge{0%{opacity:0}20%,70%{opacity:.6}to{opacity:0}}.bar{position:fixed;left:var(--gutter);right:var(--gutter);bottom:var(--gutter);z-index:2;display:flex;align-items:baseline;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.6);pointer-events:none}.bar .nav{pointer-events:auto}.nav{display:flex;align-items:baseline;gap:clamp(16px,1.6vw,28px);flex-wrap:nowrap;white-space:nowrap}.name{font-size:clamp(19px,1.7vw,28px);font-weight:700;letter-spacing:.08em}.years{list-style:none;display:flex;flex-wrap:nowrap;gap:clamp(10px,1.15vw,20px);font-size:clamp(11px,1vw,16px);letter-spacing:.07em}.years>li{position:relative}.years{align-items:baseline}.years>li>button,.years>li>a{display:block;opacity:.75;padding:2px 0;font:inherit;line-height:1.3;letter-spacing:inherit}.years>li.on>button,.years>li.on>a,.years>li>:hover{opacity:1}.years>li.on>button,.years>li.on>a{border-bottom:1px solid currentColor}.menu{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);list-style:none;background:#fff;color:#000;text-shadow:none;padding:14px 22px;width:max-content;max-width:min(320px,calc(100vw - 32px));max-height:calc(100vh - var(--navh, 60px) - 2 * var(--gutter) - 20px);overflow-y:auto;text-align:center;text-transform:lowercase;font-size:clamp(12px,.9vw,15px);line-height:1.35;box-shadow:0 6px 30px #00000059;white-space:normal;letter-spacing:0}.menu li{padding:.42em 0}.menu a{display:block;padding:0 6px;color:#767676;transition:color .12s}.menu a:hover,.menu a:focus-visible,.menu a[aria-current]{color:#000}.years>li.open>.menu{display:block}.info{position:fixed;top:var(--gutter);right:var(--gutter);z-index:2;max-width:50vw;font-size:clamp(12px,.95vw,15px);line-height:1.3;opacity:.85;text-align:right;text-shadow:0 1px 2px rgba(0,0,0,.7),0 0 14px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.info .count{margin-left:14px;opacity:.7;font-variant-numeric:tabular-nums}body.about{background:#fff;color:#000}body.about .nav{position:static;padding:var(--gutter);text-shadow:none}article.about{max-width:62ch;padding:clamp(16px,2.5vw,48px) var(--gutter) 80px;font-size:clamp(14px,1.1vw,21px);line-height:1.55}article.about p{margin-bottom:1.2em}article.about a{text-decoration:underline}body.about .menu{box-shadow:0 6px 30px #0000002e;border:1px solid #ddd;top:calc(100% + 8px);bottom:auto}@media (max-width: 1100px){.nav{flex-wrap:wrap;white-space:normal;max-width:calc(100vw - 2 * var(--gutter));gap:6px 18px}.years{flex-wrap:wrap;gap:4px 14px;font-size:13px}.name{font-size:22px}.info{max-width:70vw}}.work{display:none}.index{position:fixed;inset:0;z-index:10;background:#fff;color:#000;text-shadow:none;overflow-y:auto;padding:64px var(--gutter) 48px;-webkit-overflow-scrolling:touch}.index[hidden]{display:none}.index section{margin-bottom:26px}.index h2{font-size:13px;font-weight:700;letter-spacing:.07em;margin-bottom:8px}.index ul{list-style:none}.index li{font-size:16px;line-height:1.3;padding:6px 0;text-transform:lowercase}.index a{color:#555}.index a[aria-current]{color:#000;text-decoration:underline}.index-close{position:fixed;top:16px;right:var(--gutter);font-size:14px;letter-spacing:.07em;padding:8px 0 8px 16px;background:#fff}body.index-open{overflow:hidden}body.index-open .info,body.index-open .stage{visibility:hidden}.index{pointer-events:auto}@media (max-width: 900px),(max-height: 500px){.nav{flex-wrap:nowrap;white-space:nowrap;gap:20px}.years>li:not(:last-child){display:none}.years{font-size:15px;flex-wrap:nowrap}.name{font-size:22px}.work{display:block;order:1;font-size:15px;letter-spacing:.07em;opacity:.75;padding:2px 0}.years{order:2}}@media (max-width: 640px){:root{--gutter: 16px}.menu{position:fixed;left:16px;right:16px;transform:none;max-width:none;width:auto;bottom:calc(var(--navh, 100px) + var(--gutter) + 10px)}body.about .menu{top:calc(var(--navb, 110px) + 8px);bottom:auto;max-height:calc(100vh - var(--navb, 110px) - 24px)}}