/*
 * ALL Film Equipment: FONT SIZES
 * ------------------------------------------------------------------
 * Change a number in the first block to change that text everywhere.
 * Use any CSS size: 14px, 1.2rem, or clamp(min, fluid, max).
 *
 * Edit in the dashboard: Appearance > Theme File Editor >
 * assets/css/typography.css  (or edit the file and re-upload the theme).
 *
 * Block 1 is desktop. The blocks marked TABLET and PHONES only apply on
 * screens 1000px / 700px wide or less. Values below are the current sizes,
 * so nothing changes until you edit a number.
 */
:root {
	/* Whole site */
	--fs-body: 16px;                 /* paragraph text */
	--fs-eyebrow: 10px;              /* small heading above titles */
	--fs-label: 9px;                 /* tiny uppercase labels */
	--fs-h2: clamp(38px, 4.2vw, 62px);
	--fs-inquiry-title: clamp(26px, 2.8vw, 40px);   /* "Every great shoot starts with a conversation" */
	--fs-h3: 25px;

	/* Header, buttons, links */
	--fs-brand: 42px;                /* logo name */
	--fs-brand-caption: 10px;
	--fs-nav: 14px;                  /* menu links */
	--fs-header-button: 13px;        /* "Let's talk production" button */
	--fs-header-whatsapp: 12px;      /* WhatsApp button (phones) */
	--fs-button: 14px;
	--fs-link: 13px;                 /* text links with an arrow */
	--fs-filter: 13px;               /* filter chips: All, Indian, ... */
	--fs-tab: 14px;                  /* Clients page tabs */

	/* Page banners */
	--fs-page-title: clamp(46px, 6vw, 92px);
	--fs-page-intro: 17px;
	--fs-banner-title: clamp(20px, 2.3vw, 32px);   /* compact banner: Team, Clients, Rental */
	--fs-banner-intro: 12px;

	/* Sliders and sections */
	--fs-section-title: clamp(20px, 2.4vw, 30px);   /* "Films we have lit", Work gallery, Lights gallery */
	--fs-slide-card-title: clamp(24px, 2.6vw, 34px);
	--fs-slide-title: max(13px, calc(17px - 4pt));
	--fs-slide-credit: 12px;
	--fs-slider-button: 12px;
	--fs-slider-note: 12px;
	--fs-note: 11px;                 /* note under galleries */
	--fs-block-title: clamp(30px, 3.4vw, 44px);   /* "Selected projects" heading */
	--fs-block-note: 13px;

	/* Projects list (cards) */
	--fs-project-title: 22px;
	--fs-project-kind: 11px;       /* Film / Series label */
	--fs-project-tag: 11px;        /* Indian / International chip */
	--fs-project-imdb: 11px;       /* "IMDb" label on each project card */
	--fs-footer-link: 13px;          /* "More credits" line */

	/* Team, DoPs, Directors */
	--fs-team-name: calc(21px - 4pt);
	--fs-founder-name: calc(26px - 4pt);
	--fs-team-bio: 14px;
	--fs-team-group: 14px;
	--fs-team-link: 12px;            /* IMDb / Resume buttons */

	/* Clients */
	--fs-client-name: calc(22px - 4pt);
	--fs-client-link: 13px;
	--fs-empty: 14px;                /* "Coming soon" */

	/* Rental */
	--fs-rental-count: 12px;
	--fs-rental-note: 13px;
	--fs-rental-chip: 12px;
	--fs-rental-search: 13px;
	--fs-rental-category: 21px;
	--fs-rental-category-text: 13px;
	--fs-rental-item: 14px;
	--fs-rental-spec: 12px;
	--fs-rental-qty: 13px;
	--fs-rental-cta: 16px;

	/* Gallery */
	--fs-gallery-caption: 11px;

	/* Inquiry form */
	--fs-form-label: 12px;
	--fs-form-input: 13px;
	--fs-form-consent: 11px;
	--fs-form-foot: 10px;
	--fs-form-error: 13px;
	--fs-contact-link: 15px;

	/* Footer and cookie banner */
	--fs-footer: 14px;
	--fs-footer-details: 12px;
	--fs-footer-small: 9px;
	--fs-cookie-title: 19px;
	--fs-cookie: 12px;
	--fs-cookie-button: 11px;
}

