/* Original editorial light/dark composition, unified violet palette. */
/*
  ma.css – MarioAlka Luxury Theme (Dark/Gold) – 2026 refresh
  ----------------------------------------------------------
  Ziel: "krasser" (modern luxury) ohne das Basis-Framework (style.css) anzufassen.
  Dieses File überschreibt gezielt nur Look&Feel.

  Hinweise:
  - Wir nutzen CSS-Variablen für konsistente Farben/Spacing.
  - Header wird deutlich kompakter.
  - Mobile-Menü wirkt wie ein echtes Overlay/Drawer.
*/

:root{
  /* Colors */
  --lux-bg: #050607;              /* near-black */
  --lux-bg-2: #0b0d10;            /* elevated surfaces */
  --lux-text: rgba(255,255,255,.86);
  --lux-muted: rgba(255,255,255,.60);
  --lux-border: rgba(255,255,255,.10);

  /* Gold: modern “champagne” */
  --lux-gold: #8066b3;
  --lux-gold-2: #b39ae6;
  --lux-gold-3: #5a408f;
  --lux-gold-glow: rgba(128,102,179,.35);

  /* Typography */
  --lux-font: 'Open Sans', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --lux-tracking: .12em;

  /* Layout */
  --lux-container: 1180px;
  --lux-radius: 18px;
  --lux-radius-sm: 12px;
  --lux-shadow: 0 22px 60px rgba(0,0,0,.55);
  --lux-shadow-soft: 0 14px 40px rgba(0,0,0,.35);
}

/* Base */
html{ scroll-behavior:smooth; }
body{
  background:
    radial-gradient(1200px 600px at 15% -10%, rgba(180,180,180,.10), transparent 55%),
    radial-gradient(900px 500px at 90% 10%, rgba(120,120,120,.07), transparent 60%),
    linear-gradient(180deg, var(--lux-bg) 0%, #07090b 55%, #050607 100%);
  color: var(--lux-text);
  font-family: var(--lux-font);
  line-height: 1.65;
  font-weight: 400;
  font-size: 17px;
}

/* Keep the framework container, but tighten the feel */
.container{ max-width: var(--lux-container); }

/* Headings: more premium contrast + spacing */
h1,h2,h3,h4,h5,h6{
  color: rgba(255,255,255,.92);
  letter-spacing: -0.02em;
}

h1{
  font-size: clamp(34px, 3.2vw, 56px);
  line-height: 1.08;
  font-weight: 800;
  margin-top: 0;
}

h2{
  font-size: clamp(26px, 2.4vw, 40px);
  font-weight: 700;
  margin-top: 0;
  line-height: 1.12;
}

p{
  letter-spacing: .02em; /* vorher 1px -> wir machen es subtiler */
  color: var(--lux-text);
}

strong{ color: rgba(255,255,255,.92); font-weight: 700; }

a{ color: rgba(255,255,255,.84); text-underline-offset: 3px; }
a:hover{ color: #fff; }

/* Small luxury kicker text */
.vorueberschrift{
  color: var(--lux-gold-2);
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .28em;
  text-transform: uppercase;
}

/* Content spacing */
.p60{ padding-top: 70px; padding-bottom: 70px; }

/*
  Content area should be light (eggshell) while header/footer remain dark.
  We scope typography overrides to the content container.
*/
#tri_content,
.tri_content{
  background: #ffffff; /* white */
  color: #1d1f22;
}

#tri_content a,
.tri_content a{
  color: #2b2f36;
  text-decoration: none; /* avoid default mobile underlines everywhere */
}
#tri_content a:hover,
.tri_content a:hover{
  color: #000;
  text-decoration: none;
}

/* extra safety: cards should never show link underlines */
#tri_content a.ma-project,
.tri_content a.ma-project,
#tri_content a.ma-project * ,
.tri_content a.ma-project *{
  text-decoration: none !important;
}

#tri_content p,
.tri_content p{ color: #2a2e35; }

#tri_content h1,
#tri_content h2,
#tri_content h3,
#tri_content h4,
#tri_content h5,
#tri_content h6,
.tri_content h1,
.tri_content h2,
.tri_content h3,
.tri_content h4,
.tri_content h5,
.tri_content h6{
  color: #0f1114;
}

#tri_content strong,
.tri_content strong{ color: #0f1114; }

/* Cards inside light content */
#tri_content .card,
.tri_content .card{
  background: #ffffff;
  border: 1px solid rgba(15,17,20,.10);
  box-shadow: 0 16px 45px rgba(0,0,0,.10);
}

/* ----------------------------------------------------------
   Startseite (templatemodule/startseite.php)
   ---------------------------------------------------------- */

/* Utility */
.ma-kicker{
  display: inline-block;
  color: #8066b3;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.ma-muted{ color: rgba(15,17,20,.70) !important; }
.ma-note{ color: rgba(15,17,20,.65); font-size: 14px; }

/* Hero */
#tri_content .ma-hero,
.tri_content .ma-hero{
  margin: 0 0 46px 0;
  padding: 46px 0 28px 0;
  border-bottom: 1px solid rgba(15,17,20,.08);
  background:
    radial-gradient(900px 500px at 5% 0%, rgba(120,120,120,.10), transparent 55%),
    radial-gradient(900px 500px at 95% 15%, rgba(0,0,0,.06), transparent 60%);
}

#tri_content .ma-hero__grid,
.tri_content .ma-hero__grid{
  max-width: var(--lux-container);
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1.3fr .9fr;
  gap: 28px;
  align-items: start;
}

#tri_content .ma-hero__title,
.tri_content .ma-hero__title{
  margin: 12px 0 14px 0;
  font-size: clamp(34px, 3.2vw, 58px);
  line-height: 1.05;
  letter-spacing: -0.03em;
}

#tri_content .ma-hero__lead,
.tri_content .ma-hero__lead{
  font-size: 18px;
  line-height: 1.65;
  color: rgba(15,17,20,.78);
  max-width: 62ch;
}

#tri_content .ma-hero__cta,
.tri_content .ma-hero__cta{
  margin-top: 18px;
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}

#tri_content .ma-link,
.tri_content .ma-link{
  color: rgba(15,17,20,.72);
  text-decoration: none;
  border-bottom: 1px solid rgba(15,17,20,.25);
  padding-bottom: 2px;
}
#tri_content .ma-link:hover,
.tri_content .ma-link:hover{
  color: #000;
  border-bottom-color: rgba(128,102,179,.65);
}

#tri_content .ma-proof,
.tri_content .ma-proof{
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

#tri_content .ma-proof__item,
.tri_content .ma-proof__item{
  background: #fff;
  border: 1px solid rgba(15,17,20,.12);
  border-radius: 16px;
  padding: 14px 14px;
  box-shadow: 0 18px 55px rgba(0,0,0,.10);
}

#tri_content .ma-proof__value,
.tri_content .ma-proof__value{
  font-weight: 850;
  letter-spacing: -0.02em;
  font-size: 16px;
  color: #0f1114;
}
#tri_content .ma-proof__label,
.tri_content .ma-proof__label{
  margin-top: 2px;
  font-size: 12px;
  color: rgba(15,17,20,.68);
}

#tri_content .ma-portrait,
.tri_content .ma-portrait{
  background: linear-gradient(180deg, rgba(120,120,120,.14), rgba(0,0,0,.04));
  border: 1px solid rgba(15,17,20,.10);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(0,0,0,.14);
}
#tri_content .ma-portrait img,
.tri_content .ma-portrait img{
  width: 100%;
  display: block;
}

#tri_content .ma-quote,
.tri_content .ma-quote{
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(15,17,20,.10);
  background: rgba(255,255,255,.80);
}
#tri_content .ma-quote__text,
.tri_content .ma-quote__text{
  color: rgba(15,17,20,.86);
  font-weight: 650;
  line-height: 1.45;
}
#tri_content .ma-quote__author,
.tri_content .ma-quote__author{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(15,17,20,.60);
}

/* Sections */
#tri_content .ma-section,
.tri_content .ma-section{
  padding: 44px 0;
  border-bottom: 1px solid rgba(15,17,20,.08);
}
#tri_content .ma-section__inner,
.tri_content .ma-section__inner{
  max-width: var(--lux-container);
  margin: 0 auto;
  padding: 0 20px;
}
#tri_content .ma-section__head,
.tri_content .ma-section__head{
  max-width: 78ch;
}
#tri_content .ma-section__foot,
.tri_content .ma-section__foot{
  margin-top: 18px;
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}

/* Cards grid */
#tri_content .ma-cards,
.tri_content .ma-cards{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
#tri_content .ma-card,
.tri_content .ma-card{
  background: #fff;
  border: 1px solid rgba(15,17,20,.10);
  border-radius: 18px;
  padding: 18px 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.09);
}
#tri_content .ma-card__title,
.tri_content .ma-card__title{
  font-weight: 850;
  letter-spacing: -0.01em;
  color: #0f1114;
}
#tri_content .ma-card__text,
.tri_content .ma-card__text{
  margin-top: 8px;
  color: rgba(15,17,20,.72);
  font-size: 15px;
}

#tri_content .ma-card__actions,
.tri_content .ma-card__actions{
  margin-top: 10px;
}

/* ----------------------------------------------------------
   KI First (templatemodule/ki_first.php)
   ---------------------------------------------------------- */
#tri_content .ma-aifirst,
.tri_content .ma-aifirst{
  padding: 54px 0 18px 0;
  margin: 0 0 22px 0;
  border-bottom: 1px solid rgba(15,17,20,.08);
  background:
    radial-gradient(900px 480px at 12% 0%, rgba(120,120,120,.10), transparent 58%),
    radial-gradient(900px 480px at 88% 10%, rgba(0,0,0,.06), transparent 62%);
}

#tri_content .ma-aifirst__inner,
.tri_content .ma-aifirst__inner{
  max-width: var(--lux-container);
  margin: 0 auto;
  padding: 0 20px;
}

#tri_content .ma-aifirst__title,
.tri_content .ma-aifirst__title{
  margin: 10px 0 12px 0;
  font-size: clamp(36px, 3.4vw, 64px);
  line-height: 1.04;
  letter-spacing: -0.03em;
}

#tri_content .ma-aifirst__lead,
.tri_content .ma-aifirst__lead{
  color: rgba(15,17,20,.78);
  font-size: 18px;
  max-width: 78ch;
}

#tri_content .ma-aifirst__cta,
.tri_content .ma-aifirst__cta{
  margin-top: 16px;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

#tri_content .ma-aifirst__grid,
.tri_content .ma-aifirst__grid{
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#tri_content .ma-aishot,
.tri_content .ma-aishot{
  background: #fff;
  border: 1px solid rgba(15,17,20,.10);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 22px 70px rgba(0,0,0,.10);
}

#tri_content .ma-aishot__head,
.tri_content .ma-aishot__head{
  padding: 12px 14px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(15,17,20,.68);
  border-bottom: 1px solid rgba(15,17,20,.08);
}

#tri_content .ma-aishot img,
.tri_content .ma-aishot img{
  width: 100%;
  height: auto;
  display: block;
}

#tri_content .ma-aishot__note,
.tri_content .ma-aishot__note{
  padding: 12px 14px 14px 14px;
  color: rgba(15,17,20,.72);
}

@media (max-width: 1100px){
  #tri_content .ma-aifirst__grid,
  .tri_content .ma-aifirst__grid{ grid-template-columns: 1fr; }
}

/* ----------------------------------------------------------
   Energy (templatemodule/energy.php)
   ---------------------------------------------------------- */
#tri_content .ma-energy,
.tri_content .ma-energy{
  padding: 54px 0 18px 0;
  margin: 0 0 22px 0;
  border-bottom: 1px solid rgba(15,17,20,.08);
  background:
    radial-gradient(1000px 520px at 15% 0%, rgba(120,120,120,.10), transparent 60%),
    radial-gradient(900px 520px at 88% 10%, rgba(0,0,0,.06), transparent 62%);
}

#tri_content .ma-energy__inner,
.tri_content .ma-energy__inner{
  max-width: var(--lux-container);
  margin: 0 auto;
  padding: 0 20px;
}

#tri_content .ma-energy__title,
.tri_content .ma-energy__title{
  margin: 10px 0 12px 0;
  font-size: clamp(36px, 3.4vw, 64px);
  line-height: 1.04;
  letter-spacing: -0.03em;
}

#tri_content .ma-energy__lead,
.tri_content .ma-energy__lead{
  color: rgba(15,17,20,.78);
  font-size: 18px;
  max-width: 82ch;
}

#tri_content .ma-energy__cta,
.tri_content .ma-energy__cta{
  margin-top: 16px;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

#tri_content .ma-energy__shots,
.tri_content .ma-energy__shots{
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

#tri_content .ma-energyshot,
.tri_content .ma-energyshot{
  background: #fff;
  border: 1px solid rgba(15,17,20,.10);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 22px 70px rgba(0,0,0,.10);
}

#tri_content .ma-energyshot__head,
.tri_content .ma-energyshot__head{
  padding: 12px 14px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(15,17,20,.68);
  border-bottom: 1px solid rgba(15,17,20,.08);
}

#tri_content .ma-energyshot img,
.tri_content .ma-energyshot img{
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 1100px){
  #tri_content .ma-energy__shots,
  .tri_content .ma-energy__shots{ grid-template-columns: 1fr; }
}

/* Projects */
#tri_content .ma-projects,
.tri_content .ma-projects{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
#tri_content .ma-project,
.tri_content .ma-project{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  text-decoration: none;
  background: #fff;
  border: 1px solid rgba(15,17,20,.10);
  border-radius: 18px;
  padding: 18px 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.09);
}
#tri_content .ma-project:hover,
.tri_content .ma-project:hover{
  border-color: rgba(128,102,179,.35);
  box-shadow: 0 26px 75px rgba(0,0,0,.12);
}
#tri_content .ma-project__title,
.tri_content .ma-project__title{
  color: #0f1114;
  font-weight: 900;
  letter-spacing: -0.01em;
  font-size: 18px;
}
#tri_content .ma-project__desc,
.tri_content .ma-project__desc{
  margin-top: 6px;
  color: rgba(15,17,20,.70);
}
#tri_content .ma-project__logo,
.tri_content .ma-project__logo{
  max-width: 70%;
  height: auto;
  filter: saturate(1.05) contrast(1.05);
}

/* Lists */
#tri_content .ma-cols,
.tri_content .ma-cols{
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
#tri_content .ma-list,
.tri_content .ma-list{
  margin: 0;
  padding: 0;
  list-style: none;
}
#tri_content .ma-list li,
.tri_content .ma-list li{
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
  color: rgba(15,17,20,.78);
}
#tri_content .ma-list li::before,
.tri_content .ma-list li::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: linear-gradient(180deg, rgba(179,154,230,1), rgba(128,102,179,1));
  position: absolute;
  left: 0;
  top: 9px;
}

/* CTA */
#tri_content .ma-section--cta,
.tri_content .ma-section--cta{
  border-bottom: 0;
  padding-bottom: 70px;
}
#tri_content .ma-cta,
.tri_content .ma-cta{
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 18px;
  align-items: center;
  padding: 22px 18px;
  border-radius: 22px;
  border: 1px solid rgba(128,102,179,.25);
  background: radial-gradient(800px 220px at 20% 0%, rgba(120,120,120,.18), transparent 60%), #fff;
  box-shadow: 0 26px 80px rgba(0,0,0,.10);
}
#tri_content .ma-cta__actions,
.tri_content .ma-cta__actions{
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
}

/* Make buttons readable on white content */
#tri_content .button,
.tri_content .button{
  border-color: rgba(15,17,20,.18);
  color: rgba(15,17,20,.86);
  background: rgba(15,17,20,.02);
  box-shadow: none;
}
#tri_content .button:hover,
.tri_content .button:hover{
  border-color: rgba(128,102,179,.55);
  background: rgba(120,120,120,.10);
}
#tri_content .button.button-primary,
.tri_content .button.button-primary{
  color: #0f1114;
  border-color: rgba(128,102,179,.55);
  background: linear-gradient(180deg, rgba(180,180,180,.35), rgba(120,120,120,.12));
}

@media (max-width: 1100px){
  #tri_content .ma-hero__grid,
  .tri_content .ma-hero__grid{
    grid-template-columns: 1fr;
  }

  /* spacing tighten on mobile */
  #tri_content .ma-section,
  .tri_content .ma-section{ padding: 34px 0; }

  #tri_content .ma-proof,
  .tri_content .ma-proof{ grid-template-columns: 1fr; }

  #tri_content .ma-hero__cta,
  .tri_content .ma-hero__cta{ gap: 10px; }

  #tri_content .ma-projects,
  .tri_content .ma-projects{
    grid-template-columns: 1fr;
  }
  #tri_content .ma-cards,
  .tri_content .ma-cards{
    grid-template-columns: 1fr;
  }
  #tri_content .ma-cols,
  .tri_content .ma-cols{
    grid-template-columns: 1fr;
  }
  #tri_content .ma-cta,
  .tri_content .ma-cta{
    grid-template-columns: 1fr;
  }
  #tri_content .ma-cta__actions,
  .tri_content .ma-cta__actions{
    justify-content: flex-start;
  }
}

/* Header */
.tri_header{background:transparent;position:sticky;top:0;z-index:1000}
.tri_header .tri_header_inner{
  background: transparent;
}

/* Make the header feel like a glassy bar */
.tri_header .tri_header_inner .header{
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(5,6,7,.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition:background .25s ease,box-shadow .25s ease;
}

/* Logo: slightly larger, but header smaller overall */
.tri_header .tri_header_inner .header .header_logo .logo img{
  /* +50% gegenüber vorher (72px -> 108px) */
  max-height: 132px;
  padding: 8px 10px 8px 0;
  filter: drop-shadow(0 22px 36px rgba(0,0,0,.60));
  transition:max-height .25s ease,padding .25s ease;
}

/* Navigation: tighter + premium tracking */
#tri_navigation{ float: right; }
#tri_navigation > li{ padding-right: 18px; }
#tri_navigation > li > a{
  font-family: var(--lux-font);
  text-transform: uppercase;
  letter-spacing: .18em;
  font-weight: 700;
  font-size: 12px;
  color: rgba(255,255,255,.86);
  text-decoration: none;
  line-height: 112px; /* angepasst für größeres Logo */
  position: relative;
  transition:line-height .25s ease,color .2s ease;
}

body.ma-header--compact .tri_header .tri_header_inner .header{background:rgba(5,6,7,.96);box-shadow:0 8px 28px rgba(0,0,0,.24)}
body.ma-header--compact .tri_header .tri_header_inner .header .header_logo .logo img{max-height:88px;padding-top:5px;padding-bottom:5px}
body.ma-header--compact #tri_navigation>li>a{line-height:78px}
body.ma-header--compact #tri_navigation>li>a:after{bottom:18px}

/* Gold underline hover */
#tri_navigation > li > a::after{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  bottom: 28px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--lux-gold), transparent);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .22s ease, transform .22s ease;
}

#tri_navigation > li:hover > a,
#tri_navigation > li.aktiv > a{
  color: #fff;
}
#tri_navigation > li:hover > a::after,
#tri_navigation > li.aktiv > a::after{
  opacity: .95;
  transform: translateY(0);
}

/* Submenu: darker + nicer edges */
#tri_navigation ul{
  background: rgba(10,12,15,.92);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--lux-shadow-soft);
  border-radius: 10px;
  overflow: hidden;
}
#tri_navigation ul li,
#tri_navigation ul li.aktiv{
  border-bottom: 1px solid rgba(255,255,255,.08);
  border-left: 2px solid transparent;
}
#tri_navigation ul li:hover,
#tri_navigation ul li.aktiv{
  background: rgba(255,255,255,.06);
  border-left-color: var(--lux-gold);
}
#tri_navigation ul li a{
  color: rgba(255,255,255,.82);
}
#tri_navigation ul li:hover a,
#tri_navigation ul li.aktiv a{
  color:#fff;
}

/* Sticky state (comes from style.css/js) */
#tri_menu_navigation.sticky{
  background: rgba(5,6,7,.70);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 14px 55px rgba(0,0,0,.55);
}
body.sticky{ margin-top: 0; } /* framework adds margin-top; we keep layout calm */

