/* Ergül Keskin · gold atölye — tek stil dosyası, tek sistem.
   Sıra: font → token → temel → düzen → bileşen → bölüm → sayfa → LTL → dialog → eğitim ve hizmet anlatımı →
   kapak çizgisi ve kanıt → marka kitabı dili → ana sayfa sahneleri → altın iplik → hareket.
   Kural: bir seçici bir kez tanımlanır; değişiklik o tanımda yapılır, sona ezen katman eklenmez.
   Renk ve ölçü token'lardan gelir; yeni ham renk yerine token eklenir. (10 Kasım 2026'da tek sisteme indirildi.) */

/* ---------- Font ---------- */
/* Root-relative paths: the generator moves every "/tenant/ergulkeskin/atelier/assets/…" under the tenant prefix. All fonts are local. */
/* Paket4: v2 WOFF2 (SUBSET-MANIFEST: aile adları ve yatay metrikler aynı, eksik glif yok). Eski TTF/WOFF2 diskte kalır. */
@font-face { font-family: "Cormorant Garamond"; src: url("/tenant/ergulkeskin/atelier/assets/atolye08/cormorant-500-v1.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/tenant/ergulkeskin/atelier/assets/atolye08/manrope-var-v1.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
/* LTL: Merriweather yalnız 400 dosyası var; 700 tanımlanmaz. */
@font-face { font-family: "LTL Merriweather"; src: url("/tenant/ergulkeskin/atelier/assets/atolye08/ltl/merri-latin-400-v2.woff2") format("woff2"); font-weight: 400; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "LTL Merriweather"; src: url("/tenant/ergulkeskin/atelier/assets/atolye08/ltl/merri-latin-ext-400-v2.woff2") format("woff2"); font-weight: 400; font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "LTL Source Sans"; src: url("/tenant/ergulkeskin/atelier/assets/atolye08/ltl/SourceSansPro-Regular-v2.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "LTL Source Sans"; src: url("/tenant/ergulkeskin/atelier/assets/atolye08/ltl/SourceSansPro-Semibold-v2.woff2") format("woff2"); font-weight: 600; font-display: swap; }

/* ---------- Token ---------- */
:root {
  --navy: #162033;
  --navy-2: #1F2A44;
  --navy-deep: #0F1726;
  --gold: #C5A36E;
  --gold-hi: #F4E1B4;
  --paper: #F4F1EB;
  --paper-2: #FAF8F4;
  --ink: #162033;
  --muted: #535A68;           /* kâğıt üstünde ≈ 6.3:1 */
  --on-dark: #F4F1EB;
  --on-dark-2: #CDD0D6;       /* navy üstünde ≈ 8.9:1 */
  --rule: rgba(22, 32, 51, .18);
  --rule-dark: rgba(244, 241, 235, .18);
  --gold-deep: #9C7C4C;        /* metal geçişinin en koyu durağı; kâğıt üstünde çizgi */
  --error: #A3271B;
  /* Fırçalanmış altın: en koyu durak navy metinle ≥ 4.5:1 */
  --metal: linear-gradient(105deg, #9C7C4C 0%, #D5B680 22%, #F4E1B4 41%, #C5A36E 58%, #E3C796 76%, #A5865A 100%);
  --metal-line: linear-gradient(90deg, rgba(156,124,76,.0) 0%, #C5A36E 12%, #F4E1B4 46%, #C5A36E 70%, rgba(156,124,76,.0) 100%);

  --ltl: #00A3A6;
  --ltl-dark: #007D80;
  --ltl-gray: #6F6F6E;
  --ltl-light: #ECECEC;
  --ltl-line: #D5D5D5;
  --ltl-text: #3E3E3D;
  --ltl-ink: #1E1E1E;
  /* LTL aileleri tek yerde. Ana sayfa bandı yaklaşılmadan bu değişkenleri sistem yedeğine çevirir (aşağıda). */
  --ltl-serif: "LTL Merriweather", Georgia, serif;
  --ltl-sans: "LTL Source Sans", "Source Sans Pro", system-ui, sans-serif;

  --serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --pad: clamp(1.25rem, 4.6vw, 4.5rem);
  --wrap: 1320px;
  /* Bir görselin taşma payı: sütundan sayfa kenarına kadar. */
  --bleed: calc(-1 * var(--pad) - max(0px, (100vw - var(--wrap)) / 2));
  --hdr: 72px;
  --sec: clamp(4.5rem, 9vw, 8.5rem);
  --ease: cubic-bezier(.2, .7, .2, 1);

  --fs-mega: clamp(2.6rem, 5.2vw, 6.25rem);
  /* İç sayfa başlık ölçeği tek yerde: en çok 80 px, 400 temel + <strong> vurgu. Dar ekran ve İspanyolca aşağıda yalnız bu token'ları değiştirir. */
  --fs-page: clamp(2.5rem, 5.2vw, 5rem);
  --fs-svc: clamp(2.75rem, 5.6vw, 5rem);
  --fs-svc-long: clamp(2.375rem, 4.6vw, 4.25rem);
  --track-display: -.025em;
  --track-head: -.02em;
  --fs-h1: clamp(2.25rem, 4.6vw, 4.5rem);
  --fs-h2: clamp(1.875rem, 3.4vw, 3.25rem);
  --fs-h3: clamp(1.375rem, 2vw, 1.75rem);
  --fs-lead: clamp(1.0625rem, 1.25vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-small: .9375rem;
  --fs-kicker: .75rem;
  --beige: #D9CDBB;
  --line-gold: #C5A36E;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.76, 0, .24, 1);
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--hdr) + 1rem); }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0; font-family: var(--font); font-size: var(--fs-body); line-height: 1.55;
  color: var(--ink); background: var(--paper); font-weight: 400;
  text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
img, video, canvas, svg { display: block; max-width: 100%; }
img { height: auto; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure { margin: 0; }
ul[role="list"], ol[role="list"] { list-style: none; padding: 0; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .22em; }
strong, b { font-weight: 700; }
button, input, select, textarea { font: inherit; color: inherit; }
::selection { background: var(--gold-hi); color: var(--navy-deep); }
/* Gerçek hidden: bileşenlerin display kuralı (.field grid, .bk-links flex, .btn inline-flex)
   [hidden] özniteliğini ezmez. aria-hidden'a dokunulmaz; kapak metinleri grid ölçüsünü korur.
   Tek açık istisna: JS yokken hizmet panelleri (aşağıda, html:not(.js) .panel[hidden]). */
[hidden] { display: none !important; }

:focus-visible { outline: 3px solid var(--navy); outline-offset: 3px; border-radius: 2px; }
.dark :focus-visible, .hero :focus-visible, .dlg .btn--metal:focus-visible { outline-color: var(--gold-hi); }
.ltl-world :focus-visible { outline-color: var(--ltl-dark); }

.skip { position: absolute; left: 1rem; top: -4rem; z-index: 100; background: var(--navy); color: var(--paper); padding: .75rem 1rem; text-decoration: none; }
.skip:focus { top: 1rem; }
.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Düzen ---------- */
.wrap { width: 100%; max-width: var(--wrap); margin-inline: auto; padding-inline: var(--pad); }
.sec { padding-block: var(--sec); }
.sec--tight { padding-block: clamp(3rem, 6vw, 5rem); }
.dark { background: var(--navy); color: var(--on-dark); }
.paper-2 { background: var(--paper-2); }

/* ---------- Tipografi bileşenleri ---------- */
.kicker { text-transform: uppercase; color: var(--muted); display: flex; align-items: center; gap: .75rem; margin-bottom: 1.25rem; letter-spacing: .2em; font-weight: 600; font-size: .6875rem; }
.kicker::before { content: ""; width: 2.25rem; height: 2px; background: var(--metal-line); background-size: 100% 100%; flex: none; display: none; }
main h2:not(.kicker, .vh, .ltl-world h2), main h2:not(.kicker, .vh, .ltl-world h2) strong { font-family: var(--serif); font-weight: 500; letter-spacing: -.012em; }
.dark .kicker, .hero .kicker { color: var(--gold); }
.h1 { font-size: var(--fs-h1); line-height: 1.04; letter-spacing: var(--track-display); font-weight: 400; word-spacing: .04em; }
 .h2 strong, .page-hero__title strong { font-weight: 700; }
.h2 { font-size: var(--fs-h2); line-height: 1.1; letter-spacing: var(--track-head); font-weight: 400; word-spacing: .03em; }
#talep .h2 { font-size: clamp(3.25rem, 8.4vw, 9rem); line-height: .96; }
.h3 { font-size: var(--fs-h3); line-height: 1.15; letter-spacing: -.02em; font-weight: 700; }
.lead { font-size: var(--fs-lead); line-height: 1.5; max-width: 36em; }
.muted { color: var(--muted); }
.dark .muted { color: var(--on-dark-2); }
.small { font-size: var(--fs-small); }

/* ---------- Düğmeler ve bağlantılar ---------- */
.btn {
  --b: transparent;
  display: inline-flex; align-items: center; justify-content: center; gap: .6rem; padding: .75rem 1.35rem; font-weight: 700; line-height: 1.2;
  text-decoration: none; cursor: pointer; border: 1px solid var(--b); background: none;
  transition: background-position .5s var(--ease), background-color .2s, color .2s, border-color .2s, transform .2s var(--ease);
  text-transform: uppercase;
}
.btn:active { transform: translateY(1px); }
.btn__arrow { transition: transform .25s var(--ease); }
.btn:hover .btn__arrow { transform: translateX(3px); }
/* Ana eylem: fırçalanmış metal, düz sarı değil */
.btn--metal { background: var(--metal); color: #072652; background-color: var(--gold); background-image:
    repeating-linear-gradient(0deg, rgba(73,49,8,.055) 0px, rgba(255,244,204,.08) .7px, transparent 1.1px, transparent 3px),
    linear-gradient(104deg, transparent 0 48%, rgba(255,241,189,.5) 49%, rgba(255,241,189,.15) 50%, transparent 51%),
    linear-gradient(178deg, #D5B680, var(--gold) 72%, #BC9A66); background-size: 100% 100%, 210% 100%, 100% 100%; background-position: 0 0, 78% 0, 0 0; border: 1px solid #A5865A; border-top-color: var(--gold-hi); box-shadow: inset 0 -1px 0 rgba(98,67,13,.18), 0 2px 5px -4px rgba(22,32,51,.3); transition: background-position .4s ease, border-color .2s ease;
}
.btn--metal:hover { background-position: 0 0, 20% 0, 0 0; border-color: #A5865A; border-top-color: var(--gold-hi); }
.btn--navy {
  color: var(--paper); border: 0; border-bottom: 2px solid transparent;
  background: linear-gradient(var(--navy), var(--navy)) padding-box, var(--metal) border-box;
}
.btn--navy:hover { background: linear-gradient(var(--navy-2), var(--navy-2)) padding-box, var(--metal) border-box; }
.btn--line { --b: currentColor; color: inherit; }
.btn--line:hover { background: rgba(22,32,51,.06); }
.dark .btn--line:hover, .hero .btn--line:hover { background: rgba(244,241,235,.1); }
.lnk {
  display: inline-flex; align-items: center; gap: .5rem; min-height: 44px;
  font-weight: 700; font-size: var(--fs-small); text-decoration: underline; text-decoration-color: rgba(22,32,51,.35);
}
.lnk:hover { text-decoration-color: currentColor; }
.dark .lnk { text-decoration-color: rgba(244,241,235,.4); }
.actions { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: center; }

/* ---------- Header ---------- */
.hdr { position: sticky; top: 0; z-index: 60; background: var(--navy); border-bottom: 1px solid rgba(244,241,235,.12); color: var(--on-dark); }
.hdr :focus-visible { outline-color: var(--gold-hi); }
.hdr .btn:hover { background: var(--gold); color: var(--navy); }
.hdr__bar { display: flex; align-items: center; gap: 1rem; height: var(--hdr); }
.brand { display: flex; align-items: center; flex: none; min-height: 44px; }
.brand img { height: 36px; width: auto; }
.hdr__place { font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; padding-left: 1rem; border-left: 1px solid var(--rule); white-space: nowrap; display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; text-decoration: none; color: var(--on-dark-2); border-left-color: rgba(244,241,235,.16); }
.hdr__place svg { flex: none; color: var(--navy); }
.nav { margin-left: auto; display: flex; align-items: center; gap: .5rem; }
.nav__list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: .15rem; }
.nav__list a {
  display: flex; align-items: center; min-height: 44px; padding: 0 .6rem; text-decoration: none; white-space: nowrap; position: relative;
}
.nav__list a::after { content: ""; position: absolute; left: .6rem; right: .6rem; bottom: 8px; height: 2px; background: var(--metal-line); transform: scaleX(0); transform-origin: left; transition: transform .3s var(--ease); }
.nav__list a:hover::after, .nav__list a[aria-current]::after { transform: scaleX(1); }
.nav__list a[aria-current] { font-weight: 700; }
.nav__list a.nav__ltl { font-family: "LTL Source Sans", var(--font); font-weight: 600; letter-spacing: .02em; gap: .45rem; }
.nav__ltl::before { content: ""; width: 8px; height: 8px; background: var(--ltl); flex: none; }
/* Niyet sırası: uygulama, eğitim, ürün; kalan bilgi sayfaları ince bir ayırıcıdan sonra. Geniş ekranda yer varken. */
@media (min-width: 1360px) {
  .nav__desk > li:nth-child(4) { margin-left: .35rem; padding-left: .35rem; border-left: 1px solid var(--rule); }
}
/* Header CTA tek satır kalır ve daralmaz; yer gerekiyorsa aşağıdaki kademeler nav aralığını sıkılaştırır. */
.nav__cta { margin-left: .5rem; min-height: 44px; padding-inline: 1.1rem; flex: none; white-space: nowrap; }
.menu-btn { display: none; align-items: center; gap: .5rem; min-height: 44px; min-width: 44px; padding: 0 .75rem; border: 1px solid var(--rule); background: none; border-radius: 2px; cursor: pointer; font-weight: 700; font-size: .9375rem; }
.menu-btn__icon { width: 18px; height: 10px; position: relative; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; }

/* Disclosure menus (language + mobile) work without JavaScript; studio.js only closes them. */
.lang { position: relative; }
/* .mnav static kalır: panelin konum kutusu sticky .hdr olur. Panel her durumda header'ın hemen altında açılır;
   üstte header'dan önce akışta başka bir şerit (ör. önizleme bandı) olsa da logo/menü/kapatma örtülmez. */
.mnav { position: static; display: none; }
.lang summary, .mnav summary { list-style: none; cursor: pointer; }
.lang summary::-webkit-details-marker, .mnav summary::-webkit-details-marker { display: none; }
.lang summary { display: inline-flex; align-items: center; gap: .3rem; min-height: 44px; min-width: 44px; padding: 0 .6rem; font-size: .875rem; font-weight: 700; letter-spacing: .06em; border: 1px solid var(--rule); border-radius: 2px; }
.lang summary, .menu-btn, .hdr__help a { background: none !important; border-color: transparent !important; box-shadow: none !important; color: var(--on-dark) !important; }
.lang ul a { color: var(--ink); }
.menu-pop { position: absolute; right: 0; top: calc(100% + 6px); z-index: 70; list-style: none; margin: 0; padding: .4rem 0; min-width: 11rem; background: var(--paper); border: 1px solid var(--rule); box-shadow: 0 20px 40px -24px rgba(15,23,38,.45); }
.menu-pop a { display: flex; align-items: center; min-height: 44px; padding: 0 1rem; text-decoration: none; }
.menu-pop a[aria-current] { font-weight: 700; box-shadow: inset 3px 0 0 var(--gold); }
.mnav .menu-btn { display: inline-flex; }
/* --above-hdr: header'ın üstünde akışta duran şeridin en fazla yüksekliği; normal sitede 0. */
.mnav__panel { position: absolute; left: 0; right: 0; top: 100%; max-height: calc(100svh - var(--hdr) - var(--above-hdr, 0px)); overflow-y: auto; z-index: 70;
  background: var(--paper); border-bottom: 1px solid var(--rule); padding: .5rem var(--pad) 1.5rem; box-shadow: 0 20px 40px -24px rgba(15,23,38,.45); }
.mnav__panel ul { list-style: none; margin: 0; padding: 0; }
.mnav__panel a:not(.btn) { display: flex; align-items: center; min-height: 52px; font-size: 1.125rem; border-bottom: 1px solid var(--rule); text-decoration: none; }
.mnav__panel a[aria-current] { font-weight: 700; }
.mnav__panel li:nth-child(n+4) a:not(.btn) { min-height: 48px; font-size: 1rem; }
.mnav__cta { margin-top: 1.25rem; width: 100%; }
.mnav__place { gap: .5rem; color: var(--muted); font-size: var(--fs-small) !important; border-bottom: 0 !important; }
/* Header kademeleri. Şube etiketi (pin + şehir) 900 px ve üstünde her zaman görünür;
   altında mobil menü panelindeki tam etikette (şehir · ülke) durur.
   1240–1359: aynı tam menü, daha sıkı aralık (1280'de TR/EN/ES profesyonel CTA tek satır).
   1000–1239: Uygulamalar ve Eğitim açık bağlantı, kalan sayfalar Menü'de.
   900–999: Menü + şube + dil + CTA. */
@media (min-width: 1240px) and (max-width: 1359px) {
  .hdr__bar { gap: .75rem; }
  .hdr__place { padding-left: .75rem; }
  .nav { gap: .4rem; }
  .nav__list a { padding: 0 .5rem; }
  .nav__list a::after { left: .5rem; right: .5rem; }
  .nav__cta { margin-left: .25rem; padding-inline: 1rem; }
}
@media (max-width: 1239px) {
  .mnav { display: block; }
  .nav__cta { margin-left: 0; }
  .hdr__bar { flex-wrap: nowrap; }
  .nav__desk > li:not(.nav__keep) { display: none; }
  .nav__list a { padding: 0 .55rem; }
  .nav__list a::after { left: .55rem; right: .55rem; }
}
@media (max-width: 999px) {
  .nav__desk { display: none; }
}
@media (max-width: 899px) {
  .hdr__place { display: none; }
}
@media (max-width: 599px) {
  /* Dar ekranda uzun EN/ES profesyonel CTA sığmaz; aynı CTA menü panelinde tam etiketle durur. */
  .nav__cta { display: none; }
}
@media (max-width: 520px) {
  :root { --hdr: 64px; }
  .brand img { height: 30px; }
  .lang summary { padding: 0 .45rem; }
  .menu-btn { padding: 0 .6rem; }
}
/* Yardım açıcısının header'daki ayrılmış yeri: akışta 44 px, hiçbir içeriği örtmez. Komut dosyası çalışmazsa boş kalır. */
.hdr__help { display: flex; flex: none; justify-content: flex-end; min-width: 44px; min-height: 44px; }
.hdr__help[hidden] { display: none; }
@media (min-width: 1480px) {
  .hdr__help { min-width: 12.5rem; }
}
@media (max-width: 419px) {
  .hdr__bar { gap: .5rem; }
  .nav { gap: .25rem; }
}
/* En dar ekranda Menü sözcüğü görsel olarak düşer; simge ve erişilebilir ad kalır. */
@media (max-width: 374px) {
  .menu-btn { gap: 0; font-size: 0; }
}
/* Request page: branch-dependent shell parts wait for booking.js, so a professional
   enquiry is never shown as Marbella on first paint. */
html:not(.bk-ready) .site-intake [data-branch-dyn] { visibility: hidden; }
html:not(.bk-ready) .bk__studio, html:not(.bk-ready) .bk__card { display:none; }
/* Form kartı JS hazır olunca açılır (masaüstünde ~1200 px, telefonda daha uzun). Bölüm baştan en az bir ekran
   boyu olur ki alttaki bölüm ilk ekranda görünüp sonra itilmesin (Lighthouse /talep CLS masaüstü 0,30, telefon 0,69;
   12 Kasım 2026). JS'li hâlde bölüm zaten ekrandan uzun; kural görünür bir boşluk açmaz. */
.site-intake section.bk { min-height: 100svh; }

/* ---------- Breadcrumb / geri ---------- */
.crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .5rem; font-size: var(--fs-small); color: var(--muted); padding-top: 1.25rem; }
.crumbs a { display: inline-flex; align-items: center; min-height: 44px; color: var(--ink); }
.crumbs span[aria-hidden] { opacity: .5; }
.dark .crumbs a { color: var(--on-dark-2); }
/* Dar ekranda tek satır: üst bağlantılar tam, uzun sayfa adı (hemen altında H1 olarak yazıyor) üç noktayla biter. */
@media (max-width: 599px) {
  .crumbs { flex-wrap: nowrap; white-space: nowrap; padding-top: .5rem; }
  .crumbs > a, .crumbs > span[aria-hidden] { flex: none; }
  .crumbs [aria-current] { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
}

/* =========================================================
   ANA SAYFA
   ========================================================= */

/* ---------- Kapak ---------- */
.hero { position: relative; color: var(--on-dark); isolation: isolate; background: var(--navy); }
.hero__media img { object-position: 66% 18%; }

 /* 07: v2 (1600×900), gözler odakta */
.hero__media::after {
  content: ""; position: absolute; inset: 0; z-index: 3;
  background:
    linear-gradient(90deg, rgba(22,32,51,.97) 0%, rgba(22,32,51,.92) 30%, rgba(22,32,51,.6) 42%, rgba(22,32,51,0) 54%),
    linear-gradient(0deg, rgba(15,23,38,.55) 0%, rgba(15,23,38,0) 18%);
  display: none;
}
.hero__media picture { position: absolute; inset: 0; display: block; }
.hero__title { font-weight: 400; }
.hero__title span, .hero__title strong { display: block; }
.hero__title strong { font-weight: 700; }
.hero__creds dt { letter-spacing: -.03em; font-weight: 700; }
.hero .btn--line { --b: rgba(244,241,235,.55); color: var(--on-dark); }
.hero .lnk { text-decoration-color: rgba(244,241,235,.45); }
.hero .kicker { color: var(--gold); }

/* ---------- Ortak sahne: üst üste <picture> katmanları, decode sonrası çapraz geçiş ---------- */
/* :where → özgüllük 0; kapakta .hero__media'nın absolute konumu korunur */
:where(.scene) { position: relative; margin: 0; overflow: hidden; background: var(--navy); }
.scene__pic { position: absolute; inset: 0; display: block; opacity: 0; z-index: 0; }
.scene__pic img { width: 100%; height: 100%; object-fit: cover; max-width: none; }
.scene__pic.is-on { opacity: 1; z-index: 2; transition: opacity .55s var(--ease); }
html:not(.js) .scene__pic.is-on { transition: none; }

/* ---------- Kapak kontrolleri: Bütün yüz / Kaş / Dudak / Göz hattı ---------- */

/* Controls and texts render identically before and after JavaScript: no cover shift. */

/* Dört metin aynı hücrede: yükseklik en uzun metne göre sabittir. */

@media (max-width: 899px) {
  /* 390×844: başlık + kontroller + soru + ana CTA ilk ekranda; fotoğraf yüzü ve elini koruyacak kadar */
  .hero__media img { object-position: 86% 22%; }
  /* 07: kaş/dudak/göz burada kare mobil kaynaktan gelir (genişliğe oturur, yalnız dikey kırpılır).
     Yükseklik formülü değişmedi → CTA konumu ve Bütün yüz kadrajı aynı.
     390×287'de karenin ≈%74'ü görünür; odaklar kaynak kareden ölçülerek seçildi. */
     /* kaşlar+gözler, altın kavis, kâğıttaki kaş etüdü */
   /* dudaklar üstte, pigmentli cam gövde altta */
     /* kaşlar, iki göz, ince cam çizgi */
  .hero__media::after { background: linear-gradient(0deg, rgba(22,32,51,1) 0%, rgba(22,32,51,0) 22%); }
  /* Kare sahnelerde alt koyulaşma daha kısa: konu alttaki ince bantta. Üst etiketin altı yine lacivert. */
  
  .hero__copy { margin-top: -1.25rem; z-index: 4; display: flex; flex-direction: column; }
  .hero__creds { gap: .75rem; order: 6; }
  .hero .kicker { margin-bottom: .75rem; }
.hero__actions .btn { width: 100%; justify-content: center; }
.hero__note { order: 5; }
}
/* Dar kapakta dört kontrol her dilde dengeli 2×2. */

/* 600–899 (tablet dikey): bant kareye göre çok yatay (768'de karenin ≈%45'i görünür).
   Tümü sığmaz; ana konu öne alınır. Root ölçümüne açık. */

/* Dizin şeridi: fotoğrafın altında, altın şeridi kapatmaz */
.index { position: relative; background: var(--navy); border-top: 1px solid rgba(244,241,235,.14); }
.index::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--metal-line); opacity: .9; }
.index__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.index__list li + li { border-left: 1px solid var(--rule-dark); }
.index__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: .25rem 1rem; padding: 1.4rem clamp(1rem, 2vw, 1.75rem); min-height: 6.5rem; text-decoration: none; color: var(--on-dark); transition: background-color .35s var(--ease); }
.index__name { grid-column: 1; grid-row: 1; letter-spacing: -.02em; line-height: 1.1; }
.index__desc { grid-column: 1 / -1; grid-row: 2; font-size: var(--fs-small); color: var(--on-dark-2); }
.index__go { grid-row: 1; grid-column: 2; color: var(--gold); transition: transform .25s var(--ease); }
.index__item:hover .index__go { transform: translateX(4px); }
.index__item:hover { background: rgba(244,241,235,.05); }
@media (max-width: 899px) {
  .index__list li:nth-child(3) { border-left: 0; }
  .index__list li:nth-child(n+3) { border-top: 1px solid var(--rule-dark); }
  .index__item { min-height: 0; padding: 1.1rem 1rem; }
}
@media (max-width: 360px) { .index__go { display: none; } }

/* ---------- İmza: gerçek Ergül (ana sayfada kompakt) ---------- */

@media (max-width: 899px) {
  /* Mobil: yatay kadraj; yüz ve eldivenli eller birlikte */
  
  
  
}
.photo { position: relative; }
.photo img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 2px; }
.photo::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 2px; background: var(--metal-line); }
.photo figcaption { margin-top: 1.25rem; font-size: var(--fs-small); color: var(--muted); }
.dark .photo figcaption { color: var(--on-dark-2); }
.sig__name { font-size: clamp(2.75rem, 6vw, 5.25rem); font-weight: 400; letter-spacing: var(--track-display); word-spacing: .04em; line-height: 1.02; }
.sig__role { margin-top: 1.25rem; font-size: var(--fs-lead); max-width: 30em; }
.dates { list-style: none; padding: 0; margin: 2.5rem 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem clamp(1.5rem, 3vw, 3rem); }
.dates li { border-top: 1px solid var(--rule); padding-top: 1.1rem; position: relative; }
.dates li::before { content: ""; position: absolute; top: -1px; left: 0; width: 3.5rem; height: 2px; background: var(--metal); }
.dates__year { display: block; font-size: clamp(2.75rem, 5vw, 4.5rem); letter-spacing: -.05em; line-height: 1; color: var(--navy); }
.dates__text { display: block; margin-top: .5rem; font-size: var(--fs-small); }
.note-line { margin-top: 1.5rem; padding: 1rem 1.25rem; border-left: 2px solid var(--gold); background: rgba(22,32,51,.04); font-size: var(--fs-small); max-width: 40em; }
.dark .note-line { background: rgba(244,241,235,.05); }

/* ---------- Akademi programları (ana sayfa, kâğıt zemin) ---------- */
/* Yatay çizim etüdü */
.art { margin: 0; position: relative; }
.art picture { display: block; }
.art img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: 40% 50%; border-radius: 2px; border-bottom: 2px solid var(--gold); }
.art figcaption { margin-top: .75rem; font-size: var(--fs-small); color: var(--muted); }
.acad__progs { border-top: 1px solid var(--rule); }
/* Süre sütunu içeriğine göre genişler: "10" ve birim metne binmez. Birim sayının altında durur. */
.prog {
  display: grid; grid-template-columns: minmax(4.25rem, max-content) minmax(0, 1fr) auto; column-gap: clamp(1rem, 2vw, 1.5rem); align-items: start;
  padding: 1.25rem 0; border-bottom: 1px solid var(--rule); text-decoration: none; color: var(--ink); min-height: 44px; transition: padding-left .4s var(--ease);
}
.prog:hover { background: rgba(22,32,51,.03); padding-left: .75rem; }
.prog:hover .prog__name { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.prog__days { display: flex; flex-direction: column; gap: .15rem; }
.prog__num { line-height: .9; color: var(--navy); }
.prog__unit { font-size: .9375rem; font-weight: 700; color: var(--muted); }
.prog__main { display: grid; gap: .35rem; }
.prog__name { font-size: var(--fs-h3); font-family: var(--serif); font-weight: 500; font-size: clamp(2rem, 3.2vw, 3.25rem); letter-spacing: -.01em; line-height: 1; }
.prog__deck { color: var(--muted); font-size: 1rem; }
.prog__go { color: var(--navy); font-size: 1.25rem; transition: transform .25s var(--ease); }
.prog:hover .prog__go { transform: translateX(4px); }
.acad__foot { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; align-items: center; }
@media (max-width: 899px) { .prog { padding: 1rem 0; } }
@media (max-width: 359px) { .prog__go { display: none; } .prog { grid-template-columns: minmax(4.25rem, max-content) minmax(0, 1fr); } }

/* Eğitim sayfası: GIF etüdü ilgili modülün içinde, küçük kare */

/* Program sayfası: dersin yanında, başlığın altında */

/* ---------- Çalışma masası (ana sayfa): gerçek süreç + yöntem ----------
   Solda başlık, rol, 40 yıl / 2007 / 2014; sağda stüdyonun gerçek filmi (03). */
.desk { position: relative; background: var(--paper); }
.desk__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2rem); row-gap: clamp(1.5rem, 3vw, 2.5rem); align-items: start; }
.desk__title { letter-spacing: var(--track-display); font-weight: 400; }
.desk__title strong { display: block; font-weight: 700; word-spacing: .06em; }
.desk__text .lnk { margin-top: .75rem; }
.desk__text { align-self: end; }
.desk__film { margin: 0; position: relative; }
.desk__frame { position: relative; aspect-ratio: 4 / 5; overflow: hidden; }
.desk__frame img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 38%; display: block; }
/* Afiş daveti: JS ile görünür, poster dosyasına dokunmaz; oynatınca kaybolur, native kontroller kalır. */

