/* Shared type scale: page titles, sections, subheadings, body and supporting copy. */
:root{--type-title:clamp(30px,4vw,44px);--type-section:clamp(25px,2.8vw,32px);--type-subheading:20px;--type-body:16px;--type-small:14px;--font-heading:Georgia,'Times New Roman',serif;--font-body:Arial,Helvetica,sans-serif}
body{font-family:var(--font-body);font-size:var(--type-body);line-height:1.75;-webkit-text-size-adjust:100%;text-size-adjust:100%}
main h1,main h2,main h3,main h4{color:var(--navy);text-wrap:pretty;overflow-wrap:break-word}
main h1,.consult-heading h1,.article-heading h1,.document-main h1,.hero-heading{font-family:var(--font-heading);font-size:var(--type-title)!important;font-weight:400!important;line-height:1.24!important;letter-spacing:-.35px!important}
main h2,.corporate-block>h2,.article-body h2,.international>h2,.journal-heading h2,.home-purpose h2,.home-consult-link h2{font-family:var(--font-heading);font-size:var(--type-section);font-weight:400;line-height:1.32;letter-spacing:0}
main h3,main h4,.about-approach h3,.article-body h3,.document-main article h3,.step h3,.approach-details h3,.about-notice h3,.individual-options>.cards h4{font-family:var(--font-body);font-size:var(--type-subheading);font-weight:600;line-height:1.45;letter-spacing:0}
.consult-card h2,.home-service-types .consult-card h2,.journal-card h3{font-family:var(--font-heading);font-size:26px;font-weight:400;line-height:1.35}
main p,main li,.hero .intro,.consult-heading>p,.article-deck,.article-body p,.about-approach p,.home-purpose p,.consult-card p,.cards p,.corporate-topic-grid p,.international-intro,.international-topics p,.process-grid p,.topic-grid p,.step p,.section-top p,.home-consult-link p,.journal-heading>p,.journal-card-copy>p,.document-main article p,.about-notice p,.expertise ul,.about-training ul{font-size:var(--type-body);line-height:1.8}
main strong,main b{font-weight:700;color:var(--ink)}
main h2+ p,main h3+ p,main h4+ p{margin-top:12px}
.article-body h2{margin:40px 0 18px}.article-body h3{margin:28px 0 12px}.article-body p{margin-bottom:20px}
.about-approach h3{margin-bottom:16px}.consult-approach h3{margin-bottom:16px}
main .section-label,.office-address h2,.footer-contact h2{font-family:var(--font-body);font-size:13px;font-weight:700;line-height:1.5;letter-spacing:1.3px}
main .consult-scope,main .home-scope,main .article-notice,main .document-note,main .document-help,main .career-note,main .approach-details,main .about-notice p,main .information p,main .expertise p{font-size:var(--type-small)!important;line-height:1.75}
main .article-sources h2,.document-links h2{font-family:var(--font-body);font-size:20px;font-weight:600;line-height:1.45}
main .article-sources li,.article-sources ol{font-size:var(--type-small);line-height:1.75}
.reading-pause p{font-family:var(--font-heading);font-size:22px;line-height:1.55;color:var(--navy)}
.faq-grid summary{font-size:var(--type-body);font-weight:600;line-height:1.55;color:var(--navy)}.faq-grid p{font-size:var(--type-body)}
main .journal-kicker{font-size:12px;line-height:1.5;letter-spacing:1.4px}.journal-read,.consult-card .journal-read{font-size:14px;font-weight:600}
.service-types h2,.service-types h3{color:inherit}
@media(max-width:700px){:root{--type-subheading:18px}.consult-card h2,.home-service-types .consult-card h2,.journal-card h3{font-size:24px}.reading-pause p{font-size:20px}.corporate-topic-grid h3{margin-bottom:12px}}

