/**
 * HARCHI KOLO — “Про нас” 1.1.2.
 * Isolated public trust page using the existing HARCHI green/gold design tokens.
 */
body.hk-core-about-page .entry-header,
body.hk-core-about-page .page-header {
	display:none!important;
}
body.hk-core-about-page .site-main,
body.hk-core-about-page .content-area,
body.hk-core-about-page .entry-content {
	overflow:visible;
}
body.hk-core-about-page .entry-content {
	margin-top:0!important;
}

.hk-about {
	--a-green:var(--hk-green,#123F2F);
	--a-green-deep:var(--hk-green-deep,#0c3024);
	--a-gold:var(--hk-gold,#C79A2B);
	--a-gold-soft:var(--hk-gold-soft,#fbf4df);
	--a-ink:var(--hk-ink,#17382e);
	--a-muted:var(--hk-muted,#68766f);
	--a-border:var(--hk-border,#dfe6e2);
	--a-surface:var(--hk-surface,#fff);
	--a-warm:var(--hk-surface-warm,#fbfaf5);
	width:min(100%,1180px);
	margin:0 auto;
	color:var(--a-ink);
}
.hk-about,
.hk-about * { box-sizing:border-box; }
.hk-about a,
.hk-about a:visited { color:inherit;text-decoration:none; }
.hk-about svg { width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.hk-about-kicker,
.hk-about-section-head>span,
.hk-about-values__statement>span,
.hk-about-final>div>span {
	display:block;
	color:var(--a-gold);
	font-size:11px;
	font-weight:850;
	letter-spacing:.12em;
	text-transform:uppercase;
}

/* Hero */
.hk-about-hero {
	position:relative;
	display:grid;
	width:100%;
	max-width:1120px;
	margin:0 auto;
	grid-template-columns:minmax(0,1fr) 232px;
	align-items:center;
	gap:40px;
	overflow:hidden;
	min-height:438px;
	padding:50px 56px;
	border:1px solid rgba(199,154,43,.38);
	border-radius:30px;
	background:
		radial-gradient(circle at 82% 16%,rgba(199,154,43,.20),transparent 23%),
		radial-gradient(circle at 95% 92%,rgba(255,255,255,.09),transparent 25%),
		linear-gradient(135deg,var(--a-green-deep) 0%,var(--a-green) 58%,#174f3c 100%);
	box-shadow:0 24px 60px rgba(18,63,47,.16);
	color:#fff;
}
.hk-about-hero::before,
.hk-about-hero::after {
	content:"";
	position:absolute;
	border:1px solid rgba(234,215,159,.14);
	border-radius:50%;
	pointer-events:none;
}
.hk-about-hero::before { width:390px;height:390px;right:-120px;top:-160px; }
.hk-about-hero::after { width:245px;height:245px;right:35px;bottom:-160px; }
.hk-about-hero__copy,
.hk-about-hero__mark { position:relative;z-index:2; }
.hk-about-kicker { margin-bottom:13px;color:#e1bd61; }
.hk-about-hero h1 {
	max-width:760px;
	margin:0 0 18px!important;
	color:#fff!important;
	font-family:Georgia,'Times New Roman',serif!important;
	font-size:clamp(44px,5.1vw,66px)!important;
	font-weight:700!important;
	line-height:.98!important;
	letter-spacing:-.035em;
}
.hk-about-hero h1 em { color:#e2bb56;font-style:normal; }
.hk-about-hero__copy>p {
	max-width:760px;
	margin:0;
	color:rgba(255,255,255,.80);
	font-size:15.5px;
	line-height:1.65;
}
.hk-about-hero__actions { display:flex;flex-wrap:wrap;gap:11px;margin-top:24px; }
.hk-about-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	min-height:46px;
	padding:11px 18px;
	border:1px solid transparent;
	border-radius:12px;
	font-size:13.5px;
	font-weight:850;
	line-height:1.2;
	transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.hk-about-btn:hover { transform:translateY(-1px); }
.hk-about-btn--gold,
.hk-about-btn--ghost {
	border-color:rgba(255,255,255,.34);
	background:#fff;
	color:var(--a-green)!important;
	box-shadow:0 10px 24px rgba(0,0,0,.10);
}
.hk-about-btn--gold:hover,
.hk-about-btn--ghost:hover {
	border-color:var(--a-gold);
	background:var(--a-gold);
	color:#fff!important;
}
.hk-about-hero__mark { display:grid;place-items:center; }
.hk-about-hero__ring {
	display:grid;
	place-items:center;
	align-content:center;
	width:190px;
	height:190px;
	border:1px solid rgba(226,187,86,.72);
	border-radius:50%;
	box-shadow:inset 0 0 0 8px rgba(226,187,86,.055),0 20px 50px rgba(0,0,0,.12);
	text-align:center;
}
.hk-about-hero__ring::before { content:"";position:absolute;width:158px;height:158px;border:1px solid rgba(255,255,255,.16);border-radius:50%; }
.hk-about-hero__ring strong { color:#e2bb56;font-family:Georgia,'Times New Roman',serif;font-size:70px;line-height:.78; }
.hk-about-hero__ring span { margin-top:11px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.18em; }
.hk-about-hero__ring small { margin-top:4px;color:rgba(255,255,255,.65);font-size:9px;font-weight:800;letter-spacing:.30em; }

/* Shared headings */
.hk-about-section-head { max-width:760px; }
.hk-about-section-head>span { margin-bottom:10px; }
.hk-about-section-head h2 {
	margin:0!important;
	color:var(--a-green)!important;
	font-family:Georgia,'Times New Roman',serif!important;
	font-size:clamp(31px,4vw,48px)!important;
	font-weight:700!important;
	line-height:1.08!important;
	letter-spacing:-.025em;
}
.hk-about-section-head>p { margin:15px 0 0;color:var(--a-muted);font-size:15px;line-height:1.68; }

/* Story */
.hk-about-intro {
	display:grid;
	grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
	gap:70px;
	align-items:start;
	padding:86px 38px 68px;
}
.hk-about-intro__text { padding-top:3px; }
.hk-about-intro__text p { margin:0 0 18px;color:#4f635b;font-size:16px;line-height:1.78; }
.hk-about-intro__text p:last-child { margin-bottom:0; }
.hk-about-intro__text strong { color:var(--a-green);font-weight:850; }

/* Three pillars */
.hk-about-pillars { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 0 82px; }
.hk-about-pillar {
	position:relative;
	min-height:265px;
	padding:28px 28px 30px;
	border:1px solid rgba(18,63,47,.12);
	border-radius:20px;
	background:linear-gradient(145deg,#fff 25%,#faf8f0 100%);
	box-shadow:0 12px 32px rgba(18,63,47,.055);
}
.hk-about-pillar>span { position:absolute;right:24px;top:25px;color:rgba(18,63,47,.35);font-size:11px;font-weight:900;letter-spacing:.12em; }
.hk-about-icon { display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(199,154,43,.32);border-radius:14px;background:#fcf7e8;color:var(--a-gold);font-size:23px; }
.hk-about-pillar h3 { margin:24px 0 10px!important;color:var(--a-green)!important;font-size:22px!important;font-weight:850!important;line-height:1.18!important; }
.hk-about-pillar p { margin:0;color:var(--a-muted);font-size:14px;line-height:1.67; }

/* Audience dark band */
.hk-about-audience {
	margin:0 0 84px;
	padding:54px;
	border-radius:28px;
	background:linear-gradient(140deg,#0e3427 0%,var(--a-green) 70%,#174c3b 100%);
	box-shadow:0 22px 54px rgba(18,63,47,.14);
	color:#fff;
}
.hk-about-section-head--light { max-width:820px; }
.hk-about-section-head--light h2 { color:#fff!important; }
.hk-about-section-head--light>p { color:rgba(255,255,255,.72); }
.hk-about-audience__grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:34px; }
.hk-about-audience__grid article {
	display:flex;
	flex-direction:column;
	min-height:385px;
	padding:26px;
	border:1px solid rgba(234,215,159,.18);
	border-radius:18px;
	background:rgba(255,255,255,.065);
}
.hk-about-icon--dark { border-color:rgba(226,187,86,.32);background:rgba(226,187,86,.09);color:#e2bb56; }
.hk-about-audience__grid small { margin-top:20px;color:#d8ae4a;font-size:10px;font-weight:900;letter-spacing:.12em; }
.hk-about-audience__grid h3 { margin:8px 0 14px!important;color:#fff!important;font-size:20px!important;font-weight:800!important;line-height:1.22!important; }
.hk-about-audience__grid ul { margin:0 0 22px;padding:0;list-style:none; }
.hk-about-audience__grid li { position:relative;margin:0 0 8px;padding-left:17px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.5; }
.hk-about-audience__grid li::before { content:"";position:absolute;left:1px;top:.66em;width:5px;height:5px;border-radius:50%;background:#d0a33b; }
.hk-about-audience__grid article>a { margin-top:auto;color:#e2bb56!important;font-size:12.5px;font-weight:850; }
.hk-about-audience__grid article>a:hover { color:#fff!important; }

/* Ecosystem */
.hk-about-ecosystem { padding:0 38px 84px; }
.hk-about-ecosystem__rail { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px; }
.hk-about-ecosystem__rail a {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	min-height:76px;
	padding:17px 19px;
	border:1px solid var(--a-border);
	border-radius:15px;
	background:#fff;
	box-shadow:0 7px 20px rgba(18,63,47,.035);
	transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.hk-about-ecosystem__rail a:hover { transform:translateY(-1px);border-color:rgba(199,154,43,.7);box-shadow:0 11px 26px rgba(18,63,47,.07); }
.hk-about-ecosystem__rail b { color:var(--a-green);font-size:14px; }
.hk-about-ecosystem__rail span { color:var(--a-muted);font-size:11px;text-align:right; }

/* Values */
.hk-about-values {
	display:grid;
	grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
	gap:62px;
	margin:0 0 84px;
	padding:50px 54px;
	border:1px solid rgba(199,154,43,.23);
	border-radius:24px;
	background:linear-gradient(135deg,#fbf8ef,#fff 55%);
}
.hk-about-values__statement blockquote {
	margin:12px 0 0;
	padding:0;
	border:0;
	color:var(--a-green);
	font-family:Georgia,'Times New Roman',serif;
	font-size:31px;
	font-weight:700;
	line-height:1.22;
	letter-spacing:-.02em;
}
.hk-about-values__list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px; }
.hk-about-values__list>div { padding-top:15px;border-top:2px solid rgba(199,154,43,.35); }
.hk-about-values__list strong { color:var(--a-green);font-size:14px;font-weight:850; }
.hk-about-values__list p { margin:7px 0 0;color:var(--a-muted);font-size:12.5px;line-height:1.58; }

/* Final CTA */
.hk-about-final {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:38px;
	margin-bottom:30px;
	padding:38px 44px;
	border:1px solid rgba(18,63,47,.12);
	border-radius:22px;
	background:#fff;
	box-shadow:0 15px 38px rgba(18,63,47,.07);
}
.hk-about-final h2 { margin:7px 0 8px!important;color:var(--a-green)!important;font-size:28px!important;font-weight:850!important;line-height:1.2!important; }
.hk-about-final p { max-width:650px;margin:0;color:var(--a-muted);font-size:13.5px;line-height:1.6; }
.hk-about-final__actions { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;flex:0 0 auto; }
.hk-about-btn--primary { background:var(--a-green);color:#fff!important; }
.hk-about-btn--primary:hover { background:var(--a-gold);color:#fff!important; }
.hk-about-btn--secondary { border-color:rgba(18,63,47,.18);background:#fff;color:var(--a-green)!important; }
.hk-about-btn--secondary:hover { border-color:var(--a-gold);background:var(--a-gold);color:#fff!important; }

/* Wide desktop (>= 1400px) — canonical presentation. */
@media (min-width:1400px) {
	.hk-about { width:min(calc(100% - 48px),1180px); }
	.hk-about-hero { max-width:1100px; min-height:420px; padding:46px 52px; grid-template-columns:minmax(0,1fr) 220px; gap:36px; }
	.hk-about-audience__grid article { min-height:385px; }
}

/* Compact desktop / notebook. Physical tablets are explicitly excluded. */
@media (min-width:1025px) and (max-width:1399px) {
	html:not(.hk-tablet) body.hk-core-about-page .hk-about { width:min(calc(100% - 30px),1120px); }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero {
		min-height:396px;
		padding:40px 42px;
		grid-template-columns:minmax(0,1fr) 180px;
		gap:30px;
		border-radius:25px;
	}
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero h1 { font-size:clamp(46px,5vw,61px)!important; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero__copy>p { max-width:680px;font-size:15px;line-height:1.64; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero__ring { width:166px;height:166px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero__ring::before { width:136px;height:136px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero__ring strong { font-size:60px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-intro { padding:66px 28px 52px;gap:48px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-intro__text p { font-size:14.5px;line-height:1.72; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-pillars { gap:13px;padding-bottom:64px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-pillar { min-height:248px;padding:24px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-audience { margin-bottom:66px;padding:42px 40px;border-radius:24px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-audience__grid { gap:12px;margin-top:30px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-audience__grid article { min-height:356px;padding:22px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-audience__grid h3 { font-size:18px!important; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-ecosystem { padding:0 28px 66px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-ecosystem__rail { gap:10px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-values { margin-bottom:66px;padding:40px 42px;gap:42px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-values__statement blockquote { font-size:28px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-final { padding:34px 38px;gap:30px; }
}

/* Physical tablet — owned by the shared HARCHI tablet contract, not width alone. */
html.hk-tablet body.hk-core-about-page .site-main,
html.hk-tablet body.hk-core-about-page .content-area,
html.hk-tablet body.hk-core-about-page .entry-content { width:100%!important;max-width:none!important; }
html.hk-tablet body.hk-core-about-page .hk-about {
	width:min(calc(100vw - 32px),1080px);
	padding:0;
}
html.hk-tablet body.hk-core-about-page .hk-about-hero {
	min-height:380px;
	padding:40px 38px;
	grid-template-columns:minmax(0,1fr) 168px;
	gap:28px;
	border-radius:24px;
}
html.hk-tablet body.hk-core-about-page .hk-about-hero h1 { font-size:clamp(43px,6.1vw,59px)!important; }
html.hk-tablet body.hk-core-about-page .hk-about-hero__copy>p { max-width:690px;font-size:14.5px;line-height:1.66; }
html.hk-tablet body.hk-core-about-page .hk-about-hero__actions { margin-top:24px; }
html.hk-tablet body.hk-core-about-page .hk-about-hero__ring { width:150px;height:150px; }
html.hk-tablet body.hk-core-about-page .hk-about-hero__ring::before { width:123px;height:123px; }
html.hk-tablet body.hk-core-about-page .hk-about-hero__ring strong { font-size:54px; }
html.hk-tablet body.hk-core-about-page .hk-about-hero__ring span { margin-top:9px;font-size:10px; }
html.hk-tablet body.hk-core-about-page .hk-about-intro {
	grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
	gap:36px;
	padding:58px 18px 46px;
}
html.hk-tablet body.hk-core-about-page .hk-about-section-head h2 { font-size:clamp(31px,4.6vw,42px)!important; }
html.hk-tablet body.hk-core-about-page .hk-about-intro__text p { font-size:13.5px;line-height:1.67; }
html.hk-tablet body.hk-core-about-page .hk-about-pillars { gap:11px;padding-bottom:54px; }
html.hk-tablet body.hk-core-about-page .hk-about-pillar { min-height:232px;padding:22px;border-radius:17px; }
html.hk-tablet body.hk-core-about-page .hk-about-pillar h3 { margin-top:19px!important;font-size:19px!important; }
html.hk-tablet body.hk-core-about-page .hk-about-pillar p { font-size:12.5px;line-height:1.58; }
html.hk-tablet body.hk-core-about-page .hk-about-audience { margin-bottom:56px;padding:34px 28px;border-radius:22px; }
html.hk-tablet body.hk-core-about-page .hk-about-audience__grid { gap:10px;margin-top:26px; }
html.hk-tablet body.hk-core-about-page .hk-about-audience__grid article { min-height:330px;padding:20px; }
html.hk-tablet body.hk-core-about-page .hk-about-audience__grid h3 { font-size:17px!important; }
html.hk-tablet body.hk-core-about-page .hk-about-audience__grid li { font-size:11.5px;line-height:1.46; }
html.hk-tablet body.hk-core-about-page .hk-about-ecosystem { padding:0 18px 56px; }
html.hk-tablet body.hk-core-about-page .hk-about-ecosystem__rail { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
html.hk-tablet body.hk-core-about-page .hk-about-ecosystem__rail a { min-height:68px;padding:14px 16px; }
html.hk-tablet body.hk-core-about-page .hk-about-values { grid-template-columns:1fr 1.18fr;gap:30px;margin-bottom:56px;padding:34px 30px; }
html.hk-tablet body.hk-core-about-page .hk-about-values__statement blockquote { font-size:25px; }
html.hk-tablet body.hk-core-about-page .hk-about-values__list { gap:18px 22px; }
html.hk-tablet body.hk-core-about-page .hk-about-final { gap:24px;margin-bottom:24px;padding:30px 32px; }
html.hk-tablet body.hk-core-about-page .hk-about-final h2 { font-size:25px!important; }
html.hk-tablet body.hk-core-about-page .hk-about-final__actions { max-width:310px; }

/* Tablet portrait gets calmer vertical rhythm while keeping the HARCHI mark visible. */
@media (orientation:portrait) {
	html.hk-tablet body.hk-core-about-page .hk-about { width:min(calc(100vw - 28px),900px); }
	html.hk-tablet body.hk-core-about-page .hk-about-hero { min-height:0;padding:38px 34px;grid-template-columns:minmax(0,1fr) 138px;gap:22px; }
	html.hk-tablet body.hk-core-about-page .hk-about-hero__ring { width:126px;height:126px; }
	html.hk-tablet body.hk-core-about-page .hk-about-hero__ring::before { width:103px;height:103px; }
	html.hk-tablet body.hk-core-about-page .hk-about-hero__ring strong { font-size:46px; }
	html.hk-tablet body.hk-core-about-page .hk-about-hero__ring span { margin-top:7px;font-size:9px; }
	html.hk-tablet body.hk-core-about-page .hk-about-hero__ring small { font-size:8px; }
	html.hk-tablet body.hk-core-about-page .hk-about-intro { grid-template-columns:1fr;gap:20px;padding:52px 14px 40px; }
	html.hk-tablet body.hk-core-about-page .hk-about-pillars { grid-template-columns:1fr;gap:10px;padding-bottom:48px; }
	html.hk-tablet body.hk-core-about-page .hk-about-pillar { min-height:0;display:grid;grid-template-columns:48px 1fr;grid-template-areas:'icon number' 'icon title' 'text text';column-gap:16px;align-items:start; }
	html.hk-tablet body.hk-core-about-page .hk-about-pillar .hk-about-icon { grid-area:icon; }
	html.hk-tablet body.hk-core-about-page .hk-about-pillar>span { position:static;grid-area:number;justify-self:end; }
	html.hk-tablet body.hk-core-about-page .hk-about-pillar h3 { grid-area:title;margin:3px 0 0!important; }
	html.hk-tablet body.hk-core-about-page .hk-about-pillar p { grid-area:text;margin-top:13px; }
	/* Compact and calmer portrait-tablet version of the audience block. */
	html.hk-tablet body.hk-core-about-page .hk-about-audience { margin-bottom:48px;padding:28px 22px;border-radius:20px; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience .hk-about-section-head { max-width:680px; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience .hk-about-section-head h2 { font-size:clamp(34px,5vw,46px)!important;line-height:1.06!important; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience .hk-about-section-head>p { margin-top:12px;font-size:13.5px;line-height:1.58; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience__grid { grid-template-columns:1fr;gap:8px;margin-top:22px; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience__grid article { min-height:0;padding:16px 18px 17px;border-radius:16px; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience__grid .hk-about-icon { width:42px;height:42px;border-radius:12px;font-size:20px; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience__grid small { margin-top:14px;font-size:9px;letter-spacing:.11em; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience__grid h3 { margin:6px 0 10px!important;font-size:18px!important;line-height:1.18!important; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience__grid ul { margin:0 0 14px; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience__grid li { margin:0 0 6px;padding-left:15px;font-size:12px;line-height:1.42; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience__grid li::before { top:.60em;width:4px;height:4px; }
	html.hk-tablet body.hk-core-about-page .hk-about-audience__grid article>a { font-size:12px; }
	html.hk-tablet body.hk-core-about-page .hk-about-values { grid-template-columns:1fr;gap:27px; }
	html.hk-tablet body.hk-core-about-page .hk-about-final { align-items:flex-start;flex-direction:column; }
	html.hk-tablet body.hk-core-about-page .hk-about-final__actions { max-width:none;justify-content:flex-start; }
}

/* Tablet landscape preserves the stronger desktop-like three-column presentation. */
@media (orientation:landscape) {
	html.hk-tablet body.hk-core-about-page .hk-about { width:min(calc(100vw - 32px),1120px); }
	html.hk-tablet body.hk-core-about-page .hk-about-pillars { grid-template-columns:repeat(3,minmax(0,1fr)); }
	html.hk-tablet body.hk-core-about-page .hk-about-audience__grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

/* Narrow non-tablet viewport / large phone landscape fallback. */
@media (min-width:640px) and (max-width:1024px) {
	html:not(.hk-tablet) body.hk-core-about-page .hk-about { width:min(calc(100% - 28px),920px); }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero { grid-template-columns:minmax(0,1fr) 150px;gap:24px;min-height:370px;padding:38px 34px;border-radius:22px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero h1 { font-size:clamp(40px,7vw,55px)!important; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero__ring { width:136px;height:136px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero__ring::before { width:111px;height:111px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-hero__ring strong { font-size:49px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-intro { grid-template-columns:1fr;gap:22px;padding:52px 18px 42px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-pillars { grid-template-columns:1fr;gap:10px;padding-bottom:50px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-pillar { min-height:0; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-audience { margin-bottom:52px;padding:34px 28px;border-radius:22px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-audience__grid { grid-template-columns:1fr; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-audience__grid article { min-height:0; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-ecosystem { padding:0 18px 52px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-ecosystem__rail { grid-template-columns:repeat(2,minmax(0,1fr)); }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-values { grid-template-columns:1fr;gap:30px;margin-bottom:52px;padding:34px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-final { align-items:flex-start;flex-direction:column;padding:32px 34px; }
	html:not(.hk-tablet) body.hk-core-about-page .hk-about-final__actions { justify-content:flex-start; }
}

/* Phone — approved 1.0 composition remains intact. */
@media (max-width:639px) {
	body.hk-core-about-page .site-main,
	body.hk-core-about-page .content-area,
	body.hk-core-about-page .entry-content { width:100%!important;max-width:none!important; }
	.hk-about { width:100%;padding:0 12px; }
	.hk-about-hero { grid-template-columns:1fr;min-height:0;padding:30px 22px 28px;border-radius:19px; }
	.hk-about-hero__mark { display:none; }
	.hk-about-kicker { margin-bottom:11px;font-size:9.5px; }
	.hk-about-hero h1 { margin-bottom:15px!important;font-size:39px!important;line-height:1.01!important; }
	.hk-about-hero__copy>p { font-size:13.5px;line-height:1.62; }
	.hk-about-hero__actions { display:grid;grid-template-columns:1fr;margin-top:22px; }
	.hk-about-btn { width:100%;min-height:46px;padding:11px 15px;border-radius:11px;font-size:12.5px; }
	.hk-about-intro { padding:42px 5px 34px;gap:18px; }
	.hk-about-section-head>span { margin-bottom:8px;font-size:9.5px; }
	.hk-about-section-head h2 { font-size:29px!important;line-height:1.1!important; }
	.hk-about-section-head>p { margin-top:11px;font-size:12.5px;line-height:1.58; }
	.hk-about-intro__text p { margin-bottom:13px;font-size:13px;line-height:1.66; }
	.hk-about-pillars { grid-template-columns:1fr;gap:10px;padding-bottom:42px; }
	.hk-about-pillar { min-height:0;padding:20px;border-radius:15px;display:block; }
	.hk-about-pillar>span { position:absolute;right:24px;top:25px; }
	.hk-about-pillar h3 { margin:18px 0 7px!important;font-size:19px!important; }
	.hk-about-pillar p { margin:0;font-size:12.5px;line-height:1.58; }
	.hk-about-icon { width:43px;height:43px;border-radius:12px;font-size:20px; }
	.hk-about-audience { margin-bottom:44px;padding:28px 18px;border-radius:18px; }
	.hk-about-audience__grid { grid-template-columns:1fr;gap:10px;margin-top:24px; }
	.hk-about-audience__grid article { min-height:0;padding:20px;border-radius:14px; }
	.hk-about-audience__grid h3 { font-size:18px!important; }
	.hk-about-audience__grid li { font-size:12px; }
	.hk-about-ecosystem { padding:0 5px 44px; }
	.hk-about-ecosystem__rail { grid-template-columns:1fr;gap:8px;margin-top:22px; }
	.hk-about-ecosystem__rail a { min-height:62px;padding:13px 15px;border-radius:12px; }
	.hk-about-values { grid-template-columns:1fr;gap:27px;margin-bottom:44px;padding:26px 20px;border-radius:17px; }
	.hk-about-values__statement blockquote { font-size:25px;line-height:1.2; }
	.hk-about-values__list { grid-template-columns:1fr;gap:17px; }
	.hk-about-final { align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:18px;padding:26px 20px;border-radius:16px; }
	.hk-about-final h2 { font-size:23px!important; }
	.hk-about-final p { font-size:12.5px; }
	.hk-about-final__actions { display:grid;width:100%;grid-template-columns:1fr;justify-content:stretch; }
}

@media (prefers-reduced-motion:reduce) {
	.hk-about * { scroll-behavior:auto!important;transition:none!important; }
}