/* Perfecto Qatar — Project gallery v1 */
.phase5-projects{background:#f8f7f5;padding-block:88px}
.phase5-projects .section-heading{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:26px;margin-bottom:34px}
.phase5-projects .section-heading>p{font-size:14px;line-height:1.8;color:#686968;max-width:440px}
.phase5-projects .phase5-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.phase5-project-card{background:transparent;min-width:0}
.phase5-project-card .project-photo-link{display:block;position:relative;color:inherit;text-decoration:none}
.phase5-project-card .project-image{position:relative;height:auto;aspect-ratio:1000/720;overflow:hidden;background:#e3e0dc}
.phase5-project-card .project-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:transform .3s ease,filter .3s ease}
.phase5-project-card .project-photo-link:hover img,.phase5-project-card .project-photo-link:focus-visible img{transform:scale(1.035);filter:saturate(.99)}
.project-photo-hint{position:absolute;right:12px;bottom:12px;font-size:9px;font-weight:720;letter-spacing:.1em;background:rgba(255,255,255,.96);color:#373737;padding:10px 12px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.project-photo-link:hover .project-photo-hint,.project-photo-link:focus-visible .project-photo-hint{opacity:1;transform:none}
.phase5-project-card .project-caption{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 0 17px;border-bottom:1px solid #dedbd6}
.phase5-project-card .project-caption h3{font-size:17px;margin:5px 0 3px;color:#242629;font-weight:630;letter-spacing:-.02em}
.phase5-project-card .project-caption span:not(.project-tag){font-size:9px;letter-spacing:.095em;color:#af5459}
.phase5-project-card .project-caption .project-tag{font-size:10px;line-height:1.5;max-width:116px;text-align:right;color:#7c7976;font-weight:530;white-space:normal}
.project-location{color:#7e7c79;font-size:11px;margin:2px 0 0;line-height:1.5}
.phase5-projects .portfolio-footer{margin-top:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.phase5-projects .portfolio-footer>span{color:#83817e;font-size:12px;line-height:1.6;max-width:600px}
.perfecto-gallery{border:0;border-radius:4px;max-height:95dvh;max-width:min(92vw,1120px);padding:0;background:#fff;box-shadow:0 15px 60px #0006}
.perfecto-gallery::backdrop{background:rgba(12,14,16,.88)}
.gallery-panel{position:relative;width:min(90vw,1050px);padding:42px 16px 12px;display:flex;flex-direction:column}
.gallery-close{position:absolute;right:11px;top:4px;cursor:pointer;background:none;border:0;color:#36383b;font-size:32px;line-height:1;padding:4px 12px}
.gallery-panel>img{width:100%;max-height:72dvh;object-fit:contain;display:block;background:#f1f0ee}
.gallery-footer{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:10px;padding-top:12px}
.gallery-prev,.gallery-next{height:40px;background:transparent;border:1px solid #dbd8d4;cursor:pointer;color:#313336;font-size:22px}
.gallery-prev:hover,.gallery-next:hover{border-color:#b44c54;color:#a94249}
.gallery-caption{display:flex;flex-direction:column;gap:4px;text-align:center}
.gallery-caption strong{font-size:14px;color:#303336}
.gallery-caption small{font-size:11px;color:#86827e}
@media(max-width:900px){.phase5-projects .phase5-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phase5-projects .section-heading{grid-template-columns:1fr}.phase5-projects .section-heading>p{max-width:600px}.phase5-projects .portfolio-footer{flex-direction:column;align-items:flex-start}}
@media(max-width:580px){.phase5-projects{padding-block:65px}.phase5-projects .phase5-project-grid{grid-template-columns:1fr;gap:23px}.phase5-project-card .project-caption{padding-block:13px}.phase5-project-card .project-image{aspect-ratio:1000/700}.project-photo-hint{opacity:1;transform:none;font-size:8px;padding:8px 9px}.gallery-panel{width:94vw;padding:35px 8px 8px}.perfecto-gallery{max-width:98vw}.gallery-panel>img{max-height:65dvh}.gallery-footer{grid-template-columns:45px 1fr 45px}}
@media(prefers-reduced-motion:reduce){.phase5-project-card .project-image img,.project-photo-hint{transition:none!important}}