:root {
    --kc-vh: 100vh;
    --kc-vw: 100vw;
}

@supports (height: 100dvh) {
    :root {
        --kc-vh: 100dvh;
    }
}

@media (max-width: 759px) {
    html,
    body,
    #snap-container,
    .snap-section {
        height: var(--kc-vh) !important;
        min-height: var(--kc-vh) !important;
        max-height: var(--kc-vh) !important;
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    #sections-wrapper {
        min-height: var(--kc-vh) !important;
        will-change: transform;
    }

    .snap-section {
        --kc-mobile-top: clamp(4.75rem, 11.5vh, 5.55rem);
        --kc-mobile-bottom: 0.5rem;
        justify-content: flex-start !important;
        padding-top: var(--kc-mobile-top) !important;
        padding-bottom: var(--kc-mobile-bottom) !important;
    }

    .snap-section > .relative.z-10,
    .home-services-section > .relative.z-10,
    .home-process-inner,
    .portfolio-section > .relative.z-10,
    .contact-inner {
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        padding-inline: clamp(1rem, 4.6vw, 1.25rem) !important;
        overflow: hidden !important;
    }

    nav.fixed > div {
        padding: 0.85rem 1.15rem !important;
    }

    nav.fixed img {
        width: 1.7rem !important;
        height: 1.7rem !important;
    }

    nav.fixed .text-2xl {
        font-size: clamp(1.05rem, 5vw, 1.35rem) !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
    }

    nav.fixed .gap-6 {
        gap: 0.8rem !important;
    }

    .scroll-rail {
        right: 0.55rem !important;
        transform: translateY(-50%) scale(0.78) !important;
        opacity: 0.68 !important;
    }

    .scroll-indicator {
        bottom: 0.3rem !important;
        transform: translateX(-50%) scale(0.72) !important;
        opacity: 0.62 !important;
    }

    .scroll-indicator__label {
        display: none !important;
    }

    .section-bg-image,
    .home-services-section__bg {
        height: 100% !important;
        min-height: 100% !important;
    }

    .section-number {
        line-height: 0.78 !important;
    }
}

@media (max-width: 759px) {
    .snap-section:first-child {
        --kc-mobile-top: clamp(4.55rem, 10.5vh, 5.15rem);
    }

    .hero-offer-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        align-content: start !important;
        align-items: start !important;
        gap: clamp(0.5rem, 1.5vh, 0.85rem) !important;
    }

    .hero-offer-title {
        max-width: 100% !important;
        margin-bottom: 0 !important;
        transform: none !important;
        font-size: clamp(1.22rem, 7vw, 1.78rem) !important;
        line-height: 1.02 !important;
        letter-spacing: 0 !important;
        overflow-wrap: anywhere;
    }

    .hero-offer-title .text-outline {
        margin-top: 0.03em !important;
    }

    .hero-offer-side {
        display: grid !important;
        grid-template-columns: minmax(5.6rem, 0.44fr) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 0.72rem !important;
        padding-bottom: 0 !important;
    }

    .hero-founder-card {
        width: min(100%, clamp(5.6rem, 32vw, 8.2rem)) !important;
        margin: 0 !important;
    }

    .hero-offer-copy {
        max-width: none !important;
        font-size: clamp(0.66rem, 3.2vw, 0.8rem) !important;
        line-height: 1.28 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;
    }
}

@media (max-width: 759px) {
    .home-services-section {
        --kc-mobile-top: clamp(4.55rem, 10.8vh, 5.2rem);
        padding-top: var(--kc-mobile-top) !important;
        padding-bottom: var(--kc-mobile-bottom) !important;
    }

    .home-services-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: clamp(0.45rem, 1.2vh, 0.7rem) !important;
        align-content: start !important;
    }

    .home-services-kicker {
        margin-bottom: 0.26rem !important;
        font-size: 0.46rem !important;
        letter-spacing: 0.16em !important;
    }

    .home-services-copy h2 {
        max-width: 12rem !important;
        font-size: clamp(1.28rem, 6vw, 1.72rem) !important;
        line-height: 0.96 !important;
        letter-spacing: 0 !important;
    }

    .home-services-copy > p:not(.home-services-kicker) {
        max-width: 21rem !important;
        margin-top: 0.38rem !important;
        font-size: clamp(0.64rem, 3.2vw, 0.78rem) !important;
        line-height: 1.25 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }

    .home-services-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.42rem !important;
        margin-top: 0.48rem !important;
    }

    .home-services-button {
        min-height: 2rem !important;
        padding: 0.42rem 0.38rem !important;
        font-size: clamp(0.42rem, 2.4vw, 0.52rem) !important;
        line-height: 1.08 !important;
    }

    .home-services-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(0.3rem, 1vh, 0.42rem) !important;
    }

    .home-service-card {
        min-height: clamp(4.05rem, 11vh, 5.25rem) !important;
        padding: clamp(0.42rem, 1.6vh, 0.56rem) !important;
        overflow: hidden !important;
    }

    .home-service-card__num {
        margin-bottom: 0.2rem !important;
        font-size: 0.38rem !important;
        letter-spacing: 0.14em !important;
    }

    .home-service-card h3 {
        font-size: clamp(0.58rem, 3.2vw, 0.72rem) !important;
        line-height: 1.03 !important;
    }

    .home-service-card p {
        margin-top: 0.18rem !important;
        font-size: clamp(0.48rem, 2.7vw, 0.58rem) !important;
        line-height: 1.2 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }
}

@media (max-width: 759px) {
    .home-process-section {
        --kc-mobile-top: clamp(4.55rem, 10.8vh, 5.2rem);
    }

    .home-process-head {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: end !important;
        gap: 0.48rem !important;
        margin-bottom: clamp(0.42rem, 1.2vh, 0.7rem) !important;
        text-align: left !important;
    }

    .home-process-head--reverse {
        direction: rtl;
    }

    .home-process-head--reverse > * {
        direction: ltr;
    }

    .home-process-head .section-number {
        font-size: clamp(2.05rem, 12vw, 3rem) !important;
    }

    .home-process-head h2 {
        font-size: clamp(1.25rem, 7vw, 1.82rem) !important;
        line-height: 0.94 !important;
        letter-spacing: 0 !important;
    }

    .home-process-grid {
        gap: clamp(0.32rem, 1vh, 0.46rem) !important;
    }

    .home-process-grid--research {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .home-process-card {
        min-height: clamp(4.65rem, 12vh, 5.5rem) !important;
        padding: clamp(0.46rem, 1.45vh, 0.6rem) !important;
        overflow: hidden !important;
    }

    .home-process-card .material-symbols-outlined {
        font-size: 1rem !important;
        line-height: 1 !important;
    }

    .home-process-card .mb-4,
    .home-process-card .md\:mb-6 {
        margin-bottom: 0.26rem !important;
    }

    .home-process-card h3,
    .home-process-card h4 {
        margin-bottom: 0.2rem !important;
        font-size: clamp(0.58rem, 3.25vw, 0.72rem) !important;
        line-height: 1.06 !important;
        letter-spacing: 0 !important;
    }

    .home-process-card p,
    .home-release-card p {
        font-size: clamp(0.48rem, 2.65vw, 0.58rem) !important;
        line-height: 1.2 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-process-card code,
    .home-process-card .font-label,
    .home-process-card .relative.z-10.flex.flex-wrap,
    .home-process-card .relative.z-10.mt-4 {
        display: none !important;
    }

    .home-process-layout {
        display: grid !important;
        gap: clamp(0.38rem, 1.1vh, 0.55rem) !important;
        align-content: start !important;
    }
}

@media (max-width: 759px) {
    .home-process-layout--creation {
        display: block !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom) - 3.35rem) !important;
        overflow: hidden !important;
    }

    .home-process-visual--browser {
        display: none !important;
    }

    .home-process-grid--creation {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        height: auto !important;
        gap: clamp(0.35rem, 1vh, 0.5rem) !important;
    }

    .home-process-grid--creation > .home-process-card--creation:first-child {
        min-height: clamp(4.2rem, 10.5vh, 5rem) !important;
        padding: 0.54rem !important;
    }

    .home-process-grid--creation > .home-tech-stack-card {
        min-height: 0 !important;
        padding: 0.54rem !important;
        gap: 0.32rem !important;
    }

    .home-process-card--creation .material-symbols-outlined {
        display: none !important;
    }

    .home-architecture-points {
        gap: 0.22rem !important;
        margin-top: 0.32rem !important;
    }

    .home-architecture-points span {
        padding: 0.17rem 0.3rem !important;
        font-size: 0.38rem !important;
        letter-spacing: 0.08em !important;
    }

    .home-tech-stack-card > h4 {
        font-size: clamp(0.68rem, 3.6vw, 0.8rem) !important;
    }

    .home-tech-stack-intro {
        font-size: clamp(0.46rem, 2.55vw, 0.56rem) !important;
        line-height: 1.18 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-tech-stack {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.28rem !important;
    }

    .home-tech-stack span {
        min-height: clamp(1.7rem, 5.2vh, 2.15rem) !important;
        padding: 0.3rem !important;
        font-size: clamp(0.36rem, 2.1vw, 0.46rem) !important;
        line-height: 1.12 !important;
        overflow: hidden !important;
    }

    .home-tech-stack b {
        margin-bottom: 0.06rem !important;
        font-size: 0.36rem !important;
    }
}

@media (max-width: 759px) {
    .home-process-layout--release {
        display: block !important;
    }

    .home-process-visual--terminal {
        display: none !important;
    }

    .home-process-grid--release {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: clamp(0.38rem, 1.1vh, 0.52rem) !important;
    }

    .home-release-card {
        display: grid !important;
        grid-template-columns: 1.75rem minmax(0, 1fr) !important;
        min-height: clamp(4.35rem, 12vh, 5.15rem) !important;
        gap: 0.52rem !important;
        align-items: center !important;
        padding: clamp(0.46rem, 1.5vh, 0.6rem) !important;
        overflow: hidden !important;
    }

    .home-release-card__icon {
        width: 1.75rem !important;
        height: 1.75rem !important;
    }

    .home-release-card__icon .material-symbols-outlined {
        font-size: 1rem !important;
    }
}

@media (max-width: 759px) {
    .portfolio-section {
        --kc-mobile-top: clamp(4.55rem, 10.8vh, 5.2rem);
        overflow: hidden !important;
    }

    .portfolio-section > .relative.z-10 > .flex {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        gap: 0.48rem !important;
        margin-bottom: clamp(0.42rem, 1.1vh, 0.62rem) !important;
        text-align: left !important;
    }

    .portfolio-section .section-number {
        font-size: clamp(2rem, 11.5vw, 2.9rem) !important;
    }

    .portfolio-section h2 {
        font-size: clamp(1.2rem, 6.6vw, 1.72rem) !important;
        line-height: 0.95 !important;
        letter-spacing: 0 !important;
    }

    .portfolio-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: clamp(0.34rem, 1vh, 0.48rem) !important;
        padding-bottom: 0 !important;
    }

    .portfolio-card {
        display: grid !important;
        grid-template-columns: 4.9rem minmax(0, 1fr) !important;
        min-height: clamp(4.55rem, 12vh, 5.25rem) !important;
        overflow: hidden !important;
    }

    .portfolio-card__image-wrap,
    .portfolio-card__image {
        min-height: 100% !important;
        height: 100% !important;
    }

    .portfolio-card__body {
        justify-content: space-evenly !important;
        gap: 0.22rem !important;
        padding: 0.46rem 0.54rem !important;
    }

    .portfolio-card__eyebrow {
        margin-bottom: 0.12rem !important;
        font-size: 0.38rem !important;
        letter-spacing: 0.12em !important;
    }

    .portfolio-card__title {
        font-size: clamp(0.6rem, 3.4vw, 0.74rem) !important;
        line-height: 1.05 !important;
    }

    .portfolio-card__text {
        font-size: clamp(0.47rem, 2.55vw, 0.56rem) !important;
        line-height: 1.18 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }
}

