@media (min-width: 900px) {
	.chatterton-hero {
		margin-bottom: clamp(72px, 10vw, 120px);
	}
}
.chatterton-cover{position:relative;margin:0;overflow:hidden}
.chatterton-hero-link{display:block;position:relative;color:inherit;text-decoration:none}
.hero-cover-img{display:block;width:100%;max-height:clamp(380px,60vh,780px);object-fit:cover;object-position:center}
.chatterton-hero-overlay{position:absolute;inset:0;display:flex;flex-direction:column;padding:var(--wp--preset--spacing--60,2.25rem);z-index:2;pointer-events:none}
.chatterton-hero-sheet{margin-top:auto;max-width:min(880px,92vw);background:var(--chatterton-hero-surface);color:var(--wp--preset--color--contrast);border-radius:var(--chatterton-hero-radius);padding:clamp(12px,1.4vw,18px) clamp(16px,2vw,24px);box-shadow:var(--chatterton-hero-shadow);backdrop-filter:saturate(1.1) blur(4px);-webkit-backdrop-filter:saturate(1.1) blur(4px);pointer-events:auto}
.chatterton-cover::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,rgba(0,0,0,.35) 0%,rgba(0,0,0,.18) 40%,rgba(0,0,0,0) 62%,rgba(0,0,0,.35) 100%);pointer-events:none}
.chatterton-hero__title {
	position: absolute;
	top: calc(var(--chatterton-header-h,72px) + clamp(8px,1.5vh,32px));
	left: 50%;
	transform: translateX(-50%);
	z-index: 200;
	width: auto;
	max-width: min(90%, 800px);
	margin: 0 0 8px;
	padding: .5rem 1rem;
	background-color: rgba(17,24,39,.7);
	color: #fff;
	text-shadow: 0 1px 3px rgba(0,0,0,.5);
	border-radius: .75rem;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	text-align: center;
	font-family: 'Archivo', 'Lato', Arial, sans-serif !important;
	font-weight: 900;
	text-transform: uppercase;
	font-size: clamp(2.2rem, 4vw, 3.2rem);
	line-height: 1.12;
	letter-spacing: -0.01em;
}
.chatterton-article-info{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 10px}
.chip{display:inline-flex;align-items:center;background:var(--wp--preset--color--primary,#9E2727);color:#fff;border-radius:var(--chatterton-chip-radius);padding:.45rem .9rem;font-size:.85rem;font-weight:700;letter-spacing:.02em;text-decoration:none}
.chip-cat:hover{background:#8E2222}
.chatterton-hero-excerpt{margin:0;font-size:.95rem;line-height:1.45}
.chatterton-hero-excerpt .wp-block-post-excerpt__more-link{display:inline-flex;margin-left:.5rem;padding:.4rem .9rem;background:var(--wp--preset--color--primary,#9E2727);color:#fff;border-radius:999px;font-weight:700;text-decoration:none}
.chatterton-hero-link:focus-visible{outline:3px solid var(--wp--preset--color--accent);outline-offset:4px;border-radius:8px}
@media (max-width:782px){.hero-cover-img{max-height:clamp(300px,55vh,600px)}.chatterton-hero-overlay{padding:var(--wp--preset--spacing--40,1rem)}.chatterton-home-title{font-size:1.35rem}}
.chatterton-hero-sheet .chatterton-home-title{display:none}
.chatterton-cover>.chatterton-home-title{position:absolute;top:clamp(1rem,3vh,2rem);left:50%;transform:translateX(-50%);z-index:10;width:auto;max-width:min(90%,800px);margin:0;padding:.5rem 1rem;background-color:rgba(17,24,39,.7);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);border-radius:.75rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);text-align:center;line-height:1.2;font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem)}
.chatterton-cover>.chatterton-home-title a{color:inherit;text-decoration:none}
.chatterton-cover>.chatterton-home-title a:hover{text-decoration:underline}
.chatterton-hero{position:relative;margin:0 0 1rem;padding:0 var(--wp--preset--spacing--40)}
.chatterton-hero__media{margin:0;height:clamp(360px,78svh,860px);overflow:hidden;border-top:2px solid #111;border-bottom:2px solid #111}
@media (max-width:781px){.chatterton-hero__media{left:auto;right:auto;width:100%;max-width:100%;margin-left:0;margin-right:0}}
.chatterton-hero__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom;border:0}
.chatterton-hero__card{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:-15%;
	margin:1rem auto;
	width:100%;
	max-width:900px;
	box-sizing:border-box;
	background:#fff;
	border-radius:var(--chatterton-card-radius);
	padding:var(--wp--preset--spacing--50);
  box-shadow: 0 2px 8px rgba(0,0,0,0.10);
	overflow:hidden;
	z-index:10;
}

@media (min-width: 900px) {
	.chatterton-hero {
		margin-bottom: clamp(120px, 14vw, 180px);
	}
}

.chatterton-hero__title a{
	text-decoration:none;
	color:inherit;
}
.chatterton-hero__title a:hover{
	text-decoration:none;
}
.chatterton-hero__meta{margin-top:0;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}
.chatterton-hero__cat{padding:4px 10px;border-radius:16px;font-weight:600;color:#fff;line-height:1;background:var(--wp--preset--color--primary)}
.chatterton-hero__date{padding:4px 10px;border-radius:16px;font-weight:600;color:#fff;line-height:1;background:var(--wp--preset--color--contrast)}
.chatterton-hero__excerpt{margin:0 0 .85rem;font-size:1.15rem;line-height:1.35}
.chatterton-hero__read {
	display: inline-block;
	background: var(--wp--preset--color--primary, #9E2727);
	color: #fff;
	border-radius: 999px;
	padding: 0.45em 1.2em;
	font-size: .92em;
	font-family: 'Archivo', 'Lato', Arial, sans-serif;
	font-weight: 700;
	letter-spacing: .02em;
	text-decoration: none;
	margin-top: .7em;
	transition: background .18s;
	box-shadow: none;
	border: none;
}
.chatterton-hero__read:hover {
	background: #8E2222;
  color: #fff;
}
@media (max-width:781px){
	.chatterton-hero{padding:0 var(--wp--preset--spacing--30)}
	.chatterton-hero__media{height:60vh}
	.chatterton-hero__card{
		position:static;
		left:auto;
		transform:none;
		bottom:auto;
		margin:1rem auto;
		width:90%;
		max-width:90%;
	}
}
.alignfull.chatterton-hero{width:100%;max-width:100%;padding:0}
.alignfull.chatterton-hero .chatterton-hero__media{width:100%;margin:0}