/* Doktor v2: doktor.css üstüne gelir, palet ve hero'yu değiştirir. */
:root {
  --bg: #F7F5F0; --fg: #142822; --pine: #142822; --bronze: #B87D4B; --bronze-d: #8A5728; --bronze-l: #E0B892;
  --line: rgba(20, 40, 34, .16); --head-bg: #F7F5F0; --strip-bg: #142822; --strip-fg: #F7F5F0;
}
.about { background: #EFEBE1; }

.dv2 { position: relative; display: flex; flex-direction: column; overflow-x: clip; background: var(--bg); color: var(--fg); }
.dv2-main { display: grid; gap: 34px; padding-block: 30px 40px; flex: 1; }

/* Kapsül etiket */
.tag { display: inline-flex; align-items: center; gap: 9px; max-width: 100%; padding: 7px 14px; border: 1px solid rgba(20, 40, 34, .28); border-radius: 999px; font-size: .75rem; font-weight: 600; letter-spacing: .04em; line-height: 1.3; }
.tag i { flex: none; position: relative; width: 8px; height: 8px; border-radius: 50%; background: #3F9A68; }
.tag i::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #3F9A68; animation: nokta 2s ease-out infinite; }
@keyframes nokta { to { transform: scale(2.8); opacity: 0; } }

/* Başlık: satırlar maskeden yükselir */
.dv2-title { margin-top: 20px; font-family: var(--display); font-weight: 300; font-size: clamp(2.5rem, 11.2vw, 5rem); line-height: 1.04; letter-spacing: -.014em; font-variation-settings: "opsz" 120; }
.dl { display: block; overflow: hidden; padding: .08em 0 .14em; margin: -.08em 0 -.14em; }
.dl > span { display: block; }
.dv2-title em { font-style: italic; color: var(--bronze-d); }
.anim-wait .dl > span { transform: translateY(112%); }
.dv2-sub { margin-top: 22px; max-width: 35rem; font-size: 1.0625rem; color: rgba(20, 40, 34, .84); }
.dv2-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 26px; }
.magnet-zone { display: inline-block; padding: 18px; margin: -18px; }
.dv2 .btn-go { background: var(--fg); color: var(--bg); min-height: 56px; padding: 0 28px; }
.dv2 .btn-go:hover { background: var(--bronze-d); }
.dv2 .btn-line { border: 1px solid rgba(20, 40, 34, .35); }
.dv2 .btn-line:hover { border-color: var(--fg); }

/* Sağ görsel */
.dv2-visual { position: relative; margin-inline: 6px; perspective: 900px; }
.frame { overflow: hidden; border-radius: 16px; aspect-ratio: 4 / 4.7; background: #E9E3D6; }
.anim-wait .frame { clip-path: inset(100% 0 0 0 round 16px); }
.frame img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.1); transform-origin: center; }

/* Cam kartlar */
.glass {
  position: absolute; z-index: 2; max-width: 230px; padding: 13px 15px; border-radius: 14px;
  background: rgba(247, 245, 240, .72); border: 1px solid rgba(20, 40, 34, .14);
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  font-size: .875rem; line-height: 1.32; will-change: transform;
}
.glass b { display: block; font-family: var(--display); font-weight: 500; font-size: 1.0625rem; line-height: 1.18; letter-spacing: -.01em; }
.glass span { display: block; margin-top: 5px; font-weight: 500; color: rgba(20, 40, 34, .88); }
.glass-a { left: -6px; bottom: 22px; }
.glass-b { right: -6px; top: 22px; }

/* Bilgi şeridi */
.quick { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.quick > div { padding: 13px 14px 14px 0; min-width: 0; border-bottom: 1px solid var(--line); }
.quick > div:nth-child(even) { padding-left: 14px; padding-right: 0; border-left: 1px solid var(--line); }
.quick > div:nth-last-child(-n+2) { border-bottom: 0; }
.quick dt { font-family: var(--display); font-size: 1.0625rem; line-height: 1.2; }
.quick dd { margin-top: 3px; font-size: .875rem; line-height: 1.35; color: rgba(20, 40, 34, .8); }
.quick a { display: inline-flex; align-items: center; min-height: 24px; text-decoration: underline; text-decoration-color: var(--bronze); text-underline-offset: 3px; }
.quick a:hover { color: var(--bronze-d); }

@media (min-width: 768px) {
  .dv2-title { font-size: clamp(3.5rem, 8vw, 5.5rem); }
  .frame { aspect-ratio: 16 / 11; }
  .glass-a { left: -14px; }
  .glass-b { right: -14px; }
}
@media (min-width: 1024px) {
  .dv2 { min-height: calc(100svh - 110px); }
  .dv2-main { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 40px; align-items: center; padding-block: 40px; }
  .dv2-left { grid-column: 1 / 8; }
  .dv2-visual { grid-column: 8 / 13; margin-inline: 0; }
  .dv2-title { font-size: clamp(3.5rem, 5.5vw, 5.75rem); }
  .frame { aspect-ratio: auto; height: clamp(440px, calc(100svh - 300px), 640px); }
  .glass { max-width: 290px; padding: 15px 18px; }
  .glass span { white-space: nowrap; }
  .glass b { font-size: 1.1875rem; }
  .glass-a { left: -26px; bottom: 34px; }
  .glass-b { right: -22px; top: 34px; }
  .quick { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .quick > div, .quick > div:nth-child(even) { padding: 16px 20px 18px; border-bottom: 0; border-left: 1px solid var(--line); }
  .quick > div:first-child { padding-left: 0; border-left: 0; }
  .quick dt { font-size: 1.1875rem; }
  .quick dd { font-size: .9375rem; }
}
@media (prefers-reduced-motion: reduce) {
  .tag i::after { animation: none; }
  .frame img { transform: none; }
}