.cbb-brand {
	--cbb-ink:#1d1d1f;
	--cbb-muted:#6b6b70;
	--cbb-line:#e4e2dd;
	--cbb-bg:#faf9f6;
	--cbb-red:#b3261e;

	max-width:1280px;
	margin:0 auto;
	padding:32px 16px 8px;
	color:var(--cbb-ink);
	font-family:inherit;
}

.cbb-brand * {
	box-sizing:border-box;
}

.cbb-hero {
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
	gap:40px;
	align-items:start;
}

.cbb-hero.cbb-nophotos {
	grid-template-columns:1fr;
}

.cbb-back {
	display:inline-block;
	margin-bottom:18px;
	font-size:14px;
	color:var(--cbb-muted);
	text-decoration:none;
}

.cbb-back:hover {
	color:var(--cbb-ink);
}

.cbb-name {
	margin:0 0 8px;
	font-size:clamp(30px,4vw,46px);
	line-height:1.1;
	font-weight:700;
	letter-spacing:-.01em;
}

.cbb-sub {
	margin:0 0 18px;
	color:var(--cbb-muted);
	font-size:16px;
}

.cbb-rating {
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:6px 12px;
	border-radius:999px;

	background:#fbeceb;
	color:var(--cbb-red);
	font-size:14px;
	font-weight:600;
	margin-bottom:22px;
}

.cbb-rating svg {
	width:16px;
	height:16px;
	fill:currentColor;
}

.cbb-rating.cbb-r2,.cbb-rating.cbb-r1 {
	background:var(--cbb-bg);
	color:var(--cbb-muted);
}

.cbb-facts {
	display:grid;
	grid-template-columns:max-content 1fr;
	gap:10px 24px;
	margin:0 0 24px;
	font-size:15px;
}

.cbb-facts dt {
	color:var(--cbb-muted);
}

.cbb-facts dd {
	margin:0;
}

.cbb-tags {
	display:flex;
	flex-wrap:wrap;
	gap:6px;
}

.cbb-tag {
	padding:3px 10px;
	border:1px solid var(--cbb-line);
	border-radius:999px;
	font-size:13px;
}

.cbb-visit {
	display:inline-block;
	padding:12px 22px;
	border-radius:6px;
	background:var(--cbb-ink);
	color:#fff;

	text-decoration:none;
	font-size:15px;
}

.cbb-visit:hover {
	opacity:.88;
}

.cbb-photos {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
}

.cbb-photos.cbb-one {
	grid-template-columns:1fr;
	max-width:420px;
}

.cbb-photos img {
	width:100%;
	aspect-ratio:3/4;
	object-fit:cover;
	border-radius:6px;
	background:var(--cbb-bg);
	display:block;
}

.cbb-items-head {
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	gap:12px;
	flex-wrap:wrap;

	margin:48px 0 0;
	padding-top:28px;
	border-top:1px solid var(--cbb-line);
}

.cbb-items-head h2 {
	margin:0;
	font-size:24px;
}

.cbb-items-head span {
	color:var(--cbb-muted);
	font-size:14px;
}

.cbb-note {
	padding:24px;
	margin-top:40px;
	background:var(--cbb-bg);
	border-radius:6px;
	color:var(--cbb-muted);
}

.cbb-note a {
	color:var(--cbb-red);
}

.cbb-missing {
	padding:64px 0;
	text-align:center;
	color:var(--cbb-muted);
}

@media (max-width:800px) {
	.cbb-hero {
		grid-template-columns:1fr;
		gap:28px;
	}
	.cbb-photos {
		order:-1;
	}
}