/* Homepage professional identity below the company name. */
header>.brand .brand-wordmark-personal{flex-direction:column;align-items:flex-start;gap:7px;white-space:normal}
.brand-company-line{display:flex;align-items:baseline;gap:9px;white-space:nowrap}
.brand-professional{display:block;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:.1px;color:#deded9;white-space:nowrap}
@media(max-width:600px){.brand-company-line{gap:6px}.brand-professional{font-size:12px;letter-spacing:0}header>.brand .brand-wordmark-personal{gap:5px}}
@media(max-width:480px){.brand-company-line{gap:5px}.brand-professional{font-size:clamp(10px,2.8vw,12px)}}

/* Homepage blue header only: one font and size, with the language switch at top right. */
header.home-header{position:relative;padding-top:48px;--header-type:14px}
header.home-header :is(.brand-name,.brand-service,.brand-professional,nav a,nav summary,.articles-menu>summary>span,.language-options button){font-family:Arial,Helvetica,sans-serif!important;font-size:var(--header-type)!important;line-height:1.5!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}
header.home-header .language-switch{position:absolute;top:12px;right:max(6vw,24px);z-index:120}
header.home-header .language-options{right:0;left:auto}
@media(max-width:600px){header.home-header{--header-type:12px;padding-top:48px}header.home-header .language-switch{top:12px;right:20px}header.home-header>.brand .brand-emblem{width:60px;height:60px;flex-basis:60px}header.home-header>.brand{gap:10px}}
@media(max-width:380px){header.home-header{--header-type:11px}}

/* Emphasise company and professional identity above the navigation size. */
header.home-header>.brand .brand-name,header.home-header>.brand .brand-service{font-size:22px!important;font-weight:600!important;line-height:1.4!important}
header.home-header>.brand .brand-professional{font-size:18px!important;font-weight:500!important;line-height:1.5!important}
@media(max-width:600px){header.home-header>.brand .brand-name,header.home-header>.brand .brand-service{font-size:clamp(12px,3.4vw,16px)!important}header.home-header>.brand .brand-professional{font-size:clamp(13px,3.6vw,16px)!important}header.home-header>.brand .brand-emblem{width:48px;height:48px;flex-basis:48px}header.home-header>.brand{gap:8px}}

/* A single compact homepage introduction, balanced alongside the image. */
.home-hero{grid-template-columns:1.1fr 1fr;gap:44px;align-items:center;padding-top:48px;padding-bottom:36px}
.home-hero .home-introduction{margin-top:24px;max-width:60ch}
.home-hero .home-introduction p{font-size:16px;line-height:1.75}
.home-hero .home-introduction p+p{margin-top:16px}
.home-hero .hero-visuals{min-width:0}
@media(max-width:900px){.home-hero{gap:30px;padding-top:36px}}
@media(max-width:600px){.home-hero{grid-template-columns:1fr;gap:26px;padding-top:30px;padding-bottom:28px}.home-hero .home-introduction{margin-top:20px}.home-hero .home-introduction p{font-size:16px;line-height:1.75}}

/* Needs information is always visible within individual consultancy. */
.individual-needs{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.individual-needs h4{margin:0 0 12px;font-size:20px;font-weight:600;line-height:1.45}
.individual-needs p{max-width:75ch}.individual-needs p+p{margin-top:14px}
@media(max-width:600px){.individual-needs h4{font-size:18px}}

/* A compact individual consultancy page with one closing scope notice. */
.individual-page>.consult-heading{margin-bottom:22px}
.individual-page #gorusme-sekilleri{padding-top:0;border-top:0}
.individual-page .individual-service>p:first-child{margin-top:0}
.individual-page .individual-practical{margin-top:18px}
.individual-final-note{padding:24px 0 8px;border-top:1px solid var(--line);margin-top:24px}
.individual-final-note h2{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:600;line-height:1.45;margin-bottom:12px}
.individual-final-note p{font-size:14px;line-height:1.75;max-width:90ch}
@media(max-width:600px){.individual-page>.consult-heading{margin-bottom:18px}}

/* Use the full available width for the closing notice and individual information. */
.individual-page .individual-final-note p{max-width:none;width:100%;margin:0;white-space:normal;text-wrap:wrap;line-height:1.65}
.individual-page .individual-service p,.individual-page .individual-needs p{max-width:none}
.individual-page .individual-needs h3{margin:0 0 12px;font-size:20px;line-height:1.45}
.individual-page .individual-needs .individual-expectation-heading{margin-top:24px}
.individual-page .individual-practical{padding-top:22px;border-top:1px solid var(--line);margin-top:24px}
@media(max-width:600px){.individual-page .individual-needs h3{font-size:18px}}

/* Identical two-row navy masthead across the entire site. */
header.home-header.site-header{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:22px;padding:28px max(6vw,24px) 16px;position:relative}
header.home-header.site-header>.brand{align-self:flex-start;max-width:calc(100% - 44px);margin:0}
header.home-header.site-header>.header-controls{display:flex;align-items:center;justify-content:flex-start;gap:0;width:100%;margin:0;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
header.home-header.site-header nav{display:flex;flex:1;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 28px;width:100%;margin:0;padding:0}
header.home-header.site-header nav>a,header.home-header.site-header nav>.articles-menu>summary{padding:6px 0}
header.home-header.site-header .language-switch{position:absolute;top:24px;right:max(6vw,24px);margin:0}
header.home-header.site-header .articles-submenu{top:calc(100% + 10px);right:auto;left:0;max-width:calc(100vw - 48px)}
header.home-header.site-header .language-options{right:0;left:auto}
@media(max-width:700px){header.home-header.site-header{padding:24px 22px 12px;gap:18px}header.home-header.site-header nav{gap:6px 20px}header.home-header.site-header .language-switch{top:18px;right:20px}header.home-header.site-header .articles-submenu{left:0;max-width:calc(100vw - 44px)}}
@media(max-width:480px){header.home-header.site-header{padding:44px 20px 12px;gap:18px}header.home-header.site-header>.brand{max-width:100%}header.home-header.site-header nav{gap:4px 16px}header.home-header.site-header>.header-controls{padding-top:10px}}

/* Persistent WhatsApp action throughout the site. */
.floating-contact{display:flex!important;position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:200;background:#25D366;color:#fff}
.home-service-types .consult-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.home-hero .hero-copy{min-width:0}.home-hero .hero-visuals{align-self:center}
@media(max-width:700px){.home-service-types .consult-grid{grid-template-columns:1fr}.floating-contact{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}
@media print{.floating-contact{display:none!important}}


.linkedin-card .contact-symbol{color:#0a66c2}

/* Mobile contact cards share a full-width, comfortably tappable layout. */
.footer-contact-links{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.footer-contact-links>a{min-height:82px;min-width:0;box-sizing:border-box}
.footer-contact-links .contact-symbol{flex:0 0 38px}
@media(max-width:700px){
 .footer-contact-links{grid-template-columns:minmax(0,1fr);gap:12px}
 .footer-contact-links>a{width:100%;min-height:76px;padding:16px;gap:12px}
 .footer-contact-links .contact-details{min-width:0;flex:1}
 .footer-contact-links .contact-value{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
 .footer-contact-links .contact-label{font-size:12px;line-height:1.4}
 .contact{padding:24px 18px}
 .home-service-types .consult-card{min-width:0;padding:24px}
 main{min-width:0}
}
@media(max-width:380px){
 header.home-header.site-header>.brand .brand-name,header.home-header.site-header>.brand .brand-service{font-size:clamp(10px,3.35vw,12px)!important}
 header.home-header.site-header>.brand .brand-professional{font-size:12px!important}
 header.home-header.site-header nav{gap:4px 12px}
 .footer-contact-links>a{padding:14px 12px}
}

/* Language control belongs to the identity row, with a consistent touch target. */
header.home-header.site-header{display:grid;grid-template-columns:minmax(0,1fr) 40px;column-gap:20px;row-gap:20px}
header.home-header.site-header>.brand{grid-column:1;grid-row:1;max-width:100%;min-width:0}
header.home-header.site-header>.header-controls{display:contents}
header.home-header.site-header nav{grid-column:1/-1;grid-row:2;border-top:1px solid rgba(255,255,255,.16);padding-top:14px}
header.home-header.site-header .language-switch{position:relative;grid-column:2;grid-row:1;top:auto;right:auto;align-self:start;justify-self:end}
header.home-header.site-header .language-switch summary{width:40px;height:40px;min-width:40px;min-height:40px;padding:10px;border:1px solid rgba(255,255,255,.22);border-radius:8px}
@media(max-width:600px){header.home-header.site-header{padding:22px 20px 12px;column-gap:12px;row-gap:18px}header.home-header.site-header>.brand{max-width:100%}header.home-header.site-header .brand-company-line{display:flex;flex-direction:column;align-items:flex-start;gap:0;white-space:normal}header.home-header.site-header>.brand .brand-name,header.home-header.site-header>.brand .brand-service{font-size:14px!important;white-space:normal}header.home-header.site-header>.brand .brand-professional{font-size:12px!important;white-space:normal;max-width:100%}header.home-header.site-header .language-switch{top:auto;right:auto}}

/* Prominent, centred booking action beneath the homepage steps. */
.home-service-types + .steps>.button{justify-self:center;min-width:300px;min-height:60px;padding:17px 42px;font-size:18px;font-weight:600;border-radius:6px;margin-top:24px;text-align:center}
@media(max-width:600px){.home-service-types + .steps>.button{width:100%;max-width:360px;min-width:0;min-height:58px;padding:16px 26px;font-size:18px;margin-top:16px}}

/* Navy masthead text matches the EA emblem. */
header.home-header.site-header{color:#ded2be}header.home-header.site-header .brand,header.home-header.site-header .brand-emblem,header.home-header.site-header .brand-wordmark span,header.home-header.site-header nav>a,header.home-header.site-header nav>details>summary,header.home-header.site-header nav>details>summary>span{color:#ded2be!important}

/* Align the portrait, caption and approach copy on a shared grid. */
.about-page #hakkimda .about-title{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:48px;row-gap:28px;align-items:start}
.about-page #hakkimda .about-title>.section-label{grid-column:1/-1;margin:0}
.about-page #hakkimda .portrait-wrap{grid-column:1;grid-row:2;margin:0;align-self:start;min-width:0}
.about-page #hakkimda .portrait-frame{margin:0;width:100%}
.about-page #hakkimda .portrait-frame img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin:0;border-radius:8px}
.about-page #hakkimda .portrait-caption{display:flex;flex-direction:column;gap:4px;margin:16px 0 0;padding:0;font-size:18px;line-height:1.4;font-weight:600;text-align:left}
.about-page #hakkimda .portrait-caption small{font-size:14px;line-height:1.5;font-weight:400;margin:0}
.about-page #hakkimda .about-approach{grid-column:2;grid-row:2;align-self:start;max-width:none;margin:0;padding:0;min-width:0}
.about-page #hakkimda .about-approach h3{margin:0 0 18px;padding:0;line-height:1.4}
.about-page #hakkimda .about-approach p{margin:0;max-width:none}
.about-page #hakkimda .about-approach p+p{margin-top:18px}
.footer-contact .facebook-card .contact-symbol{color:#1877f2;background:#edf3fa}
@media(max-width:700px){.about-page #hakkimda .about-title{grid-template-columns:minmax(0,1fr);gap:24px}.about-page #hakkimda .portrait-wrap{grid-column:1;grid-row:2;width:min(100%,300px)}.about-page #hakkimda .about-approach{grid-column:1;grid-row:3}.about-page #hakkimda .portrait-caption{font-size:18px;margin-top:14px}}
