/* ========================================================================== 
   HOME — large-screen content scaling only

   IMPORTANT
   ---------
   This file intentionally DOES NOT change section/container widths, max-widths,
   grid column widths, outer section padding, or section spacing.

   The original homepage layout remains the source of truth. As the viewport
   becomes larger, only visible content grows: typography, images/visuals,
   cards, list rows, icons, controls and animated artwork.
   Mobile/tablet rules remain owned by the existing component/mobile CSS.
   ========================================================================== */

@media (min-width: 1441px) {
    /* ------------------------------------------------------------------
       HERO
       ------------------------------------------------------------------ */
    .hl-h1 {
        font-size: clamp(86px, min(6vw, 10vh), 122px);
    }

    .hl-body p {
        font-size: clamp(23px, min(1.48vw, 2.55vh), 30px);
    }

    .hl-btn {
        font-size: clamp(18px, min(1.12vw, 1.95vh), 23px);
        padding: clamp(14px, 1.05vw, 20px) clamp(28px, 1.8vw, 38px);
    }

    /* The hero column width is untouched; only allow its existing artwork to
       use more of the available vertical space on a larger display. */
    .hl-mock {
        max-height: min(70vh, 900px);
    }

    .hl-sc {
        font-size: clamp(14px, min(.9vw, 1.45vh), 19px);
    }

    .hl-ctl button {
        width: clamp(26px, 1.75vw, 38px);
        height: clamp(26px, 1.75vw, 38px);
        font-size: clamp(18px, 1.15vw, 25px);
    }

    /* ------------------------------------------------------------------
       COMPLIANCE / TRUST
       ------------------------------------------------------------------ */
    .madds-trusted__eyebrow,
    .madds-trusted__label {
        font-size: clamp(.72rem, .58vw, .92rem);
    }

    .madds-trusted__head h2 {
        font-size: clamp(3.5rem, min(4vw, 6.6vh), 5rem);
    }

    .madds-trusted__head p,
    .madds-trusted__foot,
    .madds-trusted__note {
        font-size: clamp(1.08rem, min(1.05vw, 1.8vh), 1.38rem);
    }

    /* Card/list sizes grow, but the section width and row structure stay as-is. */
    .madds-trusted__card {
        width: clamp(330px, 22vw, 440px);
        min-height: clamp(175px, 12vw, 235px);
        padding: clamp(1.45rem, 1.25vw, 2rem) clamp(1.55rem, 1.35vw, 2.15rem);
    }

    .madds-trusted__card span {
        font-size: clamp(.68rem, .52vw, .88rem);
    }

    .madds-trusted__card .madds-trusted__icon {
        width: clamp(46px, 3vw, 62px);
        height: clamp(46px, 3vw, 62px);
    }

    .madds-trusted__card .madds-trusted__icon svg {
        width: clamp(24px, 1.55vw, 33px);
        height: clamp(24px, 1.55vw, 33px);
    }

    .madds-trusted__card strong {
        font-size: clamp(1.45rem, 1.35vw, 1.85rem);
    }

    .madds-trusted__card small,
    .madds-trusted__badge small,
    .madds-trusted__standard small {
        font-size: clamp(.78rem, .66vw, 1rem);
    }

    .madds-trusted__badge strong {
        font-size: clamp(.95rem, .78vw, 1.18rem);
    }

    .madds-trusted__badge-icon svg {
        width: clamp(22px, 1.4vw, 30px);
        height: clamp(22px, 1.4vw, 30px);
    }

    .madds-trusted__standard {
        min-height: clamp(96px, 7.2vw, 132px);
        padding: clamp(1.25rem, 1.05vw, 1.65rem) clamp(1.15rem, 1vw, 1.55rem);
    }

    .madds-trusted__standard strong {
        font-size: clamp(1.05rem, .88vw, 1.35rem);
    }

    /* ------------------------------------------------------------------
       ABOUT MADDS
       ------------------------------------------------------------------ */
    .ag-stage {
        width: min(100%, min(48vw, 80vh, 920px));
    }

    .ag-badge__in {
        font-size: clamp(.85rem, .68vw, 1.08rem);
        padding: clamp(.5rem, .45vw, .7rem) clamp(.95rem, .78vw, 1.25rem);
    }

    .ag-tip {
        font-size: clamp(.78rem, .6vw, .96rem);
    }

    .ag-copy h1 {
        font-size: clamp(3.1rem, min(3.6vw, 5.7vh), 4.5rem);
    }

    .ag-copy h2 {
        font-size: clamp(1.55rem, min(1.55vw, 2.65vh), 2rem);
    }

    .ag-card__tilt {
        padding: clamp(1.15rem, 1vw, 1.55rem) clamp(1.15rem, 1vw, 1.55rem) clamp(1.25rem, 1.08vw, 1.7rem);
    }

    .ag-card__icon {
        width: clamp(38px, 2.5vw, 54px);
        height: clamp(38px, 2.5vw, 54px);
        font-size: clamp(1rem, .8vw, 1.22rem);
    }

    .ag-card h3 {
        font-size: clamp(1.12rem, .9vw, 1.42rem);
    }

    .ag-card p,
    .ag-about-text {
        font-size: clamp(.95rem, .76vw, 1.18rem);
    }

    .ag-stat__num {
        font-size: clamp(2.35rem, 2.1vw, 3.1rem);
    }

    .ag-stat__label {
        font-size: clamp(.86rem, .68vw, 1.05rem);
    }

    /* ------------------------------------------------------------------
       IDEA BEHIND MADDS
       ------------------------------------------------------------------ */
    .main-parallax .text h2 {
        font-size: clamp(2.5rem, min(2.55vw, 4.45vh), 3.5rem);
    }

    .main-parallax .text .line {
        font-size: clamp(1rem, .9vw, 1.25rem);
    }

    .main-parallax .content-img img {
        max-height: min(60vh, 760px);
    }

    .main-parallax .tab {
        font-size: clamp(1.25rem, 1.35vw, 2.1rem);
    }

    /* ------------------------------------------------------------------
       SPECIALISATION
       ------------------------------------------------------------------ */
    .madds-specialisation__eyebrow,
    .madds-specialisation__hint {
        font-size: clamp(.72rem, .58vw, .92rem);
    }

    .madds-specialisation__intro h2 {
        font-size: clamp(5.1rem, min(4.3vw, 8.4vh), 6.5rem);
    }

    .madds-specialisation__intro p,
    .madds-specialisation__preview-bottom p {
        font-size: clamp(1rem, .82vw, 1.24rem);
    }

    .madds-specialisation__item {
        height: clamp(72px, 5.1vw, 92px);
        min-height: clamp(72px, 5.1vw, 92px);
        font-size: clamp(1.42rem, 1.18vw, 1.8rem);
    }

    .madds-specialisation__arrow {
        width: clamp(34px, 2.25vw, 46px);
        height: clamp(34px, 2.25vw, 46px);
        font-size: clamp(1.9rem, 1.55vw, 2.45rem);
    }

    .madds-specialisation__preview-media {
        height: min(68vh, 700px);
        min-height: 460px;
    }

    .madds-specialisation__preview-content h3 {
        font-size: clamp(1.6rem, 1.8vw, 2.7rem);
    }

    .madds-specialisation__preview-top,
    .madds-specialisation__tags span {
        font-size: clamp(.7rem, .56vw, .9rem);
    }

    /* ------------------------------------------------------------------
       SOLUTIONS
       ------------------------------------------------------------------ */
    section.custom-tabs .costomized-head span {
        font-size: clamp(3rem, min(3.1vw, 5.1vh), 4.35rem);
    }

    section.custom-tabs .costomized-head h2 {
        font-size: clamp(3rem, min(3vw, 4.9vh), 4.25rem);
    }

    section.custom-tabs .costomized-head p {
        font-size: clamp(1rem, .82vw, 1.24rem);
    }

    section.custom-tabs .tab-list .sol-tab,
    .tab-list .tab {
        font-size: clamp(2rem, 1.55vw, 2.6rem);
        padding-top: clamp(18px, 1.15vw, 24px);
        padding-bottom: clamp(18px, 1.15vw, 24px);
    }

    section.custom-tabs .sol-detail .sol-cap-icon {
        height: clamp(64px, 4.6vw, 94px);
    }

    section.custom-tabs .sol-detail .sol-cap-text {
        font-size: clamp(1rem, .8vw, 1.2rem);
    }

    section.custom-tabs .sol-detail .sol-cap-btn,
    .expand-btn {
        font-size: clamp(1rem, .8vw, 1.18rem);
        padding: clamp(.65rem, .55vw, .85rem) clamp(1.4rem, 1.3vw, 2rem);
    }

    /* ------------------------------------------------------------------
       MANAGED IT SERVICES
       ------------------------------------------------------------------ */
    .managed.managed-arc .costomized-head h2 {
        font-size: clamp(2.2rem, min(2.35vw, 3.9vh), 3.35rem);
    }

    .managed.managed-arc .costomized-head p {
        font-size: clamp(1rem, .82vw, 1.22rem);
    }

    .arc__btn {
        width: clamp(46px, 3vw, 64px);
        height: clamp(46px, 3vw, 64px);
    }

    .arc__btn svg {
        width: clamp(18px, 1.2vw, 26px);
        height: clamp(18px, 1.2vw, 26px);
    }

    .arc__info h3 {
        font-size: clamp(1.15rem, .95vw, 1.45rem);
    }

    .arc__info p,
    .arc__cta {
        font-size: clamp(.9rem, .75vw, 1.12rem);
    }

    .arc__cta {
        padding: clamp(.6rem, .5vw, .78rem) clamp(1.6rem, 1.25vw, 2.1rem);
    }

    /* ------------------------------------------------------------------
       TECHNOLOGIES
       ------------------------------------------------------------------ */
    .technologies .costomized-head h2 {
        font-size: clamp(2.2rem, min(2.45vw, 4vh), 3.5rem);
    }

    .technologies .costomized-head p {
        font-size: clamp(.95rem, .8vw, 1.2rem);
    }

    .technologies .swiper-slide img {
        width: clamp(90px, 5.6vw, 128px);
        height: clamp(90px, 5.6vw, 128px);
    }

    /* ------------------------------------------------------------------
       GROWTH CTA
       ------------------------------------------------------------------ */
    .mxk__eyebrow,
    .mxk__proof,
    .mxk__briefhead,
    .mxk__briefhead b {
        font-size: clamp(.74rem, .6vw, .94rem);
    }

    .mxk__copy h2 {
        font-size: clamp(4.25rem, min(4vw, 6.4vh), 5.5rem);
    }

    .mxk__copy > p {
        font-size: clamp(1.1rem, .9vw, 1.34rem);
    }

    .mxk__primary,
    .mxk__secondary {
        min-height: clamp(50px, 3.6vw, 66px);
        font-size: clamp(1rem, .8vw, 1.18rem);
        padding-inline: clamp(1.25rem, 1.15vw, 1.9rem);
    }

    .mxk__pathitem strong {
        font-size: clamp(1rem, .82vw, 1.2rem);
    }

    .mxk__pathitem small {
        font-size: clamp(.76rem, .65vw, .98rem);
    }

    /* ------------------------------------------------------------------
       TESTIMONIALS
       ------------------------------------------------------------------ */
    .testimonial .testimonial-eyebrow {
        font-size: clamp(.72rem, .58vw, .92rem);
    }

    .testimonial .testimonial-head h2 {
        font-size: clamp(3.25rem, min(3.6vw, 5.8vh), 4.75rem);
    }

    .testimonial .testimonial-head p,
    .testimonial .test-content p {
        font-size: clamp(1.08rem, .84vw, 1.3rem);
    }

    .testimonial .only-icon svg {
        width: clamp(52px, 3.15vw, 74px);
        height: clamp(52px, 3.15vw, 74px);
    }

    .testimonial .signature h3 {
        font-size: clamp(1.12rem, .9vw, 1.4rem);
    }

    .testimonial .signature p {
        font-size: clamp(.92rem, .72vw, 1.1rem);
    }

    /* ------------------------------------------------------------------
       NEWS
       ------------------------------------------------------------------ */
    .madds-news__eyebrow {
        font-size: clamp(1.1rem, .86vw, 1.35rem);
    }

    .madds-news__head h2 {
        font-size: clamp(3rem, min(3.25vw, 5.2vh), 4.35rem);
    }

    .madds-news__head p,
    .madds-news__head-actions {
        font-size: clamp(1.1rem, .86vw, 1.3rem);
    }

    .madds-news__ghost,
    .madds-news__btn {
        min-height: clamp(48px, 3.6vw, 62px);
        font-size: clamp(1.05rem, .82vw, 1.22rem);
    }

    .madds-news__feature {
        min-height: clamp(420px, 31vw, 620px);
    }

    .madds-news__feature-title {
        font-size: clamp(2.2rem, 2.45vw, 3.4rem);
    }

    .madds-news__small-title,
    .madds-news__small h3 {
        font-size: clamp(1.2rem, 1.05vw, 1.55rem);
    }

    .madds-news__tile {
        flex-basis: clamp(132px, 8vw, 178px);
        min-height: clamp(132px, 8vw, 178px);
    }

    /* ------------------------------------------------------------------
       FOOTER
       ------------------------------------------------------------------ */
    .content-add {
        font-size: clamp(1rem, .78vw, 1.16rem);
    }

    .footer-link .top-head h2 {
        font-size: clamp(30px, 1.7vw, 40px);
    }

    .footer-link .link-list p,
    .footer-link .link-list ul li a {
        font-size: clamp(1rem, .78vw, 1.16rem);
    }

    .footer-link .top-head .logo img {
        height: clamp(100px, 5.7vw, 130px);
        width: auto;
    }

    /* Keep the three footer navigation columns aligned with the now-larger logo
       description start. This is vertical alignment only; no column width changes. */
    .footer-link .colume-4:not(:first-child) {
        padding-top: clamp(128px, 7.25vw, 165px);
    }

    .icon-social {
        width: clamp(50px, 3vw, 64px);
        height: clamp(50px, 3vw, 64px);
        padding: clamp(12px, .75vw, 16px);
    }
}

/* Very wide but relatively short desktops: scale visible content from the
   viewport height too, so enlargement never forces the original layout to
   overflow vertically. Widths and section spacing are still untouched. */
@media (min-width: 1600px) and (max-height: 820px) {
    .hl-h1 { font-size: clamp(86px, 10vh, 96px); }
    .hl-body p { font-size: clamp(23px, 2.6vh, 25px); }
    .hl-mock { max-height: 62vh; }
    .ag-stage { width: min(100%, 72vh); }
    .madds-specialisation__intro h2 { font-size: clamp(5.1rem, 10vh, 5.55rem); }
    .madds-specialisation__preview-media { height: min(58vh, 560px); }
    .mxk__copy h2 { font-size: clamp(4.25rem, 9vh, 4.8rem); }
}