/* GÜNEY ROOF · Yaptığımız İşler / v4.1 · Standart 4:3 görseller */
.work-home-section{background:linear-gradient(148deg,#f7faf7 0%,#edf4f0 100%);border-top:1px solid #e4ece7;border-bottom:1px solid #e4ece7}
.work-home-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.work-home-intro h2,.work-list-intro h2{font-size:clamp(34px,4.5vw,63px);letter-spacing:-.045em;margin:10px 0 15px;color:var(--ink,#18352e);line-height:1.1}
.work-home-intro p,.work-list-intro p{font-size:16px;line-height:1.7;color:var(--muted,#57635f);max-width:720px;margin:0}
.work-view-all,.work-back{font-weight:800;color:var(--forest,#173f3b);text-decoration:none;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:7px}
.work-view-all:hover,.work-back:hover{color:var(--accent,#297551)}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.work-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2ebe5;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 14px 38px #0d2f2810;min-width:0;transition:transform .25s ease,box-shadow .25s ease}
.work-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px #0d2f2824}
.work-card-cover{width:100%;aspect-ratio:4/3;height:auto;position:relative;background:#d8e1dd;overflow:hidden;flex-shrink:0}
.work-card-cover img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}
.work-card:hover img{transform:scale(1.035)}
.work-card-count{position:absolute;bottom:15px;left:17px;font-size:10px;font-weight:850;letter-spacing:.12em;background:#122b2ccc;color:white;padding:8px 10px;border-radius:4px;backdrop-filter:blur(5px)}
.work-card-info{padding:26px 24px 23px;display:flex;flex:1;flex-direction:column;gap:11px}
.work-kicker{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#39805d}
.work-card-info h3{margin:0;font-size:clamp(20px,2.2vw,27px);line-height:1.25;color:var(--ink,#1b3330)}
.work-card-info p{margin:0;color:#60716b;font-size:13px;line-height:1.7;flex:1}
.work-card-link{display:flex;justify-content:space-between;margin-top:9px;padding-top:17px;border-top:1px solid #e8eee9;color:#226849;font-size:12px;font-weight:900;letter-spacing:.02em}
.work-list-intro{margin-bottom:40px;max-width:800px}
.work-list-intro p{white-space:pre-line}
.work-empty-public{border:1px dashed #cbdccf;padding:55px 35px;border-radius:12px;background:#f7faf8;color:#456157}
.work-detail-overview{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}
.work-detail-overview h2{font-size:clamp(32px,4.3vw,55px);line-height:1.15;letter-spacing:-.038em;margin:10px 0;color:var(--ink,#18352e)}
.work-detail-overview p{color:#697d73;line-height:1.75;font-size:16px;margin:12px 0 18px;max-width:760px}
.work-detail-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.work-detail-meta span{background:#f3f8f4;padding:13px 16px;color:#1c5140;border:1px solid #e1ebdf;border-radius:9px;font-size:13px;display:grid;gap:5px}
.work-detail-meta b{font-size:9px;letter-spacing:.17em;color:#6a8576}
.work-detail-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:30px 0 45px}
.work-gallery-photo{position:relative;min-width:0;display:block;overflow:hidden;border-radius:9px;background:#e7ede8;aspect-ratio:4/3;height:auto}
.work-gallery-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}
.work-gallery-photo:hover img{transform:scale(1.045)}
.work-gallery-photo span{position:absolute;left:10px;right:10px;bottom:10px;padding:9px 12px;background:#16372fcc;backdrop-filter:blur(7px);color:#fff;border-radius:5px;font-size:11px;font-weight:700;text-align:center;opacity:0;transition:opacity .25s}
.work-gallery-photo:hover span,.work-gallery-photo:focus-visible span{opacity:1}
.work-gallery-featured{grid-column:auto;grid-row:auto;aspect-ratio:4/3;min-height:0}
.work-detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:25px 0;border-top:1px solid #e3ebe7}
.work-detail-bottom .article{max-width:700px}
.work-detail-bottom .button{flex-shrink:0}
.work-lightbox{position:fixed;inset:0;width:min(1100px,95vw);max-width:95vw;max-height:95dvh;border:0;padding:0;background:#0c1716;box-shadow:0 30px 100px #0008;border-radius:10px;overflow:hidden;color:white}
.work-lightbox::backdrop{background:#050c0bee;backdrop-filter:blur(5px)}
.work-lightbox-frame{display:flex;flex-direction:column;align-items:stretch;height:min(92dvh,930px)}
.work-lightbox-display{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:10px 60px;position:relative}
.work-lightbox-display img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.work-lightbox-top{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;gap:15px;font-size:12px;color:#d8e7df}
.work-lightbox button{cursor:pointer;border:1px solid #ffffff3b;background:#172c28cc;color:white;border-radius:7px;width:39px;height:39px;font-size:24px}
.work-lightbox .work-lightbox-prev,.work-lightbox .work-lightbox-next{position:absolute;top:50%;transform:translateY(-50%)}
.work-lightbox .work-lightbox-prev{left:12px}.work-lightbox .work-lightbox-next{right:12px}
@media(max-width:1080px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.work-home-intro,.work-detail-overview,.work-detail-bottom{align-items:start;flex-direction:column}.work-grid{grid-template-columns:1fr;gap:18px}.work-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.work-view-all,.work-back{white-space:normal}.work-gallery-photo span{opacity:1}.work-detail-overview{gap:18px}.work-lightbox-display{padding:6px 48px}}
@media(prefers-reduced-motion:reduce){.work-card,.work-card-cover img,.work-gallery-photo img{transition:none}}

/* V5 project videos keep the same 4:3 visual rhythm as the gallery. */
.work-video-section{margin:28px 0 32px;padding:22px;border:1px solid #dae7df;background:#f5faf7;border-radius:13px;max-width:940px}
.work-video-heading{margin:0 0 14px}.work-video-heading h3{font-size:21px;margin:5px 0 0;color:var(--ink,#213e34)}
.work-video-section video{display:block;width:100%;max-height:560px;aspect-ratio:16/9;object-fit:contain;background:#15251f;border-radius:9px}
@media(max-width:720px){.work-video-section{padding:11px}.work-video-section video{aspect-ratio:4/3}}