/* =========================================================
   IKETAN.ID
   Partnership / Kemitraan Responsive Stylesheet
   ---------------------------------------------------------
   Base:
   /assets/css/kemitraan.css

   Global responsive:
   /assets/css/responsive/global-responsive.css

   Scope:
   - Hero
   - Business concept
   - Benefits
   - Packages
   - Product system
   - Steps
   - Trust
   - Area lead form
   - Moments
   - FAQ
   - Closing

   Breakpoints:
   <= 1180px
   <= 1024px
   <= 900px
   <= 768px
   <= 576px
   <= 380px
   ========================================================= */


/* =========================================================
   01. SMALL DESKTOP / LAPTOP
   <= 1180px
   ========================================================= */

@media (max-width: 1180px) {

    /* -----------------------------------------------------
       HERO
       ----------------------------------------------------- */

    .partnership-hero,
    .partnership-hero-container {
        min-height: 760px;
    }


    .partnership-hero-title {
        font-size:
            clamp(
                4.5rem,
                7.5vw,
                7rem
            );
    }


    /* -----------------------------------------------------
       CONCEPT
       ----------------------------------------------------- */

    .partnership-concept-item {
        min-height: 310px;

        padding: 27px;
    }


    /* -----------------------------------------------------
       BENEFITS
       ----------------------------------------------------- */

    .partnership-benefit-card,
    .partnership-benefit-skeleton {
        min-height: 320px;
    }


    /* -----------------------------------------------------
       PACKAGES
       ----------------------------------------------------- */

    .partnership-packages-header {
        gap: 54px;
    }


    .partnership-package-media,
    .partnership-package-image {
        height: 390px;
        min-height: 390px;
    }


    /* -----------------------------------------------------
       PRODUCT
       ----------------------------------------------------- */

    .partnership-product-layout {
        gap: 68px;
    }


    .partnership-product-visual {
        min-height: 590px;
    }


    /* -----------------------------------------------------
       AREA
       ----------------------------------------------------- */

    .partnership-area-layout {
        gap: 68px;
    }


    /* -----------------------------------------------------
       FAQ
       ----------------------------------------------------- */

    .partnership-faq-layout {
        gap: 70px;
    }

}


/* =========================================================
   02. TABLET LANDSCAPE
   <= 1024px
   ========================================================= */

@media (max-width: 1024px) {

    /* =====================================================
       HERO
       ===================================================== */

    .partnership-hero,
    .partnership-hero-container {
        min-height: 700px;
    }


    .partnership-hero-container {
        padding-top:
            calc(
                var(--navbar-height) +
                62px
            );
    }


    .partnership-hero-content {
        max-width: 760px;

        padding-block: 48px;
    }


    .partnership-hero-title {
        font-size:
            clamp(
                4.2rem,
                8vw,
                6.2rem
            );
    }


    /* =====================================================
       CONCEPT
       ===================================================== */

    .partnership-concept-title {
        font-size:
            clamp(
                3.8rem,
                7vw,
                5.8rem
            );
    }


    .partnership-concept-item {
        min-height: 290px;

        padding: 24px;
    }


    /* =====================================================
       BENEFITS
       ===================================================== */

    .partnership-benefit-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .partnership-benefit-card,
    .partnership-benefit-skeleton {
        min-height: 280px;
    }


    /* =====================================================
       PACKAGES
       ===================================================== */

    .partnership-packages-header {
        grid-template-columns: 1fr;

        align-items: start;

        gap: 22px;
    }


    .partnership-packages-intro {
        max-width: 560px;
    }


    .partnership-package-media,
    .partnership-package-image,
    .partnership-package-skeleton-media {
        height: 360px;
        min-height: 360px;
    }


    .partnership-package-content {
        padding: 26px;
    }


    /* =====================================================
       PRODUCT
       ===================================================== */

    .partnership-product-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        gap: 52px;
    }


    .partnership-product-visual {
        min-height: 530px;
    }


    /* =====================================================
       STEPS
       ===================================================== */

    .partnership-step-list {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }


    .partnership-step-card,
    .partnership-step-skeleton {
        min-height: 260px;
    }


    .partnership-step-card:nth-child(2),
    .partnership-step-skeleton:nth-child(2) {
        border-right: 0;
    }


    .partnership-step-card:nth-child(-n + 2),
    .partnership-step-skeleton:nth-child(-n + 2) {
        border-bottom:
            1px solid
            rgba(92, 13, 13, 0.18);
    }


    /* =====================================================
       TRUST
       ===================================================== */

    .partnership-trust-card {
        grid-template-columns:
            minmax(0, 1fr)
            240px;

        gap: 40px;

        padding: 36px;
    }


    /* =====================================================
       AREA
       ===================================================== */

    .partnership-area-layout {
        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(0, 1.1fr);

        gap: 52px;
    }


    .partnership-area-form-card {
        padding: 30px;
    }


    /* =====================================================
       MOMENTS
       ===================================================== */

    .partnership-moment-grid {
        grid-template-rows:
            repeat(
                2,
                250px
            );
    }


    /* =====================================================
       FAQ
       ===================================================== */

    .partnership-faq-layout {
        grid-template-columns:
            minmax(0, 0.8fr)
            minmax(0, 1.2fr);

        gap: 52px;
    }

}


