/* ozlemguzelis.com — site.css (zarif editoryal) */

/* ---------- Fontlar (self-host, OFL — bkz. /fonts/OFL.txt) ---------- */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/cormorant-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:"Figtree";font-style:italic;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:italic;font-weight:300 900;font-display:swap;src:url(/fonts/figtree-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Tokenlar ---------- */
:root{
  --bg:#F7F4EC;--bg-alt:#EFEBE0;--ink:#2A2A27;--ink-muted:#5F5E58;
  --sage:#8A9A84;--sage-text:#4F6350;--sage-deep:#3F5242;--line:#DAD5C8;--focus:#4F6350;
  --band:#1F2A24;--band-text:#F3F0E7;--band-muted:#C3C9BC;--band-accent:#A9B9A5;--band-line:rgba(243,240,231,.16);
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:clamp(2.75rem,1.5rem + 5.2vw,6rem);
  --fs-h1:clamp(2.25rem,1.4rem + 3.2vw,4rem);
  --fs-h2:clamp(1.75rem,1.2rem + 2vw,2.75rem);
  --fs-h3:clamp(1.25rem,1.05rem + .7vw,1.6rem);
  --fs-lead:clamp(1.125rem,1.02rem + .4vw,1.3rem);
  --fs-body:clamp(1rem,.95rem + .25vw,1.125rem);
  --fs-small:.875rem;--fs-label:.75rem;--fs-nav:.8125rem;
  --max:1200px;--gutter:clamp(1.25rem,4vw,4rem);--col-gap:clamp(1rem,2.5vw,2rem);
  --space-2:1rem;--space-3:1.5rem;--space-4:2.25rem;--space-5:3rem;--space-6:clamp(3.5rem,6vw,5.5rem);
  --header-h:4.5rem;
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:var(--fs-body);line-height:1.65;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-wrap:break-word}
img{display:block;max-width:100%;height:auto}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:400;color:var(--ink);text-wrap:balance;overflow-wrap:normal}
h1{font-size:var(--fs-h1);line-height:1.08;letter-spacing:-.005em}
h2{font-size:var(--fs-h2);line-height:1.15}
h3{font-size:var(--fs-h3);font-weight:500;line-height:1.3}
p{margin:0;text-wrap:pretty}
p + p{margin-top:1.1em}
ul,ol,dl,dd,figure{margin:0;padding:0}
a{color:inherit;text-decoration:underline;text-decoration-color:var(--sage);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .2s,text-decoration-color .2s}
a:hover{color:var(--sage-deep);text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
:focus:not(:focus-visible){outline:0}
::selection{background:var(--sage);color:var(--ink)}
[id]{scroll-margin-top:calc(var(--header-h) + 1rem)}
button{font:inherit;color:inherit}
cite{font-style:italic}
time{font-variant-numeric:tabular-nums}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.prose p,.prose li{max-width:70ch}
.lead{font-size:var(--fs-lead);line-height:1.55}
.muted{color:var(--ink-muted)}
.skip-link{position:absolute;left:1rem;top:-100%;z-index:100;padding:.6rem 1rem;background:var(--ink);color:var(--bg);text-decoration:none}
.skip-link:focus{top:1rem}
main{flex:1 0 auto}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>")}
main:focus{outline:0}

/* ---------- Eyebrow / linkler ---------- */
.eyebrow{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-text)}
.eyebrow-num{font-variant-numeric:tabular-nums}
.eyebrow-dash{display:inline-block;width:2rem;height:1px;background:var(--sage)}
.arrow-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:500;text-decoration:none;color:var(--sage-text);border-bottom:1px solid transparent;padding-block:.15rem}
.arrow-link:hover{color:var(--sage-deep);border-bottom-color:var(--sage)}
.arrow{width:1em;height:1em;flex:none;transition:transform .2s}
.arrow-link:hover .arrow{transform:translateX(3px)}
.more{margin-top:var(--space-4)}
.btn{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.7rem 1.35rem;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:500;text-decoration:none;transition:background .25s,transform .25s,box-shadow .25s}
.btn:hover{background:var(--sage-deep);color:var(--bg);transform:translateY(-2px);box-shadow:0 12px 28px rgba(42,42,39,.16)}
.btn .arrow{transition:transform .25s}
.btn:hover .arrow{transform:translateX(3px)}
.btn--light,.band .btn--light{background:var(--bg);color:var(--band)}
.btn--light:hover,.band .btn--light:hover{background:var(--band-accent);color:var(--band)}

