:root{
  --radius-xl: 1.25rem;
  --radius-lg: 1rem;
  --glass-blur: 18px;

  /* LIGHT MODE = nordisch (kühler, freundlicher) */
  --nord-1: rgba(56, 121, 160, .22);   /* slate blue glow */
  --nord-2: rgba(132, 191, 199, .18);  /* seafoam */
  --nord-3: rgba(210, 222, 232, .22);  /* fog */

  /* Accent im Light Mode: eher kühl statt warm */
  --accent-strong: rgba(56, 121, 160, 1);
  --accent-soft: rgba(56, 121, 160, .14);

  --glass-bg: rgba(255,255,255,.62);
  --glass-border: rgba(0,0,0,.08);
  --glass-highlight: rgba(255,255,255,.68);

  --shadow: 0 22px 90px rgba(0,0,0,.12);
  --shadow-soft: 0 14px 45px rgba(0,0,0,.10);

  --muted: rgba(0,0,0,.62);
}

html[data-bs-theme="dark"]{
  --glass-bg: rgba(14,16,24,.46);
  --glass-border: rgba(255,255,255,.10);
  --glass-highlight: rgba(255,255,255,.10);

  --shadow: 0 28px 120px rgba(0,0,0,.55);
  --shadow-soft: 0 18px 70px rgba(0,0,0,.45);

  --muted: rgba(255,255,255,.68);

  /* DARK MODE darf ruhig etwas wärmer bleiben */
  --warm-1: rgba(255, 167, 123, .22);
  --warm-2: rgba(255, 214, 170, .16);
  --cool-1: rgba(69, 190, 170, .14);
}

/* Background: LIGHT = nordisch, clean */
body{
  min-height: 100vh;
  background:
    radial-gradient(900px 520px at 12% 0%, var(--nord-1), transparent 60%),
    radial-gradient(900px 520px at 90% 10%, var(--nord-2), transparent 60%),
    radial-gradient(900px 520px at 50% 115%, var(--nord-3), transparent 62%),
    linear-gradient(180deg, #fbfcfe, #f3f6fa);
}
html[data-bs-theme="dark"] body{
  background:
    radial-gradient(1000px 640px at 12% 0%, var(--warm-1), transparent 60%),
    radial-gradient(900px 620px at 90% 10%, var(--cool-1), transparent 60%),
    radial-gradient(1000px 700px at 50% 115%, var(--warm-2), transparent 60%),
    linear-gradient(180deg, #0b0f18, #070a10);
}

/* Glass base */
.glass{
  position: relative;
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-xl);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  box-shadow: var(--shadow);
  overflow: hidden;
}
.glass::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events:none;
  background:
    radial-gradient(760px 220px at 12% 0%, var(--glass-highlight), transparent 55%),
    radial-gradient(520px 220px at 92% 10%, rgba(255,255,255,.20), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 50%);
  opacity: .55;
}
html[data-bs-theme="dark"] .glass::before{ opacity: .30; }

