:root{
  --navy:#06162b;
  --navy-2:#0b2442;
  --cyan:#00a6e0;
  --cyan-2:#dff6ff;
  --silver:#eef4f8;
  --line:#dce7ef;
  --muted:#5a6a7c;
  --text:#0b1b30;
  --white:#fff;
  --shadow:0 24px 70px rgba(6,22,43,.12);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color:var(--text);
  background:#f7fafc;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max), calc(100% - 44px));margin-inline:auto}
.topbar{
  position:fixed; z-index:50; top:18px; left:0; right:0;
  pointer-events:none;
}
.nav{
  width:min(1180px, calc(100% - 32px));
  margin:auto;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:14px 18px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.65);
  backdrop-filter: blur(18px);
  border-radius:999px;
  box-shadow:0 16px 50px rgba(6,22,43,.10);
  pointer-events:auto;
}
.logo{display:flex;align-items:center;text-decoration:none;gap:12px;min-width:0}
.logo img{height:38px;width:auto}
.navlinks{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:750;color:#314258}
.navlinks a{text-decoration:none}
.navlinks a:hover{color:var(--cyan)}
.nav-cta{
  padding:11px 17px;border-radius:999px;background:var(--navy);color:white;text-decoration:none;
  font-weight:800;font-size:14px;white-space:nowrap;
}
.hero{
  min-height:82vh;
  position:relative;
  overflow:hidden;
  display:flex;align-items:center;
  background:
    linear-gradient(90deg, rgba(5,16,31,.88) 0%, rgba(5,16,31,.68) 38%, rgba(5,16,31,.22) 70%, rgba(5,16,31,.05) 100%),
    url("/assets/hero-geilenkirchen.jpg") center/cover no-repeat;
}
.hero:after{
  content:"";position:absolute;inset:auto 0 0 0;height:180px;
  background:linear-gradient(180deg, transparent, #f7fafc);
}
.hero-content{position:relative;z-index:2;padding:128px 0 74px;color:white;width:min(720px, 100%)}
.hero-logo{width:min(260px, 62vw); margin:0 0 34px; filter:brightness(0) invert(1) drop-shadow(0 12px 20px rgba(0,0,0,.24)); opacity:.96}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:13px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#c9f2ff;
  margin-bottom:20px;
}
.eyebrow:before{content:"";width:34px;height:2px;border-radius:99px;background:var(--cyan)}
h1{
  font-size:clamp(40px, 5.8vw, 76px);
  line-height:.94;
  letter-spacing:-.06em;
  margin:0 0 24px;
}
.lead{
  font-size:clamp(17px,1.8vw,21px);
  color:rgba(255,255,255,.84);
  max-width:760px;
  margin:0 0 32px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:28px 0 28px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:50px;padding:14px 22px;border-radius:999px;font-weight:850;text-decoration:none;
  border:1px solid transparent;
}
.btn-primary{background:var(--cyan);color:var(--navy)}
.btn-secondary{background:rgba(255,255,255,.12);color:white;border-color:rgba(255,255,255,.28);backdrop-filter:blur(14px)}
.trust{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;
}
.trust span{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  color:rgba(255,255,255,.88);
  padding:9px 12px;border-radius:999px;font-size:13px;font-weight:700;
}
.dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);display:inline-block}
.section{padding:92px 0}
.section-tight{padding:68px 0}
.section-head{display:grid;grid-template-columns: .8fr 1.2fr;gap:44px;align-items:end;margin-bottom:38px}
.kicker{color:var(--cyan);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:13px;margin-bottom:14px}
h2{font-size:clamp(36px,5vw,64px);letter-spacing:-.05em;line-height:1;margin:0;color:var(--navy)}
.section-head p{font-size:19px;color:var(--muted);margin:0}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;
  box-shadow:0 14px 40px rgba(6,22,43,.06);
  min-height:238px;
  transition:.25s ease;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.icon{
  width:54px;height:54px;border-radius:18px;background:var(--cyan-2);display:grid;place-items:center;
  color:var(--cyan);font-weight:950;font-size:24px;margin-bottom:22px;
}
.card h3{font-size:22px;letter-spacing:-.02em;color:var(--navy);margin:0 0 10px}
.card p{color:var(--muted);margin:0;font-size:16px}
.split{
  display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch;
}
.panel{
  background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);overflow:hidden;
}
.panel-text{padding:46px}
.panel-text p{color:var(--muted);font-size:18px;margin:0 0 22px}
.checklist{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:13px}
.checklist li{display:flex;gap:12px;align-items:flex-start;color:#334155;font-weight:650}
.checklist li:before{content:"";width:20px;height:20px;flex:0 0 20px;border-radius:50%;margin-top:3px;background:var(--cyan);box-shadow:inset 0 0 0 6px #bcefff}
.visual-panel{
  min-height:520px;
  background:
    linear-gradient(180deg, rgba(6,22,43,.08), rgba(6,22,43,.42)),
    url("/assets/hero-geilenkirchen.jpg") center/cover no-repeat;
  position:relative;
}
.visual-card{
  position:absolute;left:28px;right:28px;bottom:28px;background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.65);
  border-radius:26px;padding:24px;color:var(--navy);box-shadow:0 16px 50px rgba(6,22,43,.16);
}
.visual-card strong{font-size:21px;display:block;margin-bottom:6px}
.visual-card span{color:var(--muted)}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;counter-reset:step}
.step{
  position:relative;background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;min-height:190px;
}
.step:before{
  counter-increment:step;content:"0" counter(step);
  display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:var(--navy);color:white;
  font-weight:900;margin-bottom:18px;
}
.step h3{margin:0 0 8px;font-size:18px;color:var(--navy)}
.step p{margin:0;color:var(--muted);font-size:15px}
.dark{
  background:
    radial-gradient(circle at 10% 10%, rgba(0,166,224,.22), transparent 32%),
    linear-gradient(135deg, #06162b, #0b2442);
  color:white;
}
.dark h2,.dark h3{color:white}
.dark p{color:rgba(255,255,255,.76)}
.dark .card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none;color:white}
.dark .card p{color:rgba(255,255,255,.74)}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch}
.about-box{background:#fff;border:1px solid var(--line);border-radius:34px;padding:44px;box-shadow:var(--shadow)}
.about-box p{font-size:18px;color:var(--muted);margin:0 0 18px}
.region-pill{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.region-pill span{padding:10px 14px;border-radius:999px;background:#f1f7fb;border:1px solid var(--line);font-size:14px;font-weight:800;color:#334155}
.contact{
  display:grid;grid-template-columns:1fr .9fr;gap:22px;
  background:#fff;border:1px solid var(--line);border-radius:38px;box-shadow:var(--shadow);padding:28px;
}
.contact-main{padding:34px}
.contact-main h2{margin-bottom:18px}
.contact-main p{color:var(--muted);font-size:18px}
.contact-side{
  background:#f6f9fc;border:1px solid var(--line);border-radius:28px;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:14px
}
.contact-link{
  display:flex;align-items:center;gap:12px;text-decoration:none;background:white;border:1px solid var(--line);padding:16px;border-radius:18px;font-weight:850;color:var(--navy)
}
.smallnote{font-size:14px;color:var(--muted);margin-top:18px}
.footer{padding:40px 0;background:#fff;border-top:1px solid var(--line);color:#5b697b;font-size:14px}
.footer-row{display:flex;justify-content:space-between;gap:22px;align-items:center;flex-wrap:wrap}
.footer a{color:#36465a;text-decoration:none;font-weight:750;margin-left:16px}
.legal-page{padding:130px 0 80px}
.legal-box{background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);padding:52px;max-width:980px;margin:auto}
.legal-box h1{color:var(--navy);font-size:clamp(42px,6vw,72px)}
.legal-box h2{font-size:30px;margin-top:42px}
.legal-box p,.legal-box li{color:#536274;font-size:17px}
@media (max-width: 980px){
  .navlinks{display:none}
  .section-head,.split,.about-grid,.contact{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:1fr 1fr}
  .hero{background:
    linear-gradient(180deg, rgba(5,16,31,.78) 0%, rgba(5,16,31,.55) 48%, rgba(5,16,31,.86) 100%),
    url("/assets/hero-geilenkirchen-mobile.jpg") center/cover no-repeat;
  }
}
@media (max-width: 620px){
  .container{width:min(100% - 28px, var(--max))}
  .topbar{top:10px}
  .nav{border-radius:24px;padding:12px 14px}
  .logo img{height:28px}
  .nav-cta{font-size:13px;padding:9px 12px}
  .hero{min-height:680px}.hero-content{padding-top:116px;padding-bottom:64px}
  .hero-logo{width:min(230px, 62vw);margin-bottom:28px}
  .cards,.process{grid-template-columns:1fr}
  .section{padding:72px 0}
  .panel-text,.about-box,.contact-main,.legal-box{padding:30px 22px}
  .visual-panel{min-height:380px}
  .footer a{margin-left:0;margin-right:14px}
}

/* Feinschliff: Über-JPR-Airworks / Gut-geeignet-Boxen */
.about-box h2 {
  font-size: clamp(34px, 3.9vw, 54px);
  line-height: 1.03;
  letter-spacing: -0.055em;
  margin: 0 0 22px;
}

.about-box p {
  font-size: 18px;
  line-height: 1.65;
  margin: 0 0 20px;
}

.about-box .kicker {
  margin-bottom: 18px;
}

.region-pill {
  margin-top: 34px;
}

/* Auf kleineren Bildschirmen noch etwas ruhiger */
@media (max-width: 760px) {
  .about-box h2 {
    font-size: clamp(34px, 10vw, 46px);
    line-height: 1.04;
    margin-bottom: 20px;
  }

  .about-box p {
    font-size: 17px;
    line-height: 1.6;
  }
}


/* WOW-Element: Leistungen als interaktive Spotlight-Sektion */
.spotlight-section {
  padding-top: 96px;
  padding-bottom: 104px;
  background:
    radial-gradient(circle at 12% 18%, rgba(0,166,224,.08), transparent 30%),
    linear-gradient(180deg, #f7fafc 0%, #ffffff 48%, #f7fafc 100%);
}

.spotlight-head {
  align-items: start;
  margin-bottom: 34px;
}

.spotlight-grid {
  display: flex;
  min-height: 520px;
  gap: 12px;
  border-radius: 34px;
  overflow: hidden;
  background: #06162b;
  box-shadow: 0 30px 90px rgba(6,22,43,.18);
  border: 1px solid rgba(6,22,43,.08);
}

.spotlight-item {
  position: relative;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  transition: flex .55s cubic-bezier(.2,.8,.2,1), filter .35s ease;
  background-size: cover;
  background-position: center;
  isolation: isolate;
}

.spotlight-item.featured {
  flex: 2.35;
}

.spotlight-grid:hover .spotlight-item {
  flex: .82;
}

.spotlight-grid:hover .spotlight-item:hover {
  flex: 3.15;
}

.spotlight-item a {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  color: #fff;
  text-decoration: none;
  z-index: 2;
}

.spotlight-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(6,22,43,.14) 0%, rgba(6,22,43,.46) 42%, rgba(6,22,43,.88) 100%);
  z-index: 1;
  transition: background .35s ease;
}

.spotlight-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 20%, rgba(0,166,224,.22), transparent 38%),
    linear-gradient(135deg, rgba(0,166,224,.12), transparent 48%);
  z-index: 1;
  opacity: .45;
  transition: opacity .35s ease;
}

.spotlight-item:hover::after,
.spotlight-item.featured::after {
  opacity: .8;
}

.spotlight-number {
  position: absolute;
  top: 24px;
  left: 24px;
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  font-size: 13px;
  font-weight: 950;
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.28);
  backdrop-filter: blur(14px);
}

.spotlight-copy {
  position: relative;
  z-index: 3;
  max-width: 430px;
  transform: translateY(0);
  transition: transform .35s ease;
}

.spotlight-copy span {
  display: inline-flex;
  margin-bottom: 12px;
  color: #bfefff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.spotlight-copy strong {
  display: block;
  font-size: clamp(28px, 3vw, 46px);
  line-height: 1;
  letter-spacing: -.045em;
  text-shadow: 0 10px 28px rgba(0,0,0,.25);
}

.spotlight-copy p {
  max-width: 390px;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.55;
  margin: 16px 0 0;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity .35s ease, max-height .35s ease;
}

.spotlight-item.featured .spotlight-copy p,
.spotlight-item:hover .spotlight-copy p {
  opacity: 1;
  max-height: 150px;
}

.spotlight-grid:hover .spotlight-item.featured:not(:hover) .spotlight-copy p {
  opacity: 0;
  max-height: 0;
}

.spotlight-grid:hover .spotlight-item:not(:hover) .spotlight-copy {
  transform: translateY(8px);
}

.spotlight-grid:hover .spotlight-item:not(:hover) .spotlight-copy strong {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 31px;
  line-height: 1.05;
  max-height: 420px;
}

.spotlight-grid:hover .spotlight-item:not(:hover) .spotlight-copy span,
.spotlight-grid:hover .spotlight-item:not(:hover) .spotlight-number {
  opacity: .72;
}

.spotlight-note {
  margin-top: 18px;
  padding: 18px 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.82);
  border: 1px solid #dce7ef;
  color: #506174;
  box-shadow: 0 12px 34px rgba(6,22,43,.06);
}