@media (max-width: 759px) {
    .contact-section {
        --kc-mobile-top: clamp(4.55rem, 10.8vh, 5.2rem);
        justify-content: flex-start !important;
        padding-top: var(--kc-mobile-top) !important;
        padding-bottom: 0 !important;
    }

    .contact-inner {
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - 2.3rem) !important;
    }

    .contact-head {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: end !important;
        gap: 0.48rem !important;
        margin-bottom: clamp(0.36rem, 1vh, 0.55rem) !important;
        text-align: left !important;
    }

    .contact-head .section-number {
        font-size: clamp(2rem, 11vw, 2.8rem) !important;
    }

    .contact-head h2 {
        font-size: clamp(1.15rem, 6.3vw, 1.62rem) !important;
        line-height: 0.96 !important;
        letter-spacing: 0 !important;
    }

    .contact-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.45rem !important;
    }

    .contact-form-panel {
        padding: 0.62rem !important;
        border-radius: 0.65rem !important;
        overflow: hidden !important;
    }

    .contact-form-panel h3 {
        margin-bottom: 0.42rem !important;
        gap: 0.35rem !important;
        font-size: 0.68rem !important;
    }

    .contact-form-panel h3 .material-symbols-outlined {
        font-size: 0.95rem !important;
    }

    .contact-form-panel form {
        gap: 0.4rem !important;
    }

    .contact-form-panel form > .grid {
        gap: 0.4rem !important;
    }

    .contact-form-panel label {
        font-size: 0.4rem !important;
        letter-spacing: 0.09em !important;
    }

    .contact-form-panel input,
    .contact-form-panel textarea {
        min-height: 2.15rem !important;
        padding: 0.48rem 0.62rem !important;
        font-size: 0.68rem !important;
        line-height: 1.22 !important;
    }

    .contact-form-panel textarea {
        height: clamp(3.6rem, 10.5vh, 4.8rem) !important;
        min-height: clamp(3.6rem, 10.5vh, 4.8rem) !important;
    }

    .contact-form-panel button {
        min-height: 2.25rem !important;
        margin-top: 0.3rem !important;
        padding: 0.5rem !important;
        font-size: 0.58rem !important;
    }

    .contact-form-panel form > p {
        font-size: 0.44rem !important;
        line-height: 1.2 !important;
    }

    .contact-side {
        display: block !important;
    }

    .contact-channel-card {
        padding: 0.58rem !important;
        border-radius: 0.65rem !important;
    }

    .contact-channel-card h3 {
        margin-bottom: 0.35rem !important;
        font-size: 0.42rem !important;
    }

    .contact-channel-card .grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.32rem !important;
    }

    .contact-channel-link {
        min-height: 2.35rem !important;
        padding: 0.38rem !important;
    }

    .contact-channel-link p:first-child {
        margin-bottom: 0.08rem !important;
        font-size: 0.34rem !important;
    }

    .contact-channel-link p:last-child {
        font-size: clamp(0.43rem, 2.4vw, 0.52rem) !important;
        line-height: 1.08 !important;
        overflow-wrap: anywhere;
    }

    .contact-footer {
        height: 2.3rem !important;
        min-height: 2.3rem !important;
        padding: 0.35rem 1rem !important;
        overflow: hidden !important;
    }

    .contact-footer > div {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 0.6rem !important;
    }

    .contact-footer .flex.gap-8 {
        display: none !important;
    }

    .contact-footer .text-sm {
        font-size: 0.58rem !important;
    }

    .contact-footer .font-\[\'Inter\'\] {
        font-size: 0.42rem !important;
    }
}

@media (max-width: 380px) {
    .home-services-grid,
    .home-process-grid--research,
    .home-tech-stack {
        gap: 0.26rem !important;
    }

    .home-service-card,
    .home-process-card {
        padding: 0.4rem !important;
    }

    .portfolio-card {
        grid-template-columns: 4.35rem minmax(0, 1fr) !important;
    }

    .contact-channel-card .grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .contact-channel-link {
        min-height: 1.85rem !important;
    }
}

@media (max-height: 720px) and (max-width: 759px) {
    .snap-section {
        --kc-mobile-top: 4.35rem;
    }

    .hero-offer-title {
        font-size: clamp(1.08rem, 6.4vw, 1.46rem) !important;
    }

    .hero-offer-copy {
        -webkit-line-clamp: 3 !important;
    }

    .home-services-actions {
        display: none !important;
    }

    .home-service-card {
        min-height: 3.85rem !important;
    }

    .home-process-head .section-number,
    .portfolio-section .section-number,
    .contact-head .section-number {
        font-size: clamp(1.75rem, 10vw, 2.4rem) !important;
    }

    .home-process-head h2,
    .portfolio-section h2,
    .contact-head h2 {
        font-size: clamp(1.08rem, 6vw, 1.42rem) !important;
    }

    .home-process-card {
        min-height: 4.25rem !important;
    }

    .home-tech-stack span {
        min-height: 1.6rem !important;
    }

    .portfolio-card {
        min-height: 4.1rem !important;
    }

    .contact-form-panel textarea {
        height: 3.2rem !important;
        min-height: 3.2rem !important;
    }
}

/* Mobile composition pass: make every phone slide feel like a real vertical screen. */
@media (max-width: 759px) {
    .snap-section {
        --kc-mobile-top: clamp(4.75rem, 10.8vh, 5.35rem);
        --kc-mobile-bottom: clamp(0.5rem, 1.2vh, 0.75rem);
    }

    .home-services-section > .relative.z-10,
    .home-process-inner,
    .portfolio-section > .relative.z-10,
    .contact-inner {
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        overflow: hidden !important;
    }

    .home-services-layout,
    .home-process-section--research .home-process-inner,
    .home-process-section--release .home-process-inner,
    .portfolio-section > .relative.z-10,
    .contact-inner {
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        align-content: stretch !important;
        gap: clamp(0.65rem, 1.65vh, 0.95rem) !important;
    }

    .home-process-head,
    .portfolio-section > .relative.z-10 > .flex,
    .contact-head {
        grid-template-columns: minmax(0, 1fr) !important;
        margin-bottom: 0 !important;
        overflow: hidden !important;
        text-align: left !important;
    }

    .home-process-head--reverse,
    .home-process-head--reverse > * {
        direction: ltr !important;
    }

    .home-process-head .section-number,
    .portfolio-section .section-number,
    .contact-head .section-number {
        font-size: clamp(1.85rem, 11.5vw, 2.8rem) !important;
    }

    .home-process-head h2,
    .portfolio-section h2,
    .contact-head h2 {
        max-width: 100% !important;
        font-size: clamp(1.28rem, 7vw, 1.82rem) !important;
        line-height: 0.94 !important;
        overflow-wrap: normal !important;
    }

    .home-services-copy {
        align-self: start !important;
    }

    .home-services-kicker {
        margin-bottom: 0.34rem !important;
        font-size: clamp(0.48rem, 2.4vw, 0.58rem) !important;
    }

    .home-services-copy h2 {
        max-width: 18rem !important;
        font-size: clamp(1.65rem, 8vw, 2.28rem) !important;
        line-height: 0.94 !important;
    }

    .home-services-copy > p:not(.home-services-kicker) {
        max-width: 100% !important;
        margin-top: 0.52rem !important;
        font-size: clamp(0.74rem, 3.6vw, 0.92rem) !important;
        line-height: 1.28 !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-services-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0.55rem !important;
        margin-top: 0.62rem !important;
    }

    .home-services-button {
        min-height: 2.35rem !important;
        padding: 0.55rem 0.48rem !important;
        font-size: clamp(0.5rem, 2.55vw, 0.62rem) !important;
    }

    .home-services-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
        min-height: 0 !important;
        gap: clamp(0.42rem, 1.15vh, 0.62rem) !important;
    }

    .home-service-card {
        display: flex !important;
        min-height: 0 !important;
        height: 100% !important;
        flex-direction: column !important;
        justify-content: center !important;
        padding: clamp(0.62rem, 1.85vh, 0.9rem) clamp(0.78rem, 4vw, 1rem) !important;
    }

    .home-service-card__num {
        margin-bottom: 0.2rem !important;
        font-size: clamp(0.46rem, 2.25vw, 0.56rem) !important;
    }

    .home-service-card h3 {
        font-size: clamp(0.86rem, 4.6vw, 1.08rem) !important;
        line-height: 1.02 !important;
    }

    .home-service-card p {
        margin-top: 0.24rem !important;
        font-size: clamp(0.62rem, 3.15vw, 0.76rem) !important;
        line-height: 1.22 !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-process-section--research .home-process-grid--research {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        min-height: 0 !important;
        gap: clamp(0.58rem, 1.45vh, 0.82rem) !important;
    }

    .home-process-section--research .home-process-card {
        display: flex !important;
        min-height: 0 !important;
        height: 100% !important;
        flex-direction: column !important;
        justify-content: center !important;
        padding: clamp(0.82rem, 2.1vh, 1.12rem) clamp(0.92rem, 4.4vw, 1.16rem) !important;
    }

    .home-process-section--research .home-process-card .material-symbols-outlined {
        font-size: clamp(1.05rem, 5vw, 1.35rem) !important;
    }

    .home-process-section--research .home-process-card h3 {
        margin-bottom: 0.36rem !important;
        font-size: clamp(0.98rem, 5vw, 1.22rem) !important;
    }

    .home-process-section--research .home-process-card p {
        font-size: clamp(0.68rem, 3.35vw, 0.82rem) !important;
        line-height: 1.3 !important;
        -webkit-line-clamp: 3 !important;
    }

    .home-process-section--creation .home-process-inner {
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        gap: clamp(0.68rem, 1.65vh, 0.96rem) !important;
    }

    .home-process-section--creation .home-process-layout--creation {
        display: block !important;
        height: 100% !important;
        max-height: none !important;
        min-height: 0 !important;
    }

    .home-process-grid--creation {
        display: grid !important;
        height: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(6.2rem, 0.28fr) minmax(0, 0.72fr) !important;
        gap: clamp(0.58rem, 1.4vh, 0.8rem) !important;
    }

    .home-process-grid--creation > .home-process-card--creation:first-child {
        display: flex !important;
        min-height: 0 !important;
        height: 100% !important;
        align-items: center !important;
        padding: clamp(0.8rem, 2.1vh, 1.05rem) clamp(0.9rem, 4vw, 1.12rem) !important;
    }

    .home-process-grid--creation > .home-tech-stack-card {
        min-height: 0 !important;
        height: 100% !important;
        padding: clamp(0.72rem, 1.8vh, 0.95rem) clamp(0.82rem, 3.8vw, 1rem) !important;
        gap: clamp(0.4rem, 1vh, 0.58rem) !important;
    }

    .home-process-card--creation h4,
    .home-tech-stack-card > h4 {
        font-size: clamp(0.98rem, 5vw, 1.24rem) !important;
        line-height: 1.02 !important;
    }

    .home-process-card--creation p,
    .home-tech-stack-intro {
        font-size: clamp(0.66rem, 3.35vw, 0.8rem) !important;
        line-height: 1.25 !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-architecture-points {
        margin-top: 0.5rem !important;
        gap: 0.34rem !important;
    }

    .home-architecture-points span {
        padding: 0.23rem 0.46rem !important;
        font-size: clamp(0.46rem, 2.35vw, 0.56rem) !important;
    }

    .home-tech-stack {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        gap: clamp(0.3rem, 0.85vh, 0.45rem) !important;
    }

    .home-tech-stack span {
        display: flex !important;
        min-height: 0 !important;
        height: 100% !important;
        flex-direction: column !important;
        justify-content: center !important;
        padding: 0.36rem 0.58rem !important;
        font-size: clamp(0.54rem, 2.75vw, 0.66rem) !important;
        line-height: 1.15 !important;
    }

    .home-tech-stack b {
        margin-bottom: 0.08rem !important;
        font-size: clamp(0.46rem, 2.25vw, 0.55rem) !important;
    }

    .home-process-section--release .home-process-layout--release {
        display: block !important;
        height: 100% !important;
        min-height: 0 !important;
    }

    .home-process-grid--release {
        display: grid !important;
        height: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(0.62rem, 1.55vh, 0.88rem) !important;
    }

    .home-release-card {
        min-height: 0 !important;
        height: 100% !important;
        grid-template-columns: clamp(2rem, 10vw, 2.55rem) minmax(0, 1fr) !important;
        gap: clamp(0.62rem, 3vw, 0.86rem) !important;
        padding: clamp(0.82rem, 2.25vh, 1.08rem) clamp(0.86rem, 4vw, 1.1rem) !important;
    }

    .home-release-card__icon {
        width: clamp(2rem, 10vw, 2.55rem) !important;
        height: clamp(2rem, 10vw, 2.55rem) !important;
    }

    .home-release-card h4 {
        font-size: clamp(0.92rem, 4.8vw, 1.14rem) !important;
    }

    .home-release-card p {
        font-size: clamp(0.66rem, 3.3vw, 0.8rem) !important;
        line-height: 1.28 !important;
        -webkit-line-clamp: 3 !important;
    }

    .portfolio-grid {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(0.55rem, 1.35vh, 0.78rem) !important;
    }

    .portfolio-card {
        min-height: 0 !important;
        height: 100% !important;
        grid-template-columns: clamp(5.2rem, 25vw, 6.6rem) minmax(0, 1fr) !important;
    }

    .portfolio-card__body {
        padding: clamp(0.62rem, 1.8vh, 0.85rem) clamp(0.68rem, 3.5vw, 0.95rem) !important;
    }

    .portfolio-card__eyebrow {
        font-size: clamp(0.43rem, 2.25vw, 0.54rem) !important;
    }

    .portfolio-card__title {
        font-size: clamp(0.86rem, 4.5vw, 1.08rem) !important;
    }

    .portfolio-card__text {
        font-size: clamp(0.62rem, 3.15vw, 0.76rem) !important;
        line-height: 1.23 !important;
        -webkit-line-clamp: 2 !important;
    }

    .contact-section {
        padding-bottom: 0 !important;
    }

    .contact-inner {
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - 2.3rem) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - 2.3rem) !important;
    }

    .contact-layout {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) auto !important;
        gap: clamp(0.55rem, 1.35vh, 0.76rem) !important;
    }

    .contact-form-panel {
        min-height: 0 !important;
        height: 100% !important;
        padding: clamp(0.68rem, 1.8vh, 0.92rem) !important;
    }

    .contact-form-panel h3 {
        font-size: clamp(0.82rem, 4vw, 1rem) !important;
    }

    .contact-form-panel input,
    .contact-form-panel textarea {
        font-size: clamp(0.72rem, 3.45vw, 0.86rem) !important;
    }

    .contact-channel-card {
        padding: clamp(0.62rem, 1.55vh, 0.82rem) !important;
    }
}