.desk__film::before { content: ""; position: absolute; left: -14px; top: 10%; height: 55%; width: 2px; background: linear-gradient(180deg, rgba(156,124,76,0), var(--gold) 18%, var(--gold-hi) 52%, var(--gold) 80%, rgba(156,124,76,0)); }
/* Afiş 4:5 üstten kadraj: yüz ve eller görünür, alttaki gömülü altyazı/logo yarım metin gibi kesilmez (afiş 540×960). */

/* 40 yıl, 2007 ve 2014 aynı ağırlıkta, tek satırda üçlü zaman çizgisi: lacivert rakam, üstte kısa altın kesit (kâğıtta küçük metin altın olmaz). */
.desk__creds { margin: clamp(1.25rem, 2.6vw, 1.75rem) 0 0; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: clamp(.75rem, 2.4vw, 2rem); border-top: 1px solid var(--rule); display: none; }
.desk__creds div { position: relative; padding-top: .75rem; min-width: 0; }
.desk__creds div::before { content: ""; position: absolute; left: 0; top: -1px; width: 2.25rem; height: 2px; background: var(--metal); }
.desk__creds dt { font-size: clamp(1.5rem, 3vw, 2.5rem); letter-spacing: -.04em; line-height: 1; color: var(--navy); }
.desk__creds dd { margin: .4rem 0 0; font-size: var(--fs-small); color: var(--muted); line-height: 1.35; }
.desk__role { font-size: var(--fs-lead); max-width: 30em; }

/* ---------- Akademi bandı (ana sayfa): atölyenin aydınlık kâğıt dünyası ----------
   Koyu ön çizim sahnesinden ayrılır. Solda büyük karşılaştırma; başlık ve iki program sağ sütunda aynı hizada. */
.desk__acad::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--metal-line); }
.desk__acad { background: var(--navy); color: var(--on-dark); position: relative; z-index: 3; }
.desk__acad .kicker { color: var(--gold); }
.desk__acad .prog { border-color: rgba(244,241,235,.18); color: var(--on-dark); }
.desk__acad .prog:hover { background: rgba(244,241,235,.05); }
.desk__acad .prog__num, .desk__acad .prog__go { color: var(--gold-hi); }
.desk__acad .prog__unit, .desk__acad .prog__deck { color: var(--on-dark-2); }
.desk__acad .lnk { color: var(--on-dark); }
.desk__acad-lead { margin-top: 1rem; max-width: 36em; color: var(--on-dark-2); }
.acad8 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2rem); align-items: start; row-gap: 2.5rem; }
.acad8__art { min-width: 0; }
.acad8__head { min-width: 0; }
.acad8__head .h2 { font-size: clamp(3rem, 8vw, 8.5rem); line-height: .96; }
.acad8__progs { min-width: 0; }
@media (max-width: 1099px) and (min-width: 900px) {
  .acad8__head, .acad8__progs { grid-column: 8 / -1; }
}
@media (max-width: 899px) {
  .desk { padding-block: 3rem; }
  .desk__grid, .acad8 { grid-template-columns: minmax(0, 1fr); }
  .desk__intro, .desk__text, .desk__film, .acad8 > * { grid-column: 1; grid-row: auto; }
.desk__intro, .desk__text, .desk__film { grid-column: 1 / -1; grid-row: auto; }
  .desk__film::before { display: none; }
  /* Mobil afiş: kare, üstten; Ergül'ün yüzü ve eller görünür, alttaki gömülü altyazı/logo kadraja girmez. Oynarken tamamı. */
  
  
  .desk__creds dd { font-size: .8125rem; }
  .desk__acad { padding-block: 3rem; }
  /* Mobilde sıra: başlık, görsel, programlar. Program adı, süre ve koşul kalır; ayrıntı program sayfasında. */
  .acad8__head { order: 1; }
  .acad8__art { order: 2; }
  .acad8__progs { order: 3; }
  .acad8__progs .prog__deck { display: none; }
}

/* ---------- Gerçek çalışma ve Google puanı (akademiden sonra) ----------
   Solda arşivden tek önce/sonra çifti; sağda (yalnız TR) tarihli Google puanı ve kaynağı. Alıntılar galeride. */
.proof8__grid { display: grid; align-items: start; gap: clamp(2rem, 7vw, 7rem); }
.proof8__grid--solo { grid-template-columns: minmax(0, 46rem); }
.proof8__scope { margin-top: 1rem; font-size: var(--fs-small); color: var(--muted); max-width: 38em; }
.proof8__scope, .cmp--proof .cmp__out { color: #4e4636; }
.proof8__work .actions { margin-top: .5rem; }
.proof8__work .kicker { color: #4e4636; }
.proof8__source { position: relative; color: var(--on-dark); margin-top: clamp(0rem, 4vw, 3.25rem); background: var(--navy); border-radius: 0; padding: clamp(2rem, 5vw, 5rem); }
.proof8__source::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--metal); }
.proof8__source .kicker { margin-bottom: 1.25rem; color: var(--gold); }
.proof8__source :focus-visible { outline-color: var(--gold-hi); }
.proof8__source .voice p { font-size: clamp(1.0625rem, 1.3vw, 1.25rem); }
.proof8__score { display: flex; align-items: baseline; gap: .1rem .5rem; }
.proof8__score b { letter-spacing: -.05em;
  background: var(--metal); -webkit-background-clip: text; background-clip: text; }
@supports not ((-webkit-background-clip: text) or (background-clip: text)) { .proof8__score b { background: none; } }
.proof8__score span { color: var(--on-dark-2); font-size: var(--fs-lead); }
.proof8__count { margin-top: .75rem; font-size: var(--fs-lead); color: var(--on-dark); }
.voice { margin: 1.5rem 0 0; padding-top: 1.25rem; border-top: 1px solid var(--rule-dark); }
.voice p { font-size: clamp(1.125rem, 1.6vw, 1.375rem); line-height: 1.4; letter-spacing: -.01em; }
.voice footer { margin-top: .6rem; font-size: var(--fs-small); font-weight: 700; color: var(--gold-hi); }
.proof8__src { margin-top: 1.5rem; padding-top: .75rem; border-top: 1px solid var(--rule-dark); font-size: .875rem; color: var(--on-dark-2); }
.proof8__src a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--on-dark); }
.proof8__src span { display: block; }
.proof8 { background: var(--beige); padding-block: clamp(4.5rem, 9vw, 9rem); }
.proof8 .voice p { font-family: var(--serif); font-size: clamp(1.5rem, 2.4vw, 2.5rem); line-height: 1.12; }
@media (max-width: 899px) { .proof8__source { margin-top: 0; } }

/* Önce/sonra çifti: iki eşit kare yan yana, açık etiket; sürükleme veya gizli durum yok. */
.pair { margin: 1.5rem 0 0; }
.pair__frames { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); position: relative; gap: 2px; padding: 2px; background: var(--navy); }
.pair__frames::after { content: ""; position: absolute; left: 0; right: 30%; bottom: 0; height: 2px; background: var(--metal-line); display: none; }
.pair__frame { position: relative; background: var(--paper-2); }
.pair__frame img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: 0; aspect-ratio: 3 / 4; }
.pair__zoom { display: block; position: relative; border-radius: 0; }
.pair__tag { position: absolute; background: rgba(244,241,235,.95); color: var(--navy); pointer-events: none; left: 0; top: 0; padding: .4rem .7rem; border-radius: 0; background: var(--navy) !important; color: var(--on-dark) !important; font-size: .625rem; letter-spacing: .2em; text-transform: uppercase; font-weight: 600; }
.pair__frame + .pair__frame .pair__tag { background: var(--navy); color: var(--paper); }
.pair figcaption { margin-top: .75rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 1rem; }
.pair__title { font-size: 1.125rem; font-weight: 700; letter-spacing: -.01em; }
.pair__note { flex-basis: 100%; font-size: var(--fs-small); color: var(--muted); max-width: 34em; }
.pair__zoom:hover img { filter: brightness(1.04); }
.pair__more { position: absolute; right: .5rem; bottom: .5rem; padding: .3rem .55rem; border-radius: 2px; background: var(--navy); color: var(--paper); font-size: .75rem; font-weight: 700; pointer-events: none; }
.pair__context .pair__decision { padding-left:.8rem; border-left:2px solid var(--gold); }

/* ---------- Uygulamalar: sekme + kadraj + canlı malzeme ---------- */

/* Karar düzeni: masaüstünde kare bölge görseli ile soru/fark/ücret/eylem aynı anda; mobilde kompakt kadraj. */

/* Mobil ritim: daha yatay görsel; iki yolun farkı zaten yazılıysa üstündeki genel cevap tekrar edilmez. */
@media (max-width: 899px) {
  
  .panel__a:has(+ .ways) { display: none; }
}

/* İki yolun gerçek farkı: tıklanır, sade iki satır (kart değil). */
.ways { list-style: none; padding: 0; margin: 1.1rem 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(1rem, 2.4vw, 2rem); border-top: 1px solid var(--rule); }
.ways a { display: block; padding: .85rem 0; min-height: 44px; text-decoration: none; border-bottom: 1px solid var(--rule); }
.ways b { display: block; font-size: 1.125rem; letter-spacing: -.01em; }
.ways span { display: block; margin-top: .2rem; font-size: var(--fs-small); color: var(--muted); }
.ways a:hover b { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
@media (max-width: 479px) { .ways { grid-template-columns: minmax(0, 1fr); } }
.facts__for { margin-top: 1.25rem; font-size: var(--fs-small); font-weight: 700; color: var(--ink); }
.facts__for + .facts { margin-top: .4rem; }
/* Hedef nokta (--ox, --oy: görselin yüzdesi) her en-boy oranında çerçevenin ortasına gelir. */

/* 08: ayrı canlı WebGL katmanı (.live) ve "Hareketi durdur" düğmesi hizmet sahnelerinden kaldırıldı;
   hareket yalnız sahnelerin crossfade'i ve eğitim GIF'inde. layers3d.js dosyası tarihsel olarak duruyor, yüklenmiyor. */
/* No-JS istisnası: sekme yokken bütün paneller okunur (global [hidden] kuralından daha özgül). */
html:not(.js) .panel[hidden] { display: block !important; }
html:not(.js) .mani__t .w { opacity: 1; }
.panel__q { letter-spacing: var(--track-head); font-weight: 400; max-width: 22em; }
.panel__a { margin-top: .6rem; font-size: 1rem; max-width: 36em; color: var(--muted); }
.opts { list-style: none; padding: 0; margin: 1.25rem 0 0; display: flex; flex-wrap: wrap; gap: .5rem; }
/* Paket4: kenarlıklı kutunun tamamı bağlantı (önce yalnız metin ≈102×19 px tıklanıyordu). */
.opts li { display: flex; }
.opts a { display: flex; align-items: center; min-height: 44px; padding: .45rem .9rem; border: 1px solid var(--rule); border-radius: 2px;
  font-size: var(--fs-small); background: var(--paper); transition: border-color .2s, background-color .2s; text-decoration: none; }
.opts a:hover { border-color: var(--navy); background: var(--paper-2); text-decoration: underline; }
.facts { margin-top: 1.25rem; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-top: 1px solid var(--rule); }
.facts > .facts__price { grid-column: 1 / -1; padding-left: 0; border-left: 0; border-top: 1px solid var(--rule); }
.facts > div { padding: 1rem 1rem 1rem 0; }
.facts > div + div { padding-left: 1rem; border-left: 1px solid var(--rule); }
.facts dt { font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.facts dd { margin: .4rem 0 0; font-size: var(--fs-small); }
.facts dd b { display: block; font-size: 1.25rem; letter-spacing: -.01em; }
.facts dd .facts__rate { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: .5rem; align-items: baseline; }
.facts dd .facts__rate + .facts__rate { margin-top: .25rem; }
.facts dd .facts__rate b { white-space: nowrap; }

@media (max-width: 359px) {
  .facts { grid-template-columns: 1fr; }
  .facts > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--rule); }
}