/* ---------- Header / menü ---------- */
.site-header{position:sticky;top:0;z-index:50;isolation:isolate;background:rgba(247,244,236,.86);border-bottom:1px solid var(--line)}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15)}
.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:var(--header-h)}
.site-header{transition:box-shadow .35s}
.site-header.is-scrolled{box-shadow:0 12px 32px rgba(42,42,39,.06)}
.scroll-progress{position:fixed;top:0;left:0;right:0;z-index:70;height:2px;background:var(--sage);transform-origin:left;transform:scaleX(var(--progress,0));pointer-events:none}
.brand{display:inline-flex;align-items:baseline;gap:.45rem;font-family:var(--serif);font-size:1.35rem;font-weight:500;text-decoration:none;color:var(--ink);white-space:nowrap}
.brand-pre{font-family:var(--sans);font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--sage-text)}
.nav-list{list-style:none;display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.25rem)}
.nav-list > li{position:relative}
.nav-list > li > a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:.25rem 0;font-size:var(--fs-nav);font-weight:500;letter-spacing:.1em;text-decoration:none;color:var(--ink)}
.nav-list > li > a::after{content:"";position:absolute;left:0;right:0;bottom:.55rem;height:1px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.nav-list > li > a:hover::after,.nav-list > li > a:focus-visible::after,.nav-list > li > a[aria-current="page"]::after{transform:scaleX(1)}
.nav-list > li > a[aria-current="page"],.nav-list > li > a:hover{color:var(--sage-deep)}
.has-sub{display:flex;align-items:center;gap:.15rem}
.sub-toggle{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.sub-toggle:hover{color:var(--sage-deep)}
.sub-toggle svg{transition:transform .2s}
.sub-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav-sub{list-style:none;min-width:17rem;padding:.5rem 0}
.nav-sub a{display:block;padding:.6rem 1.1rem;font-size:var(--fs-small);text-decoration:none;color:var(--ink)}
.nav-sub a:hover,.nav-sub a:focus-visible{color:var(--sage-deep);background:var(--bg-alt)}
.burger{display:none;width:48px;height:48px;padding:0;border:0;background:none;cursor:pointer;place-items:center;align-content:center;gap:6px}
.burger-line{display:block;width:22px;height:1.5px;background:var(--ink);transition:transform .25s}
.burger[aria-expanded="true"] .burger-line:first-child{transform:translateY(3.75px) rotate(45deg)}
.burger[aria-expanded="true"] .burger-line:last-child{transform:translateY(-3.75px) rotate(-45deg)}

@media (min-width:960px){
  .nav-sub{position:absolute;top:calc(100% - .35rem);left:-1.1rem;z-index:60;background:var(--bg);border:1px solid var(--line);display:none}
  html:not(.js) .has-sub:hover .nav-sub,html:not(.js) .has-sub:focus-within .nav-sub,.js .has-sub.is-open .nav-sub{display:block}
  .burger{display:none!important}
}
@media (max-width:959.98px){
  :root{--header-h:3.75rem}
  .js .burger{display:grid}
  .js .site-nav{display:none;position:fixed;top:var(--header-h);right:0;bottom:0;left:0;z-index:40;overflow:auto;background:var(--bg);padding:.5rem var(--gutter) 3rem}
  .js .site-nav.is-open{display:block}
  html:not(.js) .site-header{position:static}
  html:not(.js) .site-nav{padding:0 0 1rem}
  html:not(.js) .site-header-inner{flex-wrap:wrap}
  .nav-list{flex-direction:column;align-items:stretch;gap:0}
  .nav-list > li > a{display:flex;min-height:0;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.95rem}
  .nav-list > li > a::after{display:none}
  .has-sub{display:block}
  .sub-toggle{display:none}
  .nav-sub{display:block;padding:.25rem 0 .5rem 1rem;min-width:0}
  .nav-sub a{padding:.7rem 0;border-bottom:1px solid var(--line)}
  .nav-sub a:hover,.nav-sub a:focus-visible{background:none}
  body.is-nav-open{overflow:hidden}
}

/* ---------- Bölüm ızgarası ---------- */
.section{position:relative;isolation:isolate;padding-block:var(--space-6)}
.section:not(:first-child){border-top:1px solid var(--line)}
.section-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);row-gap:var(--space-4)}
.section-head{grid-column:1/5;grid-row:1;position:relative}
.section-head > p:not(.eyebrow){margin-top:1.25rem;max-width:40ch}
.section-aside{grid-column:1/5;grid-row:2;align-self:start}
.section-head::before,.page-head::before{content:attr(data-num);position:absolute;z-index:-1;left:-.08em;top:-.62em;font-family:var(--serif);font-size:clamp(6.5rem,13vw,11rem);font-weight:300;line-height:1;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px var(--line);pointer-events:none;user-select:none}
.band .section-head::before{-webkit-text-stroke-color:rgba(243,240,231,.14)}
.js .section-head::before,.js .page-head::before{transform:translate3d(0,calc((.5 - var(--p,.5)) * 90px),0)}
.js .band::before{transform:translate3d(0,calc((.5 - var(--p,.5)) * 140px),0)}
.page-head{position:relative;isolation:isolate}
.page-head::before{top:-.1em}
.section-body{grid-column:5/13;grid-row:1/3;min-width:0}
@media (min-width:960px){.section-head{position:sticky;top:calc(var(--header-h) + 2rem);align-self:start}}
@media (max-width:959.98px){.section-head,.section-body,.section-aside{grid-column:1/-1;grid-row:auto}.section-grid{row-gap:var(--space-3)}.section-head::before,.page-head::before{font-size:5.5rem;top:-.5em}}

