@font-face { font-family:"Manrope"; src:url("/assets/fonts/manrope-variable.woff2") format("woff2"); font-style:normal; font-weight:200 800; font-display:swap; }
:root { --font-family:"Manrope",sans-serif; color-scheme:light; --paper:#f2eee7; --ink:#25231f; --muted:#625d55; --line:#c7c1b7; --white:#fff; }
.office-model { margin-block:2rem; padding-block:2rem; border-block:1px solid var(--line); min-width:0; }
.office-model h3 { margin-block:0 .8rem; }
.office-model > p { max-width:65ch; }
.office-model-stage { position:relative; margin-block:1.5rem; background:#e5ded2; min-width:0; }
.office-model-stage > img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:contain; background:var(--ink); }
.office-model-viewport { height:clamp(260px,44vw,620px); min-height:260px; }
.office-model-stage canvas,.office-model-stage model { display:block; width:100%; height:100%; outline-offset:-4px; touch-action:none; }
.office-model-controls { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; padding:.75rem; }
.office-model-controls button { min-width:44px; min-height:44px; background:var(--paper); color:var(--ink); border:1px solid var(--line); }
.office-model-stage .office-model-help,.office-model-stage .office-model-message,.office-model-stage .office-model-status { padding:.75rem; margin:0; }
.office-model-actions { display:flex; gap:1.25rem 2rem; align-items:center; flex-wrap:wrap; }
.office-model-actions > * { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.office-model-ar { display:inline-flex; align-items:center; gap:.75rem; }
.office-model-ar img { width:44px!important; height:32px!important; object-fit:cover; flex:none; }
.office-model-status { min-height:1.8em; font-size:.9rem; color:var(--muted); }
.office-model-stage button { font:inherit; padding:.6rem .9rem; cursor:pointer; }
.no-js .office-model-open { display:none; }
@media (max-width:600px) { .office-model-actions { align-items:flex-start; flex-direction:column; gap:1rem; } }
* { box-sizing:border-box; }
html { font-size:100%; scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-family); font-weight:400; font-synthesis:none; }
button, input, select, textarea { font:inherit; }
a { color:inherit; }
a:focus-visible { outline:3px solid currentColor; outline-offset:6px; }
main:focus { outline:none; }
.skip { position:absolute; z-index:5; left:1rem; top:-10rem; padding:1rem; background:var(--paper); color:var(--ink); }
.skip:focus { top:1rem; }
.header { display:flex; justify-content:space-between; align-items:flex-start; gap:1.5rem; }
.hero-header { position:absolute; z-index:2; top:clamp(1.5rem,4vw,3.75rem); left:clamp(1.5rem,4vw,3.75rem); right:clamp(1.5rem,4vw,3.75rem); color:var(--white); }
.wordmark { display:flex; flex-direction:column; gap:.3rem; text-decoration:none; min-width:0; }
.wordmark { max-width:100%; }
.name, .profession { overflow-wrap:anywhere; }
.name { font-size:clamp(1.75rem,3.2vw,3rem); font-weight:450; line-height:1.1; letter-spacing:-.045em; }
.profession { font-size:.75rem; line-height:1.6; letter-spacing:.42em; text-transform:uppercase; }
.languages { display:flex; align-items:center; flex-wrap:wrap; gap:.35rem; font-size:1rem; }
.languages a { min-height:44px; min-width:44px; display:flex; align-items:center; justify-content:center; padding:.5rem .35rem; text-decoration:none; }
.languages a[aria-current="page"] { text-decoration:underline; text-underline-offset:9px; text-decoration-thickness:2px; }
.languages span { opacity:.7; }
.related-navigation { display:flex; flex-wrap:wrap; gap:1rem 2rem; border-top:1px solid var(--line); padding-block:1.5rem; }
picture.office-responsive { display:contents; }
/* Betik kapalıysa boş ertelenmiş öğe yerine özgün noscript görseli görünür. */
html.no-js img[data-lazy-src], html.no-js picture:has(> img[data-lazy-src]) { display:none; }
html:not(.no-js) noscript[data-image-fallback] { display:none; }
.project-card > picture.office-responsive > img { grid-row:1; margin:0; }
.hero-header .languages { background:rgba(24,22,18,.3); padding:0 .25rem; }
.header-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.25rem; min-width:0; }
.site-links a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.5rem .6rem; font-size:1rem; line-height:1.5; text-underline-offset:6px; }
.hero-header .site-links { background:rgba(24,22,18,.3); }
.hero { position:relative; isolation:isolate; min-height:100svh; display:flex; flex-direction:column; padding:clamp(1.5rem,4vw,3.75rem); color:var(--white); background:#25231f; }
.hero-image { position:absolute; inset:0; z-index:-1; margin:0; overflow:hidden; }
.hero-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero-image picture { display:block; width:100%; height:100%; }
.hero-main { flex:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding-top:16rem; padding-bottom:4rem; }
h1 { margin:0; max-width:100%; overflow-wrap:anywhere; font-family:var(--font-family); font-size:clamp(3.25rem,7.78vw,7rem); font-weight:450; line-height:1.03; letter-spacing:-.045em; }
.status { margin:2rem 0 0; font-size:clamp(1rem,1.55vw,1.5rem); line-height:1.5; max-width:34rem; }
.explore { display:inline-flex; align-items:center; min-height:44px; margin-top:1.25rem; font-size:.875rem; line-height:1.5; text-underline-offset:6px; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem 1.75rem; margin-top:1.25rem; max-width:100%; }
.hero-actions .explore { margin-top:0; }
.hero-email { display:inline-flex; align-items:center; min-height:44px; padding:.55rem 1rem; border:1px solid rgba(255,255,255,.65); background:rgba(24,22,18,.65); font-size:.875rem; line-height:1.5; text-decoration:none; }
.hero-foot { display:flex; justify-content:space-between; gap:1rem 2rem; align-items:baseline; font-size:.875rem; line-height:1.5; }
.image-credit { margin:0; text-align:right; background:rgba(24,22,18,.65); padding:.25rem .5rem; font-size:.75rem; }
.services { padding:clamp(4.5rem,9vw,9rem) clamp(1.5rem,4vw,3.75rem) clamp(3rem,6vw,6rem); scroll-margin-top:2rem; }
.section-heading { display:grid; grid-template-columns:1fr 2fr; gap:2rem; margin-bottom:5rem; }
.eyebrow { margin:.6rem 0 0; font-size:.75rem; text-transform:uppercase; letter-spacing:.17em; line-height:1.6; }
h2 { margin:0; overflow-wrap:anywhere; font-size:clamp(2.75rem,5.2vw,5rem); font-weight:450; letter-spacing:-.045em; line-height:1.02; }
.practice { margin:1.75rem 0 0; max-width:35rem; color:var(--muted); font-size:1.0625rem; line-height:1.65; }
.location { margin:1rem 0 0; color:var(--muted); font-size:.875rem; line-height:1.6; }
.reach { margin:.25rem 0 0; color:var(--muted); font-size:.875rem; line-height:1.6; }
.service-image { margin:1.25rem 0 3.5rem; }
.service-image img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; display:block; }
.service-image figcaption { margin:.75rem 0 0; text-align:right; font-size:.6875rem; color:var(--muted); line-height:1.5; }
.experience { margin-top:clamp(4.5rem,8vw,8rem); }
.experience-list { margin:0; }
.experience-list div { display:grid; grid-template-columns:1fr 2fr; gap:2rem; border-top:1px solid var(--line); padding:1.5rem 0; line-height:1.5; }
.experience-list dt { color:var(--muted); font-size:.875rem; }
.experience-list dd { margin:0; font-size:clamp(1.25rem,2vw,1.75rem); letter-spacing:-.025em; }
.service-row { display:grid; grid-template-columns:4rem 1fr 1.15fr; gap:1.5rem; padding:2.25rem 0; border-top:1px solid var(--line); }
.service-row:last-child { border-bottom:1px solid var(--line); }
.service-number { font-size:.75rem; padding-top:.3rem; color:var(--muted); }
h3 { margin:0; overflow-wrap:anywhere; font-size:clamp(1.4rem,2.2vw,2rem); font-weight:450; letter-spacing:-.045em; line-height:1.15; max-width:22ch; }
.service-row p { margin:0; max-width:38rem; font-size:1rem; color:var(--muted); line-height:1.7; }
.back-top { display:inline-flex; align-items:center; margin-top:2rem; min-height:44px; font-size:.875rem; text-underline-offset:6px; }
.contact { background:var(--ink); color:var(--paper); padding:clamp(4.5rem,8vw,8rem) clamp(1.5rem,4vw,3.75rem); scroll-margin-top:2rem; }
.contact .section-heading { margin-bottom:3.5rem; }
.contact .section-heading > *, .contact-item { min-width:0; }
.contact-intro { margin:1.75rem 0 0; max-width:35rem; font-size:1.0625rem; line-height:1.65; color:#d6d0c6; }
.contact .location { color:#d6d0c6; }
.contact-list { display:grid; grid-template-columns:1fr 1fr; gap:3rem; }
.contact-item { border-top:1px solid #726c63; padding-top:1.5rem; }
.contact-item h3 { max-width:none; font-size:.875rem; letter-spacing:0; line-height:1.6; color:#d6d0c6; }
.contact-email { display:flex; flex-direction:column; align-items:flex-start; gap:.85rem; margin-top:1.25rem; min-height:44px; padding:.25rem 0 .75rem; text-decoration:none; min-width:0; }
.contact-address { max-width:100%; overflow-wrap:anywhere; font-size:clamp(1.1875rem,2.2vw,2rem); letter-spacing:-.035em; line-height:1.5; }
.email-action { font-size:.875rem; line-height:1.6; text-decoration:underline; text-underline-offset:6px; }
.contact-email:hover .email-action { text-decoration-thickness:2px; }
.footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem 2rem; margin:0 clamp(1.5rem,4vw,3.75rem); padding:1.5rem 0 2rem; border-top:1px solid var(--line); color:var(--muted); font-size:.75rem; line-height:1.6; }
.edition { overflow-wrap:anywhere; }
.page { min-height:100svh; padding:clamp(1.5rem,4vw,3.75rem); display:flex; flex-direction:column; }
.page .footer { margin:0; }
.error-main { flex:1; padding:clamp(5rem,10vw,9rem) 0; }
.error-main h1 { max-width:12ch; margin-top:1.5rem; }
.error-description { margin:2rem 0 1.5rem; font-size:1.125rem; line-height:1.6; color:var(--muted); }
.home-link { display:inline-flex; align-items:center; min-height:44px; padding:.5rem 0; text-underline-offset:6px; line-height:1.5; }
@media(max-width:800px) {
  .section-heading { grid-template-columns:1fr; gap:1.5rem; margin-bottom:3rem; }
  .service-row { grid-template-columns:2.5rem 1fr; gap:1.25rem; }
  .service-row p { grid-column:2; }
  .experience-list div { grid-template-columns:1fr; gap:.5rem; }
  .contact-list { grid-template-columns:1fr; gap:2rem; }
}
@media(max-width:600px) {
  .hero-header { flex-wrap:wrap; gap:1.5rem; }
  .name { font-size:1.875rem; }
  .languages { font-size:.875rem; margin-left:-.35rem; }
  .header-actions .languages { margin-left:0; }
  .site-links a { font-size:.875rem; }
  .hero { min-height:100svh; }
  .hero-main { justify-content:flex-end; padding-top:13rem; padding-bottom:5rem; }
  h1 { font-size:clamp(3.25rem,11.1vw,4.25rem); line-height:1.02; }
  .hero-image img { object-position:center; }
  .status { max-width:22rem; margin-top:1.5rem; }
  .hero-foot { align-items:flex-start; flex-direction:column; gap:.5rem; font-size:.6875rem; }
  .image-credit { text-align:left; }
  .profession { font-size:.625rem; }
  .service-row { padding:1.75rem 0; }
  .service-row { grid-template-columns:1fr; gap:.75rem; }
  .service-row p { grid-column:1; overflow-wrap:anywhere; }
  .service-number { padding-top:0; }
  .footer { flex-direction:column; gap:.5rem; }
  .page .header { flex-direction:column; }
}
@media(max-width:360px) {
  /* Normal yazıda 13rem korunur; büyütülmüş üstbilgi için başlıktan önce ek alan ayrılır. */
  .hero-main { padding-top:max(13rem,calc(22rem - 192px)); }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
/* Altı sayfanın ortak gezinmesi; dar ekranda akış içinde açılan menü. */
[hidden] { display:none !important; }
button,input,select { font:inherit; color:inherit; }
button { cursor:pointer; }
button:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid currentColor; outline-offset:4px; }
.main-header { padding:clamp(1.5rem,4vw,3.75rem); align-items:center; border-bottom:1px solid var(--line); }
.main-header .wordmark { flex-shrink:0; }
.main-header .header-actions { justify-content:flex-end; }
.main-header .site-links { display:flex; flex-wrap:wrap; gap:0 .4rem; justify-content:flex-end; }
.site-links a { text-decoration:none; }
.site-links a[aria-current="page"] { text-decoration:underline; text-decoration-thickness:2px; }
.menu-toggle { display:none; background:transparent; border:1px solid var(--line); min-height:44px; padding:.5rem .8rem; }
body[data-view="home"] .main-header { background:var(--ink); color:var(--paper); border-color:var(--ink); }
.hero { min-height:calc(100svh - 12rem); }
.hero .image-credit { position:absolute; top:1rem; right:clamp(1.5rem,4vw,3.75rem); max-width:calc(100% - 3rem); }
.hero-main { padding-top:3rem; }
.page-section { padding:clamp(4rem,8vw,8rem) clamp(1.5rem,4vw,3.75rem); min-height:65svh; }
.page-title { margin:0; font-size:clamp(3rem,6.7vw,6.5rem); line-height:1.02; }
.overview-links { display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; }
.overview-links a { border-top:1px solid var(--line); padding:1.5rem 0; min-height:44px; font-size:1.3rem; text-underline-offset:6px; }
.text-link { display:inline-flex; align-items:center; min-height:44px; margin:1rem 1.5rem 0 0; text-underline-offset:6px; line-height:1.5; }
.service-row .service-projects { grid-column:3; margin:0; font-size:.875rem; }
.project-filters { display:flex; flex-wrap:wrap; gap:1.5rem; align-items:flex-end; padding-bottom:2rem; border-bottom:1px solid var(--line); }
.project-filters label { display:flex; flex-direction:column; gap:.75rem; flex:1; min-width:0; }
.project-filters label span { line-height:1.5; font-size:.875rem; overflow-wrap:anywhere; }
.project-filters input,.project-filters select { min-height:48px; width:100%; padding:.75rem; background:transparent; border:1px solid var(--line); border-radius:0; }
.text-button { border:0; background:transparent; text-decoration:underline; text-underline-offset:6px; padding:.75rem 0; min-height:48px; }
.empty-state { padding:2rem 0; border-top:1px solid var(--line); }
.empty-state h2 { font-size:clamp(1.6rem,3vw,2.75rem); max-width:24ch; }
.empty-state p { max-width:45rem; line-height:1.7; color:var(--muted); }
.project-grid,.gallery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3rem 2rem; }
.project-card { display:block; text-decoration:none; border-top:1px solid var(--line); padding:1.5rem 0; }
.project-card img,.gallery-grid img { display:block; width:100%; aspect-ratio:3/2; object-fit:cover; margin-bottom:1rem; }
.project-card h2 { font-size:1.75rem; }
.project-card p { line-height:1.6; color:var(--muted); }
.project-card .project-image-credit { font-size:.75rem; line-height:1.5; }
.content-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; margin-top:2rem; }
.content-card { display:block; padding:2rem 0; border-top:1px solid var(--line); text-decoration:none; min-width:0; }
.content-card h2 { font-size:clamp(1.75rem,3vw,2.75rem); line-height:1.15; }
.content-copy { max-width:48rem; line-height:1.75; white-space:pre-line; overflow-wrap:anywhere; }
.content-card .content-copy { color:var(--muted); }
.software-card { display:grid; grid-template-columns:5.5rem minmax(0,1fr); grid-template-rows:auto 1fr auto; column-gap:1.5rem; align-content:start; }
.software-card > :not(.work-logo) { grid-column:2; }
.software-card > * { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.software-card .text-link { grid-column:1 / -1; margin-right:0; }
.practice { overflow-wrap:anywhere; }
.work-logo { width:100%; height:5.5rem; object-fit:contain; grid-row:1 / span 2; }
.work-features { max-width:48rem; padding-left:1.25rem; line-height:1.8; overflow-wrap:anywhere; }
.work-features li + li { margin-top:.5rem; }
.work-screen { margin:1.5rem 0 0; max-width:70rem; }
.work-screen img { display:block; width:100%; height:auto; border:1px solid var(--line); }
.work-screen figcaption { margin-top:.75rem; line-height:1.6; color:var(--muted); }
.brand-visual.brand-visual--software img { object-fit:contain; padding:clamp(1rem,4vw,3rem); }
@media (min-width:601px) and (max-width:900px) {
  .software-card { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr auto; }
  .software-card > :not(.work-logo) { grid-column:1; }
  .software-card .work-logo { grid-row:1; width:3.5rem; height:3.5rem; margin-bottom:1rem; }
}
@media (max-width:600px) {
  .software-card { display:block; }
  .work-logo { width:3.5rem; height:3.5rem; margin-bottom:1rem; }
}
.content-detail > .page-title { margin:1.5rem 0; }
.content-section { border-top:1px solid var(--line); padding:2rem 0; margin-top:2rem; }
.content-section h2 { font-size:clamp(1.5rem,3vw,2.25rem); line-height:1.15; }
.pending-copy { color:var(--muted); font-style:italic; }
.draft-note { font-size:.875rem; margin:2rem 0 1rem; color:var(--muted); }
.service-row .service-detail-link { grid-column:3; margin:0; font-size:.875rem; }
.contact-extra { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem; margin-top:3rem; }
.contact-extra section { border-top:1px solid #726c63; padding-top:1.5rem; }
.contact-extra p { line-height:1.7; overflow-wrap:anywhere; }
.contact .pending-copy { color:#d6d0c6; }
.main-header .site-links { max-width:100%; }
#project-detail > .page-title { margin-top:2rem; }
.detail-heading { margin:3rem 0 1.5rem; font-size:1.75rem; }
.project-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem 2rem; }
.project-facts div { border-top:1px solid var(--line); padding-top:1rem; }
.project-facts dt { font-size:.875rem; color:var(--muted); }
.project-facts dd { margin:.5rem 0 0; line-height:1.6; overflow-wrap:anywhere; }
.project-story { display:grid; grid-template-columns:1fr 2fr; gap:2rem; border-top:1px solid var(--line); padding:2rem 0; }
.project-story h2 { font-size:1.75rem; }
.project-story p { margin:0; line-height:1.7; max-width:45rem; }
.service-tags { display:flex; flex-wrap:wrap; align-items:flex-start; gap:.75rem 1rem; min-width:0; margin:1rem 0 2rem; }
.service-tags a { min-width:0; max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.gallery-grid button { padding:0; border:0; background:transparent; }
.process-list { list-style:none; padding:0; margin:0; }
.process-list li { display:grid; grid-template-columns:4rem 1fr 1.15fr; gap:1.5rem; border-top:1px solid var(--line); padding:2rem 0; }
.process-list h2 { font-size:clamp(1.4rem,2.2vw,2rem); }
.process-list p { margin:0; color:var(--muted); line-height:1.7; }
.brief { margin-top:4rem; border-top:1px solid #726c63; padding-top:2rem; max-width:45rem; }
.brief p,.brief li { color:#d6d0c6; line-height:1.7; }
.brief li { margin:.6rem 0; }
.noscript { margin:2rem; line-height:1.7; }
#project-gallery { width:min(72rem,95vw); max-height:95svh; padding:1.5rem; border:0; background:var(--paper); color:var(--ink); }
#project-gallery::backdrop { background:rgba(0,0,0,.8); }
.gallery-toolbar,.gallery-controls { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.gallery-toolbar h2 { font-size:1.5rem; }
#project-gallery button { min-height:44px; border:1px solid var(--line); background:transparent; padding:.5rem .75rem; }
#project-gallery button:disabled { opacity:.5; cursor:default; }
#project-gallery figure { margin:1.5rem 0; }
#gallery-image { width:100%; max-height:65svh; object-fit:contain; display:block; }
#gallery-caption { margin-top:1rem; line-height:1.5; }
@media(max-width:1100px) {
  .main-header { flex-wrap:wrap; }
  .main-header .header-actions { flex:1; }
  .menu-toggle { display:block; }
  .main-header .site-links { display:none; }
  .main-header.menu-open .site-links { display:flex; order:3; flex-basis:100%; justify-content:flex-start; }
  .overview-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:800px) {
  .service-row .service-projects { grid-column:2; }
  .service-row .service-detail-link { grid-column:2; }
  .project-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .project-story { grid-template-columns:1fr; gap:1rem; }
  .process-list li { grid-template-columns:2.5rem 1fr; }
  .process-list p { grid-column:2; }
}
@media(max-width:600px) {
  .main-header { align-items:flex-start; gap:1.5rem; }
  .main-header .header-actions { flex-basis:100%; justify-content:space-between; }
  .main-header.menu-open .site-links { flex-direction:column; align-items:flex-start; }
  .hero-main { padding-top:3rem; padding-bottom:4rem; }
  .overview-links,.project-grid,.gallery-grid,.project-facts { grid-template-columns:1fr; }
  .content-grid,.contact-extra { grid-template-columns:1fr; }
  .project-filters { flex-direction:column; align-items:stretch; }
  .service-row .service-projects { grid-column:1; }
  .service-row .service-detail-link { grid-column:1; }
  .process-list li { grid-template-columns:1fr; gap:.75rem; }
  .process-list p { grid-column:1; }
}

/* GORSEL_KARAKTER_20261007_BASLANGIC */
/* Taş ve Işık — bütün sayfaların ortak görsel düzeni. */
:root {
  --brand-gutter:clamp(1.5rem,4vw,3.75rem);
  --brand-gap:clamp(2rem,4vw,4rem);
  --brand-paper:#f2eee7;
  --brand-ink:#25231f;
  --brand-muted:#625d55;
  --brand-line:#c7c1b7;
  --media-card-ratio:3/2;
  --media-wide-ratio:16/9;
  --media-frame:#e5ded2;
  --copy-measure:65ch;
  --copy-leading:1.8;
  --heading-leading:1.15;
  --card-row-gap:.875rem;
  --card-block-gap:2rem;
}
body { font-family:"Manrope","Helvetica Neue",Helvetica,Arial,sans-serif; }
h1,h2,h3,.name { font-family:inherit; }
.main-header {
  background:var(--brand-ink); color:var(--brand-paper);
  border-bottom:1px solid #575147; padding-block:clamp(1.5rem,3vw,2.75rem);
}
.name { font-weight:500; letter-spacing:-.055em; }
.profession { letter-spacing:.34em; }
.main-header .menu-toggle { border-color:#8b8377; }
.main-header .languages,.main-header .site-links { line-height:1.4; }
.main-header .site-links a[aria-current="page"] { text-underline-offset:.5rem; }
.page-section,.services,.contact {
  padding:clamp(3.25rem,6vw,6rem) var(--brand-gutter) clamp(4rem,8vw,8rem);
}
.hero { padding-inline:var(--brand-gutter); }
.hero h1 { font-weight:400; letter-spacing:-.06em; line-height:.98; }
.hero .status { max-width:34ch; }
.hero-email { padding:.85rem 1.2rem; border-color:#f2eee7; background:rgba(37,35,31,.8); }
.brand-intro {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--brand-gap); align-items:start; margin-bottom:clamp(3rem,7vw,7rem);
}
.brand-intro-copy { min-width:0; padding-block:1rem; }
.brand-intro-copy > .section-heading {
  display:flex; flex-direction:column; gap:2rem; margin:0;
}
.brand-intro-copy .eyebrow { margin:0; color:var(--brand-muted); }
.brand-intro-copy .page-title {
  font-size:clamp(3.25rem,5.3vw,6.5rem); line-height:1.05;
  font-weight:400; letter-spacing:-.065em; margin:0;
}
.brand-intro-copy > .page-title { margin-bottom:1.75rem; }
.brand-intro-copy .practice,.brand-intro-copy .content-copy {
  max-width:39ch; font-size:1.0625rem; line-height:1.75;
}
.brand-intro-copy > .draft-note { margin:1.5rem 0; }
.brand-visual {
  position:relative; display:flex; flex-direction:column; margin:0;
  min-width:0; background:var(--media-frame); color:var(--brand-paper);
}
.brand-visual img {
  display:block; width:100%; height:auto; aspect-ratio:var(--media-wide-ratio);
  object-fit:contain; object-position:center;
}
.brand-visual figcaption {
  padding:.9rem 1rem; font-size:.75rem; line-height:1.65;
  color:#ded8ce; background:var(--brand-ink); overflow-wrap:anywhere;
}
.brand-visual--archive {
  min-width:0; max-width:none; align-self:start; background:var(--media-frame); color:var(--brand-ink);
}
.brand-visual--archive img {
  object-fit:contain; min-height:0; height:auto; aspect-ratio:var(--media-wide-ratio);
}
.contact .brand-intro-copy .eyebrow { color:#d6d0c6; }
.contact .brand-visual { border:1px solid #575147; }
.contact .brand-visual img { object-position:75% 52%; }
.contact .brand-intro-copy .contact-intro { color:#d6d0c6; }
.contact .contact-list { gap:var(--brand-gap); }
.contact-email { padding-block:1rem; }
.contact-address { font-weight:400; letter-spacing:-.04em; }
.contact-extra,.brief { margin-top:clamp(3rem,6vw,5rem); }
.footer {
  background:var(--brand-ink); color:#d6d0c6; margin:0;
  padding:1.75rem var(--brand-gutter); border-top:1px solid #575147;
}
.page { padding:0; }
.page > .header { padding:clamp(1.5rem,3vw,2.75rem) var(--brand-gutter); background:var(--brand-ink); color:var(--brand-paper); }
.page .footer { margin:0; }
.error-main { padding:clamp(3.25rem,6vw,6rem) var(--brand-gutter); }
.error-main .brand-intro { margin:0; }
.error-main .page-title { max-width:16ch; margin:1.75rem 0 0; }
.overview-links { gap:2rem; }
.overview-links a { font-size:clamp(1.3rem,2vw,1.9rem); line-height:1.4; text-decoration:none; }
.overview-links a::after { content:""; display:block; width:.65em; height:.65em; border-top:1px solid currentColor; border-right:1px solid currentColor; margin-top:1.25rem; }
.text-link { text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:.2rem; }
.text-link::after { content:""; width:.5em; height:.5em; border-top:1px solid currentColor; border-right:1px solid currentColor; margin-left:.8rem; }
.service-row,.process-list li { padding-block:2rem; }
.service-number,.process-list li > span { font-variant-numeric:tabular-nums; }
.service-image { margin-block:3rem 4rem; }
.service-image img { aspect-ratio:var(--media-wide-ratio); object-fit:contain; background:var(--media-frame); }
.service-image figcaption { font-size:.75rem; }
.project-grid { gap:3.5rem 2.5rem; }
.project-card { border-top:0; padding:0 0 1.75rem; border-bottom:1px solid var(--brand-line); }
.project-card img { height:auto; aspect-ratio:var(--media-card-ratio); object-fit:contain; background:var(--media-frame); margin-bottom:1.25rem; }
/* Yatay Mövenpick fotoğrafı kırpılmaz; eşit kart çerçevesindeki boşluk siyah kalır. */
.project-card img[src="/assets/project-movenpick-golden-horn.webp"],
.brand-work-card img[src="/assets/project-movenpick-golden-horn.webp"] { background:#000; }
.project-card h2 { font-size:clamp(1.8rem,2.9vw,2.7rem); letter-spacing:-.045em; line-height:1.15; }
.project-card .project-image-credit { max-width:60ch; margin-block:.75rem 1.25rem; }
.project-card p { max-width:48ch; }
.content-card { padding-block:1.75rem; }
.content-card h2 { max-width:24ch; }
.content-section,.project-story { padding-block:2.5rem; }
.content-section .content-copy { max-width:56ch; }
.project-facts { margin-bottom:2rem; }
.brand-selected-work { margin-top:clamp(4rem,8vw,8rem); }
.brand-selected-work > h2 { max-width:18ch; font-size:clamp(2.5rem,4.7vw,4.5rem); }
.brand-selected-work > p { max-width:52ch; color:var(--brand-muted); line-height:1.7; }
.brand-work-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3rem 2.5rem; margin-top:2.5rem; }
.brand-work-card { display:block; min-width:0; text-decoration:none; border-bottom:1px solid var(--brand-line); padding-bottom:1.75rem; }
.brand-work-visual { margin:0; }
.brand-work-visual figcaption { margin-top:.8rem; color:var(--brand-muted); font-size:.75rem; line-height:1.65; overflow-wrap:anywhere; }
.brand-work-card img { display:block; width:100%; height:auto; aspect-ratio:var(--media-card-ratio); object-fit:contain; background:var(--media-frame); }
.brand-work-visual.brand-visual--archive img { aspect-ratio:var(--media-card-ratio); object-fit:contain; }
.brand-work-card h3 { margin-top:1.5rem; max-width:28ch; font-size:clamp(1.6rem,2.6vw,2.4rem); }
.brand-work-card p { color:var(--brand-muted); font-size:.875rem; line-height:1.7; overflow-wrap:anywhere; }
.brand-work-card .project-image-credit { font-size:.75rem; }
.gallery-grid { gap:1.75rem; }
.project-gallery-figure { margin:0; min-width:0; }
.project-gallery-figure button { display:block; width:100%; }
.gallery-grid img,.project-gallery-figure--complete img { height:auto; aspect-ratio:var(--media-card-ratio); object-fit:contain; background:var(--media-frame); }
.project-gallery-figure figcaption,.project-video figcaption { color:var(--brand-muted); font-size:.875rem; line-height:1.65; overflow-wrap:anywhere; }
.project-media-group { margin-block:3rem 4rem; }
.project-media-group--yalova > .content-copy { margin-bottom:2rem; }
@media (min-width:761px) {
  .project-media-group--yalova .gallery-grid > .project-gallery-figure:last-child:nth-child(2n + 1) {
    grid-column:1 / -1; width:calc((100% - 1.75rem) / 2); justify-self:center;
  }
}
.project-media-heading { border-top:1px solid var(--brand-line); padding-top:1.5rem; margin-bottom:2rem; font-size:clamp(1.8rem,3vw,2.75rem); }
.project-video { margin:0; min-width:0; }
.project-video video { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; background:#141310; }
.project-video-actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-block:1rem; }
.project-video-play { min-height:44px; padding:.75rem 1.25rem; border:1px solid var(--ink); background:var(--ink); color:var(--paper); cursor:pointer; }
.project-video-play:focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.project-video-status { flex:1; min-width:min(100%,15rem); margin:0; font-size:.875rem; line-height:1.6; color:var(--brand-muted); }
.brand-intro--video { align-items:start; }
#gallery-caption { font-size:.875rem; line-height:1.65; }
@media (max-width:1100px) {
  .main-header .header-actions { justify-content:space-between; }
  .main-header.menu-open .site-links { border-top:1px solid #575147; padding-top:1.25rem; }
  .brand-intro { grid-template-columns:1fr; }
  .brand-intro-copy { padding-block:0; }
  .brand-intro-copy .page-title { max-width:16ch; font-size:clamp(3.25rem,8vw,6.5rem); }
  .brand-intro-copy .practice,.brand-intro-copy .content-copy { max-width:55ch; }
  .brand-visual { min-height:0; }
  .brand-visual img { min-height:0; height:auto; aspect-ratio:var(--media-wide-ratio); }
  .brand-visual--archive { max-width:100%; }
  .brand-visual--archive img { aspect-ratio:var(--media-wide-ratio); }
  .contact .brand-visual img { aspect-ratio:var(--media-wide-ratio); object-position:center; }
}
@media (max-width:600px) {
  .main-header { padding-block:1.5rem; }
  .main-header .header-actions { width:100%; }
  .brand-intro { gap:2rem; margin-bottom:3.5rem; }
  .brand-intro-copy > .section-heading { gap:1.25rem; }
  .brand-intro-copy .page-title { font-size:clamp(2.9rem,12vw,4.5rem); line-height:1.08; }
  .brand-intro-copy .practice,.brand-intro-copy .content-copy { font-size:1rem; line-height:1.75; }
  .brand-visual img,.contact .brand-visual img { aspect-ratio:var(--media-wide-ratio); }
  .brand-visual figcaption { padding:.8rem; }
  .brand-visual--archive img { aspect-ratio:var(--media-wide-ratio); }
  .brand-work-grid { grid-template-columns:1fr; gap:2.75rem; }
  .project-card img,.brand-work-card img { aspect-ratio:var(--media-card-ratio); }
  .project-grid { gap:2.5rem; }
  .overview-links { gap:1.75rem; }
  .overview-links a { font-size:1.25rem; }
  .overview-links a::after { margin-top:.75rem; }
  .service-image img { aspect-ratio:var(--media-wide-ratio); }
  .content-section,.project-story { padding-block:2rem; }
  .footer { gap:.75rem; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* GORSEL_KARAKTER_20261007_BITIS */

/* Longevity: kaynak sunumun çerçevesini koruyan araştırma sayfası. */
.longevity { padding-top: clamp(3rem, 6vw, 6rem); }
.longevity-hero { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--brand-gap); align-items: start; }
.longevity-introduction, .longevity-chapter-copy { min-width: 0; }
.longevity .eyebrow { overflow-wrap:anywhere; }
.longevity .page-title { margin: .75rem 0 2rem; font-size: clamp(2.65rem, 5.2vw, 6rem); line-height: 1.05; letter-spacing: -.06em; overflow-wrap: anywhere; }
.longevity .content-copy { max-width: 65ch; line-height: 1.8; }
.longevity h2 { margin: 0 0 1.5rem; font-size: clamp(1.8rem, 3.2vw, 3.3rem); line-height: 1.16; letter-spacing: -.045em; overflow-wrap: anywhere; }
.longevity-hero-figure, .longevity-chapter-figure { min-width: 0; margin: 0; background: var(--ink); color: var(--paper); }
.longevity-image-button { display: block; width: 100%; padding: 0; border: 0; background: var(--ink); color: var(--paper); cursor: zoom-in; }
.longevity-image-button img { display: block; width: 100%; height: auto; object-fit: contain; }
.longevity-image-button:focus-visible { outline-offset: -5px; }
.longevity-hero-figure figcaption, .longevity-chapter-figure figcaption { margin: 0; padding: 1rem 1.25rem; color: #e3ded4; font-size: .85rem; line-height: 1.65; overflow-wrap: anywhere; }
.longevity-source-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem var(--brand-gap); margin: clamp(2rem, 4vw, 4rem) 0; padding: 1.5rem 0; border-block: 1px solid var(--line); color: var(--muted); font-size: .9rem; line-height: 1.7; }
.longevity-source-notes p { margin: 0; }
.longevity-overview { max-width: 65rem; margin: clamp(3rem, 5vw, 5rem) 0; }
.longevity-topics { margin: 3rem 0 clamp(3rem, 6vw, 6rem); padding: 2rem 0; border-block: 1px solid var(--line); }
.longevity-topics ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem var(--brand-gap); list-style: none; margin: 0; padding: 0; }
.longevity-topics a { display: block; padding: .65rem 0; line-height: 1.6; overflow-wrap: anywhere; }
.longevity-chapter { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--brand-gap); align-items: start; padding: clamp(2.5rem, 5vw, 5rem) 0; border-top: 1px solid var(--line); scroll-margin-top: 2rem; }
.longevity-chapter--text { grid-template-columns: minmax(0, 1fr); }
.longevity-chapter--text .longevity-chapter-copy { max-width: 65rem; }
.longevity-chapter-copy > .eyebrow { margin-top: 0; }
.longevity-page-links { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin-top: 1.5rem; }
.longevity-page-links button { min-height: 44px; padding: .5rem 0; }
.longevity-gallery-section { margin-top: clamp(3rem, 6vw, 6rem); padding: clamp(1.5rem, 3.5vw, 3.5rem); background: var(--ink); color: var(--paper); }
.longevity-gallery-section > .content-copy { color: #e3ded4; }
.longevity-gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem 1.5rem; margin-top: 2.5rem; }
.longevity-gallery-card { display: flex; flex-direction: column; width: 100%; min-width: 0; padding: 0 0 1rem; border: 1px solid #70695d; background: transparent; color: var(--paper); text-align: left; cursor: zoom-in; }
.longevity-gallery-card img { display: block; width: 100%; height: auto; object-fit: contain; background: #e9e2d6; }
.longevity-gallery-card:hover { border-color: #e3cda5; }
.longevity-page-number { display: block; margin: 1rem 1rem .5rem; color: #ddd3c1; font-size: .8rem; line-height: 1.5; letter-spacing: .04em; overflow-wrap: anywhere; }
.longevity-page-title { display: block; margin: 0 1rem; font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; }
.longevity-sense { max-width: 65rem; margin-top: clamp(3rem, 6vw, 6rem); padding-top: 3rem; border-top: 1px solid var(--line); }
.longevity-sense-link { max-width: 100%; margin-right: 0; }
.longevity-sense-link span { min-width: 0; overflow-wrap: anywhere; }
.longevity-sense-link::after { flex-shrink: 0; }
#project-gallery.gallery--research { overflow-y: auto; }
#project-gallery.gallery--research #gallery-image { height: auto; }
#gallery-full-size { display: inline-flex; align-items: center; min-height: 44px; }
#project-gallery.gallery--research .gallery-toolbar { align-items: center; }
#project-gallery.gallery--research .gallery-toolbar h2 { min-width: 0; overflow-wrap: anywhere; }
#project-gallery.gallery--research .gallery-controls { flex-wrap: wrap; }
@media (max-width: 1100px) {
  .longevity-hero { grid-template-columns: minmax(0, 1fr); }
  .longevity-introduction { max-width: 65rem; }
  .longevity-hero-figure { max-width: 70rem; }
  .longevity-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .longevity-source-notes, .longevity-topics ol, .longevity-chapter { grid-template-columns: minmax(0, 1fr); }
  .longevity-gallery-grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .longevity-gallery-section { margin-inline: calc(-1 * var(--brand-gutter)); padding-inline: var(--brand-gutter); }
  .longevity-hero-figure figcaption, .longevity-chapter-figure figcaption { padding: .85rem 1rem; }
}

/* Açıklamalı çalışmalar: büyük görsel, açık metin ve gerçek arşiv/kavram kredisi. */
#work-pages { display:block; }
.work-index { display:grid; gap:1.5rem; padding:1rem 0 2rem; border-bottom:1px solid var(--line); }
.work-index-programs { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:1.5rem; align-items:start; }
.work-index-link { display:flex; flex-direction:column; align-items:center; min-width:0; min-height:44px; gap:.75rem; text-align:center; text-decoration:none; line-height:1.5; overflow-wrap:anywhere; }
.work-index-logo { display:block; width:5.5rem; max-width:100%; height:5.5rem; object-fit:contain; }
.work-index-name { display:block; min-height:3rem; max-width:100%; text-decoration:underline; text-underline-offset:5px; }
.work-index-other { display:flex; justify-content:center; }
.work-index-link--other { padding:.75rem 1.25rem; border-top:1px solid var(--line); text-decoration:underline; text-underline-offset:5px; }
@media (max-width:1199px) {
  .work-index-programs { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .work-index-programs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
  .work-index-logo { width:3.5rem; height:3.5rem; }
}
.content-card.work-story { --work-column-gap:clamp(2rem,4vw,4rem); padding:4rem 0; scroll-margin-top:2rem; }
.work-story-heading { display:grid; gap:.75rem; margin-bottom:2rem; }
.work-story-title-row { display:flex; align-items:center; gap:1.5rem; min-width:0; }
.work-story-heading .eyebrow { margin:0; line-height:1.5; overflow-wrap:anywhere; }
.work-story-heading h2 { font-size:clamp(2.1rem,4vw,3.5rem); margin:0; min-width:0; overflow-wrap:anywhere; }
.work-story-logo { flex:0 0 4rem; width:4rem; height:4rem; object-fit:contain; }
.work-story-body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:var(--work-column-gap); }
.work-story-body--text-only { grid-template-columns:minmax(0,1fr); }
.work-story-body > *,.work-story-sections > * { min-width:0; }
.work-story-visual { margin:0; background:#ded8ce; }
.work-story-visual img { display:block; width:100%; height:auto; aspect-ratio:var(--media-card-ratio); object-fit:contain; }
.work-story-visual figcaption { padding:1rem 1.25rem; color:#f2eee7; background:#25231f; font-size:.875rem; line-height:1.65; overflow-wrap:anywhere; }
.work-story-overview .content-copy { margin:0 0 1.25rem; }
.work-story h3 { font-size:1.15rem; line-height:1.5; margin:0 0 .75rem; font-weight:600; }
.work-story-overview h3 { margin-top:1.75rem; }
.work-story .content-copy { max-width:65ch; line-height:1.85; }
.work-story-sections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem var(--work-column-gap); margin-top:2.5rem; }
.work-story-sections .work-features { margin:0; padding-left:1.25rem; }
.work-story-sections .content-copy { margin:0; }
.work-story-status { margin-top:2rem; padding:1.5rem 0 0; border-top:1px solid var(--line); }
.work-story-status .content-copy { font-size:.95rem; margin-bottom:0; }
.work-story > .text-link { margin-top:1.5rem; }
.content-detail--work { --work-column-gap:clamp(2rem,4vw,4rem); }
.content-detail--work .brand-intro { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--work-column-gap); }
.content-detail--work .content-section { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:1.25rem var(--work-column-gap); }
.content-detail--work .content-section > * { min-width:0; grid-column:2; margin:0; }
.content-detail--work .content-section > h2 { grid-column:1; grid-row:1; }
.content-detail--work .content-section .content-copy { max-width:65ch; line-height:1.85; }
.content-detail--work .content-section > .work-screen { grid-column:1 / -1; max-width:none; margin-top:1.25rem; }
.brand-visual.brand-visual--work-media img { object-fit:contain; padding:0; background:#ded8ce; }
.page-title .work-detail-logo { display:block; width:4rem; height:4rem; object-fit:contain; margin-bottom:1.5rem; }
@media (max-width:1100px) {
  .work-story-body { grid-template-columns:1fr; gap:2rem; }
  .work-story-visual { max-width:55rem; }
  .work-story-sections { gap:2rem; }
  .content-detail--work .brand-intro { grid-template-columns:1fr; }
  .content-detail--work .content-section { grid-template-columns:1fr; }
  .content-detail--work .content-section > * { grid-column:1; }
}
@media (max-width:600px) {
  .content-card.work-story { padding:3rem 0; }
  .work-story-title-row { gap:1rem; }
  .work-story-logo { flex-basis:2.75rem; width:2.75rem; height:2.75rem; }
  .work-story-heading h2 { font-size:clamp(1.8rem,8vw,2.7rem); }
  .work-story-heading .eyebrow { font-size:.65rem; letter-spacing:.1em; }
  .work-story-sections { grid-template-columns:1fr; }
  .work-story-visual figcaption { padding:.85rem 1rem; }
}

/* Konu görseli önce, açıklaması yanında: bütün sayfalarda ortak hizalama. */
.section-logo { display:block; flex-shrink:0; object-fit:contain; aspect-ratio:1; }
.heading-with-logo { display:flex; align-items:flex-start; gap:1rem; }
.heading-logo { width:64px; height:64px; margin:.08em 0 0; }
.heading-text { display:block; min-width:0; overflow-wrap:anywhere; }
.overview-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem var(--brand-gap); }
.overview-links > .overview-card {
  display:grid; grid-template-columns:88px minmax(0,1fr); align-items:start;
  gap:1.5rem; margin:0; padding:1.75rem 0; border-top:1px solid var(--line);
  border-bottom:1px solid var(--line); min-width:0; text-decoration:none;
}
.overview-links > .overview-card::after { display:none; }
.overview-logo { width:88px; height:88px; }
.overview-card-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; height:100%; }
.overview-card-title { margin:0 0 .75rem; font-size:clamp(1.4rem,2.2vw,2rem); font-weight:500; line-height:1.3; letter-spacing:-.035em; overflow-wrap:anywhere; }
.overview-card-description { margin:0 0 1.25rem; color:var(--muted); font-size:1rem; line-height:1.7; overflow-wrap:anywhere; }
.overview-card-link { display:block; margin-top:auto; border-bottom:1px solid currentColor; padding-bottom:.2rem; font-size:.875rem; line-height:1.65; overflow-wrap:anywhere; }
.overview-card:hover .overview-card-link { color:#80633e; }
.topic-row.topic-row { display:grid; grid-template-columns:88px minmax(0,1fr); gap:1.5rem; align-items:start; min-width:0; }
.topic-logo { width:88px; height:88px; }
.topic-copy { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.topic-copy > h2,.topic-copy > h3 { margin:0 0 1rem; overflow-wrap:anywhere; }
.topic-copy > .service-number { display:block; margin-bottom:.75rem; }
.topic-copy > .text-link { max-width:100%; margin:1.25rem 1.5rem 0 0; }
.topic-copy > .text-link::after { flex-shrink:0; }
.content-section.topic-row .content-copy { max-width:65ch; }
.service-row.topic-row .topic-copy > p,.process-list > li.topic-row .topic-copy > p { max-width:65ch; }
.content-card.topic-row .topic-copy > .text-link { margin-bottom:0; }
.experience-list .heading-with-logo { align-items:center; gap:1rem; }
.experience-list .heading-logo { width:48px; height:48px; margin:0; }
.brief .heading-logo { width:48px; height:48px; margin:0; }
.contact-item.topic-row .contact-email { min-width:0; }
.longevity-scope-notes { margin:clamp(2rem,4vw,4rem) 0; padding:1.5rem 0; border-block:1px solid var(--line); color:var(--muted); font-size:.9rem; line-height:1.7; }
.longevity-scope-notes p { margin:0; }
.longevity-overview { max-width:none; }
.longevity-sense.topic-row { max-width:none; }
.longevity-chapter-copy { overflow-wrap:anywhere; }
.longevity .heading-with-logo { gap:1.25rem; }
.longevity .heading-logo { width:88px; height:88px; }
#studio-pages.content-grid,.gallery-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
#studio-pages .topic-copy { display:flex; flex-direction:column; align-items:flex-start; height:100%; }
#studio-pages .topic-copy > .text-link { margin-top:auto; }
.project-facts > div:last-child { grid-column:1 / -1; }
.longevity-gallery-grid > .longevity-gallery-card:last-child:nth-child(3n + 1) { grid-column:2; }
@media(max-width:1100px) {
  #studio-pages.content-grid,.gallery-grid--three { grid-template-columns:minmax(0,1fr); }
  .longevity-gallery-grid > .longevity-gallery-card:last-child:nth-child(2n + 1) { grid-column:1 / -1; width:calc((100% - 1.5rem) / 2); justify-self:center; }
}
@media(max-width:700px) {
  .longevity-gallery-grid > .longevity-gallery-card:last-child:nth-child(n) { grid-column:auto; width:100%; justify-self:stretch; }
}
@media(max-width:800px) {
  .overview-links { grid-template-columns:1fr; }
  .overview-links > .overview-card { padding:1.5rem 0; }
}
@media(max-width:600px) {
  .overview-links > .overview-card,.topic-row.topic-row { grid-template-columns:64px minmax(0,1fr); gap:1rem; }
  .overview-logo,.topic-logo { width:64px; height:64px; }
  .heading-logo,.longevity .heading-logo { width:52px; height:52px; }
  .heading-with-logo,.longevity .heading-with-logo { gap:1rem; }
  .overview-card-title { font-size:1.4rem; }
  .overview-card-link { font-size:.875rem; }
  .topic-copy > .text-link { margin-right:0; }
  .contact-item.topic-row .contact-address { font-size:clamp(.85rem,4.3vw,1.6rem); letter-spacing:-.035em; }
}

/* Aynı satırdaki kartlar ortak başlık, açıklama ve görsel çerçevesini paylaşır. */
h1,h2,h3 { text-wrap:balance; }
h2 { line-height:var(--heading-leading); }
h3 { line-height:1.3; }
.hero h1,.page-title,.brand-intro-copy .page-title { line-height:1.08; }
.content-copy,.brand-intro-copy .practice,.brand-intro-copy .content-copy,
.project-story p,.topic-copy > p { max-width:var(--copy-measure); line-height:var(--copy-leading); }
.topic-copy > h2,.topic-copy > h3,.overview-card-title { max-width:none; }
.text-link { min-width:0; max-width:100%; overflow-wrap:anywhere; white-space:normal; }
.contact .brand-visual img { object-position:center; }
.work-screen img { height:auto; aspect-ratio:var(--media-wide-ratio); object-fit:contain; background:var(--media-frame); }

/* Alt ızgara desteği olmayan tarayıcıda da bütün metin doğal akışta okunur. */
.project-card {
  display:grid; grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto auto auto auto 1fr; gap:var(--card-row-gap); align-content:start;
}
.project-card > * { min-width:0; max-width:100%; margin:0; overflow-wrap:anywhere; }
.project-card > img { grid-row:1; margin:0; }
.project-card > .project-image-credit { grid-row:2; margin:0; }
.project-card > h2 { grid-row:3; }
.project-card > h2 + p { grid-row:4; }
.project-card > h2 + p + p { grid-row:5; }
.project-card p { line-height:var(--copy-leading); }
.project-card .project-image-credit { line-height:1.65; }
.brand-work-card {
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 1fr;
  gap:var(--card-row-gap); align-content:start;
}
.brand-work-card > * { min-width:0; max-width:100%; margin:0; }
.brand-work-visual { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto; gap:var(--card-row-gap); }
.brand-work-visual > img,.brand-work-visual > picture.office-responsive > img,.brand-work-visual > noscript[data-image-fallback] { grid-row:1; }
.brand-work-visual > figcaption { grid-row:2; }
.brand-work-visual figcaption,.brand-work-card h3,.brand-work-card p { margin:0; }
.overview-card-copy,#studio-pages .topic-copy {
  display:grid; grid-template-rows:auto 1fr auto; gap:var(--card-row-gap);
  align-items:start; height:auto;
}
.overview-card-title,.overview-card-description,.overview-card-link,
#studio-pages .topic-copy > h2,#studio-pages .topic-copy > p,
#studio-pages .topic-copy > .text-link { min-width:0; margin:0; }
.overview-card-link,#studio-pages .topic-copy > .text-link { justify-self:start; align-self:start; }

/* Alt ızgara, en uzun satırın yüksekliğini komşu kartlarla paylaşır; metin kesilmez. */
@supports (grid-template-rows:subgrid) {
  .project-grid,.brand-work-grid,.overview-links,#studio-pages.content-grid,.gallery-grid {
    row-gap:var(--card-row-gap);
  }
  .project-grid > .project-card {
    grid-row:span 5; grid-template-rows:subgrid; margin-bottom:var(--card-block-gap);
  }
  .brand-work-grid > .brand-work-card {
    grid-row:span 4; grid-template-rows:subgrid; margin-bottom:var(--card-block-gap);
  }
  .brand-work-card > .brand-work-visual { grid-row:1 / span 2; grid-template-rows:subgrid; }
  .brand-work-card > h3 { grid-row:3; }
  .brand-work-card > .brand-work-facts { grid-row:4; }
  .overview-links > .overview-card {
    grid-row:span 3; grid-template-rows:subgrid; row-gap:var(--card-row-gap);
    margin-bottom:var(--card-block-gap);
  }
  .overview-card > .overview-logo { grid-column:1; grid-row:1 / span 3; }
  .overview-card > .overview-card-copy {
    grid-column:2; grid-row:1 / span 3; grid-template-rows:subgrid;
  }
  #studio-pages > .content-card {
    grid-row:span 3; grid-template-rows:subgrid; row-gap:var(--card-row-gap);
    margin-bottom:var(--card-block-gap);
  }
  #studio-pages > .content-card > .topic-logo { grid-column:1; grid-row:1 / span 3; }
  #studio-pages > .content-card > .topic-copy {
    grid-column:2; grid-row:1 / span 3; grid-template-rows:subgrid;
  }
  .gallery-grid > .project-gallery-figure {
    display:grid; grid-row:span 2; grid-template-rows:subgrid;
    gap:var(--card-row-gap); margin-bottom:var(--card-block-gap);
  }
  .project-gallery-figure > button { grid-row:1; }
  .project-gallery-figure > figcaption { grid-row:2; margin:0; }
  .project-gallery-figure img { margin:0; }
}