:root{
      --black:#050403;
      --cream:#f3e7d3;
      --gold:#c69a58;
      --gold-light:#e3c487;
      --line:rgba(227,196,135,.24);
      --max:1240px;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    html,body{
      margin:0;
      min-height:100%;
      background:var(--black);
      color:var(--cream);
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }

    body{overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    img,video{display:block;max-width:100%}

    .nav{
      position:fixed;
      inset:0 0 auto 0;
      z-index:20;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:28px clamp(18px,4vw,58px) 16px;
      min-height:72px;
      background:linear-gradient(to bottom,rgba(5,4,3,.48),rgba(5,4,3,.10),transparent);
      backdrop-filter:blur(4px);
    }

    .brand{
      display:flex;
      align-items:center;
      min-height:38px;
      font-family:Georgia,serif;
      font-size:20px;
      letter-spacing:.30em;
      color:var(--gold-light);
    }

    .navlinks{
      display:flex;
      align-items:center;
      gap:24px;
      min-height:38px;
      font-size:11px;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:rgba(243,231,211,.74);
    }

    .nav-cta{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:38px;
      border:1px solid var(--line);
      border-radius:999px;
      padding:10px 15px;
      color:var(--gold-light);
      background:rgba(255,255,255,.03);
    }

    .hero{
      position:relative;
      min-height:100svh;
      display:flex;
      align-items:center;
      overflow:hidden;
      isolation:isolate;
      background:var(--black);
    }

    .hero-video-wrap{
      position:absolute;
      inset:0;
      z-index:-3;
      overflow:hidden;
      background:#000;
    }

    .hero-video{
      position:absolute;
      top:61%;
      left:68%;
      width:auto;
      height:93vh;
      max-width:none;
      transform:translate(-50%,-50%);
      object-fit:contain;
      filter:saturate(1.0) contrast(1.03) brightness(1.16);
    }

    .hero:before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-2;
      background:
        linear-gradient(90deg,rgba(5,4,3,.38) 0%,rgba(5,4,3,.24) 34%,rgba(5,4,3,.08) 58%,rgba(5,4,3,.03) 100%),
        linear-gradient(to top,rgba(5,4,3,.56),rgba(5,4,3,0) 52%,rgba(5,4,3,.04));
    }

    .hero:after{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      background:
        radial-gradient(circle at 70% 48%,transparent 0%,rgba(5,4,3,.02) 40%,rgba(5,4,3,.16) 100%),
        linear-gradient(to bottom,transparent 68%,var(--black) 100%);
    }

    .hero-inner{
      width:min(1320px,calc(100% - 36px));
      margin:0 auto;
      padding:120px 0 72px;
    }

    .hero-copy{
      max-width:720px;
      transform:translateY(-6vh);
    }

    .eyebrow{
      margin:0 0 18px;
      color:var(--gold-light);
      font-size:12px;
      letter-spacing:.18em;
      text-transform:uppercase;
      opacity:1;
      animation:none;
    }

    h1,h2{
      font-family:Georgia,serif;
      font-weight:400;
      letter-spacing:-.052em;
    }

    h1{
      margin:0;
      max-width:780px;
      color:#f3e7d3;
      font-size:clamp(54px,7vw,96px);
      line-height:1;
      opacity:1;
      animation:none;
    }

    .subline{
      max-width:560px;
      margin:12px 0 0;
      color:#fffaf2;
      font-size:clamp(17px,1.55vw,20px);
      font-weight:500;
      line-height:1.6;
      text-shadow:none;
      opacity:1;
      animation:none;
    }

    .button{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:50px;
      margin-top:31px;
      border:1px solid var(--gold);
      border-radius:999px;
      padding:0 28px;
      background:var(--gold);
      color:#130d07;
      font-size:11px;
      letter-spacing:.13em;
      text-transform:uppercase;
      opacity:0;
      animation:fadeUp .85s 1.2s ease forwards;
      transition:transform .25s ease,filter .25s ease;
    }

    .button:hover{transform:translateY(-2px);filter:brightness(1.06)}

    .scroll{
      position:absolute;
      right:clamp(18px,4vw,58px);
      bottom:30px;
      display:flex;
      align-items:center;
      gap:10px;
      color:rgba(243,231,211,.46);
      font-size:10px;
      letter-spacing:.17em;
      text-transform:uppercase;
    }

    .scroll:after{
      content:"";
      width:42px;
      height:1px;
      background:var(--gold);
      transform-origin:left;
      animation:pulse 1.8s ease-in-out infinite;
    }

    .feature-image{
      position:relative;
      overflow:hidden;
      border-radius:28px;
      aspect-ratio:16/10;
      background:#171311;
      border:1px solid rgba(227,196,135,.16);
      box-shadow:0 34px 90px rgba(0,0,0,.32);
    }

    .feature-image img{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:center;
    }

    .facts{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:24px;
      margin-top:66px;
      padding-top:34px;
      border-top:1px solid rgba(227,196,135,.15);
    }

    .fact{
      color:#d7bf96;
      font-size:12px;
      letter-spacing:.18em;
      text-transform:uppercase;
    }

    @keyframes fadeUp{
      from{opacity:0;transform:translateY(20px)}
      to{opacity:1;transform:none}
    }

    @keyframes pulse{
      0%,100%{transform:scaleX(.42);opacity:.42}
      50%{transform:scaleX(1);opacity:1}
    }



    .collection-exhibition{
      background:var(--black);
      padding:clamp(130px,16vw,230px) 0 0;
    }

    .collection-head{
      width:min(var(--max),calc(100% - 44px));
      margin:0 auto clamp(100px,12vw,170px);
    }

    .collection-head > p{
      margin:0 0 18px;
      color:var(--gold-light);
      font-size:11px;
      letter-spacing:.18em;
      text-transform:uppercase;
    }

    .collection-head h2{
      margin:0;
      font-size:clamp(64px,8vw,116px);
      line-height:.92;
    }

    .exhibit{
      min-height:100svh;
      display:flex;
      align-items:center;
      position:relative;
      overflow:hidden;
      border-top:1px solid rgba(227,196,135,.11);
    }

    .exhibit:before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
    }

    .exhibit-core{
      background:linear-gradient(180deg,#050403 0%,#130e09 48%,#050403 100%);
    }

    .exhibit-core:before{
      background:radial-gradient(circle at 50% 46%,rgba(198,154,88,.15),transparent 38%);
    }

    .exhibit-flow{
      background:linear-gradient(180deg,#050403 0%,#0b1711 48%,#050403 100%);
    }

    .exhibit-flow:before{
      background:radial-gradient(circle at 50% 46%,rgba(103,142,112,.16),transparent 38%);
    }

    .exhibit-root{
      background:linear-gradient(180deg,#050403 0%,#241b12 48%,#050403 100%);
    }

    .exhibit-root:before{
      background:radial-gradient(circle at 50% 46%,rgba(211,177,127,.16),transparent 38%);
    }

    .exhibit-stage{
      position:relative;
      z-index:1;
      width:min(980px,calc(100% - 44px));
      margin:0 auto;
      padding:clamp(90px,10vw,140px) 0;
      text-align:center;
    }

    .exhibit-index{
      display:block;
      margin-bottom:22px;
      color:rgba(243,231,211,.34);
      font-size:11px;
      letter-spacing:.18em;
    }

    .exhibit-type{
      margin:0 0 12px;
      color:var(--gold-light);
      font-size:11px;
      letter-spacing:.22em;
      text-transform:uppercase;
    }

    .exhibit h3{
      margin:0;
      font-family:Georgia,serif;
      font-size:clamp(84px,13vw,170px);
      font-weight:400;
      letter-spacing:-.06em;
      line-height:.82;
    }

    .exhibit-image{
      min-height:430px;
      margin:clamp(30px,4vw,54px) auto 0;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .exhibit-image img{
      width:min(78vw,470px);
      max-height:520px;
      object-fit:contain;
      filter:drop-shadow(0 38px 56px rgba(0,0,0,.46));
    }

    .exhibit-copy{
      max-width:570px;
      margin:20px auto 0;
      color:rgba(243,231,211,.68);
      font-size:clamp(17px,1.7vw,21px);
      line-height:1.55;
    }


    /* Zusammen: Abschluss der Produktkollektion */
    .together{
      position:relative;
      min-height:100svh;
      height:100svh;
      overflow:hidden;
      display:flex;
      align-items:center;
      justify-content:center;
      border-top:1px solid rgba(227,196,135,.11);
      background:
        radial-gradient(circle at 50% 56%,rgba(198,154,88,.13),transparent 34%),
        linear-gradient(180deg,#050403 0%,#100b07 52%,#050403 100%);
      isolation:isolate;
    }

    .together:before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      background:
        radial-gradient(circle at 50% 63%,rgba(227,196,135,.07),transparent 26%),
        linear-gradient(to bottom,rgba(5,4,3,.1),transparent 30%,rgba(5,4,3,.22));
      pointer-events:none;
    }

    .together-inner{
      position:relative;
      width:min(1180px,calc(100% - 44px));
      margin:0 auto;
      padding:clamp(100px,11vw,160px) 0 clamp(110px,12vw,170px);
      text-align:center;
    }

    .together-kicker{
      position:relative;
      z-index:6;
      max-width:920px;
      margin:0 auto 10px;
      color:rgba(227,196,135,.98);
      font-size:clamp(30px,5vw,68px);
      line-height:.98;
      letter-spacing:.12em;
      font-weight:500;
      text-transform:uppercase;
      opacity:0;
      transform:translateY(24px) scale(.97);
      filter:blur(5px);
      text-shadow:0 0 30px rgba(198,154,88,.16);
      will-change:transform,opacity,filter;
    }

    .together h2{
      position:absolute;
      top:clamp(165px,17vw,240px);
      left:47%;
      z-index:4;
      width:110%;
      margin:0;
      transform:translateX(-50%) scale(.72);
      color:rgba(243,231,211,.34);
      font-size:clamp(66px,9.8vw,134px);
      line-height:.86;
      pointer-events:none;
      white-space:nowrap;
      opacity:.05;
      filter:blur(2px);
      will-change:transform,opacity,filter;
    }

    .together-stage{
      position:relative;
      width:min(100%,980px);
      height:clamp(610px,70vw,780px);
      margin:clamp(44px,6vw,76px) auto 0;
    }

    .together-product{
      position:absolute;
      z-index:3;
      object-fit:contain;
      filter:drop-shadow(0 36px 54px rgba(0,0,0,.55));
      will-change:transform,opacity;
    }

    .together-core{
      top:-2%;
      left:50%;
      width:clamp(250px,33vw,430px);
      transform:translate(-50%,-18%) scale(.36);
      opacity:0;
    }

    .together-flow{
      left:3%;
      top:38%;
      width:clamp(85px,11.2vw,140px);
      transform:translate(-34%,-4%) scale(.56);
      opacity:0;
    }

    .together-root{
      right:-8%;
      top:33%;
      width:clamp(185px,24vw,290px);
      transform:translate(34%,-4%) scale(.52);
      opacity:0;
    }

    .together-cup{
      left:50%;
      bottom:-2%;
      width:clamp(120px,16vw,190px);
      transform:translate(-50%,34%) scale(.78);
      opacity:0;
      z-index:2;
    }

    .together-lines{
      position:absolute;
      inset:4% 1% 2%;
      z-index:1;
      width:98%;
      height:94%;
      overflow:visible;
      pointer-events:none;
    }

    .together-lines path,
    .together-lines line{
      fill:none;
      stroke:rgba(227,196,135,.72);
      stroke-width:1.2;
      vector-effect:non-scaling-stroke;
      stroke-dasharray:1200;
      stroke-dashoffset:1200;
      filter:drop-shadow(0 0 8px rgba(198,154,88,.25));
    }

    .together-lines circle{
      fill:var(--gold-light);
      opacity:0;
      filter:drop-shadow(0 0 8px rgba(227,196,135,.85));
    }

    .together-copy{
      max-width:650px;
      margin:28px auto 0;
      color:rgba(243,231,211,.75);
      font-size:clamp(18px,1.8vw,23px);
      line-height:1.5;
      opacity:0;
      transform:translateY(16px);
    }

    .together.is-visible .together-kicker{
      animation:togetherKickerIn 1.05s .08s cubic-bezier(.16,.78,.22,1) forwards;
    }

    .together.is-visible .together-cup{
      animation:togetherCup 1.25s .75s cubic-bezier(.2,.75,.25,1) forwards;
    }

    .together.is-visible .together-core{
      animation:togetherCore 1.55s 1.35s cubic-bezier(.16,.78,.22,1) forwards;
    }

    .together.is-visible .together-flow{
      animation:togetherFlow 1.20s 2.20s cubic-bezier(.2,.72,.2,1) forwards;
    }

    .together.is-visible .together-root{
      animation:togetherRoot 1.20s 2.45s cubic-bezier(.2,.72,.2,1) forwards;
    }

    .together.is-visible .together-lines path,
    .together.is-visible .together-lines line{
      animation:drawTogether 1.70s 3.30s ease forwards;
    }

    .together.is-visible .together-lines circle{
      animation:showPoint .55s 5.40s ease forwards;
    }

    .together.is-visible .together-copy{
      animation:fadeUp 1.00s 5.65s ease forwards;
    }

    .together.is-visible h2{
      animation:togetherTitleForward 1.30s 5.20s cubic-bezier(.16,.78,.22,1) forwards;
    }

    @keyframes togetherKickerIn{
      0%{
        opacity:0;
        transform:translateY(24px) scale(.97);
        filter:blur(5px);
      }
      100%{
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0);
      }
    }

    @keyframes togetherCup{
      to{opacity:1;transform:translate(-50%,0) scale(1)}
    }

    @keyframes togetherCore{
      0%{opacity:0;transform:translate(-50%,-18%) scale(.36)}
      70%{opacity:1;transform:translate(-50%,1%) scale(1.04)}
      100%{opacity:1;transform:translate(-50%,0) scale(1)}
    }

    @keyframes togetherFlow{
      to{opacity:1;transform:translate(0,0) scale(1)}
    }

    @keyframes togetherRoot{
      to{opacity:1;transform:translate(0,0) scale(1)}
    }

    @keyframes drawTogether{
      to{stroke-dashoffset:0}
    }

    @keyframes showPoint{
      to{opacity:1}
    }

    @keyframes togetherTitleForward{
      0%{
        opacity:.10;
        transform:translateX(-50%) scale(.72);
        filter:blur(2px);
      }
      75%{
        opacity:.98;
        transform:translateX(-50%) scale(1.02);
        filter:blur(0);
      }
      100%{
        opacity:.96;
        transform:translateX(-50%) scale(1);
        filter:blur(0);
      }
    }

    @media(max-width:900px){
      .collection-inner{width:calc(100% - 36px)}
      .collection-intro{margin-bottom:82px}
      .collection-copy{font-size:18px}
      .product-panel{
        min-height:auto;
        grid-template-columns:1fr;
        gap:28px;
        padding:28px 22px 42px;
        border-radius:24px;
      }
      .product-visual{
        min-height:360px;
      }
      .product-visual img{
        width:min(88%,360px);
        max-height:390px;
      }
      .product-copy{
        max-width:none;
      }
      .product-number{margin-bottom:26px}
      .product-copy h3{font-size:clamp(64px,20vw,92px)}
      .product-copy > p:not(.product-type){font-size:17px}
    }

    @media(max-width:900px){
      .navlinks a:not(.nav-cta){display:none}
      .hero{align-items:flex-end}
      .hero-video{
        left:50%;
        top:42%;
        width:100%;
        height:auto;
        max-height:62vh;
        object-fit:contain;
      }
      .hero:before{
        background:
          linear-gradient(to top,rgba(5,4,3,.56) 0%,rgba(5,4,3,.22) 40%,rgba(5,4,3,.03) 70%,rgba(5,4,3,.01) 100%),
          linear-gradient(90deg,rgba(5,4,3,.07),rgba(5,4,3,.01));
      }
      .hero-inner{width:calc(100% - 36px);padding:96px 0 136px}
      .hero-copy{max-width:100%;transform:none}
      h1{max-width:100%;font-size:clamp(46px,12.2vw,68px);line-height:.96}
      .subline{
        max-width:100%;
        margin-top:10px;
        padding-right:6px;
        color:#fffaf2;
        font-size:18px;
        font-weight:500;
        line-height:1.55;
        text-shadow:none;
        opacity:1;
        animation:none;
      }
      .scroll{display:none}
      .section-inner{width:calc(100% - 36px)}

      .nav{padding-top:25px}
      .hero-video{top:39%;max-height:59vh}
      .collection-head{width:calc(100% - 36px);margin-bottom:90px}
      .collection-head h2{font-size:clamp(56px,16vw,78px)}
      .exhibit{min-height:92svh}
      .exhibit-stage{width:calc(100% - 36px);padding:80px 0}
      .exhibit h3{font-size:clamp(82px,25vw,120px)}
      .exhibit-image{min-height:340px;margin-top:28px}
      .exhibit-image img{width:min(88vw,360px);max-height:390px}
      .exhibit-copy{max-width:92%;font-size:17px}


      .together{min-height:100svh;height:100svh}
      .together-inner{
        width:calc(100% - 28px);
        padding:96px 0 42px;
      }
      .together-kicker{
        max-width:96%;
        margin-bottom:4px;
        font-size:clamp(27px,8.7vw,42px);
        line-height:1.02;
        letter-spacing:.08em;
      }
      .together h2{
        top:196px;
        left:46%;
        width:120%;
        font-size:clamp(54px,16.2vw,82px);
        color:rgba(243,231,211,.34);
      }
      .together-stage{
        height:clamp(430px,118vw,510px);
        margin-top:58px;
        transform:translateY(20px);
        transform-origin:center top;
      }
      .together-core{top:2%;width:min(54vw,280px)}
      .together-flow{left:1%;top:42%;width:min(14vw,72px)}
      .together-root{right:-8%;top:38%;width:min(32vw,168px)}
      .together-cup{bottom:0;width:min(24vw,122px)}
      .together-copy{
        max-width:94%;
        font-size:clamp(16px,4.3vw,18px);
        line-height:1.35;
        margin-top:34px;
      }

      .feature-image{aspect-ratio:4/5;border-radius:20px}
      .facts{grid-template-columns:1fr;gap:18px}
    }

    @media(max-width:560px){
      .nav{padding:13px 18px}
      .brand{font-size:18px}
      .nav-cta{padding:9px 12px;font-size:10px}
      .hero-video{top:39%;max-height:54vh}
      .hero-inner{padding-bottom:58px}
      .button{width:100%}
      .section-heading h2{font-size:clamp(52px,16vw,72px)}
      .section-heading p{font-size:18px;color:#f3e7d3;opacity:1}
    }



    /* Desktop-Korrektur: vollständige Darstellung des LOARU-Systems */
    @media(min-width:801px){
      .together{
        min-height:100svh;
        height:100svh;
        align-items:flex-start;
      }

      .together-inner{
        width:min(1120px,calc(100% - 52px));
        height:100%;
        padding:88px 0 34px;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        overflow:hidden;
      }

      .together-kicker{
        position:relative;
        z-index:6;
        flex:0 0 auto;
        margin:0 auto 4px;
        font-size:clamp(28px,3.7vw,52px);
        line-height:1;
      }

      .together h2{
        position:relative;
        top:auto;
        left:auto;
        width:auto;
        margin:0 auto;
        transform:none;
        flex:0 0 auto;
        font-size:clamp(58px,7.4vw,102px);
        line-height:.88;
        white-space:normal;
        opacity:.08;
      }

      .together.is-visible h2{
        animation:togetherTitleDesktop 1.25s 5.10s cubic-bezier(.16,.78,.22,1) forwards;
      }

      .together-stage{
        flex:1 1 auto;
        width:min(100%,920px);
        min-height:0;
        height:auto;
        margin:8px auto 0;
      }

      .together-core{
        top:0;
        width:clamp(220px,25vw,350px);
      }

      .together-flow{
        left:7%;
        top:39%;
        width:clamp(72px,7.5vw,112px);
      }

      .together-root{
        right:1%;
        top:35%;
        width:clamp(150px,17vw,230px);
      }

      .together-cup{
        bottom:1%;
        width:clamp(100px,11vw,150px);
      }

      .together-lines{
        inset:2% 4% 2%;
        width:92%;
        height:94%;
      }

      .together-copy{
        flex:0 0 auto;
        max-width:650px;
        margin:8px auto 0;
        font-size:clamp(16px,1.35vw,20px);
        line-height:1.35;
      }
    }

    @keyframes togetherTitleDesktop{
      0%{
        opacity:.08;
        transform:scale(.78);
        filter:blur(2px);
      }
      75%{
        opacity:.98;
        transform:scale(1.02);
        filter:blur(0);
      }
      100%{
        opacity:.96;
        transform:scale(1);
        filter:blur(0);
      }
    }

    /* Mobile Korrektur: LOARU-System vollständig im sichtbaren Bereich */
    @media(max-width:800px){
      .together{
        min-height:100svh;
        height:100svh;
        align-items:flex-start;
        scroll-margin-top:0;
      }

      .together-inner{
        width:calc(100% - 24px);
        height:100%;
        padding:104px 0 24px;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        overflow:hidden;
      }

      .together-kicker{
        flex:0 0 auto;
        max-width:94%;
        margin:0 auto 8px;
        font-size:clamp(22px,7vw,34px);
        line-height:1;
        letter-spacing:.08em;
      }

      .together h2{
        position:relative;
        top:auto;
        left:auto;
        width:auto;
        margin:0 auto;
        transform:none;
        flex:0 0 auto;
        font-size:clamp(48px,14vw,68px);
        line-height:.92;
        white-space:normal;
        opacity:.10;
      }

      .together.is-visible h2{
        animation:togetherTitleMobile 1.15s 5.15s cubic-bezier(.16,.78,.22,1) forwards;
      }

      .together-stage{
        flex:1 1 auto;
        width:100%;
        min-height:0;
        height:auto;
        margin:10px auto 0;
        transform:none;
      }

      .together-core{
        top:1%;
        width:min(47vw,238px);
      }

      .together-flow{
        left:2%;
        top:43%;
        width:min(12vw,61px);
      }

      .together-root{
        right:-2%;
        top:39%;
        width:min(27vw,138px);
      }

      .together-cup{
        bottom:1%;
        width:min(21vw,106px);
      }

      .together-lines{
        inset:3% 2% 2%;
        width:96%;
        height:94%;
      }

      .together-copy{
        flex:0 0 auto;
        max-width:92%;
        margin:12px auto 0;
        padding-bottom:max(4px,env(safe-area-inset-bottom));
        font-size:15px;
        line-height:1.3;
      }
    }

    @keyframes togetherTitleMobile{
      0%{
        opacity:.10;
        transform:scale(.82);
        filter:blur(2px);
      }
      75%{
        opacity:.98;
        transform:scale(1.02);
        filter:blur(0);
      }
      100%{
        opacity:.96;
        transform:scale(1);
        filter:blur(0);
      }
    }

    @media(prefers-reduced-motion:reduce){
      *{animation:none!important;scroll-behavior:auto!important}
      .eyebrow,h1,.subline,.button,.section-heading p{opacity:1}
    }



    .why-loaru{
      position:relative;
      background:var(--black);
      padding:clamp(110px,13vw,190px) 0 clamp(100px,12vw,170px);
      border-top:1px solid rgba(227,196,135,.10);
      overflow:hidden;
    }

    .why-loaru:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 82% 20%,rgba(184,121,70,.11),transparent 35%),
        linear-gradient(180deg,rgba(255,255,255,.015),transparent 35%);
      pointer-events:none;
    }

    .why-loaru-inner{
      position:relative;
      z-index:1;
      width:min(980px,calc(100% - 44px));
      margin:0 auto;
      text-align:center;
    }

    .why-loaru-kicker{
      margin:0 0 26px;
      color:var(--gold);
      font-size:12px;
      letter-spacing:.34em;
      text-transform:uppercase;
    }

    .why-loaru h2{
      margin:0;
      font-size:clamp(52px,7.6vw,104px);
      line-height:.92;
      font-weight:400;
      letter-spacing:-.04em;
    }

    .why-loaru-copy{
      max-width:760px;
      margin:38px auto 0;
      color:#f3e7d3;
      font-size:clamp(18px,2vw,24px);
      line-height:1.58;
    }

    .why-loaru-copy p{
      margin:0 0 20px;
    }

    .why-loaru-signature{
      margin-top:34px;
      color:var(--gold);
      font-size:clamp(17px,1.8vw,21px);
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    @media(max-width:700px){
      .why-loaru{
        padding:96px 0 104px;
      }

      .why-loaru-inner{
        width:calc(100% - 36px);
      }

      .why-loaru-copy{
        margin-top:30px;
        font-size:18px;
        line-height:1.55;
      }

      .why-loaru-signature{
        font-size:15px;
        letter-spacing:.09em;
      }
    }


    .microdisc-benefits{
      position:relative;
      background:#070503;
      padding:clamp(100px,12vw,170px) 0;
      border-top:1px solid rgba(227,196,135,.10);
      border-bottom:1px solid rgba(227,196,135,.08);
      overflow:hidden;
    }

    .microdisc-benefits:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 18% 22%,rgba(184,121,70,.10),transparent 34%),
        radial-gradient(circle at 82% 78%,rgba(128,72,38,.08),transparent 32%);
      pointer-events:none;
    }

    .microdisc-benefits-inner{
      position:relative;
      z-index:1;
      width:min(1180px,calc(100% - 44px));
      margin:0 auto;
    }

    .microdisc-benefits-head{
      max-width:880px;
      margin:0 auto 72px;
      text-align:center;
    }

    .microdisc-benefits-kicker{
      margin:0 0 24px;
      color:var(--gold);
      font-size:12px;
      letter-spacing:.34em;
      text-transform:uppercase;
    }

    .microdisc-benefits h2{
      margin:0;
      font-size:clamp(48px,7vw,96px);
      line-height:.94;
      font-weight:400;
      letter-spacing:-.04em;
    }

    .microdisc-benefits-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:1px;
      background:rgba(227,196,135,.12);
      border:1px solid rgba(227,196,135,.12);
    }

    .microdisc-benefit{
      min-height:240px;
      padding:42px;
      background:rgba(5,4,3,.96);
    }

    .microdisc-benefit span{
      display:block;
      margin-bottom:54px;
      color:rgba(227,196,135,.55);
      font-size:12px;
      letter-spacing:.22em;
    }

    .microdisc-benefit h3{
      margin:0 0 14px;
      color:#f3e7d3;
      font-size:clamp(25px,2.5vw,34px);
      font-weight:400;
      letter-spacing:-.02em;
    }

    .microdisc-benefit p{
      margin:0;
      max-width:430px;
      color:rgba(243,231,211,.68);
      font-size:17px;
      line-height:1.6;
    }

    @media(max-width:700px){
      .microdisc-benefits{
        padding:96px 0;
      }

      .microdisc-benefits-inner{
        width:calc(100% - 36px);
      }

      .microdisc-benefits-head{
        margin-bottom:48px;
      }

      .microdisc-benefits-grid{
        grid-template-columns:1fr;
      }

      .microdisc-benefit{
        min-height:0;
        padding:32px 26px 34px;
      }

      .microdisc-benefit span{
        margin-bottom:34px;
      }
    }


    .microdisc-visual{
      margin:0 auto 64px;
      max-width:980px;
    }

    .microdisc-visual-frame{
      position:relative;
      padding:26px;
      border:1px solid rgba(227,196,135,.14);
      background:linear-gradient(180deg,rgba(15,11,8,.92),rgba(7,5,3,.98));
      border-radius:28px;
      box-shadow:0 24px 60px rgba(0,0,0,.28);
    }

    .microdisc-visual-frame img{
      width:100%;
      aspect-ratio:4 / 3;
      height:auto;
      object-fit:cover;
      object-position:center;
      border-radius:18px;
    }

    .microdisc-visual-caption{
      margin:16px 0 0;
      text-align:center;
      color:rgba(243,231,211,.62);
      font-size:13px;
      letter-spacing:.08em;
      line-height:1.5;
    }

    @media(max-width:700px){
      .microdisc-visual{
        margin:0 auto 42px;
      }

      .microdisc-visual-frame{
        padding:18px;
        border-radius:22px;
      }

      .microdisc-visual-caption{
        font-size:12px;
      }
    }


    .why-cocoa{
      position:relative;
      background:#0b0705;
      padding:clamp(110px,13vw,180px) 0;
      overflow:hidden;
      border-bottom:1px solid rgba(227,196,135,.08);
    }

    .why-cocoa:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 22% 30%,rgba(155,89,49,.13),transparent 36%),
        radial-gradient(circle at 80% 68%,rgba(96,51,28,.12),transparent 34%);
      pointer-events:none;
    }

    .why-cocoa-inner{
      position:relative;
      z-index:1;
      width:min(1100px,calc(100% - 44px));
      margin:0 auto;
      display:grid;
      grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
      gap:clamp(56px,8vw,110px);
      align-items:start;
    }

    .why-cocoa-kicker{
      margin:0 0 24px;
      color:var(--gold);
      font-size:12px;
      letter-spacing:.34em;
      text-transform:uppercase;
    }

    .why-cocoa h2{
      margin:0;
      color:#f3e7d3;
      font-size:clamp(52px,7vw,96px);
      line-height:.95;
      font-weight:400;
      letter-spacing:-.045em;
    }

    .why-cocoa-copy{
      padding-top:8px;
    }

    .why-cocoa-copy p{
      margin:0 0 24px;
      color:rgba(243,231,211,.72);
      font-size:clamp(18px,2vw,22px);
      line-height:1.65;
    }

    .why-cocoa-copy .why-cocoa-closing{
      margin-top:42px;
      color:#e5c98f;
      font-size:clamp(22px,2.4vw,30px);
      line-height:1.35;
      letter-spacing:-.02em;
    }

    .why-cocoa-link{
      display:inline-flex;
      align-items:center;
      gap:12px;
      margin-top:8px;
      padding:14px 20px;
      border:1px solid rgba(227,196,135,.48);
      color:#e5c98f;
      text-decoration:none;
      font-size:12px;
      letter-spacing:.18em;
      text-transform:uppercase;
      transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease;
    }

    .why-cocoa-link:hover{
      background:#e5c98f;
      color:#120b07;
      border-color:#e5c98f;
      transform:translateY(-1px);
    }

    @media(max-width:800px){
      .why-cocoa{
        padding:100px 0;
      }

      .why-cocoa-inner{
        width:calc(100% - 36px);
        grid-template-columns:1fr;
        gap:44px;
      }

      .why-cocoa-copy{
        padding-top:0;
      }
    }


    .story-links{
      position:relative;
      background:#080503;
      padding:clamp(90px,11vw,150px) 0;
      border-top:1px solid rgba(227,196,135,.08);
      border-bottom:1px solid rgba(227,196,135,.08);
    }

    .story-links-inner{
      width:min(1100px,calc(100% - 44px));
      margin:0 auto;
    }

    .story-links-head{
      max-width:760px;
      margin:0 auto 48px;
      text-align:center;
    }

    .story-links-kicker{
      margin:0 0 20px;
      color:var(--gold);
      font-size:12px;
      letter-spacing:.30em;
      text-transform:uppercase;
    }

    .story-links h2{
      margin:0;
      color:#f3e7d3;
      font-size:clamp(42px,6vw,76px);
      line-height:1;
      font-weight:400;
      letter-spacing:-.04em;
    }

    .story-links-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
    }

    .story-link-card{
      display:flex;
      min-height:190px;
      padding:32px;
      flex-direction:column;
      justify-content:space-between;
      border:1px solid rgba(227,196,135,.20);
      background:rgba(255,255,255,.015);
      text-decoration:none;
      transition:transform .25s ease,border-color .25s ease,background-color .25s ease;
    }

    .story-link-card:hover{
      transform:translateY(-2px);
      border-color:rgba(227,196,135,.48);
      background:rgba(227,196,135,.035);
    }

    .story-link-card span{
      color:rgba(227,196,135,.58);
      font-size:11px;
      letter-spacing:.18em;
      text-transform:uppercase;
    }

    .story-link-card strong{
      color:#e5c98f;
      font-size:clamp(22px,2.6vw,32px);
      font-weight:400;
      line-height:1.2;
    }

    .story-link-card em{
      margin-top:22px;
      color:rgba(243,231,211,.56);
      font-size:14px;
      font-style:normal;
      line-height:1.55;
    }

    @media(max-width:720px){
      .story-links-inner{
        width:calc(100% - 36px);
      }

      .story-links-grid{
        grid-template-columns:1fr;
      }
    }


    /* Gezieltes Einrasten nur an den beiden Animationsflächen */


    /* Abschlussbereich nach dem Zubereitung */
    .final-cta{
      position:relative;
      padding:clamp(110px,14vw,190px) 0;
      text-align:center;
      background:
        radial-gradient(circle at 50% 30%,rgba(154,87,47,.14),transparent 34%),
        linear-gradient(180deg,#000 0%,#070403 100%);
      border-top:1px solid rgba(227,196,135,.08);
    }

    .final-cta-inner{
      width:min(900px,calc(100% - 44px));
      margin:0 auto;
    }

    .final-cta-kicker{
      margin:0 0 22px;
      color:var(--gold);
      font-size:12px;
      letter-spacing:.32em;
      text-transform:uppercase;
    }

    .final-cta h2{
      margin:0;
      color:#f3e7d3;
      font-size:clamp(48px,7vw,92px);
      line-height:.96;
      font-weight:400;
      letter-spacing:-.045em;
    }

    .final-cta-copy{
      max-width:680px;
      margin:30px auto 0;
      color:rgba(243,231,211,.70);
      font-size:clamp(18px,2vw,22px);
      line-height:1.65;
    }

    .final-cta-button{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:12px;
      min-height:54px;
      margin-top:38px;
      padding:0 28px;
      border:1px solid #c69a58;
      border-radius:999px;
      background:#c69a58;
      color:#120b07;
      text-decoration:none;
      font-size:11px;
      letter-spacing:.15em;
      text-transform:uppercase;
      transition:transform .25s ease,filter .25s ease;
    }

    .final-cta-button:hover{
      transform:translateY(-2px);
      filter:brightness(1.06);
    }

    .final-trust{
      margin:44px auto 0;
      max-width:720px;
      color:#e5c98f;
      font-size:15px;
      letter-spacing:.04em;
      line-height:1.7;
    }

    .final-trust small{
      display:block;
      margin-top:10px;
      color:rgba(243,231,211,.46);
      font-size:13px;
      letter-spacing:0;
    }

    .site-footer{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:28px;
      padding:34px clamp(18px,4vw,58px);
      border-top:1px solid rgba(227,196,135,.10);
      background:#050403;
    }

    .site-footer-brand{
      color:rgba(227,196,135,.78);
      font-family:Georgia,serif;
      font-size:14px;
      letter-spacing:.26em;
    }

    .site-footer-links{
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-end;
      gap:16px 22px;
    }

    .site-footer-links a{
      color:rgba(243,231,211,.46);
      text-decoration:none;
      font-size:10px;
      letter-spacing:.13em;
      text-transform:uppercase;
      transition:color .2s ease;
    }

    .site-footer-links a:hover{
      color:#e5c98f;
    }

    @media(max-width:720px){
      .final-cta-inner{
        width:calc(100% - 36px);
      }

      .site-footer{
        align-items:flex-start;
        flex-direction:column;
      }

      .site-footer-links{
        justify-content:flex-start;
      }
    }


    /* Finale responsive Bühne für das LOARU-System:
       Alle Elemente skalieren als eine feste Komposition. */
    .together{
      min-height:100svh !important;
      height:100svh !important;
      display:flex !important;
      align-items:stretch !important;
      overflow:hidden !important;
    }

    .together-inner{
      width:min(1160px,calc(100% - 40px)) !important;
      height:100% !important;
      margin:0 auto !important;
      padding:clamp(76px,8svh,104px) 0 clamp(22px,3svh,36px) !important;
      display:grid !important;
      grid-template-rows:auto auto minmax(0,1fr) auto !important;
      justify-items:center !important;
      align-items:start !important;
      overflow:hidden !important;
    }

    .together-kicker{
      position:relative !important;
      z-index:6 !important;
      margin:0 auto 2px !important;
      max-width:96% !important;
      font-size:clamp(25px,3.6vw,52px) !important;
      line-height:1 !important;
      letter-spacing:.10em !important;
      flex:none !important;
    }

    .together h2{
      position:relative !important;
      top:auto !important;
      left:auto !important;
      width:auto !important;
      margin:0 auto !important;
      transform:none !important;
      white-space:normal !important;
      font-size:clamp(50px,7vw,96px) !important;
      line-height:.9 !important;
      flex:none !important;
    }

    .together-stage{
      position:relative !important;
      width:min(82vw,900px,calc(58svh * 1.3158)) !important;
      height:auto !important;
      min-height:0 !important;
      aspect-ratio:1000 / 760 !important;
      margin:clamp(6px,1.4svh,14px) auto 0 !important;
      transform:none !important;
      flex:none !important;
      align-self:center !important;
    }

    .together-product{
      position:absolute !important;
      object-fit:contain !important;
    }

    .together-core{
      top:0% !important;
      left:50% !important;
      width:36% !important;
    }

    .together-flow{
      left:5% !important;
      top:42% !important;
      width:12% !important;
    }

    .together-root{
      right:0% !important;
      top:38% !important;
      width:25% !important;
    }

    .together-cup{
      left:50% !important;
      bottom:0% !important;
      width:16% !important;
    }

    .together-lines{
      inset:3% 2% 1% !important;
      width:96% !important;
      height:96% !important;
    }

    .together-copy{
      margin:clamp(6px,1.2svh,14px) auto 0 !important;
      max-width:680px !important;
      padding:0 14px max(2px,env(safe-area-inset-bottom)) !important;
      font-size:clamp(15px,1.35vw,20px) !important;
      line-height:1.3 !important;
      flex:none !important;
    }

    @media(max-width:800px){
      .together-inner{
        width:calc(100% - 22px) !important;
        padding:92px 0 18px !important;
      }

      .together-kicker{
        font-size:clamp(21px,6.8vw,32px) !important;
        letter-spacing:.08em !important;
      }

      .together h2{
        font-size:clamp(44px,13.5vw,66px) !important;
      }

      .together-stage{
        width:min(94vw,520px,calc(54svh * 1.3158)) !important;
        margin-top:8px !important;
      }

      .together-core{
        width:38% !important;
      }

      .together-flow{
        left:3% !important;
        top:43% !important;
        width:13% !important;
      }

      .together-root{
        right:-1% !important;
        top:39% !important;
        width:27% !important;
      }

      .together-cup{
        width:17% !important;
      }

      .together-copy{
        font-size:14px !important;
        margin-top:6px !important;
      }
    }

    @media(max-height:760px) and (min-width:801px){
      .together-inner{
        padding-top:64px !important;
        padding-bottom:16px !important;
      }

      .together-kicker{
        font-size:clamp(22px,3vw,40px) !important;
      }

      .together h2{
        font-size:clamp(44px,6vw,76px) !important;
      }

      .together-stage{
        width:min(76vw,800px,calc(52svh * 1.3158)) !important;
      }

      .together-copy{
        font-size:15px !important;
      }
    }


    .faq{
      position:relative;
      padding:clamp(90px,11vw,150px) 0;
      background:#080503;
      border-top:1px solid rgba(227,196,135,.08);
    }

    .faq-inner{
      width:min(980px,calc(100% - 44px));
      margin:0 auto;
    }

    .faq-head{
      max-width:760px;
      margin:0 auto 54px;
      text-align:center;
    }

    .faq-kicker{
      margin:0 0 20px;
      color:var(--gold);
      font-size:12px;
      letter-spacing:.30em;
      text-transform:uppercase;
    }

    .faq h2{
      margin:0;
      font-size:clamp(42px,6vw,76px);
      line-height:1;
    }

    .faq-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:1px;
      background:rgba(227,196,135,.12);
      border:1px solid rgba(227,196,135,.12);
    }

    .faq-item{
      padding:34px;
      background:#050403;
    }

    .faq-item h3{
      margin:0 0 14px;
      color:var(--gold-light);
      font-family:Georgia,serif;
      font-size:clamp(24px,2.6vw,34px);
      font-weight:400;
    }

    .faq-item p{
      margin:0;
      color:rgba(243,231,211,.68);
      font-size:16px;
      line-height:1.65;
    }

    @media(max-width:720px){
      .faq-inner{width:calc(100% - 36px)}
      .faq-grid{grid-template-columns:1fr}
    }

    .preparation-story{
      position:relative;
      padding:clamp(96px,11vw,150px) 0;
      background:
        radial-gradient(circle at 50% 18%,rgba(154,87,47,.10),transparent 34%),
        linear-gradient(180deg,#050403 0%,#000 100%);
      border-top:1px solid rgba(227,196,135,.08);
      border-bottom:1px solid rgba(227,196,135,.08);
    }

    .preparation-story-inner{
      width:min(1180px,calc(100% - 44px));
      margin:0 auto;
      text-align:center;
    }

    .preparation-story-kicker{
      margin:0 0 20px;
      color:var(--gold);
      font-size:12px;
      letter-spacing:.30em;
      text-transform:uppercase;
    }

    .preparation-story h2{
      max-width:900px;
      margin:0 auto;
      color:#f3e7d3;
      font-size:clamp(46px,6.8vw,88px);
      line-height:.96;
      font-weight:400;
      letter-spacing:-.045em;
    }

    .preparation-story-copy{
      max-width:760px;
      margin:28px auto 0;
      color:rgba(243,231,211,.68);
      font-size:clamp(18px,2vw,22px);
      line-height:1.6;
    }

    .preparation-story-steps,
    .preparation-story-finish{
      overflow:hidden;
      border:1px solid rgba(227,196,135,.16);
      background:#000;
      box-shadow:0 34px 90px rgba(0,0,0,.36);
    }

    .preparation-story-steps{
      margin-top:52px;
      border-radius:28px;
    }

    .preparation-story-finish{
      margin-top:24px;
      border-radius:28px;
    }

    .preparation-story img{
      width:100%;
      height:auto;
      object-fit:cover;
    }

    .preparation-story-caption{
      max-width:760px;
      margin:24px auto 0;
      color:rgba(243,231,211,.55);
      font-size:14px;
      line-height:1.65;
    }

    @media(max-width:720px){
      .preparation-story-inner{
        width:calc(100% - 28px);
      }

      .preparation-story-steps,
      .preparation-story-finish{
        border-radius:18px;
      }

      .preparation-story-steps{
        margin-top:38px;
      }

      .preparation-story-finish{
        margin-top:14px;
      }

      .preparation-story-copy{
        font-size:17px;
      }
    }


    .development-notice{
      max-width:760px;
      margin:20px auto 0;
      color:rgba(243,231,211,.50);
      font-size:13px;
      line-height:1.6;
      text-align:center;
    }

    .site-footer-meta{
      width:100%;
      margin-top:18px;
      color:rgba(243,231,211,.38);
      font-size:12px;
      line-height:1.5;
      text-align:center;
    }


    .quality-promise{
      position:relative;
      padding:clamp(96px,11vw,150px) 0;
      background:#050403;
      border-top:1px solid rgba(227,196,135,.08);
      border-bottom:1px solid rgba(227,196,135,.08);
    }

    .quality-promise-inner{
      width:min(1180px,calc(100% - 44px));
      margin:0 auto;
    }

    .quality-promise-head{
      max-width:900px;
      margin:0 0 58px;
    }

    .quality-promise-kicker{
      margin:0 0 20px;
      color:var(--gold);
      font-size:12px;
      letter-spacing:.30em;
      text-transform:uppercase;
    }

    .quality-promise h2{
      margin:0;
      font-size:clamp(48px,7vw,92px);
      line-height:.95;
      font-weight:400;
      letter-spacing:-.045em;
    }

    .quality-promise-intro{
      max-width:760px;
      margin:26px 0 0;
      color:rgba(243,231,211,.68);
      font-size:clamp(18px,2vw,22px);
      line-height:1.65;
    }

    .quality-promise-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:1px;
      background:rgba(227,196,135,.12);
      border:1px solid rgba(227,196,135,.12);
    }

    .quality-promise-card{
      min-height:270px;
      padding:36px;
      background:#080503;
    }

    .quality-promise-card span{
      display:block;
      margin-bottom:48px;
      color:rgba(227,196,135,.5);
      font-size:12px;
      letter-spacing:.22em;
    }

    .quality-promise-card h3{
      margin:0 0 14px;
      color:var(--gold-light);
      font-family:Georgia,serif;
      font-size:clamp(26px,2.8vw,36px);
      font-weight:400;
    }

    .quality-promise-card p{
      margin:0;
      color:rgba(243,231,211,.66);
      font-size:16px;
      line-height:1.65;
    }

    .quality-promise-link{
      display:inline-flex;
      margin-top:30px;
      color:var(--gold-light);
      font-size:12px;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    @media(max-width:820px){
      .quality-promise-grid{grid-template-columns:1fr}
      .quality-promise-card{min-height:0}
    }


    /* Fortschritt & Transparenz */
    .progress{
      position:relative;
      background:#070503;
      padding:clamp(100px,12vw,170px) 0;
      border-top:1px solid rgba(227,196,135,.10);
      border-bottom:1px solid rgba(227,196,135,.08);
    }

    .progress-inner{
      width:min(1100px,calc(100% - 44px));
      margin:0 auto;
    }

    .progress-head{
      max-width:820px;
      margin:0 auto 56px;
      text-align:center;
    }

    .progress-kicker{
      margin:0 0 20px;
      color:var(--gold);
      font-size:12px;
      letter-spacing:.30em;
      text-transform:uppercase;
    }

    .progress h2{
      margin:0;
      color:#f3e7d3;
      font-size:clamp(42px,6vw,76px);
      line-height:1;
      font-weight:400;
      letter-spacing:-.04em;
    }

    .progress-intro{
      max-width:680px;
      margin:24px auto 0;
      color:rgba(243,231,211,.68);
      font-size:clamp(17px,1.7vw,20px);
      line-height:1.6;
    }

    .progress-list{
      display:grid;
      gap:1px;
      background:rgba(227,196,135,.12);
      border:1px solid rgba(227,196,135,.12);
    }

    .progress-item{
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:22px;
      padding:26px 30px;
      background:#050403;
    }

    .progress-dot{
      width:11px;
      height:11px;
      border-radius:50%;
      background:rgba(227,196,135,.28);
      border:1px solid rgba(227,196,135,.5);
    }

    .progress-dot.is-done{
      background:var(--gold);
      border-color:var(--gold);
      box-shadow:0 0 10px rgba(198,154,88,.5);
    }

    .progress-label{
      color:#f3e7d3;
      font-size:17px;
      line-height:1.4;
    }

    .progress-status{
      color:rgba(227,196,135,.75);
      font-size:12px;
      letter-spacing:.08em;
      text-transform:uppercase;
      text-align:right;
      white-space:nowrap;
    }

    @media(max-width:700px){
      .progress{padding:88px 0}
      .progress-inner{width:calc(100% - 32px)}
      .progress-item{
        grid-template-columns:auto 1fr;
        row-gap:8px;
        padding:20px 20px;
      }
      .progress-status{
        grid-column:2;
        text-align:left;
        white-space:normal;
      }
    }

    /* Gründungsgeschichte */
    .founder{
      position:relative;
      background:#0b0705;
      padding:clamp(100px,12vw,170px) 0;
      overflow:hidden;
      border-bottom:1px solid rgba(227,196,135,.08);
    }

    .founder-inner{
      position:relative;
      z-index:1;
      width:min(880px,calc(100% - 44px));
      margin:0 auto;
      text-align:center;
    }

    .founder-kicker{
      margin:0 0 24px;
      color:var(--gold);
      font-size:12px;
      letter-spacing:.34em;
      text-transform:uppercase;
    }

    .founder h2{
      margin:0;
      color:#f3e7d3;
      font-size:clamp(42px,6.4vw,76px);
      line-height:1.02;
      font-weight:400;
      letter-spacing:-.04em;
    }

    .founder-copy{
      max-width:680px;
      margin:32px auto 0;
      color:rgba(243,231,211,.72);
      font-size:clamp(18px,1.9vw,21px);
      line-height:1.7;
      text-align:left;
    }

    .founder-copy p{margin:0 0 20px}

    .founder-signature{
      margin-top:30px;
      color:var(--gold-light);
      font-family:Georgia,serif;
      font-size:19px;
      letter-spacing:.03em;
    }

    @media(max-width:700px){
      .founder{padding:88px 0}
      .founder-inner{width:calc(100% - 32px)}
    }

    /* Early-Access Anreize */
    .access-benefits{
      list-style:none;
      margin:30px auto 0;
      padding:0;
      max-width:560px;
      display:flex;
      flex-direction:column;
      gap:12px;
      text-align:left;
    }

    .access-benefits li{
      display:flex;
      align-items:flex-start;
      gap:12px;
      color:rgba(243,231,211,.82);
      font-size:16px;
      line-height:1.5;
    }

    .access-benefits li:before{
      content:"✓";
      flex:0 0 auto;
      color:var(--gold);
      font-weight:700;
    }

    .access-price{
      margin:30px auto 0;
      max-width:620px;
      color:var(--gold-light);
      font-size:15px;
      letter-spacing:.03em;
      line-height:1.6;
    }

    .access-counter{
      display:inline-flex;
      align-items:center;
      gap:10px;
      margin:22px auto 0;
      padding:10px 20px;
      border:1px solid rgba(227,196,135,.3);
      border-radius:999px;
      color:rgba(227,196,135,.85);
      font-size:12px;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    .signup-embed-wrap{
      width:min(560px,100%);
      margin:38px auto 0;
    }

    .signup-form{
      display:flex;
      flex-direction:column;
      gap:16px;
      padding:36px 32px;
      border:1px solid rgba(227,196,135,.18);
      border-radius:18px;
      background:rgba(243,231,211,.03);
      text-align:left;
    }

    .signup-field label{
      display:block;
      margin-bottom:8px;
      color:rgba(227,196,135,.85);
      font-size:11px;
      letter-spacing:.14em;
      text-transform:uppercase;
    }

    .signup-field input[type="text"],
    .signup-field input[type="email"]{
      width:100%;
      padding:14px 16px;
      border:1px solid rgba(227,196,135,.25);
      border-radius:10px;
      background:#0a0705;
      color:var(--cream);
      font-size:15px;
      font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }

    .signup-field input[type="text"]:focus,
    .signup-field input[type="email"]:focus{
      outline:none;
      border-color:var(--gold);
    }

    .signup-consent{
      display:flex;
      align-items:flex-start;
      gap:10px;
      margin-top:4px;
    }

    .signup-consent input[type="checkbox"]{
      margin-top:3px;
      width:16px;
      height:16px;
      accent-color:var(--gold);
      flex-shrink:0;
    }

    .signup-consent label{
      color:rgba(243,231,211,.72);
      font-size:13px;
      line-height:1.5;
      text-align:left;
    }

    .signup-consent label a{
      color:var(--gold-light);
      text-decoration:underline;
    }

    .signup-submit{
      margin-top:6px;
      min-height:52px;
      border:0;
      border-radius:999px;
      background:var(--gold);
      color:#1a1108;
      font-size:11px;
      font-weight:600;
      letter-spacing:.14em;
      text-transform:uppercase;
      cursor:pointer;
      transition:transform .25s ease,background .25s ease;
    }

    .signup-submit:hover{
      transform:translateY(-2px);
      background:var(--gold-light);
    }

    .signup-note{
      margin:14px 0 0;
      color:rgba(243,231,211,.5);
      font-size:12px;
      line-height:1.5;
      text-align:left;
    }

    @media(max-width:640px){
      .signup-embed-wrap{
        width:100%;
        margin-top:30px;
      }

      .signup-form{
        padding:28px 22px;
      }
    }