/* =========================================================
   03. LARGE TABLET
   <= 900px
   ========================================================= */

@media (max-width: 900px) {

    /* =====================================================
       HERO
       ===================================================== */

    .partnership-hero,
    .partnership-hero-container {
        min-height: 680px;
    }


    .partnership-hero-media {
        inset: -2% 0;
    }


    .partnership-hero-image {
        object-position: 62% center;
    }


    .partnership-hero-overlay {
        background:

            linear-gradient(
                90deg,
                rgba(35, 5, 5, 0.92) 0%,
                rgba(35, 5, 5, 0.76) 44%,
                rgba(35, 5, 5, 0.31) 78%,
                rgba(35, 5, 5, 0.10) 100%
            ),

            linear-gradient(
                0deg,
                rgba(29, 4, 4, 0.82) 0%,
                rgba(29, 4, 4, 0.16) 52%,
                transparent 72%
            );
    }


    /* =====================================================
       CONCEPT
       ===================================================== */

    .partnership-concept-grid {
        grid-template-columns: 1fr;
    }


    .partnership-concept-item {
        min-height: 220px;

        border-right: 0;

        border-bottom:
            1px solid
            var(--iketan-border);
    }


    .partnership-concept-item:last-child {
        border-bottom: 0;
    }


    /* =====================================================
       PACKAGES
       ===================================================== */

    .partnership-package-grid {
        grid-template-columns: 1fr;
    }


    .partnership-package-card {
        max-width: 760px;
    }


    .partnership-package-media,
    .partnership-package-image,
    .partnership-package-skeleton-media {
        height: 420px;
        min-height: 420px;
    }


    /* =====================================================
       PRODUCT
       ===================================================== */

    .partnership-product-layout {
        grid-template-columns: 1fr;

        gap: 44px;
    }


    .partnership-product-visual {
        min-height: 580px;
    }


    .partnership-product-content {
        max-width: 650px;
    }


    /* =====================================================
       TRUST
       ===================================================== */

    .partnership-trust-card {
        grid-template-columns: 1fr;

        gap: 16px;
    }


    .partnership-trust-mark {
        min-height: 130px;

        justify-items: start;
    }


    /* =====================================================
       AREA
       ===================================================== */

    .partnership-area-layout {
        grid-template-columns: 1fr;

        gap: 42px;
    }


    .partnership-area-intro {
        position: static;

        max-width: 650px;
    }


    .partnership-area-form-card {
        max-width: 760px;
    }


    /* =====================================================
       FAQ
       ===================================================== */

    .partnership-faq-layout {
        grid-template-columns: 1fr;

        gap: 40px;
    }


    .partnership-faq-intro {
        position: static;

        max-width: 650px;
    }

}