/* ---------------------------------------------------------------- TABLET */
@media (max-width: 1000px) {
	:root {
		--fs-nav: 13px;
		--fs-header-button: 12px;
	}
}

/* ---------------------------------------------------------------- PHONES */
@media (max-width: 700px) {
	:root {
		--fs-brand: 35px;
		--fs-brand-caption: 8px;
		--fs-header-button: 11px;
		--fs-eyebrow: 9px;
		--fs-filter: 12px;
		--fs-page-title: clamp(40px, 9vw, 60px);
		--fs-banner-title: clamp(18px, 5vw, 24px);
		--fs-inquiry-title: 28px;
		--fs-whatsapp-float: 13px;      /* floating WhatsApp button */
	}
	.whatsapp-fab { font-size: var(--fs-whatsapp-float); }
}

/* ------------------------------------------------ Where each size is used */
body { font-size: var(--fs-body); }
h2 { font-size: var(--fs-h2); }
.inquiry-layout h2 { font-size: var(--fs-inquiry-title); }
h3 { font-size: var(--fs-h3); }
.eyebrow { font-size: var(--fs-eyebrow); }
.small-label, .image-tag, .image-index { font-size: var(--fs-label); }

.brand strong { font-size: var(--fs-brand); }
.brand-caption { font-size: var(--fs-brand-caption); }
.desktop-nav { font-size: var(--fs-nav); }
.header-cta-desk { font-size: var(--fs-header-button); }
.header-cta-wa { font-size: var(--fs-header-whatsapp); }
.button { font-size: var(--fs-button); }
.text-link { font-size: var(--fs-link); }
.filters button { font-size: var(--fs-filter); }
.tab-bar button { font-size: var(--fs-tab); }

.page-title { font-size: var(--fs-page-title); }
.page-intro { font-size: var(--fs-page-intro); }
.page-header--compact .page-title { font-size: var(--fs-banner-title); }
.page-header--compact .page-intro { font-size: var(--fs-banner-intro); }

.slider-title { font-size: var(--fs-section-title); }
.slide-card-title { font-size: var(--fs-slide-card-title); }
.slide-title { font-size: var(--fs-slide-title); }
.slide-credit { font-size: var(--fs-slide-credit); }
.slider-toggle { font-size: var(--fs-slider-button); }
.slider-note { font-size: var(--fs-slider-note); }
.portfolio-note { font-size: var(--fs-note); }
.projects-block-title { font-size: var(--fs-block-title); }
.projects-block-note { font-size: var(--fs-block-note); }

.project-name { font-size: var(--fs-project-title); }
.project-kind { font-size: var(--fs-project-kind); }
.project-tag { font-size: var(--fs-project-tag); }
.project-imdb { font-size: var(--fs-project-imdb); }
.projects-footer-link { font-size: var(--fs-footer-link); }

.team-card h3 { font-size: var(--fs-team-name); }
.team-cards-founder .team-card h3 { font-size: var(--fs-founder-name); }
.team-bio { font-size: var(--fs-team-bio); }
.team-group-blurb { font-size: var(--fs-team-group); }
.team-link { font-size: var(--fs-team-link); }

.client-body h3 { font-size: var(--fs-client-name); }
.client-link { font-size: var(--fs-client-link); }
.empty-note, .editor-hint { font-size: var(--fs-empty); }