/* Navbar */
.nav-glass{
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: rgba(255,255,255,.70);
  border-bottom: 1px solid rgba(0,0,0,.06);
}
html[data-bs-theme="dark"] .nav-glass{
  background: rgba(12,14,22,.58);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.brand-dot{
  width: 10px; height: 10px; border-radius: 999px;
  background: var(--accent-strong);
  display: inline-block;
}

.navbar-logo{
  display:block;
  width:28px;
  height:28px;
  object-fit:contain;
}

/* Pills */
.pill{
  display:inline-flex;
  align-items:center;
  padding:.45rem .75rem;
  border-radius: 999px;
  font-size: .9rem;
  letter-spacing: .01em;
}
.pill-soft{
  background: var(--accent-soft);
  border: 1px solid rgba(56,121,160,.20);
  color: inherit;
}

/* Hero blobs */
.hero-section{ position: relative; }
.hero-bg{ position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.blob{
  position:absolute;
  width: 520px; height: 520px;
  filter: blur(30px);
  opacity: .55;
  border-radius: 999px;
}
.blob-a{ left: -140px; top: -160px; background: rgba(56,121,160,.22); }
.blob-b{ right: -160px; top: -130px; background: rgba(132,191,199,.18); }

.hero-underline{
  display:block;
  height: 10px;
  width: 190px;
  margin-top: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(56,121,160,.42), rgba(132,191,199,.18), transparent);
}

/* Hero in Glass-Kasten + Hintergrundlogo */
.hero-text-only{
  position: relative;
  overflow: hidden;
}

.hero-glass{
  position: relative;
  overflow: hidden; /* Logo bleibt im Kasten, wirkt edel */
}

.hero-bg{
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.hero-bg-logo{
  position: absolute;
  right: -12%;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  width: 72vw;
  max-width: 980px;
  opacity: 0.055;
  filter: blur(7px);
  will-change: transform, opacity;
}

/* Dark Mode: bisschen stärker sichtbar */
html[data-bs-theme="dark"] .hero-bg-logo{
  opacity: 0.085;
  filter: blur(9px);
}

.hero-content{
  position: relative;
  z-index: 1;
  max-width: 920px;
}

/* Mobile: Logo größer, mehr "fog", weniger Dominanz */
@media (max-width: 575.98px){
  .hero-bg-logo{
    width: 120vw;
    right: -35%;
    opacity: 0.045;
  }
}

/* Mobile Feinschliff */
@media (max-width: 575.98px){
  .hero-bg-logo{
    width: 110vw;
    right: -30%;
    opacity: 0.04;
  }
}

.chip{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.35rem .7rem;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.55);
  color: var(--muted);
}
html[data-bs-theme="dark"] .chip{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
}

/* Cards */
.glass-card{
  position: relative;
  border-radius: var(--radius-xl);
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(0,0,0,.08);
  backdrop-filter: blur(var(--glass-blur));
  -webkit-backdrop-filter: blur(var(--glass-blur));
  box-shadow: 0 14px 45px rgba(0,0,0,.10);
  overflow: hidden;
}
html[data-bs-theme="dark"] .glass-card{
  background: rgba(14,16,24,.44);
  border: 1px solid rgba(255,255,255,.10);
}
.glass-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: inherit;
  pointer-events:none;
  background:
    radial-gradient(760px 190px at 14% 0%, rgba(255,255,255,.50), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 55%);
  opacity: .52;
}
html[data-bs-theme="dark"] .glass-card::before{ opacity: .26; }

/* Hover lift */
.lift{ transition: transform .18s ease, box-shadow .18s ease; }
@media (hover:hover){
  .lift:hover{ transform: translateY(-3px); box-shadow: 0 26px 90px rgba(0,0,0,.16); }
  html[data-bs-theme="dark"] .lift:hover{ box-shadow: 0 30px 120px rgba(0,0,0,.65); }
}

/* Icon pill */
.icon-pill{
  width: 44px; height: 44px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(56,121,160,.10);
  border: 1px solid rgba(56,121,160,.14);
}

/* Media */
.media-card{
  border-radius: var(--radius-xl);
  min-height: 260px;
}

/* Default: 
.project-thumb{
  position: relative;
  height: 170px;
  overflow: hidden;
}

.project-thumb.is-logo{
  height: 240px;              /* WICHTIG */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  overflow: visible;
  background: rgba(255,255,255,.65);
}

html[data-bs-theme="dark"] .project-thumb.is-logo{
  background: rgba(255,255,255,.06);
}



.media-badge{
  position: absolute;
  left: 12px;
  bottom: 12px;
  padding: .4rem .65rem;
  border-radius: 999px;
  font-size: .85rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(0,0,0,.08);
}
html[data-bs-theme="dark"] .media-badge{
  background: rgba(14,16,24,.62);
  border: 1px solid rgba(255,255,255,.10);
}

