/* Vaka çalışması sayfaları — ana siteyle aynı dil, daha sakin */
/* Temel kurallar (renkler, imleç, grain, üst çubuk, .btn, .tag, .stack, .note) ../style.css'ten gelir */
body { line-height:1.7; }
/* Metin agirlikli sayfada ust cubuk yaziya karismasin: fark karisimi yerine koyu gecis */
.topbar { mix-blend-mode:normal; background:linear-gradient(to bottom, color-mix(in srgb, var(--bg) 94%, transparent) 60%, transparent); padding-bottom:44px; transition:none; }
.wrap { max-width:1100px; margin:0 auto; padding:110px 6vw 0; position:relative; z-index:1; }
.hero { padding:30px 0 20px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:60px; align-items:start; }
/* Baslik her projede tek satir ve ayni boyda: en uzun ad (MENFEZ MİMARLIK) metin sutununa sigacak sekilde */
.hero h1 { white-space:nowrap; font-size:min(4.6rem, calc(7.5vw - 6px)); }
.hero h1 .line { padding-top:.14em; margin-top:-.14em; }
.hero h1 .word { display:inline-block; white-space:nowrap; }
.hero__media { margin:58px 0 0; border-radius:16px; overflow:hidden; aspect-ratio:16/10; box-shadow:0 40px 80px rgba(0,0,0,.45); background:#111; will-change:transform; }
.hero__media img { width:100%; height:100%; object-fit:cover; display:block; border-radius:0; box-shadow:none; }
.kunye { margin-top:40px; }
@media (max-width:900px) { .hero { grid-template-columns:1fr; gap:36px; } .hero__media { order:-1; margin-top:0; } .hero h1 { font-size:min(4.6rem, calc(15vw - 4px)); } }
h1 { font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif; font-weight:400; font-size:clamp(3.2rem,6.5vw,6.5rem); line-height:.9; letter-spacing:1px; }
.ozet { max-width:52ch; margin-top:24px; font-size:1.15rem; color:var(--muted); }
figure { margin:56px 0; }
figure img { width:100%; height:auto; display:block; border-radius:16px; box-shadow:0 40px 80px rgba(0,0,0,.45); }
figcaption { margin-top:12px; font-size:.78rem; color:var(--muted); letter-spacing:.3px; }
.bolum { display:grid; grid-template-columns:200px 1fr; gap:32px; padding:44px 0;  }
.bolum h2 { font-family:'Bebas Neue','Arial Narrow',Impact,sans-serif; font-weight:400; font-size:2rem; letter-spacing:1px; line-height:1; color:var(--muted); }
.bolum p { max-width:62ch; font-size:1.02rem; }
.crumbs { display:flex; gap:10px; flex-wrap:wrap; font-size:.7rem; letter-spacing:2px; text-transform:uppercase; color:var(--muted); padding:8px 0 0; }
.crumbs a { text-decoration:none; }
.crumbs a:hover { color:var(--fg); }
.crumbs span[aria-current] { color:var(--fg); }
.byline { margin-top:16px; font-size:.78rem; color:var(--muted); letter-spacing:.3px; }
.kunye { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin:56px 0 0; padding:26px 0 0; border-top:1px solid var(--line); }
.kunye div { min-width:0; }
.kunye dt { font-size:.68rem; letter-spacing:3px; text-transform:uppercase; color:var(--muted); }
.kunye dd { margin-top:8px; font-size:.98rem; }
.ozellikler { list-style:none; display:grid; gap:10px; max-width:62ch; overflow-x:clip; } /* maddeler sagdan kayarak gelir; dar ekranda yatay tasma yapmasin */
.ozellikler li { position:relative; padding-left:22px; font-size:1.02rem; }
.ozellikler li::before { content:''; position:absolute; left:0; top:.75em; width:10px; height:1px; background:var(--muted); }
.alt { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; padding:60px 0 50px; border-top:1px solid var(--line); margin-top:20px; font-size:.72rem; letter-spacing:3px; text-transform:uppercase; }
.alt a { text-decoration:none; }
.alt a:hover { text-decoration:underline; text-underline-offset:6px; }
/* JS acikken GSAP devralana kadar gizli; JS/GSAP yoksa her sey gorunur */
html.js .hero__text > *, html.js .hero__media, html.js .bolum, html.js figure, html.js .marquee, html.js .alt a, html.js .kunye > div { opacity:0; }
html.js .bolum, html.js figure { opacity:1; }
.bolum { --line-scale:1; border-top:0; position:relative; }
.bolum::before { content:''; position:absolute; left:0; top:0; width:100%; height:1px; background:var(--line); transform:scaleX(var(--line-scale)); transform-origin:left; }
figure { will-change:clip-path; overflow:hidden; border-radius:16px; }
figure img { will-change:transform; }
.marquee { margin:60px -6vw 0; }
.topbar { color:var(--fg); }
@media (max-width:700px) { .wrap { padding-top:96px; } .kunye { grid-template-columns:1fr 1fr; gap:18px; } .bolum { grid-template-columns:1fr; gap:12px; padding:34px 0; } .hero { padding:30px 0 20px; } figure { margin:36px 0; } }
@media (prefers-reduced-motion:reduce) { html.js .hero__text > *, html.js .hero__media, html.js .bolum, html.js figure, html.js .marquee, html.js .alt a, html.js .kunye > div { opacity:1; } html { scroll-behavior:auto; } }