.rental-count { font-size: var(--fs-rental-count); }
.rental-note, .rental-note p { font-size: var(--fs-rental-note); }
.rental-chips button { font-size: var(--fs-rental-chip); }
.search input { font-size: var(--fs-rental-search); }
.rental-card-head h3 { font-size: var(--fs-rental-category); }
.rental-card-head p { font-size: var(--fs-rental-category-text); }
.rental-item-name { font-size: var(--fs-rental-item); }
.rental-item-spec { font-size: var(--fs-rental-spec); }
.rental-item-qty { font-size: var(--fs-rental-qty); }
.rental-cta p { font-size: var(--fs-rental-cta); }

.gallery-item figcaption { font-size: var(--fs-gallery-caption); }

.inquiry-form label { font-size: var(--fs-form-label); }
.inquiry-form input:not([type=checkbox]), .inquiry-form textarea { font-size: var(--fs-form-input); }
.inquiry-form .consent-line { font-size: var(--fs-form-consent); }
.form-foot { font-size: var(--fs-form-foot); }
.form-error { font-size: var(--fs-form-error); }
.contact-link { font-size: var(--fs-contact-link); }

.footer-top p { font-size: var(--fs-footer); }
.footer-details { font-size: var(--fs-footer-details); }
.footer-bottom { font-size: var(--fs-footer-small); }
.cookie-banner h3 { font-size: var(--fs-cookie-title); }
.cookie-banner p, .cookie-banner legend, .cookie-banner fieldset label { font-size: var(--fs-cookie); }
.cookie-actions button { font-size: var(--fs-cookie-button); }

/* ------------------------------------------------ Gallery headings font */
/* Aero Matics Stencil: upload the font file to assets/fonts/ (see the README there).
   Until then these headings use the stand-in stencil font. */
@font-face {
	font-family: 'Aero Matics Stencil';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: local('Aero Matics Stencil Bold'), local('AeroMaticsStencil-Bold'),
		url('../fonts/AeroMaticsStencil-Bold.woff2') format('woff2'),
		url('../fonts/AeroMaticsStencil-Bold.woff') format('woff'),
		url('../fonts/AeroMaticsStencil-Bold.ttf') format('truetype'),
		url('../fonts/AeroMaticsStencil-Bold.otf') format('opentype');
}
:root { --font-gallery-title: 'Aero Matics Stencil', 'Aero Matics Stencil Bold', 'Saira Stencil One', sans-serif; }
.gallery-section .slider-title { font-family: var(--font-gallery-title); font-weight: 700; }

/* ------------------------------------------------ Card style (not a font) */
/* How strong the grain is on the project cards: 0 = none, 1 = strong. */
:root { --card-grain-opacity: .55; }

/* Team page */
.team-feature-text h2 { font-size: clamp(22px, 2.2vw, 30px); }   /* founder name */
.team-member-bio { font-size: 13px; }
.team-feature-bio { font-size: 15px; }
.team-member h3 { font-size: 19px; }

/* Work / Lights gallery headings: same face as the Rental page title */
.gallery-section .slider-title, #work-gallery-title, #lights-gallery-title { font-family: var(--font-stencil); font-weight: 400; letter-spacing: -.3px; }
.team-feature-text h3 { font-size: 19px; }
.gallery-section .slider-title, #work-gallery-title, #lights-gallery-title { font-size: clamp(18px, 1.9vw, 24px); }
.projects-block-title { font-size: var(--fs-banner-title); }

/* Desktop: headings in a softer light grey instead of off-white */
@media (min-width: 701px) {
  h1, h2, h3, h4, .page-title, .page-title .alt-face, .slider-title, .projects-block-title,
  .section-heading h2, .hero h1, .hero h1 .hero-line-2, .poster-name, .team-member h3,
  .team-feature-text h3, .gallery-section h2, .gallery-section .slider-title { color: #a3a3a1; }
}

/* "Films we have lit" (home project slider): same type as "Selected projects" */
#project-slider .slider-title { font-family: var(--font-stencil); font-weight: 400; line-height: 1.1; letter-spacing: -.3px; font-size: var(--fs-banner-title); }

/* About opening line: same colour as the other headings */
@media (min-width: 701px) { .about-page-copy .about-page-lead { color: #a3a3a1; } }