.page-hero { padding-top: clamp(4.2rem, 7vw, 6.4rem); }
	.page-hero.has-arrow { padding-bottom: calc(clamp(4.2rem, 7vw, 6.4rem) + 80px); }
	.page-hero h1 { font-weight: 700; letter-spacing: -0.02em; }
	.page-hero .ph-sub { color: #22333b; }
	.err-code { font-size: clamp(4.5rem, 14vw, 9rem); font-weight: 800; line-height: 1; letter-spacing: -0.04em; color: var(--accent); margin: 0 0 .3rem; }
	.err-links { max-width: 900px; margin: 0 auto; }
	.err-card { display: block; height: 100%; text-decoration: none; }
	.err-card .panel-soft { height: 100%; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
	.err-card:hover .panel-soft { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(26,26,28,.08); border-color: #cfd5dd; }
	.err-card h3 { color: var(--ink); }
	.err-card .go { color: var(--accent); font-weight: 500; font-size: .92rem; margin-top: .7rem; display: inline-flex; align-items: center; gap: .4rem; }
	.err-card .go i { transition: transform .25s ease; }
	.err-card:hover .go i { transform: translateX(3px); }