/* Selected Work / MICE cards — extracted from page inline styles */
:root {
                --_colors---swatch--black: #161616;
                --_colors---swatch--grey: grey;
                --_colors---swatch--white: white;
                --_colors---swatch--off-white: #fffef7;
                --_colors---swatch--creme: #faf4ec;
                --_colors---swatch--taupe: #eae4d8;
                --_colors---brand-colors--red: #1e3162;
                --_colors---brand-colors--red-300: #424f72;
                --_colors---brand-colors--red-400: #424f72;
                --_colors---brand-colors--blue: #1bb0bb;
                --_colors---brand-colors--blue-400: #50c8ff;
                --_colors---brand-colors--blue-500: #169da7;
                --_colors---brand-colors--green: #a6d6d9;
                --_colors---brand-colors--green-200: #aaf0d0;
                --_colors---brand-colors--green-300: #8dcbcf;
                --_colors---brand-colors--pink: #fcb8fa;
                --_colors---brand-colors--pink-100: #ffe8ff;
                --_colors---brand-colors--pink-200: #fdd0fe;
                --_theme---background: var(--_colors---swatch--creme);
                --_theme---body-text: var(--_colors---swatch--black);
                --_theme---button-text: var(--_colors---swatch--off-white);
                --_theme---button-bg: var(--_colors---brand-colors--red);
                --_theme---button-icon-bg: var(--_colors---swatch--white);
                --_theme---button-icon: var(--_colors---swatch--black);
                --_theme---label-bg: white;
                --_theme---accent-2: var(--_colors---swatch--taupe);
                --_theme---accent-1: white;
                --_theme---card-outline: white;
                --_theme---heading: var(--_colors---swatch--black);
                --_theme---border: var(--_colors---swatch--grey);
                --_theme---cursor-select-bg: var(--_colors---swatch--black);
                --_theme---cursor-select-text: var(--_colors---swatch--white);
                --_theme---button-outline: var(--_colors---swatch--black);
                --_layout---radius--border-radius-small: 1.25em;
                --_layout---radius--border-radius-medium: 2em;
                --_layout---radius--border-radius-large: 2.5em;
                --_layout---padding-global--page-padding: 2.5em;
                --_sizes---size--32px: 2em;
                --_sizes---size--96px: 6em;
                --_sizes---size--128px: 8em;
                --_fonts---fonts--heading: Inter, sans-serif;
                --_fonts---fonts--paragraph: Inter, sans-serif;
                --_fonts---font-weight--normal: 400;
                --_fonts---font-weight--medium: 500;
                --_fonts---font-weight--semi-bold: 600;
                --_headings---heading-xxl--font: var(--_fonts---fonts--heading);
                --_headings---heading-xxl--font-size: var(--_sizes---size--128px);
                --_headings---heading-xxl--line-height: .95em;
                --_headings---heading-xxl--font-weight: var(--_fonts---font-weight--semi-bold);
                --_headings---heading-xxl--letter-spacing: -.05em;
                --_headings---heading-xs--font: var(--_fonts---fonts--heading);
                --_headings---heading-xs--font-size: var(--_sizes---size--32px);
                --_headings---heading-xs--line-height: 1.1em;
                --_headings---heading-xs--font-weight: var(--_fonts---font-weight--semi-bold);
                --_headings---heading-xs--letter-spacing: -.03em;
                --_paragraphs---paragraph-l--font: var(--_fonts---fonts--paragraph);
                --_paragraphs---paragraph-l--font-size: 2em;
                --_paragraphs---paragraph-l--line-height: 1.3em;
                --_paragraphs---paragraph-l--font-weight: var(--_fonts---font-weight--semi-bold);
                --_paragraphs---paragraph-l--letter-spacing: -.03em;
                --_paragraphs---paragraph-m--font: var(--_fonts---fonts--paragraph);
                --_paragraphs---paragraph-m--font-size: 1.5em;
                --_paragraphs---paragraph-m--line-height: 1.3em;
                --_paragraphs---paragraph-m--font-weight: var(--_fonts---font-weight--semi-bold);
                --_paragraphs---paragraph-m--letter-spacing: -.03em;
                --_paragraphs---paragraph-regular--font: var(--_fonts---fonts--paragraph);
                --_paragraphs---paragraph-regular--font-size: 1.25em;
                --_paragraphs---paragraph-regular--line-height: 1.4em;
                --_paragraphs---paragraph-regular--font-weight: var(--_fonts---font-weight--medium);
                --_paragraphs---paragraph-regular--letter-spacing: -.03em;
            }

            .paragraph-m {
                font-family: var(--_paragraphs---paragraph-m--font);
                font-size: var(--_paragraphs---paragraph-m--font-size);
                line-height: var(--_paragraphs---paragraph-m--line-height);
                font-weight: var(--_paragraphs---paragraph-regular--font-weight);
                letter-spacing: var(--_paragraphs---paragraph-m--letter-spacing)
            }

            .w-condition-invisible {
                display: none !important
            }

            .video {
                object-fit: cover;
                width: 100%;
                height: 100%;
                padding: 0;
                position: absolute;
                inset: 0%
            }

            .padding-global {
                width: 100%;
                padding-right: var(--_layout---padding-global--page-padding);
                padding-left: var(--_layout---padding-global--page-padding)
            }

            .container-col-12 {
                width: 100%;
                max-width: 120em
            }

            .container-col-10 {
                width: 100%;
                max-width: 83.3333%
            }

            .max-width-col-06 {
                width: 100%;
                max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/12)*6)
            }

            .section-padding-96px {
                padding-top: var(--_sizes---size--96px);
                padding-bottom: var(--_sizes---size--96px)
            }

            @media screen and (max-width:991px) {
                .padding-global {
                    padding-left: 2em;
                    padding-right: 2em
                }
            }

            @media screen and (max-width:991px) {
                .max-width-col-06 {
                    max-width: calc(((100vw - var(--_layout---padding-global--page-padding))/8)*6)
                }
            }

            @media screen and (max-width:767px) {
                .padding-global {
                    padding-left: 1.5em;
                    padding-right: 1.5em
                }
            }

            @media screen and (max-width:767px) {
                .container-col-10 {
                    max-width: 100%
                }
            }

            @media screen and (max-width:767px) {
                .max-width-col-06 {
                    max-width: 100%
                }
            }

            @media screen and (max-width:479px) {
                .padding-global {
                    padding-left: 1.25em;
                    padding-right: 1.25em
                }
            }

            .sw_wrapper {
                grid-column-gap: 3em;
                grid-row-gap: 3em;
                flex-flow: column;
                display: flex
            }

            .sw-list {
                grid-column-gap: 6.5em;
                grid-row-gap: 6.5em;
                justify-content: center;
                padding-left: 5em;
                padding-right: 5em;
                display: flex
            }

            .sw-item {
                background-color: #0000;
                overflow: visible;
                will-change: transform
            }

            .sw-card {
                aspect-ratio: 14.8/19.18;
                border-radius: var(--_layout---radius--border-radius-large);
                background-color: var(--_colors---swatch--white);
                pointer-events: auto;
                width: 30em;
                padding: 8px;
                position: relative;
                overflow: hidden;
                display: block;
                color: var(--_colors---swatch--white);
                transition: transform .4s cubic-bezier(.25, 1, .5, 1)
            }

            .sw-card:hover {
                transform: rotate(-2deg) scale(1.02)
            }

            .sw-card_video {
                border-top-left-radius: var(--_layout---radius--border-radius-medium);
                border-top-right-radius: var(--_layout---radius--border-radius-medium);
                border-bottom-left-radius: var(--_layout---radius--border-radius-medium);
                border-bottom-right-radius: var(--_layout---radius--border-radius-medium);
                width: calc(100% - 16px);
                height: calc(100% - 16px);
                position: absolute;
                overflow: hidden
            }

            .video-card_placeholder {
                object-fit: cover;
                width: 100%;
                height: 100%
            }

            .video-card_video {
                opacity: 0;
                object-fit: cover;
                width: 100%;
                height: 100%;
                padding: 0;
                transition: opacity .2s;
                position: absolute;
                inset: 0
            }

            [data-video-on-hover="active"] .video-card_video {
                opacity: 1
            }

            .sw-card_wrap {
                z-index: 2;
                position: absolute;
                inset: auto 2em 2em
            }

            .sw-card_content {
                z-index: 0;
                grid-column-gap: 1em;
                grid-row-gap: 1em;
                border-bottom-left-radius: var(--_layout---radius--border-radius-small);
                border-bottom-right-radius: var(--_layout---radius--border-radius-small);
                background-color: var(--_colors---swatch--white);
                color: var(--_colors---swatch--white);
                flex-flow: column;
                justify-content: flex-start;
                align-items: flex-start;
                padding-bottom: 1em;
                padding-left: 1em;
                padding-right: 1em;
                display: flex;
                position: relative
            }

            .label {
                background-color: var(--_theme---label-bg);
                border-radius: .5em;
                justify-content: center;
                align-items: center;
                height: 3em;
                padding-left: .75em;
                padding-right: .75em;
                display: flex
            }

            .label.is-sw {
                transform-origin: 0%;
                transform: scale(.8)
            }

            .sw-card_shape {
                z-index: -1;
                position: absolute;
                inset: 0% 0% auto;
                transform: translateY(-5em)
            }

            .work-card_icon {
                background-color: var(--_colors---swatch--black);
                width: 3.5em;
                height: 3.5em;
                color: var(--_colors---swatch--white);
                border-radius: 100vw;
                justify-content: flex-end;
                align-items: center;
                display: flex;
                position: absolute;
                inset: .5em .5em auto auto;
                overflow: hidden;
                transform: rotate(-45deg)
            }

            .work-card_icon-wrap {
                flex: none;
                justify-content: center;
                align-items: center;
                width: 100%;
                height: 100%;
                display: flex
            }

            .work-card_icon-svg {
                justify-content: center;
                align-items: center;
                height: 1.25em;
                margin-bottom: 1px;
                margin-left: 1px;
                display: flex
            }

            .sw-css {
                display: none
            }

            @media screen and (max-width:991px) {
                .sw-list {
                    grid-column-gap: 1.5em;
                    grid-row-gap: 1.5em;
                    padding-left: 0;
                    padding-right: 0
                }
            }

            @media screen and (max-width:991px) {
                .sw-item {
                    width: 100%
                }
            }

            @media screen and (max-width:991px) {
                .sw-card {
                    border-radius: var(--_layout---radius--border-radius-medium);
                    width: 100%;
                    padding: 6px
                }
            }

            @media screen and (max-width:991px) {
                .sw-card_video {
                    border-radius: 1.5em;
                    width: calc(100% - 12px);
                    height: calc(100% - 12px)
                }
            }

            @media screen and (max-width:991px) {
                .sw-card_wrap {
                    bottom: 1.25em;
                    left: 1.25em;
                    right: 1.25em
                }
            }

            @media screen and (max-width:991px) {
                .sw-card_content {
                    grid-column-gap: .5em;
                    grid-row-gap: .5em;
                    padding-bottom: .75em;
                    padding-left: .75em;
                    padding-right: .75em
                }
            }

            @media screen and (max-width:991px) {
                .sw-card_shape {
                    transform: translateY(-3.5em)
                }
            }

            @media screen and (max-width:991px) {
                .work-card_icon {
                    width: 2.5em;
                    height: 2.5em
                }
            }

            @media screen and (max-width:767px) {
                .sw-list {
                    grid-column-gap: 1em;
                    grid-row-gap: 1em
                }
            }

            @media screen and (max-width:767px) {
                .sw-card {
                    padding: 4px
                }
            }

            @media screen and (max-width:767px) {
                .sw-card_video {
                    width: calc(100% - 8px);
                    height: calc(100% - 8px)
                }
            }

            @media screen and (max-width:767px) {
                .sw-card_wrap {
                    bottom: 1em;
                    left: 1em;
                    right: 1em
                }
            }

            @media screen and (max-width:767px) {
                .sw-card_shape {
                    transform: translateY(-2.75em)
                }
            }

            @media screen and (max-width:767px) {
                .work-card_icon {
                    width: 2.25em;
                    height: 2.25em;
                    top: .25em;
                    right: .25em
                }
            }

            @media screen and (max-width:767px) {
                .work-card_icon-svg {
                    height: .875em
                }
            }

            @media screen and (max-width:767px) {
                .label {
                    height: 2.5em;
                    font-size: 10px
                }
            }

            @media screen and (max-width:479px) {
                .sw_wrapper {
                    grid-column-gap: 2em;
                    grid-row-gap: 2em
                }
            }

            @media screen and (max-width:479px) {
                .sw-list {
                    grid-column-gap: 1.25em;
                    grid-row-gap: 1.25em;
                    flex-flow: column
                }
            }

            @media screen and (max-width:479px) {
                .sw-card {
                    width: 80vw;
                    margin-left: 5vw;
                    padding: 6px;
                    transform: rotate(-2deg)
                }
            }

            @media screen and (max-width:479px) {
                .sw-card_video {
                    justify-content: center;
                    align-items: center;
                    width: calc(100% - 12px);
                    height: calc(100% - 12px)
                }
            }

            @media screen and (max-width:479px) {
                .sw-card_wrap {
                    bottom: 1.5em;
                    left: 1.5em;
                    right: 1.5em
                }
            }

            @media screen and (max-width:479px) {
                .sw-card_shape {
                    transform: translateY(-5em)
                }
            }

            @media screen and (max-width:479px) {
                .work-card_icon {
                    width: 3em;
                    height: 3em;
                    top: .5em;
                    right: .5em
                }
            }

            @media screen and (max-width:479px) {
                .work-card_icon-svg {
                    height: 1em
                }
            }

            @media screen and (max-width:479px) {
                .label {
                    font-size: 12px
                }
            }

            @media screen and (max-width:479px) {
                .hide-mobile {
                    display: none !important
                }
            }

            .heading-xl {
                font-family: var(--_headings---heading-xxl--font);
                font-size: clamp(2.5rem, 7.5vw, 7.5rem);
                line-height: 0.95;
                font-weight: var(--_headings---heading-xxl--font-weight);
                letter-spacing: var(--_headings---heading-xxl--letter-spacing);
                color: var(--_theme---heading);
                margin: 0;
            }

            .heading-xs {
                font-family: var(--_headings---heading-xs--font);
                font-size: var(--_headings---heading-xs--font-size);
                line-height: var(--_headings---heading-xs--line-height);
                font-weight: var(--_headings---heading-xs--font-weight);
                letter-spacing: var(--_headings---heading-xs--letter-spacing)
            }

            .paragraph-l {
                font-family: var(--_paragraphs---paragraph-l--font);
                font-size: var(--_paragraphs---paragraph-l--font-size);
                line-height: var(--_paragraphs---paragraph-l--line-height);
                font-weight: var(--_paragraphs---paragraph-l--font-weight);
                letter-spacing: var(--_paragraphs---paragraph-l--letter-spacing)
            }

            .paragraph-regular {
                font-family: var(--_paragraphs---paragraph-regular--font);
                font-size: var(--_paragraphs---paragraph-regular--font-size);
                line-height: var(--_paragraphs---paragraph-regular--line-height);
                font-weight: var(--_paragraphs---paragraph-regular--font-weight);
                letter-spacing: var(--_paragraphs---paragraph-regular--letter-spacing)
            }

            .max-width-60ch {
                width: 100%;
                max-width: 60ch
            }

            .content-wrap {
                grid-column-gap: 1.5em;
                grid-row-gap: 1.5em;
                flex-flow: column;
                justify-content: flex-start;
                align-items: flex-start;
                max-width: 48em;
                display: flex
            }

            .section_selected-work .content-wrap {
                margin-left: 5em
            }

            .button-wrap {
                margin-left: -1em;
                display: flex
            }

            .button-group {
                z-index: 10;
                grid-column-gap: .5em;
                grid-row-gap: .5em;
                pointer-events: auto;
                flex-flow: wrap;
                justify-content: center;
                align-items: center;
                display: flex;
                position: relative
            }

            .button-default {
                z-index: 1;
                color: var(--_theme---button-text);
                letter-spacing: -.02em;
                -webkit-user-select: none;
                user-select: none;
                place-content: center;
                align-items: center;
                font-size: 1.25em;
                font-weight: 600;
                line-height: 1;
                display: flex;
                position: relative;
                transform: none
            }

            .button-default.is-outline {
                color: var(--_colors---swatch--black)
            }

            .button-default.is-form {
                justify-content: flex-start;
                align-items: center
            }

            .button-default__text {
                white-space: nowrap;
                margin-left: .25em;
                margin-right: .5em;
                display: block
            }

            .button-default__background {
                z-index: -1;
                background-color: var(--_theme---button-bg);
                border-radius: 1.25rem;
                place-self: center;
                width: calc(100% - .5em);
                height: 100%;
                padding-bottom: 0;
                padding-right: 0;
                position: absolute
            }

            .button-default__background.is-outline {
                border: 1px solid var(--_colors---swatch--black);
                background-color: var(--_theme---background)
            }

            .button-default__icon {
                background-color: var(--_colors---swatch--off-white);
                width: 2.25em;
                height: 2.25em;
                color: var(--_colors---brand-colors--red);
                border-radius: .625em;
                flex: none;
                justify-content: center;
                align-items: center;
                display: flex;
                position: relative
            }

            .button-default__icon.is-black {
                background-color: var(--_colors---swatch--black);
                color: var(--_theme---background)
            }

            .button-default__inner {
                justify-content: center;
                align-items: center;
                height: 2.75em;
                padding-top: 1rem;
                padding-bottom: 1rem;
                padding-left: 1em;
                display: flex;
                position: relative
            }

            .icon-14px {
                justify-content: center;
                align-items: center;
                max-width: none;
                height: .875em;
                display: flex
            }

            .icon-18px {
                justify-content: center;
                align-items: center;
                height: 1.125em;
                display: flex
            }

            /* ===== Selected work — professional responsive ===== */
            .section_selected-work {
                overflow-x: clip;
            }

            /* Keep the 120em composition centered on screens wider than it. */
            .section_selected-work .container-col-12 {
                margin-inline: auto;
            }

            .section_selected-work .paragraph-l {
                font-size: clamp(1.05rem, 2.1vw, 2rem);
                line-height: 1.35;
                max-width: 36em;
            }

            .section_selected-work .heading-xs {
                font-size: clamp(1.15rem, 2vw, 2rem);
            }

            @media screen and (max-width: 991px) {
                .section_selected-work .content-wrap {
                    margin-left: 0;
                    max-width: 100%;
                    gap: 1.25em;
                }

                .section_selected-work .section-padding-96px {
                    padding-top: clamp(3rem, 8vw, 5rem);
                    padding-bottom: clamp(3rem, 8vw, 5rem);
                }

                /* Tablet: 2 cards on top row, 3rd centered below */
                .section_selected-work .sw-list {
                    display: grid;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 1.5em;
                    padding-left: 0;
                    padding-right: 0;
                    justify-content: center;
                    align-items: start;
                }

                .section_selected-work .sw-item {
                    width: 100%;
                    max-width: none;
                    margin-inline: 0;
                }

                .section_selected-work .sw-item:last-child {
                    grid-column: 1 / -1;
                    justify-self: center;
                    width: calc((100% - 1.5em) / 2);
                    max-width: none;
                }

                .section_selected-work .sw-card {
                    width: 100%;
                    max-width: 100%;
                    margin-left: 0;
                }

                .section_selected-work .button-group {
                    justify-content: flex-start;
                    width: 100%;
                }

                .section_selected-work .button-default {
                    font-size: 1.05em;
                }
            }

            @media screen and (max-width: 767px) {
                .section_selected-work .heading-xl {
                    font-size: clamp(2.35rem, 10.5vw, 3.5rem);
                }

                .section_selected-work .paragraph-l {
                    font-size: clamp(1rem, 4.2vw, 1.25rem);
                }

                /* Telefon: single column again */
                .section_selected-work .sw-list {
                    display: flex;
                    flex-direction: column;
                    align-items: stretch;
                    gap: 1em;
                }

                .section_selected-work .sw-item,
                .section_selected-work .sw-item:last-child {
                    width: 100%;
                    max-width: 36rem;
                    margin-inline: auto;
                    grid-column: auto;
                    justify-self: auto;
                }

                .section_selected-work .button-group {
                    flex-direction: column;
                    align-items: stretch;
                    gap: 0.75rem;
                }

                .section_selected-work .button-default,
                .section_selected-work .button-default.is-form {
                    width: 100%;
                    justify-content: stretch;
                }

                .section_selected-work .button-default__inner {
                    width: 100%;
                    justify-content: space-between;
                    box-sizing: border-box;
                }

                .section_selected-work .button-default__background {
                    width: calc(100% - 0.35em);
                }

                .section_selected-work .sw-card {
                    transform: none;
                }

                .section_selected-work .sw-card:hover {
                    transform: none;
                }
            }

            @media screen and (max-width: 479px) {
                .section_selected-work .heading-xl {
                    font-size: clamp(2.15rem, 11vw, 2.85rem);
                }

                .section_selected-work .sw-card {
                    width: 100%;
                    margin-left: 0;
                    transform: none;
                }

                .section_selected-work .sw-item {
                    max-width: 100%;
                }

                .section_selected-work .sw_wrapper {
                    gap: 2rem;
                }

                .section_selected-work .content-wrap {
                    gap: 1rem;
                }
            }

