:root {
        --bg: #fffdfd;
        --paper: rgba(255, 255, 255, 0.92);
        --paper-solid: #fffefe;
        --ink: #171216;
        --ink-deep: #0c0808;
        --muted: #6f6871;
        --line: rgba(40, 28, 35, 0.1);
        --rose: #d8b0c0;
        --rose-soft: #f7e8ef;
        --rose-warm: #b8717a;
        --rose-deep: #a45663;
        --noir: #1a1418;
        --shadow: 0 22px 60px rgba(55, 28, 40, 0.08);
      }

      @keyframes editFadeUp {
        0% { opacity: 0; transform: translateY(28px); }
        100% { opacity: 1; transform: translateY(0); }
      }

      @keyframes editScaleLine {
        0% { transform: scaleX(0); }
        100% { transform: scaleX(1); }
      }

      @keyframes editTickerSlide {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-50%, 0, 0); }
      }

      @keyframes editClipReveal {
        0% { clip-path: inset(0 100% 0 0); }
        100% { clip-path: inset(0 0 0 0); }
      }

      @keyframes editRotateSlow {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        margin: 0;
        min-height: 100vh;
        color: var(--ink);
        font-family: Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
        background:
          radial-gradient(circle at top left, rgba(255, 255, 255, 0.96), transparent 26%),
          radial-gradient(circle at 88% 8%, rgba(248, 228, 237, 0.7), transparent 20%),
          linear-gradient(180deg, #fffefe 0%, #fffafa 44%, #fffdfd 100%);
      }

      body::before {
        content: "";
        position: fixed;
        inset: 0;
        pointer-events: none;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 16%),
          radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.65), transparent 12%);
      }

      img {
        display: block;
        max-width: 100%;
      }

      a {
        color: inherit;
      }

      .page {
        width: min(1380px, calc(100% - 28px));
        margin: 16px auto 36px;
      }

      .shell {
        position: relative;
        overflow: hidden;
        border-radius: 4px;
        border: 1px solid rgba(20, 14, 18, 0.18);
        background: rgba(255, 255, 255, 0.92);
        box-shadow:
          var(--shadow),
          0 0 0 1px rgba(255, 255, 255, 0.94) inset;
        backdrop-filter: blur(10px);
      }

      .shell::before {
        content: "ATELIER FOR DEUTSCH-RUSSISCHE HOCHZEITEN · DEUTSCHLANDWEIT · BAYREUTH 95448 · ELIXIR-EVENT.DE · ";
        position: absolute;
        top: 22px;
        left: 0;
        right: 0;
        height: 14px;
        z-index: 6;
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.5rem;
        letter-spacing: 0.42em;
        line-height: 14px;
        color: rgba(255, 255, 255, 0.42);
        text-align: center;
        white-space: nowrap;
        pointer-events: none;
        opacity: 0;
      }

      .masthead {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        padding: 28px 32px 0;
      }

      .masthead-nav {
        display: grid;
        justify-items: end;
        gap: 6px;
        padding: 14px 22px;
        border-radius: 0;
        background: transparent;
        border: 0;
        box-shadow: none;
        backdrop-filter: none;
        position: relative;
      }

      .masthead-nav::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.62));
      }

      .masthead-nav::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 60px;
        height: 1px;
        background: linear-gradient(90deg, rgba(255, 220, 226, 0.62), transparent);
      }

      .brand {
        display: flex;
        align-items: center;
        gap: 18px;
        color: #ffffff;
        width: auto;
        padding: 0;
        border-radius: 0;
        background: none;
        border: 0;
        box-shadow: none;
        backdrop-filter: none;
        filter: none;
        position: relative;
      }

      .brand-text {
        position: relative;
        display: grid;
        gap: 6px;
      }

      .brand-ticker {
        display: none;
      }

      .brand-issue {
        display: none;
      }

      .brand-mark {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.92);
        position: relative;
        display: grid;
        place-items: center;
        background:
          radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.04));
        box-shadow:
          0 12px 28px rgba(18, 16, 20, 0.18),
          inset 0 0 0 1px rgba(255, 255, 255, 0.22);
        backdrop-filter: blur(4px);
      }

      .brand-mark::before,
      .brand-mark::after {
        content: "";
        position: absolute;
        border-radius: 50%;
      }

      .brand-mark::before {
        inset: 6px;
        border: 1px solid rgba(255, 255, 255, 0.56);
      }

      .brand-mark::after {
        width: 8px;
        height: 8px;
        top: 6px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        background: rgba(255, 255, 255, 0.98);
      }

      .brand-mark-rotor {
        position: absolute;
        inset: -6px;
        border-radius: 50%;
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.45rem;
        letter-spacing: 0.32em;
        color: rgba(255, 255, 255, 0.66);
        text-transform: uppercase;
        animation: editRotateSlow 32s linear infinite;
      }

      .brand-mark-rotor svg {
        width: 100%;
        height: 100%;
      }

      .brand-monogram {
        position: relative;
        width: 34px;
        height: 26px;
      }

      .brand-monogram::before,
      .brand-monogram::after {
        content: "";
        position: absolute;
        top: 4px;
        width: 16px;
        height: 16px;
        border: 1.4px solid rgba(255, 255, 255, 0.98);
        border-radius: 50%;
      }

      .brand-monogram::before {
        left: 3px;
      }

      .brand-monogram::after {
        right: 3px;
      }

      .brand-monogram span {
        position: absolute;
        left: 50%;
        bottom: -1px;
        transform: translateX(-50%);
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 1.2rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        color: rgba(255, 255, 255, 0.98);
      }

      .brand-name {
        position: relative;
        display: inline-flex;
        align-items: baseline;
        gap: 0.04rem;
        padding: 0;
        border-radius: 0;
        font-family: "Italiana", "Cormorant Garamond", Georgia, serif;
        font-size: 2.5rem;
        line-height: 0.86;
        font-weight: 400;
        letter-spacing: 0.004em;
        color: #ffffff;
        background: none;
        backdrop-filter: none;
        border: 0;
        box-shadow: none;
        text-shadow:
          0 1px 0 rgba(255, 255, 255, 0.96),
          0 10px 26px rgba(24, 14, 10, 0.28);
      }

      .brand-name::before {
        content: none;
      }

      .brand-name::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 60%;
        height: 1px;
        background: rgba(255, 255, 255, 0.78);
        transform-origin: left center;
        animation: editScaleLine 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.4s both;
      }

      .brand-name em,
      .brand-name span {
        display: inline-block;
        position: relative;
        z-index: 1;
        color: #ffffff;
        -webkit-text-fill-color: #ffffff;
        text-shadow: 0 8px 20px rgba(18, 16, 20, 0.18);
      }

      .brand-name em {
        font-style: italic;
        font-weight: 400;
        letter-spacing: -0.034em;
        text-shadow: 0 8px 18px rgba(24, 14, 10, 0.22);
      }

      .brand-name span {
        margin-left: 0.55rem;
        align-self: flex-end;
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.32em;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0.32em;
        vertical-align: middle;
        transform: translateY(-0.5em);
        text-transform: uppercase;
        opacity: 1;
        padding: 4px 9px 3px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 3px;
        text-shadow: none;
      }

      .brand-name .brand-x {
        margin: 0 -0.015em 0 -0.012em;
        font-family: "Instrument Serif", "Cormorant Garamond", Georgia, serif;
        font-size: 1.34em;
        line-height: 0.8;
        font-style: italic;
        font-weight: 400;
        letter-spacing: -0.02em;
        transform: translateY(-0.04em);
        color: rgba(255, 255, 255, 0.96);
        text-shadow: 0 6px 22px rgba(247, 232, 239, 0.4);
      }

      .brand-subtitle,
      .menu a,
      .eyebrow,
      .mini-label,
      .tag {
        text-transform: uppercase;
        letter-spacing: 0.24em;
      }

      .mini-label {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 12px;
        font-family: "Tenor Sans", "Outfit", sans-serif;
        font-size: 0.66rem;
        font-weight: 400;
        letter-spacing: 0.34em;
        color: var(--ink-deep);
      }

      .mini-label::before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 1px;
        background: var(--rose-warm);
        align-self: center;
      }

      .mini-label::after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--rose-warm);
        align-self: center;
      }

      .brand-subtitle {
        display: inline-flex;
        align-items: center;
        gap: 0;
        margin-top: 12px;
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.58rem;
        color: rgba(255, 255, 255, 0.94);
        letter-spacing: 0.42em;
        text-shadow: 0 4px 12px rgba(18, 16, 20, 0.18);
        position: relative;
        text-transform: uppercase;
      }

      .brand-subtitle::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 1px;
        margin-right: 12px;
        vertical-align: middle;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72));
      }

      .brand-subtitle::after {
        content: "";
        display: inline-block;
        width: 24px;
        height: 1px;
        margin-left: 12px;
        vertical-align: middle;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.72), transparent);
      }

      .menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 10px;
      }

      .menu a {
        position: relative;
        display: inline-flex;
        align-items: center;
        min-height: 32px;
        padding: 4px 4px 6px;
        border-radius: 0;
        color: rgba(255, 250, 250, 0.94);
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.66rem;
        font-weight: 400;
        text-decoration: none;
        letter-spacing: 0.32em;
        border: 0;
        background: transparent;
        transition:
          color 240ms ease,
          letter-spacing 280ms ease;
      }

      .menu a + a {
        margin-left: 4px;
      }

      .menu a::before {
        content: "";
        position: absolute;
        left: 4px;
        right: 4px;
        bottom: 0;
        height: 1px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.16), rgba(255, 220, 226, 0.4), rgba(255, 255, 255, 0.16));
        transform: scaleX(0.7);
        transform-origin: center;
        transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), background 280ms ease;
      }

      .menu a::after {
        content: "";
        position: absolute;
        left: 50%;
        top: -2px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: var(--rose-warm);
        transform: translate(-50%, -8px) scale(0);
        opacity: 0;
        transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), opacity 280ms ease;
      }

      .menu a::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.34) 48%, transparent 100%);
        transform: translateX(-130%);
        transition: transform 320ms ease;
      }

      .menu a:hover,
      .menu a:focus-visible {
        color: #ffffff;
        letter-spacing: 0.36em;
      }

      .menu a:hover::before,
      .menu a:focus-visible::before {
        transform: scaleX(1);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.4), var(--rose-warm), rgba(255, 255, 255, 0.4));
      }

      .menu a:hover::after,
      .menu a:focus-visible::after {
        transform: translate(-50%, 0) scale(1);
        opacity: 1;
      }

      .social-menu a {
        font-size: 0.58rem;
        letter-spacing: 0.3em;
        color: rgba(255, 250, 250, 0.78);
      }

      .social-menu a.is-accent::before {
        background: linear-gradient(90deg, rgba(255, 220, 226, 0.36), var(--rose-warm), rgba(255, 220, 226, 0.36));
        transform: scaleX(0.85);
      }

      .menu a:hover::before,
      .menu a:focus-visible::before {
        transform: translateX(130%);
      }

      .social-menu {
        gap: 8px;
      }

      .social-menu a {
        min-height: 32px;
        padding: 0 12px;
        font-size: 0.56rem;
        letter-spacing: 0.18em;
        background: rgba(255, 255, 255, 0.06);
      }

      .social-menu a.is-accent {
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.1));
        border-color: rgba(255, 255, 255, 0.26);
      }

      .hero {
        position: relative;
        min-height: 760px;
      }

      .hero-media,
      .hero-media img,
      .hero-overlay {
        position: absolute;
        inset: 0;
      }

      .hero-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 28%;
      }

      .hero-overlay {
        background:
          linear-gradient(180deg, rgba(18, 12, 15, 0.08) 0%, rgba(18, 12, 15, 0.08) 36%, rgba(18, 12, 15, 0.34) 100%),
          linear-gradient(90deg, rgba(18, 12, 15, 0.22) 0%, rgba(18, 12, 15, 0.03) 46%, rgba(18, 12, 15, 0.06) 100%);
      }

      .hero-inner {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        align-items: end;
        min-height: 760px;
        padding: 164px 32px 28px;
      }

      .hero-copy {
        max-width: 28.5rem;
        color: white;
      }

      .eyebrow,
      .mini-label,
      .tag {
        font-size: 0.66rem;
      }

      .eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 14px;
        font-family: "Tenor Sans", sans-serif;
        color: rgba(255, 230, 240, 0.96);
        letter-spacing: 0.46em;
        text-shadow: 0 4px 12px rgba(20, 12, 8, 0.32);
      }

      .eyebrow::before {
        content: "→";
        font-style: italic;
        font-family: "Instrument Serif", serif;
        font-size: 1.2em;
        letter-spacing: 0;
        color: rgba(255, 220, 230, 0.94);
        line-height: 1;
      }

      .hero-copy p {
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 1rem;
        line-height: 1.62;
        color: rgba(255, 240, 248, 0.92);
        text-shadow: 0 2px 10px rgba(20, 12, 8, 0.34);
      }

      h1,
      h2,
      h3 {
        margin: 0;
        font-family: "Fahkwang", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 400;
      }

      h1 {
        font-family: "Italiana", "Cormorant Garamond", Georgia, serif;
        font-size: clamp(2.2rem, 3.6vw, 3.1rem);
        line-height: 1.1;
        letter-spacing: 0.006em;
        text-wrap: balance;
        font-weight: 400;
        color: #fff;
      }

      h1 em,
      h1 i {
        font-family: "Cormorant Garamond", "Instrument Serif", Georgia, serif;
        font-style: italic;
        font-weight: 500;
        letter-spacing: -0.008em;
        color: rgba(255, 226, 232, 0.96);
        text-shadow: 0 4px 16px rgba(255, 200, 210, 0.18);
      }

      .hero-copy p,
      .copy,
      .service p,
      .panel-copy p,
      .contact-copy p,
      .video-copy p {
        margin: 0;
        line-height: 1.72;
        font-size: 0.96rem;
      }

      .hero-copy p {
        color: rgba(255, 248, 251, 0.9);
        margin-top: 16px;
      }

      .hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        margin-top: 20px;
      }

      .button {
        position: relative;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 44px;
        padding: 0 22px;
        border-radius: 4px;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.28em;
        font-family: "Tenor Sans", "Outfit", sans-serif;
        font-size: 0.66rem;
        font-weight: 400;
        transition:
          transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
          background 280ms ease,
          color 280ms ease,
          border-color 280ms ease,
          box-shadow 280ms ease,
          letter-spacing 280ms ease;
      }

      .button::after {
        content: "→";
        margin-left: 6px;
        font-family: "Instrument Serif", serif;
        font-style: italic;
        font-size: 1.2em;
        letter-spacing: 0;
        line-height: 1;
        transform: translateX(-3px);
        opacity: 0;
        transition:
          transform 360ms cubic-bezier(0.22, 1, 0.36, 1),
          opacity 280ms ease,
          margin-left 280ms ease;
      }

      .button:hover::after,
      .button:focus-visible::after {
        transform: translateX(0);
        opacity: 1;
        margin-left: 10px;
      }

      .button-primary {
        color: var(--ink-deep);
        background: linear-gradient(180deg, #ffffff 0%, #fff5f3 100%);
        border: 1px solid rgba(184, 113, 122, 0.22);
        box-shadow:
          0 8px 20px rgba(184, 113, 122, 0.18),
          inset 0 1px 0 rgba(255, 255, 255, 0.96);
      }

      .button-primary:hover {
        transform: translateY(-2px);
        border-color: var(--rose-warm);
        box-shadow:
          0 14px 28px rgba(184, 113, 122, 0.28),
          inset 0 1px 0 rgba(255, 255, 255, 0.96);
        letter-spacing: 0.3em;
      }

      .button-secondary {
        color: rgba(255, 250, 250, 0.96);
        border: 1px solid rgba(255, 220, 226, 0.4);
        background: rgba(255, 220, 226, 0.04);
        backdrop-filter: blur(6px);
      }

      .button-secondary:hover {
        background: rgba(255, 220, 226, 0.12);
        border-color: var(--rose-warm);
        transform: translateY(-2px);
        box-shadow: 0 12px 24px rgba(184, 113, 122, 0.24);
        letter-spacing: 0.3em;
      }

      .hero-copy-box {
        position: relative;
        width: min(560px, 100%);
        padding: 32px 28px 26px;
        border-radius: 0;
        background:
          linear-gradient(155deg, rgba(20, 14, 18, 0.36) 0%, rgba(20, 14, 18, 0.12) 100%);
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow:
          0 22px 48px rgba(20, 14, 18, 0.18),
          inset 0 1px 0 rgba(255, 255, 255, 0.16);
        backdrop-filter: blur(8px);
        animation: editFadeUp 1.1s cubic-bezier(0.22, 1, 0.36, 1) both;
        animation-delay: 0.18s;
      }

      .hero-copy-box::before {
        content: none;
      }

      .hero-copy-box::after {
        content: "";
        position: absolute;
        right: 24px;
        bottom: -1px;
        width: 60px;
        height: 1px;
        background: rgba(255, 220, 230, 0.78);
      }

      .hero-kicker {
        position: relative;
        display: inline-block;
        margin: 0 0 12px;
        color: rgba(255, 230, 240, 0.96);
        font-family: "Instrument Serif", "Cormorant Garamond", serif;
        font-size: clamp(1.5rem, 2.4vw, 2rem);
        line-height: 1.06;
        font-weight: 400;
        font-style: italic;
        letter-spacing: -0.012em;
        text-shadow: 0 4px 16px rgba(255, 200, 210, 0.18);
      }

      .hero-kicker::before {
        content: "—";
        margin-right: 12px;
        font-style: normal;
        color: rgba(255, 220, 230, 0.7);
        letter-spacing: 0;
      }

      .content {
        padding: 18px 24px 26px;
      }

      .stack {
        display: grid;
        gap: 16px;
      }

      .card {
        position: relative;
        border-radius: 28px;
        border: 1px solid rgba(232, 220, 226, 0.92);
        background: var(--paper-solid);
        box-shadow: 0 16px 42px rgba(47, 24, 35, 0.05);
        animation: editFadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) both;
      }

      .card::before,
      .card::after {
        content: "";
        position: absolute;
        width: 28px;
        height: 28px;
        pointer-events: none;
      }

      .card::before {
        top: 14px;
        left: 14px;
        border-top: 1px solid var(--ink-deep);
        border-left: 1px solid var(--ink-deep);
      }

      .card::after {
        right: 14px;
        bottom: 14px;
        border-bottom: 1px solid var(--rose-deep);
        border-right: 1px solid var(--rose-deep);
      }

      .trio-card { animation-delay: 0.08s; }
      .video-card { animation-delay: 0.14s; }
      .media-editorial { animation-delay: 0.18s; }
      .contact-card { animation-delay: 0.22s; }
      .closing-seo-note { animation-delay: 0.28s; }

      .story-card,
      .services-card,
      .gallery-card,
      .video-card,
      .contact-card {
        padding: 24px;
      }

      .trio-card,
      .wide-video-card {
        padding: 24px;
      }

      .trio-intro {
        display: grid;
        grid-template-columns: 0.82fr 1.18fr;
        gap: 16px;
        align-items: end;
        margin-bottom: 14px;
      }

      .trio-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
        justify-content: center;
      }

      .team-note {
        position: relative;
        margin: 12px 0 22px;
        padding: 22px 26px 22px 28px;
        border-radius: 0;
        border-left: 2px solid var(--ink-deep);
        background: linear-gradient(90deg, rgba(247, 232, 239, 0.32) 0%, transparent 70%);
        display: grid;
        gap: 10px;
      }

      .team-note::before {
        content: none;
      }

      .team-note p {
        margin: 0;
        color: var(--ink);
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 1rem;
        line-height: 1.66;
      }

      .team-note p:first-child::before {
        content: "\201C";
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 1.7em;
        font-style: italic;
        font-weight: 600;
        line-height: 0;
        margin-right: 4px;
        vertical-align: -0.32em;
        color: var(--rose-warm);
      }

      .team-seo-note {
        position: relative;
        margin-top: 22px;
        padding: 26px 26px 28px;
        border-radius: 0;
        border: 1px solid rgba(20, 14, 18, 0.86);
        background: var(--paper-solid);
        display: grid;
        gap: 14px;
      }

      .team-seo-note::before {
        content: none;
      }

      .team-seo-note h3 {
        margin-top: 6px;
        font-family: "Italiana", "Cormorant Garamond", Georgia, serif;
        font-size: 1.34rem;
        font-weight: 400;
        line-height: 1.24;
        letter-spacing: 0.008em;
        color: var(--ink-deep);
      }

      .team-seo-note p {
        margin: 0;
        color: var(--muted);
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 0.98rem;
        line-height: 1.7;
      }

      .closing-seo-note {
        padding: 22px 24px 24px;
        border-radius: 8px;
        border: 1px solid rgba(232, 220, 226, 0.92);
        background: linear-gradient(180deg, #fffefe, #fff8fb);
        display: grid;
        gap: 12px;
      }

      .closing-seo-note p {
        margin: 0;
        color: var(--ink);
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 0.98rem;
        line-height: 1.66;
      }

      .closing-seo-note p:first-of-type {
        font-size: 1.06rem;
        line-height: 1.54;
        color: var(--ink-deep);
      }

      .closing-seo-note a {
        justify-self: start;
        position: relative;
        margin-top: 8px;
        padding: 10px 18px;
        color: var(--paper-solid);
        background: var(--ink-deep);
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.78rem;
        letter-spacing: 0.32em;
        text-transform: uppercase;
        text-decoration: none;
        transition:
          transform 220ms ease,
          box-shadow 220ms ease;
      }

      .closing-seo-note a:hover {
        transform: translate(-2px, -2px);
        box-shadow: 4px 4px 0 0 var(--rose-deep);
      }

      .closing-related-links {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 14px;
        padding-top: 10px;
        border-top: 1px solid rgba(40, 28, 35, 0.08);
      }

      .closing-related-links span {
        color: var(--muted);
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.78rem;
        letter-spacing: 0.16em;
        text-transform: uppercase;
      }

      .closing-related-links a {
        justify-self: auto;
        margin-top: 0;
        padding: 0;
        color: var(--rose-deep);
        background: none;
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.76rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        text-decoration: underline;
        text-underline-offset: 0.18em;
        box-shadow: none;
        transition: color 220ms ease, text-decoration-color 220ms ease;
      }

      .closing-related-links a:hover {
        transform: none;
        box-shadow: none;
        color: var(--ink-deep);
      }

      .person-card {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        border: 1px solid rgba(232, 220, 226, 0.92);
        background: #fff;
        max-width: 320px;
        width: 100%;
        margin: 0 auto;
        counter-increment: person-counter;
        transition:
          transform 380ms cubic-bezier(0.22, 1, 0.36, 1),
          box-shadow 380ms ease;
      }

      .trio-grid {
        counter-reset: person-counter;
      }

      .person-card::before {
        content: none;
      }

      .person-card:hover {
        transform: translateY(-4px);
        box-shadow: 12px 16px 0 0 rgba(20, 14, 18, 0.06);
      }

      .person-card img {
        width: 100%;
        height: 360px;
        object-fit: cover;
        object-position: center 14%;
        background: #f9f5f7;
        filter: grayscale(0%);
        transition:
          filter 600ms ease,
          transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
      }

      .person-card:hover img {
        transform: scale(1.04);
      }

      .person-meta {
        padding: 18px 18px 20px;
        position: relative;
        border-top: 1px solid rgba(20, 14, 18, 0.84);
      }

      .person-meta::before {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        width: 28px;
        height: 1px;
        background: var(--rose-deep);
      }

      .person-meta strong,
      .service strong {
        display: block;
        margin-bottom: 8px;
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.78rem;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.34em;
        color: var(--ink-deep);
      }

      .person-meta span {
        color: var(--muted);
        font-family: "Instrument Serif", "Cormorant Garamond", Georgia, serif;
        font-style: italic;
        font-size: 1.05rem;
      }

      h2.section-title {
        margin-top: 14px;
        font-family: "Italiana", "Cormorant Garamond", Georgia, serif;
        font-size: clamp(1.9rem, 3vw, 2.8rem);
        line-height: 1.08;
        letter-spacing: 0.004em;
        text-wrap: balance;
        font-weight: 400;
        color: var(--ink-deep);
      }

      h2.section-title em,
      h2.section-title i {
        font-family: "Cormorant Garamond", "Instrument Serif", Georgia, serif;
        font-style: italic;
        font-weight: 500;
        letter-spacing: -0.008em;
        color: var(--rose-warm);
      }

      .copy {
        color: var(--muted);
        margin-top: 18px;
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 1rem;
        line-height: 1.66;
      }

      .copy::first-letter {
        font-family: "Italiana", "Cormorant Garamond", Georgia, serif;
        font-size: 2.2em;
        font-weight: 400;
        line-height: 0.92;
        float: left;
        margin: 0.05em 0.14em 0 0;
        color: var(--ink-deep);
      }

      .quote {
        margin-top: 22px;
        padding-top: 18px;
        border-top: 1px solid var(--line);
        font-family: "Fahkwang", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.55rem;
        line-height: 1.08;
      }

      .services-card {
        display: grid;
        grid-template-columns: 0.94fr 1.06fr;
        gap: 18px;
      }

      .services-list {
        display: grid;
        gap: 12px;
      }

      .service {
        position: relative;
        padding: 22px 22px 22px 32px;
        border-radius: 0;
        border: 1px solid rgba(20, 14, 18, 0.16);
        background: var(--paper-solid);
        transition:
          background 240ms ease,
          color 240ms ease,
          border-color 240ms ease,
          transform 240ms ease;
      }

      .service::before {
        content: "";
        position: absolute;
        top: 22px;
        bottom: 22px;
        left: 14px;
        width: 2px;
        background: var(--ink-deep);
        transition: background 240ms ease;
      }

      .service:hover {
        transform: translateX(3px);
        border-color: var(--ink-deep);
      }

      .service:hover::before {
        background: var(--rose-deep);
      }

      .video-button {
        position: relative;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 42px;
        padding: 0 18px;
        border: 1px solid rgba(20, 14, 18, 0.22);
        border-radius: 4px;
        background: linear-gradient(180deg, #ffffff, #fff8f6);
        color: var(--ink-deep);
        font: inherit;
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.62rem;
        letter-spacing: 0.26em;
        text-transform: uppercase;
        cursor: pointer;
        transition:
          background 240ms ease,
          color 240ms ease,
          border-color 240ms ease,
          box-shadow 240ms ease,
          transform 240ms ease,
          letter-spacing 240ms ease;
      }

      .video-button:hover {
        transform: translateY(-1px);
        border-color: var(--rose-warm);
        background: linear-gradient(180deg, #ffffff, #ffeae8);
        box-shadow: 0 10px 22px rgba(184, 113, 122, 0.18);
        letter-spacing: 0.28em;
      }

      .video-button-secondary {
        background: transparent;
        border-color: rgba(20, 14, 18, 0.18);
        color: var(--muted);
      }

      .video-button-secondary:hover {
        background: rgba(255, 220, 226, 0.32);
        color: var(--ink-deep);
      }

      .media-grid {
        display: grid;
        gap: 16px;
      }

      .video-card {
        display: grid;
        gap: 14px;
      }

      .wide-video-card .video-frame iframe {
        aspect-ratio: 21 / 9;
        min-height: 360px;
      }

      .wide-video-card {
        padding: 18px;
      }

      .wide-video-card .section-title {
        font-size: clamp(1.7rem, 2.8vw, 2.65rem);
        line-height: 0.98;
      }

      .wide-video-card .video-copy p {
        font-size: 0.9rem;
        line-height: 1.58;
      }

      .media-editorial {
        padding: 22px 22px 24px;
        display: grid;
        gap: 20px;
        background: linear-gradient(180deg, #fffefe, #fff9fb);
      }

      .media-editorial-head {
        display: grid;
        gap: 8px;
        align-items: end;
      }

      .media-editorial-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }

      .media-editorial-grid {
        counter-reset: feature-counter;
      }

      .media-feature {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        border: 1px solid rgba(232, 220, 226, 0.92);
        background: #fff;
        box-shadow: 0 16px 34px rgba(47, 24, 35, 0.04);
        counter-increment: feature-counter;
        transition:
          transform 380ms cubic-bezier(0.22, 1, 0.36, 1),
          box-shadow 380ms ease;
      }

      .media-feature::before {
        content: none;
      }

      .media-feature:hover {
        transform: translateY(-4px);
        box-shadow: 12px 16px 0 0 rgba(20, 14, 18, 0.06);
      }

      .media-feature img {
        width: 100%;
        height: 280px;
        object-fit: cover;
        background: #f9f5f7;
        transition: transform 600ms cubic-bezier(0.22, 1, 0.36, 1);
      }

      .media-feature:hover img {
        transform: scale(1.05);
      }

      .media-feature-copy {
        position: relative;
        display: grid;
        gap: 12px;
        padding: 22px 22px 24px;
        border-top: 1px solid rgba(20, 14, 18, 0.84);
      }

      .media-feature-copy::before {
        content: none;
      }

      .media-feature-copy strong {
        display: block;
        margin-top: 4px;
        font-family: "Italiana", "Cormorant Garamond", Georgia, serif;
        font-size: 1.32rem;
        font-weight: 400;
        text-transform: none;
        letter-spacing: 0.012em;
        color: var(--ink-deep);
      }

      .media-feature-copy strong em {
        font-family: "Cormorant Garamond", "Instrument Serif", Georgia, serif;
        font-style: italic;
        font-weight: 500;
        color: var(--rose-warm);
      }

      .media-feature-copy p {
        margin: 0;
        color: var(--muted);
        font-family: "Cormorant Garamond", Georgia, serif;
        line-height: 1.7;
        font-size: 0.96rem;
      }

      .media-feature-copy p::first-letter {
        font-weight: 600;
        color: var(--ink-deep);
      }

      .video-frame {
        position: relative;
        overflow: hidden;
        border-radius: 24px;
        border: 1px solid rgba(232, 220, 226, 0.92);
        background:
          radial-gradient(circle at top left, rgba(255, 255, 255, 0.28), transparent 18%),
          linear-gradient(180deg, #1f161b, #2a1d24);
        box-shadow: 0 24px 50px rgba(42, 22, 31, 0.14);
      }

      .video-poster {
        position: relative;
        display: grid;
        place-items: center;
        width: 100%;
        aspect-ratio: 16 / 7.6;
        min-height: 250px;
        border: 0;
        padding: 0;
        color: inherit;
        text-decoration: none;
        font: inherit;
        background:
          linear-gradient(180deg, rgba(17, 12, 15, 0.18), rgba(17, 12, 15, 0.36));
        cursor: pointer;
      }

      .video-poster::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
          radial-gradient(circle at center, rgba(255, 255, 255, 0.08), transparent 36%),
          linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.22));
      }

      .video-poster-content {
        position: relative;
        z-index: 1;
        display: grid;
        gap: 10px;
        justify-items: center;
        text-align: center;
        padding: 20px;
      }

      .video-play {
        width: 74px;
        height: 74px;
        border: 1px solid rgba(255, 255, 255, 0.42);
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.18);
        backdrop-filter: blur(10px);
        box-shadow: 0 18px 34px rgba(17, 12, 15, 0.24);
      }

      .video-play::before {
        content: "";
        display: inline-block;
        margin-left: 6px;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-left: 22px solid white;
      }

      .video-poster-copy {
        display: grid;
        gap: 8px;
      }

      .video-poster-copy strong {
        color: white;
        font-size: 0.82rem;
        letter-spacing: 0.22em;
        text-transform: uppercase;
      }

      .video-poster-copy span {
        max-width: 40ch;
        color: rgba(255, 255, 255, 0.9);
        line-height: 1.6;
        font-size: 0.9rem;
      }

      .video-frame iframe {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 7.6;
        border: 0;
      }

      .video-frame iframe[hidden] {
        display: none;
      }

      .video-toolbar {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-top: 18px;
        padding: 20px 22px;
        border-radius: 6px;
        border: 1px solid rgba(184, 113, 122, 0.18);
        background:
          radial-gradient(circle at top left, rgba(255, 230, 232, 0.5), transparent 42%),
          linear-gradient(180deg, #fffefe, #fff5f4);
        box-shadow: 0 10px 26px rgba(184, 113, 122, 0.08);
      }

      .video-toolbar::before {
        content: "";
        position: absolute;
        top: 0;
        left: 22px;
        right: 22px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(184, 113, 122, 0.4), transparent);
      }

      .video-chip span {
        color: var(--rose-warm);
        font-family: "Tenor Sans", sans-serif;
        letter-spacing: 0.32em;
      }

      .video-chip strong {
        font-family: "Italiana", "Cormorant Garamond", Georgia, serif;
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: 0.04em;
        text-transform: none;
      }

      .video-chip {
        display: grid;
        gap: 6px;
        min-width: 240px;
      }

      .video-chip span {
        color: #8e8089;
        font-size: 0.72rem;
        letter-spacing: 0.22em;
        text-transform: uppercase;
      }

      .video-chip strong {
        color: var(--ink);
        font-weight: 600;
        font-size: 1rem;
        letter-spacing: 0.06em;
        text-transform: uppercase;
      }

      .video-chip small {
        color: var(--muted);
        font-size: 0.92rem;
        line-height: 1.5;
      }

      .video-controls {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .video-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .video-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 48px;
        padding: 0 18px;
        border: 1px solid rgba(216, 176, 192, 0.44);
        border-radius: 999px;
        background: #ffffff;
        color: var(--ink);
        font: inherit;
        font-size: 0.74rem;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        cursor: pointer;
        transition:
          transform 180ms ease,
          border-color 180ms ease,
          box-shadow 180ms ease;
      }

      .video-button:hover {
        transform: translateY(-1px);
        border-color: rgba(216, 176, 192, 0.82);
        box-shadow: 0 12px 24px rgba(58, 31, 42, 0.1);
      }

      .video-button:focus-visible {
        outline: 2px solid rgba(216, 176, 192, 0.82);
        outline-offset: 2px;
      }

      .video-button-secondary {
        text-decoration: none;
      }

      .video-caption {
        display: grid;
        gap: 4px;
        margin-top: 14px;
        padding: 16px 18px;
        border-radius: 22px;
        border: 1px solid rgba(232, 220, 226, 0.92);
        background: linear-gradient(180deg, #fffefe, #fff8fb);
      }

      .video-caption strong {
        font-size: 0.9rem;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }

      .video-caption span {
        color: var(--muted);
        line-height: 1.6;
        font-size: 0.92rem;
      }

      .video-embed-note {
        margin-top: 10px;
        color: #8e8089;
        font-size: 0.82rem;
        line-height: 1.5;
      }

      .video-notes {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
      }

      .video-notes div {
        padding: 11px 14px;
        border-radius: 18px;
        border: 1px solid rgba(235, 224, 229, 0.94);
        background: linear-gradient(180deg, #fffefe, #fff8fb);
        color: var(--muted);
        font-size: 0.88rem;
        line-height: 1.52;
      }

      .contact-card {
        display: grid;
        grid-template-columns: 0.96fr 1.04fr;
        gap: 22px;
        align-items: start;
      }

      #kontakt {
        gap: 18px;
      }

      #kontakt .contact-copy {
        display: grid;
        align-content: start;
        gap: 10px;
      }

      #kontakt .mini-label {
        margin-bottom: 2px;
      }

      #kontakt .section-title {
        font-size: clamp(1.9rem, 3vw, 2.85rem);
        line-height: 0.98;
        max-width: 12ch;
      }

      #kontakt .contact-copy p {
        font-size: 0.92rem;
        line-height: 1.58;
        max-width: 36ch;
      }

      .contact-copy p + p {
        margin-top: 14px;
      }

      .booking-grid {
        display: grid;
        gap: 12px;
      }

      .form-card {
        position: relative;
        border-radius: 8px;
        border: 1px solid rgba(184, 113, 122, 0.22);
        background:
          radial-gradient(circle at top right, rgba(255, 220, 226, 0.34), transparent 46%),
          radial-gradient(circle at 8% 90%, rgba(255, 230, 232, 0.42), transparent 38%),
          linear-gradient(180deg, #fffefe, #fff8f7);
        padding: 32px 30px 30px;
        max-width: 920px;
        box-shadow: 0 18px 40px rgba(184, 113, 122, 0.1);
      }

      .form-card::before {
        content: none;
      }

      .form-card::after {
        content: "";
        position: absolute;
        top: 32px;
        right: 32px;
        width: 36px;
        height: 36px;
        border: 1px solid rgba(184, 113, 122, 0.28);
        border-radius: 50%;
        pointer-events: none;
      }

      .form-note {
        margin-bottom: 24px;
        padding-bottom: 20px;
        position: relative;
        border-bottom: 1px solid rgba(184, 113, 122, 0.2);
      }

      .form-note::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 56px;
        height: 1px;
        background: var(--rose-warm);
      }

      .form-note strong {
        display: block;
        margin-bottom: 8px;
        font-family: "Italiana", "Cormorant Garamond", Georgia, serif;
        font-size: 1.5rem;
        font-weight: 400;
        letter-spacing: 0.008em;
        text-transform: none;
        color: var(--ink-deep);
      }

      .form-note strong::before {
        content: "—  ";
        color: var(--rose-warm);
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.7rem;
        letter-spacing: 0;
        vertical-align: 0.35em;
        margin-right: 4px;
      }

      .form-note p {
        margin: 0;
        color: var(--muted);
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 1rem;
        line-height: 1.72;
      }

      .contact-form {
        display: grid;
        gap: 12px;
      }

      .field-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }

      .field {
        display: grid;
        gap: 8px;
      }

      .field-full {
        grid-column: 1 / -1;
      }

      .field label,
      .option-group legend {
        font-size: 0.78rem;
        font-weight: 600;
        color: #4c4348;
      }

      .option-group {
        margin: 0;
        padding: 0;
        border: 0;
        display: grid;
        gap: 10px;
      }

      .option-grid {
        display: grid;
        gap: 8px;
      }

      .option {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 44px;
        padding: 0 14px;
        border-radius: 16px;
        border: 1px solid rgba(223, 209, 216, 0.96);
        background: #fff;
        color: var(--ink);
      }

      .option input {
        width: 16px;
        height: 16px;
        margin: 0;
      }

      input,
      textarea {
        width: 100%;
        min-height: 46px;
        padding: 12px 16px;
        border-radius: 6px;
        border: 1px solid rgba(184, 113, 122, 0.22);
        background: rgba(255, 255, 255, 0.78);
        color: var(--ink);
        font: inherit;
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 1.04rem;
        transition:
          border-color 240ms ease,
          background 240ms ease,
          box-shadow 240ms ease;
      }

      input:focus,
      textarea:focus {
        outline: none;
        border-color: var(--rose-warm);
        background: #ffffff;
        box-shadow: 0 0 0 3px rgba(184, 113, 122, 0.14);
      }

      textarea {
        min-height: 128px;
        resize: vertical;
      }

      input::placeholder,
      textarea::placeholder {
        color: #b3a8ae;
        font-style: italic;
      }

      .field label,
      .option-group legend {
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.66rem;
        font-weight: 400;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: var(--rose-warm);
        line-height: 1.4;
      }

      .option {
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: 1rem;
        border-radius: 6px;
        border: 1px solid rgba(184, 113, 122, 0.22);
        background: rgba(255, 255, 255, 0.62);
        transition:
          background 240ms ease,
          color 240ms ease,
          border-color 240ms ease;
      }

      .option:hover {
        background: rgba(255, 230, 232, 0.42);
        border-color: var(--rose-warm);
        color: var(--ink-deep);
      }

      .option input {
        accent-color: var(--rose-warm);
      }

      .submit {
        border: 0;
        cursor: pointer;
        justify-self: start;
      }

      .submit[aria-busy="true"] {
        opacity: 0.72;
        cursor: wait;
      }

      .form-feedback {
        margin: 2px 0 0;
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.72rem;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .form-feedback.is-success {
        color: #2b5d48;
      }

      .form-feedback.is-error {
        color: #8f2f3b;
      }

      .contact-links {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 16px;
      }

      .contact-meta {
        display: inline-flex;
        align-items: baseline;
        gap: 12px;
        margin-top: 14px;
        color: var(--ink-deep);
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.74rem;
        letter-spacing: 0.36em;
        text-transform: uppercase;
      }

      .contact-meta::before {
        content: "✦";
        color: var(--rose-deep);
        font-size: 0.7rem;
      }

      .contact-phones {
        position: relative;
        display: grid;
        gap: 12px;
        margin-top: 14px;
        min-height: 160px;
        padding: 26px 0 8px;
        border-top: 1px solid rgba(20, 14, 18, 0.86);
        align-content: center;
        justify-items: center;
        text-align: center;
      }

      .contact-phones::before {
        content: "";
        position: absolute;
        top: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 56px;
        height: 1px;
        background: var(--rose-warm);
      }

      .contact-phones span {
        color: var(--muted);
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.66rem;
        letter-spacing: 0.24em;
        text-transform: uppercase;
      }

      .contact-phones span strong {
        color: var(--ink-deep);
        font-family: "Instrument Serif", "Cormorant Garamond", Georgia, serif;
        font-style: italic;
        font-size: 1rem;
        font-weight: 400;
        letter-spacing: 0.01em;
      }

      .contact-phones a {
        position: relative;
        color: var(--ink-deep);
        text-decoration: none;
        font-family: "Italiana", "Cormorant Garamond", Georgia, serif;
        font-size: 1.32rem;
        font-weight: 400;
        line-height: 1.2;
        letter-spacing: 0.04em;
        padding-bottom: 3px;
        background: linear-gradient(currentColor, currentColor) bottom left / 0% 1px no-repeat;
        transition:
          background-size 320ms ease,
          color 220ms ease;
      }

      .contact-phones a:hover {
        background-size: 100% 1px;
        color: var(--rose-warm);
      }

      .contact-chip {
        position: relative;
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 44px;
        padding: 0 18px;
        border-radius: 0;
        border: 1px solid var(--ink-deep);
        background: var(--paper-solid);
        color: var(--ink-deep);
        text-decoration: none;
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.32em;
        transition:
          transform 220ms ease,
          box-shadow 220ms ease,
          color 220ms ease,
          background 220ms ease;
      }

      .contact-chip:hover {
        transform: translate(-2px, -2px);
        background: var(--ink-deep);
        color: var(--paper-solid);
        box-shadow: 4px 4px 0 0 var(--rose-deep);
      }

      .panorama-strip {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        border: 1px solid rgba(232, 220, 226, 0.92);
        margin: 14px 0 0;
        box-shadow: 0 18px 36px rgba(20, 14, 18, 0.1);
      }

      .panorama-strip::after {
        content: none;
      }

      .panorama-strip::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg, transparent 60%, rgba(20, 14, 18, 0.34) 100%);
        pointer-events: none;
      }

      .panorama-strip img {
        width: 100%;
        height: 400px;
        object-fit: cover;
        object-position: center 28%;
        transition: transform 1200ms cubic-bezier(0.22, 1, 0.36, 1);
      }

      .panorama-strip:hover img {
        transform: scale(1.04);
      }

      .footer-note {
        position: relative;
        padding: 24px 32px 110px;
        color: var(--muted);
        font-family: "Tenor Sans", sans-serif;
        font-size: 0.78rem;
        letter-spacing: 0.26em;
        text-align: center;
        text-transform: none;
      }

      @media (max-height: 720px) {
        .footer-note {
          padding-bottom: 130px;
        }
      }

      .footer-seo {
        margin-top: 18px;
        padding-top: 16px;
        border-top: 1px solid rgba(223, 209, 216, 0.8);
        display: grid;
        gap: 10px;
        justify-items: center;
        text-align: center;
      }

      .footer-seo p {
        margin: 0;
        color: #6f6871;
        font-size: 0.82rem;
        line-height: 1.55;
        letter-spacing: normal;
        text-transform: none;
        max-width: 980px;
      }

      .footer-link-cloud {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px 16px;
        letter-spacing: normal;
        text-transform: none;
        max-width: 1080px;
      }

      .footer-link-cloud a {
        color: rgba(80, 70, 76, 0.62);
        text-decoration: none;
        font-size: 0.8rem;
        line-height: 1.55;
      }

      .footer-link-cloud a:hover {
        color: rgba(80, 70, 76, 0.88);
        text-decoration: underline;
        text-underline-offset: 0.18em;
      }

      .footer-links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 18px;
        margin-top: 12px;
        letter-spacing: normal;
        text-transform: none;
      }

      .footer-links a {
        color: #8e8089;
        text-decoration: none;
        font-size: 0.9rem;
      }

      .footer-links a:hover {
        text-decoration: underline;
        text-underline-offset: 0.18em;
      }

      @media (max-width: 1120px) {
        .hero-inner,
        .services-card,
        .media-grid,
        .contact-card {
          grid-template-columns: 1fr;
        }

        .trio-intro,
        .trio-grid,
        .video-notes,
        .media-editorial-grid {
          grid-template-columns: 1fr;
        }

        .person-card img {
          height: 360px;
        }

        .video-toolbar {
          align-items: stretch;
          padding: 16px;
        }

        .video-chip {
          min-width: 0;
        }

        .hero {
          min-height: 840px;
        }

        .hero-inner {
          min-height: 840px;
        }

      }

      @media (max-width: 760px) {
        .page {
          width: min(100%, calc(100% - 10px));
          margin: 6px auto 18px;
        }

        .brand-name {
          font-size: 2.2rem;
        }

        .brand-ticker {
          display: none;
        }

        .brand-issue {
          display: none;
        }

        .masthead {
          position: relative;
          padding: 22px 18px 0;
          flex-direction: column;
          align-items: flex-start;
          background: linear-gradient(180deg, rgba(26, 16, 21, 0.4), transparent);
        }

        .masthead-nav {
          width: 100%;
          justify-items: start;
        }

        .menu,
        .social-menu {
          justify-content: flex-start;
        }

        .hero {
          min-height: auto;
        }

        .hero-inner {
          min-height: auto;
          padding: 26px 18px 18px;
        }

        .hero-copy,
        .story-card,
        .services-card,
        .trio-card,
        .video-card,
        .contact-card {
          padding: 22px;
        }

        .person-card img {
          height: 220px;
        }

        .hero-kicker {
          font-size: 2.8rem;
        }

        .content {
          padding: 18px 18px 24px;
        }

        .field-row {
          grid-template-columns: 1fr;
        }
      }

