/* Existing palette and background are inherited without replacement. */
.nanil-about{padding-top:140px;padding-bottom:64px;display:grid;gap:28px}
.nanil-about section>p{margin-top:24px}
.nanil-about-grid,.nanil-about-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:20px}
.nanil-about-values{grid-template-columns:repeat(3,minmax(0,1fr))}
.nanil-about-card{display:flex;flex-direction:column;gap:20px;height:100%;min-width:0;overflow-wrap:anywhere}
.nanil-about-team{display:grid;gap:28px}
.nanil-about-person{box-shadow:0 18px 48px rgba(0,0,0,.2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nanil-about-portrait{display:block;width:100%;max-width:320px;aspect-ratio:3/4;height:auto;object-fit:cover;object-position:center 30%;border-radius:18px;margin:0 auto}
.nanil-about-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:700px;width:100%;margin:8px auto 0}
.nanil-about-actions>a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:14px 20px;text-align:center}
main a.btn-primary-echo,main button.btn-primary-echo,main a.glass.rounded-full{min-height:56px;min-width:min(260px,100%);justify-content:center;text-align:center;box-sizing:border-box;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
main .grid{align-items:stretch;grid-auto-rows:1fr}
main .grid>.glass{height:100%;min-width:0}
button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:4px}
/* Compact footer: keep every destination and the existing glass treatment. */
footer.relative{padding-top:12px;padding-bottom:12px}
footer.relative>div>.glass{padding:16px 20px}
footer.relative .grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.3fr);gap:20px;align-items:start}
footer.relative .grid>div{grid-column:auto;min-width:0}
footer.relative .grid p{margin-top:8px}
footer.relative h4{font-size:10px;line-height:1.5}
footer.relative h4.mt-5{margin-top:12px}
footer.relative ul{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:6px}
footer.relative ul>li{margin:0!important}
footer.relative li>a{display:inline-flex;align-items:center;min-height:24px;line-height:1.5}
footer.relative .border-t{margin-top:12px;padding-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px}
footer.relative .border-t>p{margin:0;line-height:1.5}
@media(max-width:767px){footer.relative>div>.glass{padding:16px}footer.relative .grid{grid-template-columns:1fr;gap:14px}footer.relative .grid>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}footer.relative .grid>div:first-child>p{margin:0}footer.relative ul{gap:2px 16px}footer.relative .border-t{gap:6px}}
@media(max-width:640px){.nanil-about{padding-top:120px}.nanil-about-grid,.nanil-about-values,.nanil-about-actions{grid-template-columns:1fr}main a.btn-primary-echo,main a.glass.rounded-full{width:100%}}
/* Farb-Balance 2026-09-22 (Freigabe Nazan): Cyan/Teal dominant,
   gedecktes Dunkel-Lila (#4B3A8C/#3A2B70) statt grell Violett #6F55F7 / Magenta #A65CFF.
   Nachtrag gleicher Tag: als SCHRIFT war Dunkel-Lila auf dunklem Grund
   unlesbar — der Verlauf endet deshalb auf lesbarem Indigo #8676E6;
   Dunkel-Lila bleibt fuer Orb-Funken, Glows und Button-Schatten. */
.text-gradient{background:linear-gradient(120deg,#26d7ea 0%,#13afc1 45%,#6a5fbe 82%,#8676e6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-primary-echo{background:linear-gradient(135deg,rgba(19,175,193,.85),rgba(38,215,234,.6) 55%,rgba(75,58,140,.55));box-shadow:0 8px 28px rgba(75,58,140,.3),inset 0 1px #ffffff38}
.btn-primary-echo:hover{box-shadow:0 10px 34px rgba(75,58,140,.45),0 0 26px #26d7ea40,inset 0 1px #ffffff4d}
/* Anker-Spruenge (23.09.): fixe Glas-Navbar ueberdeckte die Ueberschrift
   der angesprungenen Sektion — Abstand nach oben beim Scrollen. */
section[id]{scroll-margin-top:100px}