.about-page{overflow:hidden}.about-page h2{font:700 var(--fs-h2)/var(--lh-h2) var(--font-display);color:var(--c-primary);margin:8px 0 20px}.about-page p{color:var(--c-body);line-height:1.5}.about-page img{display:block;max-width:100%}.about-page__hero{background:var(--c-tint-strong);padding:80px 0;text-align:center}.about-page__hero-content{display:flex;flex-direction:column;align-items:center;gap:22px}.about-page__hero .eyebrow,.about-page__team .eyebrow{align-self:center}.about-page__hero h1{font:800 var(--fs-h1)/var(--lh-h1) var(--font-display);margin:0;color:var(--c-primary)}.about-page__breadcrumbs{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--c-accent)}.about-page__breadcrumbs a{color:var(--c-body)}
.about-page__intro{display:grid;grid-template-columns:minmax(0,628px) minmax(0,826px);gap:80px;align-items:center;padding-block:140px}.about-page__intro-copy>p{margin:32px 0 64px}.about-page__intro-media img,.about-page__intro-media video{width:100%;height:768px;object-fit:cover;border-radius:20px}.about-page__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:28px}.about-page__stat{display:flex;flex-direction:column;gap:6px}.about-page__stat strong{font:700 clamp(28px,2.5vw,48px)/1.2 var(--font-display);color:var(--c-primary)}.about-page__stat span{font-size:16px;color:var(--c-body)}
.about-page__story{background:var(--c-tint-strong);padding:140px 0}.about-page__section-head{max-width:860px;margin-bottom:56px}.about-page__section-head p{max-width:780px;margin:0}.about-page__story-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:24px;min-height:500px}.about-page__story-photo{overflow:hidden;border-radius:16px;min-width:0}.about-page__story-photo img{width:100%;height:100%;object-fit:cover}.about-page__story-card{background:#292728;color:#fff;border-radius:16px;padding:40px;display:flex;flex-direction:column;justify-content:center}.about-page__story-card h3{font:700 32px/1.25 var(--font-display);color:#b0cb36;margin:0 0 28px}.about-page__story-card p{color:#f4f4f4;margin:0;line-height:1.65}.about-page__story-side{display:grid;grid-template-rows:1fr 1fr;gap:24px;min-height:0}.about-page__story-side .about-page__story-photo{height:238px}
.about-page__journey{padding:140px 0;background-color:#002110;background-size:cover;background-position:center}.about-page__journey h2{color:#fff;margin-bottom:90px}.about-page__journey .eyebrow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff}.about-page__timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.5)}.about-page__timeline li{position:relative;padding-top:35px;min-width:0}.about-page__timeline-dot{position:absolute;left:0;top:-6px;width:12px;height:12px;border-radius:50%;background:#b0cb36;border:2px solid #fff}.about-page__timeline-year{font:700 22px/1.3 var(--font-display);color:#b0cb36}.about-page__timeline h3{font:600 18px/1.3 var(--font-display);color:#fff;margin:12px 0}.about-page__timeline p{font-size:14px;color:#d6cfe0;margin:0}
.about-page__strengths{padding-block:140px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;align-items:center}.about-page__strengths-media img{width:100%;height:768px;object-fit:cover;border-radius:20px}.about-page__strengths-copy>p{white-space:pre-line;margin:32px 0}.about-page__strengths-tags{display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0;list-style:none}.about-page__strengths-tags li{border:1px solid #d9d9d9;border-radius:100px;padding:8px 18px;font:600 14px/18px var(--font-display);color:#292728;background:#fbfcf5}
.about-page__team{padding:100px 0 0;text-align:center;background:#fff}.about-page__team-head{display:flex;flex-direction:column;align-items:center;margin-bottom:56px}.about-page__team-head p{max-width:660px;margin:0}.about-page__team-gallery{width:100%;overflow:hidden}.about-page__team-gallery img{display:block;width:100%;height:auto;aspect-ratio:1920/260;object-fit:cover}
.about-page__awards{background:var(--c-tint-strong);padding:140px 0}.about-page__award-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.about-page__award{border-radius:16px;overflow:hidden;background:#fff}.about-page__award-image{height:240px;background:#edf3dd}.about-page__award-image img{width:100%;height:100%;object-fit:cover}.about-page__award-copy{padding:24px}.about-page__award-copy h3{font:700 20px/1.3 var(--font-display);margin:0 0 10px;color:var(--c-primary)}.about-page__award-copy h4{font:500 18px/1.3 var(--font-display);margin:0 0 16px;color:var(--c-accent)}.about-page__award-copy p{font-size:14px;margin:0}
@media(max-width:1199px){.about-page__intro{grid-template-columns:1fr 1fr;gap:40px;padding-block:100px}.about-page__intro-media img,.about-page__intro-media video{height:620px}.about-page__story,.about-page__journey,.about-page__awards{padding-block:100px}.about-page__strengths{padding-block:100px;gap:40px}.about-page__timeline{grid-template-columns:repeat(3,1fr);row-gap:42px;border-top:0}.about-page__timeline li{border-top:1px solid rgba(255,255,255,.5)}.about-page__strengths-media img{height:600px}}
@media(max-width:900px){.about-page__intro,.about-page__strengths{grid-template-columns:1fr;gap:48px}.about-page__intro-media img,.about-page__intro-media video,.about-page__strengths-media img{height:auto;max-height:700px;aspect-ratio:1.15;object-fit:cover}.about-page__strengths-copy{order:-1}.about-page__story-grid{grid-template-columns:1fr 1fr}.about-page__story-photo--large{grid-row:span 2}.about-page__story-side{grid-column:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.about-page__story-side .about-page__story-photo{height:220px}.about-page__award-grid{gap:18px}}
@media(max-width:599px){.about-page__hero{padding:64px 0}.about-page__hero h1{font-size:clamp(36px,10vw,52px)}.about-page__intro,.about-page__strengths{padding-block:72px}.about-page__intro-copy>p{margin:24px 0 40px}.about-page__stats{gap:22px}.about-page__stat strong{font-size:26px}.about-page__story,.about-page__journey,.about-page__awards{padding-block:72px}.about-page__section-head{margin-bottom:36px}.about-page__story-grid{grid-template-columns:1fr}.about-page__story-photo--large{height:310px;grid-row:auto}.about-page__story-card{padding:30px 24px}.about-page__story-side{grid-column:auto}.about-page__story-side .about-page__story-photo{height:150px}.about-page__journey h2{margin-bottom:45px}.about-page__timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.about-page__timeline-year{font-size:18px}.about-page__timeline h3{font-size:16px}.about-page__timeline p{font-size:13px}.about-page__team{padding-top:72px}.about-page__team-head{margin-bottom:36px}.about-page__team-gallery img{width:200%;max-width:none;transform:translateX(-25%)}.about-page__award-grid{grid-template-columns:1fr}.about-page__award-image{height:220px}}

/* Keep the stat rule straight and align both story columns to one shared grid height. */
.about-page__stat{border-left:1px solid var(--c-secondary);padding-left:20px;min-width:0}
.about-page__story-grid{height:546px;min-height:0}
.about-page__story-side{grid-template-rows:repeat(2,minmax(0,1fr));height:100%}
.about-page__story-side .about-page__story-photo{height:auto;min-height:0}
.about-page__team-gallery{display:grid;gap:2px;background:#fff}
.about-page__team-gallery img{aspect-ratio:1920/260;height:auto;object-fit:cover}
@media(max-width:900px){.about-page__story-grid{height:auto}.about-page__story-side{height:auto}.about-page__story-side .about-page__story-photo{min-height:220px}}
@media(max-width:599px){.about-page__story-side .about-page__story-photo{min-height:150px}.about-page__team-gallery img{width:200%;max-width:none;transform:translateX(-25%)}}
/* Each portrait is editable in Appearance → About Us; rows retain Figma's 240/300 rhythm. */
.about-page__team-gallery{display:block;background:#fff}
.about-page__team-row{display:flex;width:100%;gap:2px;margin-bottom:2px}
.about-page__member{position:relative;display:block;flex:var(--member-width) 1 0;min-width:0;height:clamp(180px,13.54vw,260px);overflow:hidden;isolation:isolate;outline-offset:-3px}
.about-page__team-gallery .about-page__member img{display:block;width:100%;max-width:none;height:100%;aspect-ratio:auto;object-fit:cover;transform:none}
.about-page__member::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.75));opacity:0;transition:opacity .35s ease}
.about-page__member-name{position:absolute;z-index:1;bottom:24px;left:24px;right:16px;text-align:left;color:#fff;font:500 clamp(16px,1.25vw,24px)/1.25 var(--font-display);opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease}
.about-page__member:hover::after,.about-page__member:focus-visible::after{opacity:1}
.about-page__member:hover .about-page__member-name,.about-page__member:focus-visible .about-page__member-name{opacity:1;transform:none}
@media(max-width:900px){.about-page__team-row{display:contents}.about-page__team-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.about-page__member{height:clamp(150px,29vw,260px)}}
@media(max-width:599px){.about-page__team-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page__member{height:200px}.about-page__team-gallery .about-page__member img{width:100%;transform:none}.about-page__member-name{bottom:12px;left:12px}}
@media(hover:none){.about-page__member::after{opacity:1;background:linear-gradient(transparent 60%,rgba(0,0,0,.7))}.about-page__member-name{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
html:not(.eimsky-motion-full) .about-page__member::after,html:not(.eimsky-motion-full) .about-page__member-name{transition:none}
}
/* 2026 Figma alignment: Story proportions, full-width milestones, and Strengths rhythm. */
.about-page__stat-plus{color:#62a420}
.about-page__story .about-page__section-head{max-width:1012px}
.about-page__story .about-page__section-head h2{max-width:1012px;font-stretch:105%;letter-spacing:.015em}
.about-page__story-grid{grid-template-columns:minmax(0,367fr) minmax(0,490fr) minmax(0,367fr);gap:32px;height:500px}
.about-page__story-side{gap:24px}
.about-page__story-card{padding:48px 60px}
.about-page__story-card h3{color:#fff;margin-bottom:24px}
.about-page__story-card p{font-size:16px;line-height:24px;color:#d9d9d9}
.about-page__journey .eyebrow__icon{filter:brightness(0) invert(1)}
.about-page__timeline{gap:clamp(14px,2vw,32px);border-top-color:rgba(255,255,255,.45)}
.about-page__timeline-year{color:#b0cb36;font-size:24px}
.about-page__strengths{grid-template-columns:minmax(0,826fr) minmax(0,628fr);gap:80px;padding-block:140px}
.about-page__strengths-media img{height:768px}
.about-page__strengths-copy{padding-top:16px}
.about-page__strengths-copy>p{white-space:normal;margin:32px 0 40px;line-height:24px}
.about-page__strengths-tags{gap:16px}
.about-page__strengths-tags li{display:inline-flex;align-items:center;gap:8px;padding:6px 20px;background:#fff;font:600 16px/24px var(--font-body)}
.about-page__strength-icon{width:16px;height:16px;flex:none}
@media(max-width:1199px){.about-page__strengths{gap:40px;padding-block:96px}.about-page__strengths-media img{height:600px}.about-page__story-grid{gap:20px}.about-page__story-card{padding:32px}.about-page__journey{padding-block:96px}}
@media(max-width:900px){.about-page__strengths{grid-template-columns:1fr;gap:40px}.about-page__strengths-media img{height:auto;max-height:650px}.about-page__story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;align-items:stretch}.about-page__story-photo--large{grid-row:auto;min-height:390px}.about-page__story-card{min-height:390px}.about-page__story-side{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;height:auto}.about-page__story-side .about-page__story-photo{height:220px;min-height:0}.about-page__timeline{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:36px}.about-page__strengths-copy{order:0}}
@media(max-width:599px){.about-page__story,.about-page__journey{padding-block:72px}.about-page__story-grid{display:flex;flex-direction:column;gap:16px;min-height:0;height:auto}.about-page__story-photo--large{width:100%;height:270px;min-height:0}.about-page__story-card{min-height:0;padding:28px 24px}.about-page__story-card h3{font-size:26px;margin-bottom:18px}.about-page__story-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:150px;gap:12px;width:100%;height:150px}.about-page__story-side .about-page__story-photo{height:150px;min-height:0}.about-page__strengths{padding-block:72px;gap:28px}.about-page__strengths-copy>p{margin:24px 0 28px}.about-page__strengths-tags{gap:10px}.about-page__strengths-tags li{padding:5px 12px;font-size:14px}.about-page__timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.about-page__timeline-year{font-size:20px}}
.about-page__story-card-copy{display:flex;flex-direction:column;gap:14px}
.about-page__story-card-copy p{margin:0;color:#d9d9d9;line-height:24px}
.about-page__story-card-copy strong{font-weight:600;color:#fff}

/* ==========================================================================
   v2.3.13 – Figma pass (About Us Page, frame 544:891)
   Authoritative rules for About EIMSKY stats, Our Story, Our Journey and
   Our Strengths. Desktop values are the Figma measurements at 1920px.
   Breakpoints: 1199px (tablet landscape), 991px (tablet), 767px, 599px (mobile).
   ========================================================================== */

/* About EIMSKY statistics (1386:7210) ---------------------------------------
   Figma paints each whole statistic with the brand gradient and the number in
   #292728, so only the "+" shows the gradient – green on the full-width first
   row, lime at the end of the fit-to-text second row. */
.about-page .about-page__stats {
	display: grid;
	grid-template-columns: repeat(2, max-content);
	gap: 32px;
}
.about-page .about-page__stat {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 8px;
	min-width: 0;
	min-height: 97.5px;
	padding-left: 16px;
	border-left: 1px solid #b0cb36;
}
/* Figma cell sizes: first cell stretches its 239px column; the others keep their own width. */
.about-page .about-page__stat:nth-child(odd) { min-width: 239px; }
.about-page .about-page__stat:nth-child(even) { min-width: 266px; }
.about-page .about-page__stat:nth-child(2) { justify-self: start; width: 266px; }
.about-page .about-page__stat:nth-child(n+3) { justify-self: start; }
.about-page .about-page__stat .about-page__stat-value {
	display: block;
	font: 700 48px/60px var(--font-display);
	white-space: nowrap;
	background: var(--gradient);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.about-page .about-page__stat:nth-child(n+3) .about-page__stat-value { display: inline-block; align-self: flex-start; }
.about-page .about-page__stat .about-page__stat-number { font: inherit; color: #292728; -webkit-text-fill-color: #292728; }
.about-page .about-page__stat .about-page__stat-plus { font: inherit; color: transparent; -webkit-text-fill-color: transparent; }
.about-page .about-page__stat .about-page__stat-label { font: 500 18px/22px var(--font-display); color: #545253; }

/* Our Story (620:1928) ------------------------------------------------------ */
.about-page .about-page__story { background: #fbfcf5; padding: 140px 0; }
.about-page .about-page__story .about-page__section-head { display: flex; flex-direction: column; align-items: flex-start; gap: 0; max-width: none; margin: 0 0 56px; text-align: left; }
.about-page .about-page__story .about-page__section-head h2 {
	max-width: 1012px;
	margin: 8px 0 0;
	font: 700 48px/60px var(--font-display);
	letter-spacing: 0;
	font-stretch: normal;
}
/* Figma breaks the heading before the highlighted phrase. */
@media (min-width: 1100px) {
	.about-page .about-page__story .about-page__section-head h2 .text-gradient { display: block; }
}
.about-page .about-page__story .about-page__section-head > p:not(.eyebrow) { max-width: 980px; margin: 32px 0 0; font-size: 16px; line-height: 24px; color: #545253; }
.about-page .about-page__story .about-page__section-head > p:not(.eyebrow) strong { font-weight: 600; }

.about-page .about-page__story-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 490px minmax(0, 1fr);
	grid-template-rows: 234px 234px;
	gap: 32px;
	height: auto;
	min-height: 0;
}
.about-page .about-page__story-photo {
	position: relative;
	overflow: hidden;
	border-radius: 24px;
	min-width: 0;
	height: auto;
	min-height: 0;
	background: #e4e9d6;
}
.about-page .about-page__story-photo img { position: absolute; max-width: none; width: 100%; height: 100%; object-fit: cover; }
/* Figma: 30% dark fade at the bottom of each photo. */
.about-page .about-page__story-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 85%); pointer-events: none; }
.about-page .about-page__story-photo--large { grid-column: 1; grid-row: 1 / 3; }
.about-page .about-page__story-photo--top { grid-column: 3; grid-row: 1; }
.about-page .about-page__story-photo--bottom { grid-column: 3; grid-row: 2; }

.about-page .about-page__story-card {
	position: relative;
	grid-column: 2;
	grid-row: 1 / 3;
	display: block;
	overflow: hidden;
	min-height: 0;
	padding: 55px 60px;
	border-radius: 24px;
	background: #292728;
	color: #fff;
}
.about-page .about-page__story-mark { position: absolute; left: 89px; top: 55px; width: 320px; height: 407px; pointer-events: none; }
.about-page .about-page__story-mark svg { width: 100%; height: 100%; }
.about-page .about-page__story-card-inner { position: relative; z-index: 1; width: 370px; max-width: 100%; }
.about-page .about-page__story-card h3 { margin: 4px 0 24px; font: 700 32px/40px var(--font-display); color: #fff; }
.about-page .about-page__story-card .about-page__story-year { color: #b0cb36; }
.about-page .about-page__story-card .about-page__story-card-copy { display: flex; flex-direction: column; gap: 14px; }
.about-page .about-page__story-card .about-page__story-card-copy p { margin: 0; font-size: 16px; line-height: 24px; color: #d9d9d9; opacity: .9; }
.about-page .about-page__story-card .about-page__story-card-copy strong { font-weight: 600; color: inherit; }

/* Our Journey (639:1857) ---------------------------------------------------- */
.about-page .about-page__journey {
	padding: 140px 0;
	/* Figma: #002110 with the circuit image at 10% opacity. */
	background: linear-gradient(rgba(0, 33, 16, .9), rgba(0, 33, 16, .9)), var(--journey-bg, none) center / cover no-repeat, #002110;
}
.about-page .about-page__journey .eyebrow { background: #fff; border-color: #d9d9d9; color: #292728; }
.about-page .about-page__journey .eyebrow__icon { filter: none; }
.about-page .about-page__journey h2 { margin: 8px 0 56px; font: 700 48px/60px var(--font-display); color: #fff; }

.about-page .about-page__timeline {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
}
/* Line through the markers: #8A8687, darkening to #3F3B3C at the right end. */
.about-page .about-page__timeline::before {
	content: '';
	position: absolute;
	left: 12px;
	right: 0;
	top: 11px;
	height: 2px;
	background: linear-gradient(to left, #3f3b3c 0%, #8a8687 17.379%);
}
.about-page .about-page__timeline li {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 0 1 260px;
	min-width: 0;
	padding: 0;
	border: 0;
}
.about-page .about-page__timeline-marker { position: relative; z-index: 1; display: block; width: 24px; height: 24px; flex: none; }
.about-page .about-page__timeline-marker svg { position: absolute; inset: -8px; width: 40px; height: 40px; overflow: visible; }
.about-page .about-page__timeline-content { display: flex; flex-direction: column; padding-left: 12px; }
.about-page .about-page__timeline .about-page__timeline-year {
	display: block;
	margin-bottom: 8px;
	font: 600 14px/18px var(--font-display);
	background: var(--gradient-light);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	width: max-content;
}
.about-page .about-page__timeline h3 { margin: 0 0 4px; font: 500 24px/30px var(--font-display); color: #fff; }
.about-page .about-page__timeline p { margin: 0; font-size: 16px; line-height: 24px; color: #d6cfe0; }

/* Our Strengths (737:1304) -------------------------------------------------- */
.about-page .about-page__strengths { display: block; padding-block: 140px; }
.about-page .about-page__strengths-inner {
	display: grid;
	grid-template-columns: minmax(0, 826fr) minmax(0, 628fr);
	gap: 80px;
	align-items: center;
	max-width: 1534px; /* 826 + 80 + 628, left aligned like Figma */
}
.about-page .about-page__strengths-media img { display: block; width: 100%; height: auto; aspect-ratio: 826 / 768; max-height: none; object-fit: cover; border-radius: 24px; }
.about-page .about-page__strengths-copy { padding-top: 16px; order: 0; }
.about-page .about-page__strengths-copy h2 { max-width: 531px; margin: 8px 0 0; font: 700 48px/60px var(--font-display); }
.about-page .about-page__strengths-copy > p:not(.eyebrow) { margin: 32px 0 40px; white-space: normal; font-size: 16px; line-height: 24px; color: #545253; }
.about-page .about-page__strengths-tags { display: flex; flex-wrap: wrap; gap: 16px; margin: 0; padding: 0; list-style: none; }
.about-page .about-page__strengths-tags li { display: inline-flex; align-items: center; gap: 8px; padding: 6px 20px; border: 1px solid #d9d9d9; border-radius: 24px; background: #fff; font: 600 16px/24px var(--font-body); color: #292728; }
.about-page .about-page__strengths-tags .about-page__strength-icon { display: block; width: 16px; height: 16px; flex: none; }
/* Figma: the Team heading starts straight after Strengths' 140px bottom padding. */
.about-page .about-page__strengths + .about-page__team { padding-top: 0; }

/* Tablet landscape ------------------------------------------------------------ */
@media (max-width: 1199px) {
	.about-page .about-page__story,
	.about-page .about-page__journey { padding-block: 96px; }
	.about-page .about-page__strengths { padding-block: 96px; }
	.about-page .about-page__story .about-page__section-head h2,
	.about-page .about-page__journey h2,
	.about-page .about-page__strengths-copy h2 { font-size: 40px; line-height: 50px; }
	.about-page .about-page__stat .about-page__stat-value { font-size: 40px; line-height: 50px; }

	.about-page .about-page__story-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto 260px; gap: 24px; }
	.about-page .about-page__story-photo--large { grid-column: 1; grid-row: 1; min-height: 460px; }
	.about-page .about-page__story-card { grid-column: 2; grid-row: 1; padding: 48px 40px; }
	.about-page .about-page__story-mark { left: 69px; top: 48px; }
	.about-page .about-page__story-card-inner { width: auto; }
	.about-page .about-page__story-photo--top { grid-column: 1; grid-row: 2; }
	.about-page .about-page__story-photo--bottom { grid-column: 2; grid-row: 2; }

	.about-page .about-page__timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 32px; }
	.about-page .about-page__timeline::before { display: none; }
	.about-page .about-page__timeline li::before { content: ''; position: absolute; left: 12px; right: -32px; top: 11px; height: 2px; background: #8a8687; }
	.about-page .about-page__timeline li:nth-child(3n)::before,
	.about-page .about-page__timeline li:last-child::before { right: 0; }

	.about-page .about-page__strengths-inner { gap: 48px; }
	.about-page .about-page__strengths + .about-page__team { padding-top: 0; }
}

/* Tablet ---------------------------------------------------------------------- */
@media (max-width: 991px) {
	.about-page .about-page__strengths-inner { grid-template-columns: minmax(0, 1fr); gap: 40px; }
	.about-page .about-page__strengths-media img { aspect-ratio: 16 / 11; }
	.about-page .about-page__strengths-copy { padding-top: 0; }
	.about-page .about-page__strengths-copy h2 { max-width: 600px; }
	.about-page .about-page__timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.about-page .about-page__timeline li:nth-child(3n)::before { right: -32px; }
	.about-page .about-page__timeline li:nth-child(2n)::before,
	.about-page .about-page__timeline li:last-child::before { right: 0; }
}

/* Mobile ---------------------------------------------------------------------- */
@media (max-width: 767px) {
	.about-page .about-page__story-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto auto; gap: 16px; }
	.about-page .about-page__story-photo--large { grid-column: 1 / -1; grid-row: 1; min-height: 0; aspect-ratio: 4 / 3; }
	.about-page .about-page__story-card { grid-column: 1 / -1; grid-row: 2; padding: 36px 28px; }
	.about-page .about-page__story-mark { left: 50%; top: 36px; transform: translateX(-50%); }
	.about-page .about-page__story-photo--top { grid-column: 1; grid-row: 3; aspect-ratio: 1; }
	.about-page .about-page__story-photo--bottom { grid-column: 2; grid-row: 3; aspect-ratio: 1; }

	/* Vertical timeline. */
	.about-page .about-page__timeline { display: flex; flex-direction: column; gap: 32px; }
	.about-page .about-page__timeline li { flex-direction: row; gap: 16px; flex: none; }
	.about-page .about-page__timeline li::before { display: none; }
	.about-page .about-page__timeline::before { display: block; left: 11px; right: auto; top: 12px; bottom: 12px; width: 2px; height: auto; background: linear-gradient(to bottom, #8a8687 82%, #3f3b3c 100%); }
	.about-page .about-page__timeline-content { padding-left: 0; }
}

@media (max-width: 599px) {
	.about-page .about-page__story,
	.about-page .about-page__journey,
	.about-page .about-page__strengths { padding-block: 72px; }
	.about-page .about-page__story .about-page__section-head { margin-bottom: 40px; }
	.about-page .about-page__story .about-page__section-head h2,
	.about-page .about-page__journey h2,
	.about-page .about-page__strengths-copy h2 { font-size: 30px; line-height: 38px; }
	.about-page .about-page__journey h2 { margin-bottom: 40px; }
	.about-page .about-page__story-card h3 { font-size: 26px; line-height: 34px; margin-bottom: 18px; }
	.about-page .about-page__timeline h3 { font-size: 20px; line-height: 26px; }
	.about-page .about-page__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; }
	.about-page .about-page__stat { min-width: 0 !important; padding-left: 12px; min-height: 0; }
	.about-page .about-page__stat .about-page__stat-value { font-size: 26px; line-height: 34px; white-space: normal; }
	.about-page .about-page__stat .about-page__stat-label { font-size: 15px; line-height: 20px; }
	.about-page .about-page__strengths-copy > p:not(.eyebrow) { margin: 24px 0 28px; }
	.about-page .about-page__strengths-tags { gap: 8px; }
	.about-page .about-page__strengths-tags li { padding: 5px 14px; font-size: 14px; line-height: 20px; }
}

/* About EIMSKY (687:1045): 628px text column aligned with the container, photo runs to the page
   gutter at 826 × 768 (Figma), so the statistics block (625px) always fits. */
.about-page .about-page__intro {
	max-width: none;
	width: 100%;
	margin: 0;
	padding-left: max(var(--gutter), calc((100% - var(--container)) / 2));
	padding-right: var(--gutter);
	grid-template-columns: minmax(0, 628px) minmax(0, 1fr);
	gap: 80px;
}
.about-page .about-page__intro-media img,
.about-page .about-page__intro-media video { width: 100%; height: auto; aspect-ratio: 826 / 768; object-fit: cover; border-radius: 24px; }
@media (max-width: 1199px) {
	.about-page .about-page__intro { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; padding-right: var(--gutter); }
}
@media (max-width: 900px) {
	.about-page .about-page__intro { grid-template-columns: minmax(0, 1fr); gap: 48px; padding-inline: var(--gutter); }
	.about-page .about-page__intro-media img,
	.about-page .about-page__intro-media video { aspect-ratio: 4 / 3.4; }
}

/* Label pills are <p> elements: keep the description spacing off them (Figma: 8px pill → heading). */
.about-page .about-page__intro-copy > .eyebrow,
.about-page .about-page__strengths-copy > .eyebrow { margin: 0; }
/* About EIMSKY (Figma): heading → description 32px, description → statistics 80px. */
.about-page .about-page__intro-copy > p:not(.eyebrow) { margin: 32px 0 80px; }
@media (max-width: 599px) {
	.about-page .about-page__intro-copy > p:not(.eyebrow) { margin: 24px 0 40px; }
}

/* Timeline line: page-motion.css also styles this ::before (a lime line that sweeps in).
   Keep its sweep animation but with the Figma line's position and colours. */
.about-page .about-page__timeline.about-page__timeline::before {
	left: 12px;
	right: 0;
	top: 11px;
	height: 2px;
	background: linear-gradient(to left, #3f3b3c 0%, #8a8687 17.379%);
}
@media (max-width: 1199px) {
	.about-page .about-page__timeline.about-page__timeline::before { display: none; }
}
@media (max-width: 767px) {
	.about-page .about-page__timeline.about-page__timeline::before {
		display: block;
		left: 11px;
		right: auto;
		top: 12px;
		bottom: 12px;
		width: 2px;
		height: auto;
		background: linear-gradient(to bottom, #8a8687 82%, #3f3b3c 100%);
		transform: none;
		transition: none;
	}
}
@media (max-width: 599px) {
	/* Phones: statistics share the width equally (Figma desktop cell widths do not apply). */
	.about-page .about-page__stat:nth-child(n) { width: auto; justify-self: stretch; }
	.about-page .about-page__stat:nth-child(n+3) .about-page__stat-value { display: block; }
}
@media (min-width: 600px) and (max-width: 1199px) {
	.about-page .about-page__intro { padding-block: 96px; }
	.about-page .about-page__awards { padding-block: 96px; }
}

/* Frame the supplied portraits consistently without altering their source crop. */
.about-page__team-gallery .about-page__member img {object-position:center 32%}