/* Noto Serif everywhere — Thin 100 для display, Light 300 для body. */
    *, *::before, *::after {
      font-family: "Noto Serif", "Times New Roman", Georgia, serif !important;
    }

    /* Display / headings — Thin 100 */
    h1, h2, h3, h4, h5, h6,
    .hero-kicker,
    .hero-copy-box h1,
    .section-title,
    .brand-name,
    .pull-quote,
    .video-caption strong,
    .form-note strong,
    .team-seo-note h3,
    .media-feature-copy strong,
    .person-meta strong{
      font-weight: 100 !important;
      letter-spacing: 0 !important;
      font-style: normal !important;
    }

    /* em и i — italic Thin 100 (брендовые акценты остаются курсивными) */
    h1 em, h1 i, h2 em, h2 i, h3 em, h3 i,
    .hero-kicker em, .hero-copy-box h1 em,
    .section-title em, .pull-quote em,
    .brand-name em{
      font-style: italic !important;
      font-weight: 100 !important;
    }

    /* Body / параграфы — Light 300 для читаемости */
    body, p, span, li, td, th, label,
    .copy, .hero-copy p,
    #kontakt .contact-copy p,
    .closing-seo-note p,
    .team-note p,
    .team-seo-note p,
    .video-card .video-copy p,
    .media-feature-copy p,
    .video-notes div,
    .video-toolbar .video-chip small,
    .contact-chip,
    .person-meta span,
    .video-caption span,
    .section-eyebrow,
    .field-label,
    .check-group legend{
      font-weight: 300 !important;
    }

    /* Buttons / CTA — Light 300 для согласованности */
    .button, .button-primary, .button-secondary,
    .video-button, #float-cta,
    .masthead nav a, .masthead .nav-cluster a,
    .brand-subtitle{
      font-weight: 300 !important;
      letter-spacing: 0.16em !important;
    }

    /* Strong / badges / акценты — Regular 400 (не толстый) */
    strong, b{
      font-weight: 400 !important;
    }

    /* Inputs — Light 300 */
    input, textarea, select, button{
      font-family: "Noto Serif", serif !important;
      font-weight: 300 !important;
    }

    /* Marquee, shorts-badge — Light 300 */
    .marquee-item, .shorts-badge, .shorts-counter{
      font-weight: 300 !important;
    }

    /* Сбросить variation-settings от Fraunces (теперь только Noto Serif) */
    .hero-copy-box h1{
      font-variation-settings: normal !important;
    }