@media (max-height: 720px) and (max-width: 759px) {
    .snap-section {
        --kc-mobile-top: 4.1rem;
        --kc-mobile-bottom: 0.42rem;
    }

    .home-services-section > .relative.z-10,
    .home-process-inner,
    .portfolio-section > .relative.z-10 {
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
    }

    .home-services-layout,
    .home-process-section--research .home-process-inner,
    .home-process-section--creation .home-process-inner,
    .home-process-section--release .home-process-inner,
    .portfolio-section > .relative.z-10,
    .contact-inner {
        gap: 0.52rem !important;
    }

    .home-services-actions {
        display: none !important;
    }

    .home-services-copy h2 {
        font-size: clamp(1.35rem, 7.2vw, 1.8rem) !important;
    }

    .home-services-copy > p:not(.home-services-kicker) {
        margin-top: 0.35rem !important;
        font-size: 0.7rem !important;
    }

    .home-service-card,
    .home-process-section--research .home-process-card,
    .home-release-card {
        padding-top: 0.55rem !important;
        padding-bottom: 0.55rem !important;
    }

    .home-service-card h3,
    .home-process-section--research .home-process-card h3,
    .home-process-card--creation h4,
    .home-tech-stack-card > h4,
    .home-release-card h4,
    .portfolio-card__title {
        font-size: clamp(0.78rem, 4.2vw, 0.96rem) !important;
    }

    .home-service-card p,
    .home-process-section--research .home-process-card p,
    .home-process-card--creation p,
    .home-tech-stack-intro,
    .home-release-card p,
    .portfolio-card__text {
        font-size: clamp(0.56rem, 2.9vw, 0.68rem) !important;
        line-height: 1.18 !important;
    }

    .home-process-grid--creation {
        grid-template-rows: minmax(5rem, 0.26fr) minmax(0, 0.74fr) !important;
    }

    .home-architecture-points {
        margin-top: 0.36rem !important;
    }

    .home-tech-stack span {
        padding-top: 0.28rem !important;
        padding-bottom: 0.28rem !important;
        font-size: clamp(0.48rem, 2.55vw, 0.58rem) !important;
    }

    .portfolio-card {
        grid-template-columns: 4.7rem minmax(0, 1fr) !important;
    }

    .contact-inner {
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - 2rem) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - 2rem) !important;
    }

    .contact-form-panel textarea {
        height: clamp(3.2rem, 9vh, 4rem) !important;
        min-height: clamp(3.2rem, 9vh, 4rem) !important;
    }
}

/* Final mobile composition system */
@media (max-width: 759px) {
    html,
    body {
        width: 100% !important;
        overflow: hidden !important;
    }

    #snap-container,
    #sections-wrapper,
    .snap-section {
        width: 100% !important;
        height: var(--kc-vh) !important;
        min-height: var(--kc-vh) !important;
        max-height: var(--kc-vh) !important;
        overflow: hidden !important;
    }

    .snap-section {
        --kc-mobile-top: clamp(4.9rem, 10.5svh, 5.45rem);
        --kc-mobile-bottom: clamp(2.15rem, 6.2svh, 3.35rem);
        padding: var(--kc-mobile-top) clamp(0.95rem, 4.3vw, 1.55rem) var(--kc-mobile-bottom) !important;
        justify-content: center !important;
    }

    .home-services-layout,
    .home-process-inner,
    .portfolio-section > .relative.z-10,
    .contact-inner {
        width: 100% !important;
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        min-height: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .snap-section:first-child {
        --kc-mobile-top: clamp(5rem, 10.8svh, 5.65rem);
        --kc-mobile-bottom: clamp(2.55rem, 8svh, 4.1rem);
    }

    .snap-section:first-child > .absolute.inset-0 img {
        opacity: 0.62 !important;
        transform: scale(1.05) !important;
    }

    .hero-offer-layout {
        display: flex !important;
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: stretch !important;
        gap: clamp(0.8rem, 2.5svh, 1.25rem) !important;
        padding: 0 !important;
    }

    .hero-offer-layout > div:first-child,
    .hero-offer-side {
        width: 100% !important;
    }

    .hero-offer-title {
        width: 100% !important;
        margin: 0 !important;
        font-size: clamp(1.9rem, 8.9vw, 2.85rem) !important;
        line-height: 0.9 !important;
        letter-spacing: 0 !important;
    }

    .hero-offer-title span {
        max-width: 100% !important;
        overflow-wrap: normal !important;
        word-break: keep-all !important;
    }

    .hero-offer-title span:last-child {
        font-size: 0.86em !important;
        opacity: 0.28 !important;
    }

    .hero-offer-side {
        display: grid !important;
        grid-template-columns: clamp(5.25rem, 26vw, 7rem) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: clamp(0.75rem, 3.5vw, 1rem) !important;
        padding-bottom: 0 !important;
    }

    .hero-founder-card {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 1rem !important;
    }

    .hero-founder-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .hero-offer-copy {
        max-width: none !important;
        margin: 0 !important;
        color: rgba(255, 247, 255, 0.9) !important;
        font-size: clamp(0.9rem, 4.05vw, 1.12rem) !important;
        line-height: 1.28 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 4 !important;
    }

    .scroll-indicator {
        bottom: clamp(0.65rem, 2.2svh, 1.2rem) !important;
    }

    .scroll-indicator__label {
        display: none !important;
    }

    .home-services-section {
        --kc-mobile-bottom: clamp(1.35rem, 4svh, 2.2rem);
    }

    .home-services-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        gap: clamp(0.58rem, 1.65svh, 0.92rem) !important;
        align-content: stretch !important;
    }

    .home-services-copy {
        min-height: 0 !important;
    }

    .home-services-kicker {
        margin-bottom: clamp(0.26rem, 0.9svh, 0.48rem) !important;
        font-size: clamp(0.54rem, 2.75vw, 0.68rem) !important;
        letter-spacing: 0.16em !important;
    }

    .home-services-copy h2 {
        margin: 0 !important;
        font-size: clamp(1.9rem, 9.7vw, 2.85rem) !important;
        line-height: 0.9 !important;
        letter-spacing: 0 !important;
    }

    .home-services-copy > p:not(.home-services-kicker) {
        max-width: none !important;
        margin-top: clamp(0.38rem, 1.1svh, 0.58rem) !important;
        font-size: clamp(0.78rem, 3.55vw, 0.98rem) !important;
        line-height: 1.25 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-services-actions {
        display: flex !important;
        gap: 0.5rem !important;
        margin-top: clamp(0.48rem, 1.35svh, 0.7rem) !important;
    }

    .home-services-button {
        min-height: clamp(2.35rem, 6.2svh, 2.75rem) !important;
        flex: 1 1 0 !important;
        padding: 0.7rem 0.55rem !important;
        font-size: clamp(0.58rem, 2.9vw, 0.72rem) !important;
        letter-spacing: 0.03em !important;
        text-align: center !important;
    }

    .home-services-grid {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
        gap: clamp(0.45rem, 1.12svh, 0.66rem) !important;
    }

    .home-service-card {
        min-height: 0 !important;
        height: 100% !important;
        padding: clamp(0.54rem, 1.45svh, 0.8rem) clamp(0.76rem, 3.7vw, 1rem) !important;
        justify-content: center !important;
    }

    .home-service-card__num {
        margin-bottom: 0.16rem !important;
        font-size: clamp(0.43rem, 2.15vw, 0.52rem) !important;
        letter-spacing: 0.15em !important;
    }

    .home-service-card h3 {
        font-size: clamp(0.82rem, 4.2vw, 1.04rem) !important;
        line-height: 1.04 !important;
        letter-spacing: 0 !important;
    }

    .home-service-card p {
        margin-top: 0.22rem !important;
        font-size: clamp(0.6rem, 3.05vw, 0.74rem) !important;
        line-height: 1.2 !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-process-section--research,
    .home-process-section--creation,
    .home-process-section--release,
    .portfolio-section {
        --kc-mobile-bottom: clamp(1.6rem, 4.8svh, 2.7rem);
    }

    .home-process-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        gap: clamp(0.62rem, 1.7svh, 0.92rem) !important;
    }

    .home-process-head,
    .home-process-head--reverse,
    .portfolio-section > .relative.z-10 > .flex,
    .contact-head {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: clamp(0.45rem, 2.5vw, 0.72rem) !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .home-process-head--reverse > * {
        text-align: left !important;
    }

    .home-process-head .section-number,
    .portfolio-section .section-number,
    .contact-head .section-number {
        flex: 0 0 auto !important;
        font-size: clamp(2.25rem, 12vw, 3.8rem) !important;
        line-height: 0.8 !important;
    }

    .home-process-head h2,
    .portfolio-section h2,
    .contact-head h2 {
        min-width: 0 !important;
        font-size: clamp(1.55rem, 8.5vw, 3rem) !important;
        line-height: 0.95 !important;
        letter-spacing: 0 !important;
    }

    .home-process-section--research .home-process-grid--research {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(0.52rem, 1.35svh, 0.75rem) !important;
    }

    .home-process-section--research .home-process-card {
        display: grid !important;
        min-height: 0 !important;
        height: 100% !important;
        align-content: center !important;
        gap: clamp(0.26rem, 0.8svh, 0.42rem) !important;
        padding: clamp(0.7rem, 1.85svh, 1rem) clamp(0.82rem, 4vw, 1.12rem) !important;
    }

    .home-process-section--research .home-process-card .mb-4,
    .home-process-section--research .home-process-card .md\:mb-6 {
        margin-bottom: 0 !important;
    }

    .home-process-section--research .home-process-card .material-symbols-outlined {
        font-size: clamp(1rem, 4.8vw, 1.32rem) !important;
    }

    .home-process-section--research .home-process-card h3 {
        margin: 0 !important;
        font-size: clamp(0.98rem, 4.9vw, 1.25rem) !important;
        line-height: 1.04 !important;
        letter-spacing: 0 !important;
    }

    .home-process-section--research .home-process-card p {
        margin: 0 !important;
        font-size: clamp(0.68rem, 3.28vw, 0.82rem) !important;
        line-height: 1.24 !important;
        -webkit-line-clamp: 3 !important;
    }

    .home-process-section--creation .home-process-visual--browser,
    .home-process-section--release .home-process-visual--terminal {
        display: none !important;
    }

    .home-process-section--creation .home-process-layout--creation,
    .home-process-section--release .home-process-layout--release {
        display: block !important;
        height: 100% !important;
        min-height: 0 !important;
    }

    .home-process-grid--creation {
        display: grid !important;
        height: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(5.8rem, 0.25fr) minmax(0, 0.75fr) !important;
        gap: clamp(0.52rem, 1.35svh, 0.76rem) !important;
    }

    .home-process-grid--creation > .home-process-card--creation:first-child {
        min-height: 0 !important;
        height: 100% !important;
        padding: clamp(0.72rem, 1.8svh, 1rem) clamp(0.78rem, 3.8vw, 1.05rem) !important;
    }

    .home-process-grid--creation > .home-process-card--creation:first-child > span {
        display: none !important;
    }

    .home-process-grid--creation > .home-tech-stack-card {
        min-height: 0 !important;
        height: 100% !important;
        padding: clamp(0.7rem, 1.7svh, 0.95rem) clamp(0.74rem, 3.6vw, 1rem) !important;
        gap: clamp(0.32rem, 0.86svh, 0.52rem) !important;
    }

    .home-process-card--creation h4,
    .home-tech-stack-card > h4 {
        margin: 0 !important;
        font-size: clamp(0.98rem, 4.85vw, 1.24rem) !important;
        line-height: 1.04 !important;
        letter-spacing: 0 !important;
    }

    .home-process-card--creation p,
    .home-tech-stack-intro {
        margin-top: 0.28rem !important;
        font-size: clamp(0.64rem, 3.15vw, 0.78rem) !important;
        line-height: 1.22 !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-architecture-points {
        margin-top: 0.42rem !important;
        gap: 0.28rem !important;
    }

    .home-architecture-points span {
        padding: 0.22rem 0.44rem !important;
        font-size: clamp(0.44rem, 2.2vw, 0.54rem) !important;
    }

    .home-tech-stack {
        display: grid !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
        gap: clamp(0.28rem, 0.78svh, 0.42rem) !important;
    }

    .home-tech-stack span {
        display: flex !important;
        min-height: 0 !important;
        height: 100% !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0.42rem !important;
        padding: 0.34rem 0.5rem !important;
        font-size: clamp(0.52rem, 2.55vw, 0.64rem) !important;
        line-height: 1.15 !important;
    }

    .home-tech-stack b {
        flex: 0 0 clamp(4.7rem, 26vw, 6.5rem) !important;
        margin: 0 !important;
        font-size: clamp(0.44rem, 2.15vw, 0.54rem) !important;
        line-height: 1.05 !important;
    }

    .home-process-grid--release {
        display: grid !important;
        height: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(0.55rem, 1.5svh, 0.82rem) !important;
    }

    .home-release-card {
        min-height: 0 !important;
        height: 100% !important;
        align-items: center !important;
        gap: clamp(0.55rem, 3vw, 0.82rem) !important;
        padding: clamp(0.72rem, 1.9svh, 1rem) clamp(0.76rem, 3.7vw, 1.05rem) !important;
    }

    .home-release-card h4 {
        font-size: clamp(0.92rem, 4.55vw, 1.14rem) !important;
        line-height: 1.04 !important;
    }

    .home-release-card p {
        font-size: clamp(0.64rem, 3.15vw, 0.78rem) !important;
        line-height: 1.24 !important;
        -webkit-line-clamp: 3 !important;
    }

    .portfolio-section > .relative.z-10 {
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        gap: clamp(0.55rem, 1.45svh, 0.82rem) !important;
    }

    .portfolio-grid {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(0.46rem, 1.15svh, 0.68rem) !important;
    }

    .portfolio-card {
        min-height: 0 !important;
        height: 100% !important;
        grid-template-columns: clamp(4.7rem, 23vw, 6.4rem) minmax(0, 1fr) !important;
    }

    .portfolio-card__body {
        min-height: 0 !important;
        padding: clamp(0.58rem, 1.65svh, 0.82rem) clamp(0.62rem, 3.4vw, 0.92rem) !important;
    }

    .portfolio-card__title {
        font-size: clamp(0.82rem, 4.1vw, 1.04rem) !important;
        line-height: 1.05 !important;
    }

    .portfolio-card__text {
        font-size: clamp(0.58rem, 2.95vw, 0.72rem) !important;
        line-height: 1.2 !important;
        -webkit-line-clamp: 2 !important;
    }

    .contact-section {
        --kc-mobile-bottom: clamp(0.42rem, 1.5svh, 0.82rem);
        padding-bottom: var(--kc-mobile-bottom) !important;
    }

    .contact-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        gap: clamp(0.48rem, 1.2svh, 0.7rem) !important;
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom) - 0.9rem) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom) - 0.9rem) !important;
    }

    .contact-head h2 {
        font-size: clamp(1.34rem, 7.2vw, 2.2rem) !important;
    }

    .contact-layout {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) auto !important;
        gap: clamp(0.48rem, 1.18svh, 0.7rem) !important;
    }

    .contact-form-panel {
        display: flex !important;
        min-height: 0 !important;
        height: 100% !important;
        flex-direction: column !important;
        padding: clamp(0.62rem, 1.55svh, 0.88rem) !important;
    }

    .contact-form-panel h3 {
        margin-bottom: clamp(0.42rem, 1svh, 0.6rem) !important;
        font-size: clamp(0.78rem, 3.7vw, 0.94rem) !important;
    }

    .contact-form-panel form {
        display: grid !important;
        min-height: 0 !important;
        flex: 1 1 auto !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: clamp(0.36rem, 0.9svh, 0.5rem) !important;
    }

    .contact-form-panel form > .grid {
        gap: clamp(0.34rem, 0.85svh, 0.48rem) !important;
    }

    .contact-form-panel label {
        margin-bottom: 0.12rem !important;
        font-size: clamp(0.47rem, 2.25vw, 0.56rem) !important;
        letter-spacing: 0.08em !important;
    }

    .contact-form-panel input,
    .contact-form-panel textarea {
        min-height: 0 !important;
        padding: 0.62rem 0.72rem !important;
        font-size: clamp(0.68rem, 3.1vw, 0.8rem) !important;
        line-height: 1.2 !important;
    }

    .contact-form-panel input {
        height: clamp(2.35rem, 6svh, 2.75rem) !important;
    }

    .contact-form-panel textarea {
        height: clamp(3.5rem, 10svh, 5rem) !important;
        min-height: clamp(3.5rem, 10svh, 5rem) !important;
    }

    .contact-form-panel button {
        min-height: clamp(2.45rem, 6.3svh, 2.9rem) !important;
        margin-top: 0.08rem !important;
        padding: 0.72rem 0.8rem !important;
        font-size: clamp(0.62rem, 2.9vw, 0.76rem) !important;
        letter-spacing: 0.08em !important;
    }

    .contact-form-panel form > p {
        margin: 0 !important;
        font-size: clamp(0.5rem, 2.35vw, 0.6rem) !important;
        line-height: 1.22 !important;
    }

    .contact-side {
        min-height: 0 !important;
        margin: 0 !important;
    }

    .contact-channel-card {
        padding: clamp(0.56rem, 1.35svh, 0.78rem) !important;
    }

    .contact-channel-card h3 {
        margin-bottom: 0.38rem !important;
        font-size: clamp(0.48rem, 2.35vw, 0.6rem) !important;
        letter-spacing: 0.14em !important;
    }

    .contact-channel-card .grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.34rem !important;
    }

    .contact-channel-link {
        padding: 0.42rem 0.55rem !important;
        border: 1px solid rgba(244, 189, 255, 0.11) !important;
        border-radius: 0.55rem !important;
        background: rgba(255, 247, 255, 0.035) !important;
    }

    .contact-channel-link p:first-child {
        margin: 0 0 0.1rem !important;
        font-size: clamp(0.43rem, 2.1vw, 0.52rem) !important;
    }

    .contact-channel-link p:last-child {
        font-size: clamp(0.66rem, 3.2vw, 0.82rem) !important;
        line-height: 1.18 !important;
        overflow-wrap: anywhere !important;
    }

    .contact-footer {
        display: none !important;
    }
}