/* Tags */
.tag{
  display:inline-flex;
  align-items:center;
  padding:.28rem .6rem;
  border-radius: 999px;
  font-size: .82rem;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.55);
  color: rgba(0,0,0,.72);
}
html[data-bs-theme="dark"] .tag{
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.78);
}

/* About */
.badge-pill{ border-radius: 999px; padding: .5rem .7rem; color:grey; }

/* Contact */
.contact-form-only{
  border-radius: 22px;
}
.contact-head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
@media (max-width: 575.98px){
  .contact-form-only{ padding: 1.1rem !important; }
}

/* Contact polish */
.contact-form-only{
  border-radius: 24px;
}

.contact-head{
  display:flex;
  align-items:flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
html[data-bs-theme="dark"] .contact-head{
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Submit button micro-interaction */
#submitBtn{
  min-width: 210px;
}

/* Inputs */
.form-control-modern{
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: none;
  min-height: 54px;
  background: rgba(255,255,255,.74);
}
html[data-bs-theme="dark"] .form-control-modern{
  border: 1px solid rgba(255,255,255,.14);
  background-color: rgba(255,255,255,.05);
}
.form-control-modern:focus{
  border-color: rgba(56,121,160,.55);
  box-shadow: 0 0 0 .25rem rgba(56,121,160,.14);
}
.form-floating > .form-control-modern,
.form-floating > .form-control-modern:focus{
  padding-top: 1.15rem;
  padding-bottom: .75rem;
}
.form-floating > label{ padding-left: 1rem; color: rgba(0,0,0,.55); }
html[data-bs-theme="dark"] .form-floating > label{ color: rgba(255,255,255,.60); }

.input-group-modern .input-group-text{
  border-radius: 16px 0 0 16px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(56,121,160,.10);
}
html[data-bs-theme="dark"] .input-group-modern .input-group-text{
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,139,92,.14);
  color: rgba(255,255,255,.85);
}
.input-group-modern .form-control-modern{ border-radius: 0 16px 16px 0; }

.form-check-modern .form-check-input{
  width: 1.15em; height: 1.15em;
  border-radius: .35em;
}
.form-check-modern .form-check-input:focus{
  box-shadow: 0 0 0 .25rem rgba(56,121,160,.14);
}

/* Status dot */
.status-dot{
  width: 10px; height: 10px;
  border-radius: 999px;
  background: rgba(108,117,125,.55);
  box-shadow: 0 0 0 7px rgba(108,117,125,.12);
}

/* Theme Toggle – mobile polish */
@media (max-width: 991.98px){
  /* Abstand im Mobile-Menü */
  .navbar-nav .theme-btn{
    margin-top: .5rem;
  }

  /* Button wirkt wie Icon-Button, nicht wie Formular-Button */
  .navbar-nav .theme-btn{
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 14px;
    display: grid;
    place-items: center;
    border-color: transparent;
    background: rgba(0,0,0,.04);
  }

  html[data-bs-theme="dark"] .navbar-nav .theme-btn{
    background: rgba(255,255,255,.08);
  }

  .navbar-nav .theme-btn i{
    font-size: 1.1rem;
  }
}

/* Divider */
.section-divider{
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.10), transparent);
}
html[data-bs-theme="dark"] .section-divider{
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
}

/* Footer */
.footer{ border-top: 1px solid rgba(0,0,0,.06); }
html[data-bs-theme="dark"] .footer{ border-top: 1px solid rgba(255,255,255,.08); }

/* Cookie */
.cookie-banner{
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 1080;
  display: none;
}
.cookie-inner{
  max-width: 980px;
  margin: 0 auto;
  padding: 12px 14px;
  border-radius: 14px;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.cookie-text{ font-size: .95rem; }
.cookie-actions{ display:flex; gap:8px; flex-wrap: wrap; }

/* Reveal */
.reveal{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .35s ease, transform .35s ease;
}
.reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .reveal{ transition: none; opacity: 1; transform: none; }
  .lift{ transition: none; }
}

