.exp{position:relative}.exp:not([data-view]) .exp-board,.exp:not([data-view]) .exp-dock,.exp:not([data-view]) .exp-hint,.exp:not([data-view]) .exp-tag,.exp[data-view=list] .exp-board,.exp[data-view=list] .exp-hint,.exp[data-view=list] .exp-tag,.exp[data-view=board] .exp-list{display:none}html:has(.exp[data-view=board]){overscroll-behavior:none;overflow:hidden}body:has(.exp[data-view=board]) .contact,body:has(.exp[data-view=board]) .site-foot{display:none}body:has(.exp[data-view=board]) .nav{background:var(--glass);-webkit-backdrop-filter:saturate(1.4)blur(14px);box-shadow:0 1px #1415180f}.exp-head{z-index:3;padding-top:calc(var(--nav-h) + clamp(40px, 7vh, 96px));padding-bottom:clamp(36px,5vw,72px);position:relative}.exp-head__title{font-size:var(--fs-hero);letter-spacing:-.05em;margin:0 0 0 -.03em;font-weight:500;line-height:.93}.exp-head__foot{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px 24px;margin-top:clamp(24px,3vw,44px);display:grid}.exp-head__lead{max-width:33em;margin:0}.exp-head__count{color:var(--ink-3);margin:0}.exp[data-view=board] .exp-head{left:0;top:calc(var(--nav-h) + clamp(16px, 2.2vw, 32px));padding:0 var(--pad);pointer-events:none;position:fixed}.exp[data-view=board] .exp-head:before{content:"";z-index:-1;background:radial-gradient(closest-side,#ffffffe6,#ffffff8c 50%,#fff0 100%);width:640px;height:330px;position:absolute;top:-110px;left:-140px}.exp[data-view=board] .exp-head__title{letter-spacing:-.045em;font-size:clamp(34px,3.9vw,64px);line-height:.95}.exp[data-view=board] .exp-head__foot{margin-top:10px;display:block}.exp[data-view=board] .exp-head__lead{display:none}.exp-board{z-index:1;background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;position:fixed;inset:0;overflow:clip}.exp-board.is-dragging,.exp-board.is-dragging .tile__link{cursor:grabbing}.exp-board__world{margin:0;padding:0;list-style:none;position:absolute;inset:0}.tile{will-change:transform;width:300px;position:absolute;top:0;left:0}.exp-board:not(.is-ready) .tile{visibility:hidden}.tile__link{border-radius:var(--r-img);-webkit-user-drag:none;display:block}.tile__link:focus-visible{outline-offset:6px}.tile__media{border-radius:var(--r-img);background:var(--bg-3);display:block;position:relative;overflow:hidden}.tile__media picture{width:100%;height:100%;display:block}.tile__media img{object-fit:cover;object-position:top center;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;transition:transform .6s var(--ease-out)}.tile__media--mat{background:var(--mat);padding:7%}.tile__media--mat img{object-fit:contain}.exp-board:not(.is-moving) .tile__link:hover .tile__media img{transform:scale(1.03)}.tile__cap{transition:opacity .35s var(--ease-out);justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;font-size:13px;line-height:1.3;display:flex}.tile__t{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.tile__cap .mono{font-size:12px}.exp-board.is-moving .tile__cap{opacity:0;transition-duration:.15s}.exp-dock{z-index:42;left:50%;bottom:max(20px, env(safe-area-inset-bottom));-webkit-backdrop-filter:saturate(1.4)blur(14px);background:#ffffffe6;border-radius:999px;gap:2px;padding:4px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 0 0 1px #14151814,0 14px 34px -14px #1415184d}.exp-dock__btn{letter-spacing:-.01em;height:40px;color:var(--ink-2);transition:color var(--t) var(--ease-out), background-color var(--t) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px 0 15px;font-size:14.5px;font-weight:500;display:inline-flex}.exp-dock__btn svg{flex:none;width:16px;height:16px}.exp-dock__btn:hover{color:var(--ink);background:var(--bg-2)}.exp-dock__btn[aria-pressed=true]{background:var(--graphite);color:var(--on-graphite)}.exp-dock__btn:focus-visible{outline-offset:2px;border-radius:999px}.exp-hint{z-index:3;left:var(--pad);bottom:max(26px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);height:32px;color:var(--ink-2);pointer-events:none;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);background:#ffffffe6;border-radius:999px;align-items:center;gap:8px;margin:0;padding:0 14px 0 12px;font-size:13px;font-weight:500;display:inline-flex;position:fixed;box-shadow:0 0 0 1px #14151814}.exp-hint svg{width:16px;height:16px}.exp-hint.is-gone{opacity:0;transform:translateY(8px)}.exp-tag{z-index:45;pointer-events:none;opacity:0;visibility:hidden;background:var(--graphite);height:30px;color:var(--on-graphite);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;line-height:1;display:inline-flex;position:fixed;top:0;left:0;box-shadow:0 10px 24px -10px #14151873}.exp-tag b{font-weight:500}.exp-tag span{color:#b4b8be}.exp-tag span:empty{display:none}@media (hover:none),(pointer:coarse){.exp-tag{display:none}}.exp-list{padding-bottom:24px}body:has(.exp[data-view=list]) .site-foot{margin-bottom:84px}.exp-index .row__name{font-size:clamp(34px,4.6vw,80px)}.exp-index{padding-bottom:clamp(88px,10vw,150px)}.exp-title--long{letter-spacing:-.05em;text-wrap:balance;max-width:15em;font-size:clamp(44px,6.6vw,120px);line-height:.95}.hero-media.exp-hero{height:auto;aspect-ratio:var(--ar);max-height:none}.hero-media.exp-hero--mat{aspect-ratio:auto;background:var(--mat,var(--bg-2));justify-content:center;align-items:center;height:min(86svh,58vw);padding:clamp(24px,5vw,88px);display:flex}.hero-media.exp-hero--mat picture,.exp-mat picture{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero-media.exp-hero--mat img{object-fit:contain;border-radius:var(--r-img);width:auto;max-width:100%;height:auto;max-height:100%}.exp-shots{gap:var(--gap);margin-top:var(--gap);display:grid}.exp-pair{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.exp-pair>.shot,.exp-pair .shot__media{height:100%}.shot__media.exp-mat{background:var(--mat,var(--bg-2));justify-content:center;align-items:center;min-height:clamp(320px,40vw,640px);padding:clamp(56px,5vw,96px) clamp(20px,5vw,96px);display:flex}.shot__media.exp-mat img{border-radius:var(--r-img);width:auto;max-width:100%;height:auto;max-height:76svh}.exp-pair .shot__media.exp-mat{padding:clamp(56px,4vw,72px) clamp(20px,4vw,72px)}.exp-blurb{max-width:30em;margin:0}.exp-pager{padding-top:clamp(72px,9vw,140px)}.exp-pager__row{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.exp-pager .next{padding-top:clamp(40px,5vw,72px)}.exp-pager .next__name.exp-title--long{font-size:clamp(40px,6vw,108px)}.next__media.exp-mat{background:var(--mat,var(--bg-2));justify-content:center;align-items:center;padding:clamp(20px,4vw,64px);display:flex}.next__media.exp-mat img{object-fit:contain;border-radius:var(--r-img);width:auto;max-width:100%;height:auto;max-height:100%}@media (width<=760px){.exp-head__foot{grid-template-columns:1fr}.exp[data-view=board] .exp-head__title{font-size:34px}.exp[data-view=board] .exp-head:before{width:420px;height:220px;top:-70px;left:-110px}.tile__cap{margin-top:8px;font-size:12px}.tile__cap .mono{display:none}.exp-hint{left:50%;bottom:calc(max(20px, env(safe-area-inset-bottom)) + 58px);transform:translate(-50%)}.exp-hint.is-gone{transform:translate(-50%,8px)}.exp-pair{grid-template-columns:1fr}.shot__media.exp-mat{min-height:0;padding:56px 20px 32px}.exp-pair .shot__media.exp-mat{padding:56px 20px 32px}.shot__media.exp-mat img{max-height:70svh}.hero-media.exp-hero--mat{height:auto;padding:40px 20px}.hero-media.exp-hero--mat picture{height:auto}.hero-media.exp-hero--mat img{max-height:66svh}}@media (prefers-reduced-motion:reduce){.tile__media img{transition:none}}.exp[data-view=list] .exp-dock{width:fit-content;margin:0 var(--pad) clamp(20px, 3vw, 40px);position:static;transform:none;box-shadow:0 0 0 1px #14151814}[data-theme=dark] body:has(.exp[data-view=board]) .nav{background:var(--glass);box-shadow:0 1px #ffffff0f}[data-theme=dark] .exp[data-view=board] .exp-head:before{background:radial-gradient(closest-side,#121418eb,#1214188c 50%,#12141800 100%)}[data-theme=dark] .exp-dock,[data-theme=dark] .exp-hint{background:var(--glass);box-shadow:0 0 0 1px #ffffff14,0 14px 34px -14px #0009}[data-theme=dark] .exp[data-view=list] .exp-dock{box-shadow:0 0 0 1px #ffffff14}[data-theme=dark] .exp-tag span{color:#5c6168}