/* 08: ayrı "Süreç" bandı kaldırıldı; özgün bilgisi "Önce çizilir" bölümündeki .draw__decide notunda. */

/* ---------- İletişim bölümü ---------- */
.contact__grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: clamp(2.5rem, 6vw, 6rem); }
.addr { font-style: normal; margin-top: 1.5rem; font-size: var(--fs-lead); max-width: 26em; }
.info { margin-top: 2rem; display: grid; border-top: 1px solid var(--rule); }
.info > div { display: grid; grid-template-columns: 7.5rem 1fr; gap: 1rem; padding: .9rem 0; border-bottom: 1px solid var(--rule); align-items: baseline; }
.info dt { font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.info dd { margin: 0; }
.info a { display: inline-flex; min-height: 44px; align-items: center; font-weight: 700; }
.paths { display: grid; gap: 0; border-top: 1px solid var(--rule); }
.path {
  display: grid; grid-template-columns: 1fr auto; gap: .25rem 1rem; align-items: center; text-decoration: none;
  padding: 1.4rem 0; border-bottom: 1px solid var(--rule); min-height: 44px; transition: padding-left .4s var(--ease); padding-block: clamp(1rem, 2vw, 1.75rem);
}
.path__kicker { font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.path__name { grid-column: 1; letter-spacing: -.02em; font-family: var(--serif); font-weight: 500; font-size: clamp(1.75rem, 3vw, 3rem); line-height: 1.05; }
.path__hint { grid-column: 1; font-size: var(--fs-small); color: var(--muted); }
.path__go { grid-column: 2; grid-row: 1 / span 3; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--rule); transition: background-color .25s, color .25s; }
.path:hover .path__go { background: var(--navy); color: var(--paper); }
.path:hover { padding-left: .75rem; }
.proto { margin-top: 1.5rem; font-size: var(--fs-small); color: var(--muted); max-width: 36em; }
@media (max-width: 899px) { .contact__grid { grid-template-columns: 1fr; } }
@media (max-width: 420px) { .info > div { grid-template-columns: 1fr; gap: .2rem; } }

/* ---------- Footer ---------- */
.ftr { position: relative; padding-block: clamp(3rem, 6vw, 4.5rem) 2rem; color: var(--on-dark); border-top: 0; padding-top: clamp(5rem, 10vw, 9rem); background: var(--navy); }
.ftr::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--metal-line); display: none; }
.ftr__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 4fr) minmax(0, 4fr); gap: 2rem; }
.ftr__brand img { width: 220px; height: auto; }
.ftr__brand p { margin-top: 1rem; font-size: var(--fs-small); color: var(--muted); max-width: 22em; }
.ftr h2 { font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); margin-bottom: .5rem; }
.ftr ul { list-style: none; padding: 0; margin: 0; }
.ftr nav ul { columns: 2; column-gap: 1.5rem; }
.ftr li a { display: inline-flex; min-height: 44px; align-items: center; text-decoration: none; }
.ftr li a:hover { text-decoration: underline; }
.ftr address { font-style: normal; font-size: var(--fs-small); }
.ftr__base { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--rule); display: flex; flex-wrap: wrap; gap: .5rem 2rem; justify-content: space-between; font-size: .8125rem; border-top-color: rgba(244,241,235,.16); color: var(--on-dark-2); }
/* Legal links were adjacent inline anchors with no gap ("Ekip girişiKVKKGizlilik…"); give each its own target. */
.ftr__base nav { display: flex; flex-wrap: wrap; align-items: center; column-gap: 1.25rem; }
.ftr__base nav a { display: inline-flex; align-items: center; min-height: 44px; }
.ftr__base nav .ckp-open { margin-inline: 0; }
/* Diğer dil/şube bağlantıları (Marbella · English · Español): her biri kendi 44 px hedefi. */
.ftr__base > span { display: inline-flex; flex-wrap: wrap; align-items: center; column-gap: .35rem; }
.ftr__base > span a { display: inline-flex; align-items: center; min-height: 44px; padding-inline: .2rem; }
@media (max-width: 899px) { .ftr__grid { grid-template-columns: 1fr 1fr; } .ftr__brand { grid-column: 1 / -1; } }
@media (max-width: 480px) { .ftr__grid { grid-template-columns: 1fr; } }

/* =========================================================
   DETAY SAYFALARI
   ========================================================= */
.page-hero { padding-block: 0 clamp(3rem, 6vw, 5.5rem); }
.page-hero__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 5rem); align-items: end; margin-top: clamp(1.5rem, 4vw, 3.5rem); }
.page-hero__title { font-size: var(--fs-page); line-height: 1.04; letter-spacing: var(--track-display); word-spacing: .04em; font-weight: 400; }
.page-hero__sub { margin-top: 1.5rem; font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.3; letter-spacing: -.015em; max-width: 26em; }
.page-hero .actions { margin-top: 2rem; }
@media (max-width: 899px) {
  .page-hero__grid { grid-template-columns: 1fr; }
}

/* =========================================================
   06 · HİZMET KAPAKLARI — üç ayrı sahne, aynı malzeme sistemi
   Kaş: fotoğraf sahnesinde metin + altta malzeme satırı (lacivert).
   Dudak: tipografik satır + yatay pigment panoraması (lacivert).
   Eyeliner: kâğıt zemin, ince başlık, kaydırılmış geniş portre.
   ========================================================= */
.svc-hero__title { font-size: var(--fs-svc); line-height: 1.04; letter-spacing: var(--track-display); word-spacing: .04em; font-weight: 400; }
.svc-hero__title--long { font-size: var(--fs-svc-long); }
.svc-hero__q { margin-top: 1.25rem; font-size: clamp(1.375rem, 2.3vw, 2rem); line-height: 1.18; letter-spacing: -.02em; max-width: 22em; }
.svc-hero__a { margin-top: .75rem; font-size: var(--fs-lead); max-width: 34em; }
.svc-hero .actions { margin-top: 1.5rem; }
.svc-hero__help { margin-top: .75rem; font-size: var(--fs-small); max-width: 36em; }
.svc-hero__help a { font-weight: 700; display: inline-flex; align-items: center; min-height: 44px; }

.svc-hero--kas, .svc-hero--dudak { background: var(--navy); color: var(--on-dark); }
.svc-hero--kas .crumbs, .svc-hero--kas .crumbs a, .svc-hero--dudak .crumbs, .svc-hero--dudak .crumbs a { color: var(--on-dark-2); }
.svc-hero--kas .kicker, .svc-hero--dudak .kicker { color: var(--gold); }
.svc-hero--kas .svc-hero__a, .svc-hero--kas .svc-hero__help, .svc-hero--dudak .svc-hero__a{ color: var(--on-dark-2); }
.svc-hero--kas .svc-hero__help a{ color: var(--on-dark); }
.svc-hero--kas .lnk, .svc-hero--dudak .lnk { text-decoration-color: rgba(244,241,235,.4); }
.svc-hero--kas :focus-visible, .svc-hero--dudak :focus-visible { outline-color: var(--gold-hi); }

/* Kaş */
.kas-stage { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr); }
.kas-stage__scene::after { content: ""; position: absolute; inset: 0; z-index: 3; pointer-events: none; }
@media (min-width: 900px) {
  /* 08: alt satır eskiden canlı katman içindi; satır yüksekliği alt boşluk olarak korunur, kompozisyon aynı kalır. */
  .kas-stage { grid-template-rows: auto clamp(150px, 22vh, 230px); min-height: clamp(620px, calc(100svh - var(--hdr) - 4rem), 900px); }
  .kas-stage__scene { position: absolute; inset: 0; z-index: -1; }
  .kas-stage__scene img { object-position: 62% 45%; }
  .kas-stage__scene::after {
    background:
      linear-gradient(90deg, rgba(22,32,51,.96) 0%, rgba(22,32,51,.88) 34%, rgba(22,32,51,0) 52%),
      linear-gradient(0deg, rgba(15,23,38,.45) 0%, rgba(15,23,38,0) 22%);
  }
  .kas-stage__copy { grid-row: 1; padding-block: clamp(1.5rem, 4vh, 3.5rem) 1rem; }
  .kas-stage__copy > * { max-width: min(32vw, 30rem); }
  .kas-stage__copy > .actions { max-width: min(42vw, 38rem); }
}
@media (max-width: 899px) {
  .kas-stage { grid-template-areas: "scene" "copy"; }
  /* 07: kare mobil kaynak, 5:4 alan (önce 4:3; +≈20 px). Karenin %80'i görünür: kaşlar, gözler, altın kavis ve kaş etüdü. */
  .kas-stage__scene { grid-area: scene; aspect-ratio: 5 / 4; margin-top: .5rem; }
  .kas-stage__scene img { object-position: 50% 80%; }
  .kas-stage__scene::after { background: linear-gradient(0deg, rgba(22,32,51,.9) 0%, rgba(22,32,51,0) 12%); }
  .kas-stage__copy { grid-area: copy; padding-block: 1rem 2.5rem; }
}

/* Dudak */
.dud-head { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 1.25rem clamp(2rem, 5vw, 5rem); align-items: end; padding-block: clamp(1.5rem, 4vw, 3rem) clamp(2rem, 4vw, 3rem); }
.dud-head .svc-hero__q { margin-top: 0; }
.dud-band { aspect-ratio: 21 / 8; }
.dud-band img { object-position: 50% 52%; }
/* Masaüstü: kaynak 1600×914; ağız üst ≈%13–23, altın şerit + pigment cam ≈%40–92.
   21:8 bantta ikisi birlikte sığmıyordu (merkez kırpma üst dudağı kesiyordu).
   2:1 bant + üstten %40 → 1440'ta görünür kaynak ≈ y45–845: bütün ağız ve cam sahnesi. Mobil kaynak/kural aynı. */
@media (min-width: 900px) {
  .dud-band { aspect-ratio: 2 / 1; }
  .dud-band img { object-position: 50% 40%; }
}
.dud-band::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--metal-line); z-index: 4; pointer-events: none; }
@media (max-width: 899px) {
  .dud-head { grid-template-columns: minmax(0, 1fr); align-items: start; padding-top: 1rem; }
  /* 07: kare mobil kaynak, CTA görselin üstünde → tam kare alan. */
  .dud-band { aspect-ratio: 1 / 1; max-height: 82svh; }
  .dud-band img { object-position: 50% 50%; }
}

/* Eyeliner */
.svc-hero--goz { background: var(--paper); padding-bottom: clamp(2.5rem, 5vw, 4.5rem); }
/* 08: masaüstünde metin ve görsel aynı ilk satırda. Görsel sağda, sayfanın sağ kenarına taşar (asimetrik);
   1440×1000'de görsel üstü ≈220, gözler ≈430 px hedeflenir (CSS hesabı, ölçülmedi). */
.goz-hero { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2rem); row-gap: clamp(2rem, 4vw, 3.5rem); margin-top: clamp(.5rem, 2vw, 1.75rem); align-items: start; }
.goz-hero__copy { grid-column: 1 / span 5; grid-row: 1; min-width: 0; }
.goz-hero .svc-hero__a { color: var(--muted); }
.goz-hero__scene {
  grid-column: 6 / -1; grid-row: 1; aspect-ratio: 16 / 9; border-radius: 2px 0 0 2px; /* 07: v2 1600×900 */
  margin-top: clamp(1.5rem, 4vw, 3.5rem);
  margin-right: calc(-1 * var(--pad) - max(0px, (100vw - var(--wrap)) / 2));
}
.goz-hero__scene::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--metal-line); z-index: 4; pointer-events: none; }
.goz-hero__scene img { object-position: 50% 50%; }
@media (max-width: 1099px) and (min-width: 900px) {
  /* Dar masaüstü: metne bir kolon daha; uzun soru/CTA görsele taşmaz. */
  .goz-hero__copy { grid-column: 1 / span 6; }
  .goz-hero__scene { grid-column: 7 / -1; margin-top: clamp(1.5rem, 6vw, 4rem); }
}
@media (max-width: 899px) {
  .goz-hero { grid-template-columns: minmax(0, 1fr); margin-top: 1rem; row-gap: 1.75rem; }
  .goz-hero__copy, .goz-hero__scene { grid-column: 1; grid-row: auto; }
  /* 07: kare mobil kaynak, CTA görselin üstünde → tam kare alan. */
  .goz-hero__scene { aspect-ratio: 3 / 2; max-height: 82svh; margin: 0; border-radius: 2px; }
  .goz-hero__scene img { object-position: 50% 50%; }
}

.svc-hero--kas + .wrap > .quick, .svc-hero--dudak + .wrap > .quick { margin-top: clamp(1.5rem, 3vw, 2.5rem); }

/* Hızlı yanıt şeridi */
.quick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--rule); }
.quick > div { padding: 1.25rem 1.25rem 1.25rem 0; }
.quick > div + div { padding-left: 1.25rem; border-left: 1px solid var(--rule); }
.quick dt { font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.quick dd { margin: .4rem 0 0; font-size: var(--fs-small); }
.quick dd b { display: block; font-size: 1.25rem; letter-spacing: -.01em; line-height: 1.2; }
.dark .quick > div + div { border-color: var(--rule-dark); }
@media (max-width: 899px) {
  .quick { grid-template-columns: 1fr 1fr; }
  .quick > div:nth-child(3) { padding-left: 0; border-left: 0; }
  .quick > div:nth-child(n+3) { border-top: 1px solid var(--rule); }
  .dark .quick > div:nth-child(n+3) { border-color: var(--rule-dark); }
}
@media (max-width: 420px) {
  .quick { grid-template-columns: 1fr; }
  .quick > div, .quick > div + div { padding-left: 0; border-left: 0; }
  .quick > div + div { border-top: 1px solid var(--rule); }
}
/* Hizmet detayında ücret şeridin ilk ve en geniş hücresi; her tutar uygulayıcısının yanında kalır. */
.fee-first__row { display: grid; grid-template-columns: max-content minmax(0, 1fr) auto; column-gap: .75rem; align-items: baseline; font-variant-numeric: tabular-nums; }
.fee-first__row + .fee-first__row { margin-top: .3rem; }
.quick dd .fee-first__row b { font-size: clamp(1.375rem, 2.2vw, 1.75rem); letter-spacing: -.02em; white-space: nowrap; }
.fee-first__row time { font-size: .8125rem; color: var(--muted); white-space: nowrap; }
.quick__fee small { display: block; margin-top: .6rem; font-size: .8125rem; color: var(--muted); }
@media (min-width: 900px) { .quick--fee { grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)); } }
@media (max-width: 899px) { .quick__fee { grid-column: 1 / -1; } }
@media (min-width: 421px) and (max-width: 899px) {
  .quick--fee > div:nth-child(2) { padding-left: 0; border-left: 0; border-top: 1px solid var(--rule); }
  .quick--fee > div:nth-child(3) { padding-left: 1.25rem; border-left: 1px solid var(--rule); }
}

/* İki sütun: başlık solda yapışık, içerik sağda */
.split { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 2rem clamp(2rem, 5vw, 5rem); }
.split__head { align-self: start; position: sticky; top: calc(var(--hdr) + 1.5rem); }
main:not(:has([data-hero])) > section .split__head:not(:has(.kicker)) .h2 { margin-top: 0; }
@media (max-width: 899px) { .split { grid-template-columns: 1fr; } .split__head { position: static; } }

/* Tür karşılaştırma tablosu */

/* Soru → cevap → dayanak → eylem */
.chain { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--rule); }
.chain li { padding: 1.5rem 1.25rem 0 0; }
.chain li + li { padding-left: 1.25rem; border-left: 1px solid var(--rule); }
.chain__k { font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.chain h3 { margin-top: .75rem; font-size: 1.25rem; line-height: 1.2; letter-spacing: -.015em; }
.chain p { margin-top: .6rem; font-size: var(--fs-small); }
.dark .chain, .dark .chain li + li { border-color: var(--rule-dark); }
.dark .chain__k { color: var(--gold); }
@media (max-width: 899px) {
  .chain { grid-template-columns: 1fr 1fr; row-gap: 1.5rem; }
  .chain li:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 520px) { .chain { grid-template-columns: 1fr; } .chain li, .chain li + li { padding-left: 0; border-left: 0; } .chain li + li { border-top: 1px solid var(--rule); } }

/* Dayanak bloğu */
.proof { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
.proof .photo img { aspect-ratio: 4 / 5; }
.ticks { list-style: none; padding: 0; margin: 1.5rem 0 0; display: grid; gap: .75rem; }
.ticks li { padding-left: 1.75rem; position: relative; }
.ticks li::before { content: ""; position: absolute; left: 0; top: .6em; width: 1rem; height: 2px; background: var(--metal); }
.ticks small { display: block; color: var(--muted); font-size: .8125rem; }
.dark .ticks small { color: var(--on-dark-2); }
@media (max-width: 699px) { .proof { grid-template-columns: 1fr; } .proof .photo { max-width: 20rem; } }

/* SSS */
.faq { border-top: 1px solid var(--rule); }
.faq details { border-bottom: 1px solid var(--rule); }
.faq summary {
  list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 1rem; align-items: center;
  padding: 1.15rem 0; min-height: 56px; font-size: 1.125rem; font-weight: 700; letter-spacing: -.01em;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; font-weight: 400; font-size: 1.5rem; line-height: 1; color: var(--navy); transition: transform .25s var(--ease); flex: none; }
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details > div { padding: 0 0 1.4rem; max-width: 36em; }

/* Bağlamsal talep bandı */
.talep { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 2rem clamp(2rem, 5vw, 5rem); align-items: end; }
.talep__direct { display: grid; gap: .25rem; font-size: var(--fs-small); }
.talep__direct a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }
@media (max-width: 899px) { .talep { grid-template-columns: 1fr; } }

/* İlgili sayfalar */
.related { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--rule); }
.related li + li { border-left: 1px solid var(--rule); }
.related a { display: block; padding: 1.4rem 1.25rem 1.4rem 0; text-decoration: none; min-height: 44px; }
.related li + li a { padding-left: 1.25rem; }
.related b { display: block; font-size: clamp(1.25rem, 2vw, 1.625rem); letter-spacing: -.02em; }
.related span { font-size: var(--fs-small); color: var(--muted); }
.related a:hover b { text-decoration: underline; text-decoration-thickness: 2px; }
@media (max-width: 699px) {
  .related { grid-template-columns: 1fr; }
  .related li + li { border-left: 0; border-top: 1px solid var(--rule); }
  .related li + li a { padding-left: 0; }
}

/* Eğitim sayfası */
.compare { width: 100%; border-collapse: collapse; font-size: var(--fs-small); }
.compare th, .compare td { text-align: left; vertical-align: top; padding: 1.1rem 1.25rem 1.1rem 0; border-top: 1px solid var(--rule); }
.compare thead th { border-top: 0; padding-top: 0; }
.compare thead th b { display: block; font-size: clamp(1.375rem, 2.4vw, 2rem); letter-spacing: -.02em; }
.compare thead th span { color: var(--muted); font-weight: 400; }
.compare tbody th { width: 22%; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); padding-top: 1.3rem; }
/* Mobil: iki program adı yapışık tek başlıkta, her ölçüt iki sütun; uzun adlar tekrar etmez. Satır/sütun ilişkisini role öznitelikleri taşır. */
@media (max-width: 699px) {
  .compare, .compare thead, .compare tbody { display: block; width: 100%; }
  .compare tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1rem; }
  .compare th, .compare td { border: 0; padding: .3rem 0; }
  .compare thead { position: sticky; top: var(--hdr); z-index: 2; background: var(--paper); padding-block: .5rem; border-bottom: 2px solid var(--navy); }
  .compare thead th { padding: 0; }
  .compare thead th:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .compare thead th:not(:first-child) span { display: none; }
  .compare thead th b { font-size: 1rem; line-height: 1.2; letter-spacing: -.01em; }
  .compare tbody tr { padding: .6rem 0 .8rem; border-top: 1px solid var(--rule); }
  .compare tbody tr:first-child { border-top: 0; }
  .compare tbody th { grid-column: 1 / -1; width: auto; padding-top: .2rem; }
}
.module ol { list-style: none; padding: 0; margin: 0; counter-reset: m; }
.module li { counter-increment: m; display: grid; grid-template-columns: 2.5rem 1fr; gap: 1rem; padding: 1.2rem 0; border-bottom: 1px solid var(--rule); }
.module li::before { content: "0" counter(m); font-size: .8125rem; font-weight: 700; color: var(--navy); padding-top: .25rem; }
.module li h3 { font-size: 1.125rem; }
.module p { margin-top: .35rem; font-size: var(--fs-small); color: var(--muted); }

