/* Tasarlamaca / Seçilmiş İşler 2026-10 — isolated additions */
.work-canvas .project-g { grid-column:1 / span 7; justify-self:start; }
.work-canvas .project-h { grid-column:4 / span 7; justify-self:end; }
.project-g .project-media,
.project-h .project-media { aspect-ratio:4 / 5; }
.work-canvas .project-g,
.work-canvas .project-h { max-width:580px; }
.work-canvas .project-cover-logo .project-media img { object-position:center; }
.project-media:focus-visible { outline:3px solid var(--color-accent); outline-offset:4px; }
.project-view { pointer-events:none; }
.portfolio-dialog { color:#f5f2eb; background:#11110f; padding:0; margin:auto; border:1px solid #4a4740; width:min(94vw,1160px); max-width:1160px; max-height:92dvh; overflow-y:auto; overscroll-behavior:contain; box-shadow:0 20px 80px rgba(0,0,0,.5); }
.portfolio-dialog::backdrop { background:rgba(4,4,4,.89); backdrop-filter:blur(12px); }
.portfolio-dialog-inner { padding:clamp(1rem,2.5vw,2rem); }
.portfolio-dialog-head { display:flex; justify-content:space-between; align-items:start; gap:1rem; margin-bottom:1.2rem; }
.portfolio-dialog-head small { color:#aaa49a; font-size:.65rem; letter-spacing:.14em; }
.portfolio-dialog-head h2 { margin:.5rem 0 0; line-height:.98; font-size:clamp(1.5rem,3vw,3rem); font-weight:550; letter-spacing:-.04em; }
.portfolio-dialog button { appearance:none; background:transparent; color:inherit; border:1px solid rgba(255,255,255,.28); border-radius:2px; cursor:pointer; padding:.78rem 1rem; min-height:44px; font:inherit; }
.portfolio-dialog button:hover { background:#f5f2eb; color:#0c0c0b; }
.portfolio-dialog button:focus-visible,.portfolio-dialog-cta:focus-visible { outline:3px solid var(--color-accent); outline-offset:3px; }
.portfolio-dialog-close { flex:0 0 auto; display:flex; gap:.5rem; align-items:center; }
.portfolio-dialog-close span { font-size:1.3rem; line-height:1; }
.portfolio-dialog-figure { margin:0; display:grid; place-items:center; background:#1a1917; min-height:min(42vw,380px); }
.portfolio-dialog-figure img { display:block; max-width:100%; max-height:min(57dvh,700px); width:auto; height:auto; object-fit:contain; }
.portfolio-dialog-figure figcaption { align-self:stretch; justify-self:stretch; color:#c1bdb5; font-size:.78rem; padding:.7rem .3rem; }
.portfolio-dialog-controls { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin:1rem 0; }
.portfolio-dialog-controls span { font-size:.77rem; color:#c9c3b6; font-variant-numeric:tabular-nums; }
.portfolio-dialog-thumbs { display:flex; gap:.55rem; overflow-x:auto; padding:.25rem 0 1rem; scrollbar-width:thin; }
.portfolio-dialog-thumbs button { flex:0 0 78px; width:78px; height:82px; padding:0; overflow:hidden; opacity:.55; transition:opacity .2s ease; }
.portfolio-dialog-thumbs button[aria-current="true"] { opacity:1; border-color:var(--color-accent); }
.portfolio-dialog-thumbs img { display:block; width:100%; height:100%; object-fit:cover; }
.portfolio-dialog-cta { display:inline-block; margin-top:.3rem; font-size:.84rem; text-decoration:underline; text-underline-offset:.3rem; }
body.portfolio-gallery-open { overflow:hidden; }
@media (max-width:1000px) {
 .work-canvas .project-g { grid-column:1 / span 8; justify-self:start; max-width:520px; }
 .work-canvas .project-h { grid-column:3 / span 8; justify-self:end; max-width:520px; }
}
@media (max-width:720px) {
 .work-canvas .project-g,.work-canvas .project-h { grid-column:auto !important; justify-self:stretch; max-width:none; margin-bottom:4.5rem; }
 .portfolio-dialog { width:100%; max-width:100%; max-height:100dvh; height:100dvh; border:0; }
 .portfolio-dialog-inner { padding:1rem; }
 .portfolio-dialog-figure { min-height:0; }
 .portfolio-dialog-figure img { max-height:58dvh; }
 .portfolio-dialog-head h2 { font-size:1.7rem; }
 .portfolio-dialog-thumbs button { flex-basis:64px; width:64px; height:69px; }
 .portfolio-dialog-controls button { padding:.65rem .6rem; font-size:.78rem; }
}
@media (prefers-reduced-motion:reduce) {
 .portfolio-dialog *, .portfolio-dialog *::before, .portfolio-dialog *::after { transition:none !important; animation:none !important; }
}