/* Modern token additions */
    :root{
      --m-display:"Bricolage Grotesque", "Italiana", serif;
      --m-sans:"Inter Tight", "Tenor Sans", system-ui, sans-serif;
      --m-mono:"DM Mono", monospace;
      --m-rose:#e89bb0;
      --m-rose-vivid:#e63d72;
      --m-gold:#c9994d;
      --m-gold-light:#e8c277;
      --m-rose-soft:rgba(232,155,176,.10);
      --m-gold-soft:rgba(201,153,77,.08);
      --m-line-rose:rgba(232,155,176,.35);
      --m-d2:380ms;
      --m-d3:560ms;
      --m-eo:cubic-bezier(.16,1,.3,1);
    }

    /* Modernize key typography — narrow modern fonts on top of vintage */
    body, p, span, a, button, input, textarea, label{
      font-family:var(--m-sans);
      letter-spacing:-.005em;
    }
    h1, h2, h3, .section-title, .editorial-headline,
    [class*="-headline"], [class*="-title"]{
      font-family:var(--m-display) !important;
      font-stretch:80% !important;
      font-weight:500 !important;
      letter-spacing:-.02em !important;
    }
    em, .editorial-em, [class*="italic"]{
      font-family:"Cormorant Garamond", "Instrument Serif", serif !important;
      font-style:italic !important;
      font-stretch:100% !important;
    }
    .eyebrow, [class*="eyebrow"], [class*="meta"], .menu, .nav-item,
    [class*="-tag"], [class*="-num"]{
      font-family:var(--m-mono) !important;
      letter-spacing:.04em !important;
    }

    /* Atmospheric layers (no layout impact — fixed/pointer-none) */
    .m-mesh, .m-lines, .m-sparks, .m-grain, .m-progress,
    .m-cur-dot, .m-cur-ring{
      position:fixed; pointer-events:none;
    }
    .m-mesh{
      inset:-10%; z-index:0;
      background-image:
        radial-gradient(ellipse 700px 500px at 12% 18%, rgba(232,155,176,.08), transparent 60%),
        radial-gradient(ellipse 600px 500px at 88% 76%, rgba(201,153,77,.06), transparent 60%),
        radial-gradient(ellipse 500px 700px at 50% 100%, rgba(230,61,114,.04), transparent 70%);
      animation:m-mesh-drift 32s ease-in-out infinite alternate;
      mix-blend-mode:multiply;
    }
    @keyframes m-mesh-drift{
      0%{ transform:translate(0,0) rotate(0); }
      50%{ transform:translate(-3%,2%) rotate(.3deg); }
      100%{ transform:translate(2%,-2%) rotate(-.4deg); }
    }
    .m-lines{ inset:0; z-index:1; overflow:hidden; opacity:.6; }
    .m-lines svg{ position:absolute; inset:0; width:100%; height:100%; }
    .m-line-rose, .m-line-gold{
      fill:none; stroke-width:.7;
      stroke-dasharray:2400; stroke-dashoffset:2400;
      animation:m-draw 11s var(--m-eo) infinite;
    }
    .m-line-rose{ stroke:url(#m-grad-rose); }
    .m-line-gold{ stroke:url(#m-grad-gold); animation-delay:3s; animation-duration:13s; }
    @keyframes m-draw{
      0%{ stroke-dashoffset:2400; opacity:0; }
      18%{ opacity:1; }
      55%{ stroke-dashoffset:0; opacity:.7; }
      100%{ stroke-dashoffset:-2400; opacity:0; }
    }

    .m-sparks{ inset:0; z-index:2; }
    .m-spark{
      position:absolute; width:3px; height:3px; border-radius:50%;
      animation:m-float 22s var(--m-eo) infinite;
    }
    .m-spark.r{ background:var(--m-rose); box-shadow:0 0 8px rgba(232,155,176,.6); }
    .m-spark.g{ background:var(--m-gold); box-shadow:0 0 8px rgba(201,153,77,.6); width:2px; height:2px; }
    .m-spark:nth-child(1){ left:10%; top:22%; animation-delay:0s; }
    .m-spark:nth-child(2){ left:22%; top:60%; animation-delay:4s; }
    .m-spark:nth-child(3){ left:42%; top:14%; animation-delay:8s; }
    .m-spark:nth-child(4){ left:64%; top:40%; animation-delay:2s; }
    .m-spark:nth-child(5){ left:78%; top:72%; animation-delay:6s; }
    .m-spark:nth-child(6){ left:92%; top:18%; animation-delay:10s; }
    .m-spark:nth-child(7){ left:30%; top:88%; animation-delay:1s; }
    .m-spark:nth-child(8){ left:60%; top:90%; animation-delay:5s; }
    .m-spark:nth-child(9){ left:88%; top:50%; animation-delay:9s; }
    @keyframes m-float{
      0%,100%{ transform:translate(0,0) scale(.6); opacity:0; }
      20%{ transform:translate(20px,-30px) scale(1); opacity:1; }
      55%{ transform:translate(-25px,-90px) scale(.8); opacity:.7; }
      85%{ transform:translate(40px,-70px) scale(1.1); opacity:.4; }
    }

    .m-grain{
      inset:-50%; z-index:300;
      opacity:.06; mix-blend-mode:multiply;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
      animation:m-grain-shift 6s steps(8) infinite;
    }
    @keyframes m-grain-shift{
      0%{ transform:translate(0,0); }
      25%{ transform:translate(-7%,-12%); }
      50%{ transform:translate(8%,-3%); }
      75%{ transform:translate(-4%,9%); }
      100%{ transform:translate(0,0); }
    }

    .m-progress{
      top:0; left:0; height:2px; width:0%; z-index:99;
      background:linear-gradient(90deg, transparent, var(--m-rose), var(--m-rose-vivid), var(--m-gold-light), transparent);
      transition:width 80ms linear;
      filter:drop-shadow(0 0 6px rgba(232,155,176,.5));
    }

    .m-cur-dot{
      top:0; left:0; width:6px; height:6px; border-radius:50%;
      background:var(--m-rose-vivid); z-index:301;
      transform:translate(-50%,-50%); mix-blend-mode:multiply;
      transition:transform 240ms, width .25s, height .25s;
    }
    .m-cur-ring{
      top:0; left:0; width:34px; height:34px;
      border:1px solid rgba(232,155,176,.55); border-radius:50%;
      z-index:301; transform:translate(-50%,-50%);
      transition:transform .35s var(--m-eo), width .35s, height .35s, border-color .35s;
    }
    .m-cur-dot.hov{ width:14px; height:14px; }
    .m-cur-ring.hov{ width:62px; height:62px; border-color:var(--m-gold); }
    @media (max-width:900px), (hover:none){ .m-cur-dot, .m-cur-ring{ display:none; } }

    /* Rounded corners on all major blocks */
    .card, .editorial-card, .trio-card,
    [class*="trio-card"], [class*="media-card"], [class*="-card"],
    .media-frame, [class*="media-frame"], [class*="-frame"],
    [class*="grid-card"], [class*="card-image"]{
      border-radius:28px !important;
      overflow:hidden !important;
    }
    /* Hero specifically — sharp corners */
    .hero, section.hero, [class*="hero"]{
      border-radius:0 !important;
      overflow:hidden !important;
    }
    /* Photos inside cards — softer rounding */
    .card img, .editorial-card img, [class*="-card"] img,
    .media-frame img, [class*="media-frame"] img{
      border-radius:20px;
    }
    /* Buttons — pill rounded */
    a[class*="cta"], button[class*="submit"], button[class*="cta"],
    .editorial-cta, [class*="-button"], [class*="-btn"]{
      border-radius:60px !important;
    }
    /* Form inputs — soft rounded */
    input[type="text"], input[type="email"], input[type="tel"], textarea{
      border-radius:14px !important;
    }
    /* Top of page — round upper corners as user requested */
    body > .page{
      max-width:1360px !important;
      margin:14px auto 0 !important;
      border-radius:42px 42px 28px 28px !important;
      overflow:hidden !important;
      box-shadow:0 14px 40px rgba(40,28,35,.08), 0 30px 80px rgba(40,28,35,.06) !important;
    }
    @media (max-width:1390px){
      body > .page{ margin:14px 14px 0 !important; max-width:none !important; }
    }
    body > .page > .shell,
    body > .page > [class*="shell"],
    body > .page > main,
    body > .page > [class*="content"]{
      border-radius:inherit;
      overflow:hidden;
    }

    /* Image lift effect on existing photos */
    .editorial-image, [class*="-image"], [class*="media-frame"], [class*="card-image"]{
      transition:transform .65s var(--m-eo), box-shadow .55s var(--m-eo), filter .45s !important;
      will-change:transform;
    }
    .editorial-image:hover, [class*="-image"]:hover,
    [class*="media-frame"]:hover, [class*="card-image"]:hover{
      transform:translateY(-8px) scale(1.012) !important;
      box-shadow:
        0 24px 60px rgba(232,155,176,.18),
        0 40px 100px rgba(0,0,0,.12) !important;
    }

    /* Magnetic transition for CTA-like elements */
    a[class*="cta"], button[class*="submit"], button[class*="cta"],
    .editorial-cta, [class*="-button"], [class*="-btn"]{
      transition:transform .5s var(--m-eo), box-shadow .45s var(--m-eo) !important;
      will-change:transform;
    }

    /* Scroll-reveal micro-effect */
    .m-rv{ opacity:0; transform:translateY(24px); transition:opacity .9s var(--m-eo), transform 1s var(--m-eo); }
    .m-rv.in{ opacity:1; transform:translateY(0); }

    @media (prefers-reduced-motion: reduce){
      .m-mesh, .m-lines svg path, .m-spark, .m-grain{ animation:none !important; }
      .m-rv{ opacity:1; transform:none; }
    }

/* Extended rose palette — peach, lilac, coral accents */
    :root{
      --rib-rose:#e89bb0;
      --rib-rose-bright:#f4a8be;
      --rib-coral:#f0a89d;
      --rib-peach:#ffc2a6;
      --rib-lilac:#d4b9d8;
      --rib-cream:#fff5e8;
      --rib-deep:#a45663;
      --rib-ease:cubic-bezier(.22,1,.36,1);
    }

    @keyframes ribFlow{
      0%  { transform:rotate(0deg)   scale(1);    }
      50% { transform:rotate(180deg) scale(1.08); }
      100%{ transform:rotate(360deg) scale(1);    }
    }
    @keyframes ribStripeDrift{
      0%  { background-position:0 0,        0 0; }
      100%{ background-position:160px -110px,-220px 80px; }
    }
    @keyframes ribAura{
      0%,100%{ opacity:.55; transform:scale(1);    }
      50%    { opacity:.95; transform:scale(1.06); }
    }
    @keyframes ribShimmer{
      0%  { transform:translateX(-130%) skewX(-18deg); }
      100%{ transform:translateX(230%)  skewX(-18deg); }
    }

    /* ===== Person cards: rose ribbons under photo on hover ===== */
    .person-card{ isolation:isolate; transition:transform .55s var(--rib-ease), box-shadow .55s var(--rib-ease) !important; }

    .person-card::before{
      content:"";
      position:absolute;
      inset:-30%;
      background:
        conic-gradient(from 110deg at 50% 50%,
          rgba(232,155,176,0)    0deg,
          rgba(232,155,176,.92)  48deg,
          rgba(255,194,166,.78) 112deg,
          rgba(212,185,216,.55) 168deg,
          rgba(232,155,176,0)   210deg,
          rgba(244,168,190,.95) 258deg,
          rgba(184,113,122,.6)  308deg,
          rgba(232,155,176,0)   360deg);
      filter:blur(34px) saturate(1.2);
      opacity:0;
      transform:scale(.55) rotate(0deg);
      transition:opacity .85s var(--rib-ease), transform 1.3s var(--rib-ease);
      z-index:0;
      pointer-events:none;
      border-top-left-radius:inherit; border-top-right-radius:inherit;
    }

    .person-card::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        repeating-linear-gradient(-38deg,
          transparent 0 24px,
          rgba(232,155,176,.55) 24px 28px,
          transparent 28px 70px,
          rgba(255,194,166,.42) 70px 73px,
          transparent 73px 124px,
          rgba(212,185,216,.38) 124px 126px,
          transparent 126px 180px),
        repeating-linear-gradient(38deg,
          transparent 0 60px,
          rgba(184,113,122,.22) 60px 62px,
          transparent 62px 140px);
      background-size:240px 240px, 320px 320px;
      mix-blend-mode:multiply;
      opacity:0;
      transform:translate3d(-8%,18%,0);
      transition:opacity .7s var(--rib-ease), transform 1.1s var(--rib-ease);
      z-index:1;
      pointer-events:none;
      border-top-left-radius:inherit; border-top-right-radius:inherit;
    }

    .person-card img{
      position:relative;
      z-index:2;
      transition:
        filter 600ms ease,
        transform 750ms var(--rib-ease),
        border-radius 600ms ease,
        box-shadow 600ms ease !important;
    }
    .person-card .person-meta{
      position:relative;
      z-index:2;
      background:var(--paper-solid);
      transition:background 400ms ease, border-color 400ms ease;
    }
    .person-card .person-meta::before{
      transition:width 500ms var(--rib-ease), background 400ms ease;
    }

    .person-card:hover{
      transform:translateY(-8px) !important;
      box-shadow:
        0 30px 70px rgba(232,155,176,.34),
        0 60px 110px rgba(184,113,122,.20),
        0 8px 18px rgba(244,168,190,.18) !important;
    }
    .person-card:hover::before{
      opacity:1;
      transform:scale(1) rotate(140deg);
      animation:ribFlow 16s linear infinite;
    }
    .person-card:hover::after{
      opacity:1;
      transform:translate3d(0,0,0);
      animation:ribStripeDrift 9s linear infinite;
    }
    .person-card:hover img{
      transform:scale(.9) translateY(-4px) !important;
      border-radius:18px !important;
      box-shadow:0 22px 48px rgba(184,113,122,.32);
      filter:saturate(1.08) contrast(1.02) !important;
    }
    .person-card:hover .person-meta::before{
      width:78px;
      background:linear-gradient(90deg,var(--rib-deep),var(--rib-peach));
    }

    /* Counter badge that appears on hover */
    .person-card .person-meta strong{ position:relative; }
    .person-card::after{ /* keep ribbons */ }

    /* ===== Services list: warm color sweep on hover ===== */
    .service{ overflow:hidden; }
    .service::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(120deg,
        rgba(255,194,166,.0) 0%,
        rgba(232,155,176,.18) 35%,
        rgba(212,185,216,.22) 55%,
        rgba(255,194,166,.0) 100%);
      transform:translateX(-130%) skewX(-18deg);
      pointer-events:none;
      transition:transform .9s var(--rib-ease);
    }
    .service:hover::after{
      animation:ribShimmer 1.4s var(--rib-ease) forwards;
    }
    .service:hover{
      box-shadow:0 14px 32px rgba(232,155,176,.18);
    }
    .service:hover strong{
      color:var(--rib-deep);
    }

    /* ===== Trio / video / contact cards: subtle bloom aura ===== */
    .trio-card, .video-card, .contact-card, .media-editorial{
      transition:transform .6s var(--rib-ease), box-shadow .6s var(--rib-ease) !important;
    }
    .trio-card::before{ /* keep existing corner accent */ }
    .trio-card:hover, .video-card:hover, .contact-card:hover, .media-editorial:hover{
      box-shadow:
        0 22px 60px rgba(232,155,176,.16),
        0 50px 100px rgba(184,113,122,.10),
        0 16px 42px rgba(47,24,35,.05) !important;
    }

    /* Aura layer behind contact form */
    .form-card{ overflow:hidden; isolation:isolate; }
    .form-card .aura-bloom{
      position:absolute;
      width:520px; height:520px;
      top:-180px; right:-180px;
      background:radial-gradient(closest-side,
        rgba(255,194,166,.5),
        rgba(232,155,176,.32) 45%,
        rgba(212,185,216,.0) 75%);
      filter:blur(8px);
      opacity:.7;
      animation:ribAura 9s var(--rib-ease) infinite;
      z-index:0;
      pointer-events:none;
    }
    .form-card .aura-bloom.b2{
      top:auto; right:auto; bottom:-200px; left:-160px;
      width:460px; height:460px;
      background:radial-gradient(closest-side,
        rgba(244,168,190,.45),
        rgba(184,113,122,.22) 50%,
        rgba(212,185,216,.0) 78%);
      animation-delay:-3s;
    }
    .form-card > *{ position:relative; z-index:1; }

    /* ===== Buttons: gradient sheen ===== */
    .video-button{ position:relative; isolation:isolate; }
    .video-button::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(110deg,
        rgba(255,255,255,0) 0%,
        rgba(255,194,166,.55) 40%,
        rgba(244,168,190,.5) 55%,
        rgba(255,255,255,0) 100%);
      transform:translateX(-130%) skewX(-22deg);
      pointer-events:none;
      transition:transform .8s var(--rib-ease);
      z-index:-1;
    }
    .video-button:hover::after{
      animation:ribShimmer 1.2s var(--rib-ease) forwards;
    }

    /* ===== Section titles: italic part gets gradient color ===== */
    h2.section-title em,
    h2.section-title i{
      background:linear-gradient(92deg,
        var(--rib-deep) 0%,
        var(--rib-rose) 38%,
        var(--rib-coral) 62%,
        var(--rib-deep) 100%);
      background-size:220% 100%;
      -webkit-background-clip:text;
      background-clip:text;
      -webkit-text-fill-color:transparent;
      animation:ribStripeDrift 12s linear infinite;
    }

    /* ===== Trio grid: gentle stagger float on idle ===== */
    @keyframes ribIdleFloat{
      0%,100%{ transform:translateY(0); }
      50%    { transform:translateY(-3px); }
    }
    .trio-grid .person-card{ animation:ribIdleFloat 6s ease-in-out infinite; }
    .trio-grid .person-card:nth-child(2){ animation-delay:-2s; }
    .trio-grid .person-card:nth-child(3){ animation-delay:-4s; }
    .trio-grid .person-card:hover{ animation-play-state:paused; }

    @media (prefers-reduced-motion: reduce){
      .person-card::before, .person-card::after,
      .service::after, .video-button::after,
      .form-card .aura-bloom,
      .trio-grid .person-card,
      h2.section-title em, h2.section-title i{
        animation:none !important;
      }
      .person-card:hover img{ transform:none !important; }
    }

/* ── 1. HERO CINEMATIC REVEAL ────────────────────────── */
    @keyframes heroSettle {
      from { transform:scale(1.08); filter:brightness(.85); }
      to   { transform:scale(1);    filter:brightness(1);   }
    }
    @keyframes heroSlideUp {
      from { opacity:0; transform:translateY(44px); clip-path:inset(0 0 100% 0); }
      to   { opacity:1; transform:translateY(0);    clip-path:inset(0 0 0 0);    }
    }
    @keyframes heroFadeIn {
      from { opacity:0; transform:translateY(18px); }
      to   { opacity:1; transform:translateY(0);    }
    }
    @keyframes heroBloom {
      0%   { opacity:0; transform:scale(.6); }
      60%  { opacity:.65; }
      100% { opacity:.28; transform:scale(1); }
    }

    .hero-media img { animation:none; }

    .hero-copy-box { position:relative; }
    .hero-copy-box::before {
      content:"";
      position:absolute;
      inset:-40% -60%;
      background:radial-gradient(closest-side,
        rgba(232,155,176,.55), rgba(244,168,190,.3) 38%, transparent 70%);
      filter:blur(24px);
      opacity:0;
      animation:heroBloom 2.4s .4s cubic-bezier(.22,1,.36,1) forwards;
      pointer-events:none;
      z-index:-1;
    }

    .hero-kicker    { animation:heroSlideUp .9s .15s cubic-bezier(.22,1,.36,1) both; }
    .hero-copy-box h1 { animation:heroSlideUp 1.05s .38s cubic-bezier(.22,1,.36,1) both; }
    .hero-copy p:nth-of-type(1) { animation:heroFadeIn .9s .65s ease both; }
    .hero-copy p:nth-of-type(2) { animation:heroFadeIn .9s .80s ease both; }
    .hero-actions   { animation:heroFadeIn .9s 1.0s ease both; }

    /* ── 2. SCROLL REVEAL ────────────────────────────────── */
    .sr {
      opacity:0;
      transform:translateY(42px);
      transition:opacity .9s cubic-bezier(.22,1,.36,1),
                 transform 1s cubic-bezier(.22,1,.36,1);
    }
    .sr.sr-in { opacity:1; transform:translateY(0); }
    .sr-delay-1 { transition-delay:.1s; }
    .sr-delay-2 { transition-delay:.2s; }
    .sr-delay-3 { transition-delay:.32s; }

    /* ── 3. FLOATING CTA ─────────────────────────────────── */
    #float-cta {
      position:fixed;
      bottom:28px; right:28px;
      z-index:500;
      display:flex;
      align-items:center;
      gap:9px;
      padding:13px 22px;
      background:linear-gradient(135deg, #a45663 0%, #c87080 55%, #b8717a 100%);
      color:#fff;
      font-family:"Tenor Sans",sans-serif;
      font-size:.68rem;
      letter-spacing:.28em;
      text-transform:uppercase;
      text-decoration:none;
      border-radius:60px;
      box-shadow:
        0 14px 36px rgba(164,86,99,.48),
        0 4px 10px rgba(164,86,99,.28),
        inset 0 1px 0 rgba(255,255,255,.18);
      opacity:0;
      transform:translateY(16px) scale(.92);
      pointer-events:none;
      transition:opacity .55s cubic-bezier(.22,1,.36,1),
                 transform .55s cubic-bezier(.22,1,.36,1),
                 box-shadow .3s ease;
    }
    #float-cta.visible {
      opacity:1;
      transform:translateY(0) scale(1);
      pointer-events:auto;
    }
    #float-cta:hover {
      box-shadow:
        0 20px 50px rgba(164,86,99,.58),
        0 6px 14px rgba(164,86,99,.34),
        inset 0 1px 0 rgba(255,255,255,.22);
      transform:translateY(-3px) scale(1.03) !important;
    }
    #float-cta::before {
      content:"✦";
      font-size:.9em;
      animation:ribAura 3s ease-in-out infinite;
    }
    @keyframes floatPulse {
      0%,100%{ box-shadow:0 14px 36px rgba(164,86,99,.48),0 4px 10px rgba(164,86,99,.28); }
      50%    { box-shadow:0 18px 48px rgba(164,86,99,.65),0 8px 18px rgba(164,86,99,.38); }
    }
    #float-cta.visible { animation:floatPulse 4s ease-in-out infinite; }
    #float-cta:hover   { animation:none; }
    @media(max-width:600px){
      #float-cta { bottom:18px; right:16px; padding:11px 16px; font-size:.62rem; }
    }

    .content > section,
    .footer-note {
      content-visibility: auto;
      contain-intrinsic-size: 1px 900px;
    }

    @media (max-width: 760px) {
      .hero-media img,
      .hero-kicker,
      .hero-copy-box h1,
      .hero-copy p,
      .hero-actions,
      .hero-copy-box::before,
      .sr,
      .m-mesh,
      .m-lines svg path,
      .m-spark,
      .m-grain,
      #float-cta.visible,
      #float-cta {
        animation: none !important;
        transition: none !important;
      }

      .hero-kicker,
      .hero-copy-box h1,
      .hero-copy p,
      .hero-actions,
      .sr {
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
      }

      .shell,
      .brand-mark,
      .hero-copy-box::before,
      .glass,
      .card {
        backdrop-filter: none !important;
        filter: none !important;
      }

    }

    /* ── 4. GALLERY HORIZONTAL DRAG SCROLL ───────────────── */
    .media-editorial-grid {
      display:flex !important;
      gap:18px !important;
      overflow-x:auto;
      scroll-snap-type:x mandatory;
      -webkit-overflow-scrolling:touch;
      padding-bottom:14px;
      cursor:grab;
      user-select:none;
      scrollbar-width:thin;
      scrollbar-color:rgba(232,155,176,.45) transparent;
    }
    .media-editorial-grid::-webkit-scrollbar { height:4px; }
    .media-editorial-grid::-webkit-scrollbar-track { background:transparent; }
    .media-editorial-grid::-webkit-scrollbar-thumb {
      background:rgba(232,155,176,.6); border-radius:4px;
    }
    .media-editorial-grid.is-dragging { cursor:grabbing; }
    .media-feature {
      flex:0 0 min(82vw, 360px) !important;
      scroll-snap-align:start;
      border-radius:20px !important;
    }
    .media-feature:hover {
      transform:translateY(-6px) !important;
      box-shadow:0 22px 50px rgba(232,155,176,.22), 0 30px 60px rgba(47,24,35,.08) !important;
    }
    /* Drag scroll hint — fades right edge */
    .media-editorial { position:relative; overflow:hidden; }
    .media-editorial::after {
      content:"";
      position:absolute;
      top:0; right:0; bottom:14px; width:60px;
      background:linear-gradient(90deg,transparent,rgba(255,253,253,.96));
      pointer-events:none;
      z-index:3;
    }

    /* ── 5. WAVE DIVIDER (hero → content) ────────────────── */
    .content { position:relative; }
    .content::before {
      content:"";
      display:block;
      width:100%;
      height:72px;
      margin-bottom:-4px;
      background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 72' preserveAspectRatio='none'%3E%3Cpath d='M0,36 C240,72 480,4 720,36 C960,68 1200,8 1440,36 L1440,72 L0,72 Z' fill='%23fffefe'/%3E%3Cpath d='M0,48 C320,20 640,64 960,40 C1120,28 1300,54 1440,46 L1440,72 L0,72 Z' fill='%23fff8fb' opacity='.7'/%3E%3C/svg%3E")
        no-repeat top center / 100% 100%;
      position:relative;
      z-index:2;
    }

    @media (prefers-reduced-motion: reduce) {
      .hero-media img, .hero-kicker, .hero-copy-box h1,
      .hero-copy p, .hero-actions, .hero-copy-box::before,
      #float-cta.visible, #float-cta { animation:none !important; }
      .sr { opacity:1 !important; transform:none !important; }
    }

    /* ── 6. ALIGNMENT RHYTHM — varied placement per section ── */

    /* Spotify-jenny: centered, editorial */
    #spotify-jenny .trio-intro{
      grid-template-columns:1fr !important;
      text-align:center;
      justify-items:center;
      gap:14px;
    }
    #spotify-jenny .trio-intro > div,
    #spotify-jenny .trio-intro .copy{ max-width:60ch; }
    #spotify-jenny .team-note{
      text-align:center;
      border-left:none;
      padding:24px 28px 26px;
      background:linear-gradient(180deg, rgba(247,232,239,.42) 0%, rgba(247,232,239,.12) 100%);
      max-width:62ch;
      margin-left:auto;
      margin-right:auto;
    }
    #spotify-jenny .team-note p:first-child::before{
      display:block;
      text-align:center;
      margin:0 auto 6px;
      font-size:2.2em;
    }

    /* Hochzeitsmomente: centered head */
    #wedding-media .media-editorial-head{
      justify-items:center;
      text-align:center;
    }
    #wedding-media .media-editorial-head .section-title{
      max-width:18ch;
    }

    /* Closing note: fully centered finale */
    #closing-note{
      text-align:center;
      justify-items:center;
      padding:28px 26px 30px !important;
    }
    #closing-note p{
      max-width:64ch;
      margin-left:auto;
      margin-right:auto;
    }
    #closing-note a{
      justify-self:center !important;
      margin-top:12px;
    }

    /* Story team-seo-note: keep left but constrain measure */
    .team-seo-note{ max-width:72ch; }
    .team-seo-note h3{ max-width:24ch; }

    /* Story trio-intro: better balance */
    #story .trio-intro{
      align-items:start;
    }

    /* Section titles — slightly tighter measure for readability */
    h2.section-title{ text-wrap:balance; }

