/* ==========================================================================
   Character ArtSketch
   Loads on the hub page, anything under it, and every interview.
   ========================================================================== */

.as-single,
.as-grid,
.as-feature,
.as-archive,
.as-chips {
	--as-navy: #1C244B;
	--as-ink: #0E1330;
	--as-deep: #141A37;
	--as-accent: #467FF7;
	--as-accent-dark: #2F66DB;
	--as-text: #324A6D;
	--as-muted: #4F6484;
	--as-soft: #F9FAFD;
	--as-hairline: #E4EAF4;
	--as-on-ink: #DCE4F2;
	--as-on-ink-dim: #8EA0C6;
	--as-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--as-serif: "Lora", Georgia, "Times New Roman", serif;
}

/* The global Elementor header template carries a 5% bottom margin, which would
   leave a white band above a full-bleed dark section. */
.elementor-location-header .e-con {
	margin-bottom: 0 !important;
	margin-block-end: 0 !important;
}

/* --------------------------------------------------------------- scaffolding */

.as-band {
	padding: 84px 24px;
}

.as-band--ink {
	background: #0E1330;
}

.as-band--white {
	background: #fff;
}

.as-band--soft {
	background: #F9FAFD;
}

.as-wrap {
	max-width: 1180px;
	margin: 0 auto;
}

.as-wrap--narrow {
	max-width: 880px;
}

.as-wrap--read {
	max-width: 780px;
}

.as-wrap--read-wide {
	max-width: 880px;
}

.as-eyebrow {
	margin: 0;
	font: 600 12.5px/1.4 var(--as-sans, "Poppins", sans-serif);
	letter-spacing: 2.6px;
	text-transform: uppercase;
	color: #467FF7;
}

.as-eyebrow--light {
	color: #7FA6F5;
}

.as-tag {
	display: inline-block;
	padding: 5px 12px;
	border-radius: 999px;
	background: #EEF3FE;
	color: #2F66DB;
	font: 600 11.5px/1.6 "Poppins", sans-serif;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.as-btn {
	display: inline-block;
	padding: 17px 32px;
	border-radius: 10px;
	background: #467FF7;
	color: #fff;
	font: 600 15.5px/1.2 "Poppins", sans-serif;
	text-decoration: none;
	transition: background .2s ease, transform .2s ease;
}

.as-btn:hover,
.as-btn:focus {
	background: #2F66DB;
	color: #fff;
	transform: translateY(-1px);
}

.as-btn--ghost {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .3);
}

.as-btn--ghost:hover,
.as-btn--ghost:focus {
	background: rgba(255, 255, 255, .1);
}

.as-issue-line {
	font: 400 12px/1.6 "Poppins", sans-serif;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #8EA0C6;
}

.as-empty {
	margin: 0;
	padding: 26px 0;
	font: 400 16px/1.6 "Poppins", sans-serif;
	color: #4F6484;
}

/* A section title with a link opposite it. `.as-head` is the Elementor-built
   version on the hub; `.as-section-head` is the template-built one. */
.as-head,
.as-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.as-section-head {
	margin-bottom: 34px;
}

.as-section-head h2 {
	margin: 0;
	font: 600 32px/1.15 "Poppins", sans-serif;
	color: #1C244B;
}

.as-section-head a {
	color: #2F66DB;
	font: 600 15px/1.4 "Poppins", sans-serif;
	text-decoration: none;
	white-space: nowrap;
}

.as-head > .e-con {
	width: auto;
}

.as-head > .e-con:first-child {
	flex: 1 1 auto;
}

.as-head > .e-con:last-child {
	flex: 0 0 auto;
}

.as-inline {
	flex-wrap: wrap;
}

.as-inline > .e-con {
	width: auto;
	flex: 0 0 auto;
}

/* ------------------------------------------------------------------ bylines */

.as-byline {
	display: flex;
	align-items: center;
	gap: 11px;
	margin: 0;
	font: 400 13.5px/1.5 "Poppins", sans-serif;
	color: #4F6484;
}

.as-byline--centred {
	justify-content: center;
}

.as-byline strong {
	color: #1C244B;
	font-weight: 600;
	font-size: 14px;
}

.as-byline__meta {
	color: #4F6484;
	font-size: 13px;
	font-weight: 400;
}

.as-byline__ava,
.as-byline img {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 auto;
}

/* ----------------------------------------------------------- featured card */

.as-feature {
	position: relative;
	z-index: 3;
	display: flex;
	overflow: hidden;
	margin-top: -104px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 34px 70px rgba(14, 19, 48, .20);
}

.as-feature__art {
	flex: 0 0 50%;
	display: block;
	line-height: 0;
}

