/* Yalnız bağımsız çalışma kopyası: mevcut renkler ve dört kutulu sahne. */
[hidden] { display:none !important; }
.ust-serit { grid-template-columns:1fr auto 1fr; }
.ust-araclar { justify-self:end; display:flex; align-items:center; gap:24px; }
.menu-ac,.dil-dugme,.menu a { min-height:44px; display:inline-flex; align-items:center; }
.menu-ac { border-bottom:1px solid currentColor; }
.mobil-ilet { display:none; }
.hero-actions { position:fixed; z-index:14; right:var(--kenar); bottom:24px; display:flex; align-items:center; gap:24px; color:var(--kagit); }
.hero-actions a { padding:12px 0; border-bottom:1px solid currentColor; }
html:not([data-section="acilis"]) .hero-actions,.hero-actions.is-hidden { display:none; }
.mobile-intro { display:none; }
.k-foto::after,.seri-kapak::after { content:attr(data-open-label); position:absolute; bottom:10px; right:10px; z-index:4; padding:6px 8px; background:var(--kagit); color:var(--murekkep); font:600 10px 'Archivo',sans-serif; letter-spacing:.04em; pointer-events:none; }
.seri-kapak { position:relative; }
button.k-afis::after,.k-kimlik::after,.k-f1::after,.k-iki::after { content:''; position:absolute; right:8px; bottom:8px; z-index:4; width:24px; height:24px; display:grid; place-items:center; background:var(--kagit); color:var(--murekkep); pointer-events:none; }
.dialog-top { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px var(--kenar); border-bottom:1px solid var(--ikincil); }
.section-dialog,.project-dialog { overflow-y:auto; overscroll-behavior:contain; }
.menu-body { padding:48px var(--kenar); display:grid; grid-template-columns:1.1fr 1fr; gap:10%; }
.section-links { display:grid; }
.section-links a { display:grid; grid-template-columns:35px 1fr auto; align-items:center; gap:12px; min-height:64px; border-bottom:1px solid var(--ikincil); font-size:29px; }
.section-links a>span:first-child { color:var(--ikincil); font-size:10px; }
.section-links a:hover { color:var(--kirmizi); }
.menu-projects>p { margin:12px 0 20px; }
.menu-projects>button { width:100%; display:grid; grid-template-columns:105px 1fr auto; gap:20px; align-items:center; text-align:left; padding:18px 0; border-bottom:1px solid var(--ikincil); font-size:22px; }
.menu-projects img { width:105px; height:90px; object-fit:cover; object-position:top; background:var(--bos); }
.menu-projects small { display:block; font-size:12px; color:var(--ikincil); margin-top:6px; }
.project-body { display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:48px var(--kenar) 70px; align-items:start; }
.project-visual { position:sticky; top:25px; background:var(--bos); }
.project-visual img { width:100%; max-height:76vh; object-fit:contain; object-position:top; }
.project-copy { display:grid; gap:22px; }
.project-copy .gosteri { font-size:clamp(40px,5vw,76px); overflow-wrap:anywhere; }
.project-copy>.etiket { color:var(--kirmizi); }
.project-copy dl { margin:0; }
.project-copy dt { font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ikincil); margin:26px 0 7px; }
.project-copy dd { margin:0; font-size:17px; line-height:1.65; }
.project-copy .bag { width:fit-content; border-bottom:1px solid; padding:12px 0; }
.gallery-description { margin:0 var(--kenar) 12px; max-width:620px; color:var(--ikincil); }
.gallery-status { margin:0 var(--kenar) 18px; color:var(--ikincil); font-size:10px; min-height:16px; }
.gallery-item { position:relative; }
.gallery-error { padding:35px 12px; min-height:130px; display:grid; align-content:center; gap:12px; background:var(--bos); font-size:12px; }
.gallery-error button { width:fit-content; padding:10px; border:1px solid; }
.lightbox-status { position:absolute; top:100px; left:var(--kenar); right:var(--kenar); text-align:center; font-size:10px; }
.gallery-retry { position:absolute; top:46%; left:50%; transform:translateX(-50%); border:1px solid; padding:14px 20px; background:var(--kagit); }
.lightbox-caption { position:absolute; left:20%; right:20%; bottom:24px; text-align:center; color:var(--ikincil); font-size:11px; }
.buyuk-gorsel { touch-action:pan-y pinch-zoom; user-select:none; -webkit-user-drag:none; }
html.direct-jump .maske-ic,html.direct-jump .satir { transition:none !important; }
@media(max-width:1100px) {
 .ust-araclar { gap:16px; }
 .menu { gap:6px; font-size:10px; }
}
@media(max-width:899px) {
 .ust-serit { grid-template-columns:1fr auto; gap:8px; }
 .ust-araclar { gap:13px; }
 .menu { display:none; }
 .menu-ac,.mobil-ilet { font-size:10px; letter-spacing:.04em; }
 .mobil-ilet { display:inline-flex; min-height:44px; align-items:center; }
 .dil-dugme { padding-left:0; font-size:10px; }
 .hero-actions { left:20px; right:20px; bottom:85px; gap:12px; }
 .hero-actions a { min-height:48px; padding:14px 16px; font-size:10px; text-align:center; flex:1; border:1px solid var(--kagit); }
 .hero-primary { background:var(--kagit); color:var(--murekkep); }
 .menu-body { padding-top:15px; grid-template-columns:1fr; gap:38px; }
 .section-links a { font-size:24px; min-height:57px; }
 .menu-projects>button { grid-template-columns:84px 1fr auto; gap:15px; font-size:20px; }
 .menu-projects img { width:84px; height:78px; }
 .dialog-top { padding-top:12px; padding-bottom:12px; position:sticky; top:0; background:var(--kagit); z-index:3; }
 .project-body { grid-template-columns:1fr; padding-top:24px; gap:30px; }
 .project-visual { position:static; }
 .project-visual img { max-height:380px; }
 .project-copy .gosteri { font-size:44px; }
 .project-copy { gap:16px; }
 .project-copy dd { font-size:16px; }
 .lightbox-status { top:70px; }
 .lightbox-caption { bottom:67px; left:20px; right:20px; font-size:10px; }
 .k-foto::after,.seri-kapak::after { font-size:9px; right:6px; bottom:6px; padding:5px; }
 .k-kimlik::after { width:20px; height:20px; font-size:14px; }
}
@media(max-width:899px) and (orientation:portrait) {
 .acilis-sahne { left:0; top:0; transform:none; width:100%; height:100%; }
 .acilis-sahne>.ak-kilit,.acilis-sahne>.ak-yazi { display:none; }
 .mobile-intro { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:space-between; padding:105px 20px 175px; color:var(--kagit); }
 .mobile-intro-top { display:flex; justify-content:space-between; font-size:11px; }
 .mobile-intro-name { font-family:'AK Anton',Impact,sans-serif; font-size:clamp(66px,22vw,150px); line-height:.99; letter-spacing:-.035em; }
 .mobile-intro-name>span { display:block; }
 .intro-dot { color:var(--acilis-vurgu); }
 .mobile-intro-role { color:var(--acilis-vurgu); font-size:19px; line-height:1.35; max-width:285px; margin-bottom:20px; }
 .mobile-intro-line { white-space:pre-line; font-size:24px; line-height:1.3; }
 .ak-kopya .mobile-intro { width:100%; height:100%; }
 .st-tel-baslik { display:none; }
 html.js-sahne .hero-actions { bottom:80px; }
}
@media(max-width:360px) and (orientation:portrait) {
 .mobile-intro { padding-top:90px; padding-bottom:175px; }
 .mobile-intro-name { font-size:23vw; }
 .mobile-intro-role { font-size:17px; margin-bottom:15px; }
 .mobile-intro-line { font-size:22px; }
 .ust-ad { font-size:14px; }
 .ust-araclar { gap:10px; }
}
@media(max-height:559px) {
 .hero-actions { position:absolute; top:300px; bottom:auto; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto !important; } }