/* ---------- Hero ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(2rem,5vw,4rem) clamp(3rem,6vw,4.5rem)}
.hero::before{content:"";position:absolute;z-index:-1;left:-12%;top:-30%;width:min(60vw,760px);aspect-ratio:1;border-radius:50%;border:1px solid var(--line);opacity:.7;pointer-events:none}
.hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:center}
.hero-copy{grid-column:1/7}
.hero-visual{grid-column:8/13;position:relative;perspective:1200px}
.hero-visual::before{content:"";position:absolute;z-index:-1;inset:-14% -22% -10% -22%;background:radial-gradient(55% 50% at 55% 48%,rgba(138,154,132,.26),transparent 72%);filter:blur(12px);pointer-events:none}
.hero-visual::after{content:"";position:absolute;z-index:-1;inset:0;translate:22px 22px;border:1px solid rgba(138,154,132,.5);border-radius:999px 999px 8px 8px;pointer-events:none}
.hero h1{font-size:var(--fs-display);line-height:1.02;letter-spacing:-.01em}
.h1-pre{display:block;margin-bottom:1.1rem;font-family:var(--sans);font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-text)}
.role{margin-top:1.6rem;font-size:.9rem;font-weight:500;letter-spacing:.16em;color:var(--sage-text)}
.hero-links{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2.5rem}
.portrait{aspect-ratio:3/4;overflow:hidden;border-radius:999px 999px 8px 8px;outline:1px solid var(--sage);outline-offset:8px;background:var(--bg-alt);transform-style:preserve-3d;will-change:transform}
.js .portrait{transform:translate3d(0,calc(var(--sy,0) * .08px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.js .hero-copy{transform:translate3d(0,calc(var(--sy,0) * .05px),0)}
.js .hero::before{transform:translate3d(0,calc(var(--sy,0) * -.14px),0)}
.js .hero-visual::before{translate:0 calc(var(--sy,0) * .22px)}
.js .hero-visual::after{translate:calc(22px + var(--sy,0) * .01px) calc(22px + var(--sy,0) * .05px)}
.scroll-cue{position:absolute;left:var(--gutter);bottom:1.5rem;z-index:1;display:inline-flex;align-items:center;gap:.7rem;font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);text-decoration:none}
.scroll-cue:hover{color:var(--sage-deep)}
.scroll-cue-line{position:relative;display:block;width:2.8rem;height:1px;background:var(--line);overflow:hidden}
.scroll-cue-line::after{content:"";position:absolute;inset:0;background:var(--sage-text);transform:translateX(-100%)}
.portrait img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.js .portrait img{transform:scale(calc(1 + var(--sy,0) * .00012))}
.js .portrait:hover img{transform:scale(calc(1.03 + var(--sy,0) * .00012))}
@media (max-width:959.98px){
  .hero{padding-top:2rem}
  .hero-grid{display:flex;flex-direction:column}
  .hero-visual{order:-1;width:min(420px,78vw);margin:.75rem auto 2.5rem}
  .hero-copy{width:100%}
  .hero-links{margin-top:2rem}
}

/* ---------- Biyografi + özgeçmiş kartları (anasayfa) ---------- */
.cv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:var(--space-5)}
.cv-cards--stack{grid-template-columns:1fr;gap:.75rem;margin-top:1.5rem}
.cv-cards--stack .cv-card{min-height:0;flex-direction:row;align-items:center;gap:1rem;padding:1rem 1.1rem}
.cv-cards--stack .cv-title{font-size:1.15rem}
@media (max-width:959.98px){.cv-cards--stack{margin-top:var(--space-4)}}
@media (min-width:700px) and (max-width:959.98px){.cv-cards--stack{grid-template-columns:repeat(3,minmax(0,1fr))}.cv-cards--stack .cv-card{flex-direction:column;align-items:stretch}}
.cv-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.75rem;min-height:9.5rem;padding:1.25rem;border:1px solid var(--line);background:rgba(255,255,255,.35);text-decoration:none;color:var(--ink);transition:border-color .25s,transform .25s,box-shadow .25s}
.cv-card::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--sage);transition:width .4s cubic-bezier(.2,.7,.2,1)}
.cv-card{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.cv-card:hover,.cv-card:focus-visible{border-color:var(--sage);color:var(--ink);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px);box-shadow:0 16px 36px rgba(42,42,39,.08)}
.cv-card:hover::after,.cv-card:focus-visible::after{width:100%}
.cv-num{font-size:var(--fs-label);letter-spacing:.14em;color:var(--sage-text);font-variant-numeric:tabular-nums}
.cv-title{font-family:var(--serif);font-size:1.35rem;font-weight:500;line-height:1.2;flex:1}
.cv-arrow{color:var(--sage-text)}
.cv-card:hover .cv-arrow{transform:translateX(3px)}
@media (max-width:700px){.cv-cards{grid-template-columns:1fr}.cv-card{min-height:0}}