/* ── A. Dark notch fix at top-left corner ───────────── */
    /* The 1px dark .shell border collided with the 42px page corner. */
    .shell{
      border:none !important;
      box-shadow:0 0 0 1px rgba(255,255,255,.94) inset !important;
    }
    /* Push brand-mark further from rounded corner so it never touches the curve */
    .masthead{ padding:36px 36px 0 !important; }
    @media(max-width:760px){ .masthead{ padding:24px 18px 0 !important; } }

    /* ── B. Italic serif section titles (the font you liked) ─ */
    h2.section-title{
      font-family:"Instrument Serif","Cormorant Garamond",Georgia,serif !important;
      font-style:italic !important;
      font-weight:400 !important;
      letter-spacing:-.005em !important;
      line-height:1.05 !important;
    }
    h2.section-title em, h2.section-title i{
      font-family:"Instrument Serif","Cormorant Garamond",Georgia,serif !important;
      font-style:italic !important;
      font-weight:400 !important;
    }
    .team-seo-note h3{
      font-family:"Instrument Serif","Cormorant Garamond",Georgia,serif !important;
      font-style:italic !important;
      font-weight:400 !important;
      letter-spacing:-.005em !important;
    }
    .brand-subtitle{
      font-family:"Instrument Serif","Cormorant Garamond",Georgia,serif !important;
      font-style:italic !important;
      letter-spacing:.04em !important;
      text-transform:none !important;
    }

    /* ── C. New person-card hover: editorial frame + flourish ── */

    /* Reset previous ribbon effects on person-card */
    .person-card::before,
    .person-card::after{
      content:none !important;
    }
    .trio-grid .person-card{ animation:none !important; }

    /* Index counter at top-left corner */
    .trio-grid{ counter-reset:p-idx; }
    .person-card{
      counter-increment:p-idx;
      transform-style:preserve-3d;
      perspective:1200px;
    }
    .person-card .person-idx{
      position:absolute;
      top:14px; left:16px;
      z-index:4;
      font-family:"Instrument Serif",Georgia,serif;
      font-style:italic;
      font-size:1.05rem;
      color:var(--rib-deep);
      opacity:0;
      transform:translateY(-6px);
      transition:opacity .55s var(--rib-ease), transform .55s var(--rib-ease);
      pointer-events:none;
      mix-blend-mode:multiply;
    }
    .person-card .person-idx::before{
      content:"0" counter(p-idx);
      letter-spacing:.04em;
    }
    .person-card .person-idx::after{
      content:"";
      display:block;
      width:18px;
      height:1px;
      margin-top:4px;
      background:var(--rib-deep);
      transform-origin:left;
      transform:scaleX(0);
      transition:transform .6s .15s var(--rib-ease);
    }
    .person-card:hover .person-idx{ opacity:.92; transform:translateY(0); }
    .person-card:hover .person-idx::after{ transform:scaleX(1); }

    /* Animated SVG-style frame (drawn with two ::after-style overlays) */
    .person-card .frame-line{
      position:absolute;
      pointer-events:none;
      z-index:3;
      background:linear-gradient(90deg,transparent,var(--rib-deep) 25%,var(--rib-coral) 75%,transparent);
      transform-origin:left;
    }
    .person-card .frame-line.top{
      top:8px; left:8px; right:8px; height:1px;
      transform:scaleX(0);
      transition:transform .7s var(--rib-ease);
    }
    .person-card .frame-line.right{
      top:8px; right:8px; bottom:78px; width:1px;
      background:linear-gradient(180deg,transparent,var(--rib-coral) 25%,var(--rib-deep) 75%,transparent);
      transform-origin:top;
      transform:scaleY(0);
      transition:transform .7s .25s var(--rib-ease);
    }
    .person-card:hover .frame-line.top{ transform:scaleX(1); }
    .person-card:hover .frame-line.right{ transform:scaleY(1); }

    /* Photo treatment — desaturated → full color + soft 3D tilt */
    .person-card img{
      filter:saturate(.78) contrast(1.02) !important;
      transition:filter 700ms ease, transform 800ms var(--rib-ease) !important;
      will-change:transform, filter;
    }
    .person-card:hover{
      transform:translateY(-10px) rotateZ(-.4deg) !important;
      box-shadow:
        0 26px 60px rgba(164,86,99,.22),
        0 50px 110px rgba(47,24,35,.10),
        0 8px 18px rgba(244,168,190,.18) !important;
    }
    .person-card:hover img{
      filter:saturate(1.12) contrast(1.05) !important;
      transform:scale(1.035) !important;
      border-radius:18px !important;
    }

    /* Background bloom (softer than ribbons) */
    .person-card .photo-bloom{
      position:absolute;
      inset:auto -40% -40% -40%;
      height:60%;
      z-index:0;
      background:radial-gradient(ellipse at center,
        rgba(244,168,190,.55),
        rgba(232,155,176,.32) 40%,
        transparent 75%);
      filter:blur(28px);
      opacity:0;
      transform:translateY(20px) scale(.85);
      transition:opacity .75s var(--rib-ease), transform 1s var(--rib-ease);
      pointer-events:none;
    }
    .person-card:hover .photo-bloom{
      opacity:1;
      transform:translateY(0) scale(1);
    }

    /* Person-meta — italic flourish on hover */
    .person-card .person-meta{
      transition:padding .5s var(--rib-ease), background .4s ease;
      position:relative;
      z-index:2;
    }
    .person-card .person-meta strong{
      transition:letter-spacing .5s var(--rib-ease), color .4s ease;
    }
    .person-card .person-meta span{
      display:block;
      transition:font-size .55s var(--rib-ease), color .4s ease;
    }
    .person-card:hover .person-meta{
      padding-top:24px;
      padding-bottom:24px;
    }
    .person-card:hover .person-meta strong{
      letter-spacing:.42em;
      color:var(--rib-deep);
    }
    .person-card:hover .person-meta span{
      font-size:1.18rem;
      color:var(--ink-deep);
    }
    .person-card .person-meta::after{
      content:"";
      position:absolute;
      right:18px;
      top:50%;
      width:0;
      height:1px;
      background:linear-gradient(90deg,transparent,var(--rib-deep));
      transform:translateY(-50%);
      transition:width .55s .1s var(--rib-ease);
    }
    .person-card:hover .person-meta::after{ width:36px; }

    @media (prefers-reduced-motion: reduce){
      .person-card:hover{ transform:none !important; }
      .person-card:hover img{ transform:none !important; }
      .frame-line, .person-idx, .photo-bloom{ transition:none !important; }
    }