.as-feature__art img {
	width: 100%;
	height: 520px;
	object-fit: cover;
	display: block;
}

.as-feature__body {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 17px;
	padding: 46px;
}

.as-feature__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.as-feature__flag {
	font: 600 11.5px/1.6 "Poppins", sans-serif;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #4F6484;
}

.as-feature__title {
	margin: 0;
	font: 600 38px/1.22 "Lora", Georgia, serif;
	color: #1C244B;
}

.as-feature__title a {
	color: inherit;
	text-decoration: none;
}

.as-feature__title a:hover {
	color: #2F66DB;
}

.as-feature__artist {
	margin: 0;
	font: 600 16px/1.5 "Poppins", sans-serif;
	color: #1C244B;
}

.as-feature__dek {
	margin: 0;
	font: 300 16.5px/1.7 "Poppins", sans-serif;
	color: #324A6D;
}

.as-feature .as-btn {
	align-self: flex-start;
}

/* ---------------------------------------------------------------- card grid */

.as-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 26px;
}

.as-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex: 1 1 300px;
	max-width: calc(33.333% - 18px);
	padding: 18px 18px 26px;
	border: 1px solid #E4EAF4;
	border-radius: 18px;
	background: #fff;
	text-decoration: none;
	transition: transform .3s ease, box-shadow .3s ease;
}

.as-card:hover,
.as-card:focus {
	transform: translateY(-6px);
	box-shadow: 0 26px 50px rgba(20, 26, 55, .14);
}

.as-card__thumb {
	display: block;
	overflow: hidden;
	border-radius: 14px;
	line-height: 0;
	background: #F4F6FB;
}

.as-card__thumb img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	display: block;
	transition: transform .6s cubic-bezier(.2, .6, .2, 1);
}

.as-card:hover .as-card__thumb img {
	transform: scale(1.05);
}

.as-card .as-tag {
	align-self: flex-start;
}

.as-card__title {
	font: 600 21px/1.35 "Poppins", sans-serif;
	color: #1C244B;
}

.as-card__artist {
	font: 600 15px/1.5 "Poppins", sans-serif;
	color: #1C244B;
}

.as-card__excerpt {
	flex: 1 1 auto;
	font: 300 15px/1.65 "Poppins", sans-serif;
	color: #4F6484;
}

.as-card__meta {
	font: 400 12.5px/1.6 "Poppins", sans-serif;
	color: #4F6484;
}

/* ------------------------------------------------------------ archive list */

.as-archive {
	list-style: none;
	margin: 0;
	padding: 0;
}

.as-archive li {
	border-top: 1px solid #E4EAF4;
}

.as-archive li:last-child {
	border-bottom: 1px solid #E4EAF4;
}

.as-archive a {
	display: flex;
	align-items: baseline;
	gap: 24px;
	padding: 22px 6px;
	text-decoration: none;
	transition: background .25s ease, padding .25s ease;
}

.as-archive a:hover {
	background: #F9FAFD;
	padding-left: 16px;
}

.as-archive .n {
	flex: 0 0 42px;
	font: 600 12.5px/1.6 "Poppins", sans-serif;
	letter-spacing: 1.6px;
	color: #467FF7;
}

.as-archive .t {
	flex: 1 1 auto;
	font: 600 19px/1.4 "Poppins", sans-serif;
	color: #1C244B;
}

.as-archive a:hover .t {
	color: #2F66DB;
}

.as-archive .w {
	flex: 0 0 168px;
	font: 400 15px/1.5 "Poppins", sans-serif;
	color: #324A6D;
}

.as-archive .d {
	flex: 0 0 152px;
	font: 400 13px/1.6 "Poppins", sans-serif;
	color: #4F6484;
}

.as-archive .dt {
	flex: 0 0 76px;
	text-align: right;
	font: 400 13px/1.6 "Poppins", sans-serif;
	color: #4F6484;
}

/* ----------------------------------------------------------------- chips */

.as-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.as-chips a {
	display: inline-block;
	padding: 9px 18px;
	border: 1px solid #E4EAF4;
	border-radius: 999px;
	background: #fff;
	color: #1C244B;
	font: 600 13px/1 "Poppins", sans-serif;
	text-decoration: none;
	transition: all .2s ease;
}

.as-chips a:hover,
.as-chips a.is-active {
	background: #1C244B;
	border-color: #1C244B;
	color: #fff;
}

/* The sketchbook strip on the hub stays hand-built Elementor image widgets. */
.as-strip {
	overflow: hidden;
	border-radius: 12px;
}

.as-strip img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 12px;
	display: block;
}