@media (max-width: 320px) {
    .hero-offer-title {
        font-size: clamp(1.62rem, 8.5vw, 1.95rem) !important;
    }

    .hero-offer-side {
        grid-template-columns: clamp(4.6rem, 25vw, 5.3rem) minmax(0, 1fr) !important;
    }

    .hero-offer-copy {
        font-size: clamp(0.78rem, 3.7vw, 0.9rem) !important;
        -webkit-line-clamp: 3 !important;
    }

    .home-services-copy h2,
    .home-process-head h2,
    .portfolio-section h2,
    .contact-head h2 {
        font-size: clamp(1.34rem, 7.5vw, 1.8rem) !important;
    }

    .home-process-head .section-number,
    .portfolio-section .section-number,
    .contact-head .section-number {
        font-size: clamp(1.95rem, 11vw, 2.6rem) !important;
    }

    .home-tech-stack b {
        flex-basis: clamp(4rem, 25vw, 4.8rem) !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    .snap-section {
        --kc-mobile-top: 4.65rem;
        --kc-mobile-bottom: 1.35rem;
    }

    .snap-section:first-child {
        --kc-mobile-top: 4.72rem;
        --kc-mobile-bottom: 2.2rem;
    }

    .home-services-actions {
        display: none !important;
    }

    .home-services-copy h2 {
        font-size: clamp(1.5rem, 8.2vw, 2.15rem) !important;
    }

    .home-services-copy > p:not(.home-services-kicker) {
        -webkit-line-clamp: 1 !important;
    }

    .home-process-section--research .home-process-card p,
    .home-release-card p {
        -webkit-line-clamp: 2 !important;
    }

    .home-process-section--research .home-process-card .material-symbols-outlined {
        display: none !important;
    }

    .home-tech-stack-intro {
        display: none !important;
    }

    .portfolio-card__text {
        -webkit-line-clamp: 1 !important;
    }

    .contact-form-panel h3 .material-symbols-outlined {
        display: none !important;
    }

    .contact-form-panel textarea {
        height: clamp(2.9rem, 8.2svh, 3.4rem) !important;
        min-height: clamp(2.9rem, 8.2svh, 3.4rem) !important;
    }
}

@media (max-width: 759px) {
    #sections-wrapper {
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .snap-section {
        flex: 0 0 var(--kc-vh) !important;
    }

    .home-process-head {
        gap: clamp(0.32rem, 1.6vw, 0.55rem) !important;
    }

    .home-process-head .section-number {
        font-size: clamp(1.9rem, 10vw, 3.15rem) !important;
    }

    .home-process-head h2 {
        font-size: clamp(1.2rem, 6vw, 2rem) !important;
        padding-right: 0.18em !important;
        white-space: nowrap !important;
    }
}

/* Mobile composition v2: prioritize readable screens over squeezing every desktop item in. */
@media (max-width: 759px) {
    .hero-offer-layout {
        justify-content: flex-start !important;
        gap: clamp(0.78rem, 2.4svh, 1.12rem) !important;
    }

    .hero-offer-title {
        font-size: clamp(2.02rem, 9.3vw, 3.1rem) !important;
        line-height: 0.88 !important;
    }

    .hero-offer-side {
        width: 100% !important;
        margin-top: clamp(0.15rem, 1svh, 0.55rem) !important;
        padding: clamp(0.62rem, 1.7svh, 0.88rem) !important;
        border: 1px solid rgba(244, 189, 255, 0.16) !important;
        border-radius: 1.05rem !important;
        background: linear-gradient(135deg, rgba(255, 247, 255, 0.08), rgba(58, 10, 70, 0.32)) !important;
        box-shadow: 0 1rem 2.4rem rgba(10, 0, 18, 0.22) !important;
    }

    .hero-founder-card {
        border-radius: 0.85rem !important;
    }

    .hero-offer-copy {
        font-size: clamp(0.82rem, 3.85vw, 1rem) !important;
        line-height: 1.24 !important;
        -webkit-line-clamp: 4 !important;
    }

    .home-services-layout {
        grid-template-rows: auto minmax(0, 1fr) !important;
        gap: clamp(0.72rem, 1.85svh, 1rem) !important;
    }

    .home-services-copy h2 {
        font-size: clamp(2.05rem, 10.4vw, 3.05rem) !important;
    }

    .home-services-copy > p:not(.home-services-kicker) {
        -webkit-line-clamp: 2 !important;
    }

    .home-services-grid {
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(0.52rem, 1.25svh, 0.78rem) !important;
    }

    .home-service-card:nth-child(n+5) {
        display: none !important;
    }

    .home-service-card {
        padding: clamp(0.72rem, 1.75svh, 1rem) clamp(0.85rem, 4vw, 1.1rem) !important;
    }

    .home-service-card h3 {
        font-size: clamp(0.98rem, 4.8vw, 1.22rem) !important;
    }

    .home-service-card p {
        font-size: clamp(0.68rem, 3.2vw, 0.82rem) !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-tech-stack span:nth-child(n+5) {
        display: none !important;
    }

    .home-tech-stack {
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
    }

    .home-process-grid--creation {
        grid-template-rows: minmax(6.2rem, 0.32fr) minmax(0, 0.68fr) !important;
    }

    .home-tech-stack-card {
        padding-bottom: clamp(0.72rem, 1.7svh, 0.95rem) !important;
    }

    .contact-layout {
        grid-template-rows: minmax(0, 1fr) auto !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    .hero-offer-side {
        margin-top: 0.25rem !important;
        grid-template-columns: clamp(4.35rem, 22vw, 5.1rem) minmax(0, 1fr) !important;
    }

    .home-services-grid {
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    }

    .home-service-card:nth-child(n+4) {
        display: none !important;
    }

    .contact-layout {
        grid-template-rows: minmax(0, 1fr) !important;
    }

    .contact-side {
        display: none !important;
    }
}

/* Mobile composition v3: make the first screen feel intentional, not top-heavy. */
@media (max-width: 759px) {
    .snap-section:first-child {
        --kc-mobile-top: clamp(4.9rem, 10.5svh, 5.55rem);
        --kc-mobile-bottom: clamp(3rem, 9svh, 4.6rem);
    }

    .hero-offer-layout {
        display: flex !important;
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: stretch !important;
        gap: clamp(1rem, 3.2svh, 1.55rem) !important;
        padding: 0 !important;
    }

    .hero-offer-layout > div:first-child,
    .hero-offer-side {
        width: 100% !important;
    }

    .hero-offer-title {
        width: 100% !important;
        margin: 0 !important;
        font-size: clamp(1.58rem, 7.55vw, 2.72rem) !important;
        line-height: 0.86 !important;
        letter-spacing: 0 !important;
    }

    .hero-offer-title span {
        max-width: 100% !important;
        overflow-wrap: normal !important;
        word-break: keep-all !important;
    }

    .hero-offer-title span:last-child {
        font-size: 0.9em !important;
        opacity: 0.32 !important;
    }

    .hero-offer-side {
        display: grid !important;
        grid-template-columns: clamp(6rem, 29vw, 8.3rem) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: clamp(0.78rem, 3.5vw, 1.08rem) !important;
        min-height: clamp(7.15rem, 18svh, 9.6rem) !important;
        margin: 0 !important;
        padding: clamp(0.64rem, 1.6svh, 0.9rem) !important;
        border: 1px solid rgba(244, 189, 255, 0.17) !important;
        border-radius: 1rem !important;
        background: linear-gradient(135deg, rgba(255, 247, 255, 0.075), rgba(35, 2, 45, 0.38)) !important;
        box-shadow: 0 1rem 2.4rem rgba(10, 0, 18, 0.22) !important;
    }

    .hero-founder-card {
        width: 100% !important;
        min-height: clamp(6rem, 16svh, 8.5rem) !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 0.72rem !important;
    }

    .hero-founder-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .hero-offer-copy {
        max-width: none !important;
        margin: 0 !important;
        color: rgba(255, 247, 255, 0.92) !important;
        font-size: clamp(0.92rem, 4vw, 1.08rem) !important;
        line-height: 1.25 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 5 !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    .snap-section:first-child {
        --kc-mobile-top: 4.65rem;
        --kc-mobile-bottom: 2.6rem;
    }

    .hero-offer-layout {
        gap: clamp(0.62rem, 2.2svh, 0.95rem) !important;
    }

    .hero-offer-title {
        font-size: clamp(1.36rem, 7.35vw, 2.05rem) !important;
        line-height: 0.88 !important;
    }

    .hero-offer-side {
        grid-template-columns: clamp(4.9rem, 24vw, 6.2rem) minmax(0, 1fr) !important;
        min-height: clamp(5.6rem, 16svh, 7rem) !important;
        padding: clamp(0.5rem, 1.25svh, 0.7rem) !important;
    }

    .hero-founder-card {
        min-height: clamp(4.9rem, 15svh, 6rem) !important;
    }

    .hero-offer-copy {
        font-size: clamp(0.78rem, 3.7vw, 0.94rem) !important;
        line-height: 1.2 !important;
        -webkit-line-clamp: 3 !important;
    }
}

@media (max-width: 320px) {
    .hero-offer-title {
        font-size: clamp(1.28rem, 7.25vw, 1.65rem) !important;
    }

    .hero-offer-side {
        grid-template-columns: clamp(4.35rem, 24vw, 5.1rem) minmax(0, 1fr) !important;
    }
}

/* Mobile UX system v5: home page compositions. */
@media (max-width: 759px) {
    :root {
        --kc-mobile-pad-x: clamp(0.95rem, 4.25vw, 1.45rem);
        --kc-mobile-section-top: clamp(4.85rem, 9.4svh, 5.45rem);
        --kc-mobile-section-bottom: clamp(0.85rem, 2.6svh, 1.45rem);
        --kc-mobile-gap: clamp(0.48rem, 1.3svh, 0.86rem);
        --kc-mobile-card-pad: clamp(0.68rem, 1.72svh, 1rem);
        --kc-mobile-h1: clamp(1.82rem, 8.4vw, 3rem);
        --kc-mobile-h2: clamp(1.45rem, 7vw, 2.42rem);
        --kc-mobile-title: clamp(0.9rem, 4.05vw, 1.16rem);
        --kc-mobile-body: clamp(0.72rem, 3.25vw, 0.92rem);
        --kc-mobile-label: clamp(0.52rem, 2.45vw, 0.66rem);
    }

    nav.fixed img.kc-brand-logo {
        width: clamp(2.5rem, 10.5vw, 2.75rem) !important;
        height: clamp(2.5rem, 10.5vw, 2.75rem) !important;
        border-radius: 0.55rem !important;
    }

    .snap-section {
        --kc-mobile-top: var(--kc-mobile-section-top);
        --kc-mobile-bottom: var(--kc-mobile-section-bottom);
        padding: var(--kc-mobile-top) var(--kc-mobile-pad-x) var(--kc-mobile-bottom) !important;
    }

    .snap-section > .relative.z-10,
    .home-services-section > .relative.z-10,
    .home-process-inner,
    .portfolio-section > .relative.z-10,
    .contact-inner {
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        padding-inline: 0 !important;
    }

    .scroll-rail {
        display: none !important;
    }

    .scroll-indicator {
        bottom: clamp(0.62rem, 2.2svh, 1rem) !important;
        transform: translateX(-50%) scale(0.68) !important;
    }

    .section-number {
        font-size: clamp(2rem, 10vw, 3.45rem) !important;
        line-height: 0.78 !important;
        letter-spacing: 0 !important;
    }

    .snap-section:first-child {
        --kc-mobile-top: clamp(5rem, 9.7svh, 5.55rem);
        --kc-mobile-bottom: clamp(2.2rem, 6svh, 3.4rem);
    }

    .hero-offer-layout {
        display: grid !important;
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        grid-template-rows: auto auto !important;
        align-content: center !important;
        gap: clamp(0.85rem, 2.6svh, 1.35rem) !important;
        padding: 0 !important;
    }

    .hero-offer-title {
        width: 100% !important;
        font-size: clamp(1.86rem, 8.6vw, 3.05rem) !important;
        line-height: 0.84 !important;
        letter-spacing: 0 !important;
    }

    .hero-offer-title span {
        overflow-wrap: normal !important;
        word-break: keep-all !important;
    }

    .hero-offer-title span:last-child {
        font-size: 0.9em !important;
        opacity: 0.34 !important;
    }

    .hero-offer-side {
        display: grid !important;
        grid-template-columns: clamp(6.9rem, 31vw, 8.75rem) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: clamp(0.78rem, 3.4vw, 1.08rem) !important;
        min-height: 0 !important;
        padding: clamp(0.62rem, 1.55svh, 0.86rem) !important;
        border: 1px solid rgba(244, 189, 255, 0.18) !important;
        border-radius: 0.98rem !important;
        background: linear-gradient(135deg, rgba(255, 247, 255, 0.08), rgba(35, 2, 45, 0.38)) !important;
    }

    .hero-founder-card {
        width: clamp(6.9rem, 31vw, 8.75rem) !important;
        min-height: 0 !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 0.78rem !important;
    }

    .hero-offer-copy {
        font-size: clamp(0.86rem, 3.72vw, 1rem) !important;
        line-height: 1.24 !important;
        -webkit-line-clamp: 5 !important;
    }

    .home-services-layout {
        display: grid !important;
        height: 100% !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        align-content: stretch !important;
        gap: var(--kc-mobile-gap) !important;
    }

    .home-services-copy {
        display: grid !important;
        gap: clamp(0.34rem, 0.95svh, 0.56rem) !important;
    }

    .home-services-kicker {
        margin: 0 !important;
        font-size: var(--kc-mobile-label) !important;
    }

    .home-services-copy h2 {
        margin: 0 !important;
        font-size: clamp(1.82rem, 8.2vw, 2.82rem) !important;
        line-height: 0.9 !important;
    }

    .home-services-copy > p:not(.home-services-kicker) {
        max-width: none !important;
        margin: 0 !important;
        font-size: clamp(0.76rem, 3.35vw, 0.92rem) !important;
        line-height: 1.24 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-services-actions {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(0.42rem, 1.5vw, 0.6rem) !important;
        margin-top: 0.12rem !important;
    }

    .home-services-button {
        min-height: clamp(2.34rem, 6.4svh, 2.9rem) !important;
        padding: 0.5rem 0.6rem !important;
        border-radius: 999px !important;
        font-size: clamp(0.62rem, 2.85vw, 0.76rem) !important;
        letter-spacing: 0.02em !important;
        text-align: center !important;
    }

    .home-services-grid {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(0.42rem, 1.1svh, 0.62rem) !important;
    }

    .home-service-card {
        display: flex !important;
        min-height: 0 !important;
        height: 100% !important;
        padding: clamp(0.58rem, 1.35svh, 0.82rem) clamp(0.62rem, 3vw, 0.86rem) !important;
        border-radius: 0.72rem !important;
        justify-content: center !important;
        gap: 0.18rem !important;
    }

    .home-service-card:nth-child(n+5) {
        display: none !important;
    }

    .home-service-card__num {
        font-size: clamp(0.5rem, 2.2vw, 0.62rem) !important;
        letter-spacing: 0.18em !important;
    }

    .home-service-card h3 {
        margin: 0 !important;
        font-size: clamp(0.82rem, 3.8vw, 1.02rem) !important;
        line-height: 1.02 !important;
        overflow-wrap: anywhere;
    }

    .home-service-card p {
        margin: 0 !important;
        font-size: clamp(0.62rem, 2.82vw, 0.74rem) !important;
        line-height: 1.18 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-process-inner {
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        gap: var(--kc-mobile-gap) !important;
    }

    .home-process-head,
    .home-process-head--reverse,
    .portfolio-section .flex.flex-col,
    .contact-head {
        display: flex !important;
        flex-direction: row !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        gap: clamp(0.42rem, 2vw, 0.72rem) !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .home-process-head--reverse > *,
    .contact-head > * {
        order: initial !important;
    }

    .home-process-head h2,
    .portfolio-section h2,
    .contact-head h2 {
        margin: 0 !important;
        font-size: clamp(1.42rem, 6.5vw, 2.24rem) !important;
        line-height: 0.95 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    .home-process-grid,
    .home-process-grid--research {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(0.42rem, 1.05svh, 0.66rem) !important;
    }

    .home-process-card {
        min-height: 0 !important;
        height: 100% !important;
        padding: clamp(0.62rem, 1.45svh, 0.88rem) clamp(0.72rem, 3.2vw, 1rem) !important;
        border-radius: 0.72rem !important;
        justify-content: center !important;
        gap: 0.22rem !important;
    }

    .home-process-card .material-symbols-outlined {
        font-size: clamp(1.05rem, 4.7vw, 1.36rem) !important;
    }

    .home-process-card .mb-4,
    .home-process-card .md\:mb-6 {
        margin-bottom: clamp(0.22rem, 0.7svh, 0.4rem) !important;
    }

    .home-process-card h3,
    .home-process-card h4,
    .home-release-card h4 {
        margin: 0 0 0.16rem !important;
        font-size: clamp(0.94rem, 4.25vw, 1.2rem) !important;
        line-height: 1.02 !important;
        letter-spacing: 0 !important;
        text-wrap: balance;
    }

    .home-process-card p,
    .home-release-card p {
        font-size: clamp(0.68rem, 3.05vw, 0.82rem) !important;
        line-height: 1.2 !important;
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-process-card code,
    .home-process-card .font-label,
    .home-process-card .relative.z-10.flex.flex-wrap,
    .home-process-card .relative.z-10.mt-4 {
        display: none !important;
    }

    .home-process-layout--creation,
    .home-process-layout--release {
        display: block !important;
        height: 100% !important;
    }

    .home-process-visual--browser,
    .home-process-visual--terminal {
        display: none !important;
    }

    .home-process-grid--creation {
        display: grid !important;
        height: 100% !important;
        grid-template-rows: minmax(0, 0.28fr) minmax(0, 0.72fr) !important;
        gap: clamp(0.5rem, 1.2svh, 0.72rem) !important;
    }

    .home-process-grid--creation > .home-process-card--creation:first-child {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        padding: clamp(0.66rem, 1.45svh, 0.9rem) clamp(0.76rem, 3.3vw, 1.02rem) !important;
    }

    .home-process-grid--creation > .home-process-card--creation:first-child .material-symbols-outlined {
        display: inline-flex !important;
        font-size: clamp(1.15rem, 5vw, 1.45rem) !important;
    }

    .home-architecture-points {
        gap: 0.25rem !important;
        margin-top: clamp(0.32rem, 0.8svh, 0.48rem) !important;
    }

    .home-architecture-points span {
        padding: 0.22rem 0.38rem !important;
        font-size: clamp(0.48rem, 2.1vw, 0.58rem) !important;
    }

    .home-tech-stack-card {
        padding: clamp(0.66rem, 1.45svh, 0.9rem) clamp(0.76rem, 3.3vw, 1.02rem) !important;
    }

    .home-tech-stack-card > h4 {
        margin: 0 !important;
        font-size: clamp(0.98rem, 4.45vw, 1.26rem) !important;
    }

    .home-tech-stack-intro {
        display: -webkit-box !important;
        margin: clamp(0.2rem, 0.55svh, 0.34rem) 0 !important;
        font-size: clamp(0.62rem, 2.8vw, 0.74rem) !important;
        line-height: 1.18 !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .home-tech-stack {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
        gap: clamp(0.28rem, 0.7svh, 0.42rem) !important;
    }

    .home-tech-stack span,
    .home-tech-stack span:nth-child(n+5) {
        display: grid !important;
        min-height: 0 !important;
        grid-template-columns: minmax(4.7rem, 0.38fr) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 0.36rem !important;
        padding: 0.36rem 0.5rem !important;
        border-radius: 0.55rem !important;
        font-size: clamp(0.56rem, 2.55vw, 0.68rem) !important;
        line-height: 1.08 !important;
    }

    .home-tech-stack b {
        margin: 0 !important;
        font-size: clamp(0.54rem, 2.45vw, 0.66rem) !important;
        line-height: 1.05 !important;
    }

    .home-process-grid--release {
        display: grid !important;
        height: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(0.5rem, 1.2svh, 0.72rem) !important;
    }

    .home-release-card {
        display: grid !important;
        grid-template-columns: clamp(2rem, 8.5vw, 2.45rem) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: clamp(0.52rem, 2.4vw, 0.72rem) !important;
        padding: clamp(0.68rem, 1.55svh, 0.94rem) clamp(0.76rem, 3.4vw, 1.04rem) !important;
        border: 1px solid rgba(244, 189, 255, 0.13) !important;
        border-radius: 0.78rem !important;
        background: rgba(255, 247, 255, 0.055) !important;
    }

    .home-release-card__icon {
        width: clamp(2rem, 8.5vw, 2.45rem) !important;
        height: clamp(2rem, 8.5vw, 2.45rem) !important;
    }

    .portfolio-section > .relative.z-10 {
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        gap: var(--kc-mobile-gap) !important;
    }

    .portfolio-grid {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(0.42rem, 1svh, 0.62rem) !important;
    }

    .portfolio-card {
        display: grid !important;
        min-height: 0 !important;
        height: 100% !important;
        grid-template-columns: clamp(4.9rem, 24vw, 6.4rem) minmax(0, 1fr) !important;
        border-radius: 0.72rem !important;
    }

    .portfolio-card__image-wrap {
        height: 100% !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        border-radius: 0.72rem 0 0 0.72rem !important;
    }

    .portfolio-card__body {
        padding: clamp(0.54rem, 1.25svh, 0.78rem) clamp(0.62rem, 3vw, 0.86rem) !important;
        gap: 0.16rem !important;
    }

    .portfolio-card__eyebrow {
        margin-bottom: 0.12rem !important;
        font-size: clamp(0.46rem, 2.1vw, 0.58rem) !important;
        letter-spacing: 0.16em !important;
    }

    .portfolio-card__title {
        font-size: clamp(0.78rem, 3.55vw, 0.98rem) !important;
        line-height: 1.04 !important;
    }

    .portfolio-card__text {
        font-size: clamp(0.6rem, 2.7vw, 0.72rem) !important;
        line-height: 1.16 !important;
        -webkit-line-clamp: 2 !important;
    }

    .contact-section {
        --kc-mobile-bottom: clamp(0.42rem, 1.4svh, 0.82rem);
    }

    .contact-inner {
        display: grid !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        gap: clamp(0.42rem, 1svh, 0.62rem) !important;
    }

    .contact-layout {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: minmax(0, 1fr) auto !important;
        gap: clamp(0.42rem, 1svh, 0.62rem) !important;
    }

    .contact-form-panel {
        min-height: 0 !important;
        padding: clamp(0.62rem, 1.45svh, 0.86rem) clamp(0.7rem, 3vw, 0.95rem) !important;
        border-radius: 0.78rem !important;
    }

    .contact-form-panel h3 {
        margin-bottom: clamp(0.38rem, 0.9svh, 0.56rem) !important;
        font-size: clamp(0.84rem, 3.6vw, 1rem) !important;
    }

    #projectForm,
    #projectForm .grid {
        display: grid !important;
        gap: clamp(0.36rem, 0.84svh, 0.52rem) !important;
    }

    #projectForm > * + *,
    #projectForm .space-y-1 > * + * {
        margin-top: 0 !important;
    }

    .contact-form-panel label {
        font-size: clamp(0.48rem, 2.15vw, 0.58rem) !important;
        letter-spacing: 0.1em !important;
    }

    .contact-form-panel input,
    .contact-form-panel textarea {
        min-height: clamp(2.15rem, 5.8svh, 2.65rem) !important;
        padding: 0.46rem 0.64rem !important;
        font-size: clamp(0.7rem, 3.05vw, 0.82rem) !important;
    }

    .contact-form-panel textarea {
        height: clamp(4.2rem, 12svh, 5.6rem) !important;
        min-height: 0 !important;
    }

    .contact-submit-button {
        min-height: clamp(2.35rem, 6svh, 2.85rem) !important;
        margin-top: 0 !important;
        padding: 0.55rem 0.7rem !important;
        font-size: clamp(0.64rem, 2.85vw, 0.76rem) !important;
    }

    #projectForm > p {
        margin: 0 !important;
        font-size: clamp(0.52rem, 2.35vw, 0.62rem) !important;
        line-height: 1.18 !important;
    }

    .contact-side {
        display: block !important;
        min-height: 0 !important;
    }

    .contact-channel-card {
        padding: clamp(0.5rem, 1.15svh, 0.7rem) clamp(0.62rem, 2.8vw, 0.82rem) !important;
        border-radius: 0.72rem !important;
    }

    .contact-channel-card h3 {
        margin-bottom: 0.34rem !important;
        font-size: clamp(0.48rem, 2.2vw, 0.58rem) !important;
    }

    .contact-channel-card .grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 0.32rem !important;
    }

    .contact-channel-link {
        min-height: 2rem !important;
        padding: 0.34rem 0.42rem !important;
        border-radius: 0.52rem !important;
        background: rgba(255, 247, 255, 0.045) !important;
    }

    .contact-channel-link p:first-child {
        margin: 0 0 0.08rem !important;
        font-size: clamp(0.42rem, 1.9vw, 0.5rem) !important;
    }

    .contact-channel-link p:last-child {
        overflow: hidden !important;
        font-size: clamp(0.52rem, 2.35vw, 0.64rem) !important;
        line-height: 1.05 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .contact-footer {
        display: none !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    .snap-section {
        --kc-mobile-top: 4.55rem;
        --kc-mobile-bottom: 0.55rem;
    }

    .snap-section:first-child {
        --kc-mobile-top: 4.75rem;
        --kc-mobile-bottom: 1.55rem;
    }

    .hero-offer-layout {
        gap: clamp(0.58rem, 1.7svh, 0.86rem) !important;
    }

    .hero-offer-title {
        font-size: clamp(1.5rem, 7.8vw, 2.15rem) !important;
        line-height: 0.86 !important;
    }

    .hero-offer-side {
        grid-template-columns: clamp(5.4rem, 27vw, 6.6rem) minmax(0, 1fr) !important;
        padding: 0.5rem !important;
    }

    .hero-founder-card {
        width: clamp(5.4rem, 27vw, 6.6rem) !important;
    }

    .hero-offer-copy {
        font-size: clamp(0.72rem, 3.55vw, 0.86rem) !important;
        -webkit-line-clamp: 4 !important;
    }

    .home-services-copy > p:not(.home-services-kicker) {
        -webkit-line-clamp: 1 !important;
    }

    .home-service-card:nth-child(4) {
        display: flex !important;
    }

    .home-process-card p,
    .home-release-card p,
    .portfolio-card__text {
        -webkit-line-clamp: 1 !important;
    }

    .home-tech-stack-intro {
        -webkit-line-clamp: 1 !important;
    }

    .contact-form-panel textarea {
        height: clamp(3.25rem, 9.5svh, 4.2rem) !important;
    }
}

@media (max-width: 320px) {
    .home-services-actions {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .home-services-button {
        min-height: 2.18rem !important;
    }

    .home-process-head h2,
    .portfolio-section h2,
    .contact-head h2 {
        font-size: clamp(1.22rem, 6.2vw, 1.62rem) !important;
    }

    .home-tech-stack span,
    .home-tech-stack span:nth-child(n+5) {
        grid-template-columns: minmax(3.9rem, 0.38fr) minmax(0, 1fr) !important;
    }

    .portfolio-card {
        grid-template-columns: clamp(4.2rem, 24vw, 5.1rem) minmax(0, 1fr) !important;
    }
}

/* Mobile hero founder photo: vertical composition with square full-width image. */
@media (max-width: 759px) {
    .hero-offer-side {
        display: flex !important;
        width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        grid-template-columns: none !important;
        gap: clamp(0.52rem, 1.45svh, 0.82rem) !important;
    }

    .hero-offer-title {
        font-size: clamp(1.48rem, 6.55vw, 2.05rem) !important;
        line-height: 0.98 !important;
    }

    .hero-offer-title span:last-child {
        padding-top: clamp(0.16rem, 0.75svh, 0.34rem) !important;
    }

    .hero-founder-card {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        border-radius: 0.82rem !important;
    }

    .hero-founder-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center 34% !important;
    }

    .hero-offer-copy {
        width: 100% !important;
        max-width: none !important;
        -webkit-line-clamp: 4 !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    .hero-offer-side {
        gap: clamp(0.38rem, 1.15svh, 0.58rem) !important;
        padding: 0.48rem !important;
    }

    .hero-founder-card {
        width: 100% !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
    }

    .hero-offer-title {
        font-size: clamp(1.2rem, 6.15vw, 1.62rem) !important;
        line-height: 0.95 !important;
    }

    .hero-offer-title span:last-child {
        padding-top: clamp(0.12rem, 0.5svh, 0.22rem) !important;
    }

    .hero-offer-copy {
        font-size: clamp(0.68rem, 3.4vw, 0.82rem) !important;
        line-height: 1.15 !important;
        -webkit-line-clamp: 2 !important;
    }

    .scroll-indicator {
        display: none !important;
    }
}

/* Mobile services overview: centered square 2x2 service tiles. */
@media (max-width: 759px) {
    #services-overview {
        --kc-mobile-top: clamp(4.75rem, 10svh, 5.45rem);
        --kc-mobile-bottom: clamp(1rem, 3.2svh, 1.8rem);
    }

    #services-overview > .relative.z-10 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #services-overview .home-services-layout {
        display: grid !important;
        width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
        grid-template-rows: auto auto !important;
        align-content: center !important;
        gap: clamp(0.72rem, 2svh, 1.08rem) !important;
    }

    #services-overview .home-services-copy {
        justify-items: center !important;
        text-align: center !important;
        gap: clamp(0.28rem, 0.82svh, 0.48rem) !important;
    }

    #services-overview .home-services-copy h2 {
        font-size: clamp(1.72rem, 7.45vw, 2.42rem) !important;
        line-height: 0.92 !important;
    }

    #services-overview .home-services-copy > p:not(.home-services-kicker) {
        max-width: 26rem !important;
        -webkit-line-clamp: 2 !important;
    }

    #services-overview .home-services-actions {
        width: min(100%, 22rem) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(0.34rem, 1.2vw, 0.48rem) !important;
    }

    #services-overview .home-services-button {
        min-height: clamp(2.12rem, 5.35svh, 2.56rem) !important;
        padding: 0.44rem 0.48rem !important;
    }

    #services-overview .home-services-grid {
        display: grid !important;
        width: min(100%, 25rem) !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        margin-inline: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        grid-auto-rows: auto !important;
        gap: clamp(0.28rem, 1.05vw, 0.42rem) !important;
    }

    #services-overview .home-service-card {
        display: flex !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        justify-content: center !important;
        padding: clamp(0.52rem, 1.35svh, 0.72rem) clamp(0.54rem, 2.25vw, 0.74rem) !important;
        gap: clamp(0.14rem, 0.42svh, 0.22rem) !important;
        border-radius: 0.68rem !important;
        opacity: 1 !important;
        transform: none !important;
    }

    #services-overview .home-service-card:nth-child(n+5) {
        display: none !important;
    }

    #services-overview .home-service-card__num {
        font-size: clamp(0.46rem, 2vw, 0.58rem) !important;
        letter-spacing: 0.14em !important;
    }

    #services-overview .home-service-card h3 {
        font-size: clamp(0.76rem, 3.38vw, 0.96rem) !important;
        line-height: 1.02 !important;
    }

    #services-overview .home-service-card p {
        font-size: clamp(0.56rem, 2.55vw, 0.68rem) !important;
        line-height: 1.14 !important;
        -webkit-line-clamp: 3 !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    #services-overview {
        --kc-mobile-top: 4.55rem;
        --kc-mobile-bottom: 0.8rem;
    }

    #services-overview .home-services-layout {
        gap: clamp(0.48rem, 1.25svh, 0.68rem) !important;
    }

    #services-overview .home-services-copy h2 {
        font-size: clamp(1.44rem, 6.7vw, 1.88rem) !important;
    }

    #services-overview .home-services-copy > p:not(.home-services-kicker) {
        -webkit-line-clamp: 1 !important;
    }

    #services-overview .home-services-button {
        min-height: 2rem !important;
    }

    #services-overview .home-service-card p {
        -webkit-line-clamp: 2 !important;
    }
}

