.company-page { padding-bottom: 1px; }
.company-page h1 { font-size: clamp(38px, 4.2vw, 62px); line-height: 1.14; font-weight: 550; letter-spacing: -.035em; text-wrap: balance; }
.company-page h1 > span { display: block; }
.company-page h1 > span + span { color: var(--blue); }
.company-page h2 { font-size: clamp(29px, 3vw, 42px); line-height: 1.2; letter-spacing: -.035em; }
.company-page h3 { font-size: 25px; letter-spacing: -.025em; }
.company-page p { line-height: 1.85; }
.company-page :is(h1, h2, h3, p, dt, dd) { overflow-wrap: anywhere; }
.company-page :is(.company-hero-copy, .company-hero-intro, .company-story-heading, .company-prose, .company-section-heading > div, .company-category-title, .company-category-copy) { min-width: 0; }
.company-page figure { margin: 0; }
.company-page a { overflow-wrap: anywhere; }
.company-page .company-nav { display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid var(--ice); padding-block: 17px; }
.company-page .company-nav ul { display: flex; flex-wrap: wrap; gap: 4px 32px; list-style: none; padding: 0; margin: 0; }
.company-page .company-nav a { display: inline-flex; align-items: center; gap: 14px; min-height: 44px; font-size: 14px; font-weight: 600; padding-block: 10px; }
.company-page .company-nav ul a { color: var(--muted); text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 8px; text-decoration-thickness: 1px; }
.company-page .company-nav ul a:hover, .company-page .company-nav ul a[aria-current="page"] { color: var(--blue); text-decoration-color: currentColor; }
.company-page .company-nav-contact { flex-shrink: 0; }
.company-page .company-nav-contact .icon { width: 18px; height: 18px; }
.company-page .company-nav-contact:hover { color: var(--blue); }
.company-page .company-hero { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 56px; align-items: center; padding-block: 60px 72px; }
.company-page .company-hero-intro { margin-top: 26px; }
.company-page .company-hero-intro > p { font-size: 17px; color: var(--muted); max-width: 56ch; }
.company-page .company-hero-actions { display: flex; flex-wrap: wrap; gap: 6px 28px; margin-top: 20px; }
.company-page .company-hero-actions .text-link { min-height: 44px; font-size: 14px; }
.company-page .company-visual { min-width: 0; }
.company-page .company-visual img { display: block; width: 100%; height: auto; object-fit: contain; background: var(--ink); }
.company-page .company-visual figcaption { margin-top: 12px; font-size: 12px; color: var(--muted); line-height: 1.65; }
.company-page .company-story { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 64px; border-top: 1px solid var(--ice); padding-block: 72px 80px; }
.company-page .company-story h2 { max-width: 18ch; }
.company-page .company-facts { margin: 37px 0 0; padding: 0; max-width: 390px; }
.company-page .company-facts > div { display: grid; grid-template-columns: .8fr 1.2fr; gap: 20px; padding-block: 13px; border-bottom: 1px solid var(--ice); font-size: 14px; }
.company-page .company-facts dt { color: var(--muted); }
.company-page .company-facts dd { margin: 0; font-weight: 600; }
.company-page .company-prose { max-width: 68ch; }
.company-page .company-prose > p { color: var(--muted); }
.company-page .company-prose > p + p { margin-top: 20px; }
.company-page .company-prose > p.company-lead { color: var(--ink); font-size: 25px; line-height: 1.5; letter-spacing: -.025em; font-weight: 500; margin-bottom: 24px; }
.company-page .company-prose > .text-link { margin-top: 16px; }
.company-page .company-purpose { background: var(--paper); padding: 54px 56px; }
.company-page .company-purpose h2 { max-width: 20ch; }
.company-page .company-purpose .company-section-heading > div { max-width: 65ch; }
.company-page .company-purpose p { color: var(--muted); }
.company-page .company-purpose p + p { margin-top: 17px; }
.company-page .company-purpose .text-link { margin-top: 16px; }
.company-page .company-purpose > .company-section-heading { margin-bottom: 0; }
.company-page .company-purpose > .company-visual { margin-top: 32px; }
.company-page .company-contributions { padding-block: 88px 30px; }
.company-page .company-section-heading { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: start; gap: 64px; margin-bottom: 34px; }
.company-page .company-section-heading > h2 { max-width: 24ch; }
.company-page .company-section-heading > p { font-size: 16px; color: var(--muted); max-width: 65ch; }
.company-page .company-section-heading > div > p { font-size: 16px; color: var(--muted); max-width: 65ch; }
.company-page .company-section-heading > div > p + p { margin-top: 18px; }
.company-page .company-link-list { border-top: 1px solid var(--ice); }
.company-page .company-link-list > article { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr) 44px; gap: 32px; align-items: start; padding-block: 30px; border-bottom: 1px solid var(--ice); }
.company-page .company-link-list > article:not(:has(.company-row-action)) { grid-template-columns: .9fr 1.1fr; }
.company-page .company-note-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 42px; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ice); }
.company-page .company-note-list li { padding-block: 23px; border-bottom: 1px solid var(--ice); font-size: 17px; line-height: 1.65; overflow-wrap: anywhere; }
.company-page .company-link-list h3 a:hover { color: var(--blue); }
.company-page .company-link-list p { max-width: 61ch; color: var(--muted); font-size: 15px; }
.company-page .company-row-action { display: grid; grid-column: 3; place-items: center; width: 44px; min-height: 44px; background: var(--paper); transition: background .2s, color .2s; }
.company-page .company-row-action:hover { background: var(--blue); color: var(--white); }
.company-page .company-conversation { display: flex; justify-content: space-between; align-items: center; gap: 55px; padding-block: 52px; margin-block: 46px 74px; border-block: 1px solid var(--ice); }
.company-page .company-conversation h2 { font-size: clamp(29px, 3vw, 38px); }
.company-page .company-conversation p { margin-top: 19px; max-width: 64ch; font-size: 15px; color: var(--muted); }
.company-page .company-conversation > .button { flex-shrink: 0; }
.company-page .company-heading { padding-block: 68px 64px; }
.company-page .company-heading > .company-hero-copy { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: end; gap: 64px; }
.company-page .company-heading .company-hero-intro { margin-top: 0; }
.company-page .company-heading h1 { max-width: 23ch; }
.company-page .company-heading .company-hero-intro > p { font-size: 17px; max-width: 56ch; }
.company-page .company-process { border-top: 1px solid var(--ice); }
.company-page .company-process ol { list-style: none; counter-reset: company-step; padding: 0; margin: 0; }
.company-page .company-process li { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 64px; border-bottom: 1px solid var(--ice); padding-block: 40px; counter-increment: company-step; }
.company-page .company-process-title { display: grid; grid-template-columns: 32px 1fr; align-items: start; gap: 22px; }
.company-page .company-process-title::before { content: counter(company-step); display: grid; place-items: center; height: 32px; background: var(--paper); font-size: 14px; font-weight: 600; color: var(--blue); margin-top: 3px; font-variant-numeric: tabular-nums; }
.company-page .company-process h2 { font-size: clamp(26px, 2.5vw, 34px); max-width: 20ch; }
.company-page .company-process-copy { max-width: 68ch; }
.company-page .company-process-copy > p { color: var(--muted); }
.company-page .company-process-copy > p + p { margin-top: 16px; }
.company-page .company-process .text-link { margin-top: 10px; font-size: 14px; }
.company-page .company-decision { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 64px; padding-block: 76px; }
.company-page .company-decision > div > p { max-width: 41ch; margin-top: 25px; color: var(--muted); font-size: 15px; }
.company-page .company-decision dl { margin: 0; }
.company-page .company-decision dl > div { display: grid; grid-template-columns: .8fr 1.2fr; gap: 25px; border-bottom: 1px solid var(--ice); padding-block: 19px; }
.company-page .company-decision dl > div:first-child { border-top: 1px solid var(--ice); }
.company-page .company-decision dt { font-size: 15px; font-weight: 600; }
.company-page .company-decision dd { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.company-page .company-preparation { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 64px; padding: 44px 48px; background: var(--paper); margin-bottom: 32px; }
.company-page .company-preparation h2 { max-width: 21ch; }
.company-page .company-preparation > div { max-width: 66ch; }
.company-page .company-preparation p { color: var(--muted); font-size: 15px; }
.company-page .company-preparation ul { margin: 21px 0 10px; padding-left: 20px; font-size: 14px; }
.company-page .company-preparation li { padding-block: 6px; padding-left: 7px; }
.company-page .company-preparation li::marker { color: var(--blue); }
.company-page .company-preparation .text-link { margin-top: 7px; }
.company-page .company-brands { display: flex; align-items: center; justify-content: space-between; gap: 70px; border-block: 1px solid var(--ice); padding-block: 23px; }
.company-page .company-brands > p { color: var(--muted); font-size: 13px; flex-shrink: 0; max-width: 24ch; }
.company-page .company-brands > ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)); align-items: center; gap: 24px 32px; list-style: none; margin: 0; padding: 0; flex: 1; min-width: 0; max-width: 760px; }
.company-page .company-brands li { min-width: 0; }
.company-page .company-brands img { width: auto; height: 31px; max-width: min(100%, 130px); object-fit: contain; }
.company-page .company-brands li:first-child img { max-width: 72px; }
.company-page .company-catalog { padding-block: 82px 70px; }
.company-page .company-category-list { border-top: 1px solid var(--ice); }
.company-page .company-category { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 64px; border-bottom: 1px solid var(--ice); padding-block: 30px; }
.company-page .company-category h3 { max-width: 24ch; }
.company-page .company-category h3 a:hover { color: var(--blue); }
.company-page .company-category-title > .text-link { margin-top: 11px; font-size: 13px; }
.company-page .company-category-copy > p { color: var(--muted); font-size: 15px; max-width: 65ch; }
.company-page .company-category-copy > ul { display: flex; flex-wrap: wrap; gap: 4px 24px; padding: 0; margin: 15px 0 0; list-style: none; }
.company-page .company-category-copy li a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; font-weight: 600; text-decoration: underline; text-decoration-color: #c7d1e5; text-underline-offset: 5px; padding-block: 9px; }
.company-page .company-category-copy li a:hover { color: var(--blue); text-decoration-color: currentColor; }
@media (max-width: 1099px) {
  .company-page .company-hero { gap: 38px; }
  .company-page .company-story, .company-page .company-purpose, .company-page .company-heading, .company-page .company-process li, .company-page .company-decision, .company-page .company-preparation, .company-page .company-category, .company-page .company-section-heading { gap: 48px; }
  .company-page .company-purpose, .company-page .company-preparation { padding: 38px; }
  .company-page .company-link-list > article { gap: 28px; }
  .company-page .company-heading > .company-hero-copy { gap: 48px; }
  .company-page .company-conversation { gap: 35px; }
  .company-page .company-conversation > .button { gap: 18px; }
}
@media (max-width: 899px) {
  .company-page h1 { font-size: clamp(38px, 5.4vw, 52px); }
  .company-page .company-hero { grid-template-columns: minmax(0,1fr); align-items: start; padding-block: 48px 58px; gap: 32px; }
  .company-page .company-hero-intro > p { font-size: 16px; max-width: 68ch; }
  .company-page .company-visual { padding-top: 6px; }
  .company-page .company-story { gap: 45px; padding-block: 58px 65px; }
  .company-page .company-section-heading { gap: 36px; }
  .company-page .company-conversation { align-items: start; flex-direction: column; gap: 25px; }
  .company-page .company-heading { grid-template-columns: 1fr; gap: 27px; padding-block: 48px; }
  .company-page .company-heading > .company-hero-copy { grid-template-columns: minmax(0, 1fr); gap: 25px; }
  .company-page .company-heading .company-hero-intro > p { max-width: 65ch; font-size: 16px; }
  .company-page .company-process li { grid-template-columns: .85fr 1.15fr; gap: 35px; padding-block: 33px; }
  .company-page .company-process-title { gap: 15px; }
  .company-page .company-decision { grid-template-columns: .85fr 1.15fr; gap: 35px; padding-block: 60px; }
  .company-page .company-decision dl > div { grid-template-columns: 1fr; gap: 7px; }
  .company-page .company-brands { gap: 35px; }
  .company-page .company-brands > ul { gap: 30px; }
  .company-page .company-catalog { padding-block: 60px; }
  .company-page .company-category { gap: 40px; }
}
@media (max-width: 699px) {
  .company-page h1 { font-size: clamp(34px, 8vw, 45px); }
  .company-page h2 { font-size: 30px; }
  .company-page .company-nav { flex-wrap: wrap; gap: 3px; padding-block: 12px; }
  .company-page .company-nav ul { gap: 0 22px; width: 100%; }
  .company-page .company-nav ul a, .company-page .company-nav-contact { font-size: 12px; }
  .company-page .company-nav-contact { display: none; }
  .company-page .company-nav-contact .icon { width: 16px; height: 16px; }
  .company-page .company-hero { grid-template-columns: 1fr; gap: 31px; padding-block: 36px 44px; }
  .company-page .company-hero-intro { margin-top: 22px; }
  .company-page .company-hero-intro > p { font-size: 15px; max-width: 54ch; }
  .company-page .company-hero-actions { gap: 0 24px; margin-top: 16px; }
  .company-page .company-visual { padding-top: 0; }
  .company-page .company-visual figcaption { font-size: 12px; margin-top: 10px; }
  .company-page .company-story { grid-template-columns: 1fr; gap: 36px; padding-block: 42px 52px; }
  .company-page .company-facts { margin-top: 24px; max-width: none; }
  .company-page .company-facts > div { grid-template-columns: .85fr 1.15fr; gap: 16px; font-size: 12px; }
  .company-page .company-prose > p { font-size: 15px; }
  .company-page .company-prose > p.company-lead { font-size: 23px; margin-bottom: 20px; }
  .company-page .company-prose > p + p { margin-top: 17px; }
  .company-page .company-purpose { grid-template-columns: 1fr; gap: 25px; padding: 28px 24px; }
  .company-page .company-purpose p { font-size: 14px; }
  .company-page .company-purpose .text-link { font-size: 13px; margin-top: 11px; }
  .company-page .company-contributions { padding-block: 52px 15px; }
  .company-page .company-section-heading { grid-template-columns: 1fr; gap: 23px; margin-bottom: 27px; }
  .company-page .company-section-heading > h2 { max-width: 22ch; }
  .company-page .company-section-heading > p { font-size: 14px; max-width: 55ch; }
  .company-page .company-link-list > article { grid-template-columns: 1fr 44px; gap: 12px 20px; padding-block: 25px; }
  .company-page .company-link-list > article:not(:has(.company-row-action)) { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .company-page .company-note-list { grid-template-columns: minmax(0, 1fr); }
  .company-page .company-note-list li { padding-block: 20px; font-size: 16px; }
  .company-page .company-link-list h3 { font-size: 23px; }
  .company-page .company-link-list p { grid-column: 1; font-size: 14px; }
  .company-page .company-row-action { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
  .company-page .company-conversation { margin-block: 30px 46px; padding-block: 35px; gap: 24px; }
  .company-page .company-conversation h2 { font-size: 29px; }
  .company-page .company-conversation p { margin-top: 18px; font-size: 14px; }
  .company-page .company-conversation > .button { font-size: 13px; min-height: 52px; padding: 14px 18px; }
  .company-page .company-heading { padding-block: 37px 36px; gap: 23px; }
  .company-page .company-heading .company-hero-intro > p { font-size: 15px; }
  .company-page .company-process li { grid-template-columns: 1fr; gap: 20px; padding-block: 27px; }
  .company-page .company-process-title { grid-template-columns: 28px 1fr; gap: 15px; }
  .company-page .company-process-title::before { height: 28px; font-size: 13px; margin-top: 1px; }
  .company-page .company-process h2 { font-size: 25px; max-width: 25ch; }
  .company-page .company-process-copy > p { font-size: 14px; }
  .company-page .company-process .text-link { font-size: 13px; }
  .company-page .company-decision { grid-template-columns: 1fr; gap: 28px; padding-block: 48px; }
  .company-page .company-decision > div > p { max-width: 55ch; font-size: 14px; margin-top: 19px; }
  .company-page .company-decision dl > div { grid-template-columns: minmax(0,1fr); gap: 7px; padding-block: 18px; }
  .company-page .company-decision dt, .company-page .company-decision dd { font-size: 14px; }
  .company-page .company-preparation { grid-template-columns: 1fr; gap: 23px; padding: 28px 24px; margin-bottom: 22px; }
  .company-page .company-preparation p { font-size: 14px; }
  .company-page .company-preparation ul { font-size: 13px; margin-top: 17px; }
  .company-page .company-preparation .text-link { font-size: 13px; }
  .company-page .company-brands { align-items: start; flex-direction: column; gap: 22px; padding-block: 22px 27px; }
  .company-page .company-brands > p { font-size: 12px; }
  .company-page .company-brands > p br { display: none; }
  .company-page .company-brands > ul { width: 100%; gap: 22px; }
  .company-page .company-brands img { height: 26px; max-width: 105px; }
  .company-page .company-brands li:first-child img { max-width: 57px; }
  .company-page .company-catalog { padding-block: 48px 42px; }
  .company-page .company-category { grid-template-columns: 1fr; gap: 15px; padding-block: 24px; }
  .company-page .company-category h3 { font-size: 24px; }
  .company-page .company-category-title > .text-link { margin-top: 6px; font-size: 12px; }
  .company-page .company-category-copy > p { font-size: 14px; }
  .company-page .company-category-copy > ul { margin-top: 12px; gap: 0 22px; }
  .company-page .company-category-copy li a { font-size: 12px; }
}
@media (max-width: 374px) {
  .company-page .company-nav ul { gap: 0 16px; }
  .company-page .company-nav ul a { font-size: 12px; }
  .company-page .company-purpose, .company-page .company-preparation { padding-inline: 20px; }
  .company-page .company-decision dl > div { grid-template-columns: 1fr; gap: 7px; }
  .company-page .company-brands img { max-width: 90px; height: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .company-page *, .company-page *::before, .company-page *::after { transition: none; scroll-behavior: auto; }
}

/* Tipografi tabanı: eylem metinleri küçük ekranda da okunur kalır. */
.company-page .company-nav ul a, .company-page .company-nav-contact, .company-page .company-category-title > .text-link, .company-page .company-category-copy li a { font-size: 14px; }