.known { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.5rem, 4vw, 4rem); }
.known h3 { font-size: 1.125rem; display: flex; align-items: center; gap: .5rem; }
.known ul { list-style: none; padding: 0; margin: 1rem 0 0; border-top: 1px solid var(--rule); }
.known li { padding: .8rem 0; border-bottom: 1px solid var(--rule); font-size: var(--fs-small); }
@media (max-width: 699px) { .known { grid-template-columns: 1fr; } }
/* Eğitim kapağı: kâğıt zemin, metin solda, etüt sağda sayfa kenarına kadar büyük. */
.edu8-hero { background: var(--paper-2); padding-bottom: clamp(3rem, 6vw, 5rem); }
.edu8-hero__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2rem); row-gap: clamp(1.5rem, 3vw, 2.5rem); align-items: center; margin-top: clamp(.75rem, 2vw, 1.75rem); }
.edu8-hero__copy { grid-column: 1 / span 5; min-width: 0; }
.edu8-hero__copy .page-hero__sub { margin-top: 1rem; font-size: var(--fs-lead); line-height: 1.5; max-width: 34em; }
.edu8-hero__copy .actions { margin-top: 1.5rem; }
.edu8-hero__copy .page-hero__title { font-size: clamp(2rem, 4vw, 3.75rem); overflow-wrap: normal; word-break: normal; text-wrap: balance; line-height: 1.07; }
.edu8-hero__copy .page-hero__title span { display: inline-block; white-space: nowrap; }
.art--edu8 { grid-column: 6 / -1; margin-right: var(--bleed); min-width: 0; }
.art--edu8::before { content: ""; position: absolute; left: -14px; top: 12%; bottom: 12%; width: 2px; background: linear-gradient(180deg, rgba(156,124,76,0), var(--gold) 18%, var(--gold-hi) 52%, var(--gold) 80%, rgba(156,124,76,0)); }
.art--edu8 img { display: block; object-position: 50% 45%; border-radius: 2px 0 0 2px; }
.art--edu8 figcaption { padding-right: var(--pad); }
.edu8-hero--course .edu8-hero__copy { grid-column: 1 / span 6; }
.edu8-hero--course .art--edu8 { grid-column: 7 / -1; }
/* İki öğrenme yolu: aynı ızgarada kaydırılmış iki sütun. */
.edu8-paths { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2rem); margin-top: clamp(2.5rem, 5vw, 4.5rem); }
.path8 { min-width: 0; }
.path8--1 { grid-column: 1 / span 6; }
.path8--2 { grid-column: 7 / -1; }
.path8__art { margin: 0; }
.path8__art picture { display: block; }
.path8__art img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: 2px; border-bottom: 2px solid var(--gold); aspect-ratio: 3 / 2; }
.path8__name { margin-top: .5rem; font-size: clamp(1.5rem, 2.4vw, 2.125rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.12; }
.path8 .actions { margin-top: 1.25rem; }
.path8__body { padding-top: .9rem; }
.edu8-cmp__head { max-width: 46rem; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.edu8-cmp__head .lead { margin-top: 1rem; }
@media (max-width: 899px) {
  .edu8-hero__grid, .edu8-paths { grid-template-columns: minmax(0, 1fr); }
  .edu8-hero__copy, .art--edu8, .edu8-hero--course .edu8-hero__copy, .edu8-hero--course .art--edu8 { grid-column: 1; }
.edu8-hero__copy .page-hero__title { font-size: clamp(1.9rem, 7.4vw, 3.5rem); }
  .art--edu8 { margin-right: 0; }
  .art--edu8::before { display: none; }
  .art--edu8 img { aspect-ratio: 16 / 10; border-radius: 2px; }
  .art--edu8 figcaption { padding-right: 0; }
  .path8--1, .path8--2 { grid-column: 1; }
}

/* Ergül sayfası */

/* 06 · Ergül sayfası: ad tam genişlikte; altında fotoğraf ve yöntem notu (ana sayfa masasının aynası: foto solda) */
.bio-desk { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2rem); row-gap: clamp(1.5rem, 3vw, 2.5rem); margin-top: clamp(1.5rem, 4vw, 3rem); align-items: end; }
.bio-desk__head { grid-column: 1 / -1; }
.bio-desk__photo { grid-column: 1 / span 5; }
.bio-desk__photo img { aspect-ratio: 4 / 5; object-position: 50% 45%; }
.bio-desk__side { grid-column: 7 / -1; padding-bottom: 1rem; }
.bio-desk__side .sig__role { margin-top: 0; }
.bio-desk__method { margin-top: 1.25rem; padding-left: 1rem; border-left: 2px solid var(--gold); max-width: 34em; }
@media (max-width: 899px) {
  .bio-desk { grid-template-columns: minmax(0, 1fr); }
  .bio-desk__head, .bio-desk__photo, .bio-desk__side { grid-column: 1; }
  .bio-desk__photo { max-width: 26rem; }
}
.chapters { display: grid; gap: 0; border-top: 1px solid var(--rule); }
.chapter { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 9fr); gap: 1rem clamp(2rem, 5vw, 5rem); padding: clamp(2rem, 4vw, 3rem) 0; border-bottom: 1px solid var(--rule); }
.chapter__k { font-size: clamp(2.5rem, 5vw, 4.5rem); letter-spacing: -.05em; line-height: .9; color: var(--navy); }
.chapter h3 { font-size: var(--fs-h3); }
.chapter p { margin-top: .75rem; max-width: 36em; }
@media (max-width: 699px) { .chapter { grid-template-columns: 1fr; } }
.press { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--rule-dark); }
.press li + li { border-left: 1px solid var(--rule-dark); }
.press a { display: block; padding: 1.5rem 1.25rem 1.5rem 0; text-decoration: none; min-height: 44px; }
.press li + li a { padding-left: 1.25rem; }
.press b { display: block; font-size: clamp(1.375rem, 2.4vw, 2rem); letter-spacing: -.02em; }
.press span { color: var(--on-dark-2); font-size: var(--fs-small); }
.press a:hover b { text-decoration: underline; text-decoration-thickness: 2px; }
@media (max-width: 699px) { .press { grid-template-columns: 1fr; } .press li + li { border-left: 0; border-top: 1px solid var(--rule-dark); } .press li + li a { padding-left: 0; } }
/* Basında: öne çıkan dört kayıt + açılır tam arşiv (EK-BASIN-B-20261112) */
.press--feat { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.press--feat a { display: flex; flex-direction: column; gap: .75rem; height: 100%; }
.press--feat .press__src { color: var(--gold); font-size: .875rem; font-weight: 700; letter-spacing: .02em; }
.press--feat b { font-family: var(--serif); font-weight: 500; font-size: clamp(1.25rem, 1.8vw, 1.6rem); line-height: 1.2; letter-spacing: -.01em; }
.press--feat b span { color: var(--gold); font-size: .8em; }
@media (max-width: 1099px) and (min-width: 700px) {
  .press--feat { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .press--feat li:nth-child(3) { border-left: 0; }
  .press--feat li:nth-child(n+3) { border-top: 1px solid var(--rule-dark); }
  .press--feat li:nth-child(3) a { padding-left: 0; }
}
.press-all { margin-top: 2rem; border-top: 1px solid var(--rule-dark); border-bottom: 1px solid var(--rule-dark); }
.press-all summary { list-style: none; cursor: pointer; display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1rem; padding: 1.1rem 2.5rem 1.1rem 0; min-height: 56px; position: relative; font-size: 1.125rem; font-weight: 700; }
.press-all summary::-webkit-details-marker { display: none; }
.press-all summary::after { content: "+"; position: absolute; right: 0; top: 50%; translate: 0 -50%; font-weight: 400; font-size: 1.6rem; line-height: 1; color: var(--gold); transition: transform .25s var(--ease); }
.press-all[open] summary::after { transform: rotate(45deg); }
.press-all summary:hover > span:first-child { text-decoration: underline; text-underline-offset: .22em; }
.press-all__n { color: var(--on-dark-2); font-size: var(--fs-small); font-weight: 500; font-variant-numeric: tabular-nums; }
.press-all__body { padding: .5rem 0 2rem; }
.press-all__year { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: 0 1.5rem; border-top: 1px solid var(--rule-dark); padding: 1.1rem 0; }
.press-all__year:first-child { border-top: 0; }
.press-all__year h3 { font-family: var(--serif); font-weight: 500; font-size: 2rem; line-height: 1; color: var(--gold); font-variant-numeric: lining-nums tabular-nums; }
.press-all__year ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .35rem; }
.press-all__year a { display: grid; gap: .15rem; padding: .45rem 0; min-height: 44px; text-decoration: none; }
.press-all__t { font-weight: 600; line-height: 1.35; }
.press-all__t span { color: var(--gold); }
.press-all__year a:hover .press-all__t { text-decoration: underline; text-underline-offset: .2em; }
.press-all__m { color: var(--on-dark-2); font-size: var(--fs-small); }
.press-all__tag { display: inline-block; margin-left: .4rem; padding: 0 .4rem; border: 1px solid var(--rule-dark); border-radius: 2px; font-size: .75rem; letter-spacing: .04em; vertical-align: .1em; }
.press-all__note { margin-top: 1rem; color: var(--on-dark-2); font-size: var(--fs-small); max-width: 44em; }
@media (max-width: 699px) {
  .press--feat { grid-template-columns: 1fr; }
  .press-all__year { grid-template-columns: 1fr; }
  .press-all__year h3 { font-size: 1.6rem; margin-bottom: .4rem; }
}

/* Ücretler */
.jump { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2rem; position: sticky; top: var(--hdr); z-index: 20; background: var(--paper); }
.jump a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 1rem; border: 1px solid var(--rule); border-radius: 2px; text-decoration: none; font-size: var(--fs-small); font-weight: 700; background: var(--paper-2); }
.jump a:hover { border-color: var(--navy); }
/* Ücret kapağı: kompakt, 400 temel / 700 vurgu; ilk tutar 1440×1000'de ilk ekranda (hedef ≈ y750). */
.page-hero--fees { padding-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.page-hero--fees .crumbs + .page-hero__grid { margin-top: clamp(.75rem, 2vw, 1.5rem); align-items: start; }
.page-hero__title--fees { font-size: clamp(2.125rem, 3.6vw, 3.25rem); }
.page-hero--fees .page-hero__sub { margin-top: 1rem; font-size: var(--fs-lead); line-height: 1.5; max-width: 36em; }
.page-hero--fees .jump { margin-top: 1.5rem; }
.fee-note .note-line { margin-top: 0; }
.fee-scope { margin-top: clamp(2rem, 4vw, 3rem); }
@media (max-width: 899px) { .page-hero--fees .page-hero__grid { gap: .75rem; } }
/* Mobil: altı kategori tek kaydırılabilir satır; ilk tutar ilk ekrana yaklaşır. Belge genişliği taşmaz, kaydırma yalnız bu şeritte. */
@media (max-width: 599px) {
  .jump { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(-1 * var(--pad)); padding-inline: var(--pad); scrollbar-width: none; }
  .jump::-webkit-scrollbar { display: none; }
  .jump a { flex: none; white-space: nowrap; }
}
.fees-tables.sec--tight { padding-top: clamp(1rem, 2vw, 1.5rem); }
.tariff { margin-top: clamp(3rem, 6vw, 5rem); }
.tariff__head { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 2rem; border-bottom: 1px solid var(--rule); padding-bottom: .85rem; }
.tariff__head::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 4.5rem; height: 2px; background: var(--metal); }

/* İletişim sayfası */

/* =========================================================
   LONG-TIME-LINER: ayrı üretici dünyası
   ========================================================= */
.ltl-world {
  background: #FFFFFF; color: var(--ltl-ink);
  font-family: var(--ltl-sans); font-weight: 400; position: relative; z-index: 3;
}
.ltl-world::before { content: ""; display: block; height: 6px; background: var(--ltl); }
.ltl-world h1, .ltl-world h2 { font-family: var(--ltl-serif); font-weight: 400; letter-spacing: -.01em; color: var(--ltl-ink); }
.ltl-world h3 { font-family: var(--ltl-sans); font-weight: 600; letter-spacing: 0; }
/* Paket4 · ana sayfa: LTL fontları (≈385 KB v2) ilk yükte istenmez. Bant görünüme ~1 ekran yaklaşınca
   atolye08.js .is-near ekler ve marka aileleri yüklenir; o ana kadar bant ekranda değildir.
   JS yoksa kural uygulanmaz (html.js), aileler doğrudan yüklenir. */
