/* Artists' Entrance PH — performing arts & music academy.
   Light base, red majority — strong red surfaces on warm cream. */
.artists-ph {
  --honey-gold: #E63946;          /* primary CTA — poppy red */
  --buzz-yellow: #F1A208;
  --ae-red: #E63946;
  --ae-red-deep: #C82A36;
  --ae-red-dark: #8B1822;
  --ae-red-light: #FFEDEF;
  --ae-red-glow: rgba(230, 57, 70, 0.22);
  --ae-red-tint: rgba(230, 57, 70, 0.12);

  /* Light surfaces with warm cream undertone */
  --warm-white: #FFF8F5;           /* page bg — warm cream */
  --hive-ink: #1F1014;              /* deep wine-ink text */
  --stone-gray: #6B5862;            /* muted text */
  --soft-line: rgba(230, 57, 70, 0.16);
  --light-stripe: #FFEFEA;          /* secondary surface */
  --honey-tint: rgba(230, 57, 70, 0.10);

  --surface: #FFFFFF;               /* card surface */
  --surface-cream: #FFF1ED;         /* warm alt surface */
  --line-soft: rgba(31, 16, 20, 0.08);
}
.artists-ph .btn-primary { background: var(--ae-red); color: #FFFFFF; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 6px 18px rgba(230, 57, 70, 0.35); }
.artists-ph .btn-primary:hover { background: var(--ae-red-deep); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 10px 24px rgba(230, 57, 70, 0.45); }
.artists-ph .btn-outline { background: #FFFFFF; color: var(--ae-red-deep); border-color: var(--ae-red); }
.artists-ph .btn-outline:hover { background: var(--ae-red); color: #FFFFFF; border-color: var(--ae-red); }
.artists-ph .gold-pill { background: rgba(230, 57, 70, 0.18); color: var(--ae-red); }
.artists-ph .profile-card__title { color: #FFD0D5; }
.artists-ph .badge-tint { background: var(--ae-red); color: #FFFFFF; border: 1px solid var(--ae-red-deep); }

/* Nav — clean white with red brand line */
.artists-ph .site-nav { background: rgba(255, 255, 255, 0.94); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 2px solid var(--ae-red); }
.artists-ph .site-nav__links a { color: var(--hive-ink); }
.artists-ph .site-nav__links a:hover { color: var(--ae-red); }

/* Logo treatment — white frame with red glow */
.artists-ph .profile-card__avatar {
  width: 180px;
  height: 180px;
  border-radius: 18px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 10px;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.85), 0 0 0 6px rgba(230, 57, 70, 0.9), 0 18px 48px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
  .artists-ph .profile-card__avatar { width: 200px; height: 200px; }
}
.artists-ph .brand-mark__art { width: 100%; height: 100%; object-fit: contain; display: block; }

/* Hero — deep red wash with cover photo behind */
.hero--profile, .hero--aeph { position: relative; padding: var(--space-12) 0 var(--space-16); color: #FFFFFF; overflow: hidden; isolation: isolate; background: linear-gradient(135deg, #8B1822 0%, #C82A36 55%, #E63946 100%); }
.hero--profile .hero__cover, .hero--aeph .hero__cover { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; opacity: 0.32; }
.hero--profile::after, .hero--aeph::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(139, 24, 34, 0.45), rgba(139, 24, 34, 0.65)); z-index: -1; }
.profile-card { display: grid; grid-template-columns: 1fr; gap: var(--space-6); align-items: center; text-align: center; }
@media (min-width: 768px) { .profile-card { grid-template-columns: auto 1fr; text-align: left; gap: var(--space-8); } }
.profile-card__body { display: flex; flex-direction: column; gap: var(--space-2); }
.profile-card__name { font-size: clamp(28px, 4.5vw, 44px); color: #FFFFFF; letter-spacing: -0.02em; }
.profile-card__title { font-family: var(--font-heading); font-weight: 600; font-size: 17px; }
.profile-card__bio { color: rgba(255, 255, 255, 0.88); font-size: 15px; line-height: 1.6; max-width: 60ch; margin-top: var(--space-3); }
.profile-card__bio strong { color: #FFFFFF; font-weight: 700; }
.profile-card__cta { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-5); justify-content: center; }
@media (min-width: 768px) { .profile-card__cta { justify-content: flex-start; } }
.profile-card__cta .btn-primary { background: #FFFFFF; color: var(--ae-red); }
.profile-card__cta .btn-primary:hover { background: rgba(255, 255, 255, 0.92); color: var(--ae-red-deep); }
.profile-card__cta .btn-outline { background: rgba(255, 255, 255, 0.10); color: #FFFFFF; border-color: rgba(255, 255, 255, 0.5); }
.profile-card__cta .btn-outline:hover { background: #FFFFFF; color: var(--ae-red); border-color: #FFFFFF; }
.profile-card__stats { list-style: none; padding: var(--space-5) 0 0; margin: var(--space-6) 0 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); border-top: 1px solid rgba(255, 255, 255, 0.32); }
.profile-card__stats li { display: flex; flex-direction: column; gap: 2px; align-items: center; }
@media (min-width: 768px) { .profile-card__stats li { align-items: flex-start; } }
.profile-card__stats strong { color: #FFFFFF; font-family: var(--font-heading); font-size: 22px; font-weight: 700; }
.profile-card__stats small { color: rgba(255, 255, 255, 0.78); font-size: 11.5px; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; }

.content { padding: var(--space-10) 0 var(--space-12); background: var(--warm-white); }
.content__grid { display: grid; gap: var(--space-6); grid-template-columns: 1fr; }
.content__main { display: flex; flex-direction: column; gap: var(--space-10); }
.content__side { display: flex; flex-direction: column; gap: var(--space-4); }
@media (min-width: 960px) { .content { padding: var(--space-12) 0 var(--space-16); } .content__grid { grid-template-columns: minmax(0, 1fr) 340px; gap: var(--space-10); } .content__side { position: sticky; top: 100px; align-self: start; } }
.section-head { margin-bottom: var(--space-5); }
.section-head .section-label { color: var(--ae-red); }
.section-head .section-title { margin-top: 4px; font-size: clamp(22px, 3vw, 26px); color: var(--hive-ink); }

/* Workshop / registration featured banner — bold red gradient */
.workshop-feature {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-4);
  padding: var(--space-5);
  background: linear-gradient(135deg, var(--ae-red) 0%, var(--ae-red-deep) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--ae-red-deep);
  box-shadow: 0 14px 36px rgba(230, 57, 70, 0.28);
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .workshop-feature { grid-template-columns: 240px 1fr; gap: var(--space-5); align-items: center; }
}
.workshop-feature img {
  width: 100%;
  height: auto;
  max-height: 360px;
  object-fit: contain;
  border-radius: var(--radius-md);
  background: #FFFFFF;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}
.workshop-feature__body { display: flex; flex-direction: column; gap: var(--space-2); }
.workshop-feature__body .section-label { color: rgba(255, 255, 255, 0.78); }
.workshop-feature__body .section-title { font-size: clamp(20px, 2.5vw, 24px); margin-top: 4px; color: #FFFFFF; }
.workshop-feature__body p { color: rgba(255, 255, 255, 0.92); font-size: 14.5px; line-height: 1.55; }
.workshop-feature__body p strong { color: #FFFFFF; }
.workshop-meta { list-style: none; padding: 0; margin: var(--space-3) 0; display: flex; flex-direction: column; gap: 6px; }
.workshop-meta li { display: flex; justify-content: space-between; gap: var(--space-3); padding: 8px 12px; background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.22); border-radius: var(--radius-md); font-size: 13.5px; color: #FFFFFF; }
.workshop-meta strong { font-family: var(--font-heading); color: #FFFFFF; }
.workshop-meta span { color: #FFFFFF; font-weight: 700; font-family: var(--font-heading); }
.workshop-feature .btn { align-self: flex-start; margin-top: var(--space-2); background: #FFFFFF; color: var(--ae-red); }
.workshop-feature .btn:hover { background: rgba(255, 255, 255, 0.92); color: var(--ae-red-deep); }

/* Classes grid — 7 cards on white */
.classes-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-3); }
@media (min-width: 640px) { .classes-grid { grid-template-columns: 1fr 1fr; gap: var(--space-4); } }

.class-card {
  position: relative;
  display: grid;
  grid-template-columns: 88px 1fr auto;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4);
  text-align: left;
  background: var(--surface);
  border: 1px solid var(--soft-line);
  border-radius: var(--radius-lg);
  color: var(--hive-ink);
  font-family: var(--font-body);
  cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-out),
              box-shadow var(--dur-fast) var(--ease-out),
              transform var(--dur-fast) var(--ease-out);
}
.class-card:hover {
  border-color: var(--c, var(--ae-red));
  box-shadow: 0 10px 28px var(--c-glow, rgba(230, 57, 70, 0.22));
  transform: translateY(-2px);
}
.class-card:hover .class-card__thumb { transform: scale(1.04); }

.class-card__thumb {
  width: 88px;
  height: 88px;
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, var(--c, var(--ae-red)), var(--c-deep, var(--ae-red-dark)));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  flex-shrink: 0;
  transition: transform var(--dur-fast) var(--ease-out);
  position: relative;
  overflow: hidden;
}
.class-card__thumb::after {
  content: '';
  position: absolute;
  top: -20%;
  left: -20%;
  width: 60%;
  height: 60%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.25), transparent 70%);
  pointer-events: none;
}
.class-card__thumb svg { width: 52px; height: 52px; position: relative; z-index: 1; }

.class-card__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.class-card__badge {
  align-self: flex-start;
  background: var(--c-tint, rgba(230, 57, 70, 0.14));
  color: var(--c-deep, var(--ae-red-deep));
  padding: 3px 9px;
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.class-card strong { font-family: var(--font-heading); font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--hive-ink); }
.class-card small { color: var(--stone-gray); font-size: 13px; line-height: 1.45; }
.class-card__arrow { color: var(--c, var(--ae-red)); flex-shrink: 0; opacity: 0.6; transition: opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out); }
.class-card:hover .class-card__arrow { opacity: 1; transform: translateX(2px); }

/* Per-discipline color tokens — 7 disciplines, leaning warm/red */
.class-card--ballet       { --c: #E63946; --c-deep: #8B1822; --c-tint: rgba(230, 57, 70, 0.14); --c-glow: rgba(230, 57, 70, 0.26); }
.class-card--contemporary { --c: #F1A208; --c-deep: #B47206; --c-tint: rgba(241, 162, 8, 0.16); --c-glow: rgba(241, 162, 8, 0.26); }
.class-card--gymnastics   { --c: #2A9D8F; --c-deep: #1F7C71; --c-tint: rgba(42, 157, 143, 0.14); --c-glow: rgba(42, 157, 143, 0.26); }
.class-card--piano        { --c: #1D3557; --c-deep: #0F1E36; --c-tint: rgba(29, 53, 87, 0.12);  --c-glow: rgba(29, 53, 87, 0.26); }
.class-card--singing      { --c: #B5179E; --c-deep: #8C1278; --c-tint: rgba(181, 23, 158, 0.12); --c-glow: rgba(181, 23, 158, 0.26); }
.class-card--violin       { --c: #6A4C93; --c-deep: #523879; --c-tint: rgba(106, 76, 147, 0.12); --c-glow: rgba(106, 76, 147, 0.26); }
.class-card--guitar       { --c: #5A8F4E; --c-deep: #426A39; --c-tint: rgba(90, 143, 78, 0.14);  --c-glow: rgba(90, 143, 78, 0.26); }

/* Sidebar — Register today card is solid red, contact card is cream */
.schedule-card { padding: var(--space-5); background: linear-gradient(135deg, var(--ae-red) 0%, var(--ae-red-deep) 100%); border: 1px solid var(--ae-red-deep); color: #FFFFFF; box-shadow: 0 12px 28px rgba(230, 57, 70, 0.30); }
.schedule-card .info-card__title { color: #FFFFFF; }
.schedule-card .info-card__body { color: rgba(255, 255, 255, 0.92); font-size: 14px; padding-left: 0; }
.schedule-card .info-card__body strong { color: #FFFFFF; }
.schedule-card .info-card__icon--dark { background: rgba(255, 255, 255, 0.20); color: #FFFFFF; }
.schedule-card__btn { margin-top: var(--space-3); background: #FFFFFF; color: var(--ae-red); }
.schedule-card__btn:hover { background: rgba(255, 255, 255, 0.92); color: var(--ae-red-deep); }

.stripe-card { background: var(--surface-cream); border: 1px solid var(--ae-red-tint); padding: var(--space-5); color: var(--hive-ink); }
.stripe-card .info-card__title { color: var(--hive-ink); }
.stripe-card .info-card__body { color: var(--stone-gray); }
.stripe-card .info-card__body strong { color: var(--hive-ink); }
.stripe-card .info-card__icon--gold { background: var(--ae-red); color: #FFFFFF; }

/* Faculty / instructor section — white card with red accent ring */
.instructor__card { display: grid; grid-template-columns: 1fr; gap: var(--space-5); background: var(--surface); border: 1px solid var(--soft-line); border-radius: var(--radius-lg); padding: var(--space-5); box-shadow: 0 12px 36px rgba(230, 57, 70, 0.10); min-width: 0; position: relative; overflow: hidden; }
.instructor__card::before { content: ''; position: absolute; inset: 0 0 auto 0; height: 5px; background: linear-gradient(90deg, var(--ae-red), var(--ae-red-deep)); }
@media (min-width: 860px) { .instructor__card { grid-template-columns: 220px minmax(0, 1fr); gap: var(--space-5); padding: var(--space-6); align-items: start; } }
.instructor__side { display: flex; flex-direction: column; gap: var(--space-3); min-width: 0; }
.instructor__photo { position: relative; border-radius: var(--radius-lg); overflow: hidden; aspect-ratio: 4 / 5; background: linear-gradient(135deg, #FFD0D5, var(--ae-red)); box-shadow: 0 10px 30px rgba(230, 57, 70, 0.30); max-width: 280px; margin: 0 auto; width: 100%; border: 2px solid var(--ae-red); }
.instructor__photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.instructor__photo::after { content: ''; position: absolute; inset: auto 0 0 0; height: 38%; background: linear-gradient(180deg, transparent, rgba(31, 16, 20, 0.40)); pointer-events: none; }
.instructor__body { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.instructor__head { display: flex; flex-direction: column; gap: 4px; }
.instructor__name { font-family: var(--font-heading); font-size: clamp(22px, 2.6vw, 28px); letter-spacing: -0.01em; color: var(--hive-ink); margin: 0; }
.instructor__role { color: var(--ae-red); font-family: var(--font-heading); font-weight: 600; font-size: 14px; margin: 0; }
.instructor__chips { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.chip { display: inline-flex; align-items: center; padding: 4px 10px; border-radius: 999px; font-family: var(--font-heading); font-weight: 600; font-size: 11.5px; letter-spacing: 0.04em; text-transform: uppercase; background: var(--c-tint, rgba(230, 57, 70, 0.14)); color: var(--c-deep, var(--ae-red-deep)); border: 1px solid var(--c-glow, rgba(230, 57, 70, 0.28)); }
.chip--ballet       { --c-tint: rgba(230, 57, 70, 0.14); --c-deep: #B82733; --c-glow: rgba(230, 57, 70, 0.32); }
.chip--contemporary { --c-tint: rgba(241, 162, 8, 0.14); --c-deep: #946208; --c-glow: rgba(241, 162, 8, 0.32); }
.chip--gymnastics   { --c-tint: rgba(42, 157, 143, 0.14); --c-deep: #1F7C71; --c-glow: rgba(42, 157, 143, 0.32); }
.chip--piano        { --c-tint: rgba(29, 53, 87, 0.10);  --c-deep: #1D3557; --c-glow: rgba(29, 53, 87, 0.32); }
.chip--singing      { --c-tint: rgba(181, 23, 158, 0.14); --c-deep: #8C1278; --c-glow: rgba(181, 23, 158, 0.32); }
.chip--violin       { --c-tint: rgba(106, 76, 147, 0.14); --c-deep: #523879; --c-glow: rgba(106, 76, 147, 0.32); }
.chip--guitar       { --c-tint: rgba(90, 143, 78, 0.14);  --c-deep: #426A39; --c-glow: rgba(90, 143, 78, 0.32); }
.instructor__bio { color: var(--stone-gray); font-size: 15px; line-height: 1.65; margin: 0; }
.instructor__bio strong { color: var(--hive-ink); font-weight: 600; }
.instructor__credentials { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr; gap: var(--space-3); min-width: 0; }
@media (min-width: 520px) { .instructor__credentials { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); } }
.cred { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto auto; gap: 4px; align-items: start; padding: 14px; border-radius: 14px; background: linear-gradient(180deg, var(--cr-tint, rgba(230, 57, 70, 0.10)), rgba(255, 255, 255, 0)); border: 1px solid var(--cr-glow, rgba(230, 57, 70, 0.22)); transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out); min-width: 0; }
.cred:hover { transform: translateY(-2px); box-shadow: 0 10px 24px var(--cr-glow, rgba(230, 57, 70, 0.26)); }
.cred__icon { width: 38px; height: 38px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--cr, var(--ae-red)), var(--cr-deep, var(--ae-red-dark))); color: #fff; box-shadow: 0 6px 16px var(--cr-glow, rgba(230, 57, 70, 0.30)); margin-bottom: 6px; }
.cred__icon svg { width: 20px; height: 20px; }
.cred__metric { font-family: var(--font-heading); font-weight: 800; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cr-deep, var(--ae-red-deep)); }
.cred__title { font-family: var(--font-heading); font-size: 14px; font-weight: 700; color: var(--hive-ink); line-height: 1.3; }
.cred__sub { color: var(--stone-gray); font-size: 12px; line-height: 1.45; }
.cred--ballet   { --cr: #E63946; --cr-deep: #B82733; --cr-tint: rgba(230, 57, 70, 0.10); --cr-glow: rgba(230, 57, 70, 0.24); }
.cred--piano    { --cr: #F1A208; --cr-deep: #946208; --cr-tint: rgba(241, 162, 8, 0.10);  --cr-glow: rgba(241, 162, 8, 0.24); }
.cred--students { --cr: #2A9D8F; --cr-deep: #1F7C71; --cr-tint: rgba(42, 157, 143, 0.10); --cr-glow: rgba(42, 157, 143, 0.24); }
.instructor__cta { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.instructor__cta .btn { flex: 1 1 auto; min-width: 0; padding-left: var(--space-3); padding-right: var(--space-3); }

.instructor__quick { margin: 0; padding: 14px; border-radius: var(--radius-md); background: var(--surface-cream); border: 1px solid var(--ae-red-tint); display: grid; grid-template-columns: 1fr 1fr; gap: 10px 12px; }
.instructor__quick > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.instructor__quick dt { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--stone-gray); font-weight: 500; }
.instructor__quick dd { margin: 0; font-family: var(--font-heading); font-size: 17px; font-weight: 700; color: var(--ae-red-deep); line-height: 1.1; }
.instructor__contacts { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 4px; }
.instructor__contacts a { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: var(--radius-sm); color: var(--hive-ink); font-size: 13px; font-weight: 500; text-decoration: none; transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); min-width: 0; }
.instructor__contacts a span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.instructor__contacts a:hover { background: var(--ae-red-light); color: var(--ae-red); }
.instructor__contacts .icon { color: var(--ae-red); flex-shrink: 0; }

/* Events timeline — Schedule of Events 2026 (red majority on cream) */
.events-timeline { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-3); position: relative; }
.event { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-4); align-items: stretch; background: var(--surface); border: 1px solid var(--soft-line); border-radius: var(--radius-lg); padding: var(--space-4); overflow: hidden; position: relative; transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out); }
.event::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(180deg, var(--ae-red), var(--ae-red-dark)); }
.event:hover { border-color: var(--ae-red); box-shadow: 0 10px 28px rgba(230, 57, 70, 0.18); }
.event__date { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: linear-gradient(135deg, var(--ae-red) 0%, var(--ae-red-deep) 100%); color: #FFFFFF; min-width: 108px; text-align: center; box-shadow: 0 6px 16px rgba(230, 57, 70, 0.28); }
.event__chip { font-family: var(--font-heading); font-weight: 800; font-size: 26px; letter-spacing: -0.01em; line-height: 1; color: #FFFFFF; }
.event__when { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; opacity: 0.85; }
.event__body { display: flex; flex-direction: column; gap: 4px; justify-content: center; min-width: 0; }
.event__body strong { font-family: var(--font-heading); font-size: 16px; font-weight: 700; color: var(--hive-ink); line-height: 1.3; }
.event__body small { color: var(--stone-gray); font-size: 13px; line-height: 1.5; }
.event--featured { border-color: var(--ae-red); background: linear-gradient(135deg, var(--ae-red) 0%, var(--ae-red-deep) 100%); box-shadow: 0 14px 36px rgba(230, 57, 70, 0.32); }
.event--featured::before { background: #FFFFFF; width: 6px; }
.event--featured .event__date { background: rgba(255, 255, 255, 0.16); border: 1px solid rgba(255, 255, 255, 0.32); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18); }
.event--featured .event__body strong { color: #FFFFFF; }
.event--featured .event__body small { color: rgba(255, 255, 255, 0.88); }