/* Burger: make it look premium */
.burgermenu{ display:none; }

/* Footer (make it look expensive, not 2016) */
.tri_footer{
  position: relative;
  background:
    radial-gradient(900px 320px at 20% 0%, rgba(120,120,120,.14), transparent 60%),
    radial-gradient(900px 320px at 80% 20%, rgba(180,180,180,.08), transparent 62%),
    linear-gradient(180deg, rgba(5,6,7,0) 0%, rgba(5,6,7,.92) 18%, rgba(5,6,7,1) 100%);
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.60);
  overflow: hidden;
}

/* subtle top highlight line */
.tri_footer::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(180,180,180,.45), transparent);
  opacity: .8;
}

.tri_footer *{ color: rgba(255,255,255,.60); }

.tri_footer .container{
  padding-top: 34px;
  padding-bottom: 18px;
}

.tri_footer img{
  max-height: 62px;
  width: auto;
  filter: drop-shadow(0 16px 34px rgba(0,0,0,.55));
}

.footer_ueberschrift{
  color: rgba(255,255,255,.82);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
}

.footer_column_small{
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Social: clean chips */
.footer_social{
  padding-bottom: 10px;
}
.footer_social a{
  padding: 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.footer_social img{
  filter: brightness(.95);
  width: 20px;
  height: 20px;
}
.footer_social a:hover{
  transform: translateY(-2px);
  background: rgba(120,120,120,.12);
  border-color: rgba(179,154,230,.40);
  box-shadow: 0 0 0 6px rgba(128,102,179,.10);
}

.tri_bottombar{
  background: transparent;
  padding: 18px 0 30px 0;
  color: rgba(255,255,255,.46);
  border-top: 1px solid rgba(255,255,255,.08);
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 11px;
}

@media (max-width: 1100px){
  .tri_footer .columns{ width: 100% !important; margin-left: 0 !important; }
  .tri_footer .text-center{ text-align: left; }
  .tri_footer .container{ padding-top: 24px; }
  .footer_social{ padding-top: 12px; }
}

/* Footer content layout */
.tri_footer .footer_top{
  padding-top: 38px;
  padding-bottom: 20px;
}

.tri_footer .footer_right{
  text-align: right;
}

@media (max-width: 1100px){
  .tri_footer .footer_right{ text-align: left; }
}

.tri_footer .footer_tagline{
  margin-top: 10px;
  color: rgba(255,255,255,.68);
  font-size: 13px;
  letter-spacing: .10em;
}

/* (footer_links/footer_btn removed from template) */

.tri_footer .footer_bottom_inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.tri_footer .footer_bottom_links a{
  color: rgba(255,255,255,.62);
  text-decoration: none;
}

.tri_footer .footer_bottom_links a:hover{ color: #fff; }
.tri_footer .footer_bottom_links .sep{ margin: 0 10px; opacity: .55; }

/* Breadcrumb (if present) */
#tri_breadcrumb{
  border-bottom: 0;
  text-align: center;
  font-size: 12px;
  padding-top: 12px;
}
#tri_breadcrumb *{
  color: rgba(255,255,255,.55);
  font-size: 12px;
}
#tri_breadcrumb strong.cms_page{ color: rgba(255,255,255,.70); font-weight: 700; }

/* Buttons: more luxury */
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"]{
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  color: rgba(255,255,255,.86);
  background: rgba(255,255,255,.04);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  height: 42px;
  line-height: 42px;
  font-weight: 750;
  letter-spacing: .14em;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
  border-color: rgba(179,154,230,.50);
  background: rgba(120,120,120,.10);
  box-shadow: 0 0 0 6px rgba(128,102,179,.10);
}

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary{
  border-color: rgba(128,102,179,.45);
  background: linear-gradient(180deg, rgba(180,180,180,.20), rgba(120,120,120,.10));
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
}

/* Cards / boxes: if used by CMS modules */
.card{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--lux-radius);
  box-shadow: var(--lux-shadow-soft);
}

/* Hero helpers (if used) */
.hero_big{
  background-color: transparent;
  padding: 70px 0;
  background-position: center;
  background-repeat: no-repeat;
}
.hero_big_big{ min-height: 680px; }

.hero_big .h1_center{
  padding-top: 120px;
  color: rgba(255,255,255,.94);
  text-shadow: 0 22px 60px rgba(0,0,0,.75);
}

/* Mobile */
@media (max-width: 1100px){
  .burgermenu{ display:block; position:absolute; top: 28px; right: 12px; }

  /* Drawer/Overlay – fix: previously clipped/cut off */
  #tri_menu_navigation{
    background: rgba(5,6,7,.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(255,255,255,.10);
    width: 100%;
    max-width: 100%;
    margin-bottom: 28px;
    overflow: hidden;
  }

  /* When framework adds show/mobile classes */
  #tri_menu_navigation.mobile{
    border-top: 1px solid rgba(255,255,255,.08);
  }

  /* Fullscreen overlay when opened (override offcanvas defaults from style.css) */
  /* Backdrop layer should be below menu, but above page */
  .fullbackground.show{
    z-index: 2147483000 !important; /* below menu */
    pointer-events: none !important; /* never block clicks on menu */
  }

  /* Fullscreen mobile menu overlay (must be above backdrop) */
  #tri_menu_navigation.mobile.show,
  #tri_menu_navigation.show{
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    z-index: 2147483647 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    transform: none !important;
    pointer-events: auto !important;
    isolation: isolate;
    background: #050607 !important; /* fully opaque: no bleed-through */
  }

  #tri_menu_navigation.mobile.show a,
  #tri_menu_navigation.show a{
    position: relative;
    z-index: 2147483647;
    pointer-events: auto !important;
    touch-action: manipulation;
  }

  /* Ensure nothing clips the fixed menu */
  #tri_header,
  #tri_header_inner,
  .tri_header,
  .tri_header_inner,
  .tri_header .header{
    overflow: visible !important;
  }

  /* keep header close row sticky inside overlay */
  #tri_menu_navigation.show .mobile_only{
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(5,6,7,.92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
  }

  #tri_menu_navigation.show .container{
    width: 100% !important;
    max-width: none !important;
    padding: 10px 18px 18px 18px !important;
    margin: 0 !important;
  }

  /* Ensure list doesn't get clipped by float/width rules */
  #tri_navigation{ width: 100% !important; }
  #tri_navigation > li{ float: none !important; width: 100% !important; }

  #tri_navigation{ float:none; }
  #tri_navigation > li{ padding-right: 0; }
  #tri_navigation > li > a{
    line-height: 1.15;
    padding: 16px 0;
    display: block;
    font-size: 15px;
    letter-spacing: .16em;
    text-align: left;
  }

  #tri_navigation > li > a::after{ display:none; }

  .burgerschliessen{
    background: transparent;
    color: rgba(255,255,255,.75);
    border-bottom: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px;
  }
  .burgerschliessen:hover{ color:#fff; }

  .footer_column_small{ padding-top: 18px; padding-bottom: 18px; }

  h1{ font-size: clamp(30px, 7vw, 44px); }
  h2{ font-size: clamp(22px, 5.5vw, 32px); }
  .vorueberschrift{ font-size: 12px; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior: auto !important; }
  a,button,.button{ transition: none !important; }
}

/* ----------------------------------------------------------
   Faehigkeiten (templatemodule/faehigkeiten.php) – Tech Look
   ---------------------------------------------------------- */

#tri_content .ma-techhero,
.tri_content .ma-techhero{
  padding: 38px 0 22px 0;
  margin: 0 0 28px 0;
  border-bottom: 1px solid rgba(15,17,20,.08);
  background:
    radial-gradient(900px 480px at 12% 0%, rgba(120,120,120,.10), transparent 58%),
    radial-gradient(900px 480px at 88% 10%, rgba(0,0,0,.06), transparent 62%);
}

#tri_content .ma-techhero__inner,
.tri_content .ma-techhero__inner{
  max-width: var(--lux-container);
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: start;
}

#tri_content .ma-techhero__title,
.tri_content .ma-techhero__title{
  margin: 10px 0 12px 0;
  font-size: clamp(34px, 3.2vw, 58px);
  line-height: 1.05;
  letter-spacing: -0.03em;
}

#tri_content .ma-techhero__lead,
.tri_content .ma-techhero__lead{
  color: rgba(15,17,20,.78);
  font-size: 18px;
  max-width: 70ch;
}

