/**
 * Design tokens — Trammell, Adkins & Ward, P.C.
 *
 * Every value here is taken from the Figma extraction
 * (pages/homepage---17-aug/figma/). Nothing is guessed.
 *
 * BRIEF rule 3: all colours live here as variables. Never hardcode a colour
 * in a section rule when a variable exists for it.
 */

:root {
	/* ---------------------------------------------------------------
	 * Colours — the 7 values in design-tokens.json, named by role.
	 * --------------------------------------------------------------- */
	--clr-white: #ffffff;
	--clr-gold: #c89635;
	--clr-gold-light: #efc167;
	--clr-black: #000000;
	--clr-dark: #333333;
	--clr-gray-band: #818181;
	--clr-border: #dfdfdf;

	/**
	 * Rendered section grounds, sampled from 00-full-page-desktop.png. Figma
	 * declares #333333 / #818181 as the frame fills, but the exported design
	 * renders them ~13 darker because of the grain the page carries over them.
	 * These are the values the PNG actually shows, and they are what makes the
	 * footer's #333333 column read as lighter than its own background.
	 */
	--clr-dark-ground: #282828;
	--clr-gray-ground: #727272;

	/* Role aliases — use these in section CSS so intent stays readable. */
	--clr-body-text: var(--clr-black);
	--clr-heading: var(--clr-black);
	--clr-heading-on-dark: var(--clr-white);
	--clr-muted: var(--clr-gray-band);
	--clr-muted-on-dark: var(--clr-border);
	--clr-section-dark: var(--clr-dark);
	--clr-divider: var(--clr-border);
	--clr-accent: var(--clr-gold);
	--clr-accent-hover: var(--clr-gold-light);

	/**
	 * The design uses TWO golds and they are not interchangeable:
	 *   --clr-gold       #C89635  solid fills — buttons, the highlighted box
	 *   --clr-gold-light #EFC167  eyebrows, stat figures, small icon tiles
	 * Measured from the Figma export, not assumed.
	 */
	--clr-eyebrow: var(--clr-gold-light);
	--clr-stat: var(--clr-gold-light);
	--clr-icon-tile: var(--clr-gold-light);

	/* ---------------------------------------------------------------
	 * Typography — families and weights from design-tokens.json.
	 * DM Sans:          Regular 400, Bold 700, ExtraBold 800 @ 16/18/21/27
	 * Playfair Display: Regular 400, Bold Italic 700i        @ 27/60
	 * --------------------------------------------------------------- */
	--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;
	--font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;

	--fw-regular: 400;
	--fw-bold: 700;
	--fw-extrabold: 800;

	/**
	 * Fixed px sizes, exactly as the Figma text styles specify — no clamp().
	 * Every value below is the design's own number:
	 *   eyebrow 16 · body 18/30 · location 21/28 · card 27/32
	 *   section h2 55/65 · stat 60/65 · hero h1 80/85 · hero subline 36
	 * They step down at the breakpoints at the bottom of this file, never
	 * below the 13px floor.
	 */
	--fs-eyebrow: 16px;
	--fs-body: 18px;
	--fs-body-lg: 21px;
	--fs-card-title: 27px;
	--fs-heading: 55px;
	--fs-stat: 60px;
	--fs-hero: 80px;
	--fs-hero-sub: 36px;

	/**
	 * Line heights in em — the design's exact px pair divided out. Because em
	 * resolves against the element's own font-size, these never need touching
	 * again when a font-size steps down at a breakpoint.
	 */
	--lh-tight: 1.0625em;   /* 85 / 80  — hero h1 */
	--lh-heading: 1.1818em; /* 65 / 55  — section h2 */
	--lh-body: 1.6667em;    /* 30 / 18  — body copy */
	--lh-body-lg: 1.3333em; /* 28 / 21  — location value */
	--lh-card-title: 1.1852em; /* 32 / 27 — card title, office figure */
	--lh-stat: 1.0833em;    /* 65 / 60  — stat figure */
	--lh-btn: 1.2em;
	--lh-topbar: 1.25em;

	/* Both the eyebrow and the small role label are 0.3em in the design. */
	--ls-eyebrow: 0.3em;
	--ls-role: 0.3em;

	/* ---------------------------------------------------------------
	 * Layout — canvas 1920, section inline padding 190 => container 1540.
	 * BRIEF rule 18: 15px inline padding outside the container, always.
	 * --------------------------------------------------------------- */
	--container-max: 1540px;
	--container-pad: 15px;

	/* ---------------------------------------------------------------
	 * Spacing scale — drawn from the 52 measured values in the export.
	 * --------------------------------------------------------------- */
	--sp-7: 7px;
	--sp-10: 10px;
	--sp-15: 15px;
	--sp-20: 20px;
	--sp-25: 25px;
	--sp-30: 30px;
	--sp-35: 35px;
	--sp-40: 40px;
	--sp-50: 50px;
	--sp-60: 60px;
	--sp-70: 70px;
	--sp-80: 80px;
	--sp-120: 120px;
	--sp-150: 150px;

	/* Section rhythm — the design's own 150px / 240px, stepped down below. */
	--section-pad-y: 150px;
	--section-pad-y-lg: 240px;
	--section-pad-y-map: 160px;
	--section-pad-map-bottom: 506px;
	--map-h: 1213px;
	--footer-pad-top: 348px;

	/* ---------------------------------------------------------------
	 * Scaled controls and rhythm.
	 *
	 * The --sp-* scale above stays literal — it is the design's measured
	 * spacing vocabulary. These carry INTENT instead, so one step-down at a
	 * breakpoint reaches every consumer without any section rule needing its
	 * own media query. Desktop values are the design's own numbers.
	 * --------------------------------------------------------------- */
	--gap-head: 60px;        /* section head -> content */
	--gap-stat: 60px;        /* about: between stat rows */
	--nav-gap: 60px;         /* header nav items */
	--hero-pad-y: 120px;     /* hero, which is min-height driven above 767 */
	--gap-row: 120px;        /* about: photo -> copy */
	--gap-card: 35px;        /* attorney card internals */

	--btn-pad-y: 18px;
	--btn-pad-x: 30px;

	--arrow-w: 36px;         /* the union arrow glyph */
	--arrow-h: 31px;
	--icon-sm: 20px;         /* top bar, button and contact glyphs */

	--tile-w: 114px;         /* office icon tile */
	--tile-h: 103px;
	--tile-glyph: 48px;

	--card-pad-top: 35px;    /* practice card */
	--card-pad-bot: 41px;
	--card-pad-l: 39px;
	--card-pad-r: 30px;
	--card-head-pad: 22px;

	--photo-overhang: 67px;  /* attorney photo above its panel */

	/* QA 2026-08-20: these were frozen at desktop across every width. */
	--footer-pad-bottom: 64px;
	--footer-row-gap: 50px;      /* footer column gap + row padding-bottom */
	--footer-bottom-pad: 25px;   /* copyright strip */
	--footer-cta-mt: 32px;
	--cta-banner-h: 443px;
	--cta-content-pad: 50px;
	--badge-gap: 70px;
	--badge-mt: 40px;
	--office-box-pad-y: 40px;
	--att-meta-pad-l: 40px;
	--att-meta-pad-r: 37px;
	--att-inset-l: 40px;         /* attorney photo side insets */
	--att-inset-r: 36px;
	--att-name-max: 200px;
	--stat-gap: 31px;
	--practice-rule-mt: 38px;
	--practice-cta-mt: 28px;
	--pin-w: 37px;
	--pin-h: 45px;
	--map-opacity: 0.62;         /* one value at every width - see --map-h */
	/**
	 * The map's white veil, CALIBRATED against map_section-desktop.png by sweeping
	 * radii/opacity/mid and scoring mean-abs-diff plus a horizontal luminance
	 * profile over the foreground-free zones (blurred 9px, because the two rasters
	 * are landmark-aligned, not pixel-aligned).
	 *
	 * 36%/27% scored 3.34; these score 2.31 - mean 252.49 against the design's
	 * 252.15, sd 3.45 against 3.64. Opacity and the mid stop were already right;
	 * only the ellipse was too small, which whited out the mid-radius ring the
	 * design keeps.
	 *
	 * ry and mid need no breakpoint entries at all: the layer height always equals
	 * the rendered map height (exact vertical fit at every step), so ry is the same
	 * fraction of the MAP everywhere. rx is 47% only because the layer is narrower
	 * than the rendered map above 1200; at <=1024 the layer IS the map's own box,
	 * so the equivalent is 37% - the same veil over the same part of the map.
	 */
	--map-top: 63px;
	--map-fade-rx: 47%;
	--map-fade-ry: 35%;
	--map-fade-mid: 0.55;

	/* --logo-block: 178px;     */
	--logo-block: 398px;   
	--logo-gap: 47px;
	--logo-accent-w: 23px;
	--logo-accent-h: 31px;

	/* ---------------------------------------------------------------
	 * Misc
	 * --------------------------------------------------------------- */
	--radius-none: 0px;
	--transition: 0.35s ease;
	--focus-ring: 2px solid var(--clr-gold);
	--office-box-gap: 30px;
	--office-box-pad-x: 30px;
	--footer-brand-gap: 61px;
	--footer-logo-w: 92px;
	--footer-overlap: 243px;
}