/* ── Fraunces for H1 (2026 funky italic serif) ── */
    .hero-copy-box h1{
      font-family:"Fraunces","Bodoni Moda",Georgia,serif !important;
      font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 1 !important;
      font-weight:500 !important;
      letter-spacing:-.02em !important;
      line-height:.98 !important;
    }
    .hero-copy-box h1 em,
    .hero-copy-box h1 i{
      font-family:"Fraunces","Bodoni Moda",Georgia,serif !important;
      font-style:italic !important;
      font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1 !important;
    }

    /* ── Marquee strips between sections ── */
    .marquee{
      position:relative;
      overflow:hidden;
      margin:8px 0;
      padding:18px 0;
      border-top:1px solid rgba(164,86,99,.12);
      border-bottom:1px solid rgba(164,86,99,.12);
      background:linear-gradient(180deg,
        rgba(255,253,253,.4),
        rgba(247,232,239,.5),
        rgba(255,253,253,.4));
      mix-blend-mode:multiply;
    }
    .marquee-track{
      display:flex;
      gap:48px;
      width:max-content;
      animation:marqueeSlide 36s linear infinite;
      will-change:transform;
    }
    .marquee-track:hover{ animation-play-state:paused; }
    .marquee-item{
      display:inline-flex;
      align-items:center;
      gap:48px;
      font-family:"Fraunces","Instrument Serif",Georgia,serif;
      font-style:italic;
      font-weight:400;
      font-size:1.6rem;
      color:var(--rib-deep);
      letter-spacing:-.01em;
      white-space:nowrap;
    }
    .marquee-item::after{
      content:"✦";
      font-style:normal;
      font-size:.7em;
      color:var(--rib-coral);
      transform:translateY(-2px);
    }
    .marquee-item.alt{
      font-family:"Manrope",sans-serif;
      font-style:normal;
      font-size:.78rem;
      letter-spacing:.42em;
      text-transform:uppercase;
      color:rgba(20,14,18,.55);
      font-weight:500;
    }
    @keyframes marqueeSlide{
      from{ transform:translateX(0); }
      to  { transform:translateX(-50%); }
    }

    /* ── Asymmetric card offsets — break brick layout ── */
    .content > section.card:nth-of-type(2n),
    .content > .media-grid > article.card:nth-of-type(2n){
      margin-right:8% !important;
      margin-left:0 !important;
    }
    .content > section.card:nth-of-type(2n+1),
    .content > .media-grid > article.card:nth-of-type(2n+1){
      margin-left:6% !important;
      margin-right:0 !important;
    }
    /* But contact + closing stay centered */
    .content > section.card#kontakt,
    .content > section.card#closing-note,
    .content > section.card#wedding-media,
    .content > .media-grid > article.card#kontakt{
      margin-left:auto !important;
      margin-right:auto !important;
      max-width:96%;
    }
    @media(max-width:900px){
      .content > section.card,
      .content > .media-grid > article.card{
        margin-left:0 !important;
        margin-right:0 !important;
      }
    }

    /* ── Alternating side-reveal scroll animation ── */
    .sr-from-left{ transform:translateX(-50px) translateY(20px); }
    .sr-from-right{ transform:translateX(50px) translateY(20px); }
    .sr-from-left.sr-in,
    .sr-from-right.sr-in{ transform:translate(0,0); }

    /* ── Section eyebrows (tiny italic above titles) ── */
    .section-eyebrow{
      display:flex;
      align-items:center;
      gap:14px;
      margin-bottom:8px;
      font-family:"Fraunces","Instrument Serif",Georgia,serif;
      font-style:italic;
      font-weight:400;
      font-size:.95rem;
      color:var(--rib-deep);
      opacity:.78;
      letter-spacing:.01em;
    }
    .section-eyebrow::before,
    .section-eyebrow::after{
      content:"";
      flex:0 0 auto;
      width:24px;
      height:1px;
      background:linear-gradient(90deg,transparent,var(--rib-deep));
    }
    .section-eyebrow::after{
      background:linear-gradient(90deg,var(--rib-deep),transparent);
    }
    /* Center variant for centered sections */
    #spotify-jenny .section-eyebrow,
    #wedding-media .section-eyebrow,
    #closing-note .section-eyebrow{
      justify-content:center;
    }

    /* ── Stats row — premium credibility ── */
    .stats-strip{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:0;
      padding:42px 36px;
      margin:14px auto;
      max-width:96%;
      background:linear-gradient(135deg,
        rgba(255,253,253,1) 0%,
        rgba(247,232,239,.6) 50%,
        rgba(255,239,229,.55) 100%);
      border:1px solid rgba(164,86,99,.14);
      border-radius:20px;
      position:relative;
      overflow:hidden;
    }
    .stats-strip::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 12% 30%, rgba(244,168,190,.4), transparent 38%),
        radial-gradient(circle at 88% 70%, rgba(255,194,166,.32), transparent 42%);
      filter:blur(24px);
      opacity:.7;
      pointer-events:none;
      z-index:0;
    }
    .stat{
      position:relative;
      z-index:1;
      text-align:center;
      padding:0 18px;
      border-right:1px solid rgba(164,86,99,.14);
    }
    .stat:last-child{ border-right:none; }
    .stat-num{
      display:block;
      font-family:"Fraunces","Bodoni Moda",Georgia,serif;
      font-variation-settings:"opsz" 144,"SOFT" 50;
      font-weight:300;
      font-size:clamp(2.6rem,5vw,4.2rem);
      line-height:1;
      letter-spacing:-.03em;
      color:var(--rib-deep);
      font-feature-settings:"ss01" 1,"lnum" 1;
    }
    .stat-num em{
      font-style:italic;
      font-weight:300;
      color:var(--rib-coral);
    }
    .stat-label{
      display:block;
      margin-top:10px;
      font-family:"Manrope",sans-serif;
      font-size:.72rem;
      font-weight:500;
      letter-spacing:.32em;
      text-transform:uppercase;
      color:rgba(20,14,18,.6);
    }
    @media(max-width:760px){
      .stats-strip{
        grid-template-columns:repeat(2,1fr);
        gap:24px 0;
        padding:28px 18px;
      }
      .stat:nth-child(2){ border-right:none; }
      .stat:nth-child(odd){ border-right:1px solid rgba(164,86,99,.14); }
    }

    /* ── Pull quote — italic display drop ── */
    .pull-quote{
      max-width:74%;
      margin:36px auto;
      padding:0 24px;
      font-family:"Fraunces","Instrument Serif",Georgia,serif;
      font-style:italic;
      font-weight:300;
      font-size:clamp(1.7rem,3.4vw,3rem);
      line-height:1.12;
      letter-spacing:-.012em;
      text-align:center;
      color:var(--ink-deep);
      text-wrap:balance;
      position:relative;
    }
    .pull-quote::before,
    .pull-quote::after{
      content:"„";
      font-family:"Fraunces",Georgia,serif;
      font-style:italic;
      font-size:1.6em;
      line-height:0;
      color:var(--rib-deep);
      vertical-align:-.4em;
      margin-right:.06em;
    }
    .pull-quote::after{
      content:"\"";
      vertical-align:-.4em;
      margin-left:.04em;
      margin-right:0;
    }
    .pull-quote-attr{
      display:block;
      margin-top:18px;
      font-family:"Manrope",sans-serif;
      font-style:normal;
      font-size:.72rem;
      font-weight:500;
      letter-spacing:.42em;
      text-transform:uppercase;
      color:rgba(20,14,18,.55);
    }
    .pull-quote-attr::before{
      content:"";
      display:inline-block;
      width:24px;
      height:1px;
      background:var(--rib-deep);
      vertical-align:middle;
      margin-right:14px;
    }

    @media (prefers-reduced-motion: reduce){
      .marquee-track{ animation:none !important; }
    }

    /* ── Remove L-shaped corner brackets on every .card ── */
    .card::before,
    .card::after{ content:none !important; }

    /* ── Video-copy: proper breathing room ── */
    .video-card .video-copy{
      display:flex !important;
      flex-direction:column !important;
      gap:18px !important;
      padding-bottom:8px;
    }
    .video-card .video-copy .section-eyebrow{
      margin-bottom:0 !important;
    }
    .wide-video-card .section-title{
      line-height:1.22 !important;
      letter-spacing:-.005em !important;
      margin:0 !important;
      font-size:clamp(1.5rem,2.4vw,2.3rem) !important;
    }
    .video-card .video-copy p{
      margin:0 !important;
      font-size:1rem !important;
      line-height:1.55 !important;
      color:var(--muted) !important;
    }

    /* ── Video block: flatten — no more box-on-box-on-box ── */
    .video-toolbar{
      background:transparent !important;
      border:none !important;
      padding:14px 0 0 !important;
      box-shadow:none !important;
      display:flex !important;
      flex-wrap:wrap;
      align-items:center;
      gap:10px 16px !important;
    }
    .video-chip{
      background:transparent !important;
      border:none !important;
      padding:0 !important;
      box-shadow:none !important;
      display:inline-flex !important;
      align-items:baseline !important;
      gap:8px !important;
      font-family:"Manrope",sans-serif !important;
    }
    .video-chip > span:first-child{
      font-size:.66rem !important;
      letter-spacing:.32em !important;
      text-transform:uppercase !important;
      color:rgba(20,14,18,.5) !important;
    }
    .video-chip strong{
      font-family:"Fraunces","Instrument Serif",Georgia,serif !important;
      font-style:italic !important;
      font-weight:400 !important;
      font-size:1.1rem !important;
      color:var(--rib-deep) !important;
      letter-spacing:0 !important;
    }
    .video-chip small{ display:none !important; }

    .video-controls,
    .video-actions{
      display:inline-flex !important;
      gap:8px !important;
      background:transparent !important;
      border:none !important;
      padding:0 !important;
    }
    /* Pill buttons → minimal text-style links */
    .video-button{
      background:transparent !important;
      border:1px solid rgba(20,14,18,.14) !important;
      border-radius:0 !important;
      padding:8px 14px !important;
      min-height:32px !important;
      font-size:.62rem !important;
      letter-spacing:.24em !important;
      box-shadow:none !important;
    }
    .video-button:hover{
      background:rgba(247,232,239,.5) !important;
      border-color:var(--rib-deep) !important;
      color:var(--rib-deep) !important;
      box-shadow:none !important;
    }
    .video-button-secondary{ border-color:rgba(20,14,18,.1) !important; }

    .video-embed-note{ display:none !important; }

    .video-caption{
      padding:10px 0 0 !important;
      background:transparent !important;
      border:none !important;
    }
    .video-caption strong{
      display:block;
      font-family:"Fraunces","Instrument Serif",Georgia,serif !important;
      font-style:italic !important;
      font-weight:400 !important;
      font-size:1.4rem !important;
      letter-spacing:-.01em !important;
      color:var(--ink-deep) !important;
      text-transform:none !important;
    }
    .video-caption span{
      display:block;
      margin-top:4px;
      font-family:"Cormorant Garamond",Georgia,serif !important;
      font-size:.95rem !important;
      color:var(--muted) !important;
    }

    /* Notes — flat inline list, no boxes */
    .video-notes{
      display:flex !important;
      flex-direction:column !important;
      gap:6px !important;
      padding:14px 0 0 !important;
      border-top:1px solid rgba(20,14,18,.08);
      margin-top:14px;
    }
    .video-notes > div{
      background:transparent !important;
      border:none !important;
      padding:0 !important;
      box-shadow:none !important;
      font-family:"Cormorant Garamond",Georgia,serif !important;
      font-size:.94rem !important;
      line-height:1.5 !important;
      color:var(--muted) !important;
      position:relative !important;
      padding-left:18px !important;
    }
    .video-notes > div::before{
      content:"·";
      position:absolute;
      left:4px;
      color:var(--rib-deep);
      font-weight:700;
    }

    .video-poster-content strong{
      font-family:"Manrope",sans-serif !important;
      font-size:.62rem !important;
      letter-spacing:.32em !important;
      text-transform:uppercase !important;
    }
    .video-poster-content span{
      font-family:"Cormorant Garamond",Georgia,serif !important;
      font-size:.95rem !important;
    }

:root{
      --oxblood:#6b2333;
      --burgundy:#8a3645;
      --cream-deep:#f9f3ed;
      --ink-cream:#1a1216;
    }

    /* 1. Tighten gap between hero and content ── */
    .content{
      padding:6px 24px 26px !important;
    }
    .content > section.card:first-child,
    .content > section:first-child{
      margin-top:0 !important;
    }
    .hero{ min-height:680px !important; }

    /* 2. Remove asymmetric offsets — clean grid ── */
    .content > section.card,
    .content > .media-grid > article.card,
    .content > .media-grid{
      margin-left:auto !important;
      margin-right:auto !important;
      max-width:1180px;
    }

    /* 3. Body contrast: bigger, darker, more line-height ── */
    .copy,
    .team-note p,
    .team-seo-note p,
    .video-card .video-copy p,
    .closing-seo-note p,
    #kontakt .contact-copy p{
      font-size:1.07rem !important;
      line-height:1.7 !important;
      color:#3a323a !important;
    }
    .copy::first-letter{
      color:var(--oxblood) !important;
    }
    .team-seo-note h3{
      color:var(--oxblood) !important;
    }
    .person-meta strong{
      color:var(--oxblood) !important;
    }

    /* 4. Pull-quote: burgundy panel with big quote glyph ── */
    .pull-quote{
      max-width:88% !important;
      margin:48px auto !important;
      padding:54px 48px 44px !important;
      background:
        linear-gradient(140deg,
          rgba(107,35,51,.04) 0%,
          rgba(138,54,69,.06) 50%,
          rgba(107,35,51,.04) 100%),
        linear-gradient(180deg, var(--cream-deep), #fffefe) !important;
      border-left:3px solid var(--oxblood) !important;
      border-radius:4px 22px 22px 4px !important;
      box-shadow:
        0 14px 32px rgba(107,35,51,.08),
        0 30px 70px rgba(107,35,51,.05);
      color:var(--ink-cream) !important;
      position:relative;
    }
    .pull-quote::before{
      content:"\201E" !important;
      position:absolute !important;
      top:-12px !important;
      left:24px !important;
      font-family:"Fraunces","Bodoni Moda",Georgia,serif !important;
      font-size:9rem !important;
      font-weight:300 !important;
      font-style:italic !important;
      line-height:1 !important;
      color:var(--oxblood) !important;
      opacity:.18 !important;
      vertical-align:initial !important;
      margin:0 !important;
    }
    .pull-quote::after{
      content:none !important;
    }
    .pull-quote-attr{
      color:var(--oxblood) !important;
    }
    .pull-quote-attr::before{
      background:var(--oxblood) !important;
    }

    /* 5. Vary eyebrows — alt simple style for some ── */
    #spotify-jenny .section-eyebrow,
    #wedding-media .section-eyebrow{
      gap:0 !important;
      font-family:"Manrope",sans-serif !important;
      font-style:normal !important;
      font-size:.7rem !important;
      letter-spacing:.42em !important;
      text-transform:uppercase !important;
      color:rgba(20,14,18,.55) !important;
      opacity:1 !important;
    }
    #spotify-jenny .section-eyebrow::before,
    #spotify-jenny .section-eyebrow::after,
    #wedding-media .section-eyebrow::before,
    #wedding-media .section-eyebrow::after{
      display:none !important;
    }

    /* 6. Floating CTA: oxblood for contrast ── */
    #float-cta{
      background:linear-gradient(135deg,
        var(--oxblood) 0%,
        var(--burgundy) 55%,
        var(--oxblood) 100%) !important;
      color:#fff !important;
      box-shadow:
        0 14px 36px rgba(107,35,51,.45),
        0 4px 10px rgba(107,35,51,.32),
        inset 0 1px 0 rgba(255,255,255,.22) !important;
      letter-spacing:.32em !important;
    }
    #float-cta:hover{
      box-shadow:
        0 22px 56px rgba(107,35,51,.6),
        0 8px 18px rgba(107,35,51,.4),
        inset 0 1px 0 rgba(255,255,255,.26) !important;
    }
    @keyframes floatPulseDark{
      0%,100%{ box-shadow:0 14px 36px rgba(107,35,51,.45),0 4px 10px rgba(107,35,51,.32); }
      50%    { box-shadow:0 18px 48px rgba(107,35,51,.6),0 8px 18px rgba(107,35,51,.42); }
    }
    #float-cta.visible{ animation:floatPulseDark 4s ease-in-out infinite !important; }

    /* 7. Person-cards: static index always visible (subtle) ── */
    .person-card .person-idx{
      opacity:.35 !important;
      transform:translateY(0) !important;
      color:var(--oxblood) !important;
    }
    .person-card .person-idx::after{
      transform:scaleX(1) !important;
      background:var(--oxblood) !important;
      width:14px !important;
    }
    .person-card:hover .person-idx{ opacity:.95 !important; }
    .person-card:hover .person-idx::after{ width:24px !important; }

    /* 8. Burgundy accent — buttons & key emphasis ── */
    .button-primary{
      background:var(--oxblood) !important;
      color:#fff !important;
      border-color:var(--oxblood) !important;
    }
    .button-primary:hover{
      background:var(--burgundy) !important;
      border-color:var(--burgundy) !important;
    }
    .closing-seo-note a{
      background:var(--oxblood) !important;
    }
    .closing-seo-note a:hover{
      background:var(--burgundy) !important;
    }
    h2.section-title em,
    h2.section-title i{
      color:var(--oxblood) !important;
    }
    .section-eyebrow{
      color:var(--oxblood) !important;
    }
    .section-eyebrow::before,
    .section-eyebrow::after{
      background:linear-gradient(90deg,transparent,var(--oxblood)) !important;
    }
    .section-eyebrow::after{
      background:linear-gradient(90deg,var(--oxblood),transparent) !important;
    }
    /* Story trio-card title-em already through em rule */

    /* Form-card accent ── */
    .form-card{
      border-color:rgba(107,35,51,.18) !important;
    }
    .form-note::after{ background:var(--oxblood) !important; }

    /* Service block — burgundy bar on hover ── */
    .service:hover::before{ background:var(--oxblood) !important; }

    /* Person-card hover frame — keep, but use oxblood ── */
    .person-card .frame-line.top{
      background:linear-gradient(90deg,transparent,var(--oxblood) 25%,var(--burgundy) 75%,transparent) !important;
    }
    .person-card .frame-line.right{
      background:linear-gradient(180deg,transparent,var(--burgundy) 25%,var(--oxblood) 75%,transparent) !important;
    }

:root{
      --page-blush:rgba(248, 232, 238, 0.24);
      --page-blush-soft:rgba(248, 232, 238, 0.1);
      --card-border-soft:rgba(228, 214, 220, 0.88);
      --card-shadow-soft:0 14px 34px rgba(43, 25, 34, 0.045);
      --copy-soft:#4d454d;
    }

    body{
      background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.96), transparent 24%),
        radial-gradient(circle at 88% 8%, var(--page-blush), transparent 18%),
        linear-gradient(180deg, #fffefe 0%, #fffdfb 48%, #fffdfd 100%) !important;
    }

    body::before{
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 16%),
        radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.46), transparent 12%) !important;
    }

    .page{
      margin:12px auto 28px !important;
    }

    .shell{
      background:rgba(255, 255, 255, 0.96) !important;
      border-color:rgba(32, 18, 24, 0.12) !important;
      box-shadow:
        0 18px 46px rgba(43, 25, 34, 0.05),
        0 0 0 1px rgba(255, 255, 255, 0.96) inset !important;
      backdrop-filter:blur(8px) !important;
    }

    .content{
      padding:2px 20px 24px !important;
    }

    .card{
      border-radius:24px !important;
      border-color:var(--card-border-soft) !important;
      box-shadow:var(--card-shadow-soft) !important;
    }

    .story-card,
    .services-card,
    .gallery-card,
    .video-card,
    .contact-card,
    .trio-card,
    .wide-video-card,
    .closing-seo-note{
      padding:20px !important;
    }

    .stack,
    .trio-grid,
    .media-grid{
      gap:14px !important;
    }

    .hero-copy-box{
      width:min(520px, 100%) !important;
      padding:28px 24px 24px !important;
      background:
        linear-gradient(155deg, rgba(20, 14, 18, 0.42) 0%, rgba(20, 14, 18, 0.16) 100%) !important;
      box-shadow:
        0 18px 38px rgba(20, 14, 18, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
    }

    .hero-kicker{
      font-size:clamp(1.32rem, 2vw, 1.72rem) !important;
      margin-bottom:10px !important;
    }

    .hero-copy-box h1{
      font-size:clamp(2.45rem, 4.1vw, 3.55rem) !important;
      line-height:0.96 !important;
      max-width:9.2ch;
    }

    .hero-copy p{
      margin-top:14px !important;
      font-size:0.94rem !important;
      line-height:1.58 !important;
      max-width:34ch;
    }

    h2.section-title{
      font-size:clamp(1.62rem, 2.35vw, 2.3rem) !important;
      line-height:1.06 !important;
      letter-spacing:0.002em !important;
    }

    .wide-video-card .section-title,
    #kontakt .section-title,
    #wedding-media .section-title{
      font-size:clamp(1.55rem, 2.2vw, 2.2rem) !important;
    }

    .copy,
    .team-note p,
    .team-seo-note p,
    .video-card .video-copy p,
    .closing-seo-note p,
    #kontakt .contact-copy p,
    .media-feature-copy p{
      font-size:0.98rem !important;
      line-height:1.62 !important;
      color:var(--copy-soft) !important;
    }

    .team-note{
      margin:10px 0 18px !important;
      padding:18px 22px 18px 24px !important;
      background:linear-gradient(90deg, var(--page-blush-soft) 0%, transparent 62%) !important;
    }

    .team-seo-note{
      margin-top:18px !important;
      padding:22px 22px 24px !important;
    }

    .team-seo-note h3,
    .media-feature-copy strong{
      font-size:1.22rem !important;
      line-height:1.2 !important;
    }

    .form-card{
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 252, 252, 0.94)) !important;
    }

    .form-note strong{
      font-size:1.34rem !important;
    }

    .contact-form{
      gap:12px !important;
    }

    .field-label,
    .check-group legend{
      font-size:0.62rem !important;
      letter-spacing:0.28em !important;
    }

    .input,
    .contact-form input,
    .contact-form textarea,
    .contact-form select{
      font-size:0.96rem !important;
    }

    .person-card .person-meta span{
      font-size:1rem !important;
    }

    .person-card .person-meta strong{
      font-size:0.7rem !important;
      letter-spacing:0.26em !important;
    }

    @media (max-width: 900px){
      .content{
        padding:0 14px 18px !important;
      }

      .story-card,
      .services-card,
      .gallery-card,
      .video-card,
      .contact-card,
      .trio-card,
      .wide-video-card,
      .closing-seo-note{
        padding:18px !important;
      }

      .hero-copy-box h1{
        font-size:clamp(2.1rem, 8vw, 3rem) !important;
        max-width:unset;
      }

      h2.section-title,
      .wide-video-card .section-title,
      #kontakt .section-title,
      #wedding-media .section-title{
        font-size:clamp(1.5rem, 6.5vw, 2.05rem) !important;
      }
    }