/* ---------- Çalışma alanı bağlantıları (anasayfa) ---------- */
.area-links{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin-top:var(--space-4);border-top:1px solid var(--line)}
.area-links a{display:flex;gap:.9rem;align-items:baseline;padding:.8rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.area-links a:hover{color:var(--sage-deep);padding-left:.35rem}
.area-links a{transition:color .2s,padding-left .25s}
.area-links .num{flex:0 0 auto;min-width:1.5em;white-space:nowrap;font-size:var(--fs-label);letter-spacing:.1em;color:var(--sage-text);font-variant-numeric:tabular-nums}
@media (max-width:700px){.area-links{grid-template-columns:1fr}}

/* ---------- Koyu bant (anasayfa iletişim) ---------- */
.band{background:radial-gradient(420px circle at var(--mx,72%) var(--my,28%),rgba(169,185,165,.07),transparent 65%) var(--band);color:var(--band-text);border-top:0;overflow:hidden;border-radius:36px 36px 0 0}
.band::before{content:"";position:absolute;z-index:-1;right:-8%;top:-35%;width:min(52vw,680px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(169,185,165,.2),transparent 64%);pointer-events:none}
.band::after{content:"";position:absolute;z-index:-1;right:5%;bottom:-40%;width:min(24rem,40vw);aspect-ratio:3/4;border:1px solid rgba(243,240,231,.1);border-radius:999px 999px 8px 8px;pointer-events:none}
.band h2{color:var(--band-text)}
.band .eyebrow{color:var(--band-accent)}
.band .eyebrow-dash{background:var(--band-accent)}
.band a{color:var(--band-text);text-decoration-color:var(--band-accent)}
.band a:hover{color:var(--band-accent)}
.band .arrow-link{color:var(--band-accent)}
.band .arrow-link:hover{color:var(--band-text);border-bottom-color:var(--band-accent)}
.contact-lines{border-top:1px solid var(--band-line)}
.contact-line{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;align-items:baseline;padding:1.1rem 0;border-bottom:1px solid var(--band-line)}
.contact-line dt{font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--band-muted)}
.contact-line dd{overflow-wrap:anywhere;font-family:var(--serif);font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.25}
.contact-line dd{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem}
.contact-actions,.card-actions{display:inline-flex;flex-wrap:wrap;gap:.5rem}
.chip{display:inline-flex;align-items:center;min-height:32px;padding:.25rem .8rem;border:1px solid var(--band-line);border-radius:999px;font-family:var(--sans);font-size:var(--fs-label);font-weight:500;letter-spacing:.1em;text-transform:uppercase;line-height:1;text-decoration:none;color:var(--band-accent);transition:background .2s,color .2s,border-color .2s}
.band .chip:hover,.band .chip:focus-visible{background:var(--band-accent);border-color:var(--band-accent);color:var(--band)}
.card .chip{border-color:var(--line);color:var(--sage-text)}
.card .chip:hover,.card .chip:focus-visible{background:var(--sage-deep);border-color:var(--sage-deep);color:var(--bg)}
.card-actions{margin-top:.9rem}
.card--phone .card-value{margin-top:auto}
@media (max-width:520px){.contact-line{grid-template-columns:1fr;gap:.25rem}}