/* =======================================================================
 * Breakpoint step-downs - desktop-first, one place for the whole page.
 *
 * Every scaled value lives here, so no section rule carries a media query
 * for type, rhythm or control sizing. Nothing below 13px (BRIEF rule 15).
 *
 * 1920 keeps the design values untouched. 1600 and 1440 are laptop steps,
 * added because the office boxes grew TALLER than desktop at 1440 with a
 * full-size tile in a 470px box.
 * ======================================================================= */

@media (max-width: 1600px) {
	:root {
		--section-pad-y: 140px;
		--section-pad-y-lg: 225px;
		--section-pad-y-map: 150px;
		--section-pad-map-bottom: 470px;
		--map-h: 1019px;
		--footer-pad-top: 334px;
		--hero-pad-y: 112px;
		--gap-head: 56px;
		--gap-stat: 56px;
		--gap-row: 110px;
		--nav-gap: 54px;
		--tile-w: 108px;
		--tile-h: 98px;
		--tile-glyph: 46px;
		--office-box-pad-y: 38px;
		--footer-pad-bottom: 60px;
		--footer-row-gap: 46px;
		--cta-banner-h: 430px;
		--cta-content-pad: 46px;
		--badge-gap: 62px;
		--badge-mt: 36px;
		--practice-rule-mt: 34px;
		--practice-cta-mt: 26px;
		--office-box-gap: 28px;
		--office-box-pad-x: 28px;
		--footer-brand-gap: 56px;
		--footer-logo-w: 90px;
		--footer-overlap: 236px;
	}
}