:root{
      --bg: #fdfbf8;
      --paper: rgba(255, 252, 248, 0.94);
      --paper-solid: #fffdfa;
      --rose-soft: #f6efea;
      --shadow: 0 18px 44px rgba(55, 28, 40, 0.06);
    }

    body{
      background:
        radial-gradient(circle at top left, var(--paper-solid), transparent 24%),
        radial-gradient(circle at 84% 10%, var(--rose-soft), transparent 16%),
        linear-gradient(180deg, var(--bg) 0%, var(--paper-solid) 52%, var(--bg) 100%) !important;
    }

    body::before{
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 14%),
        radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.52), transparent 10%) !important;
    }

    .shell{
      background: var(--paper) !important;
      box-shadow:
        var(--shadow),
        0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
    }

    .content{
      padding: 4px 24px 22px !important;
    }

    .card{
      border-radius: 22px !important;
      box-shadow: 0 12px 28px rgba(47, 24, 35, 0.04) !important;
    }

    .hero-copy-box,
    .story-card,
    .services-card,
    .team-editorial,
    .team-seo-note,
    .contact-card,
    .form-card,
    .pull-quote{
      padding: 26px 24px !important;
    }

    .story-card,
    .services-card,
    .contact-card{
      gap: 18px !important;
    }

    .services-list{
      gap: 10px !important;
    }

    .service{
      padding: 18px 18px 18px 26px !important;
    }

    .person-card,
    .testimonial-card,
    .contact-chip{
      box-shadow: 0 10px 24px rgba(47, 24, 35, 0.04) !important;
    }

    h1{
      font-size: clamp(2rem, 3.2vw, 2.72rem) !important;
      line-height: 1.04 !important;
    }

    .hero-copy-box h1{
      font-size: clamp(2.18rem, 3.4vw, 2.92rem) !important;
      line-height: 1 !important;
      max-width: 8.8ch !important;
    }

    h2.section-title,
    #kontakt .section-title{
      font-size: clamp(1.72rem, 2.5vw, 2.42rem) !important;
      line-height: 1.04 !important;
    }

    .hero-kicker{
      font-size: clamp(1.34rem, 2.1vw, 1.78rem) !important;
      line-height: 1.02 !important;
    }

    .copy,
    .hero-copy p,
    .service p,
    .panel-copy p,
    .contact-copy p,
    .team-note p,
    .team-seo-note p,
    .closing-seo-note p,
    #kontakt .contact-copy p{
      font-size: 0.98rem !important;
      line-height: 1.62 !important;
    }

    .quote{
      font-size: 1.38rem !important;
      line-height: 1.1 !important;
    }

    .wide-video-card,
    .closing-seo-note,
    .gallery-card,
    .video-card{
      padding: 22px 20px !important;
    }

/* ── 1) Сделать розовый фон ещё легче ────────────────────── */
    :root{
      --page-blush:rgba(248, 232, 238, 0.08) !important;
      --page-blush-soft:rgba(248, 232, 238, 0.04) !important;
      --rose-soft:#fbf6f2 !important;          /* почти кремовый, без розового */
      --m-rose-soft:rgba(232,155,176,.04) !important;
      --m-gold-soft:rgba(201,153,77,.04) !important;
    }

    body{
      background:
        radial-gradient(circle at top left, #ffffff, transparent 22%),
        radial-gradient(circle at 88% 8%, rgba(248, 232, 238, 0.08), transparent 14%),
        linear-gradient(180deg, #fffefd 0%, #fffdfb 50%, #fffefd 100%) !important;
    }

    body::before{
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 12%),
        radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.5), transparent 10%) !important;
      opacity:.6 !important;
    }

    .m-mesh{
      opacity:.4 !important;
    }

    /* ── 2) Hero h1 — починить обрезание «Deutschlandweit» ───── */
    .hero-copy-box h1{
      font-size:clamp(1.85rem, 2.7vw, 2.42rem) !important;
      line-height:1.02 !important;
      max-width:14ch !important;
      letter-spacing:-.018em !important;
    }

    .hero-copy-box{
      width:min(560px, 100%) !important;
      padding:24px 22px 22px !important;
      background:
        linear-gradient(155deg, rgba(20, 14, 18, 0.34) 0%, rgba(20, 14, 18, 0.10) 100%) !important;
    }

    .hero-kicker{
      font-size:clamp(1.05rem, 1.5vw, 1.32rem) !important;
      margin-bottom:8px !important;
    }

    .hero-copy p{
      font-size:.92rem !important;
      line-height:1.55 !important;
      margin-top:12px !important;
      max-width:36ch !important;
    }

    /* ── 3) Уменьшить заголовки секций и Kontakt ─────────────── */
    h2.section-title,
    .wide-video-card .section-title,
    #kontakt .section-title,
    #wedding-media .section-title{
      font-size:clamp(1.42rem, 1.95vw, 1.95rem) !important;
      line-height:1.06 !important;
      letter-spacing:-.005em !important;
    }

    /* ── 4) Уменьшить body-text и копи ───────────────────────── */
    .copy,
    .hero-copy p,
    .service p,
    .panel-copy p,
    .contact-copy p,
    .team-note p,
    .team-seo-note p,
    .closing-seo-note p,
    #kontakt .contact-copy p,
    .media-feature-copy p,
    .video-card .video-copy p{
      font-size:.92rem !important;
      line-height:1.6 !important;
    }

    /* ── 5) Сжать карточки и контактный блок ─────────────────── */
    .card{
      border-radius:20px !important;
      box-shadow:0 10px 24px rgba(47, 24, 35, 0.035) !important;
    }

    .story-card,
    .services-card,
    .gallery-card,
    .video-card,
    .contact-card,
    .trio-card,
    .wide-video-card,
    .closing-seo-note,
    .team-editorial,
    .team-seo-note,
    .form-card,
    .pull-quote{
      padding:20px 22px !important;
    }

    .story-card,
    .services-card,
    .contact-card{
      gap:14px !important;
    }

    .contact-card .contact-copy{
      gap:10px !important;
    }

    /* ── 6) Форма Kontakt — компактнее ───────────────────────── */
    .form-card{
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(255, 253, 252, 0.96)) !important;
    }

    .contact-form{
      gap:10px !important;
    }

    .input,
    .contact-form input,
    .contact-form textarea,
    .contact-form select{
      font-size:.92rem !important;
      padding:10px 14px !important;
    }

    .field-label,
    .check-group legend{
      font-size:.6rem !important;
      letter-spacing:.26em !important;
    }

    .form-note strong{
      font-size:1.18rem !important;
    }

    /* ── 7) Pull-quote и марки — без розовой подложки ────────── */
    .marquee{
      background:linear-gradient(180deg,
        rgba(255,253,253,.4),
        rgba(252,247,250,.36),
        rgba(255,253,253,.4)) !important;
      mix-blend-mode:normal !important;
    }

    .team-note{
      background:linear-gradient(90deg, rgba(248, 232, 238, 0.05) 0%, transparent 60%) !important;
    }

    /* ── 8) Mobile — ещё компактнее ──────────────────────────── */
    @media (max-width: 900px){
      .hero-copy-box h1{
        font-size:clamp(1.7rem, 6.5vw, 2.4rem) !important;
        max-width:unset !important;
      }
      h2.section-title,
      .wide-video-card .section-title,
      #kontakt .section-title,
      #wedding-media .section-title{
        font-size:clamp(1.32rem, 5.6vw, 1.78rem) !important;
      }
      .story-card,
      .services-card,
      .gallery-card,
      .video-card,
      .contact-card,
      .trio-card,
      .wide-video-card,
      .closing-seo-note,
      .form-card{
        padding:16px 16px !important;
      }
    }

:root{
      --page-blush:rgba(245, 242, 238, 0.04) !important;
      --page-blush-soft:rgba(245, 242, 238, 0.025) !important;
      --rose-soft:#f8f5f1 !important;
      --paper:rgba(255, 253, 250, 0.96) !important;
      --paper-solid:#fffdfa !important;
    }

    body{
      background:
        radial-gradient(circle at top left, #ffffff, transparent 22%),
        radial-gradient(circle at 84% 10%, rgba(245, 242, 238, 0.05), transparent 14%),
        linear-gradient(180deg, #fffefd 0%, #fffdfa 48%, #fffefd 100%) !important;
    }

    body::before{
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 12%),
        radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.44), transparent 10%) !important;
      opacity:.42 !important;
    }

    .shell,
    .card,
    .closing-seo-note,
    .form-card,
    .media-editorial,
    .team-seo-note{
      background:var(--paper-solid) !important;
    }

    .team-note{
      background:linear-gradient(90deg, rgba(245, 242, 238, 0.06) 0%, transparent 58%) !important;
    }

    .marquee{
      background:linear-gradient(180deg,
        rgba(255, 254, 252, 0.38),
        rgba(250, 248, 245, 0.28),
        rgba(255, 254, 252, 0.38)) !important;
    }

    .hero-copy-box{
      background:
        linear-gradient(155deg, rgba(20, 14, 18, 0.36) 0%, rgba(20, 14, 18, 0.12) 100%) !important;
    }

    .form-card{
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 252, 248, 0.97)) !important;
    }

    .m-mesh,
    .m-spark.r,
    .m-line-rose{
      opacity:.12 !important;
    }

    .media-editorial-grid::-webkit-scrollbar-thumb{
      background:rgba(190, 182, 176, 0.45) !important;
    }

.pretty-amp{
      display:inline-block;
      margin:0 0.04em;
      font-family:"Bodoni Moda","Cormorant Garamond","Instrument Serif",serif !important;
      font-style:italic;
      font-weight:600;
      letter-spacing:-0.04em;
      line-height:0.92;
      transform:translateY(0.02em) scale(1.02);
      transform-origin:center;
      text-rendering:geometricPrecision;
      -webkit-font-smoothing:antialiased;
    }

/* ─────────────────────────────────────────────────────────────
       1) РОЗОВЫЙ ФОН — максимально приглушить
       ───────────────────────────────────────────────────────────── */
    :root{
      --page-blush:rgba(248, 232, 238, 0.03) !important;
      --page-blush-soft:rgba(248, 232, 238, 0.015) !important;
      --m-rose-soft:rgba(232,155,176,.025) !important;
      --m-gold-soft:rgba(201,153,77,.02) !important;
    }

    /* Body — почти белый, едва тёплый */
    body{
      background:
        linear-gradient(180deg, #fffefd 0%, #fffefe 50%, #fffefd 100%) !important;
    }
    body::before{ display:none !important; }
    .m-mesh{ opacity:.18 !important; }

    /* Scroll-progress bar в самом верху — нейтральный и тонкий */
    #m-progress{
      background:linear-gradient(90deg,
        rgba(0,0,0,0),
        rgba(150,140,150,.45),
        rgba(120,110,120,.6),
        rgba(150,140,150,.45),
        rgba(0,0,0,0)) !important;
      height:1px !important;
      opacity:.55 !important;
    }

    /* Кастомный розовый курсор — нейтрализовать */
    .m-cur-dot{ background:rgba(60,50,55,.55) !important; }
    .m-cur-ring{ border-color:rgba(60,50,55,.18) !important; }

    /* Розовое сияние за карточками персон — почти убрать */
    .person-card .photo-bloom{
      opacity:.18 !important;
      background:radial-gradient(ellipse at center,
        rgba(244,168,190,.22),
        rgba(232,155,176,.10) 40%,
        transparent 75%) !important;
    }
    .person-card:hover .photo-bloom{ opacity:.32 !important; }

    /* Marquee-лента между секциями — серый/кремовый, без розового */
    .marquee{
      background:linear-gradient(180deg,
        rgba(255,253,253,.6),
        rgba(250,247,245,.5),
        rgba(255,253,253,.6)) !important;
      border-top-color:rgba(40,28,35,.06) !important;
      border-bottom-color:rgba(40,28,35,.06) !important;
      mix-blend-mode:normal !important;
      opacity:.85 !important;
    }
    .marquee-item{ color:rgba(60,45,55,.5) !important; }
    .marquee-item::after{ color:rgba(120,90,95,.35) !important; }

    /* Pull-quote — без розовой подложки */
    .pull-quote{
      background:linear-gradient(180deg, #fffdfb, #fffdfb) !important;
      border-color:rgba(40,28,35,.08) !important;
    }

    /* ─────────────────────────────────────────────────────────────
       2) ШРИФТЫ — нормализация
       Мелкие → чуть больше · крупные → чуть меньше
       ───────────────────────────────────────────────────────────── */

    /* — Слишком крупные → уменьшаем — */

    /* Pull-quote: 48px → ~28-30px */
    .pull-quote{
      font-size:clamp(1.32rem, 1.95vw, 1.75rem) !important;
      line-height:1.32 !important;
      padding:24px 26px !important;
    }
    .pull-quote-attr{
      font-size:.7rem !important;
      letter-spacing:.22em !important;
    }

    /* Бренд-логотип в шапке: 40px → 30px */
    .brand-name{
      font-size:1.78rem !important;
      line-height:1 !important;
    }

    /* Hero h1: 38.7 → 35px */
    .hero-copy-box h1{
      font-size:clamp(1.7rem, 2.45vw, 2.2rem) !important;
    }

    /* Hero kicker: 21px → 17.5px */
    .hero-kicker{
      font-size:clamp(.95rem, 1.3vw, 1.15rem) !important;
    }

    /* Section titles: 28 → 25-26px */
    h2.section-title,
    .wide-video-card .section-title,
    #kontakt .section-title,
    #wedding-media .section-title,
    .spotify-jenny .section-title,
    .services-card .section-title,
    .story-card .section-title{
      font-size:clamp(1.32rem, 1.8vw, 1.78rem) !important;
      line-height:1.08 !important;
    }

    /* Video caption strong: 22 → 19 */
    .video-caption strong{
      font-size:1.18rem !important;
      line-height:1.18 !important;
    }

    /* — Слишком мелкие → увеличиваем — */

    /* Body copy: 14.72px (.92rem) → 15.5px (.97rem) */
    .copy,
    .hero-copy p,
    .service p,
    .panel-copy p,
    .contact-copy p,
    .team-note p,
    .team-seo-note p,
    .closing-seo-note p,
    #kontakt .contact-copy p,
    .media-feature-copy p,
    .video-card .video-copy p,
    .video-toolbar .video-chip small{
      font-size:.97rem !important;
      line-height:1.62 !important;
    }

    /* Section eyebrow / video notes / video caption span */
    .section-eyebrow,
    .video-notes div,
    .video-caption span{
      font-size:.92rem !important;
      letter-spacing:.02em !important;
    }

    /* Video embed note: 13 → 14.5 */
    .video-embed-note{
      font-size:.91rem !important;
      line-height:1.5 !important;
    }

    /* Form note "Anfrage senden": 18.88 → 17 (это меньше т.к. не h2) */
    .form-note strong{
      font-size:1.06rem !important;
      letter-spacing:.04em !important;
    }

    /* team-seo-note h3 / media-feature-copy strong: 19.5 → 17 */
    .team-seo-note h3,
    .media-feature-copy strong{
      font-size:1.06rem !important;
      line-height:1.22 !important;
    }

    /* Кнопки видео-плеера: 9.92 → 12px */
    .video-button{
      font-size:.75rem !important;
      letter-spacing:.18em !important;
      padding:9px 14px !important;
    }
    .video-toolbar .video-chip strong{
      font-size:1rem !important;
    }

    /* Контакт-чипы (email/web): 11.5 → 13.5 */
    .contact-chip{
      font-size:.84rem !important;
      letter-spacing:.18em !important;
      padding:11px 18px !important;
    }

    /* Person meta strong (Moderator & Sänger): 11.2 → 12.5 */
    .trio-card .person-meta strong,
    .person-card .person-meta strong{
      font-size:.78rem !important;
      letter-spacing:.22em !important;
    }
    .trio-card .person-meta span,
    .person-card .person-meta span{
      font-size:1rem !important;
    }

    /* Field labels формы: 9.6 → 11.5 */
    .field-label,
    .check-group legend{
      font-size:.72rem !important;
      letter-spacing:.22em !important;
    }

    /* Inputs формы: 14.7 → 15.5 */
    .input,
    .contact-form input,
    .contact-form textarea,
    .contact-form select{
      font-size:.97rem !important;
    }

    /* Brand subtitle: 9.28 → 11 */
    .brand-subtitle{
      font-size:.69rem !important;
      letter-spacing:.18em !important;
    }

    /* Главная навигация: 10.56 → 12.5 */
    .masthead nav a,
    .masthead .nav-cluster a{
      font-size:.78rem !important;
      letter-spacing:.18em !important;
    }

    /* Float CTA: 10.88 → 13 */
    #float-cta{
      font-size:.81rem !important;
      letter-spacing:.16em !important;
      padding:14px 22px !important;
    }

    /* ─────────────────────────────────────────────────────────────
       3) Mobile корректировки
       ───────────────────────────────────────────────────────────── */
    @media (max-width:900px){
      .pull-quote{
        font-size:clamp(1.18rem, 4.5vw, 1.5rem) !important;
        padding:20px 18px !important;
      }
      .hero-copy-box h1{
        font-size:clamp(1.55rem, 6vw, 2.1rem) !important;
      }
      h2.section-title,
      .wide-video-card .section-title,
      #kontakt .section-title,
      #wedding-media .section-title{
        font-size:clamp(1.2rem, 5vw, 1.55rem) !important;
      }
      .copy,
      .hero-copy p,
      #kontakt .contact-copy p,
      .closing-seo-note p{
        font-size:.96rem !important;
      }
    }