.spotlight-note strong {
  color: #06162b;
}

/* Bildwelten der Panels – bewusst atmosphärisch, nicht als Referenzprojekt ausgeben */
.spotlight-immobilien {
  background-image:
    linear-gradient(135deg, rgba(6,22,43,.18), rgba(6,22,43,.58)),
    url("/assets/hero-geilenkirchen.jpg");
  background-position: 58% 58%;
}

.spotlight-region {
  background-image:
    linear-gradient(135deg, rgba(0,166,224,.10), rgba(6,22,43,.78)),
    url("/assets/hero-geilenkirchen.jpg");
  background-position: 38% 50%;
}

.spotlight-doku {
  background-image:
    linear-gradient(135deg, rgba(6,22,43,.08), rgba(6,22,43,.78)),
    url("/assets/hero-geilenkirchen.jpg");
  background-position: 72% 42%;
}

.spotlight-events {
  background-image:
    linear-gradient(135deg, rgba(0,166,224,.16), rgba(6,22,43,.82)),
    url("/assets/hero-geilenkirchen.jpg");
  background-position: 48% 44%;
}

.spotlight-media {
  background-image:
    linear-gradient(135deg, rgba(6,22,43,.10), rgba(6,22,43,.86)),
    url("/assets/hero-geilenkirchen.jpg");
  background-position: 82% 50%;
}