/* ---------- Footer ---------- */
.site-footer{background:var(--bg-alt);border-top:1px solid var(--line);padding-block:2.5rem 1.5rem;font-size:var(--fs-small);color:var(--ink-muted)}
.footer-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 3rem;align-items:start}
.footer-name{font-family:var(--serif);font-size:1.3rem;color:var(--ink)}
.footer-logo{display:block;width:min(240px,70vw);height:auto;margin-bottom:.35rem}
.footer-role{margin-top:.2rem}
.footer-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.footer-nav a{text-decoration:none}
.footer-nav a:hover{text-decoration:underline}
.footer-copy{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid var(--line)}
@media (max-width:700px){.footer-grid{grid-template-columns:1fr}}

/* ---------- Alt sayfa başlığı ---------- */
.page-head{padding-block:clamp(2.5rem,5vw,3.5rem) clamp(1.5rem,3vw,2.25rem)}
@media (min-width:960px){.page-head--split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);align-items:end}.page-head--split > :first-child{grid-column:1/5}.page-head--split > :last-child{grid-column:5/13}.page-head--split .lead{margin-top:0}}
.page-head .lead{margin-top:1.25rem;max-width:62ch;color:var(--ink-muted)}

/* ---------- Hakkımda: biyografi + sekmeler ---------- */
.bio-section{padding-block:0 var(--space-5)}
@media (min-width:960px){.bio-section{columns:2;column-gap:3.5rem}.bio-section p{max-width:none;break-inside:avoid}.bio-section .lead{column-span:all;margin-bottom:1.25rem}}
.cv-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);row-gap:var(--space-3);padding-block:var(--space-4) var(--space-6);border-top:1px solid var(--line)}
.tabs-nav{grid-column:1/4}
.tab-panels{grid-column:4/13;min-width:0}
.tabs-title{margin-bottom:1rem;font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-text)}
.cv-index{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.cv-index a{display:block;padding:.9rem 0 .9rem 1rem;border-bottom:1px solid var(--line);border-left:2px solid transparent;font-size:.95rem;font-weight:500;line-height:1.35;text-decoration:none;color:var(--ink);transition:color .2s,border-color .2s}
.cv-index a:hover{color:var(--sage-deep)}
.cv-index a[aria-current="true"]{color:var(--sage-deep);border-left-color:var(--sage)}
.cv-panel > h2{margin-bottom:var(--space-3)}
.cv-panel h3{margin:var(--space-4) 0 .9rem}
.cv-panel > h2 + h3{margin-top:0}
.cv-panel + .cv-panel{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--line)}
@media (min-width:960px){.tabs-nav{position:sticky;top:calc(var(--header-h) + 1.5rem);align-self:start}}
@media (max-width:959.98px){
  .tabs-nav,.tab-panels{grid-column:1/-1}
  .tabs-title{display:none}
  .tabs-nav{position:sticky;top:var(--header-h);z-index:5;background:var(--bg);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
  .cv-index{flex-direction:row;gap:1.5rem;overflow-x:auto;border-top:0;border-bottom:1px solid var(--line);scrollbar-width:none;padding-inline:6px;margin-inline:-6px}
  .tab-panels [id]{scroll-margin-top:calc(var(--header-h) + 4.5rem)}
  .cv-index::-webkit-scrollbar{display:none}
  .cv-index a{white-space:nowrap;padding:.9rem 0;border-left:0;border-bottom:2px solid transparent;margin-bottom:-1px}
  .cv-index a[aria-current="true"]{border-bottom-color:var(--sage)}
}

/* Eğitim tanım listesi */
.deflist{display:grid;gap:0;border-top:1px solid var(--line)}
.deflist > div{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.deflist dt{font-size:var(--fs-label);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--sage-text);padding-top:.35rem}
.deflist + .note{margin-top:1rem;color:var(--ink-muted);font-size:var(--fs-small)}
@media (max-width:600px){.deflist > div{grid-template-columns:1fr;gap:.25rem}}

/* Zaman çizelgesi */
.timeline{list-style:none;position:relative;padding-left:1.6rem}
.timeline::before{content:"";position:absolute;left:4px;top:1.2rem;bottom:1.2rem;width:1px;background:var(--sage);transform-origin:top;transform:scaleY(var(--pv,1))}
.timeline li{position:relative;display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;padding:1.1rem 0;border-bottom:1px solid var(--line)}
.timeline li::before{content:"";position:absolute;left:calc(-1.6rem - .5px);top:1.5rem;width:9px;height:9px;border-radius:50%;background:var(--bg);border:1.5px solid var(--sage);box-shadow:0 0 0 3px var(--bg)}
.timeline li:first-child::before{background:var(--sage)}
.timeline li::before{transition:background .5s,transform .5s}
.js .timeline li.reveal.is-in::before{background:var(--sage);transform:scale(1.15)}
.tl-years{padding-top:.25rem;font-size:var(--fs-small);font-weight:500;color:var(--ink-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.tl-place{display:block;font-family:var(--serif);font-size:1.3rem;font-weight:500;line-height:1.25}
.tl-role{display:block;margin-top:.3rem;font-size:var(--fs-small);color:var(--sage-text)}
@media (max-width:600px){.timeline li{grid-template-columns:1fr;gap:.3rem}}

/* Terapi eğitimleri */
.training{list-style:none;border-top:1px solid var(--line)}
.training li{padding:1rem 0;border-bottom:1px solid var(--line)}
.tr-name{display:block;font-weight:500}
.tr-meta{display:block;margin-top:.3rem;font-size:var(--fs-small);color:var(--ink-muted)}

/* Yayınlar */
.pubs{list-style:none;counter-reset:pub;border-top:1px solid var(--line)}
.pubs li{position:relative;overflow-wrap:anywhere;padding:1rem 0 1rem 2.6rem;border-bottom:1px solid var(--line);font-size:var(--fs-small);line-height:1.6}
.pubs li::before{counter-increment:pub;content:counter(pub,decimal-leading-zero);position:absolute;left:0;top:1rem;font-family:var(--serif);font-size:1.1rem;line-height:1.3;color:var(--sage-text);font-variant-numeric:tabular-nums}
.kurum{font-weight:500;margin-bottom:.75rem}
.plain{list-style:none;border-top:1px solid var(--line)}
.plain li{padding:.8rem 0;border-bottom:1px solid var(--line)}

/* ---------- Çalışma alanlarım sayfası ---------- */
.areas-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--col-gap);row-gap:var(--space-3);padding-block:var(--space-4) var(--space-6);border-top:1px solid var(--line)}
@media (min-width:960px){.areas{columns:2;column-gap:2.5rem}.area{break-inside:avoid;padding:1.4rem 0}.areas .more{column-span:all;margin-top:var(--space-4)}}
.area-index{grid-column:1/4}
.areas{grid-column:4/13;min-width:0}
.area-index ol{list-style:none;border-top:1px solid var(--line)}
.area-index a{display:flex;gap:.75rem;align-items:baseline;padding:.55rem 0;border-bottom:1px solid var(--line);border-left:2px solid transparent;font-size:var(--fs-small);text-decoration:none;color:var(--ink-muted);transition:color .2s,padding-left .3s cubic-bezier(.2,.7,.2,1),border-color .3s}
.area-index a:hover,.area-index a[aria-current="true"]{color:var(--sage-deep)}
.area-index a[aria-current="true"]{border-left-color:var(--sage);padding-left:.6rem}
.area-index .num{flex:0 0 auto;min-width:1.5em;white-space:nowrap;font-size:var(--fs-label);letter-spacing:.1em;color:var(--sage-text);font-variant-numeric:tabular-nums}
.area{display:grid;grid-template-columns:3.5rem minmax(0,1fr);gap:.75rem;padding:var(--space-4) 0;border-bottom:1px solid var(--line)}
.area:first-child{padding-top:0}
.area-num{font-family:var(--serif);font-size:2.2rem;line-height:1;color:var(--sage-text);font-variant-numeric:tabular-nums;transform-origin:left top}
.area h2{font-size:var(--fs-h3);font-weight:500;line-height:1.3;transition:color .3s}
.area:target h2{color:var(--sage-deep)}
.area:target .area-num{color:var(--sage-text)}
.area ul{list-style:none;display:grid;gap:.55rem;margin-top:1rem;max-width:58ch}
.area li{position:relative;padding-left:1.2rem}
.area li::before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:var(--sage);transition:transform .25s}
.area li:hover::before{transform:scale(1.6)}
.area-note{color:var(--ink-muted)}
@media (min-width:960px){.area-index{position:sticky;top:calc(var(--header-h) + 1.5rem);align-self:start}}
@media (max-width:959.98px){
  .area-index,.areas{grid-column:1/-1}
  .area-index ol{columns:2;column-gap:1.5rem}
  .area-index li{break-inside:avoid}
}
@media (max-width:600px){.area{grid-template-columns:1fr;gap:.5rem}.area-index ol{columns:1}}

