/* =========================================================
   ABOUT PAGE (clean luxe vibe)
   ========================================================= */

   .about-hero{
    position: relative;
    padding-top: 84px; /* fixed topbar */
    padding-bottom: 22px;
    overflow: hidden;
    isolation: isolate;
  }
  
  .about-hero::before{
    content:"";
    position:absolute; inset:0;
    background:
      radial-gradient(circle at 18% 22%, rgba(64,185,235,.07), transparent 55%),
      radial-gradient(circle at 82% 18%, rgba(216,245,255,.05), transparent 60%),
      radial-gradient(circle at 50% 115%, rgba(255,255,255,.03), transparent 65%),
      linear-gradient(to bottom, rgba(7,6,7,.75), rgba(7,6,7,1));
    z-index: 0;
  }
  
  .about-hero__inner{
    position: relative;
    z-index: 1;
    padding: 34px 0 10px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
  }
  
  .about-title{
    margin-top: 10px;
    font-size: 44px;
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: .01em;
    color: rgba(255,255,255,.92);
  }
  
  /* =========================================================
     CLEAN TEXT (remove any "box" look)
     ========================================================= */
  
  /* Deine aktuelle HTML-Version nutzt ein <article> mit Tailwind-Card-Klassen.
     Diese Overrides entfernen die sichtbare Box komplett. */
  main section article{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
  
  /* Text-Optik */
  main section article{
    max-width: 78ch;
    color: rgba(255,255,255,.72);
    font-size: 16px;
    line-height: 1.95;
  }
  
  /* Absatz-Abstände (clean & readable) */
  main section article p{
    margin: 0;
  }
  
  main section article p + p{
    margin-top: 18px;
  }
  
  /* Optional: erste Zeile minimal "intro" feeling */
  main section article p:first-child{
    color: rgba(255,255,255,.82);
  }
  
  /* =========================================================
     Responsive
     ========================================================= */
  @media (max-width: 640px){
    .about-hero__inner{
      padding: 26px 0 6px;
    }
    .about-title{ font-size: 38px; }
  
    main section article{
      font-size: 15px;
      line-height: 1.9;
    }
  }
  
  /* Mobile: Wishlist in der Topbar hart ausblenden (falls Tailwind/hidden mal nicht greift) */
  @media (max-width: 767px){
    header.topbar a[href*="wishlist"]{
      display: none !important;
    }
  }