.pcgh-about-page {
	color-scheme: light;
	background: linear-gradient(180deg,#ffffff 0%,#f8fbff 48%,#ffffff 100%);
	color: #1e293b;
	overflow: hidden;
	padding-bottom: 0;
	margin-bottom: 0;
}

.pcgh-about-page .pcgh-container {
	max-width: var(--pcgh-container-w);
}

.pcgh-about-hero {
	position: relative;
	padding: 76px 0 46px;
}

.pcgh-about-hero::before,
.pcgh-about-hero::after {
	content: "";
	position: absolute;
	border-radius: 999px;
	pointer-events: none;
}

.pcgh-about-hero::before {
	width: 220px;
	height: 220px;
	right: 8%;
	top: 34px;
	background: rgba(219,234,254,.46);
	filter: blur(44px);
}

.pcgh-about-hero::after {
	width: 160px;
	height: 160px;
	left: 8%;
	bottom: -70px;
	background: rgba(191,219,254,.34);
	filter: blur(36px);
}

.pcgh-about-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0,1fr) minmax(320px,.86fr);
	gap: 54px;
	align-items: center;
}

.pcgh-about-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 18px;
	padding: 8px 12px;
	border: 1px solid #dbeafe;
	border-radius: 999px;
	background: #eff6ff;
	color: #2563eb;
	font-size: 13px;
	font-weight: 700;
}

.pcgh-about-kicker svg,
.pcgh-about-tags svg,
.pcgh-about-section h2 svg,
.pcgh-about-cta h2 svg,
.pcgh-about-btn svg {
	width: 1.08em;
	height: 1.08em;
}

.pcgh-about-hero h1 {
	margin: 0 0 18px;
	color: #0f172a;
	font-size: clamp(34px,4.2vw,54px);
	line-height: 1.12;
	font-weight: 900;
	letter-spacing: -.045em;
}

.pcgh-about-hero p {
	max-width: 620px;
	margin: 0;
	color: #475569;
	font-size: 16px;
	line-height: 1.9;
}

.pcgh-about-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.pcgh-about-tags span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 12px;
	border: 1px solid #dbeafe;
	border-radius: 999px;
	background: rgba(255,255,255,.82);
	color: #334155;
	font-size: 13px;
	font-weight: 700;
	box-shadow: 0 10px 24px rgba(37,99,235,.06);
}

.pcgh-about-tags span svg {
	color: #3b82f6;
}

.pcgh-about-hero__art {
	position: relative;
	min-height: 360px;
}

.pcgh-about-hero__art::before,
.pcgh-about-hero__art::after {
	content: "";
	position: absolute;
	background: #eef6ff;
	border: 1px solid #dbeafe;
}

.pcgh-about-hero__art::before {
	width: 110px;
	height: 46px;
	right: 8%;
	top: 46px;
	border-radius: 46px 46px 20px 20px;
}

.pcgh-about-hero__art::after {
	width: 78px;
	height: 78px;
	left: 10%;
	top: 22px;
	border-radius: 999px;
	opacity: .72;
}

.pcgh-about-monitor {
	position: absolute;
	left: 50%;
	top: 42%;
	width: 250px;
	height: 178px;
	transform: translate(-50%,-50%);
	border: 9px solid #42526a;
	border-radius: 16px;
	background: #f8fbff;
	box-shadow: 0 26px 54px rgba(30,41,59,.18);
}

.pcgh-about-monitor__screen {
	display: grid;
	gap: 14px;
	padding: 28px 30px;
}

