[data-page=projects]{--stack: 12px;--z-stage: 10;.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.footer.fixed{position:fixed;left:0;right:0;bottom:0;z-index:15}.shots{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);padding:80px var(--pad)}.shots-in{grid-column:4 / 9;display:flex;flex-direction:column;gap:var(--stack)}.shot{position:relative;display:block;aspect-ratio:3 / 2;scroll-snap-align:center}.shot-in{position:absolute;inset:0;overflow:hidden;background:var(--surface);will-change:transform}.shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos, 50% 50%);transition:scale .9s var(--ease)}@media(hover:hover)and (pointer:fine){.shot:hover img{scale:1.035}}.shot:focus-visible{outline-offset:6px}.stage{position:fixed;inset:0;z-index:var(--z-stage);padding:80px var(--pad);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);pointer-events:none}.s-num{grid-column:1;grid-row:1;align-self:center;white-space:nowrap}.s-title{grid-column:2 / span 2;grid-row:1;align-self:center}.s-details{grid-column:9 / -1;grid-row:1;align-self:end;display:flex;flex-direction:column;gap:32px}.rows{display:flex;flex-direction:column;gap:4px}.row{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--gap)}.ln,.ln .in{display:block}.ln .char{will-change:transform}.s-details .pill{align-self:flex-start;pointer-events:auto}@media(min-width:801px){.stage{grid-template-rows:1fr auto 1fr}.s-num,.s-title{grid-row:2}.s-details{grid-row:2 / 4;align-self:start}}@media(max-width:800px){.shots{padding-bottom:130px}.shots-in{grid-column:1 / -1}.stage{inset:auto 0 var(--fh, 0px) 0;padding:14px var(--pad) 14px;background:var(--bg);align-items:center}.s-num,.s-title,.s-details{align-self:center}.s-num{grid-column:1 / 3}.s-title{grid-column:3 / 8}.s-details{grid-column:8 / -1;align-items:flex-end}.rows,.footer.fixed{display:none}.stage{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}}}