/* Real project photography, preserving the V2 visual system. */
.photo-open{display:block;position:relative;width:100%;padding:0;border:0;background:var(--ink);color:inherit;cursor:zoom-in;text-align:left}
.photo-open img{display:block;width:100%;height:100%;object-fit:contain}
.photo-open:after{content:"VIEW PHOTO ↗";position:absolute;right:12px;bottom:12px;padding:8px 11px;background:#10181fe6;color:#fff;font-size:13px;letter-spacing:.1em}
.photo-open:focus-visible{outline:3px solid var(--amber);outline-offset:4px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}
.project-card{min-width:0}
.project-card .photo-open{aspect-ratio:1}
.project-card h3{font-size:24px;margin:17px 0 8px;line-height:1.2}
.project-card p{font-size:15px;color:#5e6f7b}
.project-card[hidden]{display:none!important}
.photo-section-intro{max-width:760px;margin-bottom:36px}
.photo-section-intro h2{margin-bottom:16px}
.photo-section-intro p{font-size:17px;color:#5e6f7b}
.photo-kicker{font-size:13px;letter-spacing:.12em;color:#607d93;margin-bottom:13px}
.project-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.project-proof-grid figure{margin:0;min-width:0}
.project-proof-grid .photo-open{height:360px}
.project-proof-grid figcaption{font-size:15px;color:#5e6f7b;line-height:1.6;margin-top:13px}
.project-proof-grid .photo-open img{object-fit:contain}
.project-proof-grid.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-proof-grid.is-three .photo-open{height:300px}
.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 32px}
.pair-card{min-width:0;border-top:1px solid var(--darkline);padding-top:22px}
.pair-card h2{font-size:31px;line-height:1.2;margin:0 0 12px}
.pair-card>p{font-size:16px;color:#5e6f7b;margin-bottom:22px}
.pair-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pair-images figure{margin:0;min-width:0}
.pair-images .photo-open{aspect-ratio:3/4}
.pair-images figcaption{font-size:13px;letter-spacing:.1em;margin:10px 0 0;color:#536b7b}
.pair-note{font-size:14px!important;line-height:1.65;margin-top:18px}
.comparison-feature{max-width:950px;margin:0 auto 64px}
.comparison-feature .compare-wrap{aspect-ratio:1}
.comparison-feature .compare-control{margin-bottom:12px}
.comparison-feature h2{font-size:34px;margin-bottom:18px}
.comparison-feature>p{font-size:16px;color:#5e6f7b}
.window-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.window-card{padding:20px;border:1px solid var(--darkline);background:#fff;min-width:0}
.window-card figure{margin:0}
.window-card img{display:block;width:100%;height:90px;object-fit:contain}
.window-card figcaption{font-size:13px;line-height:1.5;color:#526a7b;margin-top:12px}
.library-note{font-size:14px;line-height:1.65;color:#5e6f7b;margin-top:28px;max-width:780px}
.inner-art.technical-photo{aspect-ratio:1.2;background:#10181f}
.inner-art.technical-photo img{object-fit:contain}
.inner-art.technical-photo.portrait-photo{aspect-ratio:1.2}
.inner-art.technical-photo.portrait-photo img{object-position:center}
.photo-lightbox{padding:0;border:1px solid #39434b;background:#10181f;color:#fff;max-width:min(1100px,94vw);width:1100px;max-height:94vh;overflow:auto}
.photo-lightbox::backdrop{background:#070b10eb}
.lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-bottom:1px solid #34434d}
.lightbox-bar p{font-size:13px;letter-spacing:.1em;margin:0;color:#bfcbd4}
.lightbox-close{background:none;color:white;border:1px solid #54616b;padding:10px 16px;font-size:15px;cursor:pointer}
.lightbox-image{display:block;max-width:100%;width:100%;height:min(70vh,760px);object-fit:contain;background:#080d12}
.lightbox-caption{font-size:16px;line-height:1.6;margin:0;padding:20px 24px}
@media(max-width:900px){
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pair-grid{grid-template-columns:1fr}
 .project-proof-grid.is-three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .window-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
 .project-grid{grid-template-columns:1fr;gap:34px}
 .project-proof-grid,.project-proof-grid.is-three{grid-template-columns:1fr}
 .project-proof-grid .photo-open,.project-proof-grid.is-three .photo-open{height:310px}
 .window-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .window-card{padding:12px}
 .window-card img{height:65px}
 .inner-art.technical-photo,.inner-art.technical-photo.portrait-photo{aspect-ratio:1.15}
 .pair-images .photo-open:after{font-size:13px;right:5px;bottom:5px;padding:5px}
 .pair-card h2{font-size:30px}
 .comparison-feature h2{font-size:33px}
 .lightbox-bar{padding:12px}
 .lightbox-image{height:60vh}
 .lightbox-caption{padding:16px;font-size:15px}
}