@media (max-width: 1440px) {
	:root {
		--fs-heading: 50px;
		--fs-stat: 56px;
		--fs-hero: 72px;
		--section-pad-y: 130px;
		--section-pad-y-lg: 205px;
		--section-pad-y-map: 140px;
		--section-pad-map-bottom: 435px;
		--map-h: 917px;
		--footer-pad-top: 316px;
		--hero-pad-y: 104px;
		--gap-head: 52px;
		--gap-stat: 52px;
		--gap-row: 100px;
		--gap-card: 32px;
		--nav-gap: 48px;
		--btn-pad-y: 17px;
		--btn-pad-x: 29px;
		--arrow-w: 34px;
		--arrow-h: 29px;
		--tile-w: 103px;
		--tile-h: 93px;
		--tile-glyph: 44px;
		--office-box-pad-y: 36px;
		--card-pad-top: 33px;
		--card-pad-bot: 39px;
		--card-pad-l: 36px;
		--card-pad-r: 29px;
		--card-head-pad: 21px;
		--photo-overhang: 62px;
		--footer-pad-bottom: 56px;
		--footer-row-gap: 44px;
		--footer-bottom-pad: 24px;
		--footer-cta-mt: 30px;
		--cta-banner-h: 410px;
		--cta-content-pad: 42px;
		--badge-gap: 56px;
		--badge-mt: 34px;
		--att-meta-pad-l: 36px;
		--att-meta-pad-r: 33px;
		--att-inset-l: 36px;
		--att-inset-r: 32px;
		--att-name-max: 200px;
		--stat-gap: 28px;
		--practice-rule-mt: 32px;
		--practice-cta-mt: 24px;
		--pin-w: 35px;
		--pin-h: 42px;
		--office-box-gap: 26px;
		--office-box-pad-x: 26px;
		--footer-brand-gap: 50px;
		--footer-logo-w: 86px;
		--footer-overlap: 225px;
		--icon-sm: 19px;
	}
}