/* ---------- İletişim sayfası ---------- */
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-block:var(--space-3) var(--space-6)}
@media (max-width:600px){.contact-grid{grid-template-columns:1fr}}
.card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:.7rem;min-height:10rem;padding:1.5rem;border:1px solid var(--line);background:rgba(255,255,255,.35);text-decoration:none;color:var(--ink);transition:border-color .25s,transform .25s,box-shadow .25s}
a.card::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--sage);transition:width .4s cubic-bezier(.2,.7,.2,1)}
a.card{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
a.card:hover,a.card:focus-visible{border-color:var(--sage);color:var(--ink);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px);box-shadow:0 16px 36px rgba(42,42,39,.08)}
a.card:hover::after,a.card:focus-visible::after{width:100%}
.card-icon{width:22px;height:22px;color:var(--sage-text)}
.card-label{font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-text)}
.card-value{margin-top:auto;overflow-wrap:anywhere;font-family:var(--serif);font-size:clamp(1.3rem,2vw,1.6rem);line-height:1.25}

/* ---------- WhatsApp yüzen düğme ---------- */
.wa-float{position:fixed;right:clamp(1rem,3vw,1.75rem);bottom:clamp(1rem,3vw,1.75rem);z-index:45;display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}
.wa-btn{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--sage-deep);color:var(--bg);box-shadow:0 0 0 3px var(--bg),0 10px 28px rgba(31,42,36,.28);text-decoration:none;transition:transform .25s,background .25s,box-shadow .25s}
.wa-btn:hover,.wa-btn:focus-visible{transform:translateY(-2px);background:var(--band);color:var(--bg);box-shadow:0 0 0 3px var(--bg),0 14px 34px rgba(31,42,36,.34)}
.wa-btn svg{width:28px;height:28px}
.wa-btn::before{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--sage);opacity:0;pointer-events:none}
.wa-bubble{position:relative;width:min(19rem,calc(100vw - 2rem));padding:1rem 1.1rem 1.1rem;border:1px solid var(--line);border-radius:18px 18px 4px 18px;background:var(--bg);color:var(--ink);box-shadow:0 18px 44px rgba(42,42,39,.16);opacity:0;transform:translateY(8px) scale(.98);transform-origin:bottom right;transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.2,1)}
.wa-bubble.is-open{opacity:1;transform:none}
.wa-bubble-close{position:absolute;top:.55rem;right:.55rem;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink-muted);cursor:pointer}
.wa-bubble-close:hover{background:var(--bg-alt);color:var(--ink)}
.wa-bubble-close svg{width:14px;height:14px}
.wa-bubble-label{margin:0 2rem .35rem 0;font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-text)}
.wa-bubble-text{margin:0 0 .9rem;font-size:var(--fs-small);line-height:1.5}
.wa-bubble-link{min-height:40px;padding:.5rem 1rem;font-size:var(--fs-small)}
body.is-nav-open .wa-float{display:none}
@keyframes waRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
@keyframes waWiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}
.wa-float.is-nudging .wa-btn::before{animation:waRing 1.6s ease-out 3}
.wa-float.is-nudging .wa-btn{animation:waWiggle 1.1s ease-in-out .2s 2}
@media (max-width:700px){.site-footer{padding-bottom:5.5rem}}