/* =========================================================
   04. TABLET PORTRAIT
   <= 768px
   ========================================================= */

@media (max-width: 768px) {

    /* =====================================================
       HERO
       ===================================================== */

    .partnership-hero,
    .partnership-hero-container {
        min-height: 650px;
    }


    .partnership-hero-container {
        padding-top:
            calc(
                var(--navbar-height) +
                48px
            );

        padding-bottom: 28px;
    }


    .partnership-hero-content {
        padding-block: 42px;
    }


    .partnership-hero-title {
        font-size:
            clamp(
                3.9rem,
                11vw,
                5.3rem
            );
    }


    .partnership-hero-description {
        font-size: 0.96rem;
    }


    /* =====================================================
       CONCEPT
       ===================================================== */

    .partnership-concept-header {
        margin-bottom: 44px;
    }


    .partnership-concept-title {
        font-size:
            clamp(
                3.5rem,
                10vw,
                4.8rem
            );
    }


    /* =====================================================
       BENEFITS
       ===================================================== */

    .partnership-benefits-header {
        margin-bottom: 42px;
    }


    .partnership-benefits-header
    .section-title {
        font-size:
            clamp(
                3.4rem,
                9vw,
                4.7rem
            );
    }


    /* =====================================================
       PACKAGES
       ===================================================== */

    .partnership-packages-header {
        margin-bottom: 42px;
    }


    .partnership-packages-title {
        font-size:
            clamp(
                3.5rem,
                10vw,
                4.8rem
            );
    }


    .partnership-package-media,
    .partnership-package-image,
    .partnership-package-skeleton-media {
        height: 380px;
        min-height: 380px;
    }


    /* =====================================================
       PRODUCT
       ===================================================== */

    .partnership-product {
        padding-block: 84px;
    }


    .partnership-product-visual {
        min-height: 520px;
    }


    .partnership-product-content
    .section-title {
        font-size:
            clamp(
                3.3rem,
                9vw,
                4.5rem
            );
    }


    /* =====================================================
       STEPS
       ===================================================== */

    .partnership-steps-header {
        margin-bottom: 44px;
    }


    .partnership-steps-title {
        font-size:
            clamp(
                3.5rem,
                10vw,
                4.8rem
            );
    }


    /* =====================================================
       TRUST
       ===================================================== */

    .partnership-trust-card {
        min-height: auto;

        padding: 30px;
    }


    .partnership-trust-content h2 {
        font-size:
            clamp(
                3rem,
                9vw,
                4.2rem
            );
    }


    /* =====================================================
       AREA
       ===================================================== */

    .partnership-area-intro
    .section-title {
        font-size:
            clamp(
                3.4rem,
                9vw,
                4.6rem
            );
    }


    /* =====================================================
       MOMENTS
       ===================================================== */

    .partnership-moments-header {
        margin-bottom: 40px;
    }


    .partnership-moments-title {
        font-size:
            clamp(
                3.4rem,
                9vw,
                4.6rem
            );
    }


    .partnership-moment-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        grid-template-rows:
            360px
            240px;
    }


    .partnership-moment-large {
        grid-column:
            1 / 3;

        grid-row:
            auto;
    }


    /* =====================================================
       FAQ
       ===================================================== */

    .partnership-faq-intro
    .section-title {
        font-size:
            clamp(
                3.2rem,
                9vw,
                4.4rem
            );
    }


    /* =====================================================
       CLOSING
       ===================================================== */

    .partnership-closing {
        min-height: 600px;
    }


    .partnership-closing h2 {
        font-size:
            clamp(
                4rem,
                11vw,
                5.6rem
            );
    }

}


/* =========================================================
   05. MOBILE
   <= 576px
   ========================================================= */

