body{background:var(--color-bg)}main{padding-top:calc(var(--header-height) + 60px);padding-bottom:var(--gap-xl);max-width:1320px;margin:0 auto;padding-left:var(--gap-md);padding-right:var(--gap-md)}.project-header{text-align:center;margin-bottom:56px}.project-title{font-family:var(--font-primary);font-size:clamp(11px,1.2vw,13px);letter-spacing:var(--tracking-xwide);text-transform:uppercase;color:var(--color-text);margin-bottom:16px}.project-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.project-meta span{font-family:var(--font-primary);font-size:11px;letter-spacing:var(--tracking-wide);color:var(--color-muted);text-transform:uppercase}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.photo-grid .row-full{grid-column:1 / -1}.photo-grid .row-full-portrait{grid-column:1 / -1;display:flex;justify-content:center;gap:3px}.photo-grid .row-full-portrait .photo-wrap{width:40%;max-width:480px}.photo-grid .row-full-portrait .photo-wrap.ratio-portrait{aspect-ratio:2 / 3}.photo-grid .row-full-portrait .photo-wrap.ratio-tall{aspect-ratio:3 / 4}@media(max-width:768px){.photo-grid .row-full-portrait{flex-direction:column;align-items:center}.photo-grid .row-full-portrait .photo-wrap{width:80%;max-width:none}}.photo-grid .row-three{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px}.photo-grid .row-two{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:3px}.photo-grid .col-wide{grid-column:1 / 2}.photo-grid .col-narrow{grid-column:2 / 3}.photo-grid .spacer{grid-column:1 / -1;height:var(--gap-lg)}.photo-grid .row-left{grid-column:1 / -1;display:flex;justify-content:flex-start}.photo-grid .row-left .photo-wrap{width:50%}.photo-grid .row-right{grid-column:1 / -1;display:flex;justify-content:flex-end}.photo-grid .row-right .photo-wrap{width:50%}@media(max-width:768px){.photo-grid .row-left,.photo-grid .row-right{justify-content:center}.photo-grid .row-left .photo-wrap,.photo-grid .row-right .photo-wrap{width:100%}}.photo-grid img,.photo-grid .photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer;transition:filter .4s ease;filter:brightness(.97)}.photo-grid img:hover,.photo-grid .photo-wrap img:hover{filter:brightness(1.04)}.photo-wrap{overflow:hidden;position:relative}.photo-wrap.ratio-landscape{aspect-ratio:3 / 2}.photo-wrap.ratio-portrait{aspect-ratio:2 / 3}.photo-wrap.ratio-square{aspect-ratio:1 / 1}.photo-wrap.ratio-wide{aspect-ratio:16 / 9}.photo-wrap.ratio-tall{aspect-ratio:3 / 4}.photo-wrap.ratio-natural img{height:auto;width:100%;object-fit:unset}.photo-wrap.ratio-natural{height:auto}#overlay{display:none;position:fixed;inset:0;background:var(--color-overlay);z-index:500;cursor:zoom-out}#overlay.visible{display:flex;align-items:center;justify-content:center}#overlayImage{max-width:88vw;max-height:88vh;object-fit:contain;cursor:default;display:block}.arrow-container{position:fixed;top:50%;transform:translateY(-50%);z-index:510;cursor:pointer;padding:20px;list-style:none;opacity:.5;transition:opacity .2s}.arrow-container:hover{opacity:1}#arrowLeft{left:20px}#arrowRight{right:20px}.arrow img{width:18px;height:18px;filter:invert(1);display:block}.arrow-left img{transform:scaleX(-1)}ul{list-style:none;padding:0}.project-navigation{display:flex;justify-content:flex-end;padding:var(--gap-xl) var(--gap-md) var(--gap-md);max-width:1320px;margin:0 auto}.next-project-link{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-primary);font-size:11px;letter-spacing:var(--tracking-xwide);text-transform:uppercase;color:var(--color-muted);text-decoration:none;transition:color .2s ease,gap .3s ease}.next-project-link:hover{color:var(--color-text);gap:20px}.next-project-link span{font-weight:400}.next-project-arrow{width:16px;height:16px;transition:transform .3s var(--ease-out)}.next-project-link:hover .next-project-arrow{transform:translate(4px)}@media(max-width:768px){main{padding-top:calc(var(--header-height) + 32px);padding-left:12px;padding-right:12px;padding-bottom:var(--gap-lg)}.photo-grid{grid-template-columns:1fr;gap:2px}.photo-grid .row-three{grid-template-columns:1fr 1fr;gap:2px}.photo-grid .row-three .photo-wrap:last-child{grid-column:1 / -1}.photo-grid .col-wide,.photo-grid .col-narrow{grid-column:1 / -1}.photo-grid .spacer{height:var(--gap-md)}.project-navigation{justify-content:center;padding:var(--gap-lg) var(--gap-md) var(--gap-md)}#arrowLeft{left:8px}#arrowRight{right:8px}}.img,.single-img{cursor:pointer}.hidden{opacity:0;pointer-events:none}.horizontal-flex-container,.single-horizontal-container{display:none}