.ltl-world--home:not(.is-near) { --ltl-serif: Georgia, serif; --ltl-sans: system-ui, -apple-system, "Segoe UI", sans-serif; }
.ltl-world--home::before { display: none; }
.ltl-world--home .ltl-sec--home { background: #fff; border-top: 4px solid var(--ltl); padding: clamp(1.5rem, 4vw, 4rem); }
.ltl-world--home .ltl-home { padding-top: 0; }
.ltl-world--home .ltl-home__art figcaption { padding-left: 0; }
/* ® başlıkta tam boy değil: kontrollü üst simge; erişilebilir ad "LONG-TIME-LINER®" olarak kalır. */
sup.reg { font-size: .42em; line-height: 0; vertical-align: .95em; margin-left: .04em; letter-spacing: 0; }
.ltl-world .h2 { font-size: clamp(1.875rem, 3.4vw, 3rem); line-height: 1.18; }
.ltl-world .h1 { font-size: clamp(2.25rem, 4.6vw, 4rem); line-height: 1.12; letter-spacing: -.015em; }
.ltl-kicker { font-size: .875rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ltl-dark); margin-bottom: 1rem; }
.ltl-logo-row { display: flex; justify-content: flex-end; padding-top: clamp(1.5rem, 3vw, 2.5rem); }
.ltl-logo { width: clamp(180px, 22vw, 260px); min-width: 152px; height: auto; }
.ltl-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; margin-top: clamp(1.5rem, 3vw, 2.5rem); }
.ltl-grid > * { min-width: 0; }
.ltl-world p { color: var(--ltl-text); }
.ltl-world .lead { font-size: 1.1875rem; line-height: 1.55; }
.ltl-photo { margin: 0; background: #fff; }
.ltl-photo__frame { overflow: hidden; background: #fff; }
/* Fotoğraf ve işaretler aynı plakada: yakınlaşma ikisini birlikte taşır, işaret parçadan kaymaz. */
.ltl-photo__plate { position: relative; transition: transform .45s var(--ease); }
.ltl-photo img { display: block; width: 100%; aspect-ratio: 1280 / 861; object-fit: cover; }
.ltl-photo[data-part="2"] .ltl-photo__plate { transform-origin: 66% 72%; transform: scale(1.55); }
.ltl-photo[data-part="3"] .ltl-photo__plate { transform-origin: 59% 87%; transform: scale(1.85); }
.ltl-marks { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.ltl-marks g { opacity: 0; transition: opacity .3s var(--ease); }
[data-part="1"] [data-part-mark="1"], [data-part="2"] [data-part-mark="2"], [data-part="3"] [data-part-mark="3"] { opacity: 1; }
.ltl-marks__veil { fill: #fff; fill-opacity: .62; }
.ltl-marks__line { fill: none; stroke: var(--ltl); stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.ltl-photo figcaption { padding: .75rem 0 0; font-size: .9375rem; color: var(--ltl-gray); background: #fff; }
#duo-title, #pig-title { scroll-margin-top: calc(var(--hdr) + 1.5rem); }
.ltl-doors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: clamp(2.5rem, 5vw, 4rem); border-top: 1px solid var(--ltl-line); }
.ltl-doors > div { padding: 1.75rem 2rem 2rem 0; }
.ltl-doors > div + div { padding-left: 2rem; border-left: 1px solid var(--ltl-line); }
.ltl-doors h3 { font-size: 1.375rem; color: var(--ltl-dark); }
.ltl-doors p { margin-top: .6rem; }
.ltl-doors .actions { margin-top: 1.25rem; }
.btn--ltl { color: #fff; background: var(--ltl-dark); border-radius: 0; font-family: var(--ltl-sans); font-weight: 600; font-size: 1rem; letter-spacing: .02em; }
.btn--ltl:hover { background: #00676A; }
.btn--ltl-line { color: var(--ltl-dark); border: 1px solid var(--ltl-dark); border-radius: 0; font-family: var(--ltl-sans); font-weight: 600; font-size: 1rem; }
.btn--ltl-line:hover { background: #E6F4F4; }
.ltl-world .lnk { color: var(--ltl-dark); font-family: var(--ltl-sans); font-weight: 600; font-size: 1rem; text-decoration-color: rgba(0,125,128,.4); }
.ltl-band { background: var(--ltl-light); }
.ltl-parts { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 3px solid var(--ltl); background: #fff; }
.ltl-parts li { padding: 1.75rem 1.5rem; }
.ltl-parts li + li { border-left: 1px solid var(--ltl-light); }
.ltl-parts .code { font-size: .875rem; font-weight: 600; letter-spacing: .1em; color: var(--ltl-dark); }
.ltl-parts h3 { margin-top: .4rem; font-size: 1.25rem; }
.ltl-parts p { margin-top: .5rem; }
.ltl-pig { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.25rem, 3vw, 2.5rem); }
.ltl-pig article { border-top: 1px solid #CFCFCF; padding-top: 1.25rem; }
.ltl-pig h3 { font-size: 1.25rem; color: var(--ltl-ink); }
.ltl-pig p { margin-top: .5rem; }
.ltl-note { font-size: .9375rem; color: var(--ltl-gray); margin-top: 1.5rem; max-width: 46em; }
.ltl-note a { color: var(--ltl-dark); }
.ltl-sec { padding-block: clamp(3.5rem, 7vw, 6rem); }
.ltl-sec--rule { border-top: 1px solid var(--ltl-line); }
.ltl-sec--home { padding-block: 0 clamp(3rem, 6vw, 5rem); }
/* #007D80 açık gri üstünde küçük metinde 4.5:1'i tutmaz: band içinde kicker koyu metin + petrol işaret */

.ltl-world .crumbs, .ltl-world .crumbs a { font-family: var(--ltl-sans); color: var(--ltl-gray); }
.ltl-world .info dt { color: var(--ltl-gray); font-family: var(--ltl-sans); letter-spacing: .08em; }
.ltl-world .info a { color: var(--ltl-dark); font-weight: 600; }
.ltl-world .info, .ltl-world .info > div { border-color: var(--ltl-line); }
.ltl-world .info dd { color: var(--ltl-text); }
/* Ana sayfa bandı: solda sayfa kenarına uzanan tek cihaz, sağda iki yol. Ürün sayfası kapağının kopyası değil. */
.ltl-home { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2rem); row-gap: 1.5rem; align-items: center; padding-top: clamp(1.5rem, 3vw, 2.5rem); }
.ltl-home__art { grid-column: 1 / span 7; margin-left: var(--bleed); min-width: 0; }
.ltl-home__copy { grid-column: 8 / -1; min-width: 0; }
.ltl-home .ltl-logo-row { justify-content: flex-start; padding-top: 0; margin-bottom: 1.5rem; }
.ltl-home__art figcaption { padding-left: calc(-1 * var(--bleed)); }
.ltl-home__pig { margin-top: .5rem; }
.ltl-routes { list-style: none; padding: 0; margin: 1.5rem 0 0; border-top: 1px solid var(--ltl-line); }
.ltl-routes li { border-bottom: 1px solid var(--ltl-line); }
.ltl-route { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .15rem 1rem; align-items: baseline; min-height: 44px; padding: 1rem 0; color: var(--ltl-ink); text-decoration: none; }
.ltl-route__name { font-family: var(--ltl-serif); font-size: 1.375rem; line-height: 1.25; }
.ltl-route__hint { grid-row: 2; font-size: 1rem; color: var(--ltl-gray); }
.ltl-route__go { grid-row: 1; grid-column: 2; color: var(--ltl-dark); font-size: 1.25rem; transition: transform .25s var(--ease); }
.ltl-route:hover .ltl-route__name { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.ltl-route:hover .ltl-route__go { transform: translateX(4px); }
/* Cihaz koleksiyonu: başlık ve üç parça tek bölümde; JS varsa tek parça seçilir, yoksa üçü de listelenir. */
/* Fotoğraf, parça seçimi ve seçili açıklama tek blok: seçim görüntüyü ekran dışında değiştirmez.
   Bloğun genişliği ekran yüksekliğine bağlı; görsel küçülür, kırpılmaz (1.487 = 1280/861). */
.ltl-hero--stage { align-items: start; }
.ltl-stage { width: min(100%, max(20rem, calc((100svh - 24rem) * 1.487))); justify-self: end; min-width: 0; }
.ltl-stage__head { margin-bottom: .75rem; }
.ltl-stage__head .ltl-kicker { margin-bottom: .25rem; }
.ltl-world .ltl-stage__title { font-size: clamp(1.375rem, 2vw, 1.75rem); line-height: 1.2; }
.ltl-stage .ltl-photo figcaption { padding-top: .4rem; font-size: .875rem; }
.ltl-stage .ltl-choose { margin: .75rem 0 0; }
.ltl-stage .ltl-parts { grid-template-columns: minmax(0, 1fr); margin-top: .75rem; }
.ltl-stage .ltl-parts li { padding: .75rem 0 0; }
.ltl-stage .ltl-parts li + li { margin-top: .75rem; border-left: 0; border-top: 1px solid var(--ltl-line); }
.ltl-sec--note { padding-block: clamp(1.75rem, 3.5vw, 2.5rem); }
.ltl-band .ltl-note { margin-top: 0; font-size: 1rem; color: var(--ltl-text); }
.ltl-choose { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .75rem; }
.ltl-choose[hidden] { display: none; }
.ltl-choose__btn { flex: 1 1 auto; min-width: 0; min-height: 44px; padding: .4rem 1rem; border: 1px solid var(--ltl-dark); border-radius: 0; background: #fff; color: var(--ltl-ink); font-family: var(--ltl-sans); font-size: 1rem; font-weight: 600; cursor: pointer; }
.ltl-choose__btn:hover { background: #E6F4F4; }
.ltl-choose__btn[aria-pressed="true"] { background: var(--ltl-dark); color: #fff; }
/* Üç açıklama aynı hücrede: en uzunu yeri belirler, seçim altındaki sayfayı oynatmaz. */
.is-ready .ltl-parts li { grid-area: 1 / 1; visibility: hidden; }
.is-ready .ltl-parts li.is-on { visibility: visible; }
.is-ready .ltl-stage .ltl-parts li + li { margin-top: 0; border-top: 0; }
.ltl-pig-fig { margin: 0; background: #fff; }
.ltl-pig-fig img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.ltl-pig-wrap { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.ltl-pig-wrap .ltl-pig { grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); }
.ltl-chart { margin-top: .75rem; }
.ltl-chart a { display: inline-flex; align-items: center; gap: .35rem; min-height: 44px; color: var(--ltl-dark); font-weight: 600; text-decoration-color: rgba(0,125,128,.4); }
@media (max-width: 899px) {
  .ltl-pig-wrap { grid-template-columns: 1fr; }
  .ltl-pig-wrap > .ltl-pig-fig { max-width: 26rem; }
  .ltl-home { grid-template-columns: minmax(0, 1fr); }
  .ltl-home__art, .ltl-home__copy { grid-column: 1; }
  .ltl-home__art { margin-left: 0; }
  .ltl-home__art figcaption { padding-left: 0; }
  .ltl-grid { grid-template-columns: minmax(0, 1fr); }
  .ltl-doors { grid-template-columns: 1fr; }
  .ltl-doors > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--ltl-line); }
  .ltl-parts, .ltl-pig { grid-template-columns: 1fr; }
  .ltl-parts li + li { border-left: 0; border-top: 1px solid var(--ltl-light); }
}

/* =========================================================
   FORM / DIALOG
   ========================================================= */
.dlg { width: min(36rem, calc(100vw - 1.5rem)); max-height: calc(100svh - 1.5rem); padding: 0; border: 0; border-radius: 2px; background: var(--paper-2); color: var(--ink); box-shadow: 0 40px 80px -30px rgba(15,23,38,.6); }
.dlg::backdrop { background: rgba(15,23,38,.72); }
.dlg__inner { padding: clamp(1.25rem, 4vw, 2rem); position: relative; }
.dlg__inner::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--metal); }
.dlg__head { display: flex; justify-content: space-between; align-items: start; gap: 1rem; }
.dlg__title { font-size: 1.625rem; letter-spacing: -.025em; line-height: 1.15; }
.dlg__close { flex: none; width: 44px; height: 44px; border: 1px solid var(--rule); background: none; border-radius: 2px; font-size: 1.5rem; line-height: 1; cursor: pointer; }
.proto-note { margin-top: 1rem; padding: .75rem 1rem; background: rgba(22,32,51,.06); border-left: 2px solid var(--navy); font-size: .875rem; }
.tform { margin-top: 1.25rem; display: grid; gap: 1.1rem; }
.tform[hidden], .summary[hidden] { display: none; }
.field { display: grid; gap: .35rem; }
.field label { font-weight: 700; font-size: .9375rem; }
.field .opt { font-weight: 400; color: var(--muted); }
.field input, .field select {
  width: 100%; min-height: 48px; padding: .65rem .85rem; border: 1px solid #8892A6; border-radius: 2px; background: #fff; font-size: 1rem;
}
.field input:focus-visible, .field select:focus-visible { outline: 3px solid var(--navy); outline-offset: 1px; }
.field [aria-invalid="true"] { border-color: var(--error); box-shadow: inset 0 0 0 1px var(--error); }
.field__hint { font-size: .8125rem; color: var(--muted); }
.tform .actions { margin-top: .5rem; }
.summary { margin-top: 1.25rem; }
.summary h3 { font-size: 1.375rem; letter-spacing: -.02em; }
.summary h3:focus { outline: none; }
.summary dl { margin-top: 1rem; border-top: 1px solid var(--rule); }
.summary dl > div { display: grid; grid-template-columns: 8rem 1fr; gap: 1rem; padding: .7rem 0; border-bottom: 1px solid var(--rule); font-size: var(--fs-small); }
.summary dt { color: var(--muted); }
.summary dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.summary .proto-note { margin-top: 1.25rem; }
.summary p + p { margin-top: .6rem; }
.summary .actions { margin-top: 1.25rem; }
html.dlg-open { overflow: hidden; }

/* =========================================================
   TAM SİTE · 08 sisteminin diğer sayfaları
   ========================================================= */
.svc__lead { margin-top: 1rem; }
.facts__wide { grid-column: 1 / -1; padding-left: 0 !important; border-left: 0 !important; border-top: 1px solid var(--rule); }
.ltl-lead { margin-top: 1rem; }
.ltl-actions { margin-top: 1.5rem; }
.ltl-hero { padding-bottom: clamp(3rem, 6vw, 5rem); }
.ltl-grid--top { margin-top: 0; align-items: start; }
.ltl-doors--flat { margin-top: 0; border-top: 0; }
.ltl-world .crumbs { padding-top: 1.25rem; }
.ltl-world .btn { text-transform: none; letter-spacing: .02em; font-size: 1rem; min-height: 44px; padding-inline: 1.25rem; }
main:not(:has([data-hero])) > section:not(.ltl-world) .split__head > .kicker::before { display: inline; position: static; width: auto; height: auto; background: none; counter-increment: ch; content: counter(ch, decimal-leading-zero) " / "; }
.talep__lead { margin-top: 1rem; }
.talep__actions { margin-top: 1.75rem; }
.talep__links { margin-top: 1rem; display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; }
.talep__direct address { font-style: normal; font-size: var(--fs-small); }
.dark .talep__direct a { color: var(--on-dark); }
.quick-wrap { margin-top: clamp(1.5rem, 3vw, 2.5rem); }
.quick--edu { margin-top: clamp(2.5rem, 5vw, 4rem); }
@media (min-width: 900px) { .quick--edu { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.quick--one { grid-template-columns: 1fr; align-self: end; }
.quick--one > div { padding-left: 0; }
.ucret__links { margin-top: 1rem; }

/* Katalog kapağı: ilk karar üç bölge görseli. Metin solda; mobilde görseller başlığın hemen altına gelir. */
.cat8-hero { padding-bottom: clamp(2.5rem, 5vw, 4rem); }
.cat8-hero h1 strong { font-weight: 500; }
.cat8-hero__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2rem); row-gap: 1.25rem; margin-top: clamp(.75rem, 2.5vw, 2rem); align-items: start; }
.cat8-hero__head { grid-column: 1 / span 5; grid-row: 1; min-width: 0; }
.cat8-hero__head .page-hero__sub { margin-top: 1rem; font-size: var(--fs-lead); line-height: 1.5; max-width: 34em; }
.cat8-hero__foot { grid-column: 1 / span 5; grid-row: 2; align-self: end; min-width: 0; }
.cat8-hero__foot .actions { margin-top: 0; }
.cat8-more { display: flex; flex-wrap: wrap; gap: 0 1.25rem; margin-top: .5rem; }
.cat8-more a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--fs-small); color: var(--muted); }
.doors { grid-column: 6 / -1; grid-row: 1 / span 2; min-width: 0; }
.doors ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(.5rem, 1.4vw, 1.25rem); margin: 0; padding: 0; list-style: none; }
.doors li:nth-child(2) { margin-top: clamp(1.5rem, 4vw, 3.5rem); }
.doors li:nth-child(3) { margin-top: clamp(.75rem, 2vw, 1.75rem); }
.door { display: block; text-decoration: none; color: inherit; }
.door picture { position: relative; display: block; overflow: hidden; border-radius: 2px; background: var(--navy); }
.door picture::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--metal); transform: scaleX(.22); transform-origin: left; transition: transform .35s var(--ease); }
.door:hover picture::after, .door:focus-visible picture::after { transform: scaleX(1); }
/* Görseller 3:2 yatay; kart da 3:2: fotoğrafın tamamı görünür (Ergül Hanım, 12 Kasım 2026: «yarım resimler»; 3:4 kartta yalnız ortası görünüyordu). */
.door__img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .6s var(--ease); }
.door:hover .door__img { transform: scale(1.03); }
.door__name { display: block; margin-top: .7rem; font-size: clamp(1.0625rem, 2vw, 1.75rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.1; }
.door__small { display: block; margin-top: .2rem; font-size: var(--fs-small); line-height: 1.3; color: var(--muted); }
@media (max-width: 899px) {
  .cat8-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .cat8-hero__head, .cat8-hero__foot, .doors { grid-column: 1; grid-row: auto; }
  .doors li:nth-child(2), .doors li:nth-child(3) { margin-top: 0; }
}
@media (max-width: 599px) { .door__small { display: none; } .door__name { margin-top: .45rem; } }
/* Üç bölge: görsel, kısa metin ve gerçek bağlantılar birlikte. Her biri farklı oran ve yerleşim. */
.cat8s { padding-block: clamp(1rem, 2vw, 2rem) clamp(3rem, 6vw, 5rem); }
.cat8 { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1rem, 2.4vw, 2rem); align-items: center; padding-block: clamp(2rem, 4.5vw, 4rem); scroll-margin-top: calc(var(--hdr) + 1rem); }
.cat8__art { margin: 0; min-width: 0; }
.cat8__art picture { display: block; }
.cat8__art img { display: block; width: 100%; height: auto; object-fit: cover; border-radius: 2px; border-bottom: 2px solid var(--gold); }
.cat8__text { min-width: 0; }
.cat8__title { font-size: clamp(1.75rem, 3vw, 2.75rem); font-weight: 400; letter-spacing: var(--track-head); line-height: 1.08; }
.cat8__title a { text-decoration: none; }
.cat8__title a:hover { text-decoration: underline; text-decoration-thickness: 1px; }
.cat8__body { margin-top: .75rem; max-width: 32em; color: var(--muted); }
.cat8__q { margin-top: .75rem; font-weight: 700; max-width: 32em; }
.cat8 .lnk { margin-top: .5rem; }
.cat8 .cat__list { margin-top: 1rem; border-top: 1px solid var(--rule); }
.cat8--1 .cat__list { grid-template-columns: minmax(0, 1fr); }
.cat8--1 .cat8__art { grid-column: 1 / span 7; }
.cat8--1 .cat8__art img { aspect-ratio: 3 / 2; object-position: 45% 55%; }
.cat8--1 .cat8__text { grid-column: 8 / -1; }
.cat8--2 .cat8__art { grid-column: 6 / -1; grid-row: 1; margin-right: var(--bleed); }
.cat8--2 .cat8__art img { aspect-ratio: 2 / 1; object-position: 50% 40%; border-radius: 2px 0 0 2px; }
.cat8--2 .cat8__text { grid-column: 1 / span 5; grid-row: 1; }
.cat8--3 .cat8__art { grid-column: 1 / span 5; }
.cat8--3 .cat8__art img { aspect-ratio: 1; object-position: 50% 38%; }
.cat8--3 .cat8__text { grid-column: 6 / -1; padding-left: clamp(0rem, 2vw, 2rem); }
@media (max-width: 899px) {
  .cat8 { grid-template-columns: minmax(0, 1fr); row-gap: 1rem; padding-block: 1.75rem; }
  .cat8--1 .cat8__art, .cat8--1 .cat8__text, .cat8--2 .cat8__art, .cat8--2 .cat8__text, .cat8--3 .cat8__art, .cat8--3 .cat8__text { grid-column: 1; grid-row: auto; }
  .cat8--2 .cat8__art { margin-right: 0; }
  .cat8--2 .cat8__art img { border-radius: 2px; }
  .cat8__art img, .cat8--1 .cat8__art img, .cat8--2 .cat8__art img, .cat8--3 .cat8__art img { aspect-ratio: 16 / 10; }
  .cat8--3 .cat8__text { padding-left: 0; }
}
.cat8-how { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1.5rem clamp(1.5rem, 4vw, 3.5rem); }
.cat8-how h3 { font-size: 1.25rem; letter-spacing: -.015em; line-height: 1.2; }
.cat8-how p { margin-top: .5rem; font-size: var(--fs-small); color: var(--muted); }
.cat { display: grid; gap: 0; border-top: 1px solid var(--rule); margin-top: 2rem; }
.cat__group { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 1rem clamp(2rem, 5vw, 5rem); padding: clamp(2rem, 4vw, 3rem) 0; border-bottom: 1px solid var(--rule); scroll-margin-top: calc(var(--hdr) + 1rem); }
.cat__head p { margin-top: .5rem; font-size: var(--fs-small); max-width: 30em; }
.cat__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(1rem, 3vw, 2.5rem); }
.cat__list a { display: grid; gap: .2rem; padding: 1rem 0; min-height: 44px; border-bottom: 1px solid var(--rule); text-decoration: none; }
.cat__list b { font-size: 1.125rem; letter-spacing: -.01em; }
.cat__list span { font-size: var(--fs-small); color: var(--muted); }
.cat__list a:hover b { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
@media (max-width: 899px) { .cat__group { grid-template-columns: 1fr; } }
@media (max-width: 599px) { .cat__list { grid-template-columns: 1fr; } }

/* Marbella hizmet kartları */
.mcards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 0; border-top: 1px solid var(--rule); margin-top: 2rem; }
.mcard { padding: 1.5rem 1.25rem 1.75rem 0; border-bottom: 1px solid var(--rule); display: grid; gap: .6rem; align-content: start; }
.mcard__q { font-size: var(--fs-small); color: var(--muted); }
.mcard .h3 a { text-decoration: none; }
.mcard .h3 a:hover { text-decoration: underline; }
.mcard p:not(.mcard__q) { font-size: var(--fs-small); }

/* Sakin hizmet kapağı (bakım, cilt, vücut): uygulamanın kendi etüdü */
.svc-hero--calm { background: var(--paper-2); padding-bottom: clamp(2.5rem, 5vw, 4rem); }
.calm-hero { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; margin-top: clamp(.5rem, 2vw, 1.75rem); }
.calm-hero__art { margin: 0; position: relative; background: var(--paper); }
.calm-hero__art img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 2px; }
.calm-hero__art::before { content: ""; position: absolute; left: -14px; top: 14%; bottom: 14%; width: 2px; background: linear-gradient(180deg, rgba(156,124,76,0), var(--gold) 18%, var(--gold-hi) 52%, var(--gold) 80%, rgba(156,124,76,0)); }
@media (max-width: 899px) {
  .calm-hero { grid-template-columns: 1fr; }
  .calm-hero__art { max-width: 20rem; }
  .calm-hero__art::before { display: none; }
}
.svc-hero--calm .svc-hero__a { color: var(--muted); }
.study-fig { margin: 1.75rem 0 0; max-width: 24rem; }
.study-fig img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 2px; background: var(--paper-2); border-bottom: 2px solid var(--gold); }
.steps { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); }
.steps h3 { font-size: 1.25rem; }

/* Ücret tablosu: hizmet başına tbody, tarih sütunu */

.tariff:first-child { margin-top: 0; }
/* Hizmet grubunun son satırı: önce tutar ve ayrıntı okunur, sonra başvurulur. */
.fee-action { margin-top: 1.25rem; }
/* Fiyat tarihi: masaüstünde kendi sütunu; mobilde tutarın yanında küçük, etiketsiz. */

.fee-when { margin-top: 1rem; font-size: var(--fs-lead); max-width: 30em; }
.fee-when b { font-weight: 700; }
/* Mobil: her hizmet tek blok, tek dış ayırıcı. Satır ve hücrelerin kendi çizgisi yok; tutar ve tarih aynı satırda. */
@media (max-width: 599px) {
  
  
  /* A block table keeps an anonymous table box for its caption; without this the caption shrinks to one word per line. */
  
  
  
  
  
  
  
  .page-hero--fees { padding-bottom: .5rem; }
  .page-hero--fees .jump { margin-top: .75rem; }
  .fees-tables.sec--tight { padding-top: .5rem; }
  
  
  
}
/* Tek ücret: tablo çizgisi yok, tutar bir ifade gibi okunur. Uygulama, süre/kontrol, uygulayan ve tarih aynı hücrelerde kalır. */

/* Gerçek film kesiti */

/* Ekipten sorulacak güncel bilgi */
.asklist { margin-top: 1.5rem; max-width: 46em; }
.asklist h3 { font-size: 1.125rem; }
.asklist ul { list-style: none; padding: 0; margin: .75rem 0 0; border-top: 1px solid var(--rule); }
.asklist li { padding: .75rem 0 .75rem 1.75rem; border-bottom: 1px solid var(--rule); position: relative; font-size: var(--fs-small); }
.asklist li::before { content: "?"; position: absolute; left: 0; top: .7rem; font-weight: 700; color: var(--navy); }

/* Stil rehberi yayılımları */
.spreads { display: grid; gap: clamp(3rem, 7vw, 6rem); }
.spread { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: center; }
.spread--flip .spread__art { order: 2; }
.spread__art { margin: 0; }
.spread__art img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 2px; border-bottom: 2px solid var(--gold); }
.spread__text .lead { margin-top: 1rem; }
.spread__text .lnk { margin-top: .75rem; }
@media (max-width: 899px) { .spread { grid-template-columns: 1fr; } .spread--flip .spread__art { order: 0; } }

/* Çalışmalar sayfası: kısa giriş, hemen gerçek fotoğraf; ayrı bölüm olarak stil rehberi */
.page-hero--gal { padding-bottom: clamp(.75rem, 1.6vw, 1.25rem); }
.page-hero--gal .crumbs + .page-hero__grid { margin-top: clamp(.25rem, 1vw, .75rem); }
.page-hero--gal .page-hero__title { font-size: clamp(2rem, 3.6vw, 3.25rem); }
.page-hero--gal .page-hero__sub { margin-top: .5rem; font-size: 1rem; line-height: 1.45; letter-spacing: 0; color: var(--muted); max-width: 46em; }
.archive8 { padding-bottom: clamp(3rem, 6vw, 5rem); }
.archive8__title { font-size: clamp(1.75rem, 3vw, 2.75rem); font-weight: 400; letter-spacing: var(--track-head); line-height: 1.1; }
.archive8__title strong { font-weight: 700; }
.archive8__pairs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 4vw, 3.5rem) clamp(1.25rem, 2.6vw, 2.25rem); margin-top: clamp(1rem, 2vw, 1.5rem); }
.archive8__pairs .pair { margin: 0; }
.archive8__links { margin-top: 2rem; }
/* İlk çift: başlık, kapsam notu ve bağlantı fotoğrafların dikey ortasında; yanında boş blok kalmaz. */
@media (min-width: 900px) {
  .pair--lead { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); column-gap: clamp(1.5rem, 3vw, 3rem); align-items: center; }
  .pair--lead figcaption { margin: 0; display: block; }
  .pair--lead .pair__title { font-size: clamp(1.5rem, 2.4vw, 2.125rem); font-weight: 400; letter-spacing: -.02em; line-height: 1.15; }
  .pair--lead .pair__note { margin-top: .75rem; }
  .pair--lead .pair__case { margin-top: .5rem; }
}
/* Stüdyo deneyimleri: kaynaklı iki alıntı, gerçek çalışmalarla stil rehberi arasında lacivert ara. */

.exp8__src { margin-top: clamp(1.5rem, 3vw, 2.5rem); font-size: .875rem; color: var(--on-dark-2); }
.exp8__src a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--on-dark); }
.exp8__score { margin-top: clamp(1rem, 2vw, 1.5rem); font-size: var(--fs-lead); color: var(--on-dark); }
.exp8__score b { font-size: clamp(3rem, 6vw, 4.5rem); font-weight: 400; letter-spacing: -.04em; color: var(--gold-hi); }
.guide8 { background: var(--paper-2); padding-top: clamp(3rem, 6vw, 5rem); }
.guide8__head { max-width: 52rem; margin-bottom: clamp(2rem, 4vw, 3rem); }
.guide8__head .lead { margin-top: .75rem; }
.guide8__actions { margin-top: 2.5rem; }
@media (max-width: 699px) { .archive8__pairs{ grid-template-columns: minmax(0, 1fr); } }