.pcgh-about-monitor__screen span {
	display: block;
	height: 18px;
	border-radius: 8px;
	background: linear-gradient(90deg,#dbeafe,#eff6ff);
}

.pcgh-about-monitor__screen span:first-child {
	width: 72%;
}

.pcgh-about-monitor__screen span:nth-child(2) {
	width: 88%;
}

.pcgh-about-monitor__screen span:nth-child(3) {
	width: 58%;
}

.pcgh-about-monitor__base {
	position: absolute;
	left: 50%;
	bottom: -58px;
	width: 100px;
	height: 58px;
	transform: translateX(-50%);
	background: linear-gradient(180deg,#64748b,#334155);
	clip-path: polygon(34% 0,66% 0,78% 68%,100% 68%,100% 100%,0 100%,0 68%,22% 68%);
}

.pcgh-about-pad {
	position: absolute;
	left: 12%;
	bottom: 56px;
	display: grid;
	place-items: center;
	width: 128px;
	height: 78px;
	border: 5px solid #334155;
	border-radius: 34px;
	background: #fff;
	color: #2563eb;
	box-shadow: 0 18px 36px rgba(30,41,59,.12);
}

.pcgh-about-pad svg {
	width: 58px;
	height: 58px;
}

.pcgh-about-shield {
	position: absolute;
	right: 18%;
	top: 105px;
	display: grid;
	place-items: center;
	width: 72px;
	height: 84px;
	border-radius: 28px 28px 38px 38px;
	background: linear-gradient(180deg,#dbeafe,#fff);
	color: #2563eb;
	box-shadow: 0 16px 34px rgba(37,99,235,.16);
}

.pcgh-about-shield svg {
	width: 38px;
	height: 38px;
}

.pcgh-about-cube {
	position: absolute;
	right: 12%;
	bottom: 62px;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 14px;
	background: linear-gradient(135deg,#fed7aa,#fb923c);
	color: #fff;
	font-size: 24px;
	font-weight: 900;
	box-shadow: 0 14px 26px rgba(249,115,22,.22);
}

.pcgh-about-wrap {
	padding: 0;
}

.pcgh-about-mission {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin: 26px 0 62px;
	padding: 28px 34px;
	border: 1px solid #dbe4f0;
	border-radius: 16px;
	background: rgba(255,255,255,.9);
	box-shadow: 0 16px 44px rgba(15,23,42,.06);
	text-align: center;
}

.pcgh-about-mission span {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: 999px;
	background: #eff6ff;
	color: #2563eb;
	box-shadow: inset 0 0 0 1px #dbeafe;
}

.pcgh-about-mission svg {
	width: 25px;
	height: 25px;
	fill: currentColor;
}

.pcgh-about-mission strong {
	color: #2563eb;
	font-size: clamp(17px,2vw,22px);
	line-height: 1.5;
}

.pcgh-about-section {
	margin-bottom: 64px;
}

.pcgh-about-section h2,
.pcgh-about-cta h2 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 24px;
	color: #0f172a;
	font-size: 27px;
	line-height: 1.25;
	font-weight: 900;
	letter-spacing: -.02em;
}

.pcgh-about-section h2 svg,
.pcgh-about-cta h2 svg {
	color: #2563eb;
}

.pcgh-about-vision {
	display: grid;
	grid-template-columns: minmax(0,1fr) 360px;
	gap: 56px;
	align-items: center;
}

.pcgh-about-section__text p {
	margin: 0 0 18px;
	color: #475569;
	font-size: 15px;
	line-height: 1.95;
}

.pcgh-about-section__text p:last-child {
	margin-bottom: 0;
}

.pcgh-about-sketch {
	position: relative;
	min-height: 250px;
	border-radius: 22px;
	background: linear-gradient(180deg,#f8fbff,#fff);
	overflow: hidden;
}

.pcgh-about-sketch::before {
	content: "";
	position: absolute;
	inset: 38px 22px auto auto;
	width: 220px;
	height: 140px;
	border: 2px solid #dbeafe;
	border-bottom: 0;
	border-radius: 120px 120px 0 0;
	opacity: .72;
}

.pcgh-about-castle {
	position: absolute;
	right: 64px;
	bottom: 48px;
	width: 130px;
	height: 120px;
	background: linear-gradient(180deg,#dbeafe,#f8fbff);
	clip-path: polygon(8% 100%,8% 54%,22% 54%,22% 32%,34% 32%,34% 12%,48% 32%,58% 32%,58% 52%,72% 52%,72% 22%,86% 42%,86% 100%);
	opacity: .82;
}

.pcgh-about-player {
	position: absolute;
	right: 28px;
	bottom: 38px;
	width: 58px;
	height: 94px;
	border-radius: 28px 28px 18px 18px;
	background: linear-gradient(180deg,#bfdbfe,#93c5fd);
	box-shadow: inset 0 -32px 0 #dbeafe;
}

.pcgh-about-player::before {
	content: "";
	position: absolute;
	left: 11px;
	top: -22px;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	background: #fde68a;
	box-shadow: inset 0 -8px 0 #f59e0b;
}

.pcgh-about-card-grid {
	display: grid;
	gap: 22px;
}

.pcgh-about-card-grid--three {
	grid-template-columns: repeat(3,minmax(0,1fr));
}

.pcgh-about-card-grid--four {
	grid-template-columns: repeat(4,minmax(0,1fr));
}

.pcgh-about-card,
.pcgh-about-value,
.pcgh-about-cta {
	border: 1px solid #dbe4f0;
	background: rgba(255,255,255,.96);
	box-shadow: 0 16px 40px rgba(15,23,42,.05);
}

.pcgh-main:has(.pcgh-about-page) {
	background: #fff;
	padding-bottom: 24px;
}

.pcgh-main:has(.pcgh-about-page) + .pcgh-footer {
	margin-top: 0;
	background: #fff;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-main:has(.pcgh-about-page) {
	background: #050b14;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-main:has(.pcgh-about-page) + .pcgh-footer {
	background: #050b14;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-page {
	color-scheme: dark;
	background: radial-gradient(circle at 18% 4%,rgba(37,99,235,.18),transparent 28%),radial-gradient(circle at 82% 10%,rgba(59,130,246,.12),transparent 30%),linear-gradient(180deg,#050b14 0%,#07111d 48%,#050b14 100%);
	color: #dbeafe;
}


html[data-pcgh-theme-resolved="dark"] .pcgh-about-hero::before {
	background: rgba(37,99,235,.2);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-hero::after {
	background: rgba(14,165,233,.14);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-kicker {
	background: rgba(15,23,42,.72);
	border-color: rgba(59,130,246,.35);
	color: #93c5fd;
	box-shadow: 0 12px 30px rgba(0,0,0,.24);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-hero h1,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-section h2,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-cta h2,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-card h3,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-value h3 {
	color: #f8fafc;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-hero p,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-section__text p,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-card p,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-value p,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-cta p {
	color: #a8b6c8;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-tags span {
	background: rgba(15,23,42,.68);
	border-color: rgba(59,130,246,.28);
	color: #cbd5e1;
	box-shadow: 0 12px 26px rgba(0,0,0,.24);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-tags span svg,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-section h2 svg,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-cta h2 svg {
	color: #60a5fa;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-hero__art::before,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-hero__art::after {
	background: rgba(15,23,42,.82);
	border-color: rgba(59,130,246,.22);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-monitor {
	background: #0f1b2d;
	border-color: #1e3a5f;
	box-shadow: 0 28px 58px rgba(0,0,0,.44),0 0 0 1px rgba(96,165,250,.14);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-monitor__screen span {
	background: linear-gradient(90deg,rgba(59,130,246,.38),rgba(15,23,42,.92));
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-monitor__base {
	background: linear-gradient(180deg,#1e3a5f,#0f172a);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-pad {
	background: #0f172a;
	border-color: #334155;
	color: #93c5fd;
	box-shadow: 0 18px 42px rgba(0,0,0,.36),0 0 0 1px rgba(96,165,250,.14);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-shield {
	background: linear-gradient(180deg,rgba(37,99,235,.36),rgba(15,23,42,.92));
	color: #bfdbfe;
	box-shadow: 0 18px 40px rgba(37,99,235,.22);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-mission,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-card,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-value,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-cta {
	background: linear-gradient(180deg,rgba(15,23,42,.82),rgba(8,15,26,.92));
	border-color: rgba(71,85,105,.62);
	box-shadow: 0 18px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-card:hover,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-value:hover {
	border-color: rgba(96,165,250,.48);
	box-shadow: 0 24px 56px rgba(0,0,0,.44),0 0 0 1px rgba(59,130,246,.12);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-mission span,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-value span,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-card__icon.is-blue {
	background: rgba(37,99,235,.22);
	color: #93c5fd;
	box-shadow: inset 0 0 0 1px rgba(96,165,250,.24);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-mission strong {
	color: #60a5fa;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-card__icon.is-green,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-value:nth-child(2) span {
	background: rgba(34,197,94,.18);
	color: #86efac;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-card__icon.is-purple,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-value:nth-child(4) span {
	background: rgba(124,58,237,.22);
	color: #c4b5fd;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-value:nth-child(3) span {
	background: rgba(249,115,22,.18);
	color: #fdba74;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-sketch,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-adventure {
	background: radial-gradient(circle at 64% 28%,rgba(37,99,235,.16),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.66),rgba(8,15,26,.88));
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-sketch::before {
	border-color: rgba(59,130,246,.22);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-castle {
	background: linear-gradient(180deg,rgba(59,130,246,.28),rgba(15,23,42,.96));
	opacity: .9;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-player {
	background: linear-gradient(180deg,#1d4ed8,#334155);
	box-shadow: inset 0 -32px 0 rgba(15,23,42,.86);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-adventure::before {
	background: rgba(96,165,250,.3);
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-btn--ghost {
	background: rgba(15,23,42,.72);
	border-color: rgba(96,165,250,.42);
	color: #93c5fd;
}

html[data-pcgh-theme-resolved="dark"] .pcgh-about-btn--ghost:hover {
	background: rgba(37,99,235,.16);
	color: #bfdbfe;
}

.pcgh-about-card,
.pcgh-about-value {
	padding: 28px;
	border-radius: 16px;
	transition: transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.pcgh-about-card:hover,
.pcgh-about-value:hover {
	transform: translateY(-3px);
	border-color: #bfdbfe;
	box-shadow: 0 22px 52px rgba(37,99,235,.1);
}

.pcgh-about-card__icon,
.pcgh-about-value span {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin-bottom: 20px;
	border-radius: 18px;
}

.pcgh-about-card__icon svg,
.pcgh-about-value span svg {
	width: 29px;
	height: 29px;
}

.pcgh-about-card__icon.is-blue {
	background: #dbeafe;
	color: #2563eb;
}

.pcgh-about-card__icon.is-green {
	background: #dcfce7;
	color: #16a34a;
}

.pcgh-about-card__icon.is-purple {
	background: #ede9fe;
	color: #7c3aed;
}

.pcgh-about-card h3,
.pcgh-about-value h3 {
	margin: 0 0 12px;
	color: #0f172a;
	font-size: 18px;
	font-weight: 900;
}

.pcgh-about-card p,
.pcgh-about-value p,
.pcgh-about-cta p {
	margin: 0;
	color: #64748b;
	font-size: 14px;
	line-height: 1.8;
}

.pcgh-about-value span {
	background: #eff6ff;
	color: #2563eb;
}

.pcgh-about-value:nth-child(2) span {
	background: #dcfce7;
	color: #16a34a;
}

.pcgh-about-value:nth-child(3) span {
	background: #ffedd5;
	color: #f97316;
}

.pcgh-about-value:nth-child(4) span {
	background: #ede9fe;
	color: #7c3aed;
}

.pcgh-about-cta {
	display: grid;
	grid-template-columns: minmax(0,1fr) 360px;
	gap: 34px;
	align-items: center;
	padding: 34px 42px;
	border-radius: 18px;
	overflow: hidden;
}

.pcgh-about-cta p {
	max-width: 680px;
	font-size: 15px;
}

.pcgh-about-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 24px;
}

.pcgh-about-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 22px;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	transition: transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.pcgh-about-btn:hover {
	transform: translateY(-2px);
}

.pcgh-about-btn--primary {
	background: linear-gradient(135deg,#3b82f6,#2563eb);
	border: 1px solid #2563eb;
	color: #fff;
	box-shadow: 0 14px 28px rgba(37,99,235,.22);
}

.pcgh-about-btn--primary:hover {
	background: linear-gradient(135deg,#2563eb,#1d4ed8);
	border-color: #1d4ed8;
	color: #fff;
	box-shadow: 0 18px 34px rgba(37,99,235,.3);
}

html[data-pcgh-theme-resolved="light"] .pcgh-about-page .pcgh-about-btn--primary,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-page .pcgh-about-btn--primary {
	background: linear-gradient(135deg,#3b82f6,#2563eb);
	border-color: #2563eb;
	color: #fff;
}

html[data-pcgh-theme-resolved="light"] .pcgh-about-page .pcgh-about-btn--primary:hover,
html[data-pcgh-theme-resolved="dark"] .pcgh-about-page .pcgh-about-btn--primary:hover {
	background: linear-gradient(135deg,#2563eb,#1d4ed8);
	border-color: #1d4ed8;
	color: #fff;
}

.pcgh-about-btn--ghost {
	border: 1px solid #bfdbfe;
	background: #fff;
	color: #2563eb;
}

.pcgh-about-btn--ghost:hover {
	background: #eff6ff;
	color: #1d4ed8;
}

.pcgh-about-adventure {
	position: relative;
	min-height: 220px;
	background: linear-gradient(180deg,#f8fbff,#fff);
	border-radius: 20px;
}

.pcgh-about-adventure::before {
	content: "";
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 32px;
	height: 2px;
	background: #bfdbfe;
}

.pcgh-about-sign {
	position: absolute;
	left: 42px;
	bottom: 72px;
	width: 68px;
	height: 44px;
	border-radius: 10px;
	background: #d6a15f;
	transform: rotate(-7deg);
	box-shadow: inset 0 -10px 0 rgba(120,53,15,.12);
}

.pcgh-about-sign::before {
	content: "";
	position: absolute;
	left: 31px;
	bottom: -52px;
	width: 8px;
	height: 52px;
	border-radius: 999px;
	background: #8b5a2b;
}

.pcgh-about-slime {
	position: absolute;
	left: 132px;
	bottom: 48px;
	width: 48px;
	height: 38px;
	border-radius: 50% 50% 42% 42%;
	background: linear-gradient(180deg,#7dd3fc,#38bdf8);
	box-shadow: inset 0 -9px 0 rgba(14,116,144,.18);
}

.pcgh-about-slime::before,
.pcgh-about-slime::after {
	content: "";
	position: absolute;
	top: 14px;
	width: 5px;
	height: 5px;
	border-radius: 999px;
	background: #0f172a;
}

.pcgh-about-slime::before {
	left: 15px;
}

.pcgh-about-slime::after {
	right: 15px;
}

.pcgh-about-traveler {
	position: absolute;
	right: 82px;
	bottom: 44px;
	width: 72px;
	height: 104px;
	border-radius: 28px 28px 20px 20px;
	background: linear-gradient(180deg,#93c5fd 0 44%,#475569 44% 100%);
}

.pcgh-about-traveler::before {
	content: "";
	position: absolute;
	left: 15px;
	top: -34px;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: #fcd7a6;
	box-shadow: -6px -8px 0 #7c4a2d,7px -9px 0 #7c4a2d;
}

.pcgh-about-traveler::after {
	content: "";
	position: absolute;
	right: -22px;
	top: 12px;
	width: 44px;
	height: 54px;
	border-radius: 8px;
	background: #f7d9a6;
	transform: rotate(-10deg);
	box-shadow: inset 0 0 0 2px rgba(120,53,15,.16);
}

@media (max-width: 1024px) {
	.pcgh-about-hero__grid,
	.pcgh-about-vision,
	.pcgh-about-cta {
		grid-template-columns: 1fr;
	}

	.pcgh-about-hero__art,
	.pcgh-about-sketch,
	.pcgh-about-adventure {
		max-width: 520px;
		width: 100%;
		margin: 0 auto;
	}

	.pcgh-about-card-grid--four {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}

@media (max-width: 768px) {
	.pcgh-about-hero {
		padding: 34px 0 22px;
	}

	.pcgh-about-hero__grid {
		gap: 20px;
	}

	.pcgh-about-hero__content {
		text-align: center;
	}

	.pcgh-about-hero h1 {
		margin-bottom: 12px;
		letter-spacing: -.035em;
	}

	.pcgh-about-hero p,
	.pcgh-about-section__text p,
	.pcgh-about-card p,
	.pcgh-about-value p,
	.pcgh-about-cta p {
		font-size: 13px;
		line-height: 1.75;
	}

	.pcgh-about-tags {
		gap: 8px;
		justify-content: center;
		margin-top: 18px;
	}

	.pcgh-about-tags span {
		font-size: 12px;
		padding: 8px 10px;
	}

	.pcgh-about-hero__art {
		min-height: 220px;
	}

	.pcgh-about-monitor {
		top: 44%;
		width: 176px;
		height: 126px;
		border-width: 7px;
	}

	.pcgh-about-monitor__screen {
		gap: 10px;
		padding: 22px;
	}

	.pcgh-about-pad {
		left: 4%;
		bottom: 30px;
		width: 92px;
		height: 56px;
		border-width: 4px;
	}

	.pcgh-about-pad svg {
		width: 40px;
		height: 40px;
	}

	.pcgh-about-shield {
		right: 8%;
		top: 62px;
		width: 50px;
		height: 58px;
	}

	.pcgh-about-cube {
		right: 4%;
		bottom: 34px;
		width: 34px;
		height: 34px;
		font-size: 18px;
	}

	.pcgh-about-mission {
		flex-direction: column;
		gap: 12px;
		margin: 12px 0 34px;
		padding: 20px 16px;
	}

	.pcgh-about-mission span {
		width: 46px;
		height: 46px;
	}

	.pcgh-about-mission strong {
		font-size: 16px;
	}

	.pcgh-about-section {
		margin-bottom: 34px;
	}

	.pcgh-about-section h2,
	.pcgh-about-cta h2 {
		font-size: 22px;
	}

	.pcgh-about-card-grid--three,
	.pcgh-about-card-grid--four {
		grid-template-columns: 1fr;
	}

	.pcgh-about-card,
	.pcgh-about-value {
		padding: 20px;
	}

	.pcgh-about-cta {
		gap: 18px;
		padding: 22px 16px;
	}

	.pcgh-about-actions {
		flex-direction: column;
	}

	.pcgh-about-btn {
		width: 100%;
	}

	.pcgh-about-adventure {
		min-height: 150px;
	}

	.pcgh-about-sign {
		left: 30px;
		bottom: 58px;
		transform: rotate(-6deg) scale(.86);
	}

	.pcgh-about-slime {
		left: 104px;
		bottom: 40px;
		transform: scale(.86);
	}

	.pcgh-about-traveler {
		right: 58px;
		bottom: 36px;
		transform: scale(.82);
		transform-origin: bottom center;
	}
}

@media (max-width: 420px) {
	.pcgh-about-hero h1 {
		font-size: 29px;
	}

	.pcgh-about-hero__art {
		min-height: 190px;
	}

	.pcgh-about-monitor {
		width: 150px;
		height: 108px;
	}

	.pcgh-about-pad {
		width: 78px;
		height: 50px;
	}

	.pcgh-about-shield {
		display: none;
	}

	.pcgh-about-traveler {
		right: 34px;
	}
}