.spotlight-dach {
  background-image:
    linear-gradient(135deg, rgba(0,166,224,.08), rgba(6,22,43,.84)),
    url("/assets/hero-geilenkirchen.jpg");
  background-position: 60% 68%;
}

@media (max-width: 980px) {
  .spotlight-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: auto;
    background: transparent;
    box-shadow: none;
    border: 0;
    overflow: visible;
  }

  .spotlight-item,
  .spotlight-item.featured,
  .spotlight-grid:hover .spotlight-item,
  .spotlight-grid:hover .spotlight-item:hover {
    flex: initial;
    min-height: 360px;
    border-radius: 28px;
    box-shadow: 0 20px 55px rgba(6,22,43,.12);
  }

  .spotlight-grid:hover .spotlight-item:not(:hover) .spotlight-copy strong {
    writing-mode: initial;
    transform: none;
    font-size: clamp(28px, 3vw, 46px);
  }

  .spotlight-copy p,
  .spotlight-item.featured .spotlight-copy p,
  .spotlight-item:hover .spotlight-copy p,
  .spotlight-grid:hover .spotlight-item.featured:not(:hover) .spotlight-copy p {
    opacity: 1;
    max-height: none;
  }
}

@media (max-width: 620px) {
  .spotlight-section {
    padding-top: 72px;
    padding-bottom: 74px;
  }

  .spotlight-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .spotlight-item,
  .spotlight-item.featured {
    min-height: 330px;
  }

  .spotlight-item a {
    padding: 24px;
  }

  .spotlight-copy strong {
    font-size: 34px;
  }

  .spotlight-copy p {
    font-size: 15px;
  }
}