@media (max-width: 1360px) {
	:root {
		--fs-body: 17px;
		--fs-body-lg: 20px;
		--fs-card-title: 25px;
		--fs-heading: 46px;
		--fs-stat: 52px;
		--fs-hero: 66px;
		--fs-hero-sub: 32px;
		--section-pad-y: 120px;
		--section-pad-y-lg: 190px;
		--section-pad-y-map: 130px;
		--section-pad-map-bottom: 400px;
		--map-h: 866px;
		--footer-pad-top: 298px;
		--hero-pad-y: 100px;
		--gap-head: 50px;
		--gap-stat: 50px;
		--gap-row: 90px;
		--gap-card: 30px;
		--nav-gap: 44px;
		--btn-pad-y: 17px;
		--btn-pad-x: 28px;
		--arrow-w: 33px;
		--arrow-h: 28px;
		--icon-sm: 18px;
		--tile-w: 100px;
		--tile-h: 90px;
		--tile-glyph: 42px;
		--office-box-pad-y: 34px;
		--card-pad-top: 32px;
		--card-pad-bot: 37px;
		--card-pad-l: 34px;
		--card-pad-r: 28px;
		--card-head-pad: 20px;
		--photo-overhang: 58px;
		/* --logo-block: 178px; */
		--logo-block: 300px;
		--logo-gap: 25px;
		--logo-accent-w: 23px;
		--logo-accent-h: 31px;
		--footer-pad-bottom: 52px;
		--footer-row-gap: 42px;
		--footer-bottom-pad: 23px;
		--footer-cta-mt: 28px;
		--cta-banner-h: 390px;
		--cta-content-pad: 40px;
		--badge-gap: 52px;
		--badge-mt: 32px;
		--att-meta-pad-l: 34px;
		--att-meta-pad-r: 31px;
		--att-inset-l: 34px;
		--att-inset-r: 30px;
		--att-name-max: 195px;
		--stat-gap: 27px;
		--practice-rule-mt: 30px;
		--practice-cta-mt: 23px;
		--pin-w: 34px;
		--pin-h: 41px;
		--office-box-gap: 25px;
		--office-box-pad-x: 25px;
		--footer-brand-gap: 46px;
		--footer-logo-w: 84px;
		--footer-overlap: 214px;
	}
}

@media (max-width: 1280px) {
	:root {
		--fs-eyebrow: 15px;
		--fs-body: 16.5px;
		--fs-body-lg: 19.5px;
		--fs-card-title: 24px;
		--fs-heading: 44px;
		--fs-stat: 49px;
		--fs-hero: 62px;
		--fs-hero-sub: 30px;
		--section-pad-y: 112px;
		--section-pad-y-lg: 175px;
		--section-pad-y-map: 121px;
		--section-pad-map-bottom: 370px;
		--map-h: 815px;
		--footer-pad-top: 284px;
		--hero-pad-y: 94px;
		--gap-head: 48px;
		--gap-stat: 48px;
		--gap-row: 80px;
		--gap-card: 29px;
		--nav-gap: 40px;
		--btn-pad-y: 16.5px;
		--btn-pad-x: 27px;
		--arrow-w: 32px;
		--arrow-h: 27px;
		--icon-sm: 17.5px;
		--tile-w: 95px;
		--tile-h: 86px;
		--tile-glyph: 40px;
		--office-box-pad-y: 32px;
		--card-pad-top: 31px;
		--card-pad-bot: 35px;
		--card-pad-l: 32px;
		--card-pad-r: 27px;
		--card-head-pad: 18px;
		--photo-overhang: 54px;
		--footer-pad-bottom: 49px;
		--footer-row-gap: 40px;
		--footer-bottom-pad: 22px;
		--footer-cta-mt: 27px;
		--cta-banner-h: 375px;
		--cta-content-pad: 38px;
		--badge-gap: 49px;
		--badge-mt: 31px;
		--att-meta-pad-l: 32px;
		--att-meta-pad-r: 30px;
		--att-inset-l: 32px;
		--att-inset-r: 28px;
		--att-name-max: 190px;
		--stat-gap: 26px;
		--practice-rule-mt: 29px;
		--practice-cta-mt: 22px;
		--pin-w: 33px;
		--pin-h: 40px;
		--office-box-gap: 24px;
		--office-box-pad-x: 24px;
		--footer-brand-gap: 43px;
		--footer-logo-w: 82px;
		--footer-overlap: 207px;
	}
}