/* Mid / small-desktop: keep horizontal MICE row + scroll offsets, prevent overflow */
@media screen and (min-width: 992px) and (max-width: 1399px) {
  .section_selected-work .sw-list {
    grid-column-gap: clamp(1.25em, 2.5vw, 3.5em);
    grid-row-gap: clamp(1.25em, 2.5vw, 3.5em);
    padding-left: clamp(0.5em, 1.5vw, 2em);
    padding-right: clamp(0.5em, 1.5vw, 2em);
    align-items: flex-start;
  }

  .section_selected-work .sw-card {
    width: clamp(15.5rem, 22vw, 24rem);
  }

  .section_selected-work .sw-card_wrap {
    inset: auto 1.25em 1.25em;
  }

  .section_selected-work .bitur-sw-card-title {
    font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  }

  .section_selected-work .max-width-col-06 {
    max-width: min(100%, 40rem);
  }

  .section_selected-work .container-col-10 {
    max-width: 100%;
  }
}

/* Tablet intro spacing only (card grid handled above at max-width 991) */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .section_selected-work .content-wrap.bitur-sw-intro {
    max-width: min(36rem, 100%);
  }

  .section_selected-work .padding-global {
    padding-left: clamp(1.25em, 4vw, 2em);
    padding-right: clamp(1.25em, 4vw, 2em);
  }

  .section_selected-work .sw-card {
    aspect-ratio: 14.8 / 18.5;
  }
}