/* Panel-Bilder final */
.spotlight-immobilien {
  background-image:
    linear-gradient(135deg, rgba(6,22,43,.10), rgba(6,22,43,.72)),
    url("/assets/01-immobilien-exposes.png");
  background-position: center;
}

.spotlight-region {
  background-image:
    linear-gradient(135deg, rgba(0,166,224,.08), rgba(6,22,43,.76)),
    url("/assets/02-regionale-projekte.png");
  background-position: center;
}

.spotlight-doku {
  background-image:
    linear-gradient(135deg, rgba(6,22,43,.10), rgba(6,22,43,.78)),
    url("/assets/03-dokumentation-baufortschritt.png");
  background-position: center;
}

.spotlight-events {
  background-image:
    linear-gradient(135deg, rgba(0,166,224,.10), rgba(6,22,43,.76)),
    url("/assets/04-events-vereine.png");
  background-position: center;
}

.spotlight-media {
  background-image:
    linear-gradient(135deg, rgba(6,22,43,.12), rgba(6,22,43,.78)),
    url("/assets/05-website-social-media-presse.png");
  background-position: center;
}

.spotlight-dach {
  background-image:
    linear-gradient(135deg, rgba(0,166,224,.08), rgba(6,22,43,.78)),
    url("/assets/06-dach-gebaeude-ueberblick.png");
  background-position: center;
}