/* ===== MODALS ===== */
.modal-sheet{ border-radius: 22px; }
.modal-structured{ box-shadow: 0 45px 180px rgba(0,0,0,.22); }
html[data-bs-theme="dark"] .modal-structured{ box-shadow: 0 65px 240px rgba(0,0,0,.72); }

.modal-header{
  padding: 1.15rem 1.15rem .85rem 1.15rem;
}
.modal-body{
  padding: 0 1.15rem 1.15rem 1.15rem;
}
.modal-footer{
  padding: .9rem 1.15rem 1.15rem 1.15rem;
}

.modal-header-grid{
  display:grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: start;
}

.modal-header-divider{
  margin-top: 14px;
  height: 1px;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(0,0,0,.10), transparent);
}
html[data-bs-theme="dark"] .modal-header-divider{
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.12), transparent);
}

.modal-eyebrow{
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: rgba(56,121,160,.92);
}
html[data-bs-theme="dark"] .modal-eyebrow{
  color: rgba(255,167,123,.82);
}

/* Close button */
.btn-modal-close{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.60);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: transform .15s ease, background .15s ease;
  margin-top: 2px;
}
.btn-modal-close i{ font-size: 1.05rem; opacity: .78; position: relative; z-index: 2; }
.btn-modal-close:hover{ transform: translateY(-1px); background: rgba(255,255,255,.75); }
html[data-bs-theme="dark"] .btn-modal-close{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
}
html[data-bs-theme="dark"] .btn-modal-close:hover{
  background: rgba(255,255,255,.10);
}

/* subtle ring: light = nordisch */
.close-ring{
  position: absolute;
  inset: 7px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 30% 20%, rgba(56,121,160,.18), transparent 60%),
    radial-gradient(circle at 90% 40%, rgba(132,191,199,.14), transparent 60%);
  opacity: .9;
  z-index: 1;
}
html[data-bs-theme="dark"] .close-ring{
  background:
    radial-gradient(circle at 30% 20%, rgba(255,139,92,.20), transparent 60%),
    radial-gradient(circle at 90% 40%, rgba(69,190,170,.14), transparent 60%);
  opacity: .65;
}

/* Project Modal – cooler, ruhiger, hochwertiger */
.modal-sheet{
  border-radius: 26px;
  overflow: hidden;
}

.modal-header-grid{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: start;
}

.modal-head-right{
  display: grid;
  gap: 10px;
  justify-items: end;
}

.modal-header-divider{
  height: 1px;
  width: 100%;
  margin-top: 14px;
  background: rgba(0,0,0,.06);
}
html[data-bs-theme="dark"] .modal-header-divider{
  background: rgba(255,255,255,.08);
}

.modal-close{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.55);
  color: inherit;
}
html[data-bs-theme="dark"] .modal-close{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
}
.modal-close:hover{
  transform: translateY(-1px);
}
.modal-close:active{
  transform: translateY(0);
}

/* grid */
.project-modal-grid{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items: stretch;
}

.project-modal-media{
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  min-height: 420px;
  border: 1px solid rgba(0,0,0,.06);
}
html[data-bs-theme="dark"] .project-modal-media{
  border: 1px solid rgba(255,255,255,.08);
}

.project-media-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.project-media-sheen{
  position:absolute;
  inset:0;
  background: radial-gradient(1200px 500px at 30% 15%, rgba(255,255,255,.35), transparent 55%);
  mix-blend-mode: soft-light;
  pointer-events:none;
  opacity:.65;
}
html[data-bs-theme="dark"] .project-media-sheen{
  opacity:.45;
}

.project-media-caption{
  position:absolute;
  left: 14px;
  bottom: 14px;
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(0,0,0,.07);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  font-size: .9rem;
}
html[data-bs-theme="dark"] .project-media-caption{
  background: rgba(20,22,32,.55);
  border: 1px solid rgba(255,255,255,.10);
}

.project-media-caption .dot{
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: rgba(56,121,160,.85);
  box-shadow: 0 0 0 6px rgba(56,121,160,.14);
}

/* Content */
.project-modal-content{
  padding: 6px 4px;
}

