:root{--navy:#091728;--navy-light:#12263e;--gold:#e2bd78;--ivory:#f7f4ed;--ink:#15273b;--muted:#45546a;--line:#d9cfbd}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--ivory);color:var(--ink);font:1rem/1.75 system-ui,sans-serif}main{flex:1}a{color:inherit;text-underline-offset:.24em}a:focus-visible,summary:focus-visible{outline:2px solid #946a2b;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.masthead,footer{background:var(--navy);color:var(--ivory)}header{border-bottom:1px solid #d8b37545}.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}header .bar{justify-content:center}nav{display:flex;justify-content:center;flex-wrap:wrap;gap:5px clamp(12px,3vw,36px);padding-block:12px}nav a{font-size:.86rem;text-decoration:none;padding:6px 0;color:#eee7da}nav a:hover,nav a[aria-current=page]{color:var(--gold);text-decoration:underline}
main>.masthead{background:radial-gradient(ellipse at 63% 18%,#193653 0%,#0d2035 46%,var(--navy) 80%);border-bottom:2px solid #b89455}.hero{min-height:min(650px,78vh);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:clamp(24px,6vw,90px);padding-block:clamp(32px,6vw,84px)}.hero figure{margin:0}.art img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 48%;height:auto;border:1px solid #e2bd785c;box-shadow:0 24px 65px #02091365}.hero-portrait{padding:8px;border:1px solid #e2bd7877;background:#0e2137;box-shadow:0 24px 65px #02091365}.hero-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 22%;height:auto}
.simple-section{padding-block:clamp(48px,8vw,100px)}.simple-section h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.14;margin:0}.simple-section h1,h2{font-size:clamp(2.8rem,7vw,5.2rem);letter-spacing:-.05em}.simple-section h1::after,h2::after{content:"";display:block;width:52px;height:2px;margin:22px 0 26px;background:#a67a38}h3{font-size:clamp(1.35rem,2.7vw,1.85rem)}p{margin:0 0 14px;max-width:68ch}.kicker,.number{color:#735421;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.rows,.practical-list{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:34px minmax(170px,.75fr) 1.25fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.row p{margin:0;color:var(--muted)}.about-list{max-width:72ch;padding-left:1.25em}.about-list li+li{margin-top:14px}.resources ul{list-style:none;padding:0;max-width:620px}.resources li,details{border-bottom:1px solid var(--line);padding:14px 0}.resources a{display:flex;justify-content:space-between;text-decoration:none}.resources a:hover{text-decoration:underline}summary{cursor:pointer;font-weight:650}details p{margin:12px 0 8px}.contact-section a{overflow-wrap:anywhere}#iletisim p{margin-bottom:16px}footer{border-top:1px solid #e2bd7866}footer .bar{padding-block:20px}footer p{font-size:.85rem;color:#e4dbcb;margin:0}footer a{font-size:.85rem;color:var(--gold)}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;min-height:0;gap:22px}.hero-portrait{width:min(100%,330px);justify-self:center}.row{grid-template-columns:25px 1fr;gap:8px 12px}.row p{grid-column:2}footer .bar{flex-wrap:wrap}}
@media(max-width:700px){
header .bar{min-height:0;display:block;padding-block:8px}
.desktop-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:0}
.hero{padding-block:24px 32px}
.hero-portrait{width:min(78%,290px)}
#iletisim a{display:inline-flex;min-height:44px;align-items:center}
}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;align-items:start}
.contact-map{display:block;width:100%;min-height:330px;border:1px solid var(--line)}
@media(max-width:700px){.contact-layout{grid-template-columns:1fr;gap:16px}.contact-map{min-height:280px}}
.hero{min-height:0;grid-template-columns:minmax(0,460px);justify-content:center;padding-block:clamp(22px,4vw,42px)}
.home-information{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 22px;align-items:start;padding-block:clamp(28px,5vw,60px)}
.home-intro h1{font:400 clamp(2rem,4vw,3.15rem)/1.12 Georgia,serif;margin:0 0 8px}
.home-intro p{margin-bottom:4px;line-height:1.5}
.home-information .hero-portrait{width:224px;padding:5px;background:#fffdf8;border-color:var(--line);box-shadow:none}
.home-links{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-links a{display:grid;gap:4px;padding:14px 18px;border:1px solid var(--line);background:#fffdf8}
.home-links span{color:var(--muted);font-size:.9rem}
@media(max-width:520px){.home-information{gap:12px}.home-links{grid-template-columns:1fr}}
@media(max-width:520px){.home-information{grid-template-columns:minmax(0,1fr)}.home-information .hero-portrait{width:min(100%,220px);justify-self:start}}
#iletisim .whatsapp-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;background:#176342;color:white;border-radius:6px;font-weight:650;text-decoration:none}#iletisim .whatsapp-link:hover{background:#104b32}

@media(max-width:700px){
header .bar{padding-block:4px}
.desktop-nav a{display:flex;align-items:center;min-height:44px;padding:4px 0}
.hero{padding-block:14px 18px}
.home-information,.simple-section{padding-block:24px}
.home-information{row-gap:14px}
.simple-section h1::after,h2::after{margin:14px 0 16px}
.row{padding-block:14px}
footer .bar{padding-block:12px;min-height:0}
}
.resources a{align-items:center;gap:10px}.resource-mark{margin-inline-start:auto;flex:0 0 88px}.resource-mark img{display:block;width:100%;height:38px;object-fit:contain}
.footer-identity{display:flex;align-items:center;gap:10px}.footer-mm{width:48px;height:48px;flex:none;background:url("/cetin-erol-kimlik.jpg") center 29.5% / 365% auto no-repeat}

header nav{row-gap:0}header nav a{line-height:1.25}.home-intro p{line-height:1.38}.home-links span,.about-list{line-height:1.45}.about-list li+li{margin-top:8px}
body:has(.home-information) main>header{border-bottom:1px solid #b89455}
.whatsapp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}#iletisim .whatsapp-mobile,.whatsapp-web-mobile{display:none}@media(max-width:700px),(pointer:coarse){#iletisim .whatsapp-mobile{display:inline-flex}.whatsapp-web-mobile{display:inline}.whatsapp-web-desktop{display:none}}
#iletisim [data-copy-link]{min-height:44px;padding:6px 10px;background:transparent;border:1px solid var(--line);border-radius:5px;color:var(--ink);cursor:pointer}#iletisim input[type=url]{max-width:100%}
.resources li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.resources a{min-height:44px}.resources [data-copy-link]{min-height:44px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);cursor:pointer}.resources input[type=url]{width:100%;min-width:0}@media(max-width:400px){.resources li{grid-template-columns:1fr;gap:2px}.resources [data-copy-link]{justify-self:start}}
@media(max-width:700px),(pointer:coarse){#iletisim [data-copy-link],.resources [data-copy-link]{display:none}.resources li{grid-template-columns:1fr}}
@media(max-width:700px){.hero .art{width:80%;justify-self:center}.home-information{grid-template-columns:minmax(0,1fr)}.home-information .hero-portrait{justify-self:center}}
@media(max-width:700px){.home-information .home-links{display:none}.home-information .hero-portrait{grid-row:1}}
@media(width > 700px){.home-information{grid-template-columns:minmax(0,1fr)}.home-information .hero-portrait{grid-row:1;justify-self:center;translate:clamp(22px,5vw,64px) 0}.home-intro{width:min(100%,620px);justify-self:center;translate:clamp(-42px,-3vw,-16px) 0}}

.staff-nav{font-weight:700}header nav .staff-nav{color:var(--gold)}
.staff-section{max-width:840px}.staff-card{margin:26px 0 20px;padding:clamp(20px,4vw,36px);border:1px solid var(--line);border-top:3px solid #a67a38;background:#fffdf8;border-radius:8px}.staff-card h2{font-size:clamp(1.8rem,4vw,2.5rem);letter-spacing:-.025em;margin:12px 0 18px}.staff-card h2::after{display:none}.staff-badge{font-size:.78rem;font-weight:700;color:#735421}.staff-enter{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;margin:8px 0 16px;padding:10px 22px;background:var(--navy);color:var(--gold);font-weight:650;text-decoration:none;border-radius:5px}.staff-enter:hover{background:var(--navy-light)}.staff-help,.staff-note{font-size:.9rem;color:var(--muted)}.staff-help{margin-bottom:0}.staff-back{display:inline-flex;align-items:center;min-height:44px}@media(max-width:480px){.staff-enter{width:100%}.staff-section h1{font-size:2.6rem}}