@media (max-width: 1200px) {
	:root {
		--fs-eyebrow: 15px;
		--fs-body: 16px;
		--fs-body-lg: 19px;
		--fs-card-title: 23px;
		--fs-heading: 41px;
		--fs-stat: 46px;
		--fs-hero: 58px;
		--fs-hero-sub: 29px;
		--section-pad-y: 105px;
		--section-pad-y-lg: 160px;
		--section-pad-y-map: 112px;
		--section-pad-map-bottom: 340px;
		--map-h: 764px;
		--footer-pad-top: 271px;
		--hero-pad-y: 88px;
		--gap-head: 46px;
		--gap-stat: 46px;
		--gap-row: 70px;
		--gap-card: 28px;
		--nav-gap: 36px;
		--btn-pad-y: 16px;
		--btn-pad-x: 26px;
		--arrow-w: 30px;
		--arrow-h: 26px;
		--icon-sm: 17px;
		--tile-w: 90px;
		--tile-h: 81px;
		--tile-glyph: 38px;
		--office-box-pad-y: 30px;
		--card-pad-top: 30px;
		--card-pad-bot: 34px;
		--card-pad-l: 30px;
		--card-pad-r: 26px;
		--card-head-pad: 19px;
		--photo-overhang: 50px;
		--logo-block: 260px;
		--logo-gap: 15px;
		--logo-accent-w: 21px;
		--logo-accent-h: 28px;
		--footer-pad-bottom: 46px;
		--footer-row-gap: 38px;
		--footer-bottom-pad: 22px;
		--footer-cta-mt: 26px;
		--cta-banner-h: 360px;
		--cta-content-pad: 36px;
		--badge-gap: 46px;
		--badge-mt: 30px;
		--att-meta-pad-l: 30px;
		--att-meta-pad-r: 28px;
		--att-inset-l: 30px;
		--att-inset-r: 26px;
		--att-name-max: 185px;
		--stat-gap: 25px;
		--practice-rule-mt: 28px;
		--practice-cta-mt: 21px;
		--pin-w: 32px;
		--map-top: 112px;
		--pin-h: 39px;
		--office-box-gap: 22px;
		--office-box-pad-x: 22px;
		--footer-brand-gap: 40px;
		--footer-logo-w: 78px;
		--footer-overlap: 197px;
	}
}
@media (max-width: 1080px) {
	:root {
		--logo-block: 213px;
	}
}
@media (max-width: 1024px) {
	:root {
		--fs-eyebrow: 14px;
		--fs-body: 16px;
		--fs-body-lg: 18px;
		--fs-card-title: 22px;
		--fs-heading: 36px;
		--fs-stat: 40px;
		--fs-hero: 50px;
		--fs-hero-sub: 26px;
		--section-pad-y: 90px;
		--section-pad-y-lg: 130px;
		--section-pad-y-map: 92px;
		--section-pad-map-bottom: 270px;
		--footer-pad-top: 244px;
		--hero-pad-y: 76px;
		--gap-head: 40px;
		--gap-stat: 40px;
		--gap-row: 56px;
		--gap-card: 24px;
		--nav-gap: 30px;
		--btn-pad-y: 15px;
		--btn-pad-x: 24px;
		--arrow-w: 27px;
		--arrow-h: 23px;
		--icon-sm: 16px;
		--tile-w: 80px;
		--tile-h: 72px;
		--tile-glyph: 33px;
		--office-box-pad-y: 26px;
		--card-pad-top: 27px;
		--card-pad-bot: 30px;
		--card-pad-l: 26px;
		--card-pad-r: 24px;
		--card-head-pad: 17px;
		--photo-overhang: 42px;
		/* --logo-block: 140px; */
		--logo-block: 280px;
		--logo-gap: 20px;
		--logo-accent-w: 19px;
		/* --logo-accent-h: 26px; */
		--logo-accent-h: 30px;
		--footer-pad-bottom: 40px;
		--footer-row-gap: 32px;
		--footer-bottom-pad: 20px;
		--footer-cta-mt: 24px;
		--cta-banner-h: 330px;
		--cta-content-pad: 32px;
		--badge-gap: 40px;
		--badge-mt: 28px;
		--att-meta-pad-l: 26px;
		--att-meta-pad-r: 24px;
		--att-inset-l: 26px;
		--att-inset-r: 22px;
		--att-name-max: 170px;
		--stat-gap: 22px;
		--practice-rule-mt: 26px;
		--practice-cta-mt: 20px;
		--pin-w: 30px;
		--map-fade-rx: 37%;
		--pin-h: 36px;
		--office-box-gap: 20px;
		--office-box-pad-x: 20px;
		--footer-brand-gap: 32px;
		--footer-logo-w: 70px;
		--footer-overlap: 181px;
	}
}

