/*
 * Team page ("Ekibimiz / Our Team").
 * Warm paper background, pixel-mono labels, dithered portraits and an ASCII band.
 * Departure Mono © Helena Zhang, SIL Open Font License 1.1 (assets/fonts/DepartureMono-LICENSE.txt).
 */
@font-face {
	font-family: "Departure Mono";
	src: url("../fonts/DepartureMono-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.team-page {
	--team-bg: #f8f3ef;
	--team-ink: #0c1a2c;
	--team-muted: #5f6670;
	--team-line: rgba(12, 26, 44, .12);
	--team-accent: #155eef;
	--team-accent-soft: #bcd2ff;
	--team-mono: "Departure Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	color: var(--team-ink);
	background: var(--team-bg);
}
.team-page a { color: inherit; }
.team-page :focus-visible { outline: 2px solid var(--team-accent); outline-offset: 3px; }

/* Hero */
.team-hero { padding-top: clamp(56px, 8vw, 104px); }
.team-hero__grid { display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: clamp(28px, 4vw, 64px); align-items: start; }
.team-stack { display: grid; justify-items: start; gap: 2px; margin: 0; font: 400 clamp(1.25rem, 2.1vw, 1.7rem)/1.05 var(--team-mono); letter-spacing: .02em; }
.team-stack__row { padding: 3px 5px 1px; }
.team-stack__row--accent { color: var(--team-ink); background: var(--team-accent-soft); }
.team-stack__row--ink { color: var(--team-bg); background: var(--team-ink); }
.team-hero__intro p, .team-hero__cta p { max-width: 30ch; margin: 0; font-size: .95rem; line-height: 1.45; }
.team-hero__intro p a { text-decoration: underline; text-decoration-color: var(--team-accent); text-underline-offset: .2em; }
.team-hero__cta p span { color: var(--team-muted); }
.team-hero__arrow { display: block; margin: 18px 0 10px; color: var(--team-accent); font: 400 1.05rem/1 var(--team-mono); animation: team-arrow 2.4s ease-in-out infinite; }
.team-hero__meta { display: grid; grid-template-columns: auto auto; justify-content: start; gap: 4px 28px; margin: 0; font-size: .82rem; }
.team-hero__meta dt { color: var(--team-muted); }
.team-hero__meta dd { margin: 0; }
@keyframes team-arrow { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(5px); } }

.team-button { display: inline-block; margin-top: 18px; padding: 9px 14px 8px; border: 1px solid var(--team-ink); color: var(--team-ink) !important; background: transparent; font: 400 .74rem/1 var(--team-mono); letter-spacing: .08em; text-decoration: none; text-transform: uppercase; box-shadow: 3px 3px 0 var(--team-accent-soft); transition: background .2s, color .2s, box-shadow .2s, transform .2s; }
.team-button:hover { color: var(--team-bg) !important; background: var(--team-ink); box-shadow: 0 0 0 var(--team-accent-soft); transform: translate(2px, 2px); }

.team-ascii { display: block; width: 100%; height: 176px; margin-top: clamp(48px, 7vw, 96px); -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }

/* People grid */
.team-people { padding-block: clamp(40px, 6vw, 72px) clamp(64px, 9vw, 112px); }
.team-heading { margin: 0 0 22px; font-size: clamp(1.3rem, 2vw, 1.6rem); font-weight: 500; letter-spacing: -.01em; }
.team-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 34px 18px; padding: 0; margin: 0; list-style: none; }
.team-card__inner { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none; outline: none; }
.team-card__media { position: relative; display: block; overflow: hidden; aspect-ratio: 3 / 4; margin-bottom: 10px; background: #d9d4cf; }
.team-card__photo, .team-card__dither { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.team-card__photo { object-fit: cover; filter: grayscale(1) contrast(1.05); transform: scale(1.02); transition: transform .5s ease; }
.team-card__dither { image-rendering: pixelated; opacity: 1; transition: opacity .35s steps(5, end); }
.team-card__initials { position: absolute; inset: 0; display: grid; place-items: center; color: var(--team-ink); background: radial-gradient(circle, rgba(12, 26, 44, .38) 1px, transparent 1.4px) 0 0 / 5px 5px, #e7e1dc; font: 400 2.2rem/1 var(--team-mono); }
.team-card__index { position: absolute; top: 6px; left: 6px; padding: 2px 4px 1px; color: var(--team-ink); background: var(--team-bg); font: 400 .62rem/1 var(--team-mono); opacity: 0; transform: translateY(-4px); transition: opacity .2s, transform .2s; }
.team-card__name { font-size: .8rem; font-weight: 600; line-height: 1.3; }
.team-card__role { color: var(--team-muted); font-size: .76rem; line-height: 1.35; }
.team-card__link { margin-top: 6px; color: var(--team-accent); font: 400 .64rem/1 var(--team-mono); letter-spacing: .06em; opacity: 0; transition: opacity .2s; }
.team-card__inner:hover .team-card__dither, .team-card__inner:focus-visible .team-card__dither { opacity: 0; }
.team-card__inner:hover .team-card__photo, .team-card__inner:focus-visible .team-card__photo { transform: scale(1.05); }
.team-card__inner:hover .team-card__index, .team-card__inner:focus-visible .team-card__index { opacity: 1; transform: none; }
.team-card__inner:hover .team-card__link, .team-card__inner:focus-visible .team-card__link { opacity: 1; }
.team-card__inner:focus-visible .team-card__media { outline: 2px solid var(--team-accent); outline-offset: 3px; }
.team-empty { padding: 28px; border: 1px dashed var(--team-line); color: var(--team-muted); font-family: var(--team-mono); font-size: .85rem; }

.team-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 64px); margin-top: clamp(64px, 9vw, 112px); }
.team-values h3 { margin: 0 0 12px; font-size: .92rem; font-weight: 600; letter-spacing: -.005em; }
.team-values p { max-width: 34ch; margin: 0; color: var(--team-muted); font-size: .82rem; line-height: 1.5; }

/* Expertise table (agenda style) */
.team-map { padding-block: clamp(40px, 6vw, 72px) clamp(64px, 9vw, 112px); }
.team-map__title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; margin: 0 0 clamp(28px, 4vw, 44px); font-size: clamp(1.6rem, 3vw, 2.3rem); font-weight: 500; letter-spacing: -.02em; }
.team-map__arrow { color: var(--team-accent); font-size: .8em; }
.team-map__current { border-bottom: 2px dotted var(--team-accent); }
.team-table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.team-table th { padding: 0 12px 10px 0; border-bottom: 1px solid var(--team-line); color: var(--team-muted); font-size: .7rem; font-weight: 500; letter-spacing: .06em; text-align: left; text-transform: uppercase; }
.team-table td { padding: 13px 12px 13px 0; vertical-align: top; }
.team-table tbody tr:not(.team-table__break) td { border-bottom: 1px solid transparent; }
.team-table tbody tr:not(.team-table__break):hover { background: rgba(21, 94, 239, .05); }
.team-table th:first-child, .team-table td:first-child { width: 16%; padding-left: 0; }
.team-table th:nth-child(2), .team-table td:nth-child(2) { width: 34%; }
.team-table__code { color: var(--team-muted); font-family: var(--team-mono); font-size: .76rem; letter-spacing: .06em; }
.team-table td a { font-weight: 500; text-decoration: none; }
.team-table td a:hover { color: var(--team-accent); text-decoration: underline; text-underline-offset: .2em; }
.team-table td:last-child { color: var(--team-muted); }
.team-table__break td { color: var(--team-muted); font-family: var(--team-mono); font-size: .72rem; background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(12, 26, 44, .06) 3px 4px); border-block: 1px solid var(--team-line); }
.team-table__break td:first-child { padding-left: 10px; }

/* CTA */
.team-cta { padding-block: clamp(56px, 8vw, 96px); border-top: 1px solid var(--team-line); }
.team-cta__inner { display: grid; justify-items: start; gap: 8px; }
.team-cta__label { margin: 0; color: var(--team-accent); font: 400 .72rem/1 var(--team-mono); letter-spacing: .12em; }
.team-cta h2 { max-width: 22ch; margin: 0; font-size: clamp(1.8rem, 3.6vw, 2.8rem); font-weight: 500; letter-spacing: -.025em; }

@media (max-width: 1100px) {
	.team-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
	.team-hero__grid { grid-template-columns: 1fr 1fr; }
	.team-hero__mark { grid-column: 1 / -1; }
	.team-values { grid-template-columns: 1fr; }
	.team-ascii { height: 136px; }
}
@media (max-width: 560px) {
	.team-hero__grid { grid-template-columns: 1fr; }
	.team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 14px; }
	.team-table thead { display: none; }
	.team-table, .team-table tbody, .team-table tr, .team-table td { display: block; width: 100% !important; }
	.team-table tr { padding: 12px 0; border-bottom: 1px solid var(--team-line); }
	.team-table td { padding: 2px 0; }
	.team-table__break td { padding: 8px 10px; }
	.team-table__break td:first-child { display: none; }
}
@media (hover: none) {
	.team-card__link { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
	.team-hero__arrow { animation: none; }
	.team-card__photo, .team-card__dither, .team-button { transition: none; }
}