#tri_content .ma-techhero__cta,
.tri_content .ma-techhero__cta{
  margin-top: 16px;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

/* place portrait next to the code/terminal */
/* previously: right column with portrait; kept for backward compat */
#tri_content .ma-techhero__right,
.tri_content .ma-techhero__right{
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: start;
}

#tri_content .ma-badges,
.tri_content .ma-badges{
  margin-top: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#tri_content .ma-badge,
.tri_content .ma-badge{
  display: inline-flex;
  align-items: center;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(15,17,20,.12);
  background: rgba(15,17,20,.02);
  font-size: 12px;
  color: rgba(15,17,20,.78);
  letter-spacing: .08em;
}

#tri_content .ma-terminal,
.tri_content .ma-terminal{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(128,102,179,.28);
  background: linear-gradient(180deg, #0a0c10, #050607);
  box-shadow: 0 28px 90px rgba(0,0,0,.18);
}

#tri_content .ma-terminal__bar,
.tri_content .ma-terminal__bar{
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}

#tri_content .ma-terminal .dot,
.tri_content .ma-terminal .dot{
  width: 10px;
  height: 10px;
  border-radius: 99px;
  display: inline-block;
}
#tri_content .ma-terminal .dot--red,
.tri_content .ma-terminal .dot--red{ background: #ff5f57; }
#tri_content .ma-terminal .dot--yellow,
.tri_content .ma-terminal .dot--yellow{ background: #732efe; }
#tri_content .ma-terminal .dot--green,
.tri_content .ma-terminal .dot--green{ background: #28c840; }

#tri_content .ma-terminal__title,
.tri_content .ma-terminal__title{
  margin-left: 6px;
  color: rgba(255,255,255,.70);
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 750;
}

#tri_content .ma-terminal__body,
.tri_content .ma-terminal__body{
  margin: 0;
  padding: 14px 14px 16px 14px;
  color: rgba(255,255,255,.84);
  font-size: 13px;
  line-height: 1.55;
  overflow: auto;
}

#tri_content .ma-terminal__portrait,
.tri_content .ma-terminal__portrait{
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 150px;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
  opacity: .62;
}

#tri_content .ma-terminal__portrait img,
.tri_content .ma-terminal__portrait img{
  display: block;
  width: 100%;
  height: auto;
  filter: grayscale(1) contrast(1.12) brightness(.92);
}

#tri_content .ma-terminal__body code,
.tri_content .ma-terminal__body code{
  background: transparent;
  border: 0;
  padding: 0;
  color: inherit;
  white-space: pre-wrap;
}

#tri_content .ma-portrait--tech,
.tri_content .ma-portrait--tech{
  margin-top: 0;
  border-radius: 18px;
}

#tri_content .ma-portrait--tech img,
.tri_content .ma-portrait--tech img{
  width: 100%;
  height: auto;
  display: block;
}

#tri_content .ma-matrix,
.tri_content .ma-matrix{
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

#tri_content .ma-matrix__col,
.tri_content .ma-matrix__col{
  background: #fff;
  border: 1px solid rgba(15,17,20,.10);
  border-radius: 18px;
  padding: 18px 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.09);
}

#tri_content .ma-matrix__head,
.tri_content .ma-matrix__head{
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(15,17,20,.65);
  margin-bottom: 10px;
}

#tri_content .ma-list--tight li,
.tri_content .ma-list--tight li{
  margin-bottom: 8px;
}

/* Speaker block */
#tri_content .ma-speaker,
.tri_content .ma-speaker{
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 16px;
  align-items: start;
}

#tri_content .ma-speaker__imgGrid,
.tri_content .ma-speaker__imgGrid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

#tri_content .ma-speaker__imgGrid img,
.tri_content .ma-speaker__imgGrid img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(15,17,20,.10);
  box-shadow: 0 22px 70px rgba(0,0,0,.10);
}

#tri_content .ma-speaker__content,
.tri_content .ma-speaker__content{
  background: #fff;
  border: 1px solid rgba(15,17,20,.10);
  border-radius: 22px;
  padding: 18px 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.09);
}

#tri_content .ma-speaker__highlights,
.tri_content .ma-speaker__highlights{
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

#tri_content .ma-speaker__hl,
.tri_content .ma-speaker__hl{
  padding-left: 12px;
  border-left: 3px solid rgba(128,102,179,.35);
  color: rgba(15,17,20,.78);
  font-size: 14px;
  line-height: 1.55;
}

#tri_content .ma-speaker__tag,
.tri_content .ma-speaker__tag{
  display: inline-block;
  margin-right: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(128,102,179,.30);
  background: rgba(120,120,120,.10);
  color: rgba(15,17,20,.82);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
}

#tri_content .ma-speaker__note,
.tri_content .ma-speaker__note{
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(15,17,20,.08);
  color: rgba(15,17,20,.72);
  font-size: 14px;
}

/* Timeline */
#tri_content .ma-timeline,
.tri_content .ma-timeline{
  margin-top: 18px;
  position: relative;
}

#tri_content .ma-timeline::before,
.tri_content .ma-timeline::before{
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, rgba(120,120,120,.55), rgba(15,17,20,.08));
}

#tri_content .ma-timeline__item,
.tri_content .ma-timeline__item{
  position: relative;
  padding-left: 34px;
  margin-bottom: 14px;
}

#tri_content .ma-timeline__dot,
.tri_content .ma-timeline__dot{
  position: absolute;
  left: 2px;
  top: 16px;
  width: 18px;
  height: 18px;
  border-radius: 99px;
  background: linear-gradient(180deg, rgba(179,154,230,1), rgba(128,102,179,1));
  box-shadow: 0 0 0 6px rgba(128,102,179,.12);
}

#tri_content .ma-timeline__card,
.tri_content .ma-timeline__card{
  background: #fff;
  border: 1px solid rgba(15,17,20,.10);
  border-radius: 22px;
  padding: 16px 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.09);
}

#tri_content .ma-timeline__top,
.tri_content .ma-timeline__top{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

#tri_content .ma-timeline__role,
.tri_content .ma-timeline__role{
  font-weight: 950;
  letter-spacing: .10em;
  text-transform: uppercase;
  font-size: 12px;
  color: rgba(15,17,20,.70);
}

#tri_content .ma-timeline__time,
.tri_content .ma-timeline__time{
  font-size: 12px;
  color: rgba(15,17,20,.55);
}

#tri_content .ma-timeline__org,
.tri_content .ma-timeline__org{
  margin-top: 6px;
  font-weight: 900;
  font-size: 18px;
  color: #0f1114;
}

#tri_content .ma-timeline__meta,
.tri_content .ma-timeline__meta{
  font-weight: 700;
  font-size: 13px;
  color: rgba(15,17,20,.55);
}

#tri_content .ma-timeline__loc,
.tri_content .ma-timeline__loc{
  margin-top: 4px;
  font-size: 13px;
  color: rgba(15,17,20,.55);
}

#tri_content .ma-timeline__text,
.tri_content .ma-timeline__text{
  margin-top: 10px;
  color: rgba(15,17,20,.76);
}

#tri_content .ma-timeline__tags,
.tri_content .ma-timeline__tags{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#tri_content .ma-timeline__tags span,
.tri_content .ma-timeline__tags span{
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(128,102,179,.30);
  background: rgba(120,120,120,.10);
  color: rgba(15,17,20,.82);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
}

/* Videos/Youtube thumbnails: fix hardcoded template path + white icon on white bg */
.gallery-thumbs .swiper-slide.youtube-slide::before{
  background-image: url(../Labels/feather_black/play-circle.svg) !important;
  background-color: rgba(0,0,0,.40);
}

/* /Videos/ (tmpl_youtube_.css) fix: z-index:-1 hides thumbnails in some stacking contexts */
ul.youtube_videos li a.youtubeimg{ position: relative; display: block; }
ul.youtube_videos li img{ z-index: 0 !important; }
ul.youtube_videos li span.titel{ position: relative; z-index: 1; }

/* /Videos/ – nicer layout */
ul.youtube_videos{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

ul.youtube_videos li{
  width: auto !important;
  margin: 0 !important;
  display: block !important;
  border: 1px solid rgba(15,17,20,.10);
  border-radius: 22px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 22px 70px rgba(0,0,0,.10);
}

ul.youtube_videos li a.youtubeimg{
  height: auto;
  overflow: hidden;
}

ul.youtube_videos li a.youtubeimg img{
  position: relative !important;
  width: 100%;
  height: 220px;
  object-fit: cover;
  max-height: none;
  transform: scale(1.01);
  transition: transform .25s ease;
}

ul.youtube_videos li:hover a.youtubeimg img{ transform: scale(1.05); }

ul.youtube_videos li span.titel{
  position: absolute;
  inset: auto 0 0 0;
  height: auto;
  padding: 14px 14px;
  width: auto;
  display: block;
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.75));
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: none;
}

ul.youtube_videos li p{ margin: 0; padding: 12px 14px 14px 14px; }

/* Video Detailansicht (YouTube iframe) */
#tri_content iframe[src*="youtube.com/embed"],
.tri_content iframe[src*="youtube.com/embed"]{
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 16 / 9;
  border: 0;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 22px 70px rgba(0,0,0,.12);
}

/* remove awkward empty paragraph above video */
#tri_content p:empty,
.tri_content p:empty{ display:none; }

@media (max-width: 1100px){
  ul.youtube_videos{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 650px){
  ul.youtube_videos{ grid-template-columns: 1fr; }
  ul.youtube_videos li a.youtubeimg img{ height: 240px; }
}

#tri_content .ma-section--dark,
.tri_content .ma-section--dark{
  background: linear-gradient(180deg, #0a0c10, #050607);
  border-radius: 22px;
  margin: 28px 20px;
  border: 1px solid rgba(128,102,179,.22);
  box-shadow: 0 28px 90px rgba(0,0,0,.18);
}

#tri_content .ma-section--dark .ma-section__inner,
.tri_content .ma-section--dark .ma-section__inner{
  padding: 34px 22px;
}

#tri_content .ma-dark-title,
.tri_content .ma-dark-title{
  color: rgba(255,255,255,.94);
}

#tri_content .ma-dark-muted,
.tri_content .ma-dark-muted{
  color: rgba(255,255,255,.70) !important;
}

/* Was ich aufgebaut habe: bullets statt Cards */
#tri_content .ma-darkbullets,
.tri_content .ma-darkbullets{
  margin: 16px 0 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 16px;
}

#tri_content .ma-darkbullets li,
.tri_content .ma-darkbullets li{
  position: relative;
  padding-left: 18px;
}

#tri_content .ma-darkbullets li::before,
.tri_content .ma-darkbullets li::before{
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 99px;
  background: linear-gradient(180deg, rgba(179,154,230,1), rgba(128,102,179,1));
  position: absolute;
  left: 0;
  top: 9px;
}

#tri_content .ma-darkbullets__k,
.tri_content .ma-darkbullets__k{
  color: rgba(255,255,255,.92);
  font-weight: 900;
}

#tri_content .ma-darkbullets__v,
.tri_content .ma-darkbullets__v{
  margin-top: 6px;
  color: rgba(255,255,255,.70);
  font-size: 14px;
  line-height: 1.5;
}

#tri_content .ma-darknote,
.tri_content .ma-darknote{
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.70);
}

#tri_content .ma-darknote__label,
.tri_content .ma-darknote__label{
  color: var(--lux-gold-2);
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 6px;
}

/* Quote box (replaces proofline cards) */
#tri_content .ma-quoteBox,
.tri_content .ma-quoteBox{
  margin-top: 16px;
  position: relative;
  background: #fff;
  border: 1px solid rgba(15,17,20,.10);
  border-radius: 22px;
  padding: 22px 18px 18px 18px;
  box-shadow: 0 22px 70px rgba(0,0,0,.10);
  overflow: hidden;
}

#tri_content .ma-quoteBox__mark,
.tri_content .ma-quoteBox__mark{
  position: absolute;
  top: 8px;
  right: 14px;
  font-size: 84px;
  line-height: 1;
  font-weight: 900;
  color: rgba(128,102,179,.22);
}

#tri_content .ma-quoteBox__text,
.tri_content .ma-quoteBox__text{
  font-size: 18px;
  font-weight: 700;
  color: rgba(15,17,20,.86);
  max-width: 80ch;
}

#tri_content .ma-quoteBox__list,
.tri_content .ma-quoteBox__list{
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

#tri_content .ma-quoteBox__item,
.tri_content .ma-quoteBox__item{
  color: rgba(15,17,20,.78);
  padding-left: 14px;
  border-left: 3px solid rgba(128,102,179,.35);
}

@media (max-width: 1100px){
  #tri_content .ma-techhero__inner,
  .tri_content .ma-techhero__inner{ grid-template-columns: 1fr; }

  #tri_content .ma-techhero__right,
  .tri_content .ma-techhero__right{ grid-template-columns: 1fr; }

  #tri_content .ma-matrix,
  .tri_content .ma-matrix{ grid-template-columns: 1fr; }

  #tri_content .ma-darkbullets,
  .tri_content .ma-darkbullets{ grid-template-columns: 1fr; }

  #tri_content .ma-speaker,
  .tri_content .ma-speaker{ grid-template-columns: 1fr; }

  #tri_content .ma-section--dark,
  .tri_content .ma-section--dark{ margin: 18px 0; border-radius: 0; }
}

/* ==========================================================================
   Mario Alka Startseite 2026
   ========================================================================== */
.ma26-home{--ma26-ink:#0b0b0b;--ma26-paper:#fff;--ma26-red:#8066b3;--ma26-line:rgba(11,11,11,.14);position:relative;left:50%;width:100vw;margin-left:-50vw;color:var(--ma26-ink);background:#fff;font-family:"Open Sans",Arial,sans-serif}
.ma26-home *{box-sizing:border-box}
.ma26-home h1,.ma26-home h2,.ma26-home h3,.ma26-home p{padding:0}
.ma26-wrap{width:min(1320px,calc(100% - 64px));margin:0 auto}
.ma26-eyebrow{font-size:12px;line-height:1.4;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ma26-red)}
.ma26-hero{position:relative;overflow:hidden;background:var(--ma26-ink);color:#fff;min-height:790px}
.ma26-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:9.2vw 100%;opacity:.7}
.ma26-hero__grid{position:relative;z-index:1;min-height:790px;display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:50px}
.ma26-hero__copy{padding:130px 0 82px}
.ma26-hero h1{max-width:850px;margin:23px 0 30px;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(58px,7.4vw,108px);font-weight:700;line-height:.91;letter-spacing:-.065em;color:#fff}
.ma26-hero h1 em{font-style:normal;color:var(--ma26-red)}
.ma26-lead{max-width:715px;margin:0 0 35px;font-size:clamp(18px,1.5vw,23px);line-height:1.55;color:#b6b6b6}
.ma26-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.ma26-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 23px;border:1px solid transparent;border-radius:2px;text-decoration:none!important;font-size:14px;font-weight:800;transition:transform .2s,background .2s,color .2s}
.ma26-btn:hover{transform:translateY(-2px)}
.ma26-btn--primary{color:#fff!important;background:var(--ma26-red)}
.ma26-btn--primary{color:#111!important}
.ma26-btn--primary:hover{background:#b39ae6;color:#111!important}
.ma26-btn--ghost{color:#fff!important;border-color:#4b4b4b;background:transparent}
.ma26-btn--ghost:hover{background:#fff;color:#111!important}
.ma26-btn--light{color:#111!important;background:#fff}
.ma26-hero__facts{display:flex;margin-top:68px;border-top:1px solid #363636}
.ma26-hero__facts>div{display:flex;align-items:center;gap:14px;padding:22px 35px 0 0;margin-right:35px;border-right:1px solid #363636}
.ma26-hero__facts>div:last-child{border-right:0}
.ma26-hero__facts strong{font-family:"Montserrat",Arial,sans-serif;font-size:28px;color:#fff}
.ma26-hero__facts span{font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;color:#858585}
.ma26-hero__visual{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center}
.ma26-hero__halo{display:none}
.ma26-hero__visual>img{position:relative;z-index:2;width:min(175%,950px);max-width:none;height:auto;transform:translate(90px,-45px);filter:drop-shadow(0 20px 40px #000)}
.ma26-hero__badge{position:absolute;z-index:3;right:0;bottom:70px;padding:15px 18px;background:#fff;color:#111;border-left:4px solid var(--ma26-red);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.ma26-hero__badge span,.ma26-hero__badge strong{display:block}
.ma26-hero__badge span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.ma26-hero__badge strong{font-size:17px}
.ma26-manifesto{padding:120px 0;background:var(--ma26-paper)}
.ma26-manifesto__grid{display:grid;grid-template-columns:90px 1.25fr .75fr;gap:55px;align-items:start}
.ma26-section-no{font-family:"Montserrat",Arial,sans-serif;font-size:14px;font-weight:700;color:#8b8b8b}
.ma26-manifesto h2,.ma26-heading h2,.ma26-speaker h2,.ma26-final h2{font-family:"Montserrat",Arial,sans-serif;letter-spacing:-.045em}
.ma26-manifesto h2{max-width:790px;margin:17px 0 0;font-size:clamp(42px,5.4vw,74px);line-height:1.02}
.ma26-manifesto__text{padding-top:34px;border-top:1px solid var(--ma26-line)}
.ma26-manifesto__text p{margin:0 0 22px;font-size:17px;line-height:1.7;color:#4e4e4e}
.ma26-speaker{padding:120px 0;background:#fff}
#tri_content .ma26-home #speaker{background:#f5f5f5}
.ma26-speaker__card{display:grid;grid-template-columns:1fr 1fr;min-height:700px;background:var(--ma26-ink);color:#fff}
.ma26-speaker__media{position:relative;min-height:650px;overflow:hidden}
.ma26-speaker__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.72))}
.ma26-speaker__media img{width:100%;height:100%;object-fit:cover;object-position:center 34%}
.ma26-speaker__caption{position:absolute;z-index:2;left:35px;bottom:28px;font-size:12px;text-transform:uppercase;letter-spacing:.13em}
.ma26-speaker__copy{padding:75px 70px;display:flex;flex-direction:column;justify-content:center}
.ma26-speaker h2{margin:19px 0 25px;font-size:clamp(42px,4.8vw,68px);line-height:1.01;color:#fff}
.ma26-speaker__copy>p{margin:0 0 28px;font-size:18px;line-height:1.7;color:#aaa}
.ma26-topics{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:31px}
.ma26-topics span{padding:7px 10px;border:1px solid #3a3a3a;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#ccc}
.ma26-speaker__events{border-top:1px solid #303030;margin-bottom:30px}
.ma26-speaker__events>div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid #303030}
.ma26-speaker__events b{font-size:13px;color:#fff}
.ma26-speaker__events span{font-size:13px;line-height:1.45;color:#989898}
.ma26-textlink{color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important}
.ma26-project-section{padding:125px 0;background:var(--ma26-paper)}
.ma26-heading{display:block;margin-bottom:60px}
.ma26-heading__side{display:flex;gap:18px;align-items:center;margin-bottom:20px}
.ma26-heading h2{margin:0;font-size:clamp(46px,5.6vw,78px);line-height:.98}
.ma26-heading>div:last-child>p{max-width:610px;margin:22px 0 0;font-size:17px;color:#666}
.ma26-projects{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#c3b8d9;border:1px solid #c3b8d9}
.ma26-project{position:relative;min-height:320px;padding:32px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;color:#111!important;background:#fff;text-decoration:none!important;transition:background .25s,color .25s}
.ma26-project--wide{grid-column:1/-1;min-height:340px}
.ma26-project:hover{background:#b39ae6;color:#111!important}
.ma26-project__index{font-family:"Montserrat",Arial,sans-serif;font-size:12px;color:#999}
.ma26-project__content{position:relative;z-index:2;max-width:720px;margin-top:38px}
.ma26-project__type{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--ma26-red);font-weight:800}
.ma26-project h3{margin:9px 0 8px;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(31px,3.1vw,48px);line-height:1;letter-spacing:-.04em;color:inherit}
.ma26-project p{margin:0;font-size:14px;line-height:1.55;color:#777}
.ma26-project:hover p{color:#392c53}
.ma26-project img{position:static;width:min(55%,190px);height:65px;max-height:65px;margin-top:30px;object-fit:contain;object-position:left center;transform:none;transition:transform .25s,filter .25s}
.ma26-project--wide img{width:min(35%,230px)}
.ma26-project:hover img{transform:scale(1.025);filter:none}
.ma26-project__arrow{position:absolute;right:28px;top:25px;font-size:25px;opacity:.4}
.ma26-exits{padding:125px 0;background:#fff;color:#111;border-top:1px solid #d8d1e6}
.ma26-exits .ma26-heading{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:end}
.ma26-exits .ma26-heading__side{align-self:start}
#tri_content .ma26-exits .ma26-heading h2{color:#111}
#tri_content .ma26-exits .ma26-heading>div:last-child>p{color:#666}
.ma26-exit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ma26-exit{position:relative;min-height:390px;padding:28px;display:flex;flex-direction:column;border:1px solid #ccc3de;background:#fff;overflow:hidden;box-shadow:0 16px 45px rgba(18,14,26,.06);transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}
.ma26-exit::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(120,120,120,.12),transparent 48%);opacity:0;transition:opacity .3s}
.ma26-exit:hover{transform:translateY(-6px);border-color:#8066b3;background:#fff;box-shadow:0 24px 60px rgba(18,14,26,.12)}
.ma26-exit:hover::before{opacity:1}
.ma26-exit__top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:15px;padding-bottom:20px;border-bottom:1px solid #d2cae2;color:#5a408f;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.ma26-exit__top b{color:#999;font-weight:700}
.ma26-exit__body{position:relative;z-index:1;flex:1;padding:34px 0 25px}
.ma26-exit__body img{display:block;width:190px;max-width:70%;height:65px;margin:0 0 32px;object-fit:contain;object-position:left center}
.ma26-exit__body h3{margin:0 0 13px;font-family:"Montserrat",Arial,sans-serif;font-size:29px;line-height:1.08;color:#111}
.ma26-exit__body p{margin:0;color:#686868;font-size:14px;line-height:1.65}
.ma26-exit__status{position:relative;z-index:1;padding-top:19px;border-top:1px solid #d2cae2;color:#555;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ma26-exit__status i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#8066b3;box-shadow:0 0 12px rgba(128,102,179,.6)}
.ma26-expertise{padding:125px 0;background:var(--ma26-ink);color:#fff}
.ma26-heading--light h2{color:#fff}
.ma26-heading--light .ma26-section-no{color:#666}
.ma26-expertise__grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #343434;border-left:1px solid #343434}
.ma26-expertise article{min-height:300px;padding:32px;border-right:1px solid #343434;border-bottom:1px solid #343434}
.ma26-expertise article>span{font-size:11px;color:var(--ma26-red)}
.ma26-expertise h3{margin:70px 0 14px;font-family:"Montserrat",Arial,sans-serif;font-size:28px;color:#fff}
.ma26-expertise p{margin:0;font-size:14px;line-height:1.65;color:#929292}
.ma26-final{padding:120px 0;background:var(--ma26-paper);color:#111}
.ma26-final .ma26-eyebrow{color:var(--ma26-red)}
.ma26-final__inner{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}
.ma26-final h2{max-width:830px;margin:18px 0 0;font-size:clamp(50px,6.4vw,88px);line-height:.94;color:#fff}
.ma26-final p{margin:0 0 25px;font-size:18px;line-height:1.6}
.ma26-final .ma26-btn--primary{background:#111;color:#fff!important}
body:has(.ma26-home) .tri_content_inner{padding-top:0!important}
body:has(.ma26-home) #tri_content .p60,
body:has(.ma26-home) .tri_content .p60{padding-top:0!important;padding-bottom:0!important}
body:has(.ma26-home) .tri_header{background:#0b0b0b!important;border-bottom:1px solid #292929!important}
body:has(.ma26-home) .tri_header a{color:#fff}
body:has(.ma26-home) .tri_header .logo img{filter:brightness(0) invert(1)}
#tri_content .ma26-hero h1,
.tri_content .ma26-hero h1,
#tri_content .ma26-speaker h2,
.tri_content .ma26-speaker h2,
#tri_content .ma26-expertise h2,
.tri_content .ma26-expertise h2,
#tri_content .ma26-expertise h3,
.tri_content .ma26-expertise h3,
#tri_content .ma26-final h2,
.tri_content .ma26-final h2{color:#fff}
#tri_content .ma26-hero .ma26-lead,
.tri_content .ma26-hero .ma26-lead{color:#b6b6b6}
#tri_content .ma26-hero__facts strong,
.tri_content .ma26-hero__facts strong{color:#fff}
#tri_content .ma26-speaker__copy>p,
.tri_content .ma26-speaker__copy>p{color:#aaa}
#tri_content .ma26-speaker__events span,
.tri_content .ma26-speaker__events span{color:#989898}
#tri_content .ma26-expertise p,
.tri_content .ma26-expertise p{color:#929292}
#tri_content .ma26-final p,
.tri_content .ma26-final p{color:#fff}
#tri_content .ma26-project:hover h3,
.tri_content .ma26-project:hover h3{color:#111}
#tri_content .ma26-project p,
.tri_content .ma26-project p{color:#777}
#tri_content .ma26-project:hover p,
.tri_content .ma26-project:hover p{color:#392c53}
#tri_content .ma26-project:hover .ma26-project__type,
.tri_content .ma26-project:hover .ma26-project__type{color:#201733}
#tri_content .ma26-final h2,
.tri_content .ma26-final h2,
#tri_content .ma26-final p,
.tri_content .ma26-final p{color:#111}
@media(max-width:1050px){
  .ma26-hero__grid{grid-template-columns:1fr .65fr}
  .ma26-hero__facts>div{padding-right:18px;margin-right:18px}
  .ma26-speaker__copy{padding:55px 42px}
  .ma26-manifesto__grid{grid-template-columns:60px 1fr}
  .ma26-manifesto__text{grid-column:2}
  .ma26-expertise__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .ma26-wrap{width:min(100% - 34px,1320px)}
  .ma26-hero,.ma26-hero__grid{min-height:auto}
  .ma26-hero__grid{display:flex;flex-direction:column}
  .ma26-hero__copy{padding:90px 0 0}
  .ma26-hero h1{font-size:clamp(52px,16vw,76px)}
  .ma26-hero__visual{width:100%;min-height:420px}
  .ma26-hero__visual>img{width:430px;max-width:100%;transform:none}
  .ma26-hero__halo{width:360px;height:360px}
  .ma26-hero__badge{right:0;bottom:25px}
  .ma26-hero__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:45px}
  .ma26-hero__facts>div{display:block;padding:17px 5px 0 0;margin:0;border-right:0}
  .ma26-hero__facts strong,.ma26-hero__facts span{display:block}
  .ma26-hero__facts span{margin-top:6px;font-size:9px}
  .ma26-manifesto,.ma26-speaker,.ma26-project-section,.ma26-expertise,.ma26-final{padding:78px 0}
  .ma26-manifesto__grid{display:block}
  .ma26-manifesto h2{font-size:42px}
  .ma26-manifesto__text{margin-top:35px}
  .ma26-speaker__card{grid-template-columns:1fr}
  .ma26-speaker__media{min-height:470px}
  .ma26-speaker__copy{padding:42px 24px 48px}
  .ma26-speaker h2{font-size:42px}
  .ma26-speaker__events>div{grid-template-columns:1fr;gap:4px}
  .ma26-heading{display:block;margin-bottom:40px}
  .ma26-heading__side{margin-bottom:28px}
  .ma26-heading h2{font-size:46px}
  .ma26-projects{grid-template-columns:1fr}
  .ma26-project--wide{grid-column:auto}
  .ma26-project,.ma26-project--wide{min-height:330px;padding:27px}
  .ma26-project__content{max-width:100%;margin-top:30px}
  .ma26-project img,.ma26-project--wide img{width:min(62%,190px);height:62px;margin-top:26px}
  .ma26-expertise__grid{grid-template-columns:1fr}
  .ma26-expertise article{min-height:230px}
  .ma26-expertise h3{margin-top:45px}
  .ma26-final__inner{grid-template-columns:1fr;gap:40px}
  .ma26-final h2{font-size:50px}
}

/* Startseite: vertikale Kapitelhierarchie */
.ma26-manifesto__grid{display:block}
.ma26-manifesto__grid>.ma26-section-no,
.ma26-heading .ma26-section-no{display:none}
.ma26-manifesto__text{max-width:760px;margin:42px 0 0 auto;padding-top:30px}
.ma26-heading>div:last-child{max-width:900px}

/* ==========================================================================
   Einheitliches Seitensystem: Faehigkeiten, KI First, Energy, Videos
   ========================================================================== */
#tri_content{--ma-gold:#8066b3;--ma-gold-light:#b39ae6;--ma-black:#0b0b0b;--ma-warm:#f5f5f5}
#tri_content .vorueberschrift,
#tri_content .ma-kicker{display:block;width:auto;margin:0 0 16px;padding:0;border:0;color:var(--ma-gold);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
#tri_content .ma-section{padding:105px 0;margin:0;border:0;border-radius:0;background:#fff}
#tri_content .ma-section{position:relative;left:50%;width:100vw;margin-left:-50vw!important}
#tri_content .ma-section:nth-of-type(even){background:var(--ma-warm)}
#tri_content .ma-section__inner{width:min(1180px,calc(100% - 64px));max-width:none;margin:0 auto;padding:0}
#tri_content .ma-section__head{display:block!important;max-width:850px;margin:0 0 48px!important;text-align:left!important}
#tri_content .ma-section__head h2{margin:0 0 18px;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.045em}
#tri_content .ma-section__head .ma-muted{margin:0;font-size:17px;line-height:1.65;color:#626262}
#tri_content .ma-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ccc3de;border:1px solid #ccc3de}
#tri_content .ma-card{min-height:230px;padding:34px;border:0;border-radius:0;background:#fff;box-shadow:none}
#tri_content .ma-card__title{margin-bottom:18px;font-family:"Montserrat",Arial,sans-serif;font-size:27px;letter-spacing:-.025em}
#tri_content .ma-card__text{font-size:15px;line-height:1.7;color:#666}
#tri_content .ma-cols{gap:1px;background:#ccc3de;border:1px solid #ccc3de}
#tri_content .ma-cols>ul{margin:0;padding:38px 42px;background:#fff}
#tri_content .ma-list li{margin-bottom:14px;line-height:1.65}
#tri_content .button-primary{background:var(--ma-gold)!important;border-color:var(--ma-gold)!important;color:#111!important}
#tri_content .button-primary:hover{background:var(--ma-gold-light)!important}

/* Gemeinsame dunkle Editorial-Heroes */
#tri_content .ma-techhero,
#tri_content .ma-aifirst,
#tri_content .ma-energy{position:relative;left:50%;width:100vw;margin-left:-50vw;padding:110px 0 100px;border:0;border-radius:0;background:#0b0b0b;color:#fff;overflow:hidden}
#tri_content .ma-techhero:before,
#tri_content .ma-aifirst:before,
#tri_content .ma-energy:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:9.2vw 100%;pointer-events:none}
#tri_content .ma-techhero__inner,
#tri_content .ma-aifirst__inner,
#tri_content .ma-energy__inner{position:relative;z-index:1;width:min(1180px,calc(100% - 64px));max-width:none;margin:0 auto;padding:0}
#tri_content .ma-techhero h1,
#tri_content .ma-aifirst h1,
#tri_content .ma-energy h1{max-width:1000px;margin:18px 0 28px;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(48px,5.3vw,72px);line-height:.98;letter-spacing:-.05em;color:#fff}
#tri_content .ma-techhero p,
#tri_content .ma-aifirst__lead,
#tri_content .ma-energy__lead{max-width:780px;margin:0 0 32px;font-size:19px;line-height:1.7;color:#b6b6b6}
#tri_content .ma-techhero strong,
#tri_content .ma-aifirst strong,
#tri_content .ma-energy strong{color:var(--ma-gold-light)}
#tri_content .ma-techhero a,
#tri_content .ma-aifirst a,
#tri_content .ma-energy a{color:#fff}
#tri_content .ma-aifirst__cta,
#tri_content .ma-energy__cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:64px}
#tri_content .ma-aifirst__grid,
#tri_content .ma-energy__shots{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
#tri_content .ma-aishot,
#tri_content .ma-energyshot{overflow:hidden;border:1px solid #333;border-radius:0;background:#141414;box-shadow:none}
#tri_content .ma-aishot__head,
#tri_content .ma-energyshot__head{padding:16px 18px;color:var(--ma-gold-light);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#tri_content .ma-aishot img,
#tri_content .ma-energyshot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
#tri_content .ma-aishot__note{padding:16px 18px;color:#aaa}

/* Faehigkeiten kompakter und persoenlicher */
#tri_content .ma-techhero__grid{gap:60px}
#tri_content .ma-techhero__right{border-color:#333;background:#111}
#tri_content .ma-terminal{border-radius:0;border-color:#333;box-shadow:none}
#tri_content .ma-speaker{grid-template-columns:.9fr 1.1fr;gap:1px;background:#2d2d2d;border:1px solid #2d2d2d}
#tri_content .ma-speaker__imgGrid{gap:1px}
#tri_content .ma-speaker__imgGrid img{border-radius:0;box-shadow:none;min-height:320px;object-fit:cover}
#tri_content .ma-speaker__content{padding:36px;background:#0b0b0b}
#tri_content .ma-speaker__hl{border-color:#333;color:#aaa}
#tri_content .ma-speaker__tag{color:var(--ma-gold-light)}
#tri_content .ma-speaker__note{color:#aaa}
#tri_content .ma-timeline__card{border-radius:0;box-shadow:none;border-color:#ddd}
#tri_content .ma-quoteBox{border-radius:0;box-shadow:none;border-color:#ddd}

/* Matrix und dunkle Kapitel */
#tri_content .ma-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ccc3de;border:1px solid #ccc3de}
#tri_content .ma-matrix__col{padding:34px;border:0;border-radius:0;background:#fff;box-shadow:none}
#tri_content .ma-matrix__head{font-family:"Montserrat",Arial,sans-serif;font-size:22px}
#tri_content .ma-section--dark{position:relative;left:50%;width:100vw;margin-left:-50vw!important;padding:105px 0!important;background:#0b0b0b!important;color:#fff}
#tri_content .ma-section--dark .ma-section__head h2{color:#fff}
#tri_content .ma-section--dark p{color:#aaa}
#tri_content .ma-darkbullets{gap:1px;background:#333}
#tri_content .ma-darkbullets li{border:0;border-radius:0;background:#141414}
#tri_content .ma-darkbullets__k{color:var(--ma-gold-light)}
#tri_content .ma-section--cta{background:var(--ma-warm)!important}
#tri_content .ma-section--cta{position:relative;left:50%;width:100vw;margin-left:-50vw!important}
#tri_content .ma-section--cta .ma-section__inner{width:100%;max-width:none}
#tri_content .ma-section--cta .ma-kicker{color:#201733}
#tri_content .ma-section--cta h2,
#tri_content .ma-section--cta p{color:#111}
#tri_content .ma-cta{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end}
#tri_content .ma-section--cta .button-primary{background:#111!important;border-color:#111!important;color:#fff!important}

/* Videos */
#tri_content .ma-video-page{position:relative;left:50%;width:100vw;margin-left:-50vw}
#tri_content .ma-videohero{padding:105px 0 85px;background:#0b0b0b;color:#fff}
#tri_content .ma-videohero__inner,
#tri_content .ma-video-content{width:min(1180px,calc(100% - 64px));margin:0 auto}
#tri_content .ma-videohero h1{max-width:850px;margin:18px 0 24px;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(54px,7vw,92px);line-height:.94;letter-spacing:-.055em;color:#fff}
#tri_content .ma-videohero p{max-width:720px;margin:0 0 30px;color:#aaa;font-size:18px;line-height:1.65}
#tri_content .ma-video-content{padding:95px 0}
#tri_content ul.youtube_videos{display:grid!important;grid-template-columns:repeat(3,1fr);gap:30px 18px;margin:0!important;padding:0!important}
#tri_content ul.youtube_videos li{display:block!important;width:auto!important;margin:0!important;overflow:visible!important}
#tri_content ul.youtube_videos li .youtubeimg{display:block;height:auto!important;aspect-ratio:16/9;position:relative;overflow:hidden;background:#111}
#tri_content ul.youtube_videos li img{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;z-index:0!important;transition:transform .3s}
#tri_content ul.youtube_videos li span.titel{position:absolute!important;inset:auto 0 0!important;width:auto!important;height:auto!important;min-height:42%;padding:50px 20px 18px!important;display:flex!important;justify-content:flex-end!important;text-align:left!important;background:linear-gradient(transparent,rgba(0,0,0,.92))!important;color:#fff!important;font-size:17px!important;line-height:1.35}
#tri_content ul.youtube_videos li:hover img{transform:scale(1.04)}
#tri_content ul.youtube_videos li p{margin:13px 0 0;color:#666;font-size:13px;line-height:1.55}
#tri_content .ma-video-pagination{margin-top:55px;text-align:center}
#tri_content .youtube_seitenumschaltung,
#tri_content .youtube_seitenumschaltung_aktiv{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;margin:3px;padding:6px;border:1px solid #ccc}
#tri_content .youtube_seitenumschaltung_aktiv{border-color:var(--ma-gold);background:var(--ma-gold);color:#111}
body:has(.ma-techhero) #tri_content .p60,
body:has(.ma-aifirst) #tri_content .p60,
body:has(.ma-energy) #tri_content .p60,
body:has(.ma-video-page) #tri_content .p60{padding-top:0!important;padding-bottom:0!important}
#tri_pageloader{display:none!important}
body:has(.ma26-home) .tri_content_inner,
body:has(.ma-techhero) .tri_content_inner,
body:has(.ma-aifirst) .tri_content_inner,
body:has(.ma-energy) .tri_content_inner,
body:has(.ma-video-page) .tri_content_inner{padding-bottom:0!important}
.tri_footer{margin-top:0!important;background-color:#050607!important}

/* Lesbare Interaktionen auf allen dunklen Flaechen */
body .tri_header a:hover,
#tri_footer a:hover{color:#b39ae6!important}
#tri_content .ma26-speaker .ma26-textlink:hover,
#tri_content .ma-techhero__cta .ma-link:hover,
#tri_content .ma-aifirst__cta .ma-link:hover,
#tri_content .ma-energy__cta .ma-link:hover,
#tri_content .ma-section--dark a:hover,
#tri_content .ma-videohero a:not(.button):hover{color:#b39ae6!important}
#tri_content .ma-techhero__cta .ma-link,
#tri_content .ma-aifirst__cta .ma-link,
#tri_content .ma-energy__cta .ma-link{color:#fff!important}
#tri_content .ma-techhero__cta .ma-link:focus-visible,
#tri_content .ma-aifirst__cta .ma-link:focus-visible,
#tri_content .ma-energy__cta .ma-link:focus-visible{color:#b39ae6!important;outline:2px solid #8066b3;outline-offset:4px}
#tri_content .ma-section--dark a{color:#b39ae6!important}
#tri_content .ma-section--dark a:hover,
#tri_content .ma-section--dark a:focus-visible{color:#fff!important}
#tri_content .ma-techhero__cta .button:hover,
#tri_content .ma-aifirst__cta .button:hover,
#tri_content .ma-energy__cta .button:hover,
#tri_content .ma-videohero .button:hover{color:#111!important;background:#b39ae6!important}
#tri_content .youtube_seitenumschaltung{color:#222!important}
#tri_content .youtube_seitenumschaltung:hover{color:#111!important;background:#f5f5f5;border-color:#8066b3}

/* Faehigkeiten: Terminal auf heller Buehne */
#tri_content .ma-terminal-stage{position:relative;left:50%;width:100vw;margin-left:-50vw;padding:95px 0;background:#fff}
#tri_content .ma-terminal-stage__inner{width:min(1180px,calc(100% - 64px));margin:0 auto}
#tri_content .ma-terminal-stage__head{max-width:700px;margin-bottom:35px}
#tri_content .ma-terminal-stage__head h2{margin:0;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-.045em}
#tri_content .ma-terminal-stage .ma-terminal{margin:0;border:1px solid #2f343a;border-radius:6px;background:#090c10;box-shadow:0 30px 75px rgba(10,15,20,.22)}
#tri_content .ma-terminal-stage .ma-terminal__body{min-height:360px;padding:32px;font-size:15px;line-height:1.65}
#tri_content .ma-terminal--typing .ma-terminal__body:after{content:"";display:inline-block;width:8px;height:18px;margin-left:4px;vertical-align:-3px;background:#8066b3;animation:maCursor .75s steps(1) infinite}
@keyframes maCursor{50%{opacity:0}}

/* Faehigkeiten: tricoma mit Luft statt Tabellenlinien */
#tri_content #tricoma{padding-top:125px!important;padding-bottom:125px!important}
#tri_content #tricoma .ma-section__head{margin-bottom:58px!important}
#tri_content #tricoma .ma-darkbullets{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background:transparent}
#tri_content #tricoma .ma-darkbullets li{min-height:180px;padding:30px;border:0;border-radius:8px;background:#151515}
#tri_content #tricoma .ma-darkbullets li::before{display:none}
#tri_content #tricoma .ma-darkbullets__k{margin-bottom:14px;font-size:17px}
#tri_content #tricoma .ma-darkbullets__v{line-height:1.65;color:#aaa}
#tri_content #tricoma .ma-darkbullets__v a{display:inline-flex;margin-top:7px;padding:8px 12px;border:1px solid #8066b3;color:#b39ae6!important;font-weight:800}
#tri_content #tricoma .ma-darkbullets__v a:hover{background:#8066b3;color:#111!important}
#tri_content #tricoma .ma-darknote{margin-top:28px;padding:25px 28px;border:0;border-left:4px solid #8066b3;background:#151515}

/* Faehigkeiten: Arbeitsweise */
#tri_content #proof .ma-quoteBox{padding:42px;background:#fff}
#tri_content #proof .ma-quoteBox__text{max-width:900px;font-size:23px;line-height:1.55}
#tri_content #proof .ma-quoteBox__list{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
#tri_content #proof .ma-quoteBox__item{padding:20px;border:0;background:#f5f5f5}

/* Faehigkeiten: neue Speaker-Buehne */
#tri_content #speaker{background:#f5f5f5}
#tri_content #speaker .ma-section__head{max-width:900px}
#tri_content #speaker .ma-speaker{display:grid;grid-template-columns:.7fr 1.3fr;gap:0;border:0;border-radius:8px;overflow:hidden;background:#0b0b0b;box-shadow:0 30px 80px rgba(0,0,0,.14)}
#tri_content #speaker .ma-speaker__imgGrid{display:block;min-height:680px;padding:0;background:#151515}
#tri_content #speaker .ma-speaker__imgGrid img:first-child{display:none}
#tri_content #speaker .ma-speaker__imgGrid img:nth-child(2){display:block;width:100%;height:100%;min-height:680px;object-fit:cover;object-position:center}
#tri_content #speaker .ma-speaker__content{padding:50px;background:#0b0b0b}
#tri_content #speaker .ma-speaker__highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
#tri_content #speaker .ma-speaker__hl{position:relative;min-height:150px;padding:58px 20px 20px;border:1px solid #303030;background:#121212;color:#aaa;font-size:13px;line-height:1.55}
#tri_content #speaker .ma-speaker__hl::before{content:"";position:absolute;left:20px;top:44px;width:34px;height:1px;background:#8066b3}
#tri_content #speaker .ma-speaker__year{position:absolute;left:20px;top:15px;color:#fff;font-family:"Montserrat",Arial,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.02em}
#tri_content #speaker .ma-speaker__tag{display:block;margin-bottom:9px;color:#b39ae6;font-size:12px;letter-spacing:.05em}
#tri_content #speaker .ma-speaker__topic{display:block}
#tri_content #speaker .ma-speaker__note{margin:28px 0 20px;color:#aaa;line-height:1.65}
#tri_content #speaker .ma-speaker__cta{display:inline-flex}

/* Nahtlose Vollbreiten-Kapitel: keine Streifen aus CMS-Wrappern */
body:has(.ma-techhero) #tri_content,
body:has(.ma-aifirst) #tri_content,
body:has(.ma-energy) #tri_content{background:#fff}
body:has(.ma-techhero) #tri_content .p60,
body:has(.ma-aifirst) #tri_content .p60,
body:has(.ma-energy) #tri_content .p60{margin:0!important}
#tri_content .ma-aifirst + .ma-section,
#tri_content .ma-energy + .ma-section,
#tri_content .ma-section + .ma-section{margin-top:0!important}

/* KI- und Energy-Screens als lebende Monitorfenster */
#tri_content .ma-monitor{position:relative;overflow:visible;border:0;border-radius:12px 12px 4px 4px;background:#151719;box-shadow:0 25px 65px rgba(0,0,0,.38)}
#tri_content .ma-monitor::after{display:none}
#tri_content .ma-monitor .ma-aishot__head,
#tri_content .ma-monitor .ma-energyshot__head{position:relative;padding:15px 18px 15px 78px;border-bottom:1px solid #2b2e31;color:#ddd}
#tri_content .ma-monitor .ma-aishot__head::before,
#tri_content .ma-monitor .ma-energyshot__head::before{content:"";position:absolute;left:19px;top:18px;width:9px;height:9px;border-radius:50%;background:#ff6258;box-shadow:17px 0 #742eff,34px 0 #28c840}
#tri_content .ma-monitor__screen{position:relative;display:block;overflow:hidden;background:#050607;color:#fff!important}
#tri_content .ma-monitor__screen::before{content:"";position:absolute;z-index:2;left:0;right:0;top:-20%;height:32%;background:linear-gradient(180deg,transparent,rgba(180,180,180,.14),transparent);animation:maMonitorScan 4s ease-in-out infinite;pointer-events:none}
#tri_content .ma-monitor__screen::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.78));transition:background .3s}
#tri_content .ma-monitor__screen img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s}
#tri_content .ma-monitor__screen:hover img{transform:scale(1.035);filter:brightness(.8)}
#tri_content .ma-monitor__status{position:absolute;z-index:3;left:18px;bottom:16px;padding-left:14px;color:#d8d8d8;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
#tri_content .ma-monitor__status::before{content:"";position:absolute;left:0;top:4px;width:7px;height:7px;border-radius:50%;background:#54d17a;box-shadow:0 0 10px #54d17a;animation:maStatusPulse 1.8s ease-in-out infinite}
#tri_content .ma-monitor__open{position:absolute;z-index:3;right:18px;bottom:13px;padding:7px 10px;border:1px solid rgba(179,154,230,.5);color:#b39ae6;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:.25s}
#tri_content .ma-monitor__screen:hover .ma-monitor__open{background:#b39ae6;color:#111;transform:translateY(-2px)}
#tri_content .ma-monitor__open b{font-size:14px}
#tri_content .ma-monitor .ma-aishot__note{padding:18px 20px}
@keyframes maMonitorScan{0%,15%{top:-25%;opacity:0}30%{opacity:1}70%{opacity:1}85%,100%{top:105%;opacity:0}}
@keyframes maStatusPulse{50%{opacity:.45;box-shadow:0 0 3px #54d17a}}

/* Screens bewusst ausserhalb der dunklen Heroes */
#tri_content .ma-monitor-stage{position:relative;left:0;width:100vw;margin:0!important;padding:95px 0 110px;background:#fff;color:#111}
#tri_content .ma-monitor-stage__inner{width:min(1180px,calc(100% - 64px));margin:0 auto}
#tri_content .ma-monitor-stage__head{max-width:780px;margin:0 0 44px}
#tri_content .ma-monitor-stage__head h2{margin:0;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(40px,4.8vw,64px);line-height:1;letter-spacing:-.045em;color:#111}
#tri_content .ma-monitor-stage .ma-aifirst__grid,
#tri_content .ma-monitor-stage .ma-energy__shots{gap:26px}
#tri_content .ma-monitor-stage .ma-monitor{box-shadow:0 28px 65px rgba(12,15,18,.2)}

/* Vergroesserte Monitoransicht */
body.ma-modal-open{overflow:hidden}
.ma-image-modal{position:fixed;z-index:10000;inset:0;padding:42px;display:flex;align-items:center;justify-content:center;background:rgba(3,4,5,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.ma-image-modal.is-open{opacity:1;visibility:visible}
.ma-image-modal__dialog{position:relative;width:min(1400px,100%);height:min(88vh,950px);display:flex;align-items:center;justify-content:center}
.ma-image-modal__image{position:relative;z-index:2;display:block;max-width:100%;max-height:100%;object-fit:contain;border:1px solid #3b3b3b;background:#0b0b0b;box-shadow:0 35px 100px rgba(0,0,0,.65);opacity:0;transform:scale(.975);transition:opacity .28s,transform .35s}
.ma-image-modal.is-loaded .ma-image-modal__image{opacity:1;transform:scale(1)}
.ma-image-modal__close{position:absolute;z-index:4;right:-12px;top:-12px;width:48px;height:48px;padding:0;border:1px solid #5b5b5b;border-radius:50%;background:#111;color:#fff;font:300 30px/44px Arial,sans-serif;cursor:pointer;transition:.2s}
.ma-image-modal__close:hover{border-color:#b39ae6;background:#b39ae6;color:#111;transform:rotate(6deg)}
.ma-image-modal__loading{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;gap:15px;color:#b39ae6;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.ma-image-modal__loading i{width:46px;height:46px;border:2px solid rgba(179,154,230,.2);border-top-color:#b39ae6;border-radius:50%;animation:maModalSpin .8s linear infinite}
.ma-image-modal.is-loaded .ma-image-modal__loading{display:none}
@keyframes maModalSpin{to{transform:rotate(360deg)}}

/* Energy: mehr Luft im Kapitel "Aus meinen Federn" */
#tri_content #origin{padding-top:130px!important;padding-bottom:130px!important}
#tri_content #origin .ma-section__head{margin-bottom:58px!important}
#tri_content #origin .ma-darkbullets{gap:18px;background:transparent}
#tri_content #origin .ma-darkbullets li{min-height:185px;padding:36px 38px;border:1px solid #303030;background:#141414}
#tri_content #origin .ma-darkbullets li::before{top:38px;left:18px}
#tri_content #origin .ma-darkbullets__k{margin-bottom:12px}

/* CTA auf Faehigkeiten bewusst als weisse Abschlussflaeche */
body:has(.ma-techhero) #tri_content #cta{background:#fff!important}

/* Diese CMS-Seiten liegen bereits in einem linksbuendigen Inhalts-Wrapper.
   Daher ohne negativen Viewport-Versatz ausbrechen. */
body:has(.ma-techhero) #tri_content .ma-techhero,
body:has(.ma-techhero) #tri_content .ma-terminal-stage,
body:has(.ma-techhero) #tri_content .ma-section,
body:has(.ma-aifirst) #tri_content .ma-aifirst,
body:has(.ma-aifirst) #tri_content .ma-section,
body:has(.ma-energy) #tri_content .ma-energy,
body:has(.ma-energy) #tri_content .ma-section{left:0;width:100vw;margin-left:0!important}

@media(max-width:800px){
  .ma26-exits{padding:78px 0}
  .ma26-exits .ma26-heading,
  .ma26-exit-grid{grid-template-columns:1fr}
  .ma26-exits .ma26-heading{gap:0}
  .ma26-exit{min-height:340px}
  #tri_content .ma-monitor-stage{padding:68px 0 78px}
  #tri_content .ma-monitor-stage__inner{width:calc(100% - 34px)}
  #tri_content #origin{padding-top:82px!important;padding-bottom:82px!important}
  #tri_content #origin .ma-darkbullets li{min-height:0;padding:29px 26px}
  .ma-image-modal{padding:18px}
  .ma-image-modal__dialog{height:88vh}
  .ma-image-modal__close{right:0;top:0;width:42px;height:42px;line-height:38px}
}

/* Startseite: hochwertiger Abschluss-CTA */
#tri_content .ma26-final{
  padding:110px 0;
  background:#f5f5f5;
}
#tri_content .ma26-final__inner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:80px;
  align-items:end;
  padding:78px 74px;
  border:1px solid rgba(179,154,230,.34);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 12%,rgba(180,180,180,.18),transparent 31%),
    linear-gradient(135deg,#08090a 0%,#111315 58%,#070808 100%);
  box-shadow:0 34px 90px rgba(16,17,18,.2);
  color:#fff;
}
#tri_content .ma26-final__inner:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:74px;
  width:120px;
  height:4px;
  background:#b39ae6;
  box-shadow:0 0 28px rgba(179,154,230,.45);
}
#tri_content .ma26-final__inner:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-125px;
  bottom:-185px;
  width:430px;
  height:430px;
  border:1px solid rgba(179,154,230,.15);
  border-radius:50%;
  box-shadow:0 0 0 55px rgba(179,154,230,.025),0 0 0 110px rgba(179,154,230,.018);
}
#tri_content .ma26-final .ma26-eyebrow{color:#b39ae6}
#tri_content .ma26-final h2{
  max-width:780px;
  margin-top:20px;
  color:#fff;
  font-size:clamp(48px,5.8vw,82px);
  line-height:.98;
}
#tri_content .ma26-final p{
  max-width:390px;
  margin-bottom:30px;
  color:#c8c8c8;
  font-size:17px;
}
#tri_content .ma26-final .ma26-btn--primary{
  min-width:210px;
  background:#b39ae6;
  border-color:#b39ae6;
  color:#111!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
#tri_content .ma26-final .ma26-btn--primary:hover{
  background:#fff;
  border-color:#fff;
  color:#111!important;
  transform:translateY(-3px);
}
@media(max-width:800px){
  #tri_content .ma26-final{padding:70px 0}
  #tri_content .ma26-final__inner{grid-template-columns:1fr;gap:34px;padding:56px 28px;border-radius:18px}
  #tri_content .ma26-final__inner:before{left:28px;width:84px}
  #tri_content .ma26-final h2{font-size:clamp(42px,13vw,58px)}
  #tri_content .ma26-final .ma26-btn--primary{width:100%}
}

/* Kontaktseite */
#tri_content .ma-contact{position:relative;left:50%;width:100vw;margin-left:-50vw;color:#111}
body:has(.ma-contact) #tri_content .p60{padding-top:0!important;padding-bottom:0!important}
body:has(.ma-contact) .tri_content_inner{padding-bottom:0!important}
body:has(.ma-contact) .tri_header{background:#0b0b0b!important;border-bottom:1px solid #292929!important}
body:has(.ma-contact) .tri_header a{color:#fff}
body:has(.ma-contact) .tri_header .logo img{filter:brightness(0) invert(1)}
.ma-contact__inner{width:min(1180px,calc(100% - 64px));margin:0 auto}
.ma-contact__hero{position:relative;overflow:hidden;padding:120px 0 105px;background:#090a0b;color:#fff}
.ma-contact__hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:9.2vw 100%}
.ma-contact__hero .ma-contact__inner{position:relative;z-index:1}
.ma-contact__kicker{font-size:12px;font-weight:800;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:#b39ae6}
#tri_content .ma-contact__hero h1{max-width:930px;margin:20px 0 28px;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(58px,7.2vw,100px);line-height:.93;letter-spacing:-.06em;color:#fff}
#tri_content .ma-contact__hero p{max-width:720px;margin:0;color:#aaa;font-size:19px;line-height:1.65}
.ma-contact__stage{padding:105px 0 120px;background:#f5f5f5}
.ma-contact__intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:42px}
.ma-contact__number{display:block;margin-bottom:18px;font-family:"Montserrat",Arial,sans-serif;font-size:13px;font-weight:700;color:#8b8b8b}
#tri_content .ma-contact__intro p{max-width:490px;margin:0;color:#555;font-size:17px;line-height:1.65}
.ma-contact__cards{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.ma-contact__card{position:relative;min-height:280px;padding:36px;display:flex;flex-direction:column;border:1px solid #cbc1de;background:#fff;color:#111!important;text-decoration:none!important;box-shadow:0 18px 48px rgba(22,23,24,.07);transition:transform .25s,border-color .25s,box-shadow .25s}
.ma-contact__card--mail{background:#111315;color:#fff!important;border-color:#111315}
.ma-contact__card:hover{transform:translateY(-7px);border-color:#8066b3;box-shadow:0 28px 65px rgba(22,23,24,.14)}
.ma-contact__label{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#8a8a8a}
.ma-contact__card--mail .ma-contact__label{color:#b39ae6}
.ma-contact__card strong{display:block;margin:auto 0 18px;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(25px,3.1vw,43px);line-height:1.08;letter-spacing:-.04em;color:inherit;overflow-wrap:anywhere}
.ma-contact__hint{max-width:75%;font-size:13px;line-height:1.5;color:#777}
.ma-contact__card--mail .ma-contact__hint{color:#aaa}
.ma-contact__arrow{position:absolute;right:30px;top:28px;font-size:30px;font-weight:300;color:#8066b3;transition:transform .25s}
.ma-contact__card:hover .ma-contact__arrow{transform:translate(5px,-5px)}
.ma-contact__legal{margin-top:95px;padding-top:42px;border-top:1px solid #bcb0d5}
.ma-contact__legal-head{display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:start}
#tri_content .ma-contact__legal h2{margin:12px 0 45px;font-family:"Montserrat",Arial,sans-serif;font-size:clamp(38px,4.6vw,60px);line-height:1;color:#111;letter-spacing:-.045em}
.ma-contact__legal-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c6bbdb;border-left:1px solid #c6bbdb;background:rgba(255,255,255,.42)}
.ma-contact__legal-grid>div{min-height:190px;padding:28px;border-right:1px solid #c6bbdb;border-bottom:1px solid #c6bbdb}
#tri_content .ma-contact__legal-grid p,.ma-contact__legal-grid address{margin:25px 0 0;color:#4f4f4f;font:normal 15px/1.7 Arial,sans-serif}
#tri_content .ma-contact__legal-grid strong{color:#111}
@media(max-width:800px){
  .ma-contact__inner{width:calc(100% - 34px)}
  .ma-contact__hero{padding:80px 0 70px}
  #tri_content .ma-contact__hero h1{font-size:clamp(50px,15vw,72px)}
  .ma-contact__stage{padding:72px 0 80px}
  .ma-contact__intro,.ma-contact__cards{grid-template-columns:1fr;gap:18px}
  .ma-contact__intro{margin-bottom:32px}
  .ma-contact__card{min-height:230px;padding:28px}
  .ma-contact__card strong{font-size:29px}
  .ma-contact__legal{margin-top:70px}
  .ma-contact__legal-head{grid-template-columns:1fr}
  .ma-contact__legal-grid{grid-template-columns:1fr}
  .ma-contact__legal-grid>div{min-height:0}
}

/* Globale Scroll-Reveals werden nur mit JS aktiv */
.ma-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.ma-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .ma-reveal{opacity:1;transform:none;transition:none}
  #tri_content .ma-terminal--typing .ma-terminal__body:after{animation:none}
}

@media(max-width:800px){
  #tri_content .ma-terminal-stage{padding:68px 0}
  #tri_content .ma-terminal-stage__inner{width:calc(100% - 34px)}
  #tri_content .ma-terminal-stage .ma-terminal__body{min-height:390px;padding:21px;font-size:12px;white-space:pre-wrap}
  #tri_content #tricoma .ma-darkbullets,
  #tri_content #proof .ma-quoteBox__list,
  #tri_content #speaker .ma-speaker,
  #tri_content #speaker .ma-speaker__highlights{grid-template-columns:1fr}
  #tri_content #speaker .ma-speaker__imgGrid{min-height:420px}
  #tri_content #speaker .ma-speaker__imgGrid img:nth-child(2){min-height:420px}
  #tri_content #speaker .ma-speaker__content{padding:28px 20px}
}

@media(max-width:800px){
  .tri_header .tri_header_inner .header .header_logo .logo img{max-height:118px;max-width:220px}
  #tri_content .ma-section{padding:72px 0}
  #tri_content .ma-section__inner,
  #tri_content .ma-techhero__inner,
  #tri_content .ma-aifirst__inner,
  #tri_content .ma-energy__inner,
  #tri_content .ma-videohero__inner,
  #tri_content .ma-video-content{width:calc(100% - 34px)}
  #tri_content .ma-techhero,
  #tri_content .ma-aifirst,
  #tri_content .ma-energy{padding:78px 0 68px}
  #tri_content .ma-techhero h1,
  #tri_content .ma-aifirst h1,
  #tri_content .ma-energy h1,
  #tri_content .ma-videohero h1{font-size:48px}
  #tri_content .ma-cards,
  #tri_content .ma-aifirst__grid,
  #tri_content .ma-energy__shots,
  #tri_content .ma-matrix,
  #tri_content .ma-speaker,
  #tri_content .ma-cta,
  #tri_content ul.youtube_videos{grid-template-columns:1fr}
  #tri_content .ma-cta{width:calc(100% - 34px)}
  #tri_content .ma-speaker__content{padding:28px 22px}
  #tri_content .ma-videohero{padding:78px 0 64px}
  #tri_content .ma-video-content{padding:65px 0}
}

/* Keep the additional Media Kit entry in the desktop navigation row. */
@media(min-width:1101px){
 .tri_header .header>.container{display:flex;align-items:center;gap:24px}
 .tri_header .header>.container>.columns.four{width:220px;flex:0 0 220px;margin:0}
 .tri_header .header>.container>.columns.eight{width:auto;min-width:0;flex:1;margin:0}
 #tri_menu_navigation>.container{width:100%;max-width:none;padding:0}
 #tri_navigation{display:flex;justify-content:flex-end;align-items:center;gap:20px;float:none}
 #tri_navigation>li{padding-right:0;flex:0 0 auto}
 #tri_navigation>li>a{font-size:14px;letter-spacing:.08em;white-space:nowrap}
}
@media(min-width:1101px) and (max-width:1279px){
 .tri_header .header>.container{gap:16px}
 .tri_header .header>.container>.columns.four{width:190px;flex-basis:190px}
 #tri_navigation{gap:14px}
 #tri_navigation>li>a{font-size:13px;letter-spacing:.05em}
}

/* Small-screen layouts: use the viewport once, rather than inside CMS gutters. */
@media(max-width:1100px){
 #tri_content .container.p60{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0;box-sizing:border-box}
 #tri_content .ma-techhero,#tri_content .ma-aifirst,#tri_content .ma-energy,#tri_content .ma-monitor-stage,#tri_content .ma-terminal-stage,#tri_content .ma-section{max-width:100%;box-sizing:border-box}
 #tri_content h1,#tri_content h2,#tri_content h3{overflow-wrap:anywhere}
 #tri_content .ma26-speaker__card>*,#tri_content .ma-techhero__inner>*,#tri_content .ma-aifirst__grid>*,#tri_content .ma-energy__shots>*,#tri_content .ma-speaker>*,#tri_content .ma-cta>*,#tri_content .ma-media .mk-grid>*{min-width:0}
 #tri_content .button,#tri_content .ma26-btn{max-width:100%;height:auto;white-space:normal;box-sizing:border-box;line-height:1.5;text-align:center}
 #tri_content .ma26-speaker__caption{max-width:calc(100% - 36px);box-sizing:border-box}
 #tri_content .ma26-speaker__media img{max-width:100%}
 #tri_footer a{overflow-wrap:anywhere}
 #maMobileNavOverlay .ma-mobile-nav-content{min-height:0}
 #maMobileNavOverlay{max-height:100vh;max-height:100dvh}
}
@media(max-width:600px){
 #tri_content .ma-techhero h1,#tri_content .ma-aifirst h1,#tri_content .ma-energy h1,#tri_content .ma-videohero h1{font-size:clamp(32px,9vw,48px)}
 #tri_content .ma-media .mk-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #tri_content .ma-media .mk-grid h3{overflow-wrap:anywhere}
}
@media(max-width:1100px){
 #tri_content .ma-section__inner{box-sizing:border-box;max-width:calc(100% - 34px)}
 #tri_content .ma-cols>*,#tri_content .ma-cards>*{min-width:0}
 #tri_content .ma-list{box-sizing:border-box;max-width:100%;min-width:0;overflow-wrap:anywhere}
}

@media(max-width:1100px){#tri_content .button,#tri_content .ma26-btn{min-height:44px;padding:12px 18px}}

/* Media Kit loads its own stylesheet later; scoped rules win. */
body:has(.ma-media) body.ma-aurora #tri_content .container.p60{width:100%;max-width:none;padding:0}
body.ma-aurora #tri_content .ma-media{--mk-gold:#997bd4;--mk-ink:#151617;color:var(--mk-ink);background:#fff;font-family:inherit}
body.ma-aurora #tri_content .ma-media *{box-sizing:border-box}
body.ma-aurora #tri_content .ma-media .mk-wrap{width:min(1180px,calc(100% - 64px));margin:auto}
body.ma-aurora #tri_content .ma-media .mk-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#4d3284;margin:0 0 22px}
body.ma-aurora #tri_content .ma-media h1{font-size:clamp(38px,4.4vw,66px);line-height:1.08;letter-spacing:-.045em;font-weight:700;margin:0 0 26px;color:inherit}
body.ma-aurora #tri_content .ma-media h1 em{font-style:normal;color:var(--mk-gold)}
body.ma-aurora #tri_content .ma-media h2{font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;color:inherit}
body.ma-aurora #tri_content .ma-media h3{font-size:20px;line-height:1.3;margin:0 0 12px;color:inherit}
body.ma-aurora #tri_content .ma-media p{font-size:16px;line-height:1.8;margin:0 0 20px;color:#626465}
body.ma-aurora #tri_content .ma-media .mk-hero{background:#121416;color:#fff;overflow:hidden}
body.ma-aurora #tri_content .ma-media .mk-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center;padding-top:80px;padding-bottom:65px}
body.ma-aurora #tri_content .ma-media .mk-hero p{color:#bdc0c3}
body.ma-aurora #tri_content .ma-media .mk-hero .mk-kicker{color:var(--mk-gold)}
body.ma-aurora #tri_content .ma-media .mk-lead{max-width:650px;font-size:17px}
body.ma-aurora #tri_content .ma-media .mk-portrait{position:relative;align-self:end}
body.ma-aurora #tri_content .ma-media .mk-portrait img{width:100%;max-height:540px;object-fit:contain;display:block}
body.ma-aurora #tri_content .ma-media .mk-stamp{position:absolute;right:0;bottom:12px;padding:18px 24px;background:#202223e8;border:1px solid #ffffff26;border-radius:12px;color:#ccc;font-size:14px;line-height:1.6}
body.ma-aurora #tri_content .ma-media .mk-stamp strong{color:var(--mk-gold);font-size:20px}
body.ma-aurora #tri_content .ma-media .mk-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 20px}
body.ma-aurora #tri_content .ma-media .mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 20px;border:1px solid transparent;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s;line-height:1.5}
body.ma-aurora #tri_content .ma-media .mk-primary{background:var(--mk-gold);color:#171717}
body.ma-aurora #tri_content .ma-media .mk-primary:hover{background:#b298e5}
body.ma-aurora #tri_content .ma-media .mk-ghost{border-color:#ffffff40;color:#fff;background:transparent}
body.ma-aurora #tri_content .ma-media .mk-ghost:hover{background:#ffffff12}
body.ma-aurora #tri_content .ma-media .mk-caption{font-size:12px;color:#969a9e}
body.ma-aurora #tri_content .ma-media .mk-jump{border-bottom:1px solid #e0dbeb;background:#f7f7f7}
body.ma-aurora #tri_content .ma-media .mk-jump .mk-wrap{display:flex;gap:30px;overflow:auto}
body.ma-aurora #tri_content .ma-media .mk-jump a{padding:22px 0;color:#555;font-size:13px;white-space:nowrap;text-decoration:none}
body.ma-aurora #tri_content .ma-media .mk-jump a:hover{color:#4d3284}
body.ma-aurora #tri_content .ma-media .mk-section{padding:90px 0;scroll-margin-top:100px}
body.ma-aurora #tri_content .ma-media .mk-heading{max-width:780px;margin-bottom:40px}
body.ma-aurora #tri_content .ma-media .mk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
body.ma-aurora #tri_content .ma-media .mk-topics article{border-top:1px solid #cec5e0;padding-top:20px}
body.ma-aurora #tri_content .ma-media .mk-topics article>span{display:block;color:#4d3284;font-size:12px;margin-bottom:26px}
body.ma-aurora #tri_content .ma-media .mk-topics p{font-size:14px}
body.ma-aurora #tri_content .ma-media .mk-projects{border-top:1px solid #eee;padding-top:28px;margin-top:28px;font-size:13px;color:#777}
body.ma-aurora #tri_content .ma-media .mk-projects strong{display:block;color:#444;margin-top:8px;line-height:2}
body.ma-aurora #tri_content .ma-media .mk-muted{background:#f3f3f3}
body.ma-aurora #tri_content .ma-media .mk-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cec5e0;border-bottom:1px solid #cec5e0;margin-bottom:20px}
body.ma-aurora #tri_content .ma-media .mk-stats>div{padding:28px 0}
body.ma-aurora #tri_content .ma-media .mk-stats strong{display:block;font-size:clamp(30px,4vw,50px);letter-spacing:-.05em;margin-bottom:10px}
body.ma-aurora #tri_content .ma-media .mk-stats span{font-size:13px;color:#666}
body.ma-aurora #tri_content .ma-media .mk-note{font-size:12px;color:#777;line-height:1.7}
body.ma-aurora #tri_content .ma-media .mk-two{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:35px}
body.ma-aurora #tri_content .ma-media .mk-textlink{display:inline-block;color:#4d3284;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid #947bc5;padding-bottom:5px}
body.ma-aurora #tri_content .ma-media .mk-formats{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
body.ma-aurora #tri_content .ma-media .mk-formats article{display:flex;gap:26px;padding:28px 0;border-top:1px solid #ddd7ea}
body.ma-aurora #tri_content .ma-media .mk-formats article>span{color:#4d3284;font-size:12px;padding-top:4px}
body.ma-aurora #tri_content .ma-media .mk-formats p{font-size:14px;margin:0}
body.ma-aurora #tri_content .ma-media .mk-dark{background:#17191b;color:#fff}
body.ma-aurora #tri_content .ma-media .mk-dark p{color:#b6b9bd}
body.ma-aurora #tri_content .ma-media .mk-dark .mk-kicker{color:var(--mk-gold)}
body.ma-aurora #tri_content .ma-media .mk-speaker{align-items:center;margin-top:0}
body.ma-aurora #tri_content .ma-media .mk-speaker>img{width:100%;height:490px;object-fit:cover;border-radius:14px}
body.ma-aurora #tri_content .ma-media .mk-downloads{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:22px}
body.ma-aurora #tri_content .ma-media .mk-downloads a{display:flex;flex-direction:column;position:relative;padding:28px 50px 28px 28px;border:1px solid #dad3e7;border-radius:10px;text-decoration:none;color:#171717;background:#f7f7f7}
body.ma-aurora #tri_content .ma-media .mk-downloads a:hover{border-color:#856bb9;background:#ededed}
body.ma-aurora #tri_content .ma-media .mk-downloads span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#4d3284;margin-bottom:16px}
body.ma-aurora #tri_content .ma-media .mk-downloads strong{font-size:23px;margin-bottom:9px}
body.ma-aurora #tri_content .ma-media .mk-downloads small{font-size:13px;color:#777;line-height:1.6}
body.ma-aurora #tri_content .ma-media .mk-downloads b{position:absolute;right:24px;top:30px;font-size:24px;font-weight:400}
body.ma-aurora #tri_content .ma-media .mk-contact{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:75px;padding:45px;border:1px solid #c5b9dd;border-radius:14px;background:#efefef}
body.ma-aurora #tri_content .ma-media .mk-contact>div{max-width:660px}
body.ma-aurora #tri_content .ma-media .mk-contact h2{font-size:30px}
body.ma-aurora #tri_content .ma-media .mk-contact .mk-btn{flex-shrink:0}
body.ma-aurora #tri_content .ma-media a:focus-visible{outline:3px solid #7b5db6;outline-offset:5px}
@media(max-width:900px){body.ma-aurora #tri_content .ma-media .mk-hero-grid{grid-template-columns:1fr;gap:30px;padding-top:50px}body.ma-aurora #tri_content .ma-media .mk-portrait{max-width:350px;justify-self:center}body.ma-aurora #tri_content .ma-media .mk-grid{grid-template-columns:1fr 1fr}body.ma-aurora #tri_content .ma-media .mk-contact{flex-direction:column;align-items:flex-start}body.ma-aurora #tri_content .ma-media .mk-two{gap:28px}}
@media(max-width:600px){body.ma-aurora #tri_content .ma-media .mk-wrap{width:calc(100% - 36px)}body.ma-aurora #tri_content .ma-media .mk-section{padding:55px 0}body.ma-aurora #tri_content .ma-media .mk-two,body.ma-aurora #tri_content .ma-media .mk-formats,body.ma-aurora #tri_content .ma-media .mk-downloads{grid-template-columns:1fr}body.ma-aurora #tri_content .ma-media .mk-stats{grid-template-columns:1fr}body.ma-aurora #tri_content .ma-media .mk-stats>div{padding:18px 0;border-bottom:1px solid #dad3e7}body.ma-aurora #tri_content .ma-media .mk-grid{gap:24px 18px}body.ma-aurora #tri_content .ma-media h3{font-size:18px}body.ma-aurora #tri_content .ma-media .mk-actions .mk-btn{width:100%}body.ma-aurora #tri_content .ma-media .mk-speaker>img{height:330px}body.ma-aurora #tri_content .ma-media .mk-contact{padding:25px;margin-top:40px}body.ma-aurora #tri_content .ma-media .mk-contact .mk-btn{width:100%;font-size:12px;padding:13px}body.ma-aurora #tri_content .ma-media .mk-jump .mk-wrap{gap:22px}}

body.ma-aurora #tri_content .ma-media .mk-dark strong{color:#fff}
body.ma-aurora #tri_content .ma-media .mk-note{color:#666}
body.ma-aurora #tri_content .ma-media .mk-dark .mk-note{color:#b6b9bd}

/* Consistent brand and interactions, including hover/focus states. */
body.ma-aurora{--lux-gold:#7950c5;--lux-gold-2:#c6b0f2;--lux-gold-3:#59368f;--lux-gold-glow:rgba(121,80,197,.3)}
body.ma-aurora #tri_content{--ma-gold:#7950c5;--ma-gold-light:#c6b0f2;--ma-warm:#f5f5f5}
body.ma-aurora :is(.tri_footer,#tri_footer){background:#100b19!important}
body.ma-aurora .tri_header .header{background:#100b19!important}
body.ma-aurora .tri_header .logo img,body.ma-aurora .tri_footer img[src*="logo"],body.ma-aurora #tri_footer img[src*="logo"]{filter:brightness(0) saturate(100%) invert(78%) sepia(21%) saturate(965%) hue-rotate(211deg) brightness(103%) contrast(94%)!important}
body.ma-aurora #tri_content :is(.ma26-hero,.ma-aifirst,.ma-energy,.ma-videohero,.ma-contact__hero,.ma-media .mk-hero,#ma-skill-lab){background:radial-gradient(ellipse at 25% 0%,#ffffff08,transparent 65%),#100b19!important}
body.ma-aurora #tri_content :is(.ma-section--dark,.ma26-expertise){background:#100b19!important}
body.ma-aurora #tri_content .ma26-home{--ma26-red:#7950c5;--ma26-paper:#fff;--ma26-ink:#100b19}
body.ma-aurora #tri_content :is(.ma26-hero h1 em,.ma26-project__type){color:#a98adc}
body.ma-aurora #tri_content :is(.ma26-project__type){color:#6945a5}
body.ma-aurora #tri_content a.button-primary,body.ma-aurora #tri_content #speaker a.button-primary,body.ma-aurora #tri_content .ma26-btn--primary,body.ma-aurora #tri_content .ma26-btn--light,body.ma-aurora #tri_content .ma-section--cta .button-primary,body.ma-aurora #tri_content .ma-media .mk-primary{background:#7147bb!important;border-color:#7147bb!important;color:#fff!important;border-radius:10px}
body.ma-aurora #tri_content a.button-primary:hover,body.ma-aurora #tri_content #speaker a.button-primary:hover,body.ma-aurora #tri_content .ma26-btn--primary:hover,body.ma-aurora #tri_content .ma26-btn--light:hover,body.ma-aurora #tri_content .ma-section--cta .button-primary:hover,body.ma-aurora #tri_content .ma-media .mk-primary:hover{background:#583293!important;border-color:#583293!important;color:#fff!important}
body.ma-aurora :is(a,button,input,textarea,select):focus-visible{outline-color:#9d7bd5!important}
body.ma-aurora #tri_content #ma-skill-lab{--sl-accent:#b69ce8!important;--sl-rgb:182,156,232!important}
body.ma-aurora #tri_content #ma-skill-lab[data-mode=energy],body.ma-aurora #tri_content #ma-skill-lab[data-mode=ai],body.ma-aurora #tri_content #ma-skill-lab[data-mode=marketing]{--sl-accent:#b69ce8!important;--sl-rgb:182,156,232!important}
body.ma-aurora #tri_content #ma-skill-lab .sl-node{border-color:#b69ce838}
body.ma-aurora #tri_content .ma-monitor__open{background:#7147bb!important;border-color:#7147bb!important;color:#fff!important}
body.ma-aurora #tri_content .ma-monitor__open:hover{background:#583293!important}
body.ma-aurora.ma-header--compact .tri_header .tri_header_inner .header .header_logo .logo img{max-height:132px;padding-top:8px;padding-bottom:8px}
body.ma-aurora.ma-header--compact #tri_navigation>li>a{line-height:112px}
@media(max-width:800px){body.ma-aurora.ma-header--compact .tri_header .tri_header_inner .header .header_logo .logo img{max-height:118px}}
@media(max-width:1100px){body.ma-aurora.ma-header--compact #tri_navigation>li>a{line-height:1.5}}
body.ma-aurora #maMobileNavOverlay{background:#100b19!important}
body.ma-aurora #maMobileNavOverlay a:hover,body.ma-aurora #maMobileNavOverlay a:focus-visible{background:#7950c533!important;color:#fff!important}
body.ma-aurora .ma-image-modal__close:hover{background:#7147bb!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){body.ma-aurora *,body.ma-aurora *::before,body.ma-aurora *::after{animation:none!important;transition:none!important}}

/* Compact, consistently violet footer. */
body.ma-aurora #tri_footer.ma-footer{background:#160f23!important;color:#e9e0f3!important;padding:55px 28px 24px!important;margin:0!important;border:0!important;border-top:1px solid #bda2db29!important;font-family:'Open Sans',Arial,sans-serif}
body.ma-aurora #tri_footer.ma-footer *{box-sizing:border-box;color:inherit}
body.ma-aurora #tri_footer.ma-footer .mf-wrap{max-width:1260px;margin:auto}
body.ma-aurora #tri_footer.ma-footer .mf-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:35px}
body.ma-aurora #tri_footer.ma-footer .mf-logo{display:block;width:185px;max-width:100%;height:auto;max-height:none;padding:0;margin:0 0 16px;filter:brightness(0) saturate(100%) invert(78%) sepia(21%) saturate(965%) hue-rotate(211deg) brightness(103%) contrast(94%)!important}
body.ma-aurora #tri_footer.ma-footer p{color:#c2b4d1!important;font:14px/1.8 'Open Sans',Arial,sans-serif;letter-spacing:0;text-transform:none;margin:0}
body.ma-aurora #tri_footer.ma-footer .mf-contact p{margin:0 0 12px;font-size:20px;color:#f8f3ff!important}
body.ma-aurora #tri_footer.ma-footer a{color:#ddd0ec!important;text-decoration:none!important;font:13px/1.6 'Open Sans',Arial,sans-serif;letter-spacing:0;text-transform:none;transition:color .15s,background .15s}
body.ma-aurora #tri_footer.ma-footer a:hover{color:#fff!important}
body.ma-aurora #tri_footer.ma-footer .mf-cta{display:inline-flex;gap:24px;align-items:center;background:#7649bb;border:1px solid #bd94eb55;border-radius:10px;padding:14px 20px;color:#fff!important;font-weight:600}
body.ma-aurora #tri_footer.ma-footer .mf-cta:hover{background:#8656cc}
body.ma-aurora #tri_footer.ma-footer .mf-middle{display:flex;justify-content:space-between;gap:24px;padding:25px 0;border-top:1px solid #c4a5e62b;border-bottom:1px solid #c4a5e62b}
body.ma-aurora #tri_footer.ma-footer nav{display:flex;flex-wrap:wrap;gap:12px 24px}
body.ma-aurora #tri_footer.ma-footer .mf-social a{font-size:12px;color:#beaed0!important}
body.ma-aurora #tri_footer.ma-footer .mf-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;color:#b8a6cb;font:11px/1.7 'Open Sans',Arial,sans-serif}
body.ma-aurora #tri_footer.ma-footer .mf-bottom a{font-size:11px;color:#b8a6cb!important}
body.ma-aurora #tri_footer.ma-footer a:focus-visible{outline:2px solid #c9a5f0;outline-offset:5px}
@media(max-width:760px){body.ma-aurora #tri_footer.ma-footer{padding:36px 20px 22px!important}body.ma-aurora #tri_footer.ma-footer .mf-top,body.ma-aurora #tri_footer.ma-footer .mf-middle{flex-direction:column;align-items:flex-start;gap:26px}body.ma-aurora #tri_footer.ma-footer .mf-logo{width:160px}body.ma-aurora #tri_footer.ma-footer nav{gap:12px 20px}body.ma-aurora #tri_footer.ma-footer .mf-bottom{flex-wrap:wrap}}

body.ma-aurora #tri_footer.ma-footer nav a{display:inline-flex;align-items:center;min-height:44px}

/* Softer shared surfaces and open speaker editorial, September 2026. */
body.ma-aurora #tri_content :is(.ma-card,.ma-timeline__card,.ma-quoteBox,.ma-matrix__col,.ma-terminal,.ma-energyshot,.ma26-project,.ma26-exit,.ma26-hero__badge){border-radius:24px}
body.ma-aurora #tri_content :is(.ma26-speaker__card,.ma-media .mk-contact){border-radius:36px;overflow:hidden}
body.ma-aurora #tri_content :is(.ma26-projects,.ma-grid,.ma-matrix){gap:20px;background:transparent;border:0}
body.ma-aurora #tri_content .ma26-project{border:1px solid #ded5ec}
body.ma-aurora #tri_content .ma26-expertise__grid{border:0;gap:18px}
body.ma-aurora #tri_content .ma26-expertise article{border:1px solid #ffffff20;border-radius:24px;background:#ffffff04}
body.ma-aurora #tri_content :is(.ma-darkbullets li,.ma26-topics span){border-radius:16px}
body.ma-aurora #tri_content :is(a.button,a.button-primary,.ma26-btn,.ma-media .mk-btn,.ma-monitor__open),body.ma-aurora #tri_footer.ma-footer .mf-cta{border-radius:999px}
body.ma-aurora #tri_content #ma-skill-simple .ms-primary{border-radius:999px}
body.ma-aurora #tri_content :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){border-radius:14px}
body.ma-aurora #tri_content .ma-media :is(.mk-portrait,.mk-speaker>img,.mk-photo img){border-radius:28px}
body.ma-aurora #tri_content #speaker{background:radial-gradient(ellipse at 8% 25%,#e5e5e5aa,transparent 48%),#f5f5f5}
body.ma-aurora #tri_content #speaker .ma-speaker{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(30px,5vw,76px);overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none;align-items:start}
body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid{position:relative;display:block;min-height:0;padding:0 28px 100px 0;background:transparent;isolation:isolate}
body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid::before{content:"";position:absolute;inset:15% -8px 4% 8%;border-radius:50%;background:#e7e7e7;z-index:-1}
body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid img:nth-child(2){display:block;width:100%;height:510px;min-height:0;object-fit:cover;object-position:center 30%;border:0;border-radius:160px 160px 36px 36px;box-shadow:0 22px 55px #3520461c}
body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid img:first-child{display:block;position:absolute;z-index:1;right:0;bottom:20px;width:66%;height:190px;min-height:0;object-fit:cover;object-position:center;border:6px solid #f5f5f5;border-radius:28px;box-shadow:0 16px 35px #35204626;transform:rotate(-4deg)}
body.ma-aurora #tri_content #speaker .ma-speaker__content{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
body.ma-aurora #tri_content #speaker .ma-speaker__highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 30px;margin:0}
body.ma-aurora #tri_content #speaker .ma-speaker__hl{position:relative;min-height:0;padding:0 0 0 19px;border:0;border-left:1px solid #c8b4e2;background:transparent;border-radius:0;color:#62596e;font-size:13px;line-height:1.7}
body.ma-aurora #tri_content #speaker .ma-speaker__hl::before{content:"";position:absolute;left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:#8960bf;box-shadow:0 0 0 4px #f5f5f5}
body.ma-aurora #tri_content #speaker .ma-speaker__year{position:static;display:block;margin:0 0 7px;color:#78559f;font:600 12px/1.5 'Open Sans',Arial,sans-serif;letter-spacing:.04em}
body.ma-aurora #tri_content #speaker .ma-speaker__tag{display:block;padding:0;margin:0 0 8px;background:transparent;border:0;border-radius:0;color:#30223f;font-size:14px;line-height:1.45;font-weight:800;text-transform:none;letter-spacing:0}
body.ma-aurora #tri_content #speaker .ma-speaker__note{margin:30px 0 20px;padding-top:22px;border-top:1px solid #dcd0e8;color:#74677f;font-size:12px}
body.ma-aurora #tri_content #speaker a.ma-speaker__cta{border-radius:999px;white-space:normal;text-align:center;line-height:1.5;height:auto}
@media(max-width:1000px){body.ma-aurora #tri_content #speaker .ma-speaker{grid-template-columns:1fr;gap:36px}body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid{width:min(520px,100%);margin:auto;padding-bottom:80px}body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid img:nth-child(2){height:420px}}
@media(max-width:600px){body.ma-aurora #tri_content #speaker .ma-speaker__highlights{grid-template-columns:1fr;gap:24px}body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid{padding-right:18px;padding-bottom:66px}body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid img:nth-child(2){height:350px;border-radius:140px 140px 28px 28px}body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid img:first-child{height:140px;bottom:8px;border-width:4px;border-radius:22px}body.ma-aurora #tri_content :is(.ma26-speaker__card,.ma-media .mk-contact){border-radius:26px}body.ma-aurora #tri_content #speaker .ma-speaker__hl{font-size:14px}}
body.ma-aurora #tri_content :is(.ma-cards,.ma-cols){gap:20px;background:transparent;border:0}
body.ma-aurora #tri_content :is(.ma-contact__card,.ma-contact__legal-grid,.ma-aishot){border-radius:24px;overflow:hidden}
body.ma-aurora #tri_content ul.youtube_videos li .youtubeimg{border-radius:22px;overflow:hidden}
body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid img:first-child{right:12px;max-width:66%}
body.ma-aurora #tri_content #speaker a.ma-speaker__cta{padding:15px 24px;min-height:50px;align-items:center;justify-content:center}
body.ma-aurora #tri_content .ma-cols>ul{border-radius:24px}
body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid{box-sizing:border-box;max-width:100%}
body.ma-aurora #tri_content #speaker .ma-speaker__imgGrid::before{right:0}

/* Neutral contact surface and frame details. */
body.ma-aurora #tri_content .ma-contact__stage{background:#fff}
body.ma-aurora #tri_content .ma-contact__card:not(.ma-contact__card--mail){border-color:#dedede}
body.ma-aurora #tri_content .ma-contact__legal-grid,body.ma-aurora #tri_content .ma-contact__legal-grid>div{border-color:#dedede;background:#f7f7f7}
body.ma-aurora #tri_content .ma-contact__card--mail strong{color:#fff}
body.ma-aurora #tri_content .ma-contact__legal{border-color:#dedede}

/* Shared subpage typography and rhythm; home retains its editorial scale. */
body.ma-aurora:not(:has(.ma26-home)) #tri_content{--page-h1:clamp(34px,4.2vw,60px);--page-h2:clamp(28px,3vw,42px);--page-h3:22px;--page-space:88px;--page-gutter:32px;font-size:16px;line-height:1.7}
body.ma-aurora:not(:has(.ma26-home)) #tri_content h1{font-family:'Montserrat',Arial,sans-serif!important;font-size:var(--page-h1)!important;line-height:1.12!important;letter-spacing:-.035em!important;font-weight:700!important;margin:18px 0 24px!important}
body.ma-aurora:not(:has(.ma26-home)) #tri_content h2{font-family:'Montserrat',Arial,sans-serif!important;font-size:var(--page-h2)!important;line-height:1.18!important;letter-spacing:-.025em!important;font-weight:700!important;margin:0 0 20px!important}
body.ma-aurora:not(:has(.ma26-home)) #tri_content h3{font-family:'Montserrat',Arial,sans-serif!important;font-size:var(--page-h3)!important;line-height:1.3!important;letter-spacing:-.015em!important;font-weight:700!important;margin:0 0 12px!important}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-card__title,.ma-matrix__head,.ma-darkbullets__k){font-family:'Montserrat',Arial,sans-serif;font-size:var(--page-h3);line-height:1.3;letter-spacing:-.015em}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-section,.ma-section--dark,.ma-monitor-stage,.ma-terminal-stage,.ma-video-content,.ma-contact__stage,.mk-section){padding-top:var(--page-space)!important;padding-bottom:var(--page-space)!important}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-aifirst,.ma-energy,.ma-videohero,.ma-contact__hero){padding-top:var(--page-space);padding-bottom:var(--page-space)}
body.ma-aurora:not(:has(.ma26-home)) #tri_content .ma-media .mk-hero-grid{padding-top:var(--page-space);padding-bottom:var(--page-space)}
body.ma-aurora:not(:has(.ma26-home)) #tri_content #ma-skill-simple{padding:var(--page-space) var(--page-gutter) 32px}
body.ma-aurora:not(:has(.ma26-home)) #tri_content #ma-skill-simple .ms-wrap{max-width:1180px}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-section__inner,.ma-aifirst__inner,.ma-energy__inner,.ma-videohero__inner,.ma-contact__inner,.ma-monitor-stage__inner,.ma-terminal-stage__inner,.ma-cta,.ma-media .mk-wrap){width:min(1180px,calc(100% - var(--page-gutter)*2));max-width:1180px}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-section__head,.ma-monitor-stage__head,.ma-terminal-stage__head,.ma-media .mk-heading){max-width:850px;margin-bottom:36px!important}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-muted,.ma-dark-muted,.ma-card__text,.ma-list li,.ma-darkbullets__v,.ma-media p,.ma-contact__intro p,.ma-contact__legal-grid p,.ma-contact__legal-grid address){font-size:16px;line-height:1.7}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-aifirst__lead,.ma-energy__lead,.ma-videohero__inner>p,.ma-contact__hero p,.ma-media .mk-lead),body.ma-aurora #tri_content #ma-skill-simple .ms-lead{font-size:18px;line-height:1.7;max-width:780px}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.vorueberschrift,.ma-kicker,.ma-contact__kicker,.ma-media .mk-kicker),body.ma-aurora #tri_content #ma-skill-simple .ms-kicker{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.14em;margin-bottom:16px}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-media .mk-caption,.ma-media .mk-note,.ma-speaker__note){font-size:13px;line-height:1.65}
body.ma-aurora:not(:has(.ma26-home)) #tri_content #speaker .ma-speaker__hl{font-size:16px;line-height:1.7}
body.ma-aurora:not(:has(.ma26-home)) #tri_content #speaker .ma-speaker__tag{font-size:16px;line-height:1.4}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(a.button,.ma-media .mk-btn),body.ma-aurora #tri_content #ma-skill-simple .ms-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;height:auto;padding:14px 24px;font:700 14px/1.5 'Open Sans',Arial,sans-serif;letter-spacing:.01em;text-transform:none;white-space:normal;text-align:center;border-radius:999px;box-sizing:border-box}
body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-contact__intro){gap:36px;margin-bottom:36px}
body.ma-aurora:not(:has(.ma26-home)) #tri_content .ma-contact__legal{margin-top:var(--page-space)}
body.ma-aurora:not(:has(.ma26-home)) #tri_content .ma-contact__legal-head{margin-bottom:20px}
@media(max-width:800px){body.ma-aurora:not(:has(.ma26-home)) #tri_content{--page-space:56px;--page-gutter:20px;--page-h3:20px}body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-section__head,.ma-monitor-stage__head,.ma-terminal-stage__head,.ma-media .mk-heading){margin-bottom:28px!important}body.ma-aurora:not(:has(.ma26-home)) #tri_content :is(.ma-aifirst__lead,.ma-energy__lead,.ma-videohero__inner>p,.ma-contact__hero p,.ma-media .mk-lead),body.ma-aurora #tri_content #ma-skill-simple .ms-lead{font-size:17px}}
body.ma-aurora:not(:has(.ma26-home)) #tri_content .ma-contact__card strong{font-size:clamp(22px,2vw,28px);line-height:1.3;letter-spacing:-.015em}

/* Neutral interactive surfaces; violet remains a primary action accent. */
body.ma-aurora #tri_content .ma26-project{border-color:#dedede;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
body.ma-aurora #tri_content .ma26-project:is(:hover,:focus-visible){background:#f7f7f7;color:#171717!important;border-color:#a6a6a6;box-shadow:0 12px 30px #0000000d;transform:translateY(-3px)}
body.ma-aurora #tri_content .ma26-project:is(:hover,:focus-visible) h3{color:#171717}
body.ma-aurora #tri_content .ma26-project:is(:hover,:focus-visible) p{color:#555}
body.ma-aurora #tri_content .ma26-project:is(:hover,:focus-visible) .ma26-project__type{color:#555}
body.ma-aurora #tri_content :is(.ma26-exit,.ma-project,.ma-contact__card,.ma-media .mk-downloads a):is(:hover,:focus-visible){border-color:#a6a6a6;box-shadow:0 12px 30px #0000000d}
body.ma-aurora #tri_content :is(.ma26-project,.ma26-exit,.ma-project,.ma-contact__card,.ma-media .mk-downloads a):focus-visible{outline:2px solid #666!important;outline-offset:4px}
body.ma-aurora #tri_content :is(.ma-techhero__cta,.ma-aifirst__cta,.ma-energy__cta,.ma-videohero) .button:not(.button-primary):is(:hover,:focus-visible){background:#ffffff14!important;border-color:#ffffff66!important;color:#fff!important;box-shadow:none}
body.ma-aurora #maMobileNavOverlay a:is(:hover,:focus-visible){background:#ffffff14!important;color:#fff!important}
body.ma-aurora :is(.button,button,input[type=submit],input[type=button],input[type=reset]):hover{box-shadow:none}
body.ma-aurora #tri_footer.ma-footer .mf-cta:is(:hover,:focus-visible){background:#583293}

/* Primary reference: RGB 124, 92, 255. Neutral surfaces remain unchanged. */
body.ma-aurora{--ma-primary:#7c5cff;--ma-primary-hover:#6244df;--ma-primary-ink:#593cc7;--lux-gold:#7c5cff;--lux-gold-2:#a28bff;--lux-gold-3:#593cc7;--lux-gold-glow:rgba(124,92,255,.3)}
body.ma-aurora #tri_content{--ma-gold:#593cc7;--ma-gold-light:#a28bff}
body.ma-aurora #tri_content .ma26-home{--ma26-red:#7c5cff}
body.ma-aurora #tri_content .ma-media{--mk-gold:#a28bff}
body.ma-aurora #tri_content :is(a.button-primary,.ma26-btn--primary,.ma26-btn--light,.ma-media .mk-primary,.ma-monitor__open),body.ma-aurora #tri_content #speaker a.button-primary,body.ma-aurora #tri_content .ma-section--cta .button-primary,body.ma-aurora #tri_content #ma-skill-simple a.ms-primary,body.ma-aurora #tri_footer.ma-footer a.mf-cta{background:var(--ma-primary)!important;border-color:var(--ma-primary)!important;color:#090909!important}
body.ma-aurora #tri_content :is(a.button-primary,.ma26-btn--primary,.ma26-btn--light,.ma-media .mk-primary,.ma-monitor__open):is(:hover,:focus-visible),body.ma-aurora #tri_content #speaker a.button-primary:is(:hover,:focus-visible),body.ma-aurora #tri_content .ma-section--cta .button-primary:is(:hover,:focus-visible),body.ma-aurora #tri_content #ma-skill-simple a.ms-primary:is(:hover,:focus-visible),body.ma-aurora #tri_footer.ma-footer a.mf-cta:is(:hover,:focus-visible){background:var(--ma-primary-hover)!important;border-color:var(--ma-primary-hover)!important;color:#fff!important}
body.ma-aurora :is(a,button,input,textarea,select):focus-visible{outline-color:var(--ma-primary)!important}
body.ma-aurora #tri_content .ma26-hero h1 em,body.ma-aurora #tri_content #ma-skill-simple h1 em{color:var(--ma-primary)}
body.ma-aurora #tri_content :is(.ma26-project__type,.ma-media .mk-textlink,.ma-media .mk-kicker){color:var(--ma-primary-ink)}
body.ma-aurora #tri_content .ma-media :is(.mk-hero,.mk-dark) .mk-kicker{color:#a28bff}
body.ma-aurora #tri_content #ma-skill-simple :is(.ms-kicker,.ms-trace,.ms-step-icon){color:#a28bff;stroke:#a28bff}
body.ma-aurora #tri_content #ma-skill-simple .ms-engine-face{background:linear-gradient(135deg,#7c5cff,#49329e);box-shadow:inset 0 1px #ffffff55,0 0 70px #7c5cff33}
body.ma-aurora #tri_content #ma-skill-simple .ms-halo{background:radial-gradient(ellipse,#7c5cff24,transparent 66%)}
body.ma-aurora #tri_content #ma-skill-simple .ms-ring{border-color:#7c5cff33;border-top-color:#a28bff}
body.ma-aurora #tri_content #ma-skill-simple .ms-console-dot,body.ma-aurora #tri_content #speaker .ma-speaker__hl::before{background:var(--ma-primary)}
body.ma-aurora #tri_content #speaker .ma-speaker__year{color:var(--ma-primary-ink)}
body.ma-aurora #tri_content .ma26-project:is(:hover,:focus-visible) .ma26-project__type{color:#555}

/* Static, diffuse primary-color glow for large dark surfaces. */
body.ma-aurora{
 --ma-dark-glow:radial-gradient(ellipse at 45% 0%,rgba(124,92,255,.30) 0%,rgba(124,92,255,.10) 32%,transparent 68%),radial-gradient(ellipse at 100% 100%,rgba(124,92,255,.08),transparent 55%),#09070f;
 --ma-dark-depth:inset 0 1px 0 rgba(255,255,255,.045),inset 0 -65px 100px -65px rgba(0,0,0,.75);
}
body.ma-aurora #tri_content :is(.ma26-hero,.ma26-expertise,.ma26-speaker__card,.ma26-final__inner,.ma-aifirst,.ma-energy,.ma-videohero,.ma-contact__hero,.ma-section--dark,.ma-media .mk-hero,.ma-media .mk-dark,#ma-skill-simple){
 background:var(--ma-dark-glow)!important;
 box-shadow:var(--ma-dark-depth);
}
body.ma-aurora #tri_content :is(.ma26-speaker__card,.ma26-final__inner){box-shadow:var(--ma-dark-depth),0 24px 60px -28px rgba(9,7,15,.45)}
body.ma-aurora #tri_footer.ma-footer{background:radial-gradient(ellipse at 50% 0%,rgba(124,92,255,.18),transparent 70%),#09070f!important;box-shadow:var(--ma-dark-depth)}
@media(max-width:600px){body.ma-aurora{--ma-dark-glow:radial-gradient(ellipse at 45% 0%,rgba(124,92,255,.25),rgba(124,92,255,.08) 35%,transparent 72%),#09070f}}

/* Original full-color Mario Alka logo on a light surface. */
body.ma-aurora .tri_header .tri_header_inner .header .header_logo .logo img,
body.ma-aurora.ma-header--compact .tri_header .tri_header_inner .header .header_logo .logo img,
body.ma-aurora #tri_footer.ma-footer .mf-logo {
 filter:none!important;background:#fff;border-radius:8px;box-sizing:border-box;
 width:260px;max-width:100%;height:auto;max-height:none;padding:5px 10px;
}
@media(max-width:800px){
 body.ma-aurora .tri_header .tri_header_inner .header .header_logo .logo img,
 body.ma-aurora.ma-header--compact .tri_header .tri_header_inner .header .header_logo .logo img{width:210px;max-width:100%;max-height:none;padding:4px 8px}
 body.ma-aurora #tri_footer.ma-footer .mf-logo{width:220px}
}

body.ma-aurora .tri_header .logo_home img{filter:none!important;background:#fff;border-radius:6px;width:150px;max-width:100%;height:auto;padding:4px;box-sizing:border-box}
/* Larger home portrait; prevent flexbox from shrinking the image. */
body.ma-aurora .ma26-hero__visual>img{flex-shrink:0;width:min(160%,950px);max-width:none;transform:translate(50px,0)}
@media(max-width:900px){
 body.ma-aurora .ma26-hero,body.ma-aurora .ma26-hero__grid{min-height:auto}
 body.ma-aurora .ma26-hero__grid{display:flex;flex-direction:column}
 body.ma-aurora .ma26-hero__copy{width:100%;padding-bottom:0}
 body.ma-aurora .ma26-hero__visual{width:100%;min-height:0;margin-top:32px}
 body.ma-aurora .ma26-hero__visual>img{width:min(120%,720px);max-width:none;transform:none}
}

/* High-resolution portrait from the media kit, with portrait framing. */
body.ma-aurora .ma26-hero__visual>img{width:min(120%,650px);height:auto;max-width:none;transform:translate(20px,0)}
@media(max-width:900px){body.ma-aurora .ma26-hero__visual>img{width:min(100%,520px);height:auto;transform:none}}

/* Show the supplied transparent logo without a CSS backing. */
body.ma-aurora .tri_header .tri_header_inner .header .header_logo .logo img,
body.ma-aurora.ma-header--compact .tri_header .tri_header_inner .header .header_logo .logo img,
body.ma-aurora #tri_footer.ma-footer .mf-logo,
body.ma-aurora .tri_header .logo_home img{background:transparent!important;border-radius:0;box-shadow:none!important;filter:none!important}

/* Larger masthead and full-color transparent logo for dark surfaces. */
body.ma-aurora .tri_header .tri_header_inner .header{padding:12px 0!important;min-height:132px;box-sizing:border-box}
body.ma-aurora .tri_header .tri_header_inner .header .header_logo .logo img,
body.ma-aurora.ma-header--compact .tri_header .tri_header_inner .header .header_logo .logo img{width:320px;max-width:100%;height:auto;max-height:none;padding:0}
@media(min-width:1280px){body.ma-aurora .tri_header .header>.container>.columns.four{width:320px;flex-basis:320px}}
@media(min-width:1101px) and (max-width:1279px){body.ma-aurora .tri_header .header>.container>.columns.four{width:260px;flex-basis:260px}body.ma-aurora #tri_navigation{gap:12px}body.ma-aurora #tri_navigation>li>a{font-size:12px}}
@media(max-width:1100px){
 body.ma-aurora .tri_header .tri_header_inner .header{min-height:112px;padding:10px 0!important}
 body.ma-aurora .tri_header .tri_header_inner .header .header_logo .logo img,
 body.ma-aurora.ma-header--compact .tri_header .tri_header_inner .header .header_logo .logo img{width:250px;max-width:calc(100vw - 100px);padding:0}
}

/* Multicolor masthead logo, with extra space between symbol and wordmark. */
body.ma-aurora .tri_header .header_logo .ma-header-logo-art{position:relative;display:block;width:320px;max-width:100%;box-sizing:border-box;padding-right:26px}
body.ma-aurora .tri_header .tri_header_inner .header .header_logo .logo .ma-header-logo-art img{display:block;width:100%;max-width:none;height:auto;padding:0;filter:none!important}
body.ma-aurora .tri_header .header_logo .ma-header-logo-symbol{clip-path:inset(0 67.5% 0 0)}
body.ma-aurora .tri_header .tri_header_inner .header .header_logo .logo .ma-header-logo-art .ma-header-logo-wordmark{filter:brightness(0) invert(1)!important;position:absolute;top:0;left:26px;width:calc(100% - 26px);clip-path:inset(0 0 0 32.5%)}
body.ma-aurora .tri_header .logo_home img{filter:none!important}
@media(max-width:1100px){body.ma-aurora .tri_header .header_logo .ma-header-logo-art{width:250px;max-width:calc(100vw - 100px)}}

/* Align desktop masthead with the wider home content. */
@media(min-width:1101px){body.ma-aurora .tri_header .header>.container{width:calc(100% - 64px);max-width:1320px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box}}
/* Shared outer content grid for the masthead, every page and the footer. */
body.ma-aurora{--ma-content-width:1320px;--ma-content-gutter:32px}
@media(max-width:800px){body.ma-aurora{--ma-content-gutter:20px}}
body.ma-aurora .tri_header .header>.container,
body.ma-aurora #tri_content :is(.ma26-wrap,.ma-section__inner,.ma-aifirst__inner,.ma-energy__inner,.ma-videohero__inner,.ma-video-content,.ma-contact__inner,.ma-monitor-stage__inner,.ma-terminal-stage__inner,.ma-techhero__inner,.ms-wrap,.ma-media .mk-wrap),
body.ma-aurora #tri_footer.ma-footer .mf-wrap{
 width:calc(100% - var(--ma-content-gutter)*2)!important;
 max-width:var(--ma-content-width)!important;
 margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;
}
body.ma-aurora .tri_header .header>.container,
body.ma-aurora #tri_content .ma-section__inner,
body.ma-aurora #tri_content #ma-skill-simple,
body.ma-aurora #tri_footer.ma-footer{padding-left:0!important;padding-right:0!important}
/* Nested calls to action already inherit the outer content grid. */
body.ma-aurora #tri_content .ma-section__inner>.ma-cta{width:100%!important;max-width:none!important;box-sizing:border-box}

/* Readable header wordmark with normal letter spacing. */
body.ma-aurora .tri_header .header_logo .ma-header-logo-text{position:absolute;left:calc(32.5% + 17.55px);top:55.5%;transform:translateY(-50%);display:block;white-space:nowrap;font-family:'Montserrat',Arial,sans-serif;font-size:26px;font-weight:700;line-height:1.2;letter-spacing:normal;word-spacing:normal;color:#fff;text-shadow:none}
@media(max-width:1279px){body.ma-aurora .tri_header .header_logo .ma-header-logo-text{font-size:20px}}
@media(max-width:359px){body.ma-aurora .tri_header .header_logo .ma-header-logo-text{font-size:18px}}



/* Home actions: dark label surface and separate brand-color arrow field. */
body.ma-aurora:has(.ma26-home) :is(#tri_content .ma26-home .ma26-btn,#tri_footer.ma-footer a.mf-cta){
 position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 min-height:54px;padding:14px 70px 14px 22px;gap:0;border:1px solid #443752!important;border-radius:12px;
 background:#191321!important;color:#fff!important;box-shadow:none;text-decoration:none;
 font-size:14px;font-weight:700;line-height:1.5;transform:none;isolation:isolate;
 transition:background-color .18s ease,border-color .18s ease;
}
body.ma-aurora:has(.ma26-home) :is(#tri_content .ma26-home .ma26-btn,#tri_footer.ma-footer a.mf-cta)::after{
 content:"";position:absolute;inset:-1px -1px -1px auto;width:49px;border-radius:0 12px 12px 0;
 background-color:var(--ma-primary,#7c5cff);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23100b19' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:center;pointer-events:none;
 transition:background-color .18s ease;
}
body.ma-aurora:has(.ma26-home) #tri_footer.ma-footer a.mf-cta>span{display:none}
body.ma-aurora:has(.ma26-home) #tri_content .ma26-home a.ma26-btn.ma26-btn--ghost{background:#100b19!important;border-color:#443b4f!important}
body.ma-aurora:has(.ma26-home) #tri_content .ma26-home a.ma26-btn.ma26-btn--ghost::after{background-color:#30283b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6'/%3E%3C/svg%3E")}
body.ma-aurora:has(.ma26-home) :is(#tri_content .ma26-home .ma26-btn,#tri_footer.ma-footer a.mf-cta):is(:hover,:focus-visible){background:#261d33!important;border-color:#7c5cff!important;color:#fff!important;transform:none;box-shadow:none}
body.ma-aurora:has(.ma26-home) :is(#tri_content .ma26-home .ma26-btn,#tri_footer.ma-footer a.mf-cta):is(:hover,:focus-visible)::after{background-color:#9479ff}
body.ma-aurora:has(.ma26-home) #tri_content .ma26-home a.ma26-btn.ma26-btn--ghost:is(:hover,:focus-visible){background:#21192c!important}
body.ma-aurora:has(.ma26-home) #tri_content .ma26-home a.ma26-btn.ma26-btn--ghost:is(:hover,:focus-visible)::after{background-color:#443752}
body.ma-aurora:has(.ma26-home) :is(#tri_content .ma26-home .ma26-btn,#tri_footer.ma-footer a.mf-cta):focus-visible{outline:2px solid #a28bff!important;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body.ma-aurora:has(.ma26-home) :is(#tri_content .ma26-home .ma26-btn,#tri_footer.ma-footer a.mf-cta),body.ma-aurora:has(.ma26-home) :is(#tri_content .ma26-home .ma26-btn,#tri_footer.ma-footer a.mf-cta)::after{transition:none}}

/* Solid masthead without glass or background blur. */
body.ma-aurora .tri_header{background:#100b19!important}
body.ma-aurora .tri_header .tri_header_inner .header{background:#100b19!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* Supplied complete silver header logo, preserving its original proportions. */
body.ma-aurora .tri_header .tri_header_inner .header .header_logo .logo img.ma-header-logo-complete{display:block;filter:none!important;clip-path:none;object-fit:contain;padding:0;background:transparent!important}

/* Logo download gallery with matching light and dark preview surfaces. */
body.ma-aurora #tri_content .ma-media .mk-logo-versions{margin:48px 0}
body.ma-aurora #tri_content .ma-media .mk-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
body.ma-aurora #tri_content .ma-media .mk-logo-card{min-width:0;border:1px solid #e4e1e9;border-radius:14px;overflow:hidden;background:#fff}
body.ma-aurora #tri_content .ma-media .mk-logo-preview{height:190px;padding:26px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
body.ma-aurora #tri_content .ma-media .mk-logo-preview--light{background:#f3f2f6}
body.ma-aurora #tri_content .ma-media .mk-logo-preview--dark{background:#100b19}
body.ma-aurora #tri_content .ma-media .mk-logo-preview img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:none}
body.ma-aurora #tri_content .ma-media .mk-logo-info{padding:22px}
body.ma-aurora #tri_content .ma-media .mk-logo-info h3{font-size:20px!important;margin:0 0 10px!important}
body.ma-aurora #tri_content .ma-media .mk-logo-info p{font-size:13px;color:#595261}
body.ma-aurora #tri_content .ma-media .mk-logo-bundle{display:inline-block;max-width:100%}
@media(max-width:850px){body.ma-aurora #tri_content .ma-media .mk-logo-grid{grid-template-columns:1fr}}

/* Remove decorative ring from contact heading. */
body.ma-aurora #tri_content .ma-contact__hero::after{content:none;display:none}