@media (max-width: 576px) {

    /* =====================================================
       HERO
       ===================================================== */

    .partnership-hero,
    .partnership-hero-container {
        min-height: 86svh;
    }


    .partnership-hero-media {
        inset: 0;
    }


    .partnership-hero-image {
        width: 100%;
        height: 100%;

        object-position: 68% center;

        transform: none;
    }


    .partnership-hero-overlay {
        background:

            linear-gradient(
                90deg,
                rgba(35, 5, 5, 0.86) 0%,
                rgba(35, 5, 5, 0.72) 58%,
                rgba(35, 5, 5, 0.30) 100%
            ),

            linear-gradient(
                0deg,
                rgba(29, 4, 4, 0.92) 0%,
                rgba(29, 4, 4, 0.38) 52%,
                rgba(29, 4, 4, 0.10) 80%
            );
    }


    .partnership-hero-container {
        padding-top:
            calc(
                var(--navbar-height) +
                34px
            );

        padding-bottom: 22px;
    }


    .partnership-hero-content {
        margin-top: auto;
        margin-bottom: 0;

        padding-block:
            72px
            38px;
    }


    .partnership-hero-eyebrow {
        margin-bottom: 12px;

        font-size: 0.64rem;
    }


    .partnership-hero-title {
        max-width: 450px;

        margin-bottom: 18px;

        font-size:
            clamp(
                3.5rem,
                16vw,
                4.6rem
            );

        line-height: 0.92;
    }


    .partnership-hero-description {
        max-width: 360px;

        margin-bottom: 25px;

        font-size: 0.88rem;

        line-height: 1.68;
    }


    .partnership-hero-actions {
        align-items: stretch;

        flex-direction: column;

        width: 100%;
        max-width: 330px;
    }


    .partnership-hero-actions .btn {
        width: 100%;
    }


    .partnership-hero-note {
        align-items: flex-start;

        flex-direction: column;

        gap: 4px;

        font-size: 0.62rem;
    }


    /* =====================================================
       CONCEPT
       ===================================================== */

    .partnership-concept-header {
        margin-bottom: 32px;
    }


    .partnership-concept-title {
        font-size:
            clamp(
                3.1rem,
                14vw,
                4.1rem
            );
    }


    .partnership-concept-item {
        min-height: 190px;

        padding:
            24px
            18px;
    }


    .partnership-concept-number {
        margin-bottom: 34px;

        font-size: 0.63rem;
    }


    .partnership-concept-item h3 {
        font-size:
            clamp(
                1.9rem,
                9vw,
                2.5rem
            );
    }


    .partnership-concept-item p {
        font-size: 0.8rem;
    }


    /* =====================================================
       BENEFITS
       ===================================================== */

    .partnership-benefits-header {
        margin-bottom: 34px;
    }


    .partnership-benefits-header
    .section-title {
        margin-bottom: 16px;

        font-size:
            clamp(
                3.1rem,
                13vw,
                4rem
            );
    }


    .partnership-benefits-header > p {
        font-size: 0.84rem;

        line-height: 1.68;
    }


    .partnership-benefit-grid {
        grid-template-columns: 1fr;

        gap: 10px;
    }


    .partnership-benefit-card,
    .partnership-benefit-skeleton {
        min-height: 250px;

        border-radius:
            var(--radius-lg);
    }


    .partnership-benefit-card {
        padding: 22px;
    }


    /* =====================================================
       PACKAGES
       ===================================================== */

    .partnership-packages-header {
        gap: 16px;

        margin-bottom: 34px;
    }


    .partnership-packages-title {
        font-size:
            clamp(
                3.2rem,
                14vw,
                4.1rem
            );
    }


    .partnership-packages-intro {
        font-size: 0.84rem;

        line-height: 1.68;
    }


    .partnership-package-grid {
        gap: 14px;
    }


    .partnership-package-card,
    .partnership-package-skeleton {
        border-radius:
            var(--radius-xl);
    }


    .partnership-package-media,
    .partnership-package-image,
    .partnership-package-skeleton-media {
        height: 310px;
        min-height: 310px;
    }


    .partnership-package-badge {
        top: 15px;
        left: 15px;

        min-height: 30px;

        font-size: 0.6rem;
    }


    .partnership-package-price {
        right: 16px;
        bottom: 16px;
    }


    .partnership-package-price-prefix {
        font-size: 0.6rem;
    }


    .partnership-package-price-value {
        font-size:
            clamp(
                2.5rem,
                11vw,
                3.3rem
            );
    }


    .partnership-package-content {
        padding:
            24px
            20px;
    }


    .partnership-package-heading {
        margin-bottom: 22px;
    }


    .partnership-package-name {
        font-size:
            clamp(
                1.4rem,
                7vw,
                1.75rem
            );
    }


    .partnership-package-tagline {
        font-size: 0.82rem;
    }


    .partnership-package-description {
        font-size: 0.76rem;
    }


    .partnership-package-include {
        grid-template-columns:
            38px
            minmax(0, 1fr);

        gap: 11px;

        padding:
            12px;
    }


    .partnership-package-include-icon {
        width: 38px;
        height: 38px;
    }


    .partnership-package-disclaimer {
        margin-top: 18px;

        font-size: 0.66rem;
    }


    /* =====================================================
       PRODUCT
       ===================================================== */

    .partnership-product {
        padding-block: 70px;
    }


    .partnership-product-layout {
        gap: 34px;
    }


    .partnership-product-visual {
        min-height: 430px;

        border-radius:
            var(--radius-xl);
    }


    .partnership-product-visual img {
        width:
            min(
                74%,
                330px
            );
    }


    .partnership-product-content
    .section-title {
        margin-bottom: 21px;

        font-size:
            clamp(
                3rem,
                13vw,
                3.9rem
            );
    }


    .partnership-product-copy {
        gap: 15px;
    }


    .partnership-product-copy p {
        font-size: 0.84rem;

        line-height: 1.7;
    }


    /* =====================================================
       STEPS
       ===================================================== */

    .partnership-steps-header {
        margin-bottom: 32px;
    }


    .partnership-steps-title {
        font-size:
            clamp(
                3.1rem,
                14vw,
                4.1rem
            );
    }


    .partnership-step-list {
        grid-template-columns: 1fr;

        border-bottom: 0;
    }


    .partnership-step-card,
    .partnership-step-skeleton {
        min-height: 190px;

        border-right: 0;

        border-bottom:
            1px solid
            rgba(92, 13, 13, 0.18);
    }


    .partnership-step-card {
        padding:
            24px
            18px;
    }


    .partnership-step-number {
        margin-bottom: 34px;

        font-size: 0.63rem;
    }


    .partnership-step-card h3 {
        font-size:
            clamp(
                2rem,
                9vw,
                2.6rem
            );
    }


    .partnership-step-card p {
        font-size: 0.78rem;
    }


    /* =====================================================
       TRUST
       ===================================================== */

    .partnership-trust {
        padding-bottom: 70px;
    }


    .partnership-trust-card {
        gap: 8px;

        padding:
            26px
            22px;

        border-radius:
            var(--radius-xl);
    }


    .partnership-trust-eyebrow {
        font-size: 0.61rem;
    }


    .partnership-trust-content h2 {
        margin-bottom: 14px;

        font-size:
            clamp(
                2.9rem,
                13vw,
                3.8rem
            );
    }


    .partnership-trust-content p {
        margin-bottom: 20px;

        font-size: 0.82rem;

        line-height: 1.68;
    }


    .partnership-trust-mark {
        min-height: 90px;
    }


    .partnership-trust-mark span {
        font-size:
            clamp(
                3.5rem,
                18vw,
                5.5rem
            );
    }


    /* =====================================================
       AREA FORM
       ===================================================== */

    .partnership-area-layout {
        gap: 32px;
    }


    .partnership-area-intro
    .section-title {
        margin-bottom: 18px;

        font-size:
            clamp(
                3.1rem,
                13vw,
                4rem
            );
    }


    .partnership-area-intro > p {
        margin-bottom: 22px;

        font-size: 0.84rem;

        line-height: 1.68;
    }


    .partnership-area-hours span {
        font-size: 0.62rem;
    }


    .partnership-area-hours strong {
        font-size: 0.72rem;
    }


    .partnership-area-form-card {
        padding:
            24px
            20px;

        border-radius:
            var(--radius-xl);
    }


    .partnership-area-form {
        gap: 19px;
    }


    .partnership-area-form
    .form-label {
        font-size: 0.72rem;
    }


    .partnership-area-form
    .form-control {
        min-height: 49px;

        font-size: 0.86rem;
    }


    .partnership-area-form
    .form-textarea {
        min-height: 120px;
    }


    .partnership-location-option span {
        min-height: 49px;

        font-size: 0.72rem;
    }


    .partnership-area-submit {
        min-height: 51px;
    }


    .partnership-area-disclaimer {
        font-size: 0.62rem;
    }


    /* =====================================================
       MOMENTS
       ===================================================== */

    .partnership-moments-header {
        margin-bottom: 32px;
    }


    .partnership-moments-title {
        margin-bottom: 15px;

        font-size:
            clamp(
                3.1rem,
                13vw,
                4rem
            );
    }


    .partnership-moments-header > p {
        font-size: 0.84rem;

        line-height: 1.68;
    }


    .partnership-moment-grid {
        grid-template-columns: 1fr;

        grid-template-rows: auto;

        gap: 10px;
    }


    .partnership-moment-large {
        grid-column: auto;
    }


    .partnership-moment {
        min-height: 300px;

        border-radius:
            var(--radius-lg);
    }


    .partnership-moment-large {
        min-height: 420px;
    }


    /* =====================================================
       FAQ
       ===================================================== */

    .partnership-faq-layout {
        gap: 30px;
    }


    .partnership-faq-intro
    .section-title {
        margin-bottom: 16px;

        font-size:
            clamp(
                3rem,
                13vw,
                3.9rem
            );
    }


    .partnership-faq-intro > p {
        font-size: 0.84rem;

        line-height: 1.68;
    }


    .partnership-faq-trigger {
        grid-template-columns:
            minmax(0, 1fr)
            30px;

        gap: 18px;

        padding:
            21px
            0;
    }


    .partnership-faq-question {
        font-size: 0.86rem;
    }


    .partnership-faq-icon {
        width: 29px;
        height: 29px;
    }


    .partnership-faq-answer {
        padding:
            0
            42px
            22px
            0;

        font-size: 0.8rem;

        line-height: 1.68;
    }


    /* =====================================================
       CLOSING
       ===================================================== */

    .partnership-closing {
        min-height: 540px;

        align-items: flex-end;

        padding-block:
            76px
            62px;
    }


    .partnership-closing-eyebrow {
        margin-bottom: 12px;

        font-size: 0.62rem;
    }


    .partnership-closing h2 {
        max-width: 450px;

        margin-bottom: 17px;

        font-size:
            clamp(
                3.7rem,
                16vw,
                4.8rem
            );

        line-height: 0.92;
    }


    .partnership-closing-content > p {
        margin-bottom: 24px;

        font-size: 0.84rem;

        line-height: 1.68;
    }


    .partnership-closing-word {
        right: -4%;
        bottom: -3%;

        font-size: 8rem;
    }

}


