/* Shared dark presentation for About and Contact pages. */

body.kev-delban-informational-page,
body.kev-delban-informational-page .wp-site-blocks {
	background: #090a0b;
	color: #f7f3ed;
}

body.kev-delban-informational-page .wp-block-post-content {
	width: 100%;
	max-width: none;
	margin: 0;
	background: #090a0b;
}

.kev-delban-informational-page__hero,
.kev-delban-informational-page__content {
	width: min(calc(100% - 2rem), 76rem);
	margin-inline: auto;
}

.kev-delban-informational-page__hero {
	position: relative;
	padding: clamp(4rem, 9vw, 7rem) clamp(1rem, 5vw, 4rem) clamp(3rem, 7vw, 5rem);
	border-bottom: 1px solid rgb(216 185 138 / 28%);
	text-align: right;
}

.kev-delban-informational-page__hero::before {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 12% 24%, rgb(216 185 138 / 12%), transparent 28%), linear-gradient(135deg, #111314, #090a0b 72%);
	content: '';
	z-index: 0;
}

.kev-delban-informational-page__hero > * { position: relative; z-index: 1; }
.kev-delban-informational-page__hero h1 { margin: 0.5rem 0 0; color: #fffaf3; font-size: clamp(2.25rem, 6vw, 4.5rem); font-weight: 850; line-height: 1.15; }
.kev-delban-informational-page__hero p:last-child { max-width: 38rem; margin: 1rem 0 0; color: rgb(247 243 237 / 74%); font-size: clamp(0.95rem, 1.5vw, 1.15rem); line-height: 2; }
.kev-delban-informational-page__eyebrow { margin: 0; color: var(--wp--preset--color--crema, #d8b98a); font-size: 0.8rem; font-weight: 750; letter-spacing: 0.06em; }

.kev-delban-informational-page__content {
	padding-block: clamp(2rem, 5vw, 4.5rem);
	direction: rtl;
}

.kev-delban-informational-page__content > :where(ul, ol) { margin-inline: 0; padding-inline-start: 1.25rem; }
.kev-delban-informational-page__content :where(h2, h3) { margin: clamp(2rem, 5vw, 4rem) 0 1rem; color: #fffaf3; font-weight: 800; line-height: 1.35; }
.kev-delban-informational-page__content h2 { font-size: clamp(1.5rem, 3vw, 2.4rem); }
.kev-delban-informational-page__content h3 { font-size: clamp(1.15rem, 2vw, 1.5rem); }
.kev-delban-informational-page__content :where(p, li) { max-width: 54rem; color: rgb(247 243 237 / 72%); font-size: clamp(0.95rem, 1.25vw, 1.08rem); line-height: 2; }
.kev-delban-informational-page__content a { color: var(--wp--preset--color--crema, #d8b98a); }
.kev-delban-informational-page__content :where(img, iframe, video) { max-width: 100%; border: 1px solid rgb(216 185 138 / 18%); border-radius: 0.5rem; }
.kev-delban-informational-page__content :where(blockquote, figure, table) { margin-block: 1.5rem; border-color: rgb(216 185 138 / 24%); background: #111314; }
.kev-delban-informational-page__content :where(input, select, textarea) { max-width: 100%; border: 1px solid rgb(216 185 138 / 30%); border-radius: 0.25rem; background: #111314; color: #fffaf3; font: inherit; }

body.kev-delban-informational-page--contact .kev-delban-informational-page__content > :where(.wp-block-columns, .wp-block-group) { padding: clamp(1rem, 3vw, 2rem); border: 1px solid rgb(216 185 138 / 18%); border-radius: 0.5rem; background: #111314; }

@media (max-width: 48rem) {
	.kev-delban-informational-page__hero,
	.kev-delban-informational-page__content { width: min(calc(100% - 1.5rem), 76rem); }
	.kev-delban-informational-page__hero { padding-block: 3rem 2.5rem; }
	.kev-delban-informational-page__content { padding-block: 1.5rem 3rem; }
}

/* Delban informational-page skin. */
body.kev-delban-informational-page,
body.kev-delban-informational-page .wp-site-blocks,
body.kev-delban-informational-page .wp-block-post-content { background: #fbf8f5; color: #2f2028; }
.kev-delban-informational-page__hero { border-color: #efd8e2; }
.kev-delban-informational-page__hero::before { background: radial-gradient(circle at 12% 24%, rgb(255 58 137 / 14%), transparent 30%), linear-gradient(135deg, #fffafc, #f8e1ea 72%); }
.kev-delban-informational-page__hero h1,
.kev-delban-informational-page__content :where(h2, h3) { color: #5b193d; }
.kev-delban-informational-page__hero p:last-child,
.kev-delban-informational-page__content :where(p, li) { color: #6f6168; }
.kev-delban-informational-page__eyebrow,
.kev-delban-informational-page__content a { color: #b92368; }
.kev-delban-informational-page__content :where(blockquote, figure, table),
body.kev-delban-informational-page--contact .kev-delban-informational-page__content > :where(.wp-block-columns, .wp-block-group) { border-color: #efd8e2; background: #fff; }
.kev-delban-informational-page__content :where(input, select, textarea) { border-color: #e5c8d5; background: #fff; color: #351126; }

/* Purpose-built About and Contact compositions. */
.kev-delban-info-story { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(18rem, .65fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: stretch; }
.kev-delban-info-story__copy > :first-child,.kev-delban-contact-intro > div > :first-child { margin-top: 0; }
.kev-delban-info-story__copy h2,.kev-delban-contact-intro h2,.kev-delban-info-section-heading h2,.kev-delban-info-cta h2,.kev-delban-contact-address h2 { margin-top: .45rem; }
.kev-delban-info-kicker { margin-bottom: 0 !important; color: #ad5c70 !important; font-size: .78rem !important; font-weight: 800; letter-spacing: .04em; }
.kev-delban-info-quote { display: flex; flex-direction: column; justify-content: flex-end; min-height: 24rem; padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid #eadbdc; border-radius: 1.25rem; background: radial-gradient(circle at 25% 15%,rgb(173 92 112 / 20%),transparent 34%),linear-gradient(145deg,#fff,#f7e8e8); }
.kev-delban-info-quote span { color: #ad5c70; font-size: .8rem; font-weight: 800; }
.kev-delban-info-quote strong { margin-top: .6rem; color: #351126; font-size: clamp(1.35rem,2.5vw,2rem); line-height: 1.6; }
.kev-delban-info-quote p { margin-bottom: 0; font-size: .9rem; }
.kev-delban-info-values { margin-top: clamp(3rem,7vw,6rem); }
.kev-delban-info-section-heading { max-width: 44rem; }
.kev-delban-info-card-grid,.kev-delban-contact-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 1.5rem; }
.kev-delban-info-card-grid article,.kev-delban-contact-grid article { padding: clamp(1.25rem,3vw,2rem); border: 1px solid #eadbdc; border-radius: 1rem; background: #fff; }
.kev-delban-info-card-grid article > span,.kev-delban-contact-grid article > span { color: #ad5c70; font-size: .75rem; font-weight: 800; }
.kev-delban-info-card-grid h3,.kev-delban-contact-grid h3 { margin: .75rem 0 .35rem; }
.kev-delban-info-card-grid p,.kev-delban-contact-grid p { margin: 0; font-size: .88rem; }
.kev-delban-info-cta,.kev-delban-contact-address { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: clamp(3rem,7vw,5rem); padding: clamp(1.5rem,4vw,3rem); border: 1px solid #eadbdc; border-radius: 1.25rem; background: #fff8fa; }
.kev-delban-info-cta :where(h2,p),.kev-delban-contact-address :where(h2,p,address) { margin-bottom: 0; }
.kev-delban-info-cta > a,.kev-delban-contact-address > a { flex: 0 0 auto; padding: .85rem 1.4rem; border-radius: 999px; background: #ad5c70; color: #fff; font-weight: 800; text-decoration: none; }
.kev-delban-contact-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(14rem,.45fr); gap: 2rem; align-items: end; }
.kev-delban-contact-hours { padding: 1rem 1.25rem; border-inline-start: 3px solid #ad5c70; background: #fff; font-size: .88rem !important; }
.kev-delban-contact-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.kev-delban-contact-grid h3 a { color: #351126; text-decoration: none; }
.kev-delban-contact-address address { max-width: 42rem; color: #6f6168; font-style: normal; line-height: 2; }

@media (max-width: 48rem) {
	.kev-delban-info-story,.kev-delban-contact-intro { grid-template-columns: 1fr; }
	.kev-delban-info-quote { min-height: 16rem; }
	.kev-delban-info-card-grid,.kev-delban-contact-grid { grid-template-columns: 1fr; }
	.kev-delban-info-cta,.kev-delban-contact-address { align-items: stretch; flex-direction: column; }
	.kev-delban-info-cta > a,.kev-delban-contact-address > a { text-align: center; }
}