/* Mobile research slide: compact centered 2x2 square cards. */
@media (max-width: 759px) {
    #research {
        --kc-mobile-top: clamp(4.75rem, 10svh, 5.45rem);
        --kc-mobile-bottom: clamp(1rem, 3.2svh, 1.8rem);
    }

    #research .home-process-inner {
        display: flex !important;
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: clamp(0.72rem, 2svh, 1.08rem) !important;
    }

    #research .home-process-head {
        justify-content: center !important;
        gap: clamp(0.38rem, 1.6vw, 0.62rem) !important;
        margin: 0 !important;
        text-align: center !important;
    }

    #research .section-number {
        font-size: clamp(2rem, 10.2vw, 3.3rem) !important;
        line-height: 0.9 !important;
    }

    #research .home-process-head h2 {
        font-size: clamp(1.38rem, 6.4vw, 2.2rem) !important;
        line-height: 0.95 !important;
        white-space: nowrap !important;
    }

    #research .home-process-grid--research {
        display: grid !important;
        width: min(100%, 25rem) !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        margin-inline: auto !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        grid-auto-rows: auto !important;
        gap: clamp(0.28rem, 1.05vw, 0.42rem) !important;
    }

    #research .home-process-card {
        display: flex !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        align-items: stretch !important;
        justify-content: center !important;
        padding: clamp(0.38rem, 0.95svh, 0.56rem) clamp(0.44rem, 2.1vw, 0.64rem) !important;
        border-radius: 0.68rem !important;
    }

    #research .home-process-card > div:has(> h3) {
        display: grid !important;
        height: 100% !important;
        min-height: 0 !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        align-content: center !important;
        align-items: center !important;
        column-gap: clamp(0.32rem, 1.45vw, 0.5rem) !important;
        row-gap: clamp(0.18rem, 0.6svh, 0.3rem) !important;
    }

    #research .home-process-card > div:has(> h3) > div:has(> .material-symbols-outlined) {
        display: inline-flex !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        align-items: center !important;
        justify-content: center !important;
    }

    #research .home-process-card .material-symbols-outlined {
        display: inline-block !important;
        font-size: clamp(1rem, 4.3vw, 1.3rem) !important;
        line-height: 1 !important;
    }

    #research .home-process-card h3 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
        font-size: clamp(0.6rem, 2.55vw, 0.72rem) !important;
        line-height: 1.02 !important;
        white-space: nowrap !important;
        text-wrap: nowrap !important;
    }

    #research .home-process-card p {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        margin: 0 !important;
        font-size: clamp(0.56rem, 2.55vw, 0.68rem) !important;
        line-height: 1.14 !important;
        text-align: left !important;
        -webkit-line-clamp: 3 !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    #research {
        --kc-mobile-top: 4.55rem;
        --kc-mobile-bottom: 0.8rem;
    }

    #research .home-process-inner {
        gap: clamp(0.48rem, 1.25svh, 0.68rem) !important;
    }

    #research .section-number {
        font-size: clamp(1.74rem, 8.8vw, 2.35rem) !important;
    }

    #research .home-process-head h2 {
        font-size: clamp(1.18rem, 5.6vw, 1.62rem) !important;
    }

    #research .home-process-card {
        padding-block: clamp(0.32rem, 0.72svh, 0.42rem) !important;
    }

    #research .home-process-card h3 {
        font-size: clamp(0.56rem, 2.55vw, 0.68rem) !important;
    }

    #research .home-process-card .material-symbols-outlined {
        display: inline-block !important;
        font-size: clamp(0.82rem, 3.85vw, 1rem) !important;
    }

    #research .home-process-card p {
        -webkit-line-clamp: 2 !important;
    }
}