/* Card theme accents */
.sw-collection .sw-item:nth-child(1) .sw-card,
                                    .sw-collection .sw-item:nth-child(1) .sw-card_content {
                                        background: var(--_colors---brand-colors--red);
                                    }

                                    .sw-collection .sw-item:nth-child(1) .sw-card_shape {
                                        color: var(--_colors---brand-colors--red);
                                    }

                                    .sw-collection .sw-item:nth-child(1) .label {
                                        background: var(--_colors---brand-colors--red-400);
                                    }


                                    .sw-collection .sw-item:nth-child(2) .sw-card,
                                    .sw-collection .sw-item:nth-child(2) .sw-card_content {
                                        background: var(--_colors---brand-colors--blue);
                                    }

                                    .sw-collection .sw-item:nth-child(2) .sw-card_shape {
                                        color: var(--_colors---brand-colors--blue);
                                    }

                                    .sw-collection .sw-item:nth-child(2) .label {
                                        background: var(--_colors---brand-colors--blue-500);
                                    }

                                    .sw-collection .sw-item:nth-child(3) .sw-card,
                                    .sw-collection .sw-item:nth-child(3) .sw-card_content {
                                        background: var(--_colors---brand-colors--green);
                                    }

                                    .sw-collection .sw-item:nth-child(3) .sw-card_shape {
                                        color: var(--_colors---brand-colors--green);
                                    }

                                    .sw-collection .sw-item:nth-child(3) .label {
                                        background: var(--_colors---brand-colors--green-300);
                                    }

                                    @media screen and (max-width: 479px) {
                                        .sw-collection .sw-item:nth-child(2) .sw-card {
                                            transform: rotate(1deg);
                                        }

                                        .sw-collection .sw-item:nth-child(3) .sw-card {
                                            transform: rotate(-1deg);
                                        }
                                    }