/* =========================================================== interview page */

.as-gallery__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
}

.as-gallery__intro {
	flex: 1 1 auto;
}

.as-back {
	display: inline-block;
	margin-bottom: 14px;
	color: #7FA6F5;
	font: 600 12px/1.4 "Poppins", sans-serif;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	text-decoration: none;
}

.as-back:hover {
	color: #fff;
}

.as-artist {
	margin: 0 0 12px;
	font: 600 64px/1.05 "Poppins", sans-serif;
	letter-spacing: -1.2px;
	color: #fff;
}

.as-role {
	margin: 0 0 14px;
	font: 600 12.5px/1.5 "Poppins", sans-serif;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: #8EA0C6;
}

.as-standfirst {
	margin: 0;
	max-width: 34em;
	font: 300 18px/1.65 "Poppins", sans-serif;
	color: #DCE4F2;
}

.as-gallery__count {
	flex: 0 0 auto;
	text-align: right;
}

.as-gallery__count .as-eyebrow {
	color: #8EA0C6;
	letter-spacing: 2.2px;
	font-size: 11.5px;
}

.as-count {
	margin: 6px 0 4px;
	font: 400 42px/1.1 "Lora", Georgia, serif;
	color: #fff;
}

.as-note {
	font: 400 13px/1.5 "Poppins", sans-serif;
	color: #8EA0C6;
}

.as-rule {
	margin: 30px 0;
	border: 0;
	border-top: 1px solid #2A3358;
}

.as-gallery__leads {
	display: flex;
	gap: 22px;
	margin-bottom: 22px;
}

.as-gallery__leads .as-tile {
	flex: 1 1 0;
	min-width: 0;
}

.as-gallery__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
}

.as-gallery__grid .as-tile {
	flex: 0 0 calc(25% - 16.5px);
	max-width: calc(25% - 16.5px);
}

.as-tile {
	margin: 0;
}

.as-tile a {
	display: block;
	overflow: hidden;
	border-radius: 12px;
	line-height: 0;
	background: #F4F6FB;
}

.as-tile img {
	width: 100%;
	object-fit: cover;
	display: block;
	transition: transform .6s cubic-bezier(.2, .6, .2, 1);
}

.as-tile:hover img {
	transform: scale(1.05);
}

.as-tile.as-wide img {
	aspect-ratio: 16 / 9;
}

.as-tile.as-tall img {
	aspect-ratio: 3 / 4;
}

.as-tile.as-square img {
	aspect-ratio: 1 / 1;
}

.as-tile figcaption {
	margin-top: 12px;
	font: 400 12.5px/1.55 "Poppins", sans-serif;
	letter-spacing: .2px;
}

.as-tile__title {
	display: block;
	color: #C7D2E8;
}

.as-tile__medium {
	display: block;
	margin-top: 3px;
	font-size: 11.5px;
	letter-spacing: 1.1px;
	text-transform: uppercase;
	color: #93A5C8;
}

.as-gallery__note {
	margin: 30px 0 0;
	text-align: center;
	font: 400 13px/1.6 "Poppins", sans-serif;
	color: #8397BE;
}

/* --------------------------------------------------------- article header */

.as-head.as-band {
	padding-bottom: 40px;
	text-align: center;
}

.as-head .as-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
}

.as-headline {
	margin: 0;
	font: 600 46px/1.22 "Lora", Georgia, serif;
	color: #1C244B;
}

.as-dek {
	margin: 0;
	font: 300 19px/1.65 "Poppins", sans-serif;
	color: #4F6484;
}

/* ----------------------------------------------------------- article body */

.as-body {
	padding-top: 24px;
	padding-bottom: 76px;
}

/* The body is Elementor content, so style the widgets it produces rather than
   asking whoever writes the interview to remember class names. A question is a
   Heading widget; an answer is a Text Editor widget.

   The Elementor global kit sets heading sizes on `.elementor-widget-heading
   .elementor-heading-title` (0,2,0) — and its h3 is 132px — so these rules have
   to be at least as specific or the article would render enormous. */

.as-article p,
.as-article .elementor-widget-text-editor,
.as-article .elementor-widget-text-editor p {
	font: 400 18.5px/1.78 "Lora", Georgia, serif;
	color: #2C3F5F;
}

.as-article p {
	margin: 0 0 18px;
}

.as-article p:last-child {
	margin-bottom: 0;
}

.as-article h2,
.as-article h3,
.as-article h4,
.as-article .elementor-widget-heading .elementor-heading-title {
	position: relative;
	margin: 0;
	padding-left: 26px;
	font: 600 21px/1.45 "Poppins", sans-serif;
	color: #1C244B;
	text-align: left;
}