/* =========================================================
   06. SMALL MOBILE
   <= 380px
   ========================================================= */

@media (max-width: 380px) {

    /* =====================================================
       HERO
       ===================================================== */

    .partnership-hero-container {
        padding-top:
            calc(
                var(--navbar-height) +
                28px
            );
    }


    .partnership-hero-title {
        font-size:
            clamp(
                3.2rem,
                16vw,
                4.1rem
            );
    }


    .partnership-hero-description {
        max-width: 310px;

        font-size: 0.83rem;
    }


    /* =====================================================
       PACKAGES
       ===================================================== */

    .partnership-package-media,
    .partnership-package-image,
    .partnership-package-skeleton-media {
        height: 280px;
        min-height: 280px;
    }


    .partnership-package-content {
        padding:
            22px
            17px;
    }


    .partnership-package-include {
        grid-template-columns: 1fr;

        gap: 9px;
    }


    /* =====================================================
       PRODUCT
       ===================================================== */

    .partnership-product-visual {
        min-height: 390px;
    }


    /* =====================================================
       AREA
       ===================================================== */

    .partnership-area-form-card {
        padding:
            21px
            17px;
    }


    .partnership-location-options {
        grid-template-columns: 1fr;
    }


    /* =====================================================
       MOMENTS
       ===================================================== */

    .partnership-moment {
        min-height: 270px;
    }


    .partnership-moment-large {
        min-height: 370px;
    }


    /* =====================================================
       FAQ
       ===================================================== */

    .partnership-faq-answer {
        padding-right: 20px;
    }


    /* =====================================================
       CLOSING
       ===================================================== */

    .partnership-closing h2 {
        font-size:
            clamp(
                3.3rem,
                16vw,
                4.2rem
            );
    }


    .partnership-closing .btn {
        width: 100%;
    }

}