/* Финальная зачистка остатков розового — буквы (em-акценты) остаются */
    :root{
      --bg:#ffffff !important;
      --paper:#ffffff !important;
      --paper-solid:#ffffff !important;
      --rose-soft:#f9f8f6 !important;        /* нейтральный кремовый */
      --page-blush:transparent !important;
      --page-blush-soft:transparent !important;
      --m-rose-soft:transparent !important;
      --m-gold-soft:transparent !important;
    }

    body{ background:#ffffff !important; }
    body::before, .m-mesh{ display:none !important; }

    /* Сияние за карточками персон — выключить совсем */
    .person-card .photo-bloom,
    .person-card:hover .photo-bloom{ display:none !important; }

    /* Карточки — чисто-белая бумага */
    .card,
    .story-card,
    .services-card,
    .gallery-card,
    .video-card,
    .contact-card,
    .trio-card,
    .wide-video-card,
    .closing-seo-note,
    .team-editorial,
    .team-seo-note,
    .form-card,
    .pull-quote,
    .media-editorial,
    .person-card,
    .media-feature{
      background:#ffffff !important;
      border-color:rgba(40,28,35,.08) !important;
    }

    /* Shell страницы */
    .shell{ background:#ffffff !important; }

    /* Полупрозрачные кнопки тоже без розовинки */
    .button.button-secondary,
    a.button-secondary{
      background:rgba(245,242,238,.6) !important;
      border-color:rgba(40,28,35,.15) !important;
    }

    /* Inputs — чисто-белые */
    .input,
    .contact-form input,
    .contact-form textarea,
    .contact-form select{
      background:#ffffff !important;
    }

    /* Логотип в шапке */
    .brand{
      display:block !important;
    }
    .brand-logo{
      display:block;
      width:clamp(132px, 10.5vw, 176px);
      height:auto;
      background:transparent;
      border:0;
      border-radius:0;
      box-shadow:none;
      filter:
        drop-shadow(0 2px 1px rgba(255,255,255,.35))
        drop-shadow(0 8px 24px rgba(56, 36, 48, .16));
    }

    @media (max-width: 900px){
      .brand-logo{
        width:124px;
        filter:
          drop-shadow(0 2px 2px rgba(255,255,255,.42))
          drop-shadow(0 10px 26px rgba(56, 36, 48, .24));
      }
    }

    /* Marquee — нейтральный беж */
    .marquee{
      background:#fafaf8 !important;
      opacity:.7 !important;
    }

    /* ─── YouTube Shorts inline (вертикальный, 9:16) ─────────── */
    .video-stage{
      display:grid;
      gap:14px;
      grid-template-columns:1fr;
    }
    @media (min-width: 720px){
      .video-stage{
        grid-template-columns:220px minmax(0, 1fr);
        align-items:start;
      }
      .video-stage .shorts-frame{ order:1; }
      .video-stage .video-frame{ order:2; }
      .shorts-frame{
        width:220px;
        max-width:220px;
        margin:0;
        justify-self:start;
      }
    }
    @media (min-width: 980px){
      .video-stage{
        grid-template-columns:300px minmax(0, 1fr);
        align-items:stretch;
      }
      .video-stage .shorts-frame{ order:1; }
      .video-stage .video-frame{ order:2; }
      .shorts-frame{
        width:100%;
        max-width:none;
        justify-self:stretch;
      }
    }

    .shorts-frame{
      position:relative;
      border-radius:16px;
      overflow:hidden;
      background:#000;
      box-shadow:0 10px 26px rgba(43,25,34,.06);
    }
    .shorts-frame.is-playing .shorts-poster{ display:none !important; }
    .shorts-frame .yt-inline-iframe{
      width:100%;
      aspect-ratio:9 / 16;
      border:0;
      padding:0;
      display:block;
      background:#000;
    }

    .shorts-poster{
      position:relative;
      display:block;
      aspect-ratio:9 / 16;
      width:100%;
      background-size:cover;
      background-position:center;
      border:0;
      padding:0;
      font:inherit;
      color:#fff;
      text-decoration:none;
      cursor:pointer;
      overflow:hidden;
      transition:transform .35s cubic-bezier(.22,1,.36,1);
    }
    .shorts-poster:hover{ transform:scale(1.02); }
    .shorts-poster .shorts-play{
      position:absolute;
      top:50%; left:50%;
      transform:translate(-50%,-50%);
      transition:transform .25s ease;
    }
    .shorts-poster:hover .shorts-play{ transform:translate(-50%,-50%) scale(1.08); }

    .shorts-badge{
      position:absolute;
      top:10px; left:10px;
      background:rgba(255,255,255,.92);
      color:#1a1418;
      font-size:.66rem;
      font-weight:600;
      letter-spacing:.18em;
      text-transform:uppercase;
      padding:5px 10px;
      border-radius:999px;
      backdrop-filter:blur(6px);
    }
    .shorts-poster-copy{
      position:absolute;
      left:12px; right:12px; bottom:12px;
      display:flex;
      flex-direction:column;
      gap:3px;
      text-align:left;
    }
    .shorts-poster-copy strong{
      font-size:.78rem;
      letter-spacing:.16em;
      text-transform:uppercase;
      font-weight:600;
    }
    .shorts-poster-copy span{
      font-size:.78rem;
      line-height:1.32;
      opacity:.86;
    }

    @media (max-width: 979px){
      .shorts-frame{ max-width:220px; margin:0 auto; }
    }
    @media (max-width: 719px){
      .shorts-frame{ max-width:280px; }
    }

    /* Shorts навигация (стрелки + счётчик) */
    .shorts-nav{
      position:absolute;
      top:10px; right:10px;
      z-index:3;
      display:flex;
      align-items:center;
      gap:2px;
      background:rgba(0,0,0,.5);
      backdrop-filter:blur(8px);
      -webkit-backdrop-filter:blur(8px);
      border-radius:999px;
      padding:3px 4px;
    }
    .shorts-frame.is-playing .shorts-nav{
      top:auto; right:10px; bottom:10px;
    }
    .shorts-nav-btn{
      width:24px; height:24px;
      background:rgba(255,255,255,.18);
      border:1px solid rgba(255,255,255,.25);
      color:#fff;
      border-radius:50%;
      cursor:pointer;
      font-size:14px;
      line-height:1;
      padding:0;
      display:flex;
      align-items:center;
      justify-content:center;
      transition:background .18s ease, transform .18s ease;
    }
    .shorts-nav-btn:hover{
      background:rgba(255,255,255,.32);
      transform:scale(1.05);
    }
    .shorts-counter{
      color:#fff;
      font-size:.62rem;
      letter-spacing:.1em;
      padding:0 6px;
      font-variant-numeric:tabular-nums;
      white-space:nowrap;
    }

/* Снижение остатков розового в фонах ещё на 50%.
       em-акценты на словах (DJ, Sängerin, Bayern...) НЕ ТРОГАЕМ — это бренд. */

    /* Hero-copy-box: тёмная плашка теплее/нейтральнее (меньше розово-серого) */
    .hero-copy-box{
      background:linear-gradient(155deg, rgba(20, 18, 22, 0.42) 0%, rgba(20, 18, 22, 0.10) 100%) !important;
    }

    /* Marquee — почти прозрачный беж */
    .marquee{
      background:rgba(252, 251, 249, 0.5) !important;
      opacity:.4 !important;
      border-top-color:rgba(40,28,35,.04) !important;
      border-bottom-color:rgba(40,28,35,.04) !important;
    }
    .marquee-item{ color:rgba(80,70,75,.42) !important; }
    .marquee-item::after{ color:rgba(120,100,105,.25) !important; }

    /* Pull-quote — чисто-белый, без розовой тени */
    .pull-quote{
      background:#ffffff !important;
      border-color:rgba(40,28,35,.06) !important;
      box-shadow:0 8px 22px rgba(40,28,35,.03) !important;
    }

    /* Tonus — любые residual розовые токены гасим до almost transparent */
    :root{
      --rib-rose:rgba(232,155,176,.5) !important;
      --rib-rose-bright:rgba(244,168,190,.5) !important;
      --rib-coral:rgba(240,168,157,.5) !important;
    }

    /* Person-card бордер — нейтральный (был с розоватым tint) */
    .person-card{
      border-color:rgba(40,28,35,.07) !important;
    }

    /* Контактная карточка — без какого-либо розового tint */
    .contact-card,
    .form-card{
      background:#ffffff !important;
    }

    /* Form labels — мягче бордовый, не розовый */
    .field-label,
    .check-group legend{
      color:rgba(110,80,90,.85) !important;
    }

    /* Декоративный ribbon в самой шапке (текст «ATELIER FOR ...») — убираем */
    .shell::before{ content:none !important; display:none !important; }

:root{
      --page-roman: "Noto Serif", "Times New Roman", Georgia, serif;
      --page-italic: "Cormorant Garamond", "Instrument Serif", Georgia, serif;
    }

    body,
    p,
    li,
    dt,
    dd,
    blockquote,
    figcaption,
    label,
    legend,
    input,
    textarea,
    select,
    button,
    a,
    span,
    small,
    strong,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .copy,
    .hero-kicker,
    .hero-copy-box h1,
    .section-title,
    .pull-quote,
    .video-caption strong,
    .video-caption span,
    .video-notes div,
    .section-eyebrow,
    .menu a,
    .mini-label,
    .tag,
    .field-label,
    .check-group legend,
    .team-seo-note h3,
    .media-feature-copy strong,
    .person-meta strong,
    .form-note strong,
    .brand-subtitle,
    .shorts-counter{
      font-family: var(--page-roman) !important;
      font-style: normal !important;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .hero-kicker,
    .hero-copy-box h1,
    .section-title,
    .pull-quote,
    .video-caption strong,
    .team-seo-note h3,
    .media-feature-copy strong,
    .person-meta strong,
    .form-note strong{
      font-weight: 300 !important;
      letter-spacing: -0.012em !important;
    }

    h2.section-title,
    .wide-video-card .section-title,
    #kontakt .section-title,
    #wedding-media .section-title,
    .spotify-jenny .section-title,
    .services-card .section-title,
    .story-card .section-title,
    .team-seo-note h3{
      font-family: var(--page-roman) !important;
      font-style: normal !important;
      font-weight: 300 !important;
      letter-spacing: -0.012em !important;
    }

    .hero-copy-box h1{
      font-family: var(--page-roman) !important;
      font-style: normal !important;
      font-weight: 300 !important;
      letter-spacing: -0.014em !important;
      line-height: 0.98 !important;
      font-variation-settings: normal !important;
    }

    p,
    li,
    dt,
    dd,
    blockquote,
    figcaption,
    label,
    legend,
    input,
    textarea,
    select,
    button,
    a,
    span,
    small,
    strong,
    .copy,
    .video-caption span,
    .video-notes div,
    .field-label,
    .brand-subtitle,
    .shorts-counter{
      font-weight: 300 !important;
      letter-spacing: 0 !important;
    }

    em,
    i,
    h1 em,
    h1 i,
    h2 em,
    h2 i,
    h3 em,
    h3 i,
    h4 em,
    h4 i,
    h5 em,
    h5 i,
    h6 em,
    h6 i,
    p em,
    p i,
    li em,
    li i,
    blockquote em,
    blockquote i,
    .hero-kicker em,
    .hero-copy-box h1 em,
    .section-title em,
    .pull-quote em,
    .video-caption em,
    .media-feature-copy em,
    .team-seo-note em,
    .brand-subtitle em{
      font-family: var(--page-italic) !important;
      font-style: italic !important;
      font-weight: 300 !important;
      letter-spacing: 0 !important;
    }

    .hero-copy-box h1 em,
    .hero-copy-box h1 i{
      font-family: var(--page-italic) !important;
      font-style: italic !important;
      font-weight: 300 !important;
      letter-spacing: -0.01em !important;
      font-variation-settings: normal !important;
    }

    h2.section-title em,
    h2.section-title i,
    .wide-video-card .section-title em,
    .wide-video-card .section-title i,
    #kontakt .section-title em,
    #kontakt .section-title i,
    #wedding-media .section-title em,
    #wedding-media .section-title i,
    .spotify-jenny .section-title em,
    .spotify-jenny .section-title i,
    .services-card .section-title em,
    .services-card .section-title i,
    .story-card .section-title em,
    .story-card .section-title i,
    .team-seo-note h3 em,
    .team-seo-note h3 i{
      font-family: var(--page-italic) !important;
      font-style: italic !important;
      font-weight: 300 !important;
    }

.masthead{
      align-items:flex-start !important;
      padding:34px 36px 0 !important;
    }

    .brand{
      flex:0 0 auto !important;
      align-self:flex-start !important;
    }

    .brand-logo{
      width:148px !important;
      max-width:none !important;
      height:auto !important;
      object-fit:contain;
      object-position:left top;
      transform-origin:left top;
      margin-top:0 !important;
    }

    .masthead-nav{
      padding-top:10px !important;
      gap:10px !important;
    }

    .social-menu{
      gap:10px !important;
    }

    .social-menu a{
      min-height:34px !important;
      padding:0 14px !important;
      border-radius:6px !important;
      background:rgba(255,255,255,.08) !important;
      border:1px solid rgba(255,255,255,.20) !important;
      backdrop-filter:blur(6px) !important;
      letter-spacing:.16em !important;
    }

    .social-menu a.is-accent{
      background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.08)) !important;
      border-color:rgba(255,255,255,.24) !important;
    }

    @media (max-width: 760px){
      .masthead{
        padding:24px 18px 0 !important;
      }

      .brand-logo{
        width:124px !important;
      }

      .masthead-nav{
        padding-top:8px !important;
      }

      .social-menu a{
        min-height:32px !important;
        padding:0 12px !important;
        border-radius:6px !important;
      }
    }

.team-seo-note--with-photo,
    #spotify-jenny .team-note--feature{
      display:grid !important;
      grid-template-columns:minmax(0, 1.12fr) minmax(260px, 0.88fr) !important;
      align-items:center !important;
      gap:24px !important;
      max-width:none !important;
    }

    .editorial-copy{
      display:grid;
      gap:12px;
    }

    .editorial-copy > *{
      margin-top:0 !important;
      margin-bottom:0 !important;
    }

    .section-photo,
    .contact-editorial-photo{
      margin:0;
      overflow:hidden;
      border-radius:20px;
      border:1px solid rgba(224, 211, 216, 0.84);
      background:#f8f2ef;
      box-shadow:0 16px 34px rgba(53, 28, 39, 0.08);
    }

    .section-photo img,
    .contact-editorial-photo img{
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .section-photo img{
      aspect-ratio:4 / 5;
    }

    .section-photo-story{
      background:#f6efe9;
      margin:0;
      aspect-ratio:5 / 3;
    }
    .section-photo-story img{
      object-fit:cover !important;
      aspect-ratio:5 / 3 !important;
      object-position:center;
    }

    #spotify-jenny .spotify-flex{
      display:flex;
      flex-direction:row;
      justify-content:center;
      align-items:center;
      gap:28px;
      padding:8px;
    }
    #spotify-jenny figure.section-photo{
      width:240px;
      flex:0 0 240px;
      margin:0;
      aspect-ratio:2 / 3;
      transition:transform 550ms cubic-bezier(.22,1,.36,1), box-shadow 550ms ease;
    }
    #spotify-jenny .spotify-content{
      flex:1 1 auto;
      min-width:0;
      align-self:center;
    }
    #spotify-jenny .spotify-content .section-title{
      font-size:1.55rem;
      line-height:1.2;
      margin-bottom:14px;
    }
    #spotify-jenny .spotify-content p{
      margin-bottom:12px;
    }
    #spotify-jenny .spotify-content p.copy{
      font-style:italic;
      color:var(--copy-soft, #4d3b40);
    }
    #spotify-jenny .spotify-duo{
      display:grid;
      grid-template-columns:259px 259px;
      gap:16px;
      margin-top:10px;
      max-width:534px;
      align-items:center;
    }
    #spotify-jenny .spotify-song-card,
    #spotify-jenny .spotify-legacy-wrap{
      width:259px;
    }
    #spotify-jenny .spotify-song-card{
      min-height:85px;
      padding:10px 12px;
      border:1px solid rgba(122, 72, 86, 0.16);
      border-radius:18px;
      box-shadow:0 10px 24px rgba(64, 36, 45, 0.08);
      background:
        radial-gradient(circle at top right, rgba(229, 182, 138, 0.28), transparent 40%),
        linear-gradient(145deg, rgba(116, 36, 63, 0.96), rgba(170, 79, 110, 0.92));
      color:#fff8fb;
      display:grid;
      grid-template-columns:56px minmax(0, 1fr);
      gap:10px;
      align-items:center;
      text-decoration:none;
      transition:transform 220ms ease, box-shadow 220ms ease;
    }
    #spotify-jenny .spotify-song-card:hover,
    #spotify-jenny .spotify-song-card:focus-visible{
      transform:translateY(-2px);
      box-shadow:0 16px 30px rgba(64, 36, 45, 0.12);
    }
    #spotify-jenny .spotify-song-card-cover{
      width:56px;
      height:56px;
      border-radius:12px;
      object-fit:cover;
      object-position:center;
      box-shadow:0 10px 20px rgba(35, 17, 24, 0.2);
    }
    #spotify-jenny .spotify-song-card-copy{
      min-width:0;
      display:grid;
      gap:2px;
    }
    #spotify-jenny .spotify-song-card-copy strong,
    #spotify-jenny .spotify-song-card-copy span,
    #spotify-jenny .spotify-song-card-copy em{
      display:block;
      min-width:0;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    #spotify-jenny .spotify-song-card-copy strong{
      font-family:var(--font-display);
      font-size:0.88rem;
      line-height:1.05;
      color:#fff9fb;
    }
    #spotify-jenny .spotify-song-card-copy span{
      font-size:0.6rem;
      letter-spacing:0.04em;
      color:rgba(255, 245, 248, 0.82);
    }
    #spotify-jenny .spotify-song-card-copy em{
      display:inline-flex;
      align-items:center;
      gap:4px;
      font-style:normal;
      font-size:0.58rem;
      letter-spacing:0.14em;
      text-transform:uppercase;
      color:#ffe7d1;
      margin-top:4px;
    }
    #spotify-jenny .spotify-brand-icon{
      width:10px;
      height:10px;
      flex:0 0 10px;
      fill:currentColor;
    }
    #spotify-jenny .spotify-legacy-wrap{
      position:relative;
      display:grid;
      justify-items:center;
    }
    #spotify-jenny .spotify-legacy-label{
      margin:0;
      position:absolute;
      top:-11px;
      left:50%;
      transform:translateX(-50%);
      z-index:1;
      padding:2px 6px;
      border-radius:2px;
      background:rgba(216, 216, 192, 0.88);
      color:#778294;
      font-size:0.66rem;
      line-height:1;
      letter-spacing:0.01em;
      white-space:nowrap;
    }
    #spotify-jenny .spotify-legacy-embed{
      box-sizing:border-box;
      width:259px;
      height:85px;
      border-radius:18px;
      overflow:hidden;
      background:
        radial-gradient(circle at top right, rgba(255, 255, 255, 0.08), transparent 34%),
        linear-gradient(180deg, #677489, #5c687c);
      border:1px solid rgba(122, 72, 86, 0.14);
      box-shadow:0 10px 24px rgba(64, 36, 45, 0.08);
    }
    #spotify-jenny .spotify-player-shell{
      box-sizing:border-box;
      position:relative;
      display:grid;
      grid-template-columns:44px minmax(0, 1fr);
      gap:8px;
      align-items:center;
      padding:7px 10px;
      color:#eef3fb;
    }
    #spotify-jenny .spotify-player-cover{
      width:44px;
      height:44px;
      border-radius:10px;
      object-fit:cover;
      object-position:center;
      box-shadow:0 10px 20px rgba(13, 20, 35, 0.28);
    }
    #spotify-jenny .spotify-player-body{
      min-width:0;
      display:grid;
      gap:2px;
    }
    #spotify-jenny .spotify-player-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:8px;
    }
    #spotify-jenny .spotify-active-title{
      margin:0;
      min-width:0;
      font-family:var(--font-display);
      font-size:0.68rem;
      line-height:1;
      color:#f7fbff;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    #spotify-jenny .spotify-track-counter{
      flex:0 0 auto;
      font-size:0.47rem;
      line-height:1;
      color:rgba(233, 240, 252, 0.72);
      padding-top:1px;
      white-space:nowrap;
    }
    #spotify-jenny .spotify-active-artist{
      margin:0;
      min-width:0;
      font-size:0.47rem;
      line-height:1;
      color:rgba(233, 240, 252, 0.76);
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    #spotify-jenny .spotify-seek{
      display:block;
      box-sizing:border-box;
      width:100%;
      margin:0;
      appearance:none;
      -webkit-appearance:none;
      min-height:6px;
      height:6px;
      max-height:6px;
      padding:0;
      border:0;
      outline:none;
      background:transparent;
      cursor:pointer;
    }
    #spotify-jenny .spotify-seek::-webkit-slider-runnable-track{
      height:1px;
      border-radius:999px;
      background:
        linear-gradient(90deg, #e6b562 0%, #cf5c84 var(--spotify-progress, 0%), rgba(238, 243, 251, 0.2) var(--spotify-progress, 0%), rgba(238, 243, 251, 0.2) 100%);
    }
    #spotify-jenny .spotify-seek::-webkit-slider-thumb{
      -webkit-appearance:none;
      width:7px;
      height:7px;
      margin-top:-3px;
      border-radius:50%;
      background:#fffaf7;
      border:1px solid #cf5c84;
      box-shadow:0 1px 4px rgba(13, 20, 35, 0.18);
    }
    #spotify-jenny .spotify-seek::-moz-range-progress{
      height:1px;
      border-radius:999px;
      background:#cf5c84;
    }
    #spotify-jenny .spotify-seek::-moz-range-thumb{
      width:7px;
      height:7px;
      border-radius:50%;
      background:#fffaf7;
      border:1px solid #cf5c84;
      box-shadow:0 1px 4px rgba(13, 20, 35, 0.18);
    }
    #spotify-jenny .spotify-seek::-moz-range-track{
      height:1px;
      border:none;
      border-radius:999px;
      background:rgba(238, 243, 251, 0.2);
    }
    #spotify-jenny .spotify-player-controls{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:4px;
    }
    #spotify-jenny .spotify-control-cluster{
      display:flex;
      align-items:center;
      gap:3px;
    }
    #spotify-jenny .spotify-nav-button,
    #spotify-jenny .spotify-open-link{
      border:0;
      border-radius:999px;
      background:rgba(244, 248, 255, 0.16);
      color:#f6f9ff;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      transition:transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
    }
    #spotify-jenny .spotify-nav-button{
      width:18px;
      height:18px;
      padding:0;
      cursor:pointer;
      font-size:0.46rem;
      line-height:1;
    }
    #spotify-jenny .spotify-nav-button:hover,
    #spotify-jenny .spotify-nav-button:focus-visible,
    #spotify-jenny .spotify-open-link:hover,
    #spotify-jenny .spotify-open-link:focus-visible{
      transform:translateY(-1px);
      background:rgba(244, 248, 255, 0.26);
      box-shadow:0 8px 16px rgba(13, 20, 35, 0.2);
    }
    #spotify-jenny .spotify-nav-button.is-primary{
      background:linear-gradient(135deg, rgba(228, 167, 96, 0.96), rgba(206, 92, 132, 0.96));
      color:#fffdfa;
    }
    #spotify-jenny .spotify-nav-button.is-stop{
      font-size:0.5rem;
    }
    #spotify-jenny .spotify-open-link{
      min-height:18px;
      padding:0 5px;
      text-decoration:none;
      font-size:0.39rem;
      letter-spacing:0.12em;
      text-transform:uppercase;
      white-space:nowrap;
      gap:3px;
    }
    #spotify-jenny .spotify-player-status{
      position:absolute;
      width:1px;
      height:1px;
      padding:0;
      margin:-1px;
      overflow:hidden;
      clip:rect(0, 0, 0, 0);
      white-space:nowrap;
      border:0;
    }
    @media (max-width: 760px){
      #spotify-jenny .team-note--feature{
        grid-template-columns:1fr !important;
      }
      #spotify-jenny figure.section-photo{
        margin:0 auto;
      }
      #spotify-jenny .spotify-duo{
        grid-template-columns:259px;
        max-width:259px;
        justify-content:center;
      }
    }
    #spotify-jenny figure.section-photo img{
      aspect-ratio:2 / 3 !important;
      object-fit:cover !important;
      object-position:center top;
      transition:transform 750ms cubic-bezier(.22,1,.36,1), filter 600ms ease;
    }
    #spotify-jenny figure.section-photo:hover{
      transform:translateY(-4px);
      box-shadow:0 28px 58px rgba(53,28,39,.14);
    }
    #spotify-jenny figure.section-photo:hover img{
      transform:scale(1.04);
    }

    .section-photo-story{
      transition:transform 550ms cubic-bezier(.22,1,.36,1), box-shadow 550ms ease;
    }
    .section-photo-story img{
      transition:transform 750ms cubic-bezier(.22,1,.36,1), filter 600ms ease;
    }
    .section-photo-story:hover{
      transform:translateY(-4px);
      box-shadow:0 28px 58px rgba(53,28,39,.14);
    }
    .section-photo-story:hover img{
      transform:scale(1.04) !important;
    }

    #spotify-jenny .team-note--feature{
      text-align:left !important;
      background:linear-gradient(135deg, rgba(248, 238, 242, 0.46) 0%, rgba(255, 255, 255, 0.82) 100%) !important;
      padding:24px !important;
    }

    #spotify-jenny .team-note--feature p:first-child::before{
      display:none !important;
    }

    .contact-editorial-photo{
      margin-top:24px;
    }

    .contact-editorial-photo img{
      aspect-ratio:16 / 8.5;
      object-position:center;
    }

    .closing-related-links{
      gap:10px 16px !important;
    }

    .closing-related-links a{
      padding:0 0 2px !important;
      border:none !important;
      border-radius:0 !important;
      background:none !important;
      color:rgba(58, 44, 51, 0.84) !important;
      text-decoration:none !important;
      text-transform:uppercase;
      letter-spacing:0.12em !important;
      box-shadow:none !important;
      border-bottom:1px solid rgba(58, 44, 51, 0.18) !important;
    }

    .closing-related-links a:hover{
      color:var(--ink-deep) !important;
      border-bottom-color:rgba(58, 44, 51, 0.42) !important;
      transform:none !important;
      box-shadow:none !important;
    }

    @media (max-width: 600px){
      .team-seo-note--with-photo,
      #spotify-jenny .team-note--feature{
        grid-template-columns:1fr !important;
      }

      .section-photo{
        order:-1;
      }
    }

    /* ── Единая ширина всех блоков как у #closing-note (96%) — центрирование ── */
    .content > section.card,
    .content > section.card:nth-of-type(2n),
    .content > section.card:nth-of-type(2n+1),
    .content > .media-grid,
    .content > .media-grid > article.card:nth-of-type(2n),
    .content > .media-grid > article.card:nth-of-type(2n+1){
      max-width:96% !important;
      margin-left:auto !important;
      margin-right:auto !important;
    }

    /* ── Меньше свободного поля по бокам ── */
    .content{
      padding-left:8px !important;
      padding-right:8px !important;
    }

    /* ── Главный видео iframe: 16:9 ── */
    #video .video-frame .yt-inline-iframe{
      aspect-ratio:16/9 !important;
      min-height:0 !important;
      width:100% !important;
      display:block;
      border:0;
    }

    /* ── Shorts iframe: 9:16, минимальная высота ── */
    .shorts-frame .yt-inline-iframe{
      aspect-ratio:9/16 !important;
      width:100% !important;
      min-height:400px;
      display:block;
      border:0;
    }

    /* ── Hochzeitsmomente: grid — равномерное заполнение блока ── */
    .media-editorial-grid{
      display:grid !important;
      grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)) !important;
      gap:28px !important;
      overflow:visible !important;
      overflow-x:visible !important;
      scroll-snap-type:none !important;
      cursor:default !important;
      padding-left:0 !important;
      padding-right:0 !important;
    }
    .media-feature{
      flex:none !important;
      width:auto !important;
      max-width:none !important;
    }