/* Yatay telefon: eylemler sloganı örtmeden açılışın ardından gelir. */
html.sade-boy .hero-actions { position:relative; inset:auto; padding:18px var(--kenar) 24px; margin:0; background:#000; }
html:not(.js) .menu-ac { display:none; }
@media(max-width:360px) { .hero-actions { align-items:stretch; } .hero-actions a { padding:14px 10px; font-size:9px; } }

.km-logo::after { content:''; position:absolute; right:8px; bottom:8px; width:24px; height:24px; display:grid; place-items:center; background:var(--kagit); color:var(--murekkep); pointer-events:none; }
.hakkimda-kapanis { grid-column:1 / -1; display:grid; gap:16px; max-width:760px; }

/* Ortak çizgisel ok: mobilde sistem fontu/emoji yerine aynı vektör çizilir. */
.ui-arrow { display:inline-block; width:1em; height:1em; min-width:14px; min-height:14px; flex-shrink:0; vertical-align:-.12em; color:inherit; }
.ui-arrow-down { transform:rotate(90deg); }
.mobil-ilet { gap:4px; }
button.k-afis::after,.k-kimlik::after,.k-f1::after,.k-iki::after,.km-logo::after {
  background-image:url('../assets/icons/arrow-up-right.svg');
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
}
.k-foto::after,.seri-kapak::after {
  padding-right:26px;
  background-image:url('../assets/icons/arrow-up-right.svg');
  background-repeat:no-repeat;
  background-position:right 6px center;
  background-size:14px 14px;
}
@media(max-width:899px) {
  .k-kimlik::after { background-size:16px 16px; }
  .k-foto::after,.seri-kapak::after { padding-right:24px; }
}