.as-article h2::before,
.as-article h3::before,
.as-article h4::before,
.as-article .elementor-widget-heading .elementor-heading-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: .34em;
	bottom: .26em;
	width: 4px;
	border-radius: 3px;
	background: #467FF7;
}

/* Rhythm: more air before a question than between a question and its answer. */
.as-article > h2,
.as-article > h3,
.as-article > h4 {
	margin-top: 34px;
}

.as-article .elementor-widget-heading {
	margin-top: 16px;
}

/* A pull quote: add the CSS class `as-pull` to a Text Editor widget. */
.as-article blockquote,
.as-article .as-pull,
.as-article .as-pull.elementor-widget-text-editor {
	margin: 34px 0;
	padding: 30px 34px;
	border-left: 4px solid #467FF7;
	border-radius: 4px;
	background: #F9FAFD;
	font: 500 25px/1.5 "Lora", Georgia, serif;
	font-style: italic;
	color: #1C244B;
}

.as-article blockquote p,
.as-article .as-pull p,
.as-article .as-pull.elementor-widget-text-editor p {
	font: inherit;
	color: inherit;
	margin: 0;
}

.as-article .as-pull cite,
.as-article blockquote cite {
	display: block;
	margin-top: 14px;
	font: 600 11.5px/1.6 "Poppins", sans-serif;
	font-style: normal;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: #4F6484;
}

.as-article img {
	border-radius: 14px;
}

/* A tall in-article figure at full column width swamps the page, so cap it and
   centre it rather than letting it run to its natural height. */
.as-article .elementor-widget-image img,
.as-article figure img {
	max-height: 620px;
	width: auto;
	max-width: 100%;
	margin-inline: auto;
	display: block;
}

.as-article figcaption,
.as-article .widget-image-caption {
	margin-top: 14px;
	font: 400 13px/1.6 "Poppins", sans-serif;
	color: #4F6484;
}

/* Add the CSS class `as-lede` to the first paragraph widget for the drop cap. */
.as-lede p:first-of-type::first-letter {
	float: left;
	padding: 8px 13px 0 0;
	font-family: "Lora", Georgia, serif;
	font-size: 68px;
	font-weight: 600;
	line-height: .8;
	color: #1C244B;
}

.as-article .as-lede p,
.as-article .as-lede.elementor-widget-text-editor p {
	font-size: 21px;
	line-height: 1.72;
	color: #243A5A;
}

/* --------------------------------------------------------- toolkit panels */

.as-panels {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	margin-top: 40px;
}

.as-panel {
	flex: 1 1 0;
	padding: 26px;
	border-radius: 16px;
}

.as-panel--outline {
	flex-grow: 1.2;
	border: 1px solid #E4EAF4;
	background: #fff;
}

.as-panel--soft {
	background: #F9FAFD;
}

.as-panel .as-eyebrow {
	margin-bottom: 14px;
}

.as-toolkit,
.as-lessons {
	list-style: none;
	margin: 0;
	padding: 0;
}

.as-toolkit li {
	display: flex;
	gap: 18px;
	padding: 12px 0;
	border-bottom: 1px solid #E4EAF4;
}

.as-toolkit li:last-child {
	border-bottom: 0;
}

.as-toolkit .k {
	flex: 0 0 118px;
	font: 600 13.5px/1.6 "Poppins", sans-serif;
	color: #1C244B;
}

.as-toolkit .v {
	flex: 1 1 auto;
	font: 400 15px/1.6 "Poppins", sans-serif;
	color: #324A6D;
}

.as-lessons li {
	position: relative;
	margin-bottom: 13px;
	padding-left: 30px;
	font: 400 15px/1.6 "Poppins", sans-serif;
	color: #324A6D;
}

.as-lessons li::before {
	content: "\2713";
	position: absolute;
	left: 0;
	top: 0;
	color: #467FF7;
	font-weight: 700;
}

/* ------------------------------------------------------------- bio card */

.as-bio-band {
	padding-top: 0;
	padding-bottom: 78px;
}

.as-bio {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 38px 40px;
	border-radius: 18px;
	background: #F9FAFD;
}

.as-bio__art {
	flex: 0 0 17%;
}

.as-bio__portrait {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}

.as-bio__body {
	flex: 1 1 auto;
}

.as-bio__name {
	margin: 6px 0 10px;
	font: 600 25px/1.2 "Poppins", sans-serif;
	color: #1C244B;
}

.as-bio__text {
	margin: 0 0 12px;
	font: 300 15.5px/1.7 "Poppins", sans-serif;
	color: #324A6D;
}