html{
      scroll-behavior:auto !important;
    }

    body > .page{
      width:100% !important;
      max-width:none !important;
      margin:0 0 24px !important;
      border-radius:16px !important;
      box-shadow:none !important;
    }

    body > .page > .shell,
    .shell{
      border-radius:16px !important;
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
    }

    .sr,
    .sr.sr-in{
      opacity:1 !important;
      transform:none !important;
      transition:none !important;
    }

    .hero-media img,
    .hero-kicker,
    .hero-copy-box h1,
    .hero-copy p,
    .hero-actions,
    .hero-copy-box::before,
    #float-cta.visible{
      animation:none !important;
    }

    .m-mesh,
    .m-lines,
    .m-sparks,
    .m-grain,
    .m-cur-dot,
    .m-cur-ring,
    .m-progress{
      display:none !important;
    }

    .hero-copy-box,
    .masthead-nav,
    .form-card,
    .pull-quote,
    .social-menu a,
    .social-menu a.is-accent,
    .team-note--feature,
    .contact-editorial-photo,
    .section-photo,
    .contact-chip{
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
      filter:none !important;
    }

    .person-card,
    .media-feature,
    .editorial-image,
    [class*="-image"],
    [class*="media-frame"],
    [class*="card-image"],
    a[class*="cta"],
    button[class*="submit"],
    button[class*="cta"],
    .editorial-cta,
    [class*="-button"],
    [class*="-btn"]{
      transition:none !important;
      will-change:auto !important;
      transform:none !important;
      box-shadow:none !important;
    }

    @media (max-width: 760px){
      body > .page{
        margin:0 0 18px !important;
        border-radius:12px !important;
      }

      body > .page > .shell,
      .shell{
        border-radius:12px !important;
      }
    }

    /* header-unify-pass */
    body > .page,
    body > .page > .shell,
    .shell,
    .masthead{
      border-top-left-radius:0 !important;
      border-top-right-radius:0 !important;
    }

    .brand{
      display:block !important;
      gap:0 !important;
    }

    .brand-mark,
    .brand-text{
      display:none !important;
    }

    .brand-logo{
      display:block !important;
      width:clamp(132px, 10.5vw, 176px);
      height:auto;
      background:transparent;
      border:0;
      border-radius:0;
      box-shadow:none;
      filter:
        drop-shadow(0 2px 1px rgba(255,255,255,.35))
        drop-shadow(0 8px 24px rgba(56, 36, 48, .16));
    }

    @media (max-width: 760px){
      .brand-logo{
        width:124px;
        filter:
          drop-shadow(0 2px 2px rgba(255,255,255,.42))
          drop-shadow(0 10px 26px rgba(56, 36, 48, .24));
      }
    }

.video-frame .yt-inline-iframe{
      width:100%;
      aspect-ratio:16 / 9;
      border:0;
      display:block;
      border-radius:inherit;
      background:#000;
      max-width:none;
    }
    .shorts-frame .yt-inline-iframe{
      width:100%;
      aspect-ratio:9 / 16;
      border:0;
      display:block;
      background:#000;
      max-width:none;
    }

html,
    body{
      max-width:100% !important;
      overflow-x:hidden !important;
    }

    .page,
    .shell{
      max-width:100% !important;
      overflow-x:hidden !important;
    }

    .migration-page-intro,
    .migration-page-intro *{
      min-width:0 !important;
      box-sizing:border-box !important;
    }

    .migration-page-intro{
      overflow:hidden !important;
    }

    .migration-page-intro .trio-intro{
      display:block !important;
      grid-template-columns:1fr !important;
      width:100% !important;
      max-width:100% !important;
    }

    .migration-page-intro .section-title,
    .migration-page-intro p{
      max-width:100% !important;
      overflow-wrap:anywhere !important;
      word-break:normal !important;
      hyphens:auto !important;
    }

    .migration-page-intro--compact{
      position:relative;
      padding-bottom:clamp(26px, 4vw, 48px) !important;
      background:
        linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.9) 58%, rgba(255,255,255,1) 100%) !important;
    }

    .migration-page-intro--compact::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-1px;
      height:44%;
      pointer-events:none;
      background:linear-gradient(180deg, rgba(255,255,255,0), #fff 82%);
      border-radius:inherit;
    }

    .migration-page-intro--compact > *{
      position:relative;
      z-index:1;
    }

    .migration-trust-list{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:14px;
      list-style:none;
      margin:clamp(20px, 3vw, 34px) 0 0;
      padding:0;
    }

    .migration-trust-list li{
      border:1px solid rgba(125,37,61,.12);
      border-radius:18px;
      background:rgba(255,255,255,.72);
      padding:18px 18px 16px;
      box-shadow:0 18px 44px rgba(69,38,46,.06);
    }

    .migration-trust-list strong{
      display:block;
      margin-bottom:8px;
      color:#7d253d;
      font-family:var(--font-ui);
      font-size:.72rem;
      letter-spacing:.15em;
      text-transform:uppercase;
    }

    .migration-trust-list span{
      display:block;
      color:rgba(45,38,38,.72);
      font-size:.98rem;
      line-height:1.58;
    }

    .migration-long-copy .team-note{
      margin-top:clamp(20px, 3vw, 32px);
    }

    .migration-long-copy details{
      margin-top:18px;
      border-top:1px solid rgba(125,37,61,.16);
      padding-top:18px;
    }

    .migration-long-copy summary{
      cursor:pointer;
      display:inline-flex;
      align-items:center;
      gap:10px;
      color:#7d253d;
      font-family:var(--font-ui);
      font-size:.76rem;
      font-weight:700;
      letter-spacing:.16em;
      text-transform:uppercase;
    }

    .migration-long-copy summary::before{
      content:"+";
      display:inline-grid;
      place-items:center;
      width:24px;
      height:24px;
      border-radius:999px;
      background:#7d253d;
      color:#fff;
      letter-spacing:0;
    }

    .migration-long-copy details[open] summary::before{
      content:"−";
    }

    .gsc-intent-note{
      margin:22px 0 6px;
      padding:18px 20px;
      border-left:2px solid rgba(125,37,61,.28);
      background:linear-gradient(90deg, rgba(125,37,61,.055), rgba(255,255,255,.72));
      border-radius:0 18px 18px 0;
    }

    .gsc-intent-note p{
      margin:0 0 10px;
      color:rgba(45,38,38,.72);
      font-family:var(--font-ui);
      font-size:.72rem;
      letter-spacing:.1em;
      text-transform:uppercase;
    }

    .gsc-intent-note ul{
      display:flex;
      flex-wrap:wrap;
      gap:8px 14px;
      margin:0;
      padding:0;
      list-style:none;
    }

    .gsc-intent-note li{
      color:rgba(45,38,38,.74);
      font-size:.92rem;
      line-height:1.45;
    }

    @media (max-width: 900px){
      .hero-inner{
        padding-left:18px !important;
        padding-right:18px !important;
        overflow:hidden !important;
      }

      .hero-copy{
        width:100% !important;
        max-width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
      }

      .hero-copy-box{
        width:calc(100vw - 56px) !important;
        max-width:calc(100vw - 56px) !important;
        padding-left:22px !important;
        padding-right:22px !important;
      }

      .hero-copy-box h1{
        width:100% !important;
        max-width:100% !important;
        font-size:clamp(1.44rem, 6.2vw, 1.72rem) !important;
        line-height:1.04 !important;
        text-wrap:normal !important;
        overflow-wrap:anywhere !important;
        hyphens:auto !important;
      }

      .migration-page-intro{
        width:100% !important;
        max-width:100% !important;
        overflow:hidden !important;
        box-sizing:border-box !important;
      }

      .content{
        width:100% !important;
        max-width:100% !important;
        padding-left:12px !important;
        padding-right:12px !important;
        overflow-x:hidden !important;
        box-sizing:border-box !important;
      }

      .content > section.card,
      .content > section.card:nth-of-type(2n),
      .content > section.card:nth-of-type(2n+1){
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
      }

      .migration-page-intro,
      .migration-page-intro *,
      .migration-page-intro .trio-intro,
      .migration-page-intro .team-note{
        min-width:0 !important;
      }

      .migration-page-intro .section-title{
        width:100% !important;
        max-width:calc(100vw - 84px) !important;
        font-size:clamp(1.2rem, 5.3vw, 1.45rem) !important;
        line-height:1.08 !important;
        text-wrap:normal !important;
        overflow-wrap:anywhere !important;
        hyphens:auto !important;
      }

      .migration-page-intro p{
        max-width:calc(100vw - 84px) !important;
        overflow-wrap:anywhere !important;
        hyphens:auto !important;
      }

      .migration-trust-list p,
      .migration-trust-list span{
        max-width:100% !important;
      }

      .migration-trust-list{
        grid-template-columns:1fr;
      }
    }

@media (max-width: 760px){
      body{
        background:#fff !important;
      }

      body > .page{
        width:100% !important;
        margin:0 !important;
        border-radius:0 !important;
      }

      .shell{
        border-radius:0 !important;
      }

      .masthead{
        position:relative !important;
        display:grid !important;
        justify-items:center !important;
        gap:10px !important;
        padding:12px 16px 14px !important;
        background:
          linear-gradient(180deg, rgba(32,24,29,.9), rgba(32,24,29,.76)) !important;
        border-bottom:1px solid rgba(255,255,255,.16) !important;
      }

      .brand{
        width:100% !important;
        display:grid !important;
        justify-items:center !important;
      }

      .brand-logo{
        width:104px !important;
        max-width:38vw !important;
        filter:drop-shadow(0 4px 18px rgba(255, 211, 224, .32)) !important;
      }

      .masthead-nav{
        width:100% !important;
        display:grid !important;
        justify-items:center !important;
        gap:9px !important;
      }

      .menu,
      .social-menu{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        flex-wrap:wrap !important;
        gap:8px 14px !important;
      }

      .masthead nav a,
      .masthead .nav-cluster a,
      .social-menu a,
      .social-menu a.is-accent{
        min-height:38px !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        color:rgba(255,255,255,.94) !important;
        text-shadow:none !important;
        font-size:.72rem !important;
        line-height:1 !important;
        letter-spacing:.13em !important;
      }

      .social-menu a,
      .social-menu a.is-accent{
        min-width:118px !important;
        padding:0 14px !important;
        border:1px solid rgba(255,255,255,.28) !important;
        background:rgba(255,255,255,.12) !important;
        border-radius:4px !important;
      }

      .social-menu a:nth-child(n+3){
        display:none !important;
      }

      .hero{
        min-height:auto !important;
      }

      .hero-media,
      .hero-overlay{
        min-height:580px !important;
      }

      .hero-media img{
        object-position:center 30% !important;
      }

      .hero-overlay{
        background:
          linear-gradient(180deg, rgba(13,9,12,.22) 0%, rgba(13,9,12,.28) 42%, rgba(13,9,12,.56) 100%),
          linear-gradient(90deg, rgba(13,9,12,.32), rgba(13,9,12,.06)) !important;
      }

      .hero-inner{
        min-height:580px !important;
        padding:24px 18px 24px !important;
        align-items:end !important;
        overflow:visible !important;
      }

      .hero-copy{
        width:100% !important;
        max-width:none !important;
        padding:0 !important;
        overflow:visible !important;
      }

      .hero-copy-box{
        width:100% !important;
        max-width:100% !important;
        padding:24px 22px 22px !important;
        overflow:visible !important;
        background:linear-gradient(155deg, rgba(20,14,18,.58), rgba(20,14,18,.24)) !important;
        border-color:rgba(255,255,255,.26) !important;
      }

      .hero-copy-box h1{
        max-width:100% !important;
        font-size:clamp(1.7rem, 7.6vw, 2.12rem) !important;
        line-height:1.05 !important;
        letter-spacing:0 !important;
        overflow-wrap:normal !important;
        hyphens:none !important;
      }

      .hero-kicker{
        font-size:clamp(1rem, 4.7vw, 1.22rem) !important;
        line-height:1.2 !important;
        margin-bottom:10px !important;
      }

      .hero-copy p{
        max-width:100% !important;
        margin-top:12px !important;
        font-size:.96rem !important;
        line-height:1.48 !important;
      }

      .hero-actions{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
        margin-top:18px !important;
      }

      .hero-actions .button{
        width:100% !important;
        min-height:48px !important;
        padding:0 16px !important;
        font-size:.72rem !important;
        letter-spacing:.14em !important;
      }

      .content{
        padding-top:22px !important;
      }
    }

@media (max-width: 760px){
      .masthead nav a,
      .masthead .nav-cluster a,
      .social-menu a,
      .social-menu a.is-accent{
        min-height:44px !important;
        padding-left:8px !important;
        padding-right:8px !important;
      }

      .social-menu a,
      .social-menu a.is-accent{
        min-width:124px !important;
      }

      #spotify-jenny .spotify-flex{
        flex-direction:column !important;
        align-items:stretch !important;
        gap:18px !important;
        padding:0 !important;
      }

      #spotify-jenny figure.section-photo{
        width:min(100%, 280px) !important;
        flex:none !important;
        margin:0 auto !important;
      }

      #spotify-jenny .spotify-content{
        width:100% !important;
      }

      #spotify-jenny .spotify-duo{
        grid-template-columns:1fr !important;
        width:100% !important;
        max-width:320px !important;
        margin:18px auto 0 !important;
        justify-items:stretch !important;
      }

      #spotify-jenny .spotify-song-card,
      #spotify-jenny .spotify-legacy-wrap,
      #spotify-jenny .spotify-legacy-embed{
        width:100% !important;
        max-width:100% !important;
      }

      #spotify-jenny .spotify-song-card{
        min-height:96px !important;
      }

      #spotify-jenny .spotify-legacy-embed{
        height:auto !important;
        min-height:154px !important;
      }

      #spotify-jenny .spotify-player-shell{
        grid-template-columns:56px minmax(0, 1fr) !important;
        gap:10px !important;
        padding:12px !important;
      }

      #spotify-jenny .spotify-player-cover{
        width:56px !important;
        height:56px !important;
      }

      #spotify-jenny .spotify-player-body{
        gap:6px !important;
      }

      #spotify-jenny .spotify-seek{
        min-height:44px !important;
        height:44px !important;
        max-height:none !important;
        margin:-10px 0 !important;
      }

      #spotify-jenny .spotify-player-controls,
      #spotify-jenny .spotify-control-cluster{
        gap:8px !important;
      }

      #spotify-jenny .spotify-player-controls{
        flex-wrap:wrap !important;
      }

      #spotify-jenny .spotify-nav-button{
        width:44px !important;
        height:44px !important;
        font-size:.82rem !important;
      }

      #spotify-jenny .spotify-open-link{
        min-height:44px !important;
        padding:0 12px !important;
        font-size:.62rem !important;
      }

      .shorts-nav-btn{
        width:44px !important;
        height:44px !important;
      }

      .video-button,
      .video-button-secondary{
        min-height:44px !important;
      }

      #video,
      #video .video-stage,
      #video .video-frame,
      #video .video-poster,
      #video .video-poster-content,
      #video .video-poster-copy{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
      }

      #video .video-poster-copy span{
        max-width:100% !important;
      }

      .migration-long-copy summary,
      .footer-link-cloud a,
      .footer-links a,
      .closing-related-links a{
        min-height:44px !important;
        min-width:44px !important;
        display:inline-flex !important;
        align-items:center !important;
      }

      #kontakt a[href^="tel:"],
      #kontakt a[href^="mailto:"]{
        min-height:44px !important;
        display:inline-flex !important;
        align-items:center !important;
      }

      #float-cta{
        min-height:48px !important;
      }
    }