/* Mobile creation slide: compact architecture and readable tech rows. */
@media (max-width: 759px) {
    #creation {
        --kc-mobile-top: clamp(4.75rem, 10svh, 5.45rem);
        --kc-mobile-bottom: clamp(1rem, 3.2svh, 1.8rem);
    }

    #creation .home-process-inner {
        display: grid !important;
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        grid-template-rows: auto auto !important;
        align-content: center !important;
        gap: clamp(0.42rem, 1.05svh, 0.62rem) !important;
    }

    #creation .home-process-head {
        justify-content: flex-start !important;
        gap: clamp(0.38rem, 1.6vw, 0.62rem) !important;
        margin: 0 !important;
        text-align: left !important;
    }

    #creation .section-number {
        font-size: clamp(2rem, 10.2vw, 3.3rem) !important;
        line-height: 0.9 !important;
    }

    #creation .home-process-head h2 {
        font-size: clamp(1.38rem, 6.4vw, 2.2rem) !important;
        line-height: 0.95 !important;
        white-space: nowrap !important;
    }

    #creation .home-process-layout--creation {
        display: flex !important;
        height: auto !important;
        min-height: 0 !important;
        align-items: center !important;
        padding-top: 0 !important;
    }

    #creation .home-process-grid--creation {
        display: grid !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        gap: clamp(0.42rem, 1.05svh, 0.62rem) !important;
    }

    #creation .home-process-grid--creation > .home-process-card--creation:first-child {
        display: grid !important;
        height: auto !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 10px !important;
        border-radius: 0.68rem !important;
    }

    #creation .home-process-grid--creation > .home-process-card--creation:first-child > span {
        display: none !important;
    }

    #creation .home-process-grid--creation > .home-process-card--creation:first-child .max-w-md {
        display: grid !important;
        max-width: none !important;
        gap: clamp(0.22rem, 0.55svh, 0.34rem) !important;
    }

    #creation .home-process-card--creation h4,
    #creation .home-tech-stack-card > h4 {
        margin: 0 !important;
        font-size: clamp(1rem, 4.45vw, 1.28rem) !important;
        line-height: 1.02 !important;
        letter-spacing: 0 !important;
        text-wrap: balance !important;
    }

    #creation .home-process-grid--creation > .home-process-card--creation:first-child p {
        margin: 0 !important;
        font-size: clamp(0.68rem, 3vw, 0.82rem) !important;
        line-height: 1.18 !important;
        -webkit-line-clamp: 2 !important;
    }

    #creation .home-architecture-points {
        display: grid !important;
        margin-top: clamp(0.08rem, 0.24svh, 0.14rem) !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: clamp(0.12rem, 0.55vw, 0.2rem) !important;
    }

    #creation .home-architecture-points span {
        min-width: 0 !important;
        padding: clamp(0.11rem, 0.32svh, 0.18rem) clamp(0.18rem, 0.8vw, 0.26rem) !important;
        font-size: clamp(0.38rem, 1.8vw, 0.48rem) !important;
        line-height: 1.05 !important;
        text-align: center !important;
    }

    #creation .home-tech-stack-card {
        display: grid !important;
        height: auto !important;
        min-height: 0 !important;
        grid-template-rows: auto auto auto !important;
        gap: clamp(0.22rem, 0.56svh, 0.34rem) !important;
        padding: 10px clamp(0.52rem, 2.5vw, 0.76rem) clamp(0.34rem, 0.82svh, 0.5rem) !important;
        border-radius: 0.68rem !important;
    }

    #creation .home-tech-stack-intro {
        display: -webkit-box !important;
        margin: 0 !important;
        padding-block: 5px !important;
        font-size: clamp(0.56rem, 2.52vw, 0.68rem) !important;
        line-height: 1.14 !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }

    #creation .home-tech-stack {
        display: grid !important;
        height: auto !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        grid-auto-rows: auto !important;
        align-content: start !important;
        gap: clamp(0.18rem, 0.56svh, 0.3rem) !important;
    }

    #creation .home-tech-stack span,
    #creation .home-tech-stack span:nth-child(n+5) {
        display: grid !important;
        min-height: 0 !important;
        height: auto !important;
        grid-template-columns: minmax(9.15rem, 0.54fr) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: clamp(0.24rem, 1vw, 0.36rem) !important;
        padding: 10px clamp(0.32rem, 1.35vw, 0.5rem) !important;
        border-radius: 0.5rem !important;
        font-size: clamp(0.72rem, 3.15vw, 0.88rem) !important;
        line-height: 1.16 !important;
        overflow: hidden !important;
    }

    #creation .home-tech-stack b {
        display: block !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: clamp(0.64rem, 2.65vw, 0.76rem) !important;
        line-height: 1.08 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    #creation {
        --kc-mobile-top: 4.55rem;
        --kc-mobile-bottom: 0.8rem;
    }

    #creation .home-process-inner {
        gap: clamp(0.46rem, 1.2svh, 0.64rem) !important;
    }

    #creation .section-number {
        font-size: clamp(1.74rem, 8.8vw, 2.35rem) !important;
    }

    #creation .home-process-head h2 {
        font-size: clamp(1.18rem, 5.6vw, 1.62rem) !important;
    }

    #creation .home-process-grid--creation {
        gap: clamp(0.32rem, 0.82svh, 0.46rem) !important;
    }

    #creation .home-process-grid--creation > .home-process-card--creation:first-child {
        padding: 10px !important;
    }

    #creation .home-process-card--creation h4,
    #creation .home-tech-stack-card > h4 {
        font-size: clamp(0.88rem, 4vw, 1.08rem) !important;
    }

    #creation .home-process-grid--creation > .home-process-card--creation:first-child p,
    #creation .home-tech-stack-intro {
        font-size: clamp(0.48rem, 2.28vw, 0.58rem) !important;
    }

    #creation .home-process-grid--creation > .home-process-card--creation:first-child p {
        -webkit-line-clamp: 2 !important;
    }

    #creation .home-tech-stack-intro {
        -webkit-line-clamp: 3 !important;
    }

    #creation .home-tech-stack {
        grid-template-rows: none !important;
        grid-auto-rows: auto !important;
    }

    #creation .home-tech-stack span:nth-child(n+5) {
        display: none !important;
    }

    #creation .home-tech-stack span {
        grid-template-columns: minmax(4.75rem, 0.4fr) minmax(0, 1fr) !important;
        padding-block: 10px !important;
        font-size: clamp(0.66rem, 2.95vw, 0.78rem) !important;
        line-height: 1.12 !important;
    }

    #creation .home-tech-stack b {
        font-size: clamp(0.58rem, 2.45vw, 0.66rem) !important;
    }
}