.as-links a {
	margin-right: 20px;
	padding-bottom: 2px;
	border-bottom: 1px solid #C9DAFB;
	color: #2F66DB;
	font: 500 15px/1.6 "Poppins", sans-serif;
	text-decoration: none;
}

.as-links a:hover {
	border-bottom-color: #2F66DB;
}

/* -------------------------------------------------------- related + cta */

.as-related {
	padding-top: 0;
	padding-bottom: 90px;
}

.as-cta {
	text-align: center;
}

.as-cta .as-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.as-cta h2 {
	margin: 0;
	font: 600 36px/1.25 "Poppins", sans-serif;
	color: #fff;
}

.as-cta p {
	margin: 0;
	font: 300 17px/1.7 "Poppins", sans-serif;
	color: #DCE4F2;
}

.as-cta__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
}

/* ------------------------------------------------------------- lightbox */

.as-lightbox {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px;
	background: rgba(8, 11, 28, .94);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
}

.as-lightbox.is-open {
	opacity: 1;
	visibility: visible;
}

.as-lightbox__img {
	max-width: 100%;
	max-height: calc(100vh - 160px);
	object-fit: contain;
	border-radius: 8px;
}

.as-lightbox__caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 26px;
	text-align: center;
	font: 400 14px/1.6 "Poppins", sans-serif;
	color: #C7D2E8;
}

.as-lightbox button {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	transition: background .2s ease;
}

.as-lightbox button:hover {
	background: rgba(255, 255, 255, .22);
}

.as-lightbox__close {
	top: 22px;
	right: 22px;
}

.as-lightbox__prev {
	left: 22px;
	top: 50%;
	transform: translateY(-50%);
}

.as-lightbox__next {
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
}

body.as-lightbox-open {
	overflow: hidden;
}

/* ---------------------------------------------------------------- responsive */

@media (max-width: 1024px) {
	.as-band {
		padding: 60px 20px;
	}

	.as-feature {
		flex-direction: column;
		margin-top: -72px;
	}

	.as-feature__art img {
		height: auto;
		aspect-ratio: 16 / 10;
	}

	.as-feature__body {
		padding: 32px 28px 34px;
	}

	.as-feature__title {
		font-size: 31px;
	}

	.as-card {
		max-width: calc(50% - 13px);
	}

	.as-artist {
		font-size: 46px;
	}

	.as-headline {
		font-size: 36px;
	}

	.as-gallery__grid .as-tile {
		flex-basis: calc(50% - 11px);
		max-width: calc(50% - 11px);
	}
}

@media (max-width: 880px) {
	.as-archive a {
		flex-wrap: wrap;
		gap: 4px 16px;
		padding: 18px 6px;
	}

	.as-archive .n {
		flex: 0 0 auto;
	}

	.as-archive .t {
		flex: 1 0 100%;
		order: 2;
		font-size: 17px;
	}

	.as-archive .w,
	.as-archive .d,
	.as-archive .dt {
		flex: 0 0 auto;
		order: 3;
		text-align: left;
	}

	.as-gallery__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.as-gallery__count {
		text-align: left;
	}

	.as-panels {
		flex-direction: column;
	}

	.as-bio {
		flex-direction: column;
		align-items: flex-start;
		padding: 28px 24px;
	}

	.as-bio__art {
		flex: 0 0 auto;
		width: 96px;
	}
}

@media (max-width: 767px) {
	.as-band {
		padding: 52px 16px;
	}

	.as-feature {
		margin-top: -46px;
		border-radius: 14px;
	}

	.as-card {
		flex-basis: 100%;
		max-width: 100%;
	}

	.as-gallery__leads {
		flex-direction: column;
	}

	.as-gallery__grid .as-tile {
		flex-basis: calc(50% - 6px);
		max-width: calc(50% - 6px);
	}

	.as-gallery__grid,
	.as-gallery__leads {
		gap: 12px;
	}

	.as-artist {
		font-size: 34px;
	}

	.as-headline {
		font-size: 27px;
	}

	.as-count {
		font-size: 28px;
	}

	.as-article p {
		font-size: 17px;
	}

	.as-cta h2 {
		font-size: 24px;
	}

	.as-section-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.as-section-head h2 {
		font-size: 23px;
	}

	.as-lightbox {
		padding: 16px;
	}

	.as-lightbox button {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 640px) {
	.as-head {
		flex-direction: column;
		align-items: flex-start;
	}

	.as-head > .e-con {
		width: 100%;
	}

	.as-head .elementor-widget-text-editor,
	.as-head .elementor-widget-heading {
		text-align: left !important;
	}
}