/* About page: calm, information-first corporate layout. */
.about-page{ background:var(--j-page); color:var(--j-ink); }
.about-hero{
  position:relative; overflow:hidden; isolation:isolate;
  background:linear-gradient(90deg,rgba(247,249,252,.99) 0%,rgba(247,249,252,.97) 47%,rgba(247,249,252,.72) 100%),url('/assets/img/kurumsal-banner.webp') center 45%/cover no-repeat;
  border-bottom:1px solid var(--j-line);
}
.about-hero__inner{ padding-top:22px; padding-bottom:0; }
.about-breadcrumb{ display:flex; align-items:center; gap:9px; color:var(--j-ink-3); font-size:12.5px; }
.about-breadcrumb a{ color:var(--j-ink-3); text-decoration:none; }
.about-breadcrumb a:hover{ color:var(--j-brand); text-decoration:underline; }
.about-hero__copy{ max-width:720px; padding:64px 0 52px; }
.about-eyebrow{ color:var(--j-brand); font-size:13px; font-weight:650; }
.about-hero h1{ margin:14px 0 0; color:var(--j-ink); font-size:clamp(34px,5vw,54px); line-height:1.07; letter-spacing:-.04em; font-weight:750; }
.about-hero__copy>p{ max-width:640px; margin:20px 0 0; color:var(--j-ink-2); font-size:16px; line-height:1.75; }
.about-hero__actions{ display:flex; flex-wrap:wrap; gap:11px; margin-top:26px; }
.about-hero__actions .j-btn--outline{ background:var(--j-card); }
.about-hero__facts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); max-width:820px; border-top:1px solid var(--j-line-2); }
.about-hero__facts>div{ display:flex; flex-direction:column; gap:6px; padding:18px 20px 20px 0; }
.about-hero__facts>div+div{ border-left:1px solid var(--j-line-2); padding-left:24px; }
.about-hero__facts span{ color:var(--j-ink-3); font-size:12px; }
.about-hero__facts strong{ color:var(--j-ink); font-size:14px; font-weight:650; }
.about-intro__grid{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:center; gap:clamp(32px,6vw,76px); }
.about-intro__image{ position:relative; min-height:310px; overflow:hidden; border:1px solid var(--j-line); border-radius:var(--j-r-lg); background:var(--j-card-2); }
.about-intro__image img{ display:block; width:100%; height:100%; min-height:310px; object-fit:cover; }
.about-intro__image>span{ position:absolute; right:14px; bottom:14px; padding:8px 12px; border:1px solid rgba(255,255,255,.34); border-radius:8px; background:rgba(8,24,46,.82); color:#fff; font-size:12px; font-weight:600; }
.about-intro__copy .j-h2{ max-width:520px; }
.about-intro__copy .j-p{ margin-top:14px; }
.about-text-link,.about-service__link,.about-doc-links a{ display:inline-flex; align-items:center; gap:7px; color:var(--j-brand); font-size:13.5px; font-weight:650; text-decoration:none; }
.about-text-link{ margin-top:20px; }
.about-text-link:hover,.about-service__link:hover,.about-doc-links a:hover{ text-decoration:underline; }
.about-section-head{ margin-bottom:32px; }
.about-section-head .j-lead{ margin-top:12px; }
.about-service-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.about-service{ display:flex; min-height:230px; flex-direction:column; align-items:flex-start; padding:23px; border:1px solid var(--j-line); border-radius:var(--j-r-lg); background:var(--j-card); color:inherit; text-decoration:none; transition:border-color .16s ease,transform .16s ease; }
.about-service:hover{ border-color:var(--j-line-2); transform:translateY(-2px); }
.about-service__icon{ display:grid; width:40px; height:40px; place-items:center; border-radius:10px; background:var(--j-brand-tint); color:var(--j-brand); }
.about-service__title{ margin-top:18px; color:var(--j-ink); font-size:16px; font-weight:700; }
.about-service__desc{ margin-top:8px; color:var(--j-ink-3); font-size:13.5px; line-height:1.65; }
.about-service__link{ margin-top:auto; padding-top:20px; }
.about-approach__grid{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:clamp(32px,7vw,90px); }
.about-approach__grid>.j-p{ margin-top:16px; }
.about-approach__button{ margin-top:24px; }
.about-principles{ border-top:1px solid var(--j-line); }
.about-principles article{ display:grid; grid-template-columns:42px 1fr; gap:16px; padding:19px 0; border-bottom:1px solid var(--j-line); }
.about-principles article>span{ color:var(--j-ink-4); font:600 12px/1.5 ui-monospace,monospace; }
.about-principles h3{ margin:0; color:var(--j-ink); font-size:14px; font-weight:700; }
.about-principles p{ margin:5px 0 0; color:var(--j-ink-3); font-size:13px; line-height:1.6; }
.about-company__grid{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:clamp(32px,7vw,92px); }
.about-company__grid>.j-p{ margin-top:14px; }
.about-doc-links{ display:flex; flex-direction:column; align-items:flex-start; gap:13px; margin-top:24px; }
.about-company__details{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; border-top:1px solid var(--j-line); }
.about-company__details>div{ padding:15px 14px 15px 0; border-bottom:1px solid var(--j-line); }
.about-company__details dt{ color:var(--j-ink-3); font-size:11.5px; }
.about-company__details dd{ margin:6px 0 0; color:var(--j-ink); font-size:13px; line-height:1.6; font-weight:550; overflow-wrap:anywhere; }
.about-company__details a{ color:inherit; text-decoration:none; }
.about-company__details a:hover{ color:var(--j-brand); text-decoration:underline; }

html[data-theme="dark"] .about-hero{ background:linear-gradient(90deg,rgba(10,15,28,.98) 0%,rgba(10,15,28,.95) 46%,rgba(10,15,28,.77) 100%),url('/assets/img/kurumsal-banner.webp') center 45%/cover no-repeat; }
html[data-theme="dark"] .about-eyebrow,html[data-theme="dark"] .about-text-link,html[data-theme="dark"] .about-service__link,html[data-theme="dark"] .about-doc-links a{ color:#8fc8ff; }
html[data-theme="dark"] .about-breadcrumb a:hover,html[data-theme="dark"] .about-company__details a:hover{ color:#8fc8ff; }
html[data-theme="dark"] .about-service__icon{ color:#8fc8ff; }
html[data-theme="dark"] .about-hero__actions .j-btn--outline{ background:var(--j-card); }

@media(max-width:760px){
  .about-hero{ background-position:62% center; }
  .about-hero__copy{ padding:46px 0 38px; }
  .about-hero__copy>p{ font-size:14.5px; }
  .about-hero__facts{ grid-template-columns:1fr; }
  .about-hero__facts>div{ padding:13px 0; }
  .about-hero__facts>div+div{ border-left:0; border-top:1px solid var(--j-line-2); padding-left:0; }
  .about-intro__grid,.about-approach__grid,.about-company__grid{ grid-template-columns:1fr; gap:28px; }
  .about-intro__image,.about-intro__image img{ min-height:230px; }
  .about-service-grid{ grid-template-columns:1fr; gap:12px; }
  .about-service{ min-height:0; padding:19px; }
  .about-service__link{ padding-top:14px; }
  .about-company__details{ grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce){ .about-service{ transition:none; } }