/* Galeri görüntüleyicisi: tek modal, karanlık sahne, aynı önce/sonra çifti kendi oranında */
html.lb-open { overflow: hidden; }
.lb { position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; gap: clamp(.5rem, 1.5vh, 1rem); padding: clamp(.75rem, 2vw, 1.5rem); overflow-y: auto; overscroll-behavior: contain;
  background: rgba(15,23,38,.97); color: var(--on-dark); }
.lb :focus-visible { outline-color: var(--gold-hi); }
.lb__bar { display: flex; align-items: center; gap: 1rem; }
.lb__count { flex: none; font-size: var(--fs-small); color: var(--on-dark-2); font-variant-numeric: tabular-nums; }
.lb__title { flex: 1 1 auto; font-size: clamp(1.25rem, 2.4vw, 1.75rem); font-weight: 400; letter-spacing: -.02em; line-height: 1.15; }
.lb__close { flex: none; width: 48px; height: 48px; border: 1px solid rgba(244,241,235,.45); border-radius: 2px; background: none; color: inherit; font-size: 1.75rem; line-height: 1; cursor: pointer; }
.lb__close:hover { background: rgba(244,241,235,.1); }
.lb__frames { flex: 1 1 auto; align-self: center; width: 100%; max-width: max(22rem, calc((100svh - 11rem) * 1.5 + 1rem)); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-content: start; }
.lb__frame { margin: 0; position: relative; }
.lb__frame img { width: 100%; height: auto; border-radius: 2px; }
.lb__tag { position: absolute; left: .5rem; top: .5rem; padding: .3rem .55rem; border-radius: 2px; background: rgba(244,241,235,.95); color: var(--navy); font-size: .75rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.lb__frame + .lb__frame .lb__tag { background: var(--navy); color: var(--paper); }
.lb__foot { flex: none; display: flex; align-items: center; justify-content: space-between; gap: .75rem; flex-wrap: wrap; }
.lb__case { flex: 1 1 auto; display: flex; justify-content: center; }
.lb .btn--line { --b: rgba(244,241,235,.55); color: var(--on-dark); }
.lb__nav[aria-disabled="true"] { opacity: .4; cursor: not-allowed; }
.lb .lnk { text-decoration-color: rgba(244,241,235,.4); }
.lb__frames--single .result8--eye { justify-self:center; width: auto; }
.lb__context .pair__context { color:inherit; margin:0; }
.lb__context .pair__decision { color:var(--on-dark); }
@media (max-width: 699px) {
  /* İki kare tek ekranda: aynı kaş/göz bölgesinin detay kadrajı. Tam dosya sayfadaki bağlantıda kalır. */
  .lb__frames { grid-template-columns: minmax(0, 1fr); max-width: 30rem; gap: .5rem; flex: none; }
  .lb__frame img { height: min(31svh, 68vw); object-fit: cover; object-position: 50% var(--lb-y, 50%); }
  .lb__foot { position: sticky; bottom: 0; padding-block: .5rem; background: rgba(15,23,38,.97); }
  .lb__case { order: 3; flex-basis: 100%; }
}

/* Gerçek stüdyo karesi (Ergül Keskin sayfası): sol ağırlıklı kadraj, çalışma alanı önde */
.studio-frame { padding-top: 0; }
.studio-frame__fig { margin: 0; position: relative; }
.studio-frame__fig img { display: block; width: 100%; height: auto; aspect-ratio: 21 / 9; object-fit: cover; object-position: 30% 62%; border-radius: 2px; }
.studio-frame__fig::after { content: ""; position: absolute; left: 0; right: 35%; top: -10px; height: 2px; background: var(--metal-line); }
.studio-frame__fig figcaption { margin-top: .75rem; font-size: var(--fs-small); color: var(--muted); }
@media (max-width: 899px) { .studio-frame__fig img { aspect-ratio: 5 / 3; object-position: 24% 62%; } .studio-frame__fig::after { display: none; } }

/* Yeni etüt sahneleri: hizmete özgü kadraj */
.study-fig picture { display: block; }
.dud-band--draw img { object-position: 50% 30%; }
@media (max-width: 899px) { .dud-band--draw img { object-position: 46% 40%; } }

/* Sayfa kapakları (genel) */
.page-hero__grid--wide { grid-template-columns: minmax(0, 1fr); }
.page-hero__grid--wide > div { max-width: 52rem; }
.page-hero .crumbs + .page-hero__grid, .page-hero .crumbs + .bio-desk { margin-top: clamp(1rem, 3vw, 2.5rem); }
.course__num { font-size: 1.2em; margin-right: .1em; letter-spacing: -.05em; color: var(--navy); }
.known--one { grid-template-columns: 1fr; margin-top: 1.5rem; }
.bio-exp { margin-top: 1.25rem; font-size: var(--fs-small); max-width: 36em; }
.bio-exp a { display: inline-flex; min-height: 44px; align-items: center; }
.bio-desk__side .actions { margin-top: 2rem; }

/* İletişim girişi: başlık ve ana eylem solda, doğru şubenin adres/arama/WhatsApp/yol tarifi aynı ilk ekranda sağda. */
.page-hero--contact { padding-bottom: clamp(2rem, 4vw, 3rem); }
.contact-hero { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; margin-top: clamp(1rem, 3vw, 2.5rem); }
.contact-hero .page-hero__sub { margin-top: 1rem; font-size: var(--fs-lead); line-height: 1.5; }
.contact-hero .actions { margin-top: 1.25rem; }
@media (max-width: 899px) { .contact-hero { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; } }

/* Şube kartı ve harita */
.studio-card .addr { margin-top: .75rem; }
.studio-card .info { margin-top: 1.25rem; }
.map-fig { margin: 1.5rem 0 0; }
.map-fig img { width: 100%; height: auto; border: 1px solid var(--rule); background: var(--paper-2); }
.map-fig figcaption { margin-top: .5rem; font-size: .8125rem; color: var(--muted); }
.map-fig figcaption a { display: inline-flex; min-height: 44px; align-items: center; }
.mb-art { margin: 0; position: relative; }
.mb-art > img:first-child { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 2px; }
.mb-art__sign { position: absolute; left: 1rem; bottom: 1rem; width: min(60%, 18rem); height: auto; background: rgba(244,241,235,.94); padding: .5rem .75rem; }

/* Talep formu: gerçek POST; bilgiler ve alanlar 08 düzeninde */
.bk .crumbs { padding-top: 0; }
.bk.sec { padding-top: clamp(1rem, 2.5vw, 2rem); }
.bk__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; margin-top: clamp(.75rem, 2vw, 1.5rem); }
.bk__intro { position: sticky; top: calc(var(--hdr) + 1.5rem); }
/* Kısa niyet başlığı (Ürün bilgisi, Eğitim bilgisi, Ücretsiz ön görüşme): kompakt ölçek */
.bk__title { font-size: clamp(2.125rem, 3.6vw, 3.5rem); line-height: 1.05; letter-spacing: var(--track-display); }
.bk__deck { margin-top: 1rem; }
.bk__k { font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.bk__topic, .bk__studio { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--rule); }
.bk__topic-v { margin-top: .35rem; font-size: 1.25rem; font-weight: 700; letter-spacing: -.01em; overflow-wrap: anywhere; }
.bk__studio-v { margin-top: .35rem; }
.bk__studio-v span { color: var(--muted); font-size: var(--fs-small); }
.bk-direct { margin-top: .75rem; }
.bk-direct summary, .bk-change summary, .bk-pref summary { min-height: 44px; display: flex; align-items: center; gap: .4rem; cursor: pointer; font-weight: 700; font-size: var(--fs-small); text-decoration: underline; text-decoration-color: rgba(22,32,51,.35); text-underline-offset: .22em; }
.bk-links { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; align-items: center; margin-top: .5rem; }
.bk-links small { flex-basis: 100%; color: var(--muted); font-size: .8125rem; }
.bk__card { background: var(--paper-2); border: 1px solid var(--rule); padding: clamp(1.25rem, 3vw, 2.25rem); border-radius: 2px; position: relative; }
.bk__card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--metal); }
.bk-set { border: 0; margin: 0; padding: 0; display: grid; gap: 1.1rem; min-width: 0; }
.bk-set + .bk-set { margin-top: 1.75rem; padding-top: 1.5rem; border-top: 1px solid var(--rule); }
.bk-set .bk__topic { margin: 0; padding: 0; border: 0; }
.bk-set .bk__topic-v { margin: 0; font-size: 1.125rem; }
/* float: legend fieldset çizgisinin içine oturmaz; 02 başlığındaki çizgi ve fazla boşluk kalkar. */
.bk-legend { float: left; width: 100%; padding: 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -.015em; margin-bottom: .25rem; }
.bk-num { font-size: .75rem; letter-spacing: .14em; color: var(--muted); margin-right: .35rem; vertical-align: .2em; }
/* Önceden seçili konu adımın içinde; atolye08.js özetteki metni buraya yansıtır. */
.bk-change { border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); padding: .25rem 0 .5rem; }
.bk-change[open] { display: grid; gap: 1rem; padding-bottom: 1rem; }
.bk-pref { border: 1px solid var(--rule); padding: .25rem 1rem .75rem; border-radius: 2px; background: var(--paper); }
.bk-pref .opt { font-weight: 400; color: var(--muted); }
.bk-pref__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-top: .5rem; }
@media (max-width: 599px) { .bk-pref__grid { grid-template-columns: 1fr; } }
.iq-note { font-size: var(--fs-small); color: var(--muted); }
.iq-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.iq-check { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: .75rem; align-items: start; font-size: var(--fs-small); }
.iq-check input { width: 24px; height: 24px; margin: 0; accent-color: var(--navy); }
.iq-check a { font-weight: 700; }
.iq-error { margin-top: 1rem; padding: .75rem 1rem; border-left: 3px solid var(--error); background: rgba(163,39,27,.06); color: #7A1D14; font-weight: 700; font-size: var(--fs-small); }
.bk__card .actions { margin-top: 1.5rem; }
.iq-submit { width: 100%; min-height: 52px; }
.iq-submit[disabled] { opacity: .65; cursor: not-allowed; }
.iq-reset { margin-top: 1rem; }
.bk-fallback { margin-top: 1rem; }
.iq-confirm { outline: none; }
.iq-confirm:focus-visible { outline: 3px solid var(--navy); outline-offset: 4px; }
.bk-receipt-tag { font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.iq-confirm .h3 { margin-top: .5rem; }
.iq-confirm p + p, .iq-confirm .bk-next { margin-top: .75rem; }
.iq-ref { font-size: var(--fs-small); color: var(--muted); }
.iq-ref output { font-weight: 700; color: var(--ink); overflow-wrap: anywhere; }
@media (max-width: 899px) {
  .bk__grid { grid-template-columns: 1fr; display: flex; flex-direction: column; gap: .8rem; }
  .bk__intro { position: static; display: contents; }
.bk__intro > .kicker { display: none; }
  /* IAB-02: 390'da ilk ad alanı docY1039 idi. Bütün metin/konu/şube/iletişim yolu kalır; yalnız aralıklar
     ve tekrar eden 01 başlığının görsel sunumu sıkılaşır. Hedef ≈≤850 (CSS hesabı, ölçülmedi). */
  .bk__topic, .bk__studio { margin-top: .75rem; padding-top: .6rem; }
  .bk__topic-v { margin-top: .15rem; font-size: 1.0625rem; line-height: 1.3; }
  .bk__studio-v { margin-top: .15rem; }
  .bk-direct { margin-top: .15rem; }
  .bk__card { padding: 1rem; order: 2; width: 100%; }
  /* 01 başlığı konu kutusunu tekrar eder: görsel olarak gizli, erişilebilir adı korunur (display:none değil). */
  .tform > .bk-set:first-of-type > .bk-legend {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; float: none;
  }
  /* Kapalı "Konuyu değiştir" tek satır; ayırıcı çizgiyi 02 fieldset'i verir (çift çizgi kalkar). */
  .bk-change { border: 0; padding: 0; }
  .bk-change[open] { padding-bottom: .75rem; }
  .bk-set { gap: .85rem; }
  .bk-legend { font-size: 1.125rem; margin-bottom: 0; }
  .bk-set .proto-note { margin-top: 0; padding: .6rem .85rem; }
.bk-set + .bk-set { margin-top: .5rem; padding-top: .75rem; }
  .bk__card .actions { margin-top: 1.25rem; }
.bk__title { order: 0; }
.bk__deck { order: 1; margin: 0; font-size: 1rem; }
.bk__studio { order: 3; width: 100%; margin-top: .5rem; }
.bk__studio .bk__k { display: none; }
}

/* Hukuk ve arşiv metinleri: mevcut gövde, 08 okuma düzeni */
.prose { max-width: 40rem; margin-top: clamp(1rem, 3vw, 2rem); }
.prose h1 { font-size: clamp(2.25rem, 5vw, 4rem); line-height: 1.04; letter-spacing: var(--track-display); font-weight: 400; }
.prose h2 { font-size: var(--fs-h3); line-height: 1.2; letter-spacing: -.02em; margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid var(--rule); }
.prose p, .prose ul{ margin-top: 1rem; }
.prose ul{ padding-left: 1.25rem; }
.prose li + li { margin-top: .5rem; }
.prose a { font-weight: 700; }
.prose nav { margin-top: 2.5rem; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; border-top: 2px solid var(--navy); padding-top: 1rem; }
.prose nav a { display: inline-flex; min-height: 44px; align-items: center; }
.prose code { font-size: .9em; background: rgba(22,32,51,.06); padding: .1em .3em; overflow-wrap: anywhere; }
.prose .iq-policy-kicker, .prose .sv-kicker { font-size: var(--fs-kicker); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.prose .iq-policy-lead, .prose .sv-lead { font-size: var(--fs-lead); margin-top: 1rem; }
.prose small { display: block; margin-top: .75rem; color: var(--muted); }
.prose .sv-button { display: inline-flex; align-items: center; min-height: 48px; margin-top: 1.5rem; padding: .75rem 1.35rem; color: var(--paper); background: var(--navy); text-decoration: none; border-bottom: 2px solid var(--gold); }
.prose section { scroll-margin-top: calc(var(--hdr) + 1rem); }

/* Long EN/ES words never overflow narrow screens; nothing is cut. */
/* Başlıklar hecelenmez, satır kelime arasında kırılır; overflow-wrap yalnız son güvence. */
.hero__title, .page-hero__title, .svc-hero__title, .sig__name, .h1, .h2, .bk__title, .desk__title, .prose h1 { overflow-wrap: break-word; hyphens: manual; }
.hero__stage { position: relative; display: flex; align-items: center; min-height: clamp(620px, calc(100svh - var(--hdr) - 6rem), 980px); overflow: hidden; }
.hero__title .hl { display: block; color: var(--on-dark); transform: translate3d(calc(var(--p, 0) * -16vw), 0, 0); }
.hero__title strong.hl { color: var(--beige); transform: translate3d(calc(var(--p, 0) * 16vw), 0, 0); }
.hero__title::after { display: none; }
.hero__stage::after { display: none; }
.hero__stage > .wrap { position: relative; z-index: 3; width: 100%; }
.hero__line path { fill: none; stroke: var(--line-gold); stroke-width: 1.2; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 0; }
.hero__actions { margin-top: 2rem; }
.hero__track { position: relative; }
.hero__copy > * { opacity: calc(1 - var(--p, 0) * 3); }
.hero__copy > .hero__title { opacity: calc(1 - max(0, var(--p, 0) - .45) * 2.6); }
.bk__topic-v, .info dd, .ftr address, .addr { overflow-wrap: anywhere; }
@media (max-width: 420px) {
  :root { --fs-page: clamp(2rem, 9.6vw, 2.75rem); --fs-svc: clamp(2.25rem, 10.4vw, 3rem); --fs-svc-long: clamp(2rem, 9.6vw, 2.75rem); }
  .bk__title { font-size: clamp(2rem, 9.6vw, 2.75rem); }
}
/* ES: "Micropigmentación" ≈8.8em tam kelime olarak sütuna sığar. Masaüstünde en dar kolon kaş kapağı (32vw); 900'de 288 px. */
@media (min-width: 900px) {
  .svc-hero__title--long:lang(es) { font-size: clamp(2rem, 3.2vw, 3.25rem); }
}
@media (max-width: 420px) {
  html:lang(es) { --fs-page: clamp(1.875rem, 9vw, 2.625rem); --fs-svc-long: clamp(1.875rem, 9vw, 2.625rem); }
  /* ES kaş kapağı: başlık, soru ve CTA kısa ekrana sığsın diye kadraj biraz basık. */
  .kas-stage__scene:lang(es) { aspect-ratio: 16 / 10; }
}

/* Kaynaklı yardımcı (03D): 08 ağırlıkları (400/700; 600 sentetik kalın üretmez). */
body .ekh-open{ font-weight: 700; }

/* ---------- Önce çizilir: yüz + altın ön çizim ----------
   Resim ve SVG aynı 3:2 kutuyu paylaşır (.draw__plate); kadrajlanan bu kutudur, ikisi birlikte hareket eder.
   JS yoksa üç değişiklik birlikte görünür. Azaltılmış harekette seçim geçişsiz çalışır. */

@media (max-width: 899px) {
  /* Kare kadraj: 3:2 plaka sağa yaslı; iki göz, sağ kaş ve çizgi birlikte görünür, çizgi resimden kaymaz. */
}

/* ---------- Akademi: kâğıt ve silikon karşılaştırması ----------
   JS yok: iki görsel yan yana. .is-js: aynı sahnede kâğıt görünür. .is-ready: iki görsel de yüklendi,
   maske ve kontrol açılır. Çizgi native range'in tutamağıyla aynı hizada: range kareden 14 px (yarım tutamak) taşar. */
.cmp { margin: 0; }
.cmp__frame { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.cmp__layer { min-width: 0; }
.cmp__layer picture { display: block; }
.cmp__layer img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 2px; }
.cmp__handle { display: none; }
.cmp.is-js .cmp__frame { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: 2px; background: var(--navy); }
.cmp.is-js .cmp__layer { position: absolute; inset: 0; }
.cmp.is-js .cmp__layer picture, .cmp.is-js .cmp__layer img { height: 100%; }
.cmp.is-js:not(.is-ready) [data-cmp-layer="silicone"] { visibility: hidden; }
.cmp.is-ready [data-cmp-layer="silicone"] { clip-path: inset(0 calc(100% - var(--cmp, 50%)) 0 0); }
.cmp.is-ready .cmp__handle { display: block; position: absolute; top: 0; bottom: 0; left: var(--cmp, 50%); z-index: 3; width: 2px; margin-left: -1px; background: var(--metal); pointer-events: none; }
.cmp.is-ready .cmp__frame { cursor: ew-resize; touch-action: pan-y; user-select: none; -webkit-user-select: none; }
.cmp.is-ready .cmp__frame img { pointer-events: none; }
.cmp__ctl { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 0 .75rem; margin-top: .25rem; }
.cmp__range { grid-column: 1 / -1; width: calc(100% + 28px); height: 44px; margin: 0 -14px; padding: 0; background: none; cursor: pointer; -webkit-appearance: none; appearance: none; }
.cmp__range:disabled { cursor: default; }
.cmp__range::-webkit-slider-runnable-track { height: 2px; background: var(--navy); }
.cmp__range::-moz-range-track { height: 2px; background: var(--navy); }
.cmp__range::-webkit-slider-thumb { -webkit-appearance: none; width: 28px; height: 28px; margin-top: -13px; border: 2px solid var(--navy); border-radius: 50%; background: var(--metal); box-shadow: 0 6px 14px -8px rgba(15,23,38,.7); }
.cmp__range::-moz-range-thumb { box-sizing: border-box; width: 28px; height: 28px; border: 2px solid var(--navy); border-radius: 50%; background: var(--metal); box-shadow: 0 6px 14px -8px rgba(15,23,38,.7); }
.cmp__range:disabled::-webkit-slider-thumb { background: var(--paper); }
.cmp__range:disabled::-moz-range-thumb { background: var(--paper); }
.cmp__end { font-size: var(--fs-small); font-weight: 700; }
.cmp__end--to { text-align: right; }
.cmp__out { font-size: .8125rem; color: var(--muted); font-variant-numeric: tabular-nums; text-align: center; }
.cmp__notes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem clamp(1rem, 2.4vw, 2rem); margin-top: .75rem; font-size: var(--fs-small); color: var(--muted); }
.cmp__notes b { display: block; color: var(--ink); font-size: 1.0625rem; }
.cmp--proof .cmp__frame { aspect-ratio: 3 / 4; max-height: 74vh; background: var(--navy); }
.cmp--proof { margin-top: 1.5rem; }
.cmp--proof .cmp__ctl { margin-top: .75rem; }
.cmp--proof img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 519px) { .cmp__frame, .cmp__notes { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Eğitim ve hizmet anlatımı ---------- */
.acad8__art img { display: block; width: 100%; height: auto; border-bottom: 2px solid var(--gold); }
.enrol-notes { list-style: none; padding: 0; margin: 1.5rem 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0 3rem; }
.enrol-notes li { padding: .85rem 0; border-bottom: 1px solid var(--rule); }

/* Each service has a visual explanation, followed by a quieter reading surface. */
.explain8 { padding: clamp(3rem, 7vw, 6.5rem) 0 clamp(2.5rem, 4vw, 4rem); }
.explain8__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 1.75rem 5%; align-items: center; }
.explain8 .h2 { grid-column: 1 / -1; max-width: 17em; margin-bottom: .5rem; }
.explain8__art { margin: 0; }
.explain8__art picture, .explain8__art img { display: block; width: 100%; height: auto; }
.explain8__notes { display: grid; gap: 2rem; }
.explain8__point { border-top: 1px solid var(--rule); padding-top: 1rem; }
.explain8__point h3 { font-size: clamp(1.2rem, 2.2vw, 1.8rem); font-weight: 500; letter-spacing: -.035em; }
.explain8__point p { margin-top: .6rem; max-width: 30em; font-size: 1rem; line-height: 1.6; }
.explain8--dudak { background: var(--navy-deep); color: var(--paper); --rule: rgba(244,241,235,.22); }
.explain8--dudak .h2 { max-width: 19em; }
.explain8--goz .explain8__grid { grid-template-columns: minmax(0,4fr) minmax(0,7fr); }
.explain8--goz .explain8__art { grid-column: 2; grid-row: 2; }
.explain8--goz .explain8__notes { grid-column: 1; grid-row: 2; }
.service-answer { padding-block: clamp(2.5rem,5vw,4.5rem); }
.service-answer .chapter { grid-template-columns: 1fr; padding-block: 1.35rem; gap: 0; }
.service-answer .chapter__k { display: none; }
.service-answer .chapter h3 { font-size: clamp(1.25rem,2vw,1.625rem); }
.service-answer .chapter p { margin-top: .5rem; font-size: 1rem; line-height: 1.65; }
.service-answer .h2 { font-size: clamp(2rem,3.5vw,3.25rem); }

/* Programme selection, instructor, method and comparison have distinct jobs. */
.path8__choice { margin-top: .7rem; font-size: 1.0625rem; max-width: 32em; color: var(--muted); }
.path8--2 { margin-top: 2rem; }
.teach8-founder { padding-block: clamp(2.5rem,5vw,4.5rem); }
.teach8-founder .proof { grid-template-columns: minmax(0,3fr) minmax(0,7fr); gap: clamp(2rem,6vw,6rem); align-items: center; }
.teach8-founder .photo { max-width: 19rem; }
.teach8-founder .photo img { aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 24%; }
.teach8-founder .h2 { font-size: clamp(2rem,4vw,3.5rem); }
.teach8-founder .lead { max-width: 40em; font-size: 1.125rem; }
.teach8-founder .ticks { margin-top: 1rem; }

@media (max-width: 899px) {
  .explain8__grid, .explain8--goz .explain8__grid { grid-template-columns: minmax(0,1fr); gap: 1.4rem; }
  .explain8--goz .explain8__art, .explain8--goz .explain8__notes { grid-column: 1; grid-row: auto; }
  .explain8__notes { grid-template-columns: 1fr 1fr; gap: 1.25rem; }
  .explain8__point h3 { font-size: 1.25rem; }
  .explain8__point p { font-size: .9375rem; }
  
  .teach8-founder .proof { grid-template-columns: 5.5rem minmax(0,1fr); gap: 1rem; align-items: start; }
  .teach8-founder .photo { margin: 0; }
  .teach8-founder figcaption { display: none; }
  .teach8-founder .h2 { font-size: 1.7rem; }
  .teach8-founder .lead { font-size: 1rem; }
  .teach8-founder .kicker { font-size: .7rem; }
  .teach8-founder .ticks, .teach8-founder .actions { margin-left: -6.5rem; }
  .teach8-founder .ticks { margin-top: 1.5rem; }
  .path8--2 { margin-top: 2rem; }
}
@media (max-width: 359px) {
  .explain8__notes { gap: .9rem; }
  .explain8__point h3 { font-size: 1.1rem; }
  .explain8__point p { font-size: .875rem; }
}
@media (max-width: 599px) { .enrol-notes { grid-template-columns: 1fr; } }

/* ---------- Hareket tercihi ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
  /* Sahne ve soru değişimi geçişsiz: decode sonrası doğrudan yer değiştirir */
  .scene__pic.is-on{ transition: none !important; }
}

/* ---------- Çok dar ekran ---------- */
@media (max-width: 359px) {
  :root { --pad: 1rem; }
  .ltl-world .h1 { font-size: clamp(1.75rem, 9.3vw, 2.25rem); }
}

/* The selected request has one next step, not a second catalogue. */
.enquiry-context { padding-block: clamp(2rem,4vw,3.5rem); }
.enquiry-context article { max-width: 46rem; margin-bottom: 1.5rem; }
.enquiry-context article[hidden] { display: none; }
.enquiry-context p { margin-top: .75rem; max-width: 60ch; }

/* A single teaching canvas: the same brow is marked, refined and transferred. */
.lesson8 { background: #E9E1D2; }
.lesson8__heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.lesson8__heading .h2 { max-width: 12em; }
.lesson8__heading > p { max-width: 20em; font-size: 1.125rem; padding-bottom: .3rem; }
.lesson8__layout { display: grid; grid-template-columns: minmax(11rem,2fr) minmax(0,8fr); gap: clamp(1.5rem,4vw,4rem); align-items: start; }
.lesson8__rail[hidden] { display:none; }
.lesson8:not(.is-ready) .lesson8__layout { display: block; }
.lesson8__steps { display: grid; gap: .4rem; }
.lesson8__steps button { display:flex; align-items:center; gap: .9rem; text-align:left; min-height:64px; padding:1rem .85rem; color:var(--navy); background:transparent; border:0; border-bottom:1px solid var(--rule); cursor:pointer; font:inherit; font-size:1.125rem; }
.lesson8__steps button > span { font-size:.75rem; }
.lesson8__steps button[aria-pressed="true"] { background:var(--navy); color:var(--paper); border-color:var(--gold); box-shadow:inset 3px 0 var(--gold); }
.lesson8__play { display:inline-flex; align-items:center; gap:.7rem; margin-top:1.4rem; padding:.65rem 0; color:var(--navy); background:transparent; border:0; border-bottom:1px solid var(--gold-deep); text-decoration:none; font:inherit; cursor:pointer; min-height:44px; }
.lesson8__play::before { content:""; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid var(--gold-deep); }
.lesson8.is-playing .lesson8__play::before { width:8px; height:11px; border:0; border-left:3px solid var(--gold-deep); border-right:3px solid var(--gold-deep); }
.lesson8__play[hidden] { display:none; }
@media(prefers-reduced-motion: no-preference) { .lesson8.is-ready [data-lesson-panel="1"]:not([hidden]) .lesson8__refined { stroke-dasharray:1600; animation:lesson-draw .6s ease-out both; } }
@keyframes lesson-draw { from { stroke-dashoffset:1600; } to { stroke-dashoffset:0; } }
.lesson8__scene { position:relative; overflow:hidden; aspect-ratio:3/2; background:var(--paper); }
.lesson8__scene picture,.lesson8__scene img { display:block; width:100%; height:100%; }
.lesson8__scene img { object-fit:contain; }
.lesson8__scene svg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.lesson8__panel[hidden] { display:none; }
.lesson8__panel { margin:0 0 2rem; }
.lesson8__panel figcaption { margin-top:1.2rem; }
.lesson8__panel h3 { font-size:clamp(1.25rem,2vw,1.65rem); font-weight:500; }
.lesson8__panel p { margin-top:.5rem; max-width:54ch; line-height:1.65; }
.lesson8__first { stroke:#8A665D; stroke-width:5; stroke-dasharray:13 12; fill:none; }
.lesson8__refined { stroke:var(--gold-deep); stroke-width:6; fill:none; stroke-linecap:round; }
.lesson8__arrows { stroke:var(--gold-deep); stroke-width:4; fill:none; }
.lesson8__legend { display:flex; gap:1.5rem; flex-wrap:wrap; font-size:.8125rem; margin-bottom:.7rem; }
.lesson8__legend span::before { content:""; display:inline-block; width:1.5rem; margin-right:.5rem; vertical-align:middle; border-top:2px dashed #8A665D; }
.lesson8__legend span+span::before { border-top:3px solid var(--gold-deep); }
@media(min-width: 900px){ .lesson8.is-ready .lesson8__panel figcaption { min-height:8.5rem; } }
@media(max-width: 899px){
 .lesson8__heading { display:block; margin-bottom:1.4rem; }.lesson8__heading > p { margin-top:.65rem; }
 .lesson8__layout { display:flex; flex-direction:column; gap:1rem; }.lesson8__rail,.lesson8__panels { width:100%; }
 .lesson8__steps { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.25rem; }
 .lesson8__steps button { flex-direction:column; gap:.25rem; justify-content:center; text-align:center; min-height:64px; padding:.65rem .15rem; font-size:.9375rem; }
 .lesson8__steps button[aria-pressed="true"] { box-shadow:inset 0 -2px var(--gold); }
 .lesson8__play { margin-top:.5rem; font-size:.875rem; }.lesson8.is-ready .lesson8__panel figcaption { min-height:11.5rem; }
}

/* Work photographs explain a visible choice; the archive is not an invented case history. */
.pair__context p { margin-top:.7rem; max-width:48ch; font-size:1rem; line-height:1.65; }
.pair__note { margin-top:1rem; }
.result8-section { background:var(--paper-2); }
.result8-section__lead { max-width:58ch; margin-top:1rem; color:var(--muted); }
.result8-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.5rem,5vw,5rem); margin-top:2rem; }
.result8:nth-child(2) { margin-top:4rem; }
.result8 figure { margin:0 0 1.3rem; }.result8__image { display:block; position:relative; overflow:hidden; aspect-ratio: 3 / 2; background: var(--navy); border-radius: 0; }
.result8__image img { width:100%; height:100%; display:block; object-fit:contain; }
.result8--lip img { transform:rotate(90deg); }
.result8--eye .result8__image { position:relative; aspect-ratio: 3 / 2; }
.result8--eye img { position:absolute; width:133.333333%; height:75%; max-width:none; left:50%; top:50%; transform:translate(-50%,-50%) rotate(90deg); }
.result8 p { margin-top:.7rem; max-width:48ch; line-height:1.65; }.result8 .lnk { margin-top:.85rem; }
.result8__image .pair__more { position:absolute; z-index:1; right:.75rem; bottom:.75rem; }
.result8 .pair__context { margin-top:0; }
.service-proof .result8 { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(1rem,5vw,5rem); align-items:center; }
.service-proof .result8 figure { margin:0; }
.lb__frames--single { grid-template-columns:1fr; max-width:min(38rem, 64svh); flex:none; }
.lb__frames--single .result8 { margin:0; }
.lb__context { width:min(100%, 46rem); align-self:center; font-size:var(--fs-small); color:var(--on-dark-2); }
@media(max-width: 699px){ .service-proof .result8 { grid-template-columns:minmax(0,1fr); } }

.fee-groups { display:grid; gap:1rem; margin-block:1rem 1.5rem; }
.fee-group { padding:clamp(.9rem,2.4vw,1.65rem); scroll-margin-top:calc(var(--hdr) + 1rem); border-radius: 0; background: transparent; border: 0; border-top: 1px solid var(--rule); padding-inline: 0; }
.fee-group__name { font-size:clamp(1.08rem,2vw,1.38rem); line-height:1.22; font-weight:700; margin:0 0 1rem; }
.fee-group__rates { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr)); gap:.6rem; }
.fee-group__rates > div { display:grid; grid-template-rows:1fr auto; gap:.4rem; padding:.65rem; background:var(--paper); min-width:0; }
.fee-group__rates dt, .fee-group__scope dt { color:var(--muted); font-size:var(--fs-small); }
.fee-group__rates dd { margin:0; }
.fee-group__rates b { display:block; font-size:clamp(1.12rem,2.7vw,1.7rem); color:var(--navy-deep); font-variant-numeric:tabular-nums; }
.fee-group__rates time { display:block; font-size:.8rem; color:var(--muted); margin-top:.25rem; }
.fee-group__rates--single { max-width:22rem; }
.fee-group__scope { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:.55rem 1rem; margin-top:.95rem; }
.fee-group__scope dd { margin:0; font-size:.93rem; }
.fee-group__note { margin-top:.7rem; font-size:var(--fs-small); }
.fee-group__ask { display:inline-flex; align-items:center; min-height:44px; margin-top:.4rem; }
@media(max-width: 599px){
  .fee-group__rates:not(.fee-group__rates--single) { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fee-group__rates > div { padding:.5rem; }
}
.local-consult { margin:0 0 1.25rem; padding:1rem; border-left:2px solid #8A6C43; background:var(--paper); }
.local-consult address { margin-top:.4rem; font-style:normal; }
.local-consult p { margin-top:.45rem; }
.bk-nojs { margin-top:1rem; padding:1rem; border-top:2px solid #8A6C43; background:var(--paper-2); }
.bk-nojs li { margin-top:.55rem; }
@media(max-width: 699px){ .result8-grid { grid-template-columns:1fr; gap:2.5rem; }.result8:nth-child(2) { margin-top:0; }.pair__context p { font-size:.9375rem; } }


/* ---------- Kapak çizgisi, kanıt, mobil talep çubuğu ---------- */
@media (prefers-reduced-motion: no-preference) {
  @keyframes hero-ink { to { stroke-dashoffset: 0; } }
  @keyframes hero-dot { to { opacity: 1; } }
}

@media (min-width: 900px) {
  .proof8__source { position: sticky; top: calc(var(--hdr, 72px) + 1.5rem); }
}
.svc-proof { margin-top: .75rem; font-size: .875rem; }
.svc-proof a { display: inline-flex; align-items: center; gap: .35rem; min-height: 44px; color: inherit; opacity: .92; text-decoration-thickness: 1px; }
.svc-proof b { font-weight: 700; }

.mcta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: flex; align-items: center; gap: .5rem; padding: .625rem var(--pad) calc(.625rem + env(safe-area-inset-bottom)); background: var(--navy-deep); border-top: 1px solid rgba(244,225,180,.45); transform: translateY(110%); visibility: hidden; transition: transform .24s var(--ease), visibility .24s; }
.mcta[hidden] { display: none; }
.mcta.is-on { transform: none; visibility: visible; }
.mcta__go { flex: 1 1 auto; justify-content: center; min-height: 48px; }
.mcta__wa { flex: none; display: inline-flex; align-items: center; min-height: 48px; padding-inline: .875rem; border: 1px solid rgba(244,241,235,.45); border-radius: 2px; color: var(--on-dark); font-size: .875rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
@media (min-width: 900px) { .mcta { display: none; } }
@media (prefers-reduced-motion: reduce) { .mcta { transition: none; } }

.ftr__base small { font-size: .75rem; }
.page-hero--fees .svc-proof, .bk .svc-proof { margin-top: 1rem; }

.chapter__k--mark { width: 2.25rem; height: 2px; margin-top: .85rem; background: var(--metal); }

/* ---------- Marka kitabı dili · «Bir çizgiden bir dünyaya»: başlıklar, üst menü, kapak, kapanış ----------
   Tek katman: kapak, üst menü, bölüm ritmi, gold çizgi, açılış hareketi. */
body { -webkit-font-smoothing: antialiased; }

/* Başlık dili */
.h1, .h2, .hero__title, .page-hero__title, .svc-hero__title, .svc-hero__q, .sig__name, .desk__title,
.hero__creds dt, .desk__creds dt, .dates__year, .prog__num, .index__name, .panel__q, .ftr__line {
  font-family: var(--serif); font-weight: 500; letter-spacing: -.012em; word-spacing: 0;
}
 .h2 strong, .page-hero__title strong, .desk__title strong, .hero__title strong { font-weight: 500; }
.h1, .h2 { line-height: 1.02; }
.h2, .desk__title{ font-size: clamp(2.5rem, 5.4vw, 5.5rem); line-height: 1; }
.page-hero__title, .svc-hero__title { font-size: clamp(3.25rem, 7.4vw, 7.5rem); line-height: .98; }
.svc-hero__title--long { font-size: clamp(2.75rem, 6vw, 5.75rem); }
.btn { border-radius: 0; letter-spacing: .14em; font-size: .75rem; min-height: 54px; padding-inline: 1.9rem; }

/* Üst menü: tek lacivert şerit */
.hdr a, .hdr summary, .hdr button { color: var(--on-dark); }
.nav__list a { font-size: .8125rem; letter-spacing: .04em; }
 .lang ul { color: var(--ink); }
.nav__cta.btn, .hdr .btn { background: none; color: var(--gold-hi); border: 1px solid rgba(197,163,110,.65); min-height: 44px; padding-inline: 1.25rem; box-shadow: none; }
.mnav__panel, .mnav__panel a { color: var(--ink); }
.mnav__panel .btn { color: var(--navy); }

/* Kapak: tam portre */
.hero__media { position: absolute; inset: 0 0 0 auto; width: auto; max-width: 48vw; height: 100%; aspect-ratio: 2 / 3; z-index: 2; background: none; overflow: visible;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 26%); mask-image: linear-gradient(90deg, transparent 0, #000 26%); transform: scale(calc(1 + var(--p, 0) * .32)); transform-origin: 56% 33%; will-change: transform; }
.hero__media img, .hero__media picture img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; max-width: none; }
.hero__line { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
/* Karenin kırpılmamış alanı: iplik noktaları fotoğrafın kendi oranlarına göre verilir, kırpma değişse de ölçü ipinin ucunda kalır. */
.hero__geo { position: absolute; top: 0; left: 50%; height: 100%; aspect-ratio: 2 / 3; translate: -50% 0; pointer-events: none; }
.hero__copy { position: relative; max-width: none; padding-block: clamp(2.5rem, 6vh, 5rem); }
.hero__title { line-height: .98; letter-spacing: -.018em; margin-top: 1.25rem; max-width: none; }
.hero__lead { margin-top: 1.75rem; max-width: 27rem; font-size: 1.0625rem; line-height: 1.55; color: var(--on-dark); }
.hero__note { margin-top: .9rem; max-width: 27rem; font-size: .8125rem; color: var(--on-dark-2); }
.hero__creds { margin: clamp(1.75rem, 4vh, 3rem) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); max-width: 36rem; }
.hero__creds div { border-top: 1px solid rgba(244,241,235,.28); padding-top: .75rem; min-width: 0; }
.hero__creds dt { font-size: clamp(1.75rem, 2.6vw, 2.5rem); line-height: 1; color: var(--on-dark); }
.hero__creds dd { margin: .35rem 0 0; font-size: .75rem; line-height: 1.35; color: var(--on-dark-2); }
.index__item { padding-block: 1.25rem; }
.index__name { font-size: clamp(1.5rem, 2.4vw, 2.25rem); font-weight: 500; }

/* Bölüm ritmi */
.panel__q { font-size: clamp(1.75rem, 2.8vw, 2.75rem); line-height: 1.05; }


/* Son sayfa: lacivert kapanış */
.ftr a, .ftr address, .ftr small{ color: var(--on-dark); }
.ftr h2, .ftr .muted, .ftr__brand p { color: var(--on-dark-2); }
.ftr__line { margin: 0 0 clamp(4.5rem, 9vw, 8rem); font-size: clamp(3.25rem, 10.5vw, 11rem); line-height: .95; color: var(--on-dark); }

/* Sayfa boyunca gold çizgi */
.thread { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; pointer-events: none; overflow: visible; }
.thread path { fill: none; stroke: var(--line-gold); stroke-width: 1.2; }
main.has-thread { position: relative; }

/* Açılış ve kaydırma */
@media (prefers-reduced-motion: no-preference) {
  .hero__line path { animation: line-draw 2.4s .15s var(--ease) both; }
  .hero__title .hl > span { display: inline-block; animation: word-up 1.1s var(--ease) both; }
  .hero__title strong.hl > span { animation-delay: .16s; }
  .hero__media picture { animation: portrait-in 1.8s var(--ease) both; }
  html.js .rv { opacity: 0; transform: translateY(22px); transition: opacity .9s var(--ease-out), transform .9s var(--ease-out); }
  html.js .rv.is-in { opacity: 1; transform: none; }
  html.js .rv-img { clip-path: inset(0 0 14% 0); transition: clip-path 1.3s var(--ease-out); }
  html.js .rv-img.is-in { clip-path: inset(0); }
  html.js .rv-img img { transform: scale(1.12); transition: transform 1.8s var(--ease-out); }
  html.js .rv-img.is-in img { transform: none; }
  /* Başlık: kelimeler satır sırasıyla alttan çıkar. */
  html.js .sp .sp__w { display: inline-block; overflow: hidden; vertical-align: top; padding: .1em .05em .16em; margin: -.1em -.05em -.16em; }
  html.js .sp .sp__i { display: inline-block; transform: translate3d(0, 112%, 0); transition: transform 1.1s var(--ease-out) calc(var(--l, 0) * 90ms); will-change: transform; }
  html.js .sp.is-in .sp__i { transform: none; }
}
@keyframes line-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@keyframes word-up { from { transform: translateY(.16em); } to { transform: none; } }
@keyframes portrait-in { from { transform: scale(1.035); } to { transform: none; } }

/* LONG-TIME-LINER kendi kimliğinde kalır */
.ltl-world .h1, .ltl-world .h2 { font-family: var(--ltl-serif); font-weight: 400; letter-spacing: -.01em; font-size: var(--fs-h2); line-height: 1.1; }

/* Telefon */
@media (max-width: 899px) {
  .hero__stage { display: block; min-height: 0; }
  .hero__media { position: relative; inset: auto; display: block; width: 100%; max-width: none; height: auto; aspect-ratio: 2 / 3;
    -webkit-mask-image: linear-gradient(180deg, #000 58%, transparent 92%); mask-image: linear-gradient(180deg, #000 58%, transparent 92%); }
  .hero__line { display: none; }
  .hero__geo { left: 0; width: 100%; height: auto; translate: none; }
  .hero__stage > .wrap { margin-top: -46vw; }
  .hero__copy { padding-block: 0 2.75rem; }
  .hero__title { margin-top: .75rem; }
  .hero__title .hl > span { display: block; }
  .hero__actions { order: 3; margin-top: 1.5rem; }
  .hero__lead { order: 4; margin-top: 1.75rem; max-width: none; }
  .hero__creds { max-width: none; margin-top: 1.75rem; }
  .index__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .h2, .desk__title{ font-size: clamp(2.5rem, 11.5vw, 4rem); }
  .page-hero__title, .svc-hero__title { font-size: clamp(2.75rem, 12.5vw, 4.5rem); }
  .svc-hero__title--long { font-size: clamp(2.375rem, 10.5vw, 3.75rem); }
  .ftr__line { font-size: clamp(3rem, 15vw, 6rem); }
  .brand img { width: 136px; height: auto; }
  .btn { min-height: 50px; letter-spacing: .09em; font-size: .6875rem; padding-inline: 1.25rem; }
}

/* Eğitim kapağı başlığı */
.edu8-hero__copy .page-hero__title, .edu8-hero h1, .cat8-hero h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(3.25rem, 6.4vw, 6.75rem); line-height: 1; letter-spacing: -.012em; }
@media (max-width: 899px) {
  .edu8-hero__copy .page-hero__title, .edu8-hero h1, .cat8-hero h1 { font-size: clamp(2.75rem, 12.5vw, 4.5rem); }
}

/* ---------- Sinematik ana sayfa ---------- */
@view-transition { navigation: auto; }
html.pin .hero__track { height: calc(100svh - var(--hdr) + 90vh); }
html.pin .hero__stage { position: sticky; top: var(--hdr); height: calc(100svh - var(--hdr)); min-height: 0; }
/* Sabitleme JS ile gelir (html.pin, atolye08.js fit()). Aynı koşulda sahne ilk boyamadan pinli yüksekliğinde
   başlar; yoksa JS geç yüklendiğinde başlık ilk ekranda kayıyordu (Lighthouse masaüstü CLS 0,58, 10 Kasım 2026). */
@media (min-width: 900px) and (prefers-reduced-motion: no-preference) {
  .hero__stage { height: calc(100svh - var(--hdr)); min-height: 0; }
}

.mani { background: var(--navy); color: var(--on-dark); padding-block: clamp(7rem, 18vw, 16rem); }
.mani__t { font-family: var(--serif); font-weight: 500; font-size: clamp(2.5rem, 7.6vw, 8.5rem); line-height: 1.02; letter-spacing: -.015em; max-width: 15em; }
.mani__t .w { transition: opacity .35s linear; opacity: .46; }

.desk { padding-block: clamp(4.5rem, 8vw, 8rem); }
.desk__title { font-size: clamp(3rem, 8vw, 8.5rem); line-height: .96; }
.desk__intro { grid-column: 1 / -1; grid-row: 1; margin-bottom: clamp(1.5rem, 4vw, 4rem); align-self: start; }
.desk__film { grid-column: 6 / -1; grid-row: 2; }
.desk__text { grid-row: 2; }

.gal { background: var(--paper); position: relative; z-index: 3; }
.gal__pin { padding-block: clamp(4rem, 8vw, 7rem); position: relative; }
.gal__track { display: flex; gap: clamp(2rem, 5vw, 6rem); padding-inline: var(--pad); overflow-x: auto; }
html.pin:not(.gal-flow) .gal__pin { position: sticky; top: var(--hdr); height: calc(100svh - var(--hdr)); overflow: hidden; display: flex; align-items: center; padding-block: 0; }
html.pin:not(.gal-flow) .gal__track { overflow: visible; will-change: transform; }
.gal__head { flex: 0 0 min(38rem, 42vw); align-self: center; }
.gal__head .h2 { font-size: clamp(3rem, 6.4vw, 7rem); margin-top: 1rem; }
.gal__all { margin-top: 2rem; }
.gslide { flex: 0 0 min(76vw, 74rem); display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(1.5rem, 3.5vw, 4rem); align-items: center; }
.gslide__art { aspect-ratio: 4 / 5; max-height: calc(100svh - var(--hdr) - 5rem); overflow: hidden; }
.gslide__art picture, .gslide__art img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--focus, 50% 30%); max-width: none; }
.gslide__n { font-size: .6875rem; letter-spacing: .2em; color: var(--muted); }
.gslide__name { font-family: var(--serif); font-weight: 500; font-size: clamp(3.5rem, 7vw, 7.5rem); line-height: .95; margin-top: .5rem; }
.gslide .panel__q { font-size: clamp(1.375rem, 1.9vw, 1.875rem); margin-top: 1rem; }
.gslide .panel__a { margin-top: .5rem; color: var(--muted); }
.gslide .ways { margin-top: 1rem; }
.gslide .facts { margin-top: 1rem; }
.gslide .opts { margin-top: .75rem; }
.gslide .actions { margin-top: 1.25rem; }

.mq { overflow: hidden; padding-block: clamp(1.5rem, 3vw, 3rem); position: relative; z-index: 3; background: var(--paper); color: var(--navy); border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.mq__t { display: flex; width: max-content; font-family: var(--serif); font-size: clamp(3rem, 8vw, 8.5rem); line-height: 1; white-space: nowrap; }
.mq__t span { padding-right: .25em; }
@media (prefers-reduced-motion: no-preference) { .mq__t { animation: mq 42s linear infinite; } }
@keyframes mq { to { transform: translate3d(-50%, 0, 0); } }

.desk__acad { padding-block: clamp(6rem, 12vw, 12rem); }
.acad8__head { grid-column: 1 / -1; grid-row: 1; }
.acad8__art { grid-column: 1 / span 5; grid-row: 2; }
.acad8__progs { grid-column: 7 / -1; grid-row: 2; }
.prog__num { font-family: var(--serif); font-weight: 500; font-size: clamp(4rem, 7vw, 7.5rem); letter-spacing: -.02em; }

.proof8__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
.proof8__score b { font-family: var(--serif); font-weight: 500; font-size: clamp(7rem, 17vw, 18rem); line-height: .85; color: var(--on-dark); }

.cur { position: fixed; top: 0; left: 0; width: 14px; height: 14px; margin: -7px 0 0 -7px; border: 1px solid var(--gold); border-radius: 50%; pointer-events: none; z-index: 200; transition: width .25s var(--ease), height .25s var(--ease), margin .25s var(--ease), background-color .25s; }
.cur.big { width: 58px; height: 58px; margin: -29px 0 0 -29px; background: rgba(197,163,110,.16); }

@media (max-width: 899px) {
  .desk__film, .desk__text { grid-column: 1 / -1; grid-row: auto; }
  
  
  
  
  
  .gal__track { flex-direction: column; overflow: visible; gap: 4.5rem; }
  .gal__head { flex: none; }
  .gslide { flex: none; display: block; }
  .gslide__art { max-height: none; margin-bottom: 1.5rem; }
  .gslide__name { font-size: clamp(3.5rem, 18vw, 5.5rem); }
  .acad8__art, .acad8__progs, .acad8__head { grid-column: 1 / -1; grid-row: auto; }
  .proof8__grid { grid-template-columns: minmax(0, 1fr); }
  .mani__t { font-size: clamp(2.5rem, 11.5vw, 4.5rem); }
  .desk__title, .acad8__head .h2, .gal__head .h2 { font-size: clamp(2.75rem, 12.5vw, 4.5rem); }
  .proof8__score b { font-size: clamp(6rem, 32vw, 10rem); }
  .cur { display: none; }
}
@media (prefers-reduced-motion: reduce) { .cur { display: none; } }

@media (max-width: 899px) {
  main .actions .btn { width: 100%; justify-content: center; }
}
@media (min-width: 900px) and (max-width: 1180px) {
  .nav__list a { font-size: .75rem; }
  .hdr__place { display: none; }
  .gslide { flex-basis: 88vw; }
}

@media (min-width: 620px) and (max-width: 899px) {
  .hero__media { aspect-ratio: 1 / 1; }
  .hero__media img, .hero__media picture img { object-position: 50% 12%; }
  .hero__geo { top: -6%; }
  .hero__stage > .wrap { margin-top: -5vw; }
}

/* Ücret grubu başlığı, şekil aralığı, dudak sonucu kadrajı */
.fee-group h3, .pair__title, .door__name { font-family: var(--serif); font-weight: 500; letter-spacing: -.008em; font-size: clamp(1.5rem, 2vw, 2rem); line-height: 1.1; }
main h2 + figure, main h2 + .cmp { margin-top: clamp(1.25rem, 3vw, 2.25rem); }
.result8--lip img, .result8--eye img { position: static; width: 100%; height: 100%; left: auto; top: auto; transform: none; max-width: none; object-fit: cover; }

/* Kısa ekran: kapak ve galeri her yükseklikte eksiksiz */
.hero__title { font-size: clamp(3rem, min(7vw, 13.5vh), 8rem); }
@media (min-width: 900px) {
  /* Başlığın en uzun satırı (≈8,7 em) kapak karesindeki ele ve ölçü aletine girmez: kare en çok 48vw, soldaki %12'si erir. */
  .hero__title { font-size: clamp(3rem, min(7vw, 13.5vh, calc((100vw - var(--pad) - max(0px, (100vw - var(--wrap)) / 2) - min((100svh - var(--hdr)) * .587, 42.2vw)) / 8.7)), 8rem); }
  .hero__copy { padding-block: clamp(1rem, 3.5vh, 4rem); }
  .hero__lead { margin-top: clamp(.75rem, 2.2vh, 1.75rem); }
  .hero__actions { margin-top: clamp(1rem, 2.6vh, 2rem); }
  .hero__creds { margin-top: clamp(1rem, 3vh, 3rem); }
  .gal__pin .h2 { font-size: clamp(3rem, min(6.4vw, 12vh), 7rem); }
  .gslide { align-items: center; flex: 0 0 auto; width: min(88vw, 104rem); grid-template-columns: auto minmax(22rem, 1fr); }
  .gslide__art { aspect-ratio: 4 / 5; height: calc(100svh - var(--hdr) - clamp(3rem, 8vh, 5rem)); max-height: 54rem; width: auto; justify-self: start; max-width: 46vw; }
  .gslide__art img { transform: translate3d(calc(var(--x, 0) * -3%), 0, 0) scale(1.08); will-change: transform; }
  .gslide__body { display: flex; flex-direction: column; justify-content: center; }
  .gslide__name { font-size: clamp(3rem, min(7vw, 12.5vh), 7.5rem); }
  .gslide .panel__q { font-size: clamp(1.25rem, min(1.9vw, 3.2vh), 1.875rem); margin-top: clamp(.25rem, 1vh, 1rem); }
  .gslide .panel__a { font-size: .9375rem; margin-top: .25rem; }
  .gslide .ways { margin-top: clamp(.5rem, 1.6vh, 1rem); }
  .gslide .ways span { font-size: .875rem; line-height: 1.35; }
  .gslide .opts, .gslide .facts__for { display: none; }
  .gslide .facts { margin-top: clamp(.5rem, 1.6vh, 1rem); display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: 0 clamp(1rem, 2vw, 2.25rem); border: 0; }
  .gslide .facts > div { padding: .6rem 0 0; border: 0; border-top: 1px solid var(--rule); grid-column: auto; }
  .gslide .facts dt { font-size: .625rem; letter-spacing: .16em; }
  .gslide .facts dd { font-size: .8125rem; line-height: 1.3; margin-top: .2rem; }
  .gslide .facts dd b { font-size: 1rem; display: block; }
  .gslide .facts__rate { display: inline-block; margin-right: .9rem; }
  .gslide .actions { margin-top: clamp(.75rem, 2vh, 1.25rem); }
}
.gal__bar { display: none; }
html.pin:not(.gal-flow) .gal__bar { display: block; position: absolute; left: var(--pad); right: var(--pad); bottom: clamp(.75rem, 2vh, 1.5rem); height: 1px; background: var(--rule); }
.gal__bar i { display: block; height: 100%; background: var(--gold); transform-origin: left; transform: scaleX(var(--g, 0)); }
.result8__image img { object-position: 50% 45%; }
main h2 { overflow-wrap: normal; word-break: normal; hyphens: manual; }
 .split__head .h2 { font-size: clamp(2.125rem, 3.6vw, 3.75rem); }

.desk__grid { grid-template-rows: auto auto; grid-auto-rows: auto; }

/* İmza sahnesi: kâğıttan yüze */
.p2 { background: var(--paper); color: var(--ink); position: relative; z-index: 3; }
.p2__stage { padding-block: clamp(4rem, 9vw, 8rem); }
.p2__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; }
.p2__title { font-size: clamp(3rem, min(6.4vw, 12vh), 7rem); line-height: .98; margin-top: 1rem; }
.p2__title strong { display: block; }
.p2__steps { list-style: none; padding: 0; margin: clamp(1.25rem, 4vh, 3rem) 0 0; }
.p2__step { display: grid; grid-template-columns: 2.5rem minmax(0, 1fr); padding-block: clamp(.6rem, 1.6vh, 1rem); border-top: 1px solid var(--rule); }
.p2__n { font-size: .6875rem; letter-spacing: .2em; padding-top: .55rem; color: #6f5630; }
.p2__name { font-family: var(--serif); font-weight: 500; font-size: clamp(1.5rem, 2.3vw, 2.25rem); line-height: 1.1; }
.p2__text { margin-top: .2rem; font-size: .9375rem; color: var(--muted); }
.p2__cta { margin-top: clamp(1rem, 3vh, 2rem); }
.p2__art { position: relative; display: grid; gap: 1rem; }
.p2__frame { margin: 0; overflow: hidden; background: #EAE3D6; }
.p2__frame picture, .p2__frame img { display: block; width: 100%; height: 100%; object-fit: cover; max-width: none; }
html.pin .p2 { height: 320vh; }
html.pin .p2__stage { position: sticky; top: var(--hdr); height: calc(100svh - var(--hdr)); padding-block: 0; display: flex; align-items: center; overflow: hidden; }
html.pin .p2__stage > .wrap { width: 100%; }
html.pin .p2__art { display: block; aspect-ratio: 4 / 3; max-height: calc(100svh - var(--hdr) - clamp(3rem, 9vh, 6rem)); }
html.pin .p2__frame { position: absolute; inset: 0; opacity: var(--o, 0); transform: scale(calc(1.08 - var(--z, 0) * .08)); will-change: opacity, transform; }
html.pin .p2__step { transition: opacity .45s var(--ease), border-color .45s var(--ease); opacity: .92; }   /* sönük adım da okunur: numara ve metin ≥ 4,5:1 (10 Kasım 2026; .58'de 2,4:1'di) */

/* Kurucu zaman çizgisi */
.tl { list-style: none; padding: 0; margin: clamp(1.5rem, 3vw, 2.5rem) 0; }
.tl li { display: grid; grid-template-columns: 7rem minmax(0, 1fr); align-items: baseline; padding-block: .7rem; border-top: 1px solid var(--rule); }
.tl b { font-family: var(--serif); font-weight: 500; font-size: 1.625rem; }
.tl span { font-size: .9375rem; color: var(--muted); }
.desk__text { grid-column: 1 / span 5; }

/* Ana sayfa karşılaştırma */
@media (max-width: 899px) {
  .p2__grid { grid-template-columns: minmax(0, 1fr); }
  .p2__frame { aspect-ratio: 4 / 3; }
}

@media (min-width: 900px) { .p2__title { font-size: clamp(3rem, min(5.2vw, 11vh), 6rem); } }

/* Sayfa ritmi: akademi lacivert, imza sahnesi kum, iletişim büyük kapanış */
.p2, html.pin .p2 { background: #EAE3D6; }
#talep { padding-block: clamp(5rem, 11vw, 11rem); }

/* İç sayfalar: kitap gibi numaralı bölümler */
main:not(:has([data-hero])) { counter-reset: ch; }

/* Ücretler: kısa ve gezilebilir */
@media (min-width: 1000px) {
  .fee-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
}
.jump { padding-block: .6rem; }
@media (max-width: 899px) {
  #talep .h2 { font-size: clamp(2.875rem, 13vw, 5rem); }
  .ltl-world--home { padding-block: 3rem; }
}

/* ------------------------------------------------------------------ Altın iplik ve yumuşak kaydırma
   WebGL iplik çalışırken durağan SVG çizgiler gizlenir. */
html.ip-on .thread, html.ip-on .hero__line { display: none; }
canvas.iplik { contain: strict; }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: clip; }

/* ------------------------------------------------------------------ Hareket sistemi
   Tek eğri ailesi; düğme çekimi, imleç etiketi, sürüklenen karşılaştırma, açılış perdesi, sayfa geçişi. */
.mag { transition: transform .55s var(--ease-out), background-color .25s, color .25s, border-color .25s, box-shadow .25s; will-change: transform; }

/* Açılış perdesi: yalnız ana sayfada, yalnız CSS; hiçbir şeyi kilitlemez, kendi kendine kalkar. */
.intro { display: none; }
@media (prefers-reduced-motion: no-preference) {
  .intro { display: grid; place-items: center; position: fixed; inset: 0; z-index: 300; background: var(--navy-deep); pointer-events: none;
    animation: intro-lift .85s var(--ease-in-out) 1.05s both; }
  .intro::before { content: ""; width: min(52vw, 22rem); aspect-ratio: 1500 / 380; background: url("/tenant/ergulkeskin/atelier/assets/atolye08/logo-beyaz-v2.svg") center / contain no-repeat;
    animation: intro-mark .8s var(--ease-out) .05s both; }
  .intro::after { content: ""; position: absolute; left: 50%; top: calc(50% + min(9vw, 3.6rem)); height: 1px; width: min(40vw, 16rem); margin-left: calc(min(40vw, 16rem) / -2);
    background: linear-gradient(90deg, transparent, var(--gold) 20%, var(--gold-hi) 50%, var(--gold) 80%, transparent); transform-origin: 0 50%;
    animation: intro-rule .9s var(--ease-out) .2s both; }
  .intro ~ .hero .hero__title .hl > span { animation-delay: 1.25s; }
  .intro ~ .hero .hero__title strong.hl > span { animation-delay: 1.4s; }
  .intro ~ .hero .hero__media picture { animation-delay: 1s; }
  ::view-transition-old(root) { animation: vt-out .5s var(--ease) both; }
  ::view-transition-new(root) { animation: vt-in .8s var(--ease-in-out) both; }
}
@keyframes intro-lift { from { clip-path: inset(0); } to { clip-path: inset(0 0 100% 0); visibility: hidden; } }
@keyframes intro-mark { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes intro-rule { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes vt-out { to { transform: translateY(-3vh); filter: brightness(.55); } }
::view-transition { background: var(--navy-deep); }
@keyframes vt-in { from { clip-path: inset(100% 0 0 0); } to { clip-path: inset(0); } }

/* ------------------------------------------------------------------ Kontrast ve hareket azaltma ayrıntıları
   LTL ana sayfa bandı: markanın beyaz dünyası fildişi zeminde bir pano olarak durur, akışı kesmez. */
.ltl-world--home { background: var(--paper); padding-block: clamp(3rem, 7vw, 7rem); }
.ltl-world--home .ltl-home__art { margin-left: 0; }
@media (min-width: 900px) { .proof8__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; } .hero__title .hl > span { display: inline-block; } }   /* iki satır: hareket azaltmada da aynı */                       /* sönük kelimeler de okunur (kontrast 3:1) */
.mani__t .w.on { opacity: 1; }
html.pin .p2__step.on { opacity: 1; border-top-color: var(--gold-deep); }
@media (max-width: 899px) and (prefers-reduced-motion: no-preference) {
  /* Telefonda perde kısa: içerik daha erken görünür. */
  .intro { animation-delay: .55s; animation-duration: .6s; }
  .intro ~ .hero .hero__title .hl > span { animation-delay: .7s; }
  .intro ~ .hero .hero__title strong.hl > span { animation-delay: .8s; }
  .intro ~ .hero .hero__media picture { animation-delay: .5s; }
}