/* =============================================================================
   Make It Digital — Desktop Fluid Overrides
   Scales all layout values proportionally from 1024 px → 1920 px.
   Loaded after theme.css. Applies only inside @media (min-width: 768px).
   ============================================================================= */

/* ── clamp() helper notation used throughout:
       clamp(MIN, calc(X/1920*100vw), Xpx)
   MIN  = proportional value at 1024 px  [X * 1024/1920]
          raised to a readable floor for font-size values.
   ───────────────────────────────────────────────────────────────────────── */

@media (min-width: 768px) {

	/* ── Global / utilities ──────────────────────────────────────────────── */

	/* Section titles — used by every section h2 (.section__title).
	   4rem (64px) at 1920px, floor 2rem (32px). */
	.section__title {
		font-size: clamp( 2rem, calc( 64 / 1920 * 100vw ), 4rem );
	}

	/* Primary button text — 1.5rem (24px) at 1920px, floor 1rem (16px). */
	.btn {
		font-size: clamp( 1rem, calc( 24 / 1920 * 100vw ), 1.5rem );
	}

	/* ── Header ──────────────────────────────────────────────────────────── */

	/* Nav link text — 1.5rem (24px) at 1920px, floor 0.875rem (14px). */
	.site-header__nav a {
		font-size: clamp( 0.875rem, calc( 24 / 1920 * 100vw ), 1.5rem );
	}

	/* CTA button in header — 2rem (32px) at 1920px, floor 0.8125rem (13px). */
	.site-header__cta {
		font-size: clamp( 0.8125rem, calc( 32 / 1920 * 100vw ), 2rem );
	}

	.site-header__inner {
		padding-inline: clamp( 2.6667rem, calc( 80 / 1920 * 100vw ), 5rem ); /* 80px → floor 51px */
	}

	.site-header__nav {
		margin-inline-start: clamp( 4rem, calc( 120 / 1920 * 100vw ), 7.5rem ); /* 120px → floor 64px */
	}

	.site-header__nav a::after {
		inset-block-end: clamp( 0.125rem, calc( 4 / 1920 * 100vw ), 0.25rem );
		height:          clamp( 0.0625rem, calc( 2 / 1920 * 100vw ), 0.125rem );
	}

	/* ── Hero ────────────────────────────────────────────────────────────── */

	.hero {
		height:     clamp( 28.5rem,  calc( 875 / 1920 * 100vw ),  54.6875rem ); /* 456px → 875px */
		min-height: clamp( 24rem,    calc( 875 / 1920 * 100vw ),  54.6875rem );
	}

	.hero__content {
		width:              clamp( 27rem,  calc( 827 / 1920 * 100vw ),  51.6875rem ); /* 432px → 827px */
		padding-inline:     clamp( 2rem,   calc( 80  / 1920 * 100vw ),  5rem );       /* 41px → 80px */
		padding-block-start: calc( var(--header-height) + clamp( 2.25rem, calc( 70 / 1920 * 100vw ), 4.375rem ) );
	}

	.hero__heading {
		font-size:        clamp( 2.5rem,  calc( 72 / 1920 * 100vw ), 4.5rem );  /* 40px → 72px */
		margin-block-end: clamp( 1.75rem, calc( 56 / 1920 * 100vw ), 3.5rem );  /* 28px → 56px */
	}

	.hero__subtext {
		gap: clamp( 1rem, calc( 32 / 1920 * 100vw ), 2rem ); /* 16px → 32px */
	}

	.hero__subtext p {
		font-size:        clamp( 1rem,   calc( 24 / 1920 * 100vw ), 1.5rem ); /* 16px → 24px */
		margin-block-end: clamp( 1rem,   calc( 32 / 1920 * 100vw ), 2rem );
	}

	/* ── Services ────────────────────────────────────────────────────────── */

	/* 768–1199px: 2×2 grid */
	.services__cards {
		flex-wrap: wrap;
		justify-content: center;
		gap: clamp( 1.25rem, calc( 40 / 1920 * 100vw ), 2.5rem );
	}

	.services-card {
		/* Each card takes ~half the row minus half the gap → 2 per row */
		flex:    0 0 calc( 50% - 1.25rem );
		height:  auto;
		min-height: clamp( 16rem, calc( 450 / 1920 * 100vw ), 37rem );
		padding: clamp( 1.25rem, calc( 40 / 1920 * 100vw ), 2.5rem );
	}

	.services-card__icon {
		width:  clamp( 3.25rem, calc( 100 / 1920 * 100vw ), 6.25rem );
		height: clamp( 3.25rem, calc( 100 / 1920 * 100vw ), 6.25rem );
	}

	.services-card__heading { font-size: clamp( 1.125rem, calc( 32 / 1920 * 100vw ), 2rem );  }
	.services-card__body    { font-size: clamp( 1rem,     calc( 24 / 1920 * 100vw ), 1.5rem ); }

	/* Note: 1200px+ single-row override is below, as a separate top-level block */

	/* ── Process ─────────────────────────────────────────────────────────── */

	.process .container {
		max-width: clamp( 38.25rem, calc( 1160 / 1920 * 100vw ), 72.5rem ); /* 612px → 1160px */
		padding-inline: var(--space-6);
	}

	.process__intro,
	.process__intro-note {
		font-size: clamp( 1rem, calc( 24 / 1920 * 100vw ), 1.5rem ); /* 16px → 24px */
	}

	.process-step__heading { font-size: clamp( 1.125rem, calc( 32 / 1920 * 100vw ), 2rem );  } /* 18px → 32px */
	.process-step__body    { font-size: clamp( 1rem,     calc( 24 / 1920 * 100vw ), 1.5rem ); } /* 16px → 24px */
	.process-step__number  { font-size: clamp( 1.25rem,  calc( 32 / 1920 * 100vw ), 2rem );  } /* 20px → 32px */

	/* ── Target ──────────────────────────────────────────────────────────── */

	.target__paragraph {
		font-size:        clamp( 1rem,    calc( 24 / 1920 * 100vw ), 1.5rem );
		margin-block-end: clamp( 0.5rem,  calc( 16 / 1920 * 100vw ), 1rem );
	}

	.target__subheading {
		font-size: clamp( 1.125rem, calc( 32 / 1920 * 100vw ), 2rem );
	}

	.target__bullet {
		font-size: clamp( 1rem, calc( 24 / 1920 * 100vw ), 1.5rem );
	}

	/* ── About ───────────────────────────────────────────────────────────── */

	.about {
		padding-block-end: clamp( 3.875rem, calc( 120 / 1920 * 100vw ), 7.5rem ); /* 62px → 120px */
		min-height:        clamp( 28rem,    calc( 860 / 1920 * 100vw ), 53.75rem );
	}

	.about__photo-col {
		width:             clamp( 28rem,    calc( 865  / 1920 * 100vw ), 54.0625rem );
		padding-block-start: clamp( 0.625rem, calc( 20 / 1920 * 100vw ), 1.25rem );
	}

	.about__photo-col picture {
		width: clamp( 31.25rem, calc( 953 / 1920 * 100vw ), 59.5625rem );
	}

	.about__photo {
		height:      clamp( 28rem, calc( 860 / 1920 * 100vw ), 53.75rem );
		aspect-ratio: 950 / 860;
	}

	.about__text-col {
		width:               clamp( 35.75rem, calc( 1090 / 1920 * 100vw ), 68.125rem );
		margin-inline-start: clamp( -1.625rem, calc( -50 / 1920 * 100vw ), -3.125rem );
		padding-inline-start: clamp( 7.5rem,   calc( 230 / 1920 * 100vw ), 14.375rem );
	}

	.about__text-col .container {
		width: clamp( 28rem, calc( 860 / 1920 * 100vw ), 53.75rem );
	}

	.about__para-wrap {
		margin-block-end: clamp( 1rem, calc( 32 / 1920 * 100vw ), 2rem );
	}

	.about__name    { font-size: clamp( 2rem,    calc( 64 / 1920 * 100vw ), 4rem   ); } /* 32px → 64px */
	.about__heading { font-size: clamp( 2rem,    calc( 64 / 1920 * 100vw ), 4rem   ); }
	.about__para    { font-size: clamp( 1rem,    calc( 24 / 1920 * 100vw ), 1.5rem ); } /* 16px → 24px */

	/* ── Values ──────────────────────────────────────────────────────────── */

	/* 768–1199px: 2×2 grid */
	.values__grid {
		flex-wrap: wrap;
		gap: clamp( 2rem, calc( 70 / 1920 * 100vw ), 4.375rem );
	}

	.values .container {
		padding-inline: clamp( 3.125rem, calc( 95 / 1920 * 100vw ), 5.9375rem );
	}

	.values-item {
		flex:      0 0 calc( 50% - 1.5rem ); /* 2 per row */
		max-width:    calc( 50% - 1.5rem );
		align-items: flex-start;
		text-align: right;
	}

	.values-item__icon {
		width:  clamp( 3.25rem, calc( 100 / 1920 * 100vw ), 6.25rem );
		height: clamp( 3.25rem, calc( 100 / 1920 * 100vw ), 6.25rem );
	}

	.values-item__heading { font-size: clamp( 1.125rem, calc( 32 / 1920 * 100vw ), 2rem );  }
	.values-item__body    { font-size: clamp( 1rem,     calc( 24 / 1920 * 100vw ), 1.5rem ); }

	/* Note: 1200px+ single-row override is below */

	/* ── Testimonials ────────────────────────────────────────────────────── */

	.testimonials__track {
		gap: clamp( 1.25rem, calc( 40 / 1920 * 100vw ), 2.5rem );
	}

	/* 768–1199px: 2 per row */
	.testimonial-card {
		flex:       0 0 calc( 50% - 1.25rem );
		min-height: clamp( 17rem, calc( 517 / 1920 * 100vw ), 32.3125rem );
	}

	.testimonial-card__logo {
		height: clamp( 1.875rem, calc( 60 / 1920 * 100vw ), 3.75rem );
	}

	.testimonial-card__quote p {
		font-size: clamp( 1rem, calc( 24 / 1920 * 100vw ), 1.5rem );
	}

	.testimonial-card__author-name  { font-size: clamp( 1rem, calc( 18 / 1920 * 100vw ), 1.125rem ); } /* 16px → 18px */
	.testimonial-card__author-title { font-size: clamp( 1rem, calc( 18 / 1920 * 100vw ), 1.125rem ); }

	/* ── FAQ ─────────────────────────────────────────────────────────────── */

	.faq__list {
		max-width: clamp( 38.25rem, calc( 1160 / 1920 * 100vw ), 72.5rem );
	}

	.faq-item__question {
		font-size:   clamp( 1.125rem, calc( 32 / 1920 * 100vw ), 2rem );      /* 18px → 32px */
		line-height: clamp( 1.375rem, calc( 40 / 1920 * 100vw ), 2.5rem );
	}

	.faq-item__answer-inner {
		font-size:   clamp( 1rem, calc( 24 / 1920 * 100vw ), 1.5rem );  /* 16px → 24px */
		line-height: clamp( 1.25rem, calc( 32 / 1920 * 100vw ), 2rem );
	}

	/* ── Contact ─────────────────────────────────────────────────────────── */

	/* Form section sub-title — 2rem (32px) at 1920px, floor 1.125rem (18px). */
	.form-title {
		font-size: clamp( 1.125rem, calc( 32 / 1920 * 100vw ), 2rem );
	}

	/* Social label — 1.5rem (24px) at 1920px, floor 1rem (16px). */
	.contact__social-label {
		font-size: clamp( 1rem, calc( 24 / 1920 * 100vw ), 1.5rem );
	}

	.contact__links {
		max-width:        clamp( 26.125rem, calc( 795 / 1920 * 100vw ), 49.6875rem ); /* 418px → 795px */
		margin-block-end: clamp( 2rem,      calc( 64  / 1920 * 100vw ), 4rem );
	}

	.contact__form-wrap {
		max-width: clamp( 26.125rem, calc( 795 / 1920 * 100vw ), 49.6875rem );
	}

	.wpcf7 .wpcf7-form {
		gap: clamp( 0.625rem, calc( 20 / 1920 * 100vw ), 1.25rem );
	}

	.wpcf7-form-row {
		gap: clamp( 0.625rem, calc( 20 / 1920 * 100vw ), 1.25rem );
	}

	.wpcf7-acceptance input[type="checkbox"] {
		width:  clamp( 0.625rem, calc( 20 / 1920 * 100vw ), 1.25rem );
		height: clamp( 0.625rem, calc( 20 / 1920 * 100vw ), 1.25rem );
	}

	.wpcf7 input[type="submit"] {
		width: clamp( 11.875rem, calc( 362 / 1920 * 100vw ), 22.625rem ); /* 190px → 362px */
	}

}

/* ── Services + Values: single row at 1200px+ ────────────────────────────── */

@media (min-width: 1200px) {
	/* Services: 4 in a row */
	.services__cards {
		flex-wrap: nowrap;
	}
	.services-card {
		flex:   0 0 clamp( 13.5rem, calc( 410 / 1920 * 100vw ), 25.625rem );
		height: clamp( 19.5rem,    calc( 592 / 1920 * 100vw ), 37rem );
		min-height: unset;
	}

	/* Values: 4 in a row */
	.values__grid {
		flex-wrap: nowrap;
	}
	.values-item {
		flex:      0 0 clamp( 12.5rem, calc( 380 / 1920 * 100vw ), 23.75rem );
		max-width:    clamp( 12.5rem, calc( 380 / 1920 * 100vw ), 23.75rem );
		align-items: center;
		text-align: center;
	}

	/* Testimonials: 4 in a row */
	.testimonial-card {
		flex: 0 0 clamp( 13.5rem, calc( 410 / 1920 * 100vw ), 25.625rem );
	}
}