.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:start}
.project-card{background:#fff;border:1px solid #dce5ea;border-radius:26px 26px 10px 26px;overflow:hidden;scroll-margin-top:130px}
.project-cover{position:relative;display:block;aspect-ratio:4/3;background:#e1e7e9;overflow:hidden}
.project-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.project-cover:hover img{transform:scale(1.035)}
.project-cover>span{position:absolute;bottom:14px;right:14px;padding:6px 13px;background:#275575;color:#fff;border-radius:30px;font-size:14px}
.project-body{padding:25px}.project-body h3{font-size:23px;line-height:1.25;color:#275575;margin:0 0 17px}
.project-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#526471;margin:0 0 13px}
.project-works{list-style:none;padding:0;margin:0}.project-works li+li{border-top:1px solid #e4e9ec;padding-top:15px;margin-top:15px}
.project-works h4{font-size:16px;line-height:1.45;margin:0 0 7px;font-weight:700;color:#1c2d3e}.project-works p{font-size:14px;line-height:1.65;color:#52616c;margin:0}
.project-gallery{margin-top:23px;border-top:1px solid #dce5ea;padding-top:16px}.project-gallery summary{cursor:pointer;font-size:14px;color:#275575;font-weight:700;min-height:30px}.gallery-note{font-size:12px;line-height:1.5;color:#52616c}
.gallery-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gallery-thumbs a{aspect-ratio:1;display:block;border-radius:9px;overflow:hidden}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.photo-dialog{width:min(1100px,96vw);max-width:96vw;max-height:95dvh;border:0;border-radius:18px;background:#142a3a;color:white;padding:55px 12px 16px;overflow:auto}.photo-dialog::backdrop{background:rgba(8,20,29,.88)}.gallery-open{overflow:hidden}
.gallery-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px}.gallery-stage figure{margin:0;min-width:0}.gallery-stage img{display:block;max-width:100%;height:70dvh;object-fit:contain;margin:auto}.gallery-stage figcaption{text-align:center;font-size:13px;line-height:1.5;margin-top:15px}
.photo-dialog button{background:#32668b;color:white;border:1px solid #84a4bc;border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:24px}.gallery-close{position:absolute;right:12px;top:8px}.photo-dialog button:focus-visible,.project-card a:focus-visible,.project-gallery summary:focus-visible{outline:3px solid #e8b469;outline-offset:3px}
@media(max-width:1050px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.project-grid{grid-template-columns:1fr;gap:22px}.project-body{padding:22px}.gallery-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:2px}.photo-dialog{padding-left:4px;padding-right:4px}.photo-dialog button{width:34px;height:40px;font-size:20px}.gallery-stage img{height:62dvh}.gallery-stage figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.project-cover img{transition:none}}