.pm-section{
  padding: 14px 14px;
  border-radius: 18px;
  background: rgba(255,255,255,.38);
  border: 1px solid rgba(0,0,0,.05);
  margin-bottom: 12px;
}
html[data-bs-theme="dark"] .pm-section{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

.pm-label{
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 8px;
}

.pm-body p:last-child{ margin-bottom: 0; }

.pm-bullets{
  padding-left: 1.1rem;
  margin: 0;
}
.pm-bullets li{
  margin: .35rem 0;
}

/* Tags in header (use existing .tag class if you have one) */
#pmTags .tag{
  border-radius: 999px;
  padding: .35rem .6rem;
  font-size: .85rem;
}

/* Mobile */
@media (max-width: 991.98px){
  .project-modal-grid{
    grid-template-columns: 1fr;
  }
  .project-modal-media{
    min-height: 260px;
  }
  .modal-header-grid{
    grid-template-columns: 1fr;
  }
  .modal-head-right{
    justify-items: start;
  }
}

/* Legal modal – Tabs + Content wie "Paper" */
#legalModal .modal-body{
  padding-bottom: 18px;
}

.tabs-underline-wrap{
  position: sticky;
  top: 0;
  z-index: 2;
  padding-top: 10px;
  background: transparent;
}

/* Tabs: weniger "Bootstrap", mehr studio:hesse */
.tabs-underline{
  gap: 8px;
  padding: 6px;
  border-radius: 18px;
  background: rgba(255,255,255,.38);
  border: 1px solid rgba(0,0,0,.06);
}
html[data-bs-theme="dark"] .tabs-underline{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

.tabs-underline .nav-link{
  border-radius: 14px;
  border: 1px solid transparent;
  color: inherit;
  padding: .55rem .85rem;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.tabs-underline .nav-link:hover{
  background: rgba(0,0,0,.04);
}
html[data-bs-theme="dark"] .tabs-underline .nav-link:hover{
  background: rgba(255,255,255,.06);
}

.tabs-underline .nav-link.active{
  background: rgba(255,255,255,.70);
  border-color: rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
html[data-bs-theme="dark"] .tabs-underline .nav-link.active{
  background: rgba(20,22,32,.55);
  border-color: rgba(255,255,255,.10);
  box-shadow: 0 10px 30px rgba(0,0,0,.32);
}

/* Legal Content "Paper" */
.legal-content{
  border-radius: 20px;
  padding: 16px 16px;
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(0,0,0,.06);
}
html[data-bs-theme="dark"] .legal-content{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

/* Typografie für geladenes HTML */
.legal-content h1, .legal-content h2, .legal-content h3{
  font-weight: 650;
  letter-spacing: -0.01em;
  margin-top: 1.0rem;
}
.legal-content h2{ font-size: 1.15rem; }
.legal-content h3{ font-size: 1.02rem; }

.legal-content p, .legal-content li{
  line-height: 1.6;
}

.legal-content a{
  text-decoration: none;
  border-bottom: 1px solid rgba(56,121,160,.35);
}
.legal-content a:hover{
  border-bottom-color: rgba(56,121,160,.75);
}

/* Mobile: Tabs vollflächiger */
@media (max-width: 575.98px){
  .tabs-underline{
    width: 100%;
    justify-content: space-between;
  }
  .tabs-underline .nav-link{
    flex: 1 1 auto;
    justify-content: center;
  }
}



/* Backdrop */
.modal-backdrop.show{ opacity: .62; }

/* Projekt-Teaser als Logo: nicht croppen, sondern komplett zeigen */
.project-thumb.is-logo{
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(255,255,255,.55);
}

html[data-bs-theme="dark"] .project-thumb.is-logo{
  background: rgba(255,255,255,.06);
}

.project-logo{
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  object-fit: contain;
  display: block;
}

/* Wenn du willst: auf sehr kleinen Screens etwas kleiner */
@media (max-width: 575.98px){
  .project-logo{ max-height: 96px; }
}