/* Shared reader tokens and typography: docs/design/4vision-reader.md. */
.about-page{padding:48px 0}
.about-intro{max-width:720px}
.about-intro h1{font-size:48px;line-height:52px;letter-spacing:-1.6px}
.about-story{margin-top:24px;color:var(--body);font-size:18px;line-height:28px}
.about-story p+p{margin-top:24px}
.about-team{margin-top:64px}
.team-profile{display:grid;grid-template-columns:400px minmax(0,560px);align-items:start;gap:64px}
.team-profile+.team-profile{margin-top:48px;padding-top:48px;border-top:1px solid var(--hairline)}
.team-portrait{position:relative;isolation:isolate;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-sm);background:var(--canvas-card)}
.team-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%}
.team-photo-fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--mute);font-family:var(--display);font-size:96px;line-height:1}
.team-copy{min-width:0}
.team-desk{margin-bottom:8px;color:var(--mute);font-size:14px;line-height:20px}
.team-copy h2{font-size:32px;line-height:36px;letter-spacing:-.6px;text-wrap:balance}
.team-bio{max-width:560px;margin-top:16px;color:var(--body);font-size:18px;line-height:28px}
.team-socials,.about-socials{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px;margin-left:-12px}
.about-socials{margin-top:24px}
.team-socials>a,.about-socials>a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--body);transition:color 160ms ease}
.team-socials>a:hover,.about-socials>a:hover{color:var(--ink)}
.team-socials>a:focus-visible,.about-socials>a:focus-visible{outline-offset:2px;border-radius:4px}

/* Künye: profil ayırıcısının ritmi, tanıtımla aynı 720 px sol sütun. */
.about-imprint{margin-top:48px;padding-top:48px;border-top:1px solid var(--hairline)}
.about-imprint h2{font-size:28px;line-height:34px;letter-spacing:-.5px}
.imprint-list{max-width:720px;margin:24px 0 0}
.imprint-list>div+div{margin-top:24px}
.imprint-list dt{color:var(--mute);font-size:14px;line-height:20px}
.imprint-list dd{margin:4px 0 0;color:var(--body);font-size:18px;line-height:28px;overflow-wrap:anywhere}
/* 44 px hedef, satır ritmini bozmadan negatif blok payıyla. */
.imprint-list a{display:inline-flex;align-items:center;min-height:44px;margin-block:-8px;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:4px}
.imprint-list a:hover{text-decoration-color:currentColor}
.imprint-list a:focus-visible{outline-offset:2px;border-radius:4px}

/* Source-matched posters avoid a different portrait flashing before playback. */
.team-video-poster{object-position:center}
.team-portrait video{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1}
.team-portrait[data-video-ready] video{display:block}
.team-portrait[data-video-playing] video{opacity:1}
.team-video-grain{display:none;position:absolute;inset:0;z-index:2;pointer-events:none;background:url('/assets/images/team/grain.svg') repeat;background-size:160px 160px;opacity:.12;mix-blend-mode:soft-light}
.team-portrait[data-video-ready] .team-video-grain{display:block}
.team-portrait [hidden]{display:none!important}
@media(max-width:1023px){
 .team-profile{grid-template-columns:280px minmax(0,1fr);gap:32px}
}
@media(max-width:767px){
 .about-page{padding:24px 0 0}
 .about-intro h1{font-size:32px;line-height:36px;letter-spacing:-.9px}
 .about-story{font-size:16px;line-height:26px}
 .about-story p+p{margin-top:24px}
 .about-team{margin-top:48px}
 .team-profile{grid-template-columns:minmax(0,1fr);gap:24px}
 .team-profile+.team-profile{margin-top:40px;padding-top:40px}
 .team-portrait{width:100%;max-width:400px}
 .team-bio{font-size:16px;line-height:26px}
 .about-imprint{margin-top:40px;padding-top:40px}
 .about-imprint h2{font-size:24px;line-height:30px;letter-spacing:-.4px}
 .imprint-list dd{font-size:16px;line-height:26px}
 .imprint-list a{margin-block:-9px}
}
@media(prefers-reduced-motion:reduce){
 .team-socials>a,.about-socials>a{transition:none}
 .team-portrait video{display:none!important}
 .team-video-grain{display:none!important}
}
@media(forced-colors:active){.team-video-grain{display:none!important}}