/* =========================================================
   07. TOUCH DEVICE
   ========================================================= */

@media (hover: none) and (pointer: coarse) {

    .partnership-concept-item:hover,
    .partnership-step-card:hover {
        background-color:
            transparent;
    }


    .partnership-benefit-card:hover,
    .partnership-package-card:hover {
        transform: none;

        box-shadow: none;
    }


    .partnership-package-card:hover
    .partnership-package-image,
    .partnership-moment:hover img {
        transform: none;
    }


    .partnership-trust-link:hover span,
    .partnership-area-submit:hover span {
        transform: none;
    }

}


/* =========================================================
   08. REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .partnership-benefit-skeleton,
    .partnership-package-skeleton-media,
    .partnership-package-skeleton-content span,
    .partnership-step-skeleton,
    .partnership-faq-skeleton {
        animation: none;
    }


    .partnership-hero-media,
    .partnership-product-visual img {
        transform: none !important;
    }


    .partnership-concept-item,
    .partnership-benefit-card,
    .partnership-package-card,
    .partnership-package-image,
    .partnership-step-card,
    .partnership-trust-link span,
    .partnership-area-submit span,
    .partnership-moment img,
    .partnership-faq-icon::before,
    .partnership-faq-icon::after,
    .partnership-faq-panel {
        transition: none;
    }

}


/* =========================================================
   09. MOBILE LANDSCAPE
   ========================================================= */

