@font-face{
  font-family:"Sora";
  font-style:normal;
  font-weight:300 800;
  font-display:swap;
  src:url("../fonts/Sora-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face{
  font-family:"Sora";
  font-style:normal;
  font-weight:300 800;
  font-display:swap;
  src:url("../fonts/Sora-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
      --color-base-dark: #111111;
      --color-base-light: #f5f5f5;
      --nav-offset: 120px;
      --sb-track: rgba(255,255,255,0.10);
      --sb-thumb: rgba(255,255,255,0.30);
      --sb-thumb-hover: rgba(255,255,255,0.42);
    }

    .theme-dark{
      background-color: var(--color-base-dark);
      color: var(--color-base-light);
    }

    .theme-light{
      background-color: var(--color-base-light);
      color: rgb(15 23 42);
      position: relative;
      isolation: isolate;
    }
    .theme-light::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      z-index:0;
      opacity:.45;
      background:
        radial-gradient(circle at 20% 18%, rgba(255,255,255,0.55), transparent 24%),
        radial-gradient(circle at 78% 22%, rgba(255,255,255,0.28), transparent 18%),
        radial-gradient(circle at 50% 100%, rgba(0,0,0,0.05), transparent 42%),
        repeating-linear-gradient(0deg, rgba(0,0,0,0.018) 0 1px, transparent 1px 4px),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.08) 0 1px, transparent 1px 7px);
      mix-blend-mode:multiply;
    }
    .theme-light > *{
      position: relative;
      z-index: 1;
    }

    html{
      scroll-behavior: smooth;
    }
    html, body {
      height: 100%;
      width: 100%;
      max-width: 100%;
      overflow-x: hidden;
    }
    body{
      font-family: "Sora", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

    /* Custom scrollbar */
    *{ scrollbar-width: thin; scrollbar-color: var(--sb-thumb) var(--sb-track); }
    ::-webkit-scrollbar{ width: 10px; height: 10px; }
    ::-webkit-scrollbar-track{ background: var(--sb-track); }
    ::-webkit-scrollbar-thumb{
      background: var(--sb-thumb);
      border-radius: 999px;
      border: 2px solid rgba(0,0,0,0);
      background-clip: padding-box;
    }
    ::-webkit-scrollbar-thumb:hover{ background: var(--sb-thumb-hover); }

    /* Anchor offset */
    section{ scroll-margin-top: var(--nav-offset); }

    @media (prefers-reduced-motion: reduce){
      html{ scroll-behavior: auto; }
    }

    /* Subtle noise */
    .noise::before{
      content:"";
      position:absolute; inset:0;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
      opacity:.18; mix-blend-mode: overlay; pointer-events:none;
    }

    /* Popovers */
    [data-popover]{
      display: block;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(-10px) scale(0.98);
      transform-origin: top right;
      transition:
        opacity .22s ease,
        transform .22s ease,
        visibility 0s linear .22s;
    }
    [data-popover][data-open="true"]{
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0) scale(1);
      transition-delay: 0s;
    }

    /* Modal */
    .modal-shell{
      position: fixed;
      inset: 0;
      z-index: 70;
      display: grid;
      place-items: center;
      padding: 1rem;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition: opacity .24s ease, visibility 0s linear .24s;
    }
    .modal-shell[data-open="true"]{
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transition-delay: 0s;
    }
    .modal-backdrop{
      position: absolute;
      inset: 0;
      background: rgba(2,6,23,0.68);
      backdrop-filter: blur(10px);
    }
    .modal-panel{
      position: relative;
      width: min(100%, 34rem);
      border-radius: 1.75rem;
      border: 1px solid rgba(255,255,255,0.12);
      background: linear-gradient(180deg, rgba(17,17,17,0.98), rgba(9,9,11,0.98));
      box-shadow: 0 24px 70px rgba(0,0,0,0.38);
      transform: translateY(14px) scale(0.98);
      transition: transform .24s ease;
      overflow: hidden;
    }
    .modal-shell[data-open="true"] .modal-panel{
      transform: translateY(0) scale(1);
    }
    .impressum-modal-copy{
      color: rgba(255,255,255,0.72);
      line-height: 1.7;
    }
    .impressum-modal-copy strong{
      color: rgba(255,255,255,0.96);
    }

    /* Chips */
    .chip{
      border: 1px solid rgba(255,255,255,0.12);
      background: rgba(255,255,255,0.06);
      backdrop-filter: blur(14px);
    }

    /* Focus ring */
    .focus-soft:focus{ outline: none; box-shadow: 0 0 0 3px rgba(255,255,255,0.16); }

    /* Desktop nav underline (hover + active) */
    .navlink { position: relative; }
    .navlink::after{
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      bottom:6px;
      height:1px;
      background: rgba(255,255,255,0.35);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform .25s ease;
    }
    .navlink:hover::after{ transform: scaleX(1); }
    .navlink[data-active="true"]::after{
      transform: scaleX(1);
      background: rgba(255,255,255,0.65);
      height: 2px;
      bottom: 5px;
    }
    .navlink[data-active="true"]{
      color: rgba(255,255,255,0.98) !important;
      background: rgba(255,255,255,0.08);
    }

    /* Type tuning */
    .tight-track{ letter-spacing: -0.02em; }
    .body-relaxed{ line-height: 1.75; }
    .will-change{ will-change: transform, opacity, filter; }

    /* ---------- RESTORED ORIGINAL CURVE (U) ---------- */
    .curve-wrap{
      position:absolute;
      left:0; right:0;
      bottom:-1px;              /* avoids 1px seam */
      height: 120px;            /* more rounded feel = taller */
      pointer-events:none;
      overflow:hidden;
    }
    @media (min-width: 640px){
      .curve-wrap{ height: 160px; } /* bigger on desktop */
    }
    .curve-wrap svg{ width:100%; height:100%; display:block; }
    /* ------------------------------------------------- */

    /* Nav theme transitions — colors via CSS custom properties */
    .nav-shell{
      transition: background .4s ease, border-color .4s ease, box-shadow .4s ease;
    }
    .nav-shell.nav-hero{
      --nav-bg: rgba(0,0,0,0.24);
      --nav-border: rgba(255,255,255,0.12);
      --nav-shadow: 0 10px 36px rgba(0,0,0,0.24);
      --nav-fg: rgba(255,255,255,0.88);
      --nav-hover-bg: rgba(255,255,255,0.08);
      --nav-hover-fg: rgba(255,255,255,1);
      --nav-line: rgba(255,255,255,0.34);
      --nav-active-line: rgba(255,255,255,0.62);
      --nav-active-fg: rgba(255,255,255,0.98);
      --nav-active-bg: rgba(255,255,255,0.08);
      --nav-btn-border: rgba(255,255,255,0.1);
      --nav-btn-bg: rgba(255,255,255,0.08);
      --nav-btn-fg: rgba(255,255,255,0.92);
      backdrop-filter: blur(20px) saturate(140%) !important;
    }
    .nav-shell.nav-light{
      --nav-bg: rgba(255,255,255,0.78);
      --nav-border: rgba(255,255,255,0.18);
      --nav-shadow: 0 12px 40px rgba(0,0,0,0.16);
      --nav-fg: rgba(0,0,0,0.82);
      --nav-hover-bg: rgba(0,0,0,0.08);
      --nav-hover-fg: rgba(0,0,0,0.96);
      --nav-line: rgba(0,0,0,0.28);
      --nav-active-line: rgba(0,0,0,0.58);
      --nav-active-fg: rgba(0,0,0,0.98);
      --nav-active-bg: rgba(0,0,0,0.08);
      --nav-btn-border: rgba(0,0,0,0.12);
      --nav-btn-bg: rgba(0,0,0,0.06);
      --nav-btn-fg: rgba(0,0,0,0.88);
    }
    .nav-shell.nav-dark{
      --nav-bg: rgba(0,0,0,0.68);
      --nav-border: rgba(255,255,255,0.12);
      --nav-shadow: 0 14px 44px rgba(0,0,0,0.24);
      --nav-fg: rgba(255,255,255,0.88);
      --nav-hover-bg: rgba(255,255,255,0.08);
      --nav-hover-fg: rgba(255,255,255,1);
      --nav-line: rgba(255,255,255,0.3);
      --nav-active-line: rgba(255,255,255,0.64);
      --nav-active-fg: rgba(255,255,255,0.98);
      --nav-active-bg: rgba(255,255,255,0.1);
      --nav-btn-border: rgba(255,255,255,0.12);
      --nav-btn-bg: rgba(255,255,255,0.07);
      --nav-btn-fg: rgba(255,255,255,0.92);
    }
    .nav-shell.nav-hero,
    .nav-shell.nav-light,
    .nav-shell.nav-dark{
      background: var(--nav-bg) !important;
      border-color: var(--nav-border) !important;
      box-shadow: var(--nav-shadow) !important;
    }
    .nav-shell.nav-hero .navlink,
    .nav-shell.nav-hero .icon-btn,
    .nav-shell.nav-light .navlink,
    .nav-shell.nav-light .icon-btn,
    .nav-shell.nav-dark .navlink,
    .nav-shell.nav-dark .icon-btn{
      color: var(--nav-fg) !important;
    }
    .nav-shell.nav-hero .navlink:hover,
    .nav-shell.nav-light .navlink:hover,
    .nav-shell.nav-dark .navlink:hover{
      background: var(--nav-hover-bg) !important;
      color: var(--nav-hover-fg) !important;
    }
    .nav-shell.nav-hero .navlink::after,
    .nav-shell.nav-light .navlink::after,
    .nav-shell.nav-dark .navlink::after{
      background: var(--nav-line);
    }
    .nav-shell.nav-hero .navlink[data-active="true"]::after,
    .nav-shell.nav-light .navlink[data-active="true"]::after,
    .nav-shell.nav-dark .navlink[data-active="true"]::after{
      background: var(--nav-active-line);
    }
    .nav-shell.nav-hero .navlink[data-active="true"],
    .nav-shell.nav-light .navlink[data-active="true"],
    .nav-shell.nav-dark .navlink[data-active="true"]{
      color: var(--nav-active-fg) !important;
      background: var(--nav-active-bg) !important;
    }
    .nav-shell.nav-hero #langBtn,
    .nav-shell.nav-hero #menuBtn,
    .nav-shell.nav-light #langBtn,
    .nav-shell.nav-light #menuBtn,
    .nav-shell.nav-dark #langBtn,
    .nav-shell.nav-dark #menuBtn{
      border-color: var(--nav-btn-border) !important;
      background: var(--nav-btn-bg) !important;
      color: var(--nav-btn-fg) !important;
    }
    #mobileNav{
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translateY(-10px) scale(0.985);
      transform-origin: top center;
      transition:
        opacity .24s ease,
        transform .24s ease,
        visibility 0s linear .24s,
        background .4s ease,
        border-color .4s ease,
        box-shadow .4s ease,
        color .4s ease;
    }
    #mobileNav[data-open="true"]{
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translateY(0) scale(1);
      transition-delay: 0s;
    }
    #mobileNav a[data-active="true"],
    #mobileNav button[data-active="true"]{
      background: rgba(255,255,255,0.12);
      color: rgba(255,255,255,0.98) !important;
    }
    #mobileNav.nav-light{
      --mob-fg: rgba(0,0,0,0.82);
      --mob-hover-bg: rgba(0,0,0,0.07);
      --mob-hover-fg: rgba(0,0,0,0.96);
      --mob-active-bg: rgba(0,0,0,0.08);
      --mob-active-fg: rgba(0,0,0,0.98);
      background: rgba(255,255,255,0.84) !important;
      border-color: rgba(255,255,255,0.18) !important;
      box-shadow: 0 10px 40px rgba(0,0,0,0.14) !important;
    }
    #mobileNav.nav-dark{
      --mob-fg: rgba(255,255,255,0.84);
      --mob-hover-bg: rgba(255,255,255,0.08);
      --mob-hover-fg: rgba(255,255,255,1);
      --mob-active-bg: rgba(255,255,255,0.1);
      --mob-active-fg: rgba(255,255,255,0.98);
      background: rgba(0,0,0,0.78) !important;
      border-color: rgba(255,255,255,0.12) !important;
      box-shadow: 0 12px 40px rgba(0,0,0,0.24) !important;
    }
    #mobileNav.nav-light a,
    #mobileNav.nav-light button,
    #mobileNav.nav-dark a,
    #mobileNav.nav-dark button{
      color: var(--mob-fg) !important;
    }
    #mobileNav.nav-light a:hover,
    #mobileNav.nav-light button:hover,
    #mobileNav.nav-dark a:hover,
    #mobileNav.nav-dark button:hover{
      background: var(--mob-hover-bg) !important;
      color: var(--mob-hover-fg) !important;
    }
    #mobileNav.nav-light a[data-active="true"],
    #mobileNav.nav-light button[data-active="true"],
    #mobileNav.nav-dark a[data-active="true"],
    #mobileNav.nav-dark button[data-active="true"]{
      background: var(--mob-active-bg) !important;
      color: var(--mob-active-fg) !important;
    }

    /* Back to top: round icon only */
    #toTop{
      position: fixed;
      right: 14px;
      bottom: 14px;
      z-index: 45;
      opacity: 0;
      transform: translateY(10px);
      pointer-events: none;
      transition: opacity .2s ease, transform .2s ease, background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;
    }
    #toTop[data-show="true"]{
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
    #toTop[data-theme="light"]{
      background: rgba(255,255,255,0.10);
      border-color: rgba(255,255,255,0.10);
      color: rgba(255,255,255,0.96);
      box-shadow: 0 10px 30px rgba(0,0,0,0.35);
    }
    #toTop[data-theme="dark"]{
      background: rgba(255,255,255,0.94);
      border-color: rgba(15,23,42,0.08);
      color: rgba(15,23,42,0.88);
      box-shadow: 0 14px 34px rgba(15,23,42,0.14);
    }

    /* Services story */
    .services-story-shell{
      position: relative;
      overflow-x: clip;
      overflow-y: visible;
      background: #fff;
    }
    .services-story-stage{
      position: relative;
      min-height: calc(100vh - 8rem);
    }
    .services-story-sticky{
      position: sticky;
      top: 104px;
      min-height: calc(100vh - 7rem);
      display: grid;
      align-items: start;
    }
    .services-story-path{
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .services-story-step{
      position: relative;
      opacity: 0.28;
      transform: translateY(18px);
      transition: opacity .35s ease, transform .35s ease;
    }
    .services-story-step.is-active{
      opacity: 1;
      transform: translateY(0);
    }
    .services-story-panel{
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      opacity: 0;
      transform: translateY(20px);
      pointer-events: none;
      transition: opacity .35s ease, transform .35s ease;
    }
    .services-story-panel.is-active{
      opacity: 1;
      transform: translateY(0);
      pointer-events: auto;
    }
    .services-story-panel-card h3{
      text-wrap: balance;
    }
    .services-story-panel-card p,
    .services-story-panel-card li{
      max-width: 72ch;
    }
    .services-story-panel-card ul{
      grid-template-columns: 1fr;
    }
    @media (min-width: 1024px){
      .services-story-shell > .mx-auto{
        max-width: 84rem;
      }
      .services-story-steps{
        padding-right: 0;
        margin-left: -0.5rem;
      }
      .services-story-panel-wrap{
        min-height: 48rem;
      }
      .services-story-panel-card{
        min-height: 0;
        width: 100%;
        padding: 1.65rem 1.5rem;
      }
      .services-story-panel-card h3{
        font-size: 1.5rem !important;
        line-height: 1.14 !important;
      }
      .services-story-panel-card p{
        font-size: .89rem !important;
        line-height: 1.62 !important;
      }
      .services-story-panel-card ul{
        margin-top: 1.35rem !important;
        gap: .55rem !important;
        font-size: .82rem !important;
      }
      .services-story-panel-card li{
        line-height: 1.55;
      }
    }
    .services-story-mobile > div{
      position: relative;
      overflow: hidden;
      box-shadow:
        0 10px 30px rgba(2,6,23,0.06),
        0 1px 0 rgba(255,255,255,0.78) inset,
        0 -1px 0 rgba(0,0,0,0.03) inset;
    }
    .services-story-mobile > div::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.4;
      background:
        radial-gradient(circle at 12% 14%, rgba(255,255,255,0.8), transparent 18%),
        repeating-linear-gradient(0deg, rgba(0,0,0,0.018) 0 1px, transparent 1px 5px),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.09) 0 1px, transparent 1px 9px);
      mix-blend-mode:multiply;
    }
    .services-story-kicker{
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .26em;
      text-transform: uppercase;
      color: rgba(15,23,42,0.4);
    }
    .services-story-intro{
      max-width: 46rem;
      color: rgba(71,85,105,0.88);
    }
    .services-cta-panel{
      position: relative;
      overflow: hidden;
      border-radius: 1.9rem;
      border: 1px solid rgba(15,23,42,0.08);
      background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.98));
      box-shadow:
        0 18px 40px rgba(15,23,42,0.08),
        inset 0 1px 0 rgba(255,255,255,0.8);
    }
    .services-faq-grid{
      display:grid;
      gap: .9rem;
    }
    .services-faq-item{
      border-radius: 1.25rem;
      border: 1px solid rgba(15,23,42,0.08);
      background: rgba(255,255,255,0.84);
      box-shadow: 0 12px 24px rgba(15,23,42,0.05);
      overflow: hidden;
    }
    .services-faq-item summary{
      list-style: none;
      cursor: pointer;
      padding: 1rem 1.15rem;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap: 1rem;
      font-weight: 700;
      color: rgb(15 23 42);
    }
    .services-faq-item summary::-webkit-details-marker{
      display:none;
    }
    .services-faq-item summary::after{
      content:"+";
      flex: 0 0 auto;
      color: rgb(239 68 68);
      font-size: 1.2rem;
      line-height: 1;
      margin-top: .05rem;
    }
    .services-faq-item[open] summary::after{
      content:"−";
    }
    .services-faq-answer{
      padding: 0 1.15rem 1.05rem;
      color: rgb(71 85 105);
      font-size: .94rem;
      line-height: 1.72;
    }

    /* Digital Europe */
    .digital-europe-section{
      background: linear-gradient(180deg, #111111 0%, #0f0f10 100%);
      border-top: 1px solid rgba(255,255,255,0.06);
    }
    .digital-europe-shell{
      width: min(74rem, 100%);
      margin: 0 auto;
    }
    .digital-europe-header{
      max-width: 64rem;
      margin: 0 auto;
      text-align: center;
    }
    .digital-europe-lead{
      color: rgba(255,255,255,0.72);
    }
    .digital-europe-grid{
      display:grid;
      gap: 1.1rem;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .digital-europe-panel{
      border-radius: 1.4rem;
      border: 1px solid rgba(255,255,255,0.08);
      background: linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.03));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 18px 34px rgba(0,0,0,0.16);
      backdrop-filter: blur(12px);
    }
    .digital-europe-card{
      padding: 1.55rem 1.4rem;
    }
    .digital-europe-card-icon{
      width: 2.75rem;
      height: 2.75rem;
      border-radius: .9rem;
      display:grid;
      place-items:center;
      border: 1px solid rgba(255,255,255,0.1);
      background: rgba(255,255,255,0.05);
      color: rgba(255,255,255,0.92);
    }
    .digital-europe-card h3{
      margin-top: 1rem;
      font-size: 1.05rem;
      line-height: 1.3;
      font-weight: 700;
      letter-spacing: -0.03em;
      color: rgba(255,255,255,0.98);
    }
    .digital-europe-card p{
      margin-top: .85rem;
      font-size: .94rem;
      line-height: 1.74;
      color: rgba(255,255,255,0.7);
    }
    .digital-europe-card ul{
      margin-top: 1rem;
      padding-left: 0;
      list-style: none;
      display:grid;
      gap: .55rem;
      font-size: .82rem;
      color: rgba(255,255,255,0.8);
    }
    .digital-europe-card li{
      display:flex;
      gap:.55rem;
      align-items:flex-start;
    }
    .digital-europe-card li::before{
      content:"";
      width:.5rem;
      height:.5rem;
      margin-top:.42rem;
      flex: 0 0 auto;
      border-radius:999px;
      background: #ef4444;
      box-shadow: 0 0 10px rgba(239,68,68,0.42);
    }
    .digital-europe-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:.7rem;
      padding: 1rem 1.3rem;
      border-radius:999px;
      border:1px solid rgba(255,255,255,0.14);
      background: rgba(255,255,255,0.06);
      color: rgba(255,255,255,0.98);
      font-weight:700;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.1),
        0 18px 36px rgba(0,0,0,0.18);
      transition: transform .25s ease, background .25s ease, border-color .25s ease;
    }
    .digital-europe-cta:hover{
      transform: translateY(-2px);
      background: rgba(255,255,255,0.1);
      border-color: rgba(255,255,255,0.22);
    }
    .digital-europe-cta-text{
      text-wrap: balance;
    }
    @media (max-width: 767px){
      /* Fix 1px red-gradient seam between hero curve and services section */
      .services-story-shell{
        margin-top: -2px;
      }
      .services-story-shell h2{
        overflow-wrap: break-word;
        word-break: break-word;
      }
      .digital-europe-section{
        padding-top: 5.25rem !important;
        padding-bottom: 5.25rem !important;
      }
      .digital-europe-header{
        text-align: center;
      }
      .digital-europe-header h2{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: .65rem;
        font-size: 2rem !important;
        line-height: 1.04;
        text-wrap: balance;
      }
      .digital-europe-header h2 svg[fill="currentColor"]{
        width: 1.9rem;
        height: 1.9rem;
      }
      .digital-europe-header > p:first-of-type{
        margin-top: .9rem !important;
        font-size: 1.05rem !important;
        line-height: 1.3;
      }
      .digital-europe-lead{
        margin-top: 1.1rem !important;
        font-size: .98rem !important;
        line-height: 1.72;
      }
      .digital-europe-panel.mt-12{
        margin-top: 1.75rem !important;
        padding: 1.15rem !important;
      }
      .digital-europe-grid{
        grid-template-columns: 1fr;
        gap: .85rem;
        margin-top: .85rem !important;
      }
      .digital-europe-card{
        padding: 1.15rem 1.05rem;
      }
      .digital-europe-card h3{
        font-size: 1rem;
        line-height: 1.32;
      }
      .digital-europe-card p{
        font-size: .9rem;
        line-height: 1.68;
      }
      .digital-europe-card ul{
        gap: .5rem;
        font-size: .8rem;
      }
      .digital-europe-card li{
        gap: .5rem;
      }
      .digital-europe-card li::before{
        width: .45rem;
        height: .45rem;
        margin-top: .4rem;
      }
      .digital-europe-cta{
        width: 100%;
        padding: .95rem 1rem;
        border-radius: 1rem;
        gap: .55rem;
        font-size: .94rem;
        line-height: 1.4;
      }
      .services-faq-item summary{
        padding: .95rem 1rem;
        font-size: .94rem;
      }
      .services-faq-answer{
        padding: 0 1rem 1rem;
        font-size: .9rem;
      }
    }

    /* Contact section */
    .contact-section{
      background:
        radial-gradient(circle at 18% 20%, rgba(239,68,68,0.12), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.01), rgba(255,255,255,0.02));
    }
    .contact-grid{
      display: grid;
      grid-template-columns: minmax(15rem, 17rem) minmax(0, 1fr);
      grid-template-areas:
        "profile copy"
        "profile panel";
      gap: clamp(1.25rem, 2.6vw, 2.5rem);
      align-items: start;
    }
    .contact-profile{
      grid-area: profile;
      min-height: clamp(19rem, 26vw, 22rem);
      padding: 1.3rem 1.15rem;
      border-radius: 1.9rem;
      border: 1px solid rgba(255,255,255,0.09);
      background: rgba(255,255,255,0.035);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 14px 30px rgba(0,0,0,0.18);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      align-self: center;
    }
    .contact-copy{
      grid-area: copy;
      min-height: auto;
      display: flex;
      align-items: flex-start;
    }
    .contact-copy-inner{
      width: min(32rem, 100%);
    }
    .contact-overline{
      display: inline-flex;
      align-items: center;
      gap: .75rem;
      font-size: .72rem;
      font-weight: 700;
      letter-spacing: .28em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.48);
    }
    .contact-overline::before{
      content:"";
      width: 2rem;
      height: 1px;
      background: linear-gradient(90deg, rgba(239,68,68,0.95), rgba(239,68,68,0));
    }
    .contact-headline{
      margin-top: .7rem;
      max-width: 10ch;
      font-size: clamp(1.8rem, 2.45vw, 2.35rem);
      line-height: 1.04;
      letter-spacing: -0.035em;
      font-weight: 800;
      color: rgba(255,255,255,0.98);
      text-wrap: balance;
    }
    .contact-copy p{
      margin-top: .9rem;
      max-width: 29rem;
      font-size: .92rem;
      line-height: 1.65;
      color: rgba(255,255,255,0.68);
    }
    .contact-panel{
      grid-area: panel;
      padding: .95rem;
      border-radius: 1.7rem;
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(255,255,255,0.04);
      backdrop-filter: blur(14px);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.07),
        0 14px 34px rgba(0,0,0,0.2);
      width: 100%;
    }
    .contact-panel-grid{
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      grid-template-areas:
        "details cta"
        "map map";
      gap: .85rem 1rem;
      align-items: end;
    }
    .contact-avatar{
      width: clamp(6.4rem, 7.6vw, 7.2rem);
      height: clamp(6.4rem, 7.6vw, 7.2rem);
      border-radius: 999px;
      object-fit: cover;
      border: 1px solid rgba(255,255,255,0.14);
      box-shadow: 0 12px 24px rgba(0,0,0,0.2);
    }
    .contact-person-name{
      margin-top: .85rem;
      text-align: center;
      font-size: .98rem;
      font-weight: 700;
      color: rgba(255,255,255,0.98);
      letter-spacing: -0.02em;
    }
    .contact-person-role{
      margin-top: .25rem;
      text-align: center;
      font-size: .8rem;
      line-height: 1.5;
      color: rgba(255,255,255,0.6);
    }
    .contact-person-role-break{
      display: none;
    }
    .contact-card-label{
      font-size: .68rem;
      font-weight: 700;
      letter-spacing: .24em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.42);
    }
    .contact-card-title{
      margin-top: .7rem;
      font-size: clamp(1rem, 1.35vw, 1.18rem);
      line-height: 1.1;
      font-weight: 700;
      letter-spacing: -0.03em;
      color: rgba(255,255,255,0.98);
    }
    .contact-card-copy{
      margin-top: .55rem;
      font-size: .86rem;
      line-height: 1.55;
      color: rgba(255,255,255,0.68);
    }
    .contact-detail-list{
      grid-area: details;
      display: grid;
      gap: .7rem;
      align-content: start;
    }
    .contact-cta-block{
      grid-area: cta;
    }
    .contact-card-meta{
      display: flex;
      align-items: center;
      gap: .65rem;
      font-size: .84rem;
      font-weight: 600;
      color: rgba(255,255,255,0.8);
    }
    a.contact-card-meta{
      text-decoration: none;
      transition: color .2s ease, transform .2s ease;
    }
    a.contact-card-meta:hover{
      color: rgba(255,255,255,0.98);
      transform: translateX(2px);
    }
    .contact-card-meta i,
    .contact-card-meta svg.lucide-icon{
      width: 1rem;
      height: 1rem;
      flex-shrink: 0;
      color: rgba(255,255,255,0.74);
    }
    .contact-cta-wrap{
      margin-top: 1rem;
    }
    .contact-cta{
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .6rem;
      min-height: 3rem;
      padding: .82rem 1rem;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.1);
      background: rgba(239,68,68,0.92);
      color: #fff;
      font-size: .86rem;
      font-weight: 700;
      letter-spacing: -0.01em;
      transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
      box-shadow: 0 14px 32px rgba(127,29,29,0.24);
      min-width: 15rem;
    }
    .contact-cta:hover{
      transform: translateY(-1px);
      background: rgba(239,68,68,1);
      box-shadow: 0 16px 34px rgba(127,29,29,0.28);
    }
    .contact-cta i,
    .contact-cta svg.lucide-icon{
      width: 1rem;
      height: 1rem;
    }
    .contact-map{
      grid-area: map;
      position: relative;
      min-height: 8.5rem;
      overflow: hidden;
      border-radius: 1.15rem;
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(255,255,255,0.03);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 12px 28px rgba(0,0,0,0.14);
    }
    .contact-map::after{
      content:"";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(180deg, rgba(17,17,17,0.08), rgba(17,17,17,0.18)),
        radial-gradient(circle at 20% 18%, rgba(255,255,255,0.08), transparent 22%);
      mix-blend-mode: multiply;
    }
    .contact-map iframe{
      width: 100%;
      height: 100%;
      border: 0;
      display: block;
      filter: grayscale(1) saturate(.2) contrast(1.02) brightness(.82);
    }
    @media (max-width: 1023px){
      .contact-grid{
        grid-template-columns: 1fr;
        grid-template-areas:
          "copy"
          "profile"
          "panel";
      }
      .contact-profile{
        min-height: auto;
        max-width: 20rem;
        margin: 0 auto;
        align-self: auto;
      }
      .contact-panel{
        max-width: 42rem;
      }
    }
    @media (max-width: 767px){
      #kontakt,
      #contact{
        padding-top: 6.25rem;
        padding-bottom: 4rem;
      }
      .contact-grid{
        gap: 1rem;
      }
      .contact-profile{
        width: 100%;
        max-width: 12.75rem;
        padding: .95rem .9rem;
        border-radius: 1.25rem;
      }
      .contact-copy-inner{
        width: 100%;
      }
      .contact-overline{
        font-size: .6rem;
        letter-spacing: .18em;
      }
      .contact-headline{
        max-width: none;
        font-size: clamp(1.5rem, 6.4vw, 1.9rem);
        line-height: 1.04;
        letter-spacing: -0.03em;
      }
      .contact-copy p{
        max-width: none;
        font-size: .86rem;
        line-height: 1.55;
      }
      .contact-panel-grid{
        grid-template-columns: 1fr;
        grid-template-areas:
          "details"
          "cta";
      }
      .contact-panel{
        max-width: none;
        padding: .85rem;
        border-radius: 1.2rem;
      }
      .contact-avatar{
        width: 5.4rem;
        height: 5.4rem;
      }
      .contact-person-name{
        margin-top: .7rem;
        font-size: .88rem;
      }
      .contact-person-role{
        font-size: .74rem;
        line-height: 1.4;
      }
      .contact-person-role-break{
        display: inline;
      }
      .contact-card-label{
        font-size: .62rem;
        letter-spacing: .18em;
      }
      .contact-card-title{
        font-size: .92rem;
        line-height: 1.15;
      }
      .contact-card-copy{
        font-size: .8rem;
        line-height: 1.5;
      }
      .contact-card-meta{
        gap: .55rem;
        font-size: .76rem;
      }
      .contact-cta{
        min-width: 0;
        width: 100%;
        min-height: 2.85rem;
        padding-left: .85rem;
        padding-right: .85rem;
        font-size: .82rem;
        text-align: center;
      }
      .contact-map{
        display: none;
      }
      .modal-shell{
        padding: .8rem;
      }
      .modal-panel{
        border-radius: 1.35rem;
      }
    }

    /* About carousel */
    .about-carousel{
      --about-center-size: clamp(23rem, 48vw, 36rem);
      --about-side-size: clamp(10.5rem, 14vw, 13.25rem);
      --about-slot-offset: clamp(21rem, 31vw, 27rem);
      width: 100%;
      max-width: 88rem;
      margin: 0 auto;
    }
    .about-carousel-stage{
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: 1rem;
    }
    .about-carousel-viewport{
      position: relative;
      overflow: hidden;
      padding: 2.15rem 0 2.35rem;
    }
    .about-carousel-track{
      position: relative;
      min-height: calc(var(--about-center-size) + 3rem);
      transition: opacity .42s ease, filter .42s ease;
      will-change: opacity, filter;
      touch-action: pan-y;
      perspective: 1400px;
    }
    .about-carousel-track.is-changing{
      filter: saturate(0.98);
    }
    .about-slide{
      position: absolute;
      top: 50%;
      left: 50%;
      display: grid;
      place-items: center;
      width: var(--about-side-size);
      height: var(--about-side-size);
      padding: 0;
      transform: translate(-50%, -50%);
      transition:
        transform 1.28s cubic-bezier(.16,1,.3,1),
        width 1.12s cubic-bezier(.16,1,.3,1),
        height 1.12s cubic-bezier(.16,1,.3,1),
        opacity .72s ease,
        filter .72s ease;
      will-change: transform, opacity, filter;
      transform-origin: center center;
    }
    .about-slide-circle{
      width: 100%;
      aspect-ratio: 1 / 1;
      border-radius: 999px;
      overflow: hidden;
      background:
        radial-gradient(circle at 28% 28%, rgba(255,255,255,0.22), transparent 36%),
        linear-gradient(135deg, #ef4444 0%, #dc2626 58%, #991b1b 100%);
      border: 1px solid rgba(255,255,255,0.14);
      display: grid;
      place-items: center;
      color: #fff;
      text-align: center;
      padding: clamp(0.7rem, 1.6vw, 1rem);
      transition:
        transform 1.28s cubic-bezier(.16,1,.3,1),
        opacity .72s ease,
        filter .72s ease,
        padding 1.05s cubic-bezier(.16,1,.3,1);
      box-shadow:
        0 18px 44px rgba(153,27,27,0.18),
        inset 0 1px 0 rgba(255,255,255,0.14),
        inset 0 -18px 44px rgba(0,0,0,0.08);
      position: relative;
    }
    .about-slide-circle::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.26;
      background:
        radial-gradient(circle at 24% 20%, rgba(255,255,255,0.55), transparent 24%),
        repeating-linear-gradient(0deg, rgba(255,255,255,0.06) 0 1px, transparent 1px 6px),
        repeating-linear-gradient(90deg, rgba(255,255,255,0.04) 0 1px, transparent 1px 10px);
      mix-blend-mode: screen;
    }
    .about-slide-copy{
      display: grid;
      place-items: center;
      width: 100%;
      height: 100%;
      position: relative;
      isolation: isolate;
    }
    .about-slide-side-preview,
    .about-slide-main-copy{
      grid-area: 1 / 1;
      position: absolute;
      inset: 0;
      transition: opacity .56s ease, transform .92s cubic-bezier(.16,1,.3,1), filter .56s ease;
      will-change: opacity, transform, filter;
    }
    .about-slide-main-copy{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      width: 100%;
      height: 100%;
      padding: 0.65rem;
    }
    .about-slide-main-copy > *{
      opacity: 0;
      transform: translateY(0.9rem);
      filter: blur(8px);
      transition:
        opacity .42s ease,
        transform .78s cubic-bezier(.16,1,.3,1),
        filter .42s ease;
    }
    .about-slide-name{
      font-size: clamp(0.82rem, 1.5vw, 1rem);
      font-weight: 800;
      letter-spacing: -0.04em;
      color: #fff;
      line-height: 1.08;
      text-align: center;
      text-wrap: balance;
    }
    .about-slide-side-preview{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      gap: 0.38rem;
      text-align: center;
      color: rgba(255,255,255,0.9);
      opacity: 0;
      transform: translateY(0) scale(0.72);
      filter: blur(12px);
      text-shadow: 0 0 10px rgba(255,255,255,0.2);
      line-height: 1;
      padding: 0.75rem 0.55rem;
    }
    .about-slide-side-label{
      font-size: clamp(1.15rem, 1.75vw, 1.55rem);
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      white-space: nowrap;
      color: rgba(255,255,255,0.94);
    }
    .about-slide-side-title{
      max-width: 8rem;
      font-size: clamp(0.52rem, 0.82vw, 0.68rem);
      line-height: 1.25;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.8);
      text-wrap: balance;
    }
    .about-slide-bio{
      margin-top: 0.55rem;
      max-width: 17rem;
      margin-left: auto;
      margin-right: auto;
      color: rgba(255,255,255,0.86);
      line-height: 1.58;
      font-size: clamp(0.72rem, 0.94vw, 0.88rem);
      text-align: center;
      text-wrap: pretty;
    }
    .about-slide-role{
      margin-top: 0.45rem;
      max-width: 17rem;
      font-size: clamp(0.6rem, 0.86vw, 0.76rem);
      line-height: 1.4;
      letter-spacing: 0.07em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.72);
      text-align: center;
      text-wrap: balance;
    }
    .about-slide[data-slot="center"]{
      width: var(--about-center-size);
      height: var(--about-center-size);
      transform: translate(-50%, -50%);
      z-index: 2;
    }
    .about-slide[data-slot="center"] .about-slide-circle{
      padding: clamp(2.45rem, 4.6vw, 3.65rem);
    }
    .about-slide[data-slot="center"] .about-slide-name{
      max-width: 18rem;
      font-size: clamp(1.5rem, 2.7vw, 2.35rem);
      line-height: 1;
    }
    .about-slide[data-slot="center"] .about-slide-role{
      margin-top: 0.85rem;
      max-width: 21rem;
      font-size: clamp(0.7rem, 0.9vw, 0.86rem);
      line-height: 1.42;
      color: rgba(255,255,255,0.78);
    }
    .about-slide[data-slot="center"] .about-slide-bio{
      margin-top: 1rem;
      max-width: 22rem;
      margin-left: auto;
      margin-right: auto;
      line-height: 1.62;
      font-size: clamp(0.84rem, 0.98vw, 0.96rem);
    }
    .about-slide[data-slot="center"] .about-slide-main-copy{
      opacity: 1;
      transform: translateY(0) scale(1);
      filter: blur(0);
    }
    .about-slide[data-slot="center"] .about-slide-main-copy > *{
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
    }
    .about-slide[data-slot="center"] .about-slide-name{
      transition-delay: .08s;
    }
    .about-slide[data-slot="center"] .about-slide-role{
      transition-delay: .17s;
    }
    .about-slide[data-slot="center"] .about-slide-bio{
      transition-delay: .28s;
    }
    .about-slide[data-slot="center"].is-mobile-enter{
      opacity: 0;
      transform: translate(-50%, calc(-50% + 0.8rem)) scale(0.94);
    }
    .about-slide[data-slot="center"].is-mobile-enter .about-slide-circle{
      filter: saturate(0.94);
    }
    .about-slide[data-slot="center"].is-mobile-enter .about-slide-main-copy > *{
      opacity: 0;
      transform: translateY(1rem);
      filter: blur(10px);
      transition-delay: 0s !important;
    }
    .about-slide[data-slot="center"].is-mobile-exit{
      opacity: 0;
      transform: translate(-50%, calc(-50% - 0.55rem)) scale(0.9);
    }
    .about-slide[data-slot="center"].is-mobile-exit .about-slide-main-copy > *{
      opacity: 0;
      transform: translateY(-0.5rem);
      filter: blur(10px);
      transition-delay: 0s !important;
    }
    .about-slide[data-slot="left"]{
      width: var(--about-side-size);
      height: var(--about-side-size);
      transform: translate(calc(-50% - var(--about-slot-offset)), -50%) scale(0.96);
      z-index: 1;
      opacity: 0.78;
    }
    .about-slide[data-slot="right"]{
      width: var(--about-side-size);
      height: var(--about-side-size);
      transform: translate(calc(-50% + var(--about-slot-offset)), -50%) scale(0.96);
      z-index: 1;
      opacity: 0.78;
    }
    .about-slide[data-slot="enter-left"],
    .about-slide[data-slot="exit-left"]{
      width: var(--about-side-size);
      height: var(--about-side-size);
      transform: translate(calc(-50% - (var(--about-slot-offset) + 7rem)), -50%) scale(0.64);
      opacity: 0;
      z-index: 0;
    }
    .about-slide[data-slot="enter-right"],
    .about-slide[data-slot="exit-right"]{
      width: var(--about-side-size);
      height: var(--about-side-size);
      transform: translate(calc(-50% + (var(--about-slot-offset) + 7rem)), -50%) scale(0.64);
      opacity: 0;
      z-index: 0;
    }
    .about-slide[data-slot="left"] .about-slide-circle,
    .about-slide[data-slot="right"] .about-slide-circle,
    .about-slide[data-slot="enter-left"] .about-slide-circle,
    .about-slide[data-slot="enter-right"] .about-slide-circle,
    .about-slide[data-slot="exit-left"] .about-slide-circle,
    .about-slide[data-slot="exit-right"] .about-slide-circle{
      width: 100%;
      height: 100%;
      aspect-ratio: 1 / 1;
      padding: 0.45rem;
      filter: blur(0.25px) saturate(0.92);
    }
    .about-slide[data-slot="left"] .about-slide-main-copy,
    .about-slide[data-slot="right"] .about-slide-main-copy,
    .about-slide[data-slot="enter-left"] .about-slide-main-copy,
    .about-slide[data-slot="enter-right"] .about-slide-main-copy,
    .about-slide[data-slot="exit-left"] .about-slide-main-copy,
    .about-slide[data-slot="exit-right"] .about-slide-main-copy{
      opacity: 0;
      transform: translateY(10px) scale(0.92);
      filter: blur(10px);
      pointer-events: none;
    }
    .about-slide[data-slot="left"] .about-slide-main-copy > *,
    .about-slide[data-slot="right"] .about-slide-main-copy > *,
    .about-slide[data-slot="enter-left"] .about-slide-main-copy > *,
    .about-slide[data-slot="enter-right"] .about-slide-main-copy > *,
    .about-slide[data-slot="exit-left"] .about-slide-main-copy > *,
    .about-slide[data-slot="exit-right"] .about-slide-main-copy > *{
      opacity: 0;
      transform: translateY(0.65rem);
      filter: blur(8px);
      transition-delay: 0s;
    }
    .about-slide[data-slot="left"] .about-slide-side-preview,
    .about-slide[data-slot="right"] .about-slide-side-preview,
    .about-slide[data-slot="enter-left"] .about-slide-side-preview,
    .about-slide[data-slot="enter-right"] .about-slide-side-preview,
    .about-slide[data-slot="exit-left"] .about-slide-side-preview,
    .about-slide[data-slot="exit-right"] .about-slide-side-preview{
      opacity: 1;
      transform: translateY(0) scale(1);
      filter: blur(1.8px);
    }
    .about-slide.is-ghost{
      width: 0;
      opacity: 0;
      pointer-events: none;
      overflow: hidden;
    }
    .about-slide.is-ghost .about-slide-circle{
      transform: scale(0.4);
      opacity: 0;
    }
    .about-carousel-controls{
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 1.25rem;
      gap: 0.9rem;
    }
    .about-carousel-btn{
      height: 3.5rem;
      width: 3.5rem;
      border-radius: 999px;
      border: 1px solid rgba(15,23,42,0.10);
      background: rgba(255,255,255,0.86);
      color: rgb(15 23 42);
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: background .2s ease, transform .2s ease, color .2s ease, border-color .2s ease;
      box-shadow:
        0 10px 24px rgba(15,23,42,0.08),
        0 1px 0 rgba(255,255,255,0.8) inset;
    }
    .about-carousel-btn:hover{
      background: rgb(15 23 42);
      color: #fff;
      border-color: rgb(15 23 42);
      transform: translateY(-1px);
    }
    @media (max-width: 767px){
      #ueber-uns,
      #about{
        padding-top: 5.5rem;
        padding-bottom: 5rem;
      }
      .about-carousel > .max-w-6xl{
        margin-bottom: 5rem;
      }
      .about-carousel-stage{
        grid-template-columns: 1fr;
        gap: 0;
      }
      .about-carousel-stage > .about-carousel-btn{
        display: none;
      }
      .about-carousel-btn{
        height: 2.95rem;
        width: 2.95rem;
      }
      .about-carousel{
        --about-center-size: min(90vw, 22rem);
        max-width: 100%;
      }
      .about-carousel-viewport{
        overflow: visible;
        padding: 0.25rem 0 0.9rem;
      }
      .about-carousel-track{
        min-height: auto;
        perspective: none;
      }
      .about-slide{
        position: relative;
        top: auto;
        left: auto;
        width: 0;
        height: auto;
        transform: none !important;
      }
      .about-slide[data-slot="center"]{
        width: var(--about-center-size);
        height: auto;
        left: auto;
        top: auto;
        transform: none !important;
        margin: 0 auto;
      }
      .about-slide[data-slot="left"],
      .about-slide[data-slot="right"],
      .about-slide[data-slot="enter-left"],
      .about-slide[data-slot="enter-right"],
      .about-slide[data-slot="exit-left"],
      .about-slide[data-slot="exit-right"]{
        display: none;
      }
      .about-slide[data-slot="center"] .about-slide-copy{
        display: block;
        height: auto;
      }
      .about-slide[data-slot="center"] .about-slide-circle{
        aspect-ratio: auto;
        border-radius: 2rem;
        padding: 1.45rem 1.2rem 1.35rem;
        min-height: 0;
        box-shadow:
          0 16px 34px rgba(153,27,27,0.16),
          inset 0 1px 0 rgba(255,255,255,0.14),
          inset 0 -16px 30px rgba(0,0,0,0.08);
      }
      .about-slide[data-slot="center"] .about-slide-main-copy{
        opacity: 1;
        transform: none;
        filter: none;
        position: relative;
        inset: auto;
        height: auto;
        padding: 0;
      }
      .about-slide[data-slot="center"] .about-slide-main-copy > *{
        opacity: 1;
        transform: none;
        filter: none;
      }
      .about-slide[data-slot="center"] .about-slide-name{
        max-width: 11.75rem;
        font-size: clamp(1.55rem, 9vw, 2.2rem);
        line-height: 0.96;
      }
      .about-slide[data-slot="center"] .about-slide-role{
        margin-top: 0.6rem;
        max-width: 14.25rem;
        font-size: 0.68rem;
        line-height: 1.34;
        letter-spacing: 0.045em;
      }
      .about-slide[data-slot="center"] .about-slide-bio{
        margin-top: 0.7rem;
        max-width: 15rem;
        font-size: 0.88rem;
        line-height: 1.5;
      }
      .about-slide[data-slot="center"] .about-slide-side-preview{
        display: none;
      }
      .about-slide[data-slot="center"].is-mobile-enter{
        opacity: 0;
        transform: translateY(0.75rem) scale(0.98) !important;
      }
      .about-slide[data-slot="center"].is-mobile-exit{
        opacity: 0;
        transform: translateY(-0.55rem) scale(0.98) !important;
      }
      .about-carousel-controls{
        margin-top: 0.95rem;
        gap: 2rem;
      }
    }
    @media (max-width: 1023px){
      .services-story-desktop{
        display: none;
      }
    }
    @media (min-width: 1024px){
      .services-story-mobile{
        display: none;
      }
    }