/* Tarihçe: isolated page styles, shared brand tokens and components. */
.page-history main { overflow:clip; }
.page-history main *, .page-history main *::before, .page-history main *::after { box-sizing:border-box; }
.page-history main { background:var(--color-background-soft); }
.page-history h1, .page-history h2, .page-history h3 { margin:0; }
.page-history main em { font-style:normal; color:var(--color-heading-reveal); }
.page-history main p { margin:24px 0 0; }
.page-history main a:focus-visible { outline:2px solid var(--color-primary); outline-offset:6px; }
.history-symbol { display:block; background:var(--color-primary); mask:var(--history-mask) center/contain no-repeat; -webkit-mask:var(--history-mask) center/contain no-repeat; }
.history-symbol--1 { --history-mask:url('../brand/logos/yildiz-01-transparent.svg'); }
.history-symbol--2 { --history-mask:url('../brand/logos/yildiz-03-transparent.svg'); }
.history-symbol--3 { --history-mask:url('../brand/logos/yildiz-03-transparent.svg'); }
.history-symbol--4 { --history-mask:url('../brand/logos/yildiz-05-transparent.svg'); }
.history-symbol--5 { --history-mask:url('../brand/logos/yildiz-05-transparent.svg'); }
.history-hero { --heading-on-surface:var(--color-on-dark); --text-on-surface:var(--color-on-dark-muted); --color-heading-reveal:var(--color-heading-reveal-on-dark); position:relative; background:var(--color-dark); color:var(--color-white); padding:clamp(150px,16vh,200px) 0 36px; }
.history-hero__grid { min-height:540px; display:grid; grid-template-columns:1.1fr 1fr; gap:5%; align-items:center; }
.history-hero h1 { color:var(--color-white); }
.history-hero h1 em { color:var(--color-heading-reveal-on-dark); }
.history-hero__copy { padding-bottom:68px; }
.history-hero__copy p { max-width:450px; color:color-mix(in srgb,var(--color-white) 72%,transparent); font-size:var(--fs-body-lg); line-height:var(--lh-body-lg); }
.history-hero__copy .button { margin-top:32px; }
.history-hero__art { position:relative; width:100%; aspect-ratio:1; max-width:560px; justify-self:center; }
.history-hero__orbit { position:absolute; inset:10%; border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent); border-radius:50%; transform:rotate(-32deg) scaleY(.65); }
.history-hero__orbit--inner { inset:0; transform:rotate(38deg) scaleY(.65); }
.history-hero__star { position:absolute; inset:22%; }
.history-hero__star::before { content:''; position:absolute; inset:0; background:var(--color-primary); mask:url('../brand/logos/yildiz-01-transparent.svg') center/contain no-repeat; -webkit-mask:url('../brand/logos/yildiz-01-transparent.svg') center/contain no-repeat; transform:rotate(-12deg); pointer-events:none; }
.history-hero__star canvas { width:100%; height:100%; opacity:0; }
.history-hero__star.is-ready::before { opacity:0; }
.history-hero__star.is-ready canvas { opacity:1; }
.history-hero__satellite { position:absolute; width:12%; height:12%; right:7%; top:13%; background:var(--color-accent); }
.history-hero__origin, .history-hero__foundation { position:absolute; font-size:clamp(46px,5vw,82px); line-height:1; letter-spacing:-.06em; font-weight:500; }
.history-hero__origin { left:0; top:10%; color:var(--green-600); }
.history-hero__foundation { right:0; bottom:5%; color:var(--green-200); }
.history-hero__art span>span { display:block; padding-top:12px; font-size:13px; font-weight:400; letter-spacing:0; color:color-mix(in srgb,var(--color-white) 70%,transparent); }
.history-hero__foot { display:flex; justify-content:space-between; gap:24px; border-top:1px solid color-mix(in srgb,var(--color-white) 22%,transparent); padding-top:24px; color:color-mix(in srgb,var(--color-white) 65%,transparent); font-size:13px; }
.history-hero__foot>span:last-child { color:var(--color-primary); white-space:nowrap; }
.history-hero__foot>span:last-child span { margin-left:28px; }
.history-timeline { padding-block:var(--section-space); scroll-margin-top:120px; }
.history-timeline__intro { display:grid; grid-template-columns:.9fr 1.1fr; column-gap:10%; margin-bottom:80px; }
.history-timeline__intro .subline { grid-column:1/-1; }
.history-timeline__intro p { grid-column:2; justify-self:start; align-self:end; max-width:440px; margin:0!important; text-align:left; font-size:var(--fs-body-lg); line-height:var(--lh-body-lg); }
.history-timeline__grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:10%; align-items:start; }
.history-index { position:sticky; top:120px; }
.history-index__display { position:relative; min-height:310px; display:flex; flex-direction:column; justify-content:center; }
.history-index__year { position:relative; color:var(--color-heading); font-size:clamp(110px,13vw,208px); letter-spacing:-.07em; font-weight:500; line-height:1; font-variant-numeric:tabular-nums; }
.history-index__title { position:relative; color:var(--color-text); margin-top:24px; }
.history-index__star { position:absolute; width:220px; height:220px; right:12%; top:30px; background:var(--green-200); opacity:.65; transition:transform .7s ease; }
.history-years { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:36px; border-top:1px solid var(--color-border); padding-top:24px; }
.history-years a { display:flex; align-items:center; gap:10px; min-height:44px; color:var(--color-text); font-size:15px; font-variant-numeric:tabular-nums; transition:color .2s; }
.history-years a[aria-current], .history-years a:hover { color:var(--color-heading); }
.history-years a[aria-current] { font-weight:700; }
.history-years__dot { width:5px; height:5px; border-radius:50%; background:var(--green-200); }
.history-years [aria-current] .history-years__dot { background:var(--green-700); box-shadow:0 0 0 4px var(--green-100); }
.history-event { position:relative; padding:36px 0 72px; border-top:1px solid var(--color-border); scroll-margin-top:128px; min-height:340px; }
.history-event:last-child { padding-bottom:0; }
.history-event:focus { outline:none; }
.history-event:focus-visible { outline:2px solid var(--color-primary); outline-offset:12px; }
.history-event__meta { display:flex; align-items:center; gap:18px; margin-bottom:32px; color:var(--color-text); font-size:13px; }
.history-event__meta>span:first-child { font-size:20px; font-weight:500; color:var(--color-heading); }
.history-event__meta>span:nth-child(2) { display:flex; align-items:center; gap:18px; }
.history-event__meta>span:nth-child(2)::before { content:''; flex:0 0 clamp(24px,3vw,48px); width:clamp(24px,3vw,48px); height:1px; background:var(--color-border); }
.history-event__meta .history-symbol { width:32px; height:32px; margin-left:auto; background:var(--green-600); }
.history-event h3 { max-width:18ch; }
.history-event>p { max-width:52ch; font-size:var(--fs-body-lg); line-height:var(--lh-body-lg); }
.history-quality { margin-top:28px; border-left:2px solid var(--green-300); padding:4px 0 4px 24px; }
.history-quality>span { font-weight:600; color:var(--color-heading); }
.history-quality p { margin-top:12px!important; }
.history-event figure { margin:32px 0 0; }
.history-event figure img { width:100%; height:auto; aspect-ratio:1.7; object-fit:cover; border-radius:var(--radius-xl); }
@media(min-width:1800px) { .history-hero__grid { min-height:650px; } }
@media(max-width:900px) {
 .history-hero__grid { grid-template-columns:1.2fr 1fr; gap:0; min-height:470px; }
 .history-hero__art { align-self:center; }
 .history-hero__origin, .history-hero__foundation { font-size:48px; }
 .history-timeline__grid { grid-template-columns:.8fr 1.2fr; gap:7%; }
 .history-index__display { min-height:240px; }
 .history-index__year { font-size:100px; }
 .history-index__star { width:160px; height:160px; }
 .history-timeline__intro { grid-template-columns:.8fr 1.2fr; gap:32px 7%; }
}
@media(max-width:640px) {
 .history-hero { padding-top:156px; padding-bottom:24px; }
 .history-hero__grid { grid-template-columns:1fr; }
 .history-hero__copy { padding-bottom:0; }
 .history-hero__copy p { max-width:35ch; }
 .history-hero__art { width:85%; max-width:330px; margin:30px auto 38px; }
 .history-hero__foot { font-size:11px; gap:16px; }
 .history-hero__foot>span:first-child { max-width:22ch; }
 .history-timeline__intro, .history-timeline__grid { display:block; }
 .history-timeline__intro { margin-bottom:40px; }
 .history-timeline__intro p { margin-top:24px!important; }
 .history-index { position:relative; top:auto; margin-bottom:24px; }
 .history-index__display { display:none; }
 .history-years { margin-top:0; gap:0; justify-content:space-between; padding-block:8px; border-bottom:1px solid var(--color-border); }
 .history-years a { font-size:13px; }
 .history-event { min-height:0; padding:28px 0 48px; scroll-margin-top:110px; }
 .history-event__meta { margin-bottom:24px; }
}
@media(prefers-reduced-motion:reduce) { .history-index__star, .history-years a { transition:none; } }