/* Mobile release slide: compact centered quality cards. */
@media (max-width: 759px) {
    #release .home-process-inner {
        display: grid !important;
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        grid-template-rows: auto auto !important;
        align-content: center !important;
        gap: clamp(0.62rem, 1.55svh, 0.95rem) !important;
    }

    #release .home-process-layout--release {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    #release .home-process-grid--release {
        display: grid !important;
        height: auto !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        grid-auto-rows: auto !important;
        align-content: center !important;
        gap: clamp(0.42rem, 1.05svh, 0.66rem) !important;
    }

    #release .home-release-card {
        display: grid !important;
        height: auto !important;
        min-height: clamp(5.05rem, 13.8svh, 6.35rem) !important;
        grid-template-columns: clamp(1.8rem, 7.6vw, 2.22rem) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: clamp(0.48rem, 2.2vw, 0.68rem) !important;
        padding: clamp(0.56rem, 1.32svh, 0.78rem) clamp(0.68rem, 3.1vw, 0.94rem) !important;
        border-radius: 0.72rem !important;
    }

    #release .home-release-card__icon {
        width: clamp(1.8rem, 7.6vw, 2.22rem) !important;
        height: clamp(1.8rem, 7.6vw, 2.22rem) !important;
    }

    #release .home-release-card__icon .material-symbols-outlined {
        font-size: clamp(1rem, 4.2vw, 1.25rem) !important;
    }

    #release .home-release-card__body {
        display: grid !important;
        gap: clamp(0.16rem, 0.45svh, 0.28rem) !important;
        align-content: center !important;
    }

    #release .home-release-card h4 {
        margin: 0 !important;
        font-size: clamp(0.92rem, 4.2vw, 1.14rem) !important;
        line-height: 1.03 !important;
    }

    #release .home-release-card p {
        margin: 0 !important;
        font-size: clamp(0.62rem, 2.82vw, 0.76rem) !important;
        line-height: 1.18 !important;
        -webkit-line-clamp: 2 !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    #release .home-process-inner {
        gap: clamp(0.46rem, 1.18svh, 0.64rem) !important;
    }

    #release .home-process-grid--release {
        gap: clamp(0.34rem, 0.88svh, 0.5rem) !important;
    }

    #release .home-release-card {
        min-height: clamp(4.28rem, 12.4svh, 4.95rem) !important;
        padding: clamp(0.46rem, 1.05svh, 0.6rem) clamp(0.58rem, 2.75vw, 0.78rem) !important;
    }

    #release .home-release-card p {
        -webkit-line-clamp: 1 !important;
    }
}

/* Mobile portfolio/contact compact pass. */
@media (max-width: 759px) {
    #portfolio > .relative.z-10 {
        display: grid !important;
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        grid-template-rows: auto auto !important;
        align-content: center !important;
        gap: clamp(0.44rem, 1.08svh, 0.68rem) !important;
    }

    #portfolio .portfolio-grid {
        display: grid !important;
        height: auto !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: none !important;
        grid-auto-rows: clamp(6.55rem, calc((var(--kc-vh) - 14.25rem) / 4), 11.75rem) !important;
        align-content: center !important;
        gap: clamp(0.42rem, 1svh, 0.62rem) !important;
    }

    #portfolio .portfolio-card {
        height: auto !important;
        min-height: 0 !important;
        grid-template-columns: clamp(4.65rem, 22vw, 5.95rem) minmax(0, 1fr) !important;
    }

    #portfolio .portfolio-card__body {
        justify-content: center !important;
        padding: clamp(0.48rem, 1.1svh, 0.68rem) clamp(0.58rem, 2.7vw, 0.78rem) !important;
    }

    #contact .contact-inner {
        display: grid !important;
        height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        max-height: calc(var(--kc-vh) - var(--kc-mobile-top) - var(--kc-mobile-bottom)) !important;
        grid-template-rows: auto auto !important;
        align-content: center !important;
        gap: clamp(0.36rem, 0.9svh, 0.56rem) !important;
    }

    #contact .contact-layout {
        display: grid !important;
        height: auto !important;
        min-height: 0 !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        align-content: center !important;
        gap: clamp(0.38rem, 0.9svh, 0.56rem) !important;
    }

    #contact .contact-form-panel {
        height: auto !important;
        min-height: 0 !important;
        padding: clamp(0.5rem, 1.1svh, 0.72rem) clamp(0.62rem, 2.8vw, 0.86rem) !important;
    }

    #contact .contact-form-panel h3 {
        margin-bottom: clamp(0.26rem, 0.62svh, 0.42rem) !important;
        font-size: clamp(0.78rem, 3.35vw, 0.92rem) !important;
    }

    #contact #projectForm,
    #contact #projectForm .grid,
    #contact #projectForm .space-y-1 {
        height: auto !important;
        min-height: 0 !important;
        grid-auto-rows: auto !important;
        align-content: start !important;
        align-items: stretch !important;
    }

    #contact #projectForm {
        gap: clamp(0.3rem, 0.72svh, 0.46rem) !important;
    }

    #contact #projectForm .grid {
        gap: clamp(0.28rem, 0.66svh, 0.42rem) !important;
    }

    #contact .contact-form-panel label {
        font-size: clamp(0.42rem, 1.85vw, 0.52rem) !important;
        line-height: 1.15 !important;
    }

    #contact .contact-form-panel input,
    #contact .contact-form-panel textarea {
        min-height: 0 !important;
        padding: 0.4rem 0.58rem !important;
        font-size: clamp(0.66rem, 2.85vw, 0.78rem) !important;
        line-height: 1.18 !important;
    }

    #contact .contact-form-panel input {
        height: clamp(2rem, 5.1svh, 2.34rem) !important;
    }

    #contact .contact-form-panel textarea {
        height: clamp(3.15rem, 8.4svh, 4.2rem) !important;
    }

    #contact .contact-submit-button {
        height: clamp(2.12rem, 5.25svh, 2.55rem) !important;
        min-height: 0 !important;
        padding: 0.42rem 0.68rem !important;
        font-size: clamp(0.6rem, 2.55vw, 0.72rem) !important;
    }

    #contact #projectForm > p {
        display: block !important;
        font-size: clamp(0.46rem, 2vw, 0.56rem) !important;
        line-height: 1.14 !important;
    }

    #contact .contact-side,
    #contact .contact-channel-card {
        height: auto !important;
        min-height: 0 !important;
    }

    #contact .contact-channel-card {
        padding: clamp(0.42rem, 0.95svh, 0.62rem) clamp(0.58rem, 2.6vw, 0.78rem) !important;
    }

    #contact .contact-channel-card h3 {
        margin-bottom: clamp(0.24rem, 0.58svh, 0.36rem) !important;
    }

    #contact .contact-channel-card .grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: clamp(0.24rem, 0.58svh, 0.36rem) !important;
    }

    #contact .contact-channel-link {
        min-height: 0 !important;
        padding: 0.3rem 0.42rem !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    #portfolio .portfolio-grid {
        grid-auto-rows: clamp(6.2rem, calc((var(--kc-vh) - 13rem) / 4), 6.6rem) !important;
    }

    #contact .contact-form-panel h3 {
        margin-bottom: 0.24rem !important;
    }

    #contact #projectForm {
        gap: 0.24rem !important;
    }

    #contact .contact-form-panel textarea {
        height: clamp(2.65rem, 7.4svh, 3.15rem) !important;
    }
}