@media
    (max-width: 900px)
    and (orientation: landscape)
    and (max-height: 520px) {

    /* =====================================================
       HERO
       ===================================================== */

    .partnership-hero,
    .partnership-hero-container {
        min-height: 620px;
    }


    .partnership-hero-container {
        padding-top:
            calc(
                var(--navbar-height) +
                26px
            );
    }


    .partnership-hero-content {
        max-width: 620px;

        padding-block:
            46px
            28px;
    }


    .partnership-hero-title {
        max-width: 580px;

        font-size: 4rem;
    }


    .partnership-hero-description {
        max-width: 400px;

        font-size: 0.84rem;
    }


    /* =====================================================
       PRODUCT
       ===================================================== */

    .partnership-product-layout {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr);

        align-items: center;
    }


    .partnership-product-visual {
        min-height: 420px;
    }


    /* =====================================================
       AREA
       ===================================================== */

    .partnership-area-layout {
        grid-template-columns:
            minmax(0, 0.9fr)
            minmax(0, 1.1fr);

        align-items: start;
    }

}


/* =========================================================
   10. VERY WIDE SCREEN
   >= 1600px
   ========================================================= */

@media (min-width: 1600px) {

    .partnership-hero-content {
        max-width: 900px;
    }


    .partnership-product-layout,
    .partnership-area-layout,
    .partnership-faq-layout {
        gap: 110px;
    }


    .partnership-package-media,
    .partnership-package-image,
    .partnership-package-skeleton-media {
        height: 440px;
        min-height: 440px;
    }


    .partnership-product-visual {
        min-height: 680px;
    }

}


/* =========================================================
   END OF PARTNERSHIP RESPONSIVE
   ========================================================= */