:root {
  --wine: #6c142c;
  --wine-dark: #3f0b1a;
  --wine-light: #8d2944;
  --ink: #1d1b1c;
  --text: #544d50;
  --cream: #f8f4f1;
  --paper: #ffffff;
  --line: #e7dcdf;
  --gold: #b8955a;
  --shadow: 0 24px 60px rgba(45, 12, 24, .12);
  --radius: 22px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
.container { width: min(var(--container), calc(100% - 40px)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 9999; background: #fff; padding: 10px 14px; border-radius: 8px; }
.skip-link:focus { top: 16px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(108,20,44,.08);
}
.header-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; font-weight: 700; }
.brand-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--wine); color: #fff; font-size: 12px; letter-spacing: .08em; }
.brand-text { font-family: "Playfair Display", serif; font-size: 18px; }
.site-nav { display: flex; align-items: center; gap: 28px; }
.site-nav a { text-decoration: none; font-size: 14px; font-weight: 600; color: #463e41; }
.site-nav a:hover { color: var(--wine); }
.site-nav .nav-cta { color: #fff; background: var(--wine); padding: 10px 17px; border-radius: 999px; }
.menu-toggle { display: none; border: 0; background: none; padding: 8px; }
.menu-toggle span { display: block; width: 25px; height: 2px; background: var(--ink); margin: 5px 0; }

.finance-banner {
  position: relative;
  min-height: clamp(300px, 40vw, 520px);
  background-image:
    linear-gradient(180deg, rgba(2, 13, 26, .03) 55%, rgba(2, 13, 26, .72) 100%),
    url("assets/finansal-refleks-banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.finance-banner-inner {
  min-height: inherit;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-block: 28px;
}
.finance-banner-owner {
  color: rgba(255,255,255,.94);
  background: rgba(3, 14, 27, .58);
  border: 1px solid rgba(255,255,255,.22);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  padding: 9px 15px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .02em;
}

.hero { min-height: 760px; position: relative; overflow: hidden; display: grid; align-items: center; background: linear-gradient(135deg, #fff 0%, #fbf6f7 58%, #f3e6e9 100%); }
.hero-pattern { position: absolute; inset: 0; opacity: .25; background-image: radial-gradient(var(--wine) .7px, transparent .7px); background-size: 22px 22px; mask-image: linear-gradient(to right, transparent 10%, black 75%); }
.hero-grid { position: relative; display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: center; padding-block: 90px; }
.eyebrow { margin: 0 0 18px; color: var(--wine); font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.hero h1, .section-heading h2 { font-family: "Playfair Display", serif; margin: 0; letter-spacing: -.02em; line-height: 1.08; }
.hero h1 { max-width: 780px; font-size: clamp(48px, 6.2vw, 82px); }
.hero h1 em { color: var(--wine); font-style: normal; }
.hero-text { max-width: 720px; margin: 26px 0 30px; color: var(--text); font-size: 19px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border-radius: 999px; text-decoration: none; font-weight: 700; transition: .2s ease; }
.button.primary { background: var(--wine); color: #fff; box-shadow: 0 10px 24px rgba(108,20,44,.22); }
.button.primary:hover { transform: translateY(-2px); background: var(--wine-dark); }
.button.ghost { border: 1px solid #cbb8bd; color: var(--wine); }
.button.ghost:hover { background: #fff; }
.button.full { width: 100%; }
.social-row { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 36px; }
.social-row a { font-size: 13px; font-weight: 700; text-decoration: none; color: #695d61; border-bottom: 1px solid transparent; }
.social-row a:hover { color: var(--wine); border-color: var(--wine); }

.hero-card { position: relative; max-width: 430px; justify-self: end; padding: 28px; border: 1px solid rgba(108,20,44,.12); border-radius: 34px; background: rgba(255,255,255,.82); box-shadow: var(--shadow); backdrop-filter: blur(10px); }
.portrait-wrap { overflow: hidden; border-radius: 24px; background: linear-gradient(145deg, #6c142c, #2d0712); }
.portrait-wrap img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }
.identity-card { display: flex; align-items: center; gap: 12px; padding: 20px 0 14px; }
.identity-card strong, .identity-card small { display: block; }
.identity-card small { margin-top: 3px; color: var(--text); }
.status-dot { width: 11px; height: 11px; border-radius: 50%; background: #2aa96b; box-shadow: 0 0 0 5px rgba(42,169,107,.12); }
.focus-list { display: flex; flex-wrap: wrap; gap: 8px; }
.focus-list span { background: var(--cream); border: 1px solid var(--line); border-radius: 999px; padding: 7px 10px; font-size: 12px; font-weight: 600; }

.trust-strip { background: var(--wine-dark); color: #fff; }
.trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.trust-grid > div { min-height: 130px; display: flex; flex-direction: column; justify-content: center; padding: 24px 28px; border-right: 1px solid rgba(255,255,255,.1); }
.trust-grid > div:first-child { border-left: 1px solid rgba(255,255,255,.1); }
.trust-grid strong { font-family: "Playfair Display", serif; font-size: 34px; color: #e4c693; }
.trust-grid span { color: rgba(255,255,255,.72); font-size: 13px; }

.section { padding: 120px 0; }
.section.muted { background: var(--cream); }
.section.dark { background: #241117; color: #fff; }
.split-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; }
.section-heading { max-width: 700px; }
.section-heading.centered { text-align: center; margin-inline: auto; }
.section-heading.light h2 { color: #fff; }
.section-heading h2 { font-size: clamp(36px, 4.5vw, 58px); }
.rich-text { color: var(--text); font-size: 18px; }
.rich-text p:first-child { margin-top: 0; }
.rich-text strong { color: var(--wine); }
blockquote { margin: 34px 0 0; padding: 24px 0 24px 26px; border-left: 3px solid var(--wine); font-family: "Playfair Display", serif; font-size: 24px; line-height: 1.45; color: #342d30; }

.cards-grid { margin-top: 54px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.expertise-card { position: relative; min-height: 285px; padding: 36px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; overflow: hidden; transition: .2s ease; }
.expertise-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: transparent; }
.card-number { font-family: "Playfair Display", serif; font-size: 52px; color: rgba(108,20,44,.12); }
.expertise-card h3 { margin: 36px 0 8px; font-size: 23px; }
.expertise-card p { margin: 0; color: var(--text); }

.featured-grid { margin-top: 52px; display: grid; grid-template-columns: 1.25fr .75fr; gap: 20px; }
.featured-main, .mini-card { border-radius: var(--radius); }
.featured-main { padding: 46px; min-height: 460px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: linear-gradient(145deg, rgba(63,11,26,.98), rgba(108,20,44,.92)), radial-gradient(circle at top right, #bc8190, transparent 45%); box-shadow: var(--shadow); }
.featured-meta { display: flex; justify-content: space-between; gap: 20px; color: #e6c88f; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.featured-main h3 { margin: 28px 0 12px; font-family: "Playfair Display", serif; font-size: clamp(30px, 4vw, 48px); line-height: 1.15; }
.featured-main p { max-width: 700px; color: rgba(255,255,255,.75); }
.featured-main a { width: fit-content; margin-top: 20px; color: #fff; font-weight: 700; text-decoration: none; }
.academic-feature { justify-content: center; }
.academic-badge { width: fit-content; margin-top: 26px; padding: 7px 12px; border: 1px solid rgba(230,200,143,.45); border-radius: 999px; color: #f2d59c; background: rgba(255,255,255,.06); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.academic-feature h3 { font-size: clamp(28px, 3.4vw, 45px); }
.academic-feature p strong { color: #f0d091; }
.academic-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 28px 0 0; }
.academic-facts div { padding: 14px 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: rgba(255,255,255,.05); }
.academic-facts dt { color: #e6c88f; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.academic-facts dd { margin: 4px 0 0; color: rgba(255,255,255,.9); font-size: 13px; line-height: 1.35; }
.academic-links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 24px; }
.academic-links a { margin-top: 0; padding-bottom: 3px; border-bottom: 1px solid rgba(255,255,255,.35); }
.academic-links a:hover { border-color: #e6c88f; color: #f2d59c; }
.featured-side { display: grid; gap: 20px; }
.mini-card { padding: 34px; border: 1px solid var(--line); background: #fff; }
.mini-card span { color: var(--wine); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.mini-card h3 { font-family: "Playfair Display", serif; font-size: 27px; line-height: 1.25; margin: 22px 0 10px; }
.mini-card p { margin: 0; color: var(--text); }

.publication-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 50px; }
.publication-card { min-height: 280px; display: flex; flex-direction: column; justify-content: space-between; padding: 32px; border-radius: var(--radius); border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); text-decoration: none; transition: .2s ease; }
.publication-card:hover { transform: translateY(-4px); background: rgba(255,255,255,.08); }
.publication-card span { color: #e4c693; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.publication-card h3 { font-family: "Playfair Display", serif; font-size: 28px; line-height: 1.3; }
.publication-card small { color: rgba(255,255,255,.65); }

.contact-grid { display: grid; grid-template-columns: 1fr .8fr; gap: 90px; align-items: center; }
.contact-note { margin-top: 24px; color: var(--text); }
.contact-card { padding: 38px; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.contact-card p { color: var(--text); margin-top: 0; }
.email-address { display: block; margin: 18px 0 22px; color: var(--wine); font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.email-address:hover { text-decoration: underline; }
.contact-links { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 18px; }
.contact-links a { color: var(--wine); font-weight: 700; font-size: 13px; }

.site-footer { background: #16090d; color: #fff; padding: 36px 0; }
.footer-inner { display: flex; justify-content: space-between; align-items: center; gap: 28px; }
.footer-inner strong { font-family: "Playfair Display", serif; font-size: 21px; }
.footer-inner p { margin: 4px 0 0; color: rgba(255,255,255,.6); font-size: 13px; }
.footer-email { display: inline-block; margin-top: 7px; color: rgba(255,255,255,.78); font-size: 12px; text-decoration: none; }
.footer-email:hover { color: #fff; text-decoration: underline; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

@media (max-width: 900px) {
  .menu-toggle { display: block; }
  .site-nav { position: absolute; left: 20px; right: 20px; top: 68px; display: none; flex-direction: column; align-items: stretch; padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); }
  .site-nav.open { display: flex; }
  .site-nav .nav-cta { text-align: center; }
  .hero { min-height: auto; }
  .hero-grid, .split-grid, .featured-grid, .contact-grid { grid-template-columns: 1fr; }
  .hero-grid { padding-block: 70px; gap: 46px; }
  .hero-card { justify-self: start; max-width: 520px; }
  .trust-grid { grid-template-columns: repeat(2, 1fr); }
  .cards-grid, .publication-grid { grid-template-columns: 1fr; }
  .split-grid, .contact-grid { gap: 44px; }
  .section { padding: 88px 0; }
}

@media (max-width: 560px) {
  .finance-banner { min-height: 260px; background-position: 58% center; }
  .finance-banner-inner { padding-block: 16px; }
  .finance-banner-owner { font-size: 11px; padding: 7px 11px; }
  .container { width: min(100% - 28px, var(--container)); }
  .brand-text { display: none; }
  .hero h1 { font-size: 45px; }
  .hero-text { font-size: 17px; }
  .hero-card { padding: 16px; border-radius: 24px; }
  .trust-grid { grid-template-columns: 1fr; }
  .trust-grid > div { min-height: 100px; border-left: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
  .expertise-card, .mini-card, .contact-card { padding: 26px; }
  .featured-main { padding: 30px; min-height: 420px; }
  .academic-facts { grid-template-columns: 1fr; }
  .footer-inner { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
}


/* Academic documents and long-form pages */
.section-lead { max-width: 760px; margin-top: 18px; color: var(--text); font-size: 17px; }
.document-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 50px; }
.document-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 18px 45px rgba(45,7,18,.07); }
.document-preview { display: grid; place-items: center; height: 310px; padding: 18px; background: #ece9e7; overflow: hidden; }
.document-preview img { width: 100%; height: 100%; object-fit: contain; border-radius: 8px; box-shadow: 0 12px 28px rgba(21,10,13,.16); transition: transform .25s ease; }
.document-preview:hover img { transform: scale(1.025); }
.document-preview.landscape { background: #e7edf2; }
.document-body { display: flex; flex: 1; flex-direction: column; padding: 26px; }
.document-kicker { color: var(--wine); font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.document-body h3 { margin: 14px 0 10px; font-family: "Playfair Display", serif; font-size: 25px; line-height: 1.25; }
.document-body p { margin: 0; color: var(--text); }
.document-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: auto; padding-top: 24px; }
.document-actions a { color: var(--wine); font-size: 13px; font-weight: 700; text-decoration: none; border-bottom: 1px solid rgba(108,20,44,.25); }
.document-actions a:hover { border-color: var(--wine); }
.publication-card p { margin: 0 0 18px; color: rgba(255,255,255,.68); }
.article-card { background: linear-gradient(155deg, rgba(255,255,255,.09), rgba(255,255,255,.035)); }
.subsection-heading { margin-top: 64px; }
.subsection-heading span { color: #e4c693; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.subsection-heading h3 { margin: 8px 0 0; color: #fff; font-family: "Playfair Display", serif; font-size: 32px; }
.social-publications { margin-top: 24px; }
.publication-card.compact { min-height: 230px; }

.article-page { background: #faf8f5; }
.article-header { background: rgba(255,255,255,.96); }
.article-nav { display: flex; align-items: center; gap: 28px; }
.article-nav a { color: var(--ink); font-size: 14px; font-weight: 600; text-decoration: none; }
.article-nav .nav-cta { color: #fff; }
.article-shell { padding: 64px 0 110px; }
.article-container { max-width: 1120px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-bottom: 48px; color: #887b7f; font-size: 13px; }
.breadcrumb a { color: var(--wine); text-decoration: none; }
.article-hero { max-width: 920px; margin-bottom: 54px; }
.article-hero h1 { margin: 13px 0 22px; font-size: clamp(46px, 7vw, 78px); line-height: 1.04; }
.article-lead, .article-subtitle { max-width: 850px; color: #62575b; font-size: clamp(19px, 2vw, 24px); line-height: 1.55; }
.article-subtitle { font-family: "Playfair Display", serif; color: var(--wine); }
.article-meta { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--line); color: #766a6e; font-size: 13px; font-weight: 600; }
.article-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 64px; align-items: start; }
.article-content { padding: 42px 48px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: 0 20px 60px rgba(54,17,28,.07); color: #3d3437; font-size: 18px; line-height: 1.85; }
.article-content > p:first-child { margin-top: 0; }
.article-content h2 { margin: 42px 0 14px; font-size: 34px; }
.article-content h2:first-child { margin-top: 0; }
.article-list { padding-left: 22px; }
.article-list li { margin-bottom: 10px; }
.article-aside { display: grid; gap: 18px; position: sticky; top: 100px; }
.download-card { padding: 28px; border-radius: var(--radius); background: var(--wine-dark); color: #fff; box-shadow: var(--shadow); }
.download-card > span { color: #e4c693; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.download-card h2 { margin: 12px 0; color: #fff; font-size: 28px; }
.download-card p { color: rgba(255,255,255,.7); font-size: 14px; }
.download-card .button { margin-top: 12px; background: #fff; color: var(--wine-dark); }
.back-card { display: block; padding: 20px 22px; border: 1px solid var(--line); border-radius: 16px; background: #fff; color: var(--wine); font-weight: 700; text-decoration: none; }
.author-signoff { display: flex; flex-direction: column; margin-top: 42px; padding-top: 24px; border-top: 1px solid var(--line); }
.author-signoff span { color: #7c7074; font-size: 13px; }

.academic-article-hero { max-width: 1020px; }
.academic-article-hero h1 { font-size: clamp(42px, 6vw, 70px); }
.academic-summary-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin: 0 0 44px; }
.summary-panel { padding: 28px; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.summary-panel span { color: var(--wine); font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.summary-panel p { margin: 12px 0 0; color: var(--text); }
.academic-layout { grid-template-columns: minmax(0, 1fr) 340px; }
.academic-download img { width: 100%; max-height: 260px; object-fit: contain; margin-bottom: 22px; border-radius: 9px; background: #fff; }
.evidence-card { overflow: hidden; display: block; border: 1px solid var(--line); border-radius: 18px; background: #fff; color: var(--ink); text-decoration: none; }
.evidence-card img { width: 100%; height: 150px; object-fit: contain; padding: 10px; background: #eceff2; }
.evidence-card div { display: flex; flex-direction: column; gap: 4px; padding: 18px; }
.evidence-card span { color: var(--wine); font-size: 12px; font-weight: 700; }
.keyword-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 34px; }
.keyword-row span { padding: 7px 10px; border-radius: 999px; background: var(--cream); color: var(--wine); font-size: 12px; font-weight: 700; }

@media (max-width: 980px) {
  .document-grid { grid-template-columns: 1fr; }
  .document-card { display: grid; grid-template-columns: .8fr 1.2fr; }
  .document-preview { height: 330px; }
  .article-layout, .academic-layout { grid-template-columns: 1fr; }
  .article-aside { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .download-card { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
  .article-nav a:not(.nav-cta) { display: none; }
  .article-shell { padding-top: 34px; }
  .breadcrumb { margin-bottom: 32px; }
  .article-hero h1 { font-size: 43px; }
  .article-content { padding: 28px 24px; font-size: 17px; }
  .article-aside { grid-template-columns: 1fr; }
  .document-card { display: flex; }
  .document-preview { height: 300px; }
  .academic-summary-grid { grid-template-columns: 1fr; }
}

@media print {
  .reveal { opacity: 1 !important; transform: none !important; }
  .site-header { position: static; }
}


/* Finansal siluet arka plan güncellemesi */
.hero {
  isolation: isolate;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 15% 18%, rgba(141,41,68,.08), transparent 34%),
    radial-gradient(circle at 84% 22%, rgba(184,149,90,.07), transparent 28%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cg fill='none' stroke='%238d2944' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.18'%3E%3Cpolyline points='82,612 160,560 235,582 316,520 395,550 472,475'/%3E%3Cpolyline points='972,242 1040,205 1110,238 1180,188 1262,212 1342,168'/%3E%3Cline x1='74' y1='670' x2='575' y2='670' opacity='.4'/%3E%3Cline x1='958' y1='308' x2='1480' y2='308' opacity='.26'/%3E%3Crect x='110' y='575' width='42' height='95' rx='8'/%3E%3Crect x='174' y='530' width='42' height='140' rx='8'/%3E%3Crect x='238' y='548' width='42' height='122' rx='8'/%3E%3Crect x='1165' y='640' width='42' height='115' rx='8'/%3E%3Crect x='1229' y='596' width='42' height='159' rx='8'/%3E%3Crect x='1293' y='626' width='42' height='129' rx='8'/%3E%3Ccircle cx='350' cy='230' r='54'/%3E%3Cpath d='M350 176v54h42'/%3E%3Ccircle cx='1330' cy='200' r='58'/%3E%3Cpath d='M1330 142c-32 0-58 26-58 58s26 58 58 58c21 0 40-11 50-29h-50v-28h63c2 5 2 10 2 15 0 40-33 73-73 73'/%3E%3Cpath d='M286 348h108v24H286zM304 312h72v24h-72zM322 276h36v24h-36z'/%3E%3Cpath d='M1130 394l28-54 32 28 26-68 34 48 30-28'/%3E%3Cpath d='M118 434c45-50 88-83 160-106'/%3E%3Cpath d='M266 312l12 16-21 4'/%3E%3Ctext x='1134' y='520' fill='%238d2944' font-family='Arial, sans-serif' font-size='48' font-weight='700' opacity='.18'%3E₺%3C/text%3E%3Ctext x='146' y='255' fill='%238d2944' font-family='Arial, sans-serif' font-size='44' font-weight='700' opacity='.18'%3E$%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: auto, auto, cover;
  background-position: center, center, center;
  opacity: .8;
  z-index: 0;
  pointer-events: none;
}
.hero-pattern {
  opacity: .08;
  background-size: 28px 28px;
}
.hero-grid {
  z-index: 1;
}
.hero-copy {
  position: relative;
  z-index: 2;
  padding: 22px 26px 24px 0;
}
.hero-copy::before {
  content: "";
  position: absolute;
  inset: -18px -24px -22px -22px;
  background: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.88) 58%, rgba(255,255,255,.68) 82%, rgba(255,255,255,0) 100%);
  border-radius: 34px;
  backdrop-filter: blur(2px);
  z-index: -1;
}
.hero-card {
  background: rgba(255,255,255,.86);
}
.portrait-wrap {
  background: linear-gradient(145deg, #7b1d37, #2d0712);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
@media (max-width: 980px) {
  .hero::before {
    opacity: .58;
    background-size: auto, auto, 1450px auto;
  }
  .hero-copy {
    padding-right: 0;
  }
  .hero-copy::before {
    inset: -14px -16px -18px -16px;
    background: linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.88) 74%, rgba(255,255,255,.76) 100%);
  }
}
@media (max-width: 640px) {
  .hero::before {
    opacity: .44;
    background-size: auto, auto, 1100px auto;
  }
  .hero-copy::before {
    inset: -10px -10px -14px -10px;
  }
}


/* Hakkımda bölümü için saydam finansal arka plan */
#hakkimda {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,246,247,.98));
}
#hakkimda::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cg fill='none' stroke='%238d2944' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.13'%3E%3Cpolyline points='90,640 176,584 250,608 332,538 422,566 510,490'/%3E%3Cpolyline points='956,186 1032,158 1102,196 1182,142 1266,168 1348,126'/%3E%3Cpath d='M112,715h420' opacity='.38'/%3E%3Cpath d='M1020,318h430' opacity='.25'/%3E%3Crect x='128' y='605' width='36' height='110' rx='7'/%3E%3Crect x='184' y='566' width='36' height='149' rx='7'/%3E%3Crect x='240' y='590' width='36' height='125' rx='7'/%3E%3Crect x='1200' y='640' width='36' height='110' rx='7'/%3E%3Crect x='1256' y='590' width='36' height='160' rx='7'/%3E%3Crect x='1312' y='620' width='36' height='130' rx='7'/%3E%3Ccircle cx='314' cy='234' r='56'/%3E%3Cpath d='M314 178v56h42'/%3E%3Ccircle cx='1310' cy='212' r='58'/%3E%3Cpath d='M1310 154c-32 0-58 26-58 58s26 58 58 58c20 0 38-10 49-28h-49v-28h62c2 5 2 10 2 15 0 41-33 73-73 73'/%3E%3Cpath d='M1116 470l26-52 30 24 26-64 34 48 28-26'/%3E%3Cpath d='M172 424c52-54 100-88 178-116'/%3E%3Cpath d='M332 310l18-2-8 16'/%3E%3Cpath d='M320 420h106v22H320zM338 388h70v22h-70zM356 356h34v22h-34z'/%3E%3Cpath d='M1018 526a58 58 0 1 0 0-116 58 58 0 0 0 0 116Z'/%3E%3Cpath d='M1018 468l0-58a58 58 0 0 1 50 28Z'/%3E%3Ctext x='102' y='270' fill='%238d2944' font-family='Arial, sans-serif' font-size='46' font-weight='700' opacity='.17'%3E₺%3C/text%3E%3Ctext x='1400' y='430' fill='%238d2944' font-family='Arial, sans-serif' font-size='42' font-weight='700' opacity='.17'%3E$%3C/text%3E%3Ctext x='1228' y='118' fill='%238d2944' font-family='Arial, sans-serif' font-size='30' font-weight='700' opacity='.12'%3E%25%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: .65;
  pointer-events: none;
}
#hakkimda::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 18% 20%, rgba(184,149,90,.08), transparent 22%), radial-gradient(circle at 84% 22%, rgba(141,41,68,.06), transparent 20%);
  pointer-events: none;
}
#hakkimda .container,
#hakkimda .split-grid,
#hakkimda .section-heading,
#hakkimda .rich-text {
  position: relative;
  z-index: 1;
}
#hakkimda .section-heading {
  padding: 14px 0 14px 0;
}
#hakkimda .section-heading h2,
#hakkimda .section-heading .eyebrow {
  text-shadow: 0 1px 0 rgba(255,255,255,.6);
}
#hakkimda .rich-text {
  padding: 30px 32px;
  border: 1px solid rgba(108,20,44,.08);
  border-radius: 26px;
  background: rgba(255,255,255,.80);
  backdrop-filter: blur(3px);
  box-shadow: 0 18px 40px rgba(45, 12, 24, .06);
}
@media (max-width: 980px) {
  #hakkimda::before {
    opacity: .48;
    background-size: 1400px auto;
  }
  #hakkimda .rich-text {
    padding: 24px 22px;
  }
}
@media (max-width: 640px) {
  #hakkimda::before {
    opacity: .38;
    background-size: 1100px auto;
  }
  #hakkimda .section-heading {
    padding: 0;
  }
  #hakkimda .rich-text {
    padding: 20px 18px;
    border-radius: 20px;
  }
}


/* =========================================================
   TÜM SİTE: SAYDAM FİNANSAL GRAFİK VE SEMBOL ARKA PLANLARI
   ========================================================= */
body {
  position: relative;
  background-color: #fbf8f7;
  background-image:
    radial-gradient(circle at 14% 14%, rgba(108,20,44,.045), transparent 24%),
    radial-gradient(circle at 86% 28%, rgba(184,149,90,.045), transparent 26%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520'%3E%3Cg fill='none' stroke='%238d2944' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' opacity='.10'%3E%3Cpolyline points='34,338 91,301 143,320 201,274 257,293 318,242'/%3E%3Cline x1='32' y1='370' x2='330' y2='370' opacity='.35'/%3E%3Crect x='61' y='322' width='24' height='48' rx='5'/%3E%3Crect x='98' y='294' width='24' height='76' rx='5'/%3E%3Crect x='135' y='310' width='24' height='60' rx='5'/%3E%3Ccircle cx='407' cy='105' r='42'/%3E%3Cpath d='M407 63v42h31'/%3E%3Cpath d='M344 316l22-42 25 22 22-54 28 39 24-22'/%3E%3Cpath d='M362 410h76v17h-76zM375 384h50v17h-50zM388 358h24v17h-24z'/%3E%3Ctext x='65' y='115' fill='%238d2944' font-family='Arial' font-size='30' font-weight='700' opacity='.16'%3E₺%3C/text%3E%3Ctext x='448' y='255' fill='%238d2944' font-family='Arial' font-size='28' font-weight='700' opacity='.16'%3E%25%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed, fixed, fixed;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: auto, auto, 520px 520px;
}

main,
.site-footer {
  position: relative;
}

/* Ortak bölüm altyapısı */
.section,
.trust-strip,
.site-footer {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.section > .container,
.trust-strip > .container,
.site-footer > .container {
  position: relative;
  z-index: 2;
}

/* Açık renk normal bölümler */
.section:not(.muted):not(.dark):not(#hakkimda) {
  background: rgba(255,255,255,.88);
}
.section:not(.muted):not(.dark):not(#hakkimda)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cg fill='none' stroke='%238d2944' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.12'%3E%3Cpolyline points='72,670 160,615 244,642 334,566 426,598 516,510'/%3E%3Cpolyline points='1000,214 1082,176 1164,216 1246,154 1332,184 1414,132'/%3E%3Crect x='112' y='620' width='38' height='104' rx='7'/%3E%3Crect x='170' y='570' width='38' height='154' rx='7'/%3E%3Crect x='228' y='600' width='38' height='124' rx='7'/%3E%3Ccircle cx='318' cy='218' r='58'/%3E%3Cpath d='M318 160v58h44'/%3E%3Ccircle cx='1290' cy='650' r='62'/%3E%3Cpath d='M1290 588a62 62 0 1 1-51 97h51z'/%3E%3Cpath d='M1290 588v62h62a62 62 0 0 0-62-62z'/%3E%3Cpath d='M1116 466l27-54 31 27 27-67 35 49 29-28'/%3E%3Cpath d='M191 386c50-56 103-93 182-117'/%3E%3Cpath d='M354 253l19 15-20 7'/%3E%3Cpath d='M1170 320h104v22h-104zM1188 286h68v22h-68zM1206 252h32v22h-32z'/%3E%3Ctext x='104' y='268' fill='%238d2944' font-family='Arial' font-size='48' font-weight='700' opacity='.16'%3E₺%3C/text%3E%3Ctext x='1430' y='420' fill='%238d2944' font-family='Arial' font-size='42' font-weight='700' opacity='.16'%3E$%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: .68;
}
.section:not(.muted):not(.dark):not(#hakkimda)::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,.80), rgba(255,255,255,.52) 52%, rgba(255,255,255,.78));
}

/* Krem / muted bölümler */
.section.muted {
  background: rgba(248,244,241,.88);
}
.section.muted::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cg fill='none' stroke='%23b8955a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.14'%3E%3Cpolyline points='102,244 182,206 262,238 342,174 428,204 516,148'/%3E%3Cpolyline points='990,680 1070,628 1152,654 1238,584 1326,614 1410,542'/%3E%3Crect x='1100' y='650' width='38' height='112' rx='7'/%3E%3Crect x='1158' y='604' width='38' height='158' rx='7'/%3E%3Crect x='1216' y='632' width='38' height='130' rx='7'/%3E%3Ccircle cx='290' cy='646' r='62'/%3E%3Cpath d='M290 584v62h62'/%3E%3Ccircle cx='1328' cy='224' r='58'/%3E%3Cpath d='M1328 166a58 58 0 0 1 51 86h-51z'/%3E%3Cpath d='M330 378l28-56 32 28 28-70 36 50 30-28'/%3E%3Cpath d='M1122 398c49-55 99-90 178-116'/%3E%3Cpath d='M1280 269l20 14-19 8'/%3E%3Cpath d='M168 470h104v22H168zM186 436h68v22h-68zM204 402h32v22h-32z'/%3E%3Ctext x='74' y='580' fill='%23b8955a' font-family='Arial' font-size='46' font-weight='700' opacity='.17'%3E%25%3C/text%3E%3Ctext x='1430' y='500' fill='%23b8955a' font-family='Arial' font-size='42' font-weight='700' opacity='.17'%3E₺%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: .70;
}
.section.muted::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(248,244,241,.74), rgba(255,255,255,.48), rgba(248,244,241,.74));
}

/* Koyu yayınlar bölümü */
.section.dark {
  background: rgba(36,17,23,.96);
}
.section.dark::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cg fill='none' stroke='%23e4c693' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' opacity='.13'%3E%3Cpolyline points='74,652 160,602 244,625 330,552 420,580 508,498'/%3E%3Cpolyline points='1020,218 1098,180 1180,220 1260,160 1346,190 1430,136'/%3E%3Crect x='106' y='604' width='38' height='110' rx='7'/%3E%3Crect x='164' y='558' width='38' height='156' rx='7'/%3E%3Crect x='222' y='586' width='38' height='128' rx='7'/%3E%3Ccircle cx='1324' cy='652' r='62'/%3E%3Cpath d='M1324 590v62h62'/%3E%3Cpath d='M1142 420l28-54 31 26 28-67 35 48 29-27'/%3E%3Cpath d='M232 340c46-50 96-84 170-110'/%3E%3Cpath d='M382 214l18 15-19 7'/%3E%3Cpath d='M1120 300h104v22h-104zM1138 266h68v22h-68zM1156 232h32v22h-32z'/%3E%3Ctext x='106' y='258' fill='%23e4c693' font-family='Arial' font-size='46' font-weight='700' opacity='.16'%3E₺%3C/text%3E%3Ctext x='1436' y='448' fill='%23e4c693' font-family='Arial' font-size='42' font-weight='700' opacity='.16'%3E$%3C/text%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: .76;
}
.section.dark::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(36,17,23,.84), rgba(63,11,26,.58), rgba(36,17,23,.84));
}

/* Odak alanları şeridi */
.trust-strip {
  background: rgba(63,11,26,.97);
}
.trust-strip::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(115deg, transparent 0 14%, rgba(228,198,147,.07) 14% 14.4%, transparent 14.4% 30%, rgba(228,198,147,.06) 30% 30.4%, transparent 30.4%),
    radial-gradient(circle at 18% 50%, rgba(228,198,147,.07), transparent 22%),
    radial-gradient(circle at 82% 50%, rgba(255,255,255,.04), transparent 20%);
}

/* Footer da tek renk kalmasın */
.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='680' height='240' viewBox='0 0 680 240'%3E%3Cg fill='none' stroke='%23e4c693' stroke-width='2' opacity='.10'%3E%3Cpolyline points='20,188 90,148 154,168 222,116 290,138 356,82'/%3E%3Crect x='420' y='134' width='28' height='58' rx='5'/%3E%3Crect x='462' y='106' width='28' height='86' rx='5'/%3E%3Crect x='504' y='122' width='28' height='70' rx='5'/%3E%3Ccircle cx='602' cy='72' r='34'/%3E%3Cpath d='M602 38v34h25'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: center;
  background-size: 680px 240px;
}

/* Kart ve içeriklerin okunabilirliği */
.expertise-card,
.featured-main,
.mini-card,
.document-card,
.article-card,
.contact-card,
.contact-form,
.rich-text,
.hero-card {
  backdrop-filter: blur(3px);
}

@media (max-width: 980px) {
  body {
    background-attachment: scroll;
    background-size: auto, auto, 420px 420px;
  }
  .section:not(.muted):not(.dark):not(#hakkimda)::before,
  .section.muted::before,
  .section.dark::before {
    background-size: 1350px auto;
    opacity: .52;
  }
}

@media (max-width: 640px) {
  body {
    background-size: auto, auto, 360px 360px;
  }
  .section:not(.muted):not(.dark):not(#hakkimda)::before,
  .section.muted::before,
  .section.dark::before {
    background-size: 1050px auto;
    opacity: .38;
  }
  .section:not(.muted):not(.dark):not(#hakkimda)::after,
  .section.muted::after,
  .section.dark::after {
    opacity: .94;
  }
}


/* Seçilmiş vaka analizleri */
.case-section { position: relative; overflow: hidden; background: rgba(248,244,241,.72); }
.case-section::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 8% 12%, rgba(108,20,44,.08), transparent 25%), radial-gradient(circle at 92% 78%, rgba(184,149,90,.10), transparent 28%); pointer-events:none; }
.case-section .container { position: relative; z-index: 1; }
.case-grid { margin-top: 52px; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.case-card { display:flex; flex-direction:column; min-height:100%; border:1px solid rgba(108,20,44,.12); border-radius:26px; overflow:hidden; background:rgba(255,255,255,.88); box-shadow:0 18px 45px rgba(45,12,24,.08); transition:.22s ease; }
.case-card:hover { transform:translateY(-5px); box-shadow:0 24px 58px rgba(45,12,24,.13); }
.case-visual { display:block; padding:12px 12px 0; }
.case-visual img { width:100%; aspect-ratio:5/3; object-fit:cover; border-radius:18px; }
.case-body { display:flex; flex-direction:column; flex:1; padding:24px 25px 26px; }
.case-meta { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.case-meta span { padding:6px 9px; border-radius:999px; background:#f7eef1; border:1px solid #ead8de; color:var(--wine); font-size:11px; font-weight:700; }
.case-card h3 { margin:0 0 12px; font-family:"Playfair Display",serif; font-size:27px; line-height:1.18; }
.case-card p { margin:0; color:var(--text); }
.case-actions { margin-top:auto; padding-top:22px; display:flex; flex-wrap:wrap; gap:16px; }
.case-actions a { color:var(--wine); text-decoration:none; font-weight:700; font-size:13px; }
.case-actions a:hover { text-decoration:underline; }
.case-disclaimer { margin-top:28px; padding:18px 22px; border-left:3px solid var(--gold); border-radius:0 16px 16px 0; background:rgba(255,255,255,.76); color:#61565a; font-size:14px; }

/* Vaka detay sayfaları */
.case-facts { margin:28px 0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.case-facts > div { padding:18px; border:1px solid var(--line); border-radius:16px; background:rgba(248,244,241,.72); }
.case-facts dt { color:var(--wine); font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.case-facts dd { margin:7px 0 0; font-weight:700; }
.case-callout { margin:30px 0; padding:24px 26px; border-radius:20px; background:linear-gradient(145deg,#4a0d20,#7b1d37); color:#fff; }
.case-callout h2 { margin:0 0 10px; font-family:"Playfair Display",serif; font-size:28px; }
.case-callout p { margin:0; color:rgba(255,255,255,.82); }
.risk-list { display:grid; gap:12px; margin:22px 0; padding:0; list-style:none; }
.risk-list li { padding:16px 18px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.72); }
.risk-list strong { color:var(--wine); }
.source-card { padding:22px; border-radius:20px; background:rgba(248,244,241,.85); border:1px solid var(--line); }
.source-card a { color:var(--wine); font-weight:700; }
@media(max-width:980px){.case-grid{grid-template-columns:1fr 1fr}.case-facts{grid-template-columns:1fr}.site-nav{gap:18px}}
@media(max-width:680px){.case-grid{grid-template-columns:1fr}.case-card h3{font-size:24px}.case-body{padding:21px}.case-actions{gap:12px}}


/* LinkedIn profil rozeti */
.linkedin-badge-panel {
  margin-top: 28px;
  padding-top: 26px;
  border-top: 1px solid rgba(108,20,44,.12);
}
.linkedin-badge-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.linkedin-badge-heading strong,
.linkedin-badge-heading small {
  display: block;
}
.linkedin-badge-heading strong {
  color: var(--ink);
  font-size: 15px;
}
.linkedin-badge-heading small {
  margin-top: 2px;
  color: var(--text);
  font-size: 12px;
}
.linkedin-badge-icon {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #0a66c2;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.linkedin-badge-frame {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border-radius: 14px;
  background: #171717;
  scrollbar-width: thin;
}
.linkedin-badge-frame .LI-profile-badge {
  min-width: 330px;
}
.linkedin-fallback-link {
  display: inline-flex;
  margin-top: 12px;
  color: var(--wine);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
.linkedin-fallback-link:hover {
  text-decoration: underline;
}
@media (max-width: 560px) {
  .linkedin-badge-panel {
    margin-top: 24px;
    padding-top: 22px;
  }
  .linkedin-badge-frame .LI-profile-badge {
    min-width: 300px;
    transform-origin: top left;
  }
}


/* =========================================================
   KURUMSAL MONOGRAM VE HAKKIMDA PORTRESİ — 05.08.2026
   ========================================================= */
.brand-mark {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 0;
  background: transparent;
  color: inherit;
  overflow: visible;
}
.brand-logo {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

#hakkimda .split-grid {
  grid-template-columns: minmax(300px, .88fr) minmax(0, 1.12fr);
  align-items: start;
  gap: clamp(54px, 7vw, 96px);
}
#hakkimda .section-heading {
  width: 100%;
  max-width: 430px;
}
.about-portrait {
  position: relative;
  width: min(100%, 350px);
  margin: 0 0 30px;
  padding: 5px;
  overflow: hidden;
  border: 1px solid rgba(108, 20, 44, .12);
  border-radius: 24px;
  background: rgba(255,255,255,.88);
  box-shadow: 0 18px 38px rgba(45, 12, 24, .11);
}
.about-portrait::after {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid rgba(255,255,255,.48);
  border-radius: 18px;
  pointer-events: none;
}
.about-portrait img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center 30%;
  border-radius: 18px;
}
#hakkimda .section-heading h2 {
  max-width: 430px;
}

@media (max-width: 980px) {
  #hakkimda .split-grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }
  #hakkimda .section-heading {
    max-width: 680px;
  }
  .about-portrait {
    width: min(100%, 340px);
  }
}

@media (max-width: 640px) {
  .brand-mark,
  .brand-logo {
    width: 46px;
    height: 46px;
  }
  .brand-mark { flex-basis: 46px; }
  .about-portrait {
    width: min(100%, 310px);
    margin-bottom: 24px;
    border-radius: 20px;
  }
  .about-portrait img { border-radius: 15px; }
  .about-portrait::after { border-radius: 15px; }
}


.brand-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.hero-card .portrait-wrap {
  display: grid;
  place-items: center;
  padding: 24px;
  background: linear-gradient(145deg, rgba(108,20,44,.12), rgba(108,20,44,.04));
}
.hero-card .portrait-wrap img {
  width: min(100%, 280px);
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}


/* Exact user-provided CHM logo — cache-safe final version */
.brand-mark {
  width: 66px !important;
  height: 54px !important;
  flex: 0 0 66px !important;
  overflow: visible;
}
.brand-logo {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center;
  display: block;
}
@media (max-width: 640px) {
  .brand-mark {
    width: 56px !important;
    height: 46px !important;
    flex-basis: 56px !important;
  }
}


/* =========================================================
   SİTE ARKA PLAN MÜZİĞİ
   ========================================================= */
.site-music-player {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 1200;
}
.site-music-player audio { display: none; }
.music-toggle {
  min-width: 112px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  background: rgba(108,20,44,.96);
  color: #fff;
  font: 700 13px/1 "DM Sans", sans-serif;
  letter-spacing: .01em;
  cursor: pointer;
  box-shadow: 0 12px 30px rgba(45,7,18,.24);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.music-toggle:hover {
  transform: translateY(-2px);
  background: #7d1634;
  box-shadow: 0 15px 34px rgba(45,7,18,.3);
}
.music-toggle:focus-visible {
  outline: 3px solid rgba(108,20,44,.24);
  outline-offset: 4px;
}
.music-toggle:disabled {
  opacity: .6;
  cursor: not-allowed;
  transform: none;
}
.music-note {
  font-family: Georgia, serif;
  font-size: 20px;
  line-height: 1;
  transform: translateY(-1px);
}
.music-levels {
  height: 16px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
.music-levels i {
  width: 2px;
  height: 5px;
  display: block;
  border-radius: 2px;
  background: currentColor;
  opacity: .72;
}
.site-music-player.is-playing .music-levels i {
  animation: chmMusicLevel .75s ease-in-out infinite alternate;
}
.site-music-player.is-playing .music-levels i:nth-child(2) { animation-delay: .18s; }
.site-music-player.is-playing .music-levels i:nth-child(3) { animation-delay: .34s; }
@keyframes chmMusicLevel {
  from { height: 4px; opacity: .65; }
  to { height: 14px; opacity: 1; }
}
@media (max-width: 640px) {
  .site-music-player { right: 14px; bottom: 14px; }
  .music-toggle { min-width: 48px; width: 48px; padding: 0; }
  .music-label, .music-levels { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .music-toggle, .music-levels i { transition: none; animation: none !important; }
}


/* Arka plan müziği görünmez çalışır; ekranda kontrol düğmesi gösterilmez. */
.site-music-player, .music-toggle { display: none !important; }