/* ---------- Başa dön (ilerleme halkalı) ---------- */
.to-top{position:fixed;left:clamp(1rem,3vw,1.75rem);bottom:clamp(1rem,3vw,1.75rem);z-index:45;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--bg);color:var(--sage-deep);border:1px solid var(--line);box-shadow:0 8px 24px rgba(42,42,39,.12);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .35s,transform .35s,visibility 0s .35s}
.to-top.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .35s,transform .35s,visibility 0s}
.to-top:hover{color:var(--band);border-color:var(--sage)}
.to-top svg{position:absolute;inset:0;width:100%;height:100%}
.to-top .ring-bg{fill:none;stroke:var(--line);stroke-width:2}
.to-top .ring{fill:none;stroke:var(--sage);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--progress,0) * 100);transform:rotate(-90deg);transform-origin:50% 50%}
.to-top .chev{width:14px;height:14px;position:relative}
body.is-nav-open .to-top{display:none}

/* ---------- 404 ---------- */
.notfound-links{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem 2rem;margin-top:var(--space-4);padding-bottom:var(--space-6)}

/* ---------- Hareket ---------- */
@media screen and (prefers-reduced-motion:no-preference){
  .js .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
  .js .reveal:nth-child(2){transition-delay:.08s}
  .js .reveal:nth-child(3){transition-delay:.16s}
  .js .reveal:nth-child(4){transition-delay:.24s}
  .js .reveal.reveal-left{transform:translateX(-28px)}
  .js .reveal.reveal-right{transform:translateX(28px)}
  .js .reveal:nth-child(5){transition-delay:.32s}
  .js .reveal:nth-child(6){transition-delay:.4s}
  .js .reveal:nth-child(7){transition-delay:.48s}
  .js .reveal.is-in{opacity:1;transform:none}
  .js .reveal .eyebrow-dash{transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1) .2s}
  .js .reveal.is-in .eyebrow-dash{transform:scaleX(1)}
  .js a.card.reveal.is-in{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
  .js a.card.reveal.is-in:hover,.js a.card.reveal.is-in:focus-visible{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-3px)}
  .js .portrait img{animation:unveil 1.2s cubic-bezier(.2,.7,.2,1) .15s both}
  .scroll-cue-line::after{animation:cueSlide 2.4s cubic-bezier(.4,0,.2,1) infinite}
  @keyframes unveil{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
  @keyframes cueSlide{0%{transform:translateX(-100%)}55%{transform:translateX(100%)}100%{transform:translateX(100%)}}
  .js .hero-copy > *,.js .hero-visual{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
  .js .wa-float{animation:rise .6s cubic-bezier(.2,.7,.2,1) .7s both}
  .js .hero-copy > :nth-child(2){animation-delay:.1s}
  .js .hero-copy > :nth-child(3){animation-delay:.2s}
  .js .hero-visual{animation-delay:.15s;animation-duration:1s}
  @keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* ---------- Mobil: hareket katmanı geçersiz kılmaları (kaynak sırası gereği en sonda) ---------- */
@media (max-width:959.98px){
  .js .portrait,.js .hero-copy{transform:none}
  .js .portrait img,.js .portrait:hover img{transform:none}
  .js .hero-visual::after,.hero-visual::after{translate:14px 14px}
  .scroll-cue{display:none}
  .band{border-radius:24px 24px 0 0}
}

/* ---------- Yazdırma ---------- */
@media print{
  @page{margin:2cm}
  .site-header,.burger,.skip-link,.footer-nav,.hero-links,.more{display:none!important}
  body{background:#fff;color:#000;font-size:11pt}
  .band{background:#fff;color:#000;border-top:1px solid #000}
  .band a,.band h2,.band .contact-line dt,.band .eyebrow{color:#000}
  .band .eyebrow-dash{background:#000}
  .contact-line,.contact-lines{border-color:#000}
  .area-index{display:none}
  .tabs-nav{display:none}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em}
  .section-head{position:static}
  .js .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .js .hero-copy > *,.js .hero-visual,.js .wa-float{animation:none!important}
  body::after,.section-head::before,.page-head::before,.hero::before,.hero-visual::before,.hero-visual::after,.band::before,.band::after,.scroll-progress,.scroll-cue,.wa-float,.to-top{display:none}
}

/* ---------- Çerez onayı ve gizlilik sayfası ---------- */
.consent{position:fixed;left:clamp(1rem,3vw,1.75rem);bottom:clamp(1rem,3vw,1.75rem);z-index:46;width:min(25rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain;padding:1.1rem 1.2rem 1.2rem;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--ink);box-shadow:0 18px 44px rgba(42,42,39,.16)}
body.is-nav-open .consent{display:none}
.consent-label{margin:0 0 .35rem;font-size:var(--fs-label);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-text)}
.consent-text{margin:0 0 .9rem;max-width:none;font-size:var(--fs-small);line-height:1.5}
.consent-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.consent .btn{min-height:40px;padding:.5rem 1rem;border:0;font:inherit;font-size:var(--fs-small);font-weight:500;line-height:1.2;cursor:pointer}
.btn--ghost,.btn--ghost:hover{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink-muted)}
.btn--ghost:hover{background:var(--bg-alt)}
.link-btn{padding:0;border:0;background:none;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.link-btn:hover{color:var(--ink)}
.footer-copy .link-btn{display:inline-block;margin-left:1rem;padding:.6rem 0}
.js-only{display:none}
.js .js-only{display:inline}
.legal{padding-block:0 var(--space-6)}
.legal section{max-width:62ch}
.legal section + section{margin-top:var(--space-3)}
.legal h2{margin-bottom:.6rem}
.legal p + p{margin-top:.75rem}
.legal code{font-family:var(--sans);font-size:.92em;padding:.05em .35em;border-radius:4px;background:var(--bg-alt)}
.legal-date{margin-top:1.25rem;font-size:var(--fs-small);color:var(--ink-muted)}
body.consent-open .to-top{display:none}
@media (max-width:600px){.consent{left:1rem;right:1rem;width:auto;bottom:calc(1rem + 56px + .75rem);max-height:calc(100dvh - 2rem - 56px - .75rem)}}
@media print{.consent,.consent-open{display:none}}