.photography-layout{min-height:100svh;display:flex;flex-direction:column}.photography-layout main{flex:1;min-height:0}.photography-grid{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));grid-template-rows:repeat(60,minmax(0,1fr));height:100%;min-height:530px;column-gap:12px}.photography-title{grid-area:1 / 1 / 8 / -1;z-index:-1;font-size:clamp(64px,9.7vw,148px);letter-spacing:-.065em;line-height:1;pointer-events:none}.photography-note{position:absolute;top:-20px;left:0;right:0;display:flex;gap:16px;align-items:start;font-size:12px}.photography-note br{display:none}.photography-hint{margin-left:auto;color:var(--color-ink-muted)}.photograph{min-width:0;min-height:0;display:flex;flex-direction:column}.photograph:nth-of-type(1){grid-area:7 / 13 / 24 / 19;margin-right:16px}.photograph:nth-of-type(2){grid-area:23 / 1 / 42 / 5;margin-right:8px}.photograph:nth-of-type(3){grid-area:12 / 5 / 61 / 13;margin-right:24px}.photograph:nth-of-type(4){grid-area:12 / 19 / 34 / 25;margin-left:8px}.photograph:nth-of-type(5){grid-area:26 / 13 / 43 / 19}.photograph:nth-of-type(6){grid-area:38 / 19 / 61 / 25;margin-left:24px}.photograph:nth-of-type(7){grid-area:44 / 1 / 61 / 5}.photograph:nth-of-type(8){grid-area:44 / 13 / 61 / 19;margin-right:8px}.photograph a{display:block;min-height:44px;flex:1}.photograph .media-frame{height:100%;background:transparent}.photograph img{width:100%;height:100%;object-fit:cover;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.photograph:nth-of-type(3) img{object-position:center}.photograph figcaption{padding-top:8px;display:flex;align-items:start;gap:8px;font-size:13px;text-wrap:pretty}.photograph figcaption>span{white-space:nowrap;font-variant-numeric:tabular-nums}.photograph a:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}@media(hover:hover)and (pointer:fine){.photograph a:hover img{outline-color:#00000040}}@media(min-width:64rem){.photography-layout{height:100svh;min-height:720px}.photograph:nth-of-type(3) figcaption{padding-left:12px}.photograph:nth-of-type(4) figcaption,.photograph:nth-of-type(6) figcaption{justify-content:flex-end;text-align:right}}html.photo-open{overflow:hidden}.photo-dialog{border:0;margin:auto;padding:20px;width:min(1200px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);background:var(--color-paper);color:var(--color-ink)}.photo-dialog::backdrop{background:#111111a6}.photo-close{display:block;min-height:44px;min-width:44px;margin-left:auto;text-decoration:underline;text-underline-offset:5px}.photo-dialog .media-frame{min-height:120px}.photo-dialog img{display:block;width:100%;height:auto;max-height:calc(100dvh - 180px);object-fit:contain}.photo-dialog>p{padding-top:12px}@media(max-width:63.999rem){.photography-grid{height:auto;min-height:0;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:auto;gap:32px 24px}.photography-title{grid-area:1 / 1 / 2 / -1;font-size:clamp(48px,9.4vw,100px)}.photography-note{position:static;grid-area:2 / 1 / 3 / 3;display:block}.photography-note br{display:block}.photography-hint{display:block;margin-top:12px}.photograph:nth-of-type(n){margin:0}.photograph:nth-of-type(1){grid-area:2 / 3 / 3 / 7}.photograph:nth-of-type(2){grid-area:3 / 1 / 4 / 4}.photograph:nth-of-type(3){grid-area:3 / 5 / 5 / 7}.photograph:nth-of-type(4){grid-area:4 / 1 / 5 / 4}.photograph:nth-of-type(5){grid-area:5 / 2 / 6 / 5}.photograph:nth-of-type(6){grid-area:6 / 3 / 7 / 7}.photograph:nth-of-type(7){grid-area:7 / 1 / 8 / 4}.photograph:nth-of-type(8){grid-area:7 / 4 / 8 / 7}.photograph img,.photograph .media-frame{height:auto}.photograph a{flex:none}}@media(max-width:47.999rem){.photography-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.photography-title{font-size:clamp(30px,9vw,70px)}.photography-note{grid-area:auto;grid-column:1 / -1}.photography-hint{margin-top:8px}.photograph:nth-of-type(n){grid-area:auto;grid-column:1 / -1;margin:0}.photograph:nth-of-type(2),.photograph:nth-of-type(5){margin-left:32px}.photograph:nth-of-type(3){margin-right:64px}.photo-dialog{padding:12px}}