@media (max-width: 767px) {
	:root {
		--fs-eyebrow: 13px;
		--fs-body: 15px;
		--fs-body-lg: 17px;
		--fs-card-title: 20px;
		--fs-heading: 30px;
		--fs-stat: 34px;
		--fs-hero: 40px;
		--fs-hero-sub: 22px;
		--section-pad-y: 70px;
		--section-pad-y-lg: 95px;
		--section-pad-y-map: 70px;
		--section-pad-map-bottom: 190px;
		--footer-pad-top: 213px;
		--hero-pad-y: 60px;
		--gap-head: 32px;
		--gap-stat: 32px;
		--gap-row: 40px;
		--gap-card: 20px;
		--nav-gap: 24px;
		--btn-pad-y: 14px;
		--btn-pad-x: 22px;
		--arrow-w: 24px;
		--arrow-h: 21px;
		--icon-sm: 15px;
		--tile-w: 66px;
		--tile-h: 60px;
		--tile-glyph: 28px;
		--office-box-pad-y: 22px;
		--card-pad-top: 24px;
		--card-pad-bot: 26px;
		--card-pad-l: 22px;
		--card-pad-r: 20px;
		--card-head-pad: 15px;
		--photo-overhang: 34px;
		/* --logo-block: 110px; */
		--logo-gap: 20px;
		/* --logo-accent-w: 16px; */
		/* --logo-accent-h: 26px; */
		--footer-pad-bottom: 32px;
		--footer-row-gap: 26px;
		--footer-bottom-pad: 18px;
		--footer-cta-mt: 20px;
		--cta-banner-h: 300px;
		--cta-content-pad: 26px;
		--badge-gap: 32px;
		--badge-mt: 24px;
		--att-meta-pad-l: 22px;
		--att-meta-pad-r: 20px;
		--att-inset-l: 22px;
		--att-inset-r: 18px;
		--att-name-max: 9999px;
		--stat-gap: 20px;
		--practice-rule-mt: 22px;
		--practice-cta-mt: 18px;
		--pin-w: 28px;
		--pin-h: 34px;
		--office-box-gap: 17px;
		--office-box-pad-x: 17px;
		--footer-brand-gap: 26px;
		--footer-logo-w: 62px;
		--footer-overlap: 164px;
	}
}

@media (max-width: 479px) {
	:root {
		--fs-eyebrow: 13px;
		--fs-body: 14px;
		--fs-body-lg: 16px;
		--fs-card-title: 18px;
		--fs-heading: 26px;
		--fs-stat: 29px;
		--fs-hero: 32px;
		--fs-hero-sub: 19px;
		--section-pad-y: 52px;
		--section-pad-y-lg: 70px;
		--section-pad-y-map: 52px;
		--section-pad-map-bottom: 140px;
		--footer-pad-top: 179px;
		--hero-pad-y: 44px;
		--gap-head: 26px;
		--gap-stat: 26px;
		--gap-row: 32px;
		--gap-card: 16px;
		--nav-gap: 20px;
		--btn-pad-y: 13px;
		--btn-pad-x: 20px;
		--arrow-w: 21px;
		--arrow-h: 18px;
		--icon-sm: 14px;
		--tile-w: 56px;
		--tile-h: 51px;
		--tile-glyph: 24px;
		--office-box-pad-y: 18px;
		--card-pad-top: 20px;
		--card-pad-bot: 22px;
		--card-pad-l: 18px;
		--card-pad-r: 16px;
		--card-head-pad: 13px;
		--photo-overhang: 26px;
		/* --logo-block: 84px; */
		--logo-block: 260px;
		--logo-gap: 15px;
		--logo-accent-w: 13px;
		--logo-accent-h: 24px;
		--footer-pad-bottom: 24px;
		--footer-row-gap: 20px;
		--footer-bottom-pad: 16px;
		--footer-cta-mt: 18px;
		--cta-banner-h: 260px;
		--cta-content-pad: 20px;
		--badge-gap: 24px;
		--badge-mt: 20px;
		--att-meta-pad-l: 18px;
		--att-meta-pad-r: 16px;
		--att-inset-l: 18px;
		--att-inset-r: 14px;
		--att-name-max: 9999px;
		--stat-gap: 16px;
		--practice-rule-mt: 18px;
		--practice-cta-mt: 16px;
		--pin-w: 26px;
		--pin-h: 32px;
		--office-box-gap: 15px;
		--office-box-pad-x: 15px;
		--footer-brand-gap: 20px;
		--footer-logo-w: 56px;
		--footer-overlap: 143px;
	}
}

@media (max-width: 375px) {
	:root {
		--logo-block: 220px;
	}
}