.contact-side--mobile-inline {
    display: none;
}

/* Mobile contact order: channels live inside the form card after the title. */
@media (max-width: 759px) {
    #contact .contact-layout > .contact-side:not(.contact-side--mobile-inline) {
        display: none !important;
    }

    #contact .contact-form-panel {
        display: grid !important;
        gap: clamp(0.28rem, 0.68svh, 0.46rem) !important;
        align-content: start !important;
    }

    #contact .contact-form-panel > h3 {
        margin-bottom: 0 !important;
    }

    #contact .contact-side--mobile-inline {
        display: block !important;
        margin: 0 !important;
    }

    #contact .contact-side--mobile-inline .contact-channel-card {
        padding: clamp(0.36rem, 0.78svh, 0.52rem) clamp(0.46rem, 2.2vw, 0.66rem) !important;
        background: rgba(255, 247, 255, 0.045) !important;
    }

    #contact .contact-side--mobile-inline .contact-channel-card h3 {
        margin-bottom: clamp(0.2rem, 0.48svh, 0.3rem) !important;
    }

    #contact .contact-side--mobile-inline .contact-channel-card .grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: clamp(0.2rem, 0.48svh, 0.3rem) !important;
    }

    #contact .contact-side--mobile-inline .contact-channel-link {
        padding: 0.26rem 0.38rem !important;
    }

    #contact .contact-side--mobile-inline .contact-channel-link p:first-child {
        margin-bottom: 0.04rem !important;
    }
}

@media (max-width: 759px) and (max-height: 700px) {
    #contact .contact-side--mobile-inline .contact-channel-card {
        padding-block: 0.3rem !important;
    }

    #contact .contact-side--mobile-inline .contact-channel-link {
        padding-block: 0.22rem !important;
    }
}

/* Mobile typography lock: fixed role-based scale, no sub-10px text. */
@media (max-width: 767px) {
    :root {
        --kc-mobile-fs-label: 10px;
        --kc-mobile-fs-button: 12px;
        --kc-mobile-fs-card-body: 12px;
        --kc-mobile-fs-body: 13px;
        --kc-mobile-fs-card-title: 15px;
        --kc-mobile-fs-icon: 18px;
        --kc-mobile-fs-brand: 20px;
        --kc-mobile-fs-hero: 22px;
        --kc-mobile-fs-section: 25px;
        --kc-mobile-fs-number: 40px;
    }

    nav[data-mobile-nav] .text-2xl,
    nav[data-mobile-nav] .text-2xl a,
    nav.fixed .text-2xl,
    nav.fixed .text-2xl a {
        font-size: var(--kc-mobile-fs-brand) !important;
        line-height: 1 !important;
    }

    .kc-mobile-panel a {
        font-size: var(--kc-mobile-fs-body) !important;
        line-height: 1.12 !important;
    }

    .hero-offer-title,
    .hero-offer-title span,
    .hero-offer-title span:last-child {
        font-size: var(--kc-mobile-fs-hero) !important;
        line-height: 1 !important;
    }

    .hero-offer-copy,
    .home-services-copy > p:not(.home-services-kicker),
    .contact-channel-link p:last-child,
    .contact-form-panel input,
    .contact-form-panel textarea,
    #contact .contact-form-panel input,
    #contact .contact-form-panel textarea {
        font-size: var(--kc-mobile-fs-body) !important;
        line-height: 1.28 !important;
        overflow-wrap: anywhere !important;
    }

    .home-services-copy h2,
    .home-process-head h2,
    .portfolio-section h2,
    .contact-head h2,
    #services-overview .home-services-copy h2,
    #research .home-process-head h2,
    #creation .home-process-head h2,
    #portfolio h2,
    #contact .contact-head h2 {
        font-size: var(--kc-mobile-fs-section) !important;
        line-height: 1 !important;
    }

    .section-number,
    .home-process-head .section-number,
    .portfolio-section .section-number,
    .contact-head .section-number,
    #research .section-number,
    #creation .section-number,
    #portfolio .section-number,
    #contact .section-number {
        font-size: var(--kc-mobile-fs-number) !important;
        line-height: 0.82 !important;
    }

    .home-service-card h3,
    .home-process-card h3,
    .home-process-card h4,
    .home-release-card h4,
    .portfolio-card__title,
    .contact-form-panel h3,
    #services-overview .home-service-card h3,
    #research .home-process-card h3,
    #creation .home-process-card--creation h4,
    #creation .home-tech-stack-card > h4,
    #release .home-release-card h4,
    #portfolio .portfolio-card__title,
    #contact .contact-form-panel h3 {
        font-size: var(--kc-mobile-fs-card-title) !important;
        line-height: 1.08 !important;
    }

    .contact-channel-card h3,
    #contact .contact-channel-card h3,
    #contact .contact-side--mobile-inline .contact-channel-card h3 {
        font-size: var(--kc-mobile-fs-card-title) !important;
        line-height: 1.08 !important;
    }

    .home-service-card p,
    .home-process-card p,
    .home-release-card p,
    .portfolio-card__text,
    .home-tech-stack span,
    .home-tech-stack-intro,
    #services-overview .home-service-card p,
    #research .home-process-card p,
    #creation .home-process-card--creation p,
    #creation .home-tech-stack span,
    #creation .home-tech-stack-intro,
    #release .home-release-card p,
    #portfolio .portfolio-card__text {
        font-size: var(--kc-mobile-fs-card-body) !important;
        line-height: 1.22 !important;
    }

    .home-services-button,
    .contact-submit-button,
    #services-overview .home-services-button,
    #contact .contact-submit-button,
    #contact .contact-form-panel button {
        font-size: var(--kc-mobile-fs-button) !important;
        line-height: 1.12 !important;
    }

    .home-services-kicker,
    .home-service-card__num,
    .portfolio-card__eyebrow,
    .contact-channel-card h3,
    .contact-channel-link p:first-child,
    .contact-form-panel label,
    .contact-form-panel form > p,
    .home-process-card code,
    .home-process-card .font-label,
    .home-architecture-points span,
    .home-tech-stack b,
    #services-overview .home-service-card__num,
    #portfolio .portfolio-card__eyebrow,
    #contact .contact-channel-card h3,
    #contact .contact-channel-link p:first-child,
    #contact .contact-form-panel label,
    #contact #projectForm > p,
    #creation .home-architecture-points span,
    #creation .home-tech-stack b {
        font-size: var(--kc-mobile-fs-label) !important;
        line-height: 1.16 !important;
    }

    .contact-channel-card h3,
    #contact .contact-channel-card h3,
    #contact .contact-side--mobile-inline .contact-channel-card h3 {
        font-size: var(--kc-mobile-fs-card-title) !important;
        line-height: 1.08 !important;
    }

    .material-symbols-outlined,
    .home-process-card .material-symbols-outlined,
    .home-release-card__icon .material-symbols-outlined,
    .contact-form-panel .material-symbols-outlined,
    .contact-form-panel h3 .material-symbols-outlined,
    #contact .contact-form-panel h3 .material-symbols-outlined,
    #research .home-process-card .material-symbols-outlined,
    #release .home-release-card__icon .material-symbols-outlined {
        font-size: var(--kc-mobile-fs-icon) !important;
        line-height: 1 !important;
    }

    .scroll-indicator__label,
    [class*="text-[7px]"],
    [class*="text-[8px]"],
    [class*="text-[9px]"],
    [class*="text-[0.6rem]"],
    [class*="text-[0.68rem]"],
    [class*="text-[0.6875rem]"] {
        font-size: var(--kc-mobile-fs-label) !important;
        line-height: 1.16 !important;
    }

    #creation .home-process-grid--creation > .home-process-card--creation:first-child p,
    #creation .home-process-grid--creation > .home-process-card--creation:first-child .text-on-surface-variant,
    #creation .home-process-grid--creation > .home-tech-stack-card .home-tech-stack-intro {
        font-size: var(--kc-mobile-fs-card-body) !important;
        line-height: 1.22 !important;
    }

    #creation .home-tech-stack span,
    #creation .home-tech-stack span:nth-child(n+5) {
        font-size: var(--kc-mobile-fs-card-body) !important;
        line-height: 1.22 !important;
    }

    #creation .home-tech-stack b,
    #creation .home-architecture-points span,
    #creation .home-architecture-points span:last-child {
        font-size: var(--kc-mobile-fs-label) !important;
        line-height: 1.16 !important;
        letter-spacing: 0 !important;
        overflow-wrap: anywhere !important;
        white-space: normal !important;
    }

    #research .home-process-card h3 {
        font-size: var(--kc-mobile-fs-card-title) !important;
        line-height: 1.08 !important;
        overflow-wrap: anywhere !important;
        text-wrap: balance !important;
        white-space: normal !important;
    }

    .home-services-copy > p:not(.home-services-kicker),
    #services-overview .home-services-copy > p:not(.home-services-kicker) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
}

@media (max-width: 360px) {
    .home-process-head,
    .home-process-head--reverse,
    .portfolio-section .flex.flex-col,
    .contact-head {
        flex-wrap: wrap !important;
        row-gap: 4px !important;
    }

    .home-process-head h2,
    .portfolio-section h2,
    .contact-head h2,
    #research .home-process-head h2,
    #creation .home-process-head h2,
    #contact .contact-head h2 {
        flex: 1 0 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        text-wrap: balance !important;
    }

    #creation .home-process-head.home-process-head--reverse {
        flex-wrap: nowrap !important;
        align-items: baseline !important;
    }

    #creation .home-process-head.home-process-head--reverse h2 {
        flex: 0 1 auto !important;
        white-space: nowrap !important;
        text-wrap: nowrap !important;
    }

}

@media (max-width: 767px) {
    #creation .home-process-grid--creation {
        grid-template-rows: minmax(0, 1fr) !important;
    }

    #creation .home-process-grid--creation > .home-process-card--creation:first-child {
        display: none !important;
    }
}

@media (max-width: 767px) {
    #research .home-process-head,
    #creation .home-process-head.home-process-head--reverse,
    #release .home-process-head,
    #portfolio > .relative.z-10 > .flex {
        display: flex !important;
        width: 100% !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        margin-inline: 0 !important;
        text-align: left !important;
    }

    #research .home-process-head .section-number,
    #creation .home-process-head.home-process-head--reverse .section-number,
    #release .home-process-head .section-number,
    #portfolio > .relative.z-10 > .flex .section-number {
        display: block !important;
        align-self: flex-start !important;
        margin: 0 !important;
        text-align: left !important;
    }

    #research .home-process-head h2,
    #creation .home-process-head.home-process-head--reverse h2,
    #release .home-process-head h2,
    #portfolio > .relative.z-10 > .flex h2 {
        display: block !important;
        flex: 0 0 auto !important;
        align-self: flex-start !important;
        margin: 0 !important;
        text-align: left !important;
        white-space: normal !important;
        text-wrap: balance !important;
    }
}

@media (max-width: 767px) {
    #release .home-release-card p {
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 3 !important;
    }
}

@media (max-width: 767px) and (max-height: 700px) {
    #release .home-release-card p {
        -webkit-line-clamp: 3 !important;
    }
}

@media (max-width: 767px) {
    #contact .contact-channel-card h3 {
        display: none !important;
    }

    #contact .contact-channel-card {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 767px) {
    #contact .contact-head {
        margin-bottom: 10px !important;
    }

    #contact .contact-form-panel > h3 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #contact .contact-side--mobile-inline {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #contact #projectForm > .grid > .space-y-1 + .space-y-1,
    #contact #projectForm > .space-y-1 {
        margin-top: 10px !important;
    }

    #contact .contact-submit-button {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    #contact #projectForm > p {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }
}