/* V6: the same portrait and logo stay in place as the introduction ends. */
.home-page {--home-header-height:88px}
.home-page .site-header {position:fixed;inset:0 0 auto;width:100%}
.public-page .home-hero {
 --accent:#a2f3ee; --ink:#052c36; --text:#f6f3ff; --muted:#d0cee2;
 position:relative; isolation:isolate; overflow:hidden;
 background:#0b0b25; color:var(--text);
 min-height:clamp(728px,100svh,948px);
 display:flex; align-items:center;
}
.home-hero-media {position:absolute;inset:0;z-index:-2;overflow:hidden;background:#0b0b25}
.home-portrait-frame {width:100%;height:100%;overflow:hidden}
/* The wide photo fills the entire scene, including the space behind the header. */
.home-hero-media img {
 display:block;width:100%;height:100%;object-fit:cover;
 object-position:center top;
 border:0;border-radius:0;transform:none;
}
html[dir=ltr] .home-hero-media img {transform:scaleX(-1)}
.home-hero:after {
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,transparent 29%,#0b0b252b 42%,#0b0b2566 58%,#0b0b2526),linear-gradient(0deg,#0b0b25aa,transparent 24%);
}
html[dir=ltr] .home-hero:after {transform:scaleX(-1)}
.home-hero-inner {
 position:relative;width:100%;max-width:1660px;margin:auto;
 padding:calc(64px + var(--home-header-height)) 6vw 64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
 gap:5%;direction:ltr;
}
.home-hero .hero-copy,.home-hero .opening-copy {
 grid-column:2;grid-row:1;align-self:center;
 direction:rtl;max-width:710px;width:100%;min-width:0;text-align:start;
}
html[dir=ltr] .home-hero :is(.hero-copy,.opening-copy) {direction:ltr;grid-column:1}
.home-hero .hero-copy {transition:opacity 650ms ease,filter 650ms ease}
.public-page .home-hero .eyebrow {font-size:1rem;letter-spacing:.05em;margin:0 0 16px;color:var(--accent)}
.home-hero .hero-principle-badge {
 display:inline-block;max-width:100%;margin:0 0 22px;padding:8px 18px;
 border:1px solid #a2f3ee70;border-radius:12px;background:#a2f3ee0c;
 color:var(--accent);font-size:1rem;line-height:1.65;font-weight:500;
}
.public-page .home-hero h1 {
 font-size:clamp(2.5rem,3.65vw,3.8rem);line-height:1.35;letter-spacing:-.025em;
 margin:0 0 26px;color:var(--text);text-wrap:balance;
}
/* Scope body typography to the final copy so it cannot shrink opening slogans. */
.public-page .home-hero .hero-copy p {
 font-size:1.125rem;line-height:1.95;max-width:53ch;color:var(--muted);margin-bottom:18px;
}

.public-page .home-hero .actions {gap:20px 26px;margin-top:28px}
.public-page .home-hero .button {min-height:50px}
.public-page .home-hero .text-link {color:var(--accent);font-size:.9375rem}
.public-page .home-hero .hero-actions {
 display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;
}
.hero-primary-action {display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.hero-actions>.text-link {min-height:50px;align-items:center;align-self:start}
.hero-assessment-note {margin-top:12px;max-width:38ch}
.public-page .home-hero .hero-copy .hero-assessment-note p {
 font-size:.875rem;line-height:1.75;color:#bcb9ce;margin:0;
}
.home-hero .opening-copy {position:relative;color:#f6f3ff;z-index:2}
.opening-copy[hidden] {display:none}
.opening-lines {min-height:260px;display:grid;align-items:center}
.public-page .home-hero .opening-line {
 font-size:clamp(2.4rem,3.65vw,4.4rem);font-weight:600;line-height:1.5;
 max-width:none;margin:0 0 28px;color:#f6f3ff;
 text-wrap:balance;overflow-wrap:anywhere;animation:opening-in 650ms both;
}
.public-page .home-hero .opening-closing {color:#a2f3ee}
.opening-controls {display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.opening-timer {font-variant-numeric:tabular-nums;color:#a2f3ee;font-size:1rem;direction:ltr}
.public-page .home-hero .opening-hint {font-size:1rem;line-height:1.7;margin:18px 0 0;color:#bbb8d3}
.intro-pending .home-hero .hero-copy,.intro-playing .home-hero .hero-copy {
 opacity:0;filter:blur(4px);pointer-events:none;
}
.home-page .site-header :is(#siteNav,.nav-toggle,.controls > :not(.language-picker)) {transition:opacity 300ms ease}
:is(.intro-pending,.intro-playing) .home-page .site-header {
 background:transparent;border-color:transparent;backdrop-filter:none;box-shadow:none;
}
:is(.intro-pending,.intro-playing) .home-page .site-header :is(#siteNav,.nav-toggle,.controls > :not(.language-picker)) {
 opacity:0;visibility:hidden;pointer-events:none;
}
/* Keep the existing logo legible on the dark opening, also in light theme. */
:is(.intro-pending,.intro-playing) .home-page .site-header .mark-on-dark {display:block}
:is(.intro-pending,.intro-playing) .home-page .site-header .mark-on-light {display:none}
@keyframes opening-in {
 from{opacity:0;transform:translateY(12px);filter:blur(4px)}
 to{opacity:1;transform:translateY(0);filter:blur(0)}
}
.home-counters{--accent:#5ed7df;--text:#e6dff3;--muted:#b9add0;background:#18093f;color:var(--text);padding:48px 6vw 50px;border-top:1px solid #bda9ff18}
.home-counters-grid{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 36px}
.home-metric{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 14px 8px;border-radius:18px;transition:background-color 240ms,transform 240ms}
.home-metric dt{font-size:1rem;line-height:1.6;font-weight:500;order:1;margin:0 0 13px;color:var(--text);text-wrap:balance}
.home-metric dd{margin:0}.home-metric .metric-number{order:0;color:var(--accent);font-size:clamp(2.75rem,4.4vw,4rem);font-weight:500;line-height:1.2;margin-bottom:10px;letter-spacing:-.045em}
.metric-visual{display:inline-flex;align-items:baseline;font-variant-numeric:tabular-nums;gap:1px}.metric-plus{font-size:.7em;align-self:center}.metric-visual [data-count]{display:inline-block;min-width:2ch}.metric-visual [data-count="120"]{min-width:3ch}
.home-metric .metric-description{order:2;font-size:.9375rem;line-height:1.8;color:var(--muted);max-width:30ch;text-wrap:pretty}
.metric-accessible{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){.home-metric:hover{background:#a2f3ee08;transform:translateY(-3px)}}
.principle-section{position:relative;isolation:isolate;background:#090a20;color:#f6f3ff;overflow:hidden;min-height:680px;padding:100px 7vw}.principle-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.65}.principle-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090a2015,#090a20e8);z-index:-1}html[dir=ltr] .principle-section:after{transform:scaleX(-1)}.principle-copy{max-width:780px}.principle-copy h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.4}.principle-copy p{color:#d7d2e9}.principle-copy .phase-panel{background:#0b0b25cc;border:1px solid #a2f3ee44;padding:24px;border-radius:20px}.principle-copy .phase-tab{color:#d7d2e9}.principle-copy .phase-tab[aria-selected=true]{color:#a2f3ee}.principle-copy .actions{margin-top:28px}

@media(max-width:1200px) {
 .home-hero-inner {grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:4%;padding-inline:5vw}
 .public-page .home-hero h1 {font-size:2.7rem}
 .public-page .home-hero .hero-copy p {font-size:1.0625rem}
 .home-counters-grid {gap:20px}.home-metric {padding-inline:4px}
}
@media(max-width:1000px) {
 .public-page .home-hero {--mobile-art-height:380px;min-height:0;display:block}
 /* Full-bleed mobile crop: center the face at 23% of the source image.
    Minimum image height guarantees coverage on both sides without a mask. */
 .home-hero-media {height:auto;inset:0}
 .home-portrait-frame {position:absolute;inset:0;width:100%;height:100%;transform:none;mask-image:none}
 .home-hero-media img {
  position:absolute;top:0;left:50%;height:max(100%,123vw);width:auto;max-width:none;
  object-fit:cover;object-position:left top;transform:translateX(-23%);
 }
 html[dir=ltr] .home-hero-media img {transform:translateX(-77%) scaleX(-1)}
 .home-hero:after,html[dir=ltr] .home-hero:after {
  transform:none;background:linear-gradient(0deg,#0b0b25 0%,#0b0b25 35%,transparent 78%);
 }
 .home-hero-inner {
  grid-template-columns:minmax(0,1fr);gap:0;padding:clamp(460px,65svh,620px) 6vw 52px;
  background:linear-gradient(180deg,transparent 25%,#0b0b2599 48%,#0b0b25dc 90%);
 }
 .home-hero :is(.hero-copy,.opening-copy),html[dir=ltr] .home-hero :is(.hero-copy,.opening-copy) {
  grid-column:1;max-width:720px;margin-inline:auto;
 }
 .public-page .home-hero h1 {font-size:clamp(2.15rem,5vw,3rem)}
 .public-page .home-hero .opening-line {font-size:clamp(2.25rem,5.6vw,3.4rem)}
 .opening-lines {min-height:220px}
 .home-counters {padding:36px 5vw 40px}
 .home-counters-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
 .home-metric .metric-number {font-size:3.1rem}
 .principle-section {padding:64px 6vw}.principle-image {opacity:.3}
 .principle-section:after {background:#090a2066}
}
@media(max-width:900px) {.home-page {--home-header-height:80px}}
@media(max-width:480px) {
 .public-page .home-hero {--mobile-art-height:340px}
 .home-hero-inner {padding:clamp(420px,62svh,580px) 6vw 44px;background:linear-gradient(180deg,transparent 24%,#0b0b2599 45%,#0b0b25dc 90%)}
 .public-page .home-hero h1 {font-size:2.125rem;line-height:1.45;margin-bottom:20px}
 .public-page .home-hero .hero-copy p {font-size:1rem;line-height:1.9}
 .public-page .home-hero .actions {align-items:stretch;flex-direction:column;gap:16px}
 .public-page .home-hero .hero-actions {grid-template-columns:minmax(0,1fr)}
 .hero-primary-action {align-items:stretch}.hero-primary-action>.button {justify-content:center}
 .home-hero .actions .text-link {justify-content:center;min-height:44px}
 .home-counters-grid {gap:26px 12px}.home-metric {padding:4px 0}
 .home-metric dt {font-size:.9375rem}
 .home-metric .metric-description {font-size:.875rem;line-height:1.8}
 .home-metric .metric-number {font-size:2.8rem}
 .principle-section {padding:52px 6vw}.principle-copy h2 {font-size:2.2rem}
}
@media(max-width:340px) {
 .home-counters-grid {grid-template-columns:1fr}
 .public-page .home-hero h1 {font-size:1.875rem}
}
@media(prefers-reduced-motion:reduce) {
 .home-metric {transition:none}.home-metric:hover {transform:none}
 .opening-line,.home-hero .hero-copy,.home-page .site-header :is(#siteNav,.nav-toggle,.controls > :not(.language-picker)) {animation:none!important;transition:none!important}
 .intro-pending .home-hero .hero-copy {opacity:1;filter:none}
}
@media print {
 .home-hero-media,.home-hero:after,.opening-copy {display:none!important}
 .home-hero .hero-copy {opacity:1!important;filter:none!important}
 .public-page .home-hero,.home-counters {background:#fff;color:#111;min-height:0}
 .home-hero-inner {display:block;padding:20px;background:none}
 .public-page .home-hero :is(h1,p,.eyebrow),.home-metric :is(dt,.metric-number,.metric-description) {color:#111}
 .home-counters {padding:20px}.home-counters-grid {grid-template-columns:repeat(4,1fr)}
 .home-metric {break-inside:avoid}
}

.hero-identity{display:flex;align-items:center;gap:16px 20px;flex-wrap:wrap;margin-bottom:24px}
.home-hero .hero-identity .hero-principle-badge{margin:0;flex-shrink:0}
.hero-byline{display:flex;flex-direction:column;gap:4px;flex:1 1 230px;min-width:0;color:#f6f3ff}
.hero-byline strong{font-size:1.05rem;font-weight:600}.hero-byline span{font-size:.875rem;line-height:1.7;color:#d3d0df}

@media(max-width:1000px){.home-hero .opening-copy{align-self:start}}

/* The dedicated EN/TR photograph is already composed for left-aligned text. */
html[dir=ltr] .home-hero[data-custom-ltr-image="1"] .home-hero-media img{transform:none}
@media(max-width:1000px){html[dir=ltr] .home-hero[data-custom-ltr-image="1"] .home-hero-media img{transform:translateX(-77%)}}