/* Panel-Labels entfernt: Headline bekommt mehr Luft */
.spotlight-copy strong {
  margin-top: 0;
}


/* FINAL FIX: Spotlight-Typografie und Lesbarkeit */
.spotlight-copy span {
  display: none !important;
}

/* Grundzustand: erstes Panel offen, alle anderen sauber vertikal */
.spotlight-item:not(.featured) .spotlight-copy strong {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: clamp(30px, 2.45vw, 42px);
  line-height: 1.04;
  letter-spacing: -0.035em;
  max-height: 430px;
  white-space: normal;
}

.spotlight-item:not(.featured) .spotlight-copy p {
  display: none !important;
}

/* Erstes Panel im Startzustand sauber lesbar */
.spotlight-item.featured .spotlight-copy strong {
  writing-mode: horizontal-tb;
  transform: none;
  font-size: clamp(34px, 3vw, 50px);
  line-height: 1.02;
  max-height: none;
}

.spotlight-item.featured .spotlight-copy p {
  display: block !important;
  opacity: 1;
  max-height: 180px;
}

/* Wenn über die gesamte Leiste gehovert wird: nicht aktive Panels bleiben sauber vertikal */
.spotlight-grid:hover .spotlight-item:not(:hover) .spotlight-copy strong {
  writing-mode: vertical-rl !important;
  transform: rotate(180deg) !important;
  font-size: clamp(30px, 2.45vw, 42px) !important;
  line-height: 1.04;
  max-height: 430px;
  white-space: normal;
}

.spotlight-grid:hover .spotlight-item:not(:hover) .spotlight-copy p {
  display: none !important;
  opacity: 0 !important;
  max-height: 0 !important;
}

/* Aktives Hover-Panel: normal, groß, lesbar */
.spotlight-item:hover .spotlight-copy strong,
.spotlight-grid:hover .spotlight-item:hover .spotlight-copy strong {
  writing-mode: horizontal-tb !important;
  transform: none !important;
  font-size: clamp(34px, 3vw, 50px) !important;
  line-height: 1.02 !important;
  max-height: none !important;
  white-space: normal !important;
}

.spotlight-item:hover .spotlight-copy p,
.spotlight-grid:hover .spotlight-item:hover .spotlight-copy p {
  display: block !important;
  opacity: 1 !important;
  max-height: 190px !important;
}

/* Etwas mehr Luft, damit nichts an den Rand klebt */
.spotlight-item a {
  padding: 34px 30px;
}

.spotlight-number {
  z-index: 4;
}

/* Bei sehr schmalen geschlossenen Panels Text etwas kompakter */
.spotlight-grid:hover .spotlight-item:not(:hover) .spotlight-copy {
  transform: translateY(0) !important;
}

/* Mobil: keine vertikale Schrift, alles als normale Karten */
@media (max-width: 980px) {
  .spotlight-item:not(.featured) .spotlight-copy strong,
  .spotlight-grid:hover .spotlight-item:not(:hover) .spotlight-copy strong,
  .spotlight-item:hover .spotlight-copy strong {
    writing-mode: horizontal-tb !important;
    transform: none !important;
    font-size: clamp(30px, 7vw, 42px) !important;
    max-height: none !important;
  }

  .spotlight-item:not(.featured) .spotlight-copy p,
  .spotlight-grid:hover .spotlight-item:not(:hover) .spotlight-copy p,
  .spotlight-item:hover .spotlight-copy p {
    display: block !important;
    opacity: 1 !important;
    max-height: none !important;
  }
}

/* Feinschliff: Text neben "Aus der Luft. Mit klarem Zweck." optisch tiefer ausrichten */
.spotlight-head {
  align-items: end !important;
}

.spotlight-head p {
  margin-bottom: 6px;
}