/* CSS build: 20260625-logo-in-hero */
:root {
  /* M. Morgan Design refreshed palette: logo + colors only */
  --ink: #1F2326;
  --muted: #6F6A61;
  --paper: #FFFFFF;
  --soft: #E6DCCF;
  --accent: #C66A5A;
  --accent-dark: #687F68;
  --blue: #4F6D8A;
  --sand: #D8CBB9;
  --cream: #FFFFFF;
  --charcoal: #1F2326;
  --line: rgba(31,31,31,.14);
  --max: 1120px;
  --radius: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.6;
}
a { color: inherit; text-decoration-thickness: .08em; text-underline-offset: .18em; }
img { max-width: 100%; height: auto; }
.container { width: min(calc(100% - 32px), var(--max)); margin-inline: auto; }
.narrow { max-width: 760px; }
.skip-link { position: absolute; left: -999px; top: 12px; background: var(--ink); color: white; padding: 8px 12px; z-index: 99; }
.skip-link:focus { left: 12px; }
.site-header { position: sticky; top: 0; z-index: 10; backdrop-filter: blur(16px); background: color-mix(in srgb, var(--cream) 88%, transparent); border-bottom: 1px solid var(--line); }
.nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; text-decoration: none; flex: 0 0 auto; }
.brand-mark { width: min(300px, 34vw); height: auto; max-height: 58px; display:block; object-fit: contain; background: transparent !important; }
.nav-menu { display: flex; align-items: center; gap: 22px; font-size: .95rem; }
.nav-menu a { text-decoration: none; }
.nav-toggle { display: none; border: 1px solid var(--line); background: transparent; padding: 8px 12px; border-radius: 999px; }
.section { padding: clamp(64px, 8vw, 112px) 0; }
.hero { padding-top: clamp(32px, 4vw, 56px); background:
    radial-gradient(circle at 82% 14%, rgba(88,124,150,.18), transparent 32%),
    radial-gradient(circle at 10% 0%, rgba(224,122,95,.10), transparent 34%),
    linear-gradient(180deg, var(--cream) 0%, var(--paper) 100%); }
.hero-grid, .contact-grid, .process-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.hero-logo { display: block; width: clamp(180px, 16vw, 270px); height: auto; margin: 0 0 20px; background: transparent !important; box-shadow: none !important; border: 0 !important; }
.eyebrow { margin: 0 0 12px; text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; color: var(--accent-dark); font-weight: 700; }
h1, h2, h3 { line-height: 1.08; margin: 0; }
h1 { font-family: Georgia, "Times New Roman", serif; font-size: 1.95rem !important; letter-spacing: -.018em; max-width: 760px; line-height: 1.16; }
h2 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.65rem, 2.65vw, 2.5rem); letter-spacing: -.025em; }
h3 { font-size: 1.12rem; letter-spacing: -.014em; }
p { margin: 16px 0 0; color: var(--muted); }
.lead { font-size: clamp(1rem, 1.45vw, 1.14rem); max-width: 720px; color: #5F5A54; }
.microcopy { font-size: .92rem; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 30px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 999px; background: var(--accent-dark); color: white; text-decoration: none; border: 1px solid var(--accent-dark); font-weight: 700; cursor: pointer; box-shadow: 0 10px 24px rgba(88,124,150,.22); }
.button.ghost { background: transparent; color: var(--ink); border-color: var(--accent); }
.button.small { min-height: 40px; padding-inline: 16px; }
.hero-card { border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; background: rgba(255,253,248,.78); box-shadow: 0 24px 70px rgba(31,31,31,.08); }
.hero-card p { margin-top: 0; color: var(--ink); font-weight: 700; }
ul, ol { padding-left: 1.2rem; }
li + li { margin-top: 10px; }
.intro { border-block: 1px solid var(--line); background: var(--cream); }
.section-heading { max-width: 860px; margin-bottom: 34px; }
.cards { display: grid; gap: 18px; }
.service-grid { grid-template-columns: repeat(3, 1fr); }
.package-grid { grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.card { border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; background: var(--cream); }
.card p { color: var(--muted); }
.tinted { background: var(--soft); }
.package-label { margin: 0 0 10px; font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 800; color: var(--accent-dark); }
.featured { border: 2px solid var(--accent); transform: translateY(-10px); }
.steps { margin: 0; list-style: none; padding: 0; display: grid; gap: 18px; }
.steps li { border-left: 3px solid var(--accent); padding-left: 20px; }
.steps strong { display: block; font-size: 1.25rem; }
.steps span { display: block; color: var(--muted); margin-top: 4px; }
.local { background: var(--cream); border-block: 1px solid var(--line); }
.faq-list { display: grid; gap: 12px; }
details { border: 1px solid var(--line); border-radius: 18px; padding: 18px 20px; background: var(--cream); }
summary { cursor: pointer; font-weight: 800; }
.contact { background: linear-gradient(135deg, var(--blue) 0%, var(--charcoal) 100%); color: white; }
.contact p, .contact .eyebrow { color: rgba(255,255,255,.78); }
.contact-form { display: grid; gap: 10px; background: var(--paper); color: var(--ink); border-radius: var(--radius); padding: 24px; }
label { font-weight: 800; font-size: .92rem; }
input, select, textarea { width: 100%; border: 1px solid var(--line); border-radius: 14px; padding: 13px 14px; font: inherit; background: white; color: var(--ink); }
textarea { resize: vertical; }
.footer { padding: 34px 0; background: var(--charcoal); color: white; }
.footer p, .footer a { color: rgba(255,255,255,.78); }
.footer-grid { display: flex; justify-content: space-between; gap: 24px; }
@media (max-width: 860px) {
  .nav-toggle { display: inline-flex; }
  .nav-menu { display: none; position: absolute; inset: 74px 16px auto; background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 18px; flex-direction: column; align-items: stretch; box-shadow: 0 18px 60px rgba(31,31,31,.14); }
  .nav-menu.is-open { display: flex; }
  .hero-grid, .contact-grid, .process-grid, .service-grid, .package-grid { grid-template-columns: 1fr; }
  .featured { transform: none; }
  .footer-grid { flex-direction: column; }
}

.check-list { padding-left: 1.1rem; }
.check-list li { margin: .55rem 0; }
.card h3 a { text-decoration: none; }
.card h3 a:hover { text-decoration: underline; }

/* Final H1 override: intentionally restrained page titles. Placed last to beat earlier responsive/browser overrides. */
.hero h1, main h1, h1 {
  font-size: 1.95rem !important;
  line-height: 1.16 !important;
  letter-spacing: -.018em;
}
@media (max-width: 860px) {
  .hero h1, main h1, h1 { font-size: 1.7rem !important; }
}

/* Image system for realistic brand and service mockups */
.hero-media-stack { display: grid; gap: 18px; }
.image-card { margin: 0; overflow: hidden; border-radius: var(--radius); border: 1px solid var(--line); background: var(--cream); box-shadow: 0 24px 70px rgba(31,31,31,.08); }
.image-card img { display: block; width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.hero-image { min-height: 320px; }
.service-hero { grid-template-columns: 1fr .95fr; }
.media-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.visual-story { background: var(--cream); border-block: 1px solid var(--line); }
.service-hero .image-card { align-self: stretch; }
@media (max-width: 860px) {
  .media-grid { grid-template-columns: 1fr; }
  .hero-image { min-height: 0; }
  .service-hero { grid-template-columns: 1fr; }
}


/* Pricing */
.pricing { background: var(--paper); }
.pricing-grid { grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.price-card h3 { font-family: Georgia, "Times New Roman", serif; font-size: 1.45rem; color: var(--ink); }
.soft-card { background: color-mix(in srgb, var(--accent-dark) 12%, var(--cream)); }
.pricing-note { margin-top: 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--cream); }
.pricing-note p { margin: 0; color: var(--muted); }
.pricing-note strong { color: var(--ink); }
@media (max-width: 860px) {
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-note { flex-direction: column; align-items: flex-start; }
}

/* Blog */
.blog-grid { grid-template-columns: repeat(2, 1fr); }
.blog-card h2 { font-size: clamp(1.4rem, 2vw, 2rem); }
.blog-post h2 { margin-top: 42px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.35rem, 2vw, 2rem); }
.blog-post .card { margin-top: 42px; }
.blog-hero-image { margin: 34px 0 8px; }
@media (max-width: 860px) { .blog-grid { grid-template-columns: 1fr; } }

/* Web design process */
.process-section { background: #f7f5f0; }
.process-section .section-heading { margin-bottom: 36px; }
.process-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.process-card { padding: 30px; border: 1px solid rgba(31,31,31,.12); border-radius: 18px; background: #fff; }
.process-number { display: inline-block; margin-bottom: 18px; font-size: .82rem; font-weight: 700; letter-spacing: .14em; color: #8e8a83; }
.process-card h3 { margin: 0 0 14px; font-size: clamp(1.35rem, 2vw, 1.8rem); }
.process-card h4 { margin: 22px 0 10px; font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.process-card ul { margin: 0; padding-left: 1.2rem; }
.process-card li { margin: .35rem 0; }
@media (max-width: 820px) {
  .process-grid { grid-template-columns: 1fr; }
  .process-card { padding: 24px; }
}

/* Expanded service pages */
.service-depth-section { background: #f7f5f0; }
.service-depth-section .section-heading { margin-bottom: 38px; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.detail-card, .faq-grid article {
  padding: 28px;
  background: #fff;
  border: 1px solid rgba(31,31,31,.1);
  border-radius: 18px;
}
.detail-card h3, .faq-grid h3 { margin-top: 0; }
.detail-card ul, .deliverables-panel ul { margin-bottom: 0; }
.service-process { margin-top: 52px; }
.process-mini-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.process-mini-grid.three-column { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.process-mini-grid article {
  padding: 24px;
  border-top: 1px solid rgba(31,31,31,.2);
}
.process-mini-grid span {
  display: inline-block;
  margin-bottom: 10px;
  color: #8e8a83;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
}
.deliverables-panel {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 36px;
  margin-top: 52px;
  padding: 34px;
  border-radius: 20px;
  background: #e7e5e0;
}
.faq-block { margin-top: 52px; }
.faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.related-links { margin-top: 42px; }
.explore-services-section { background: #fff; }
.explore-links-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.explore-link-card {
  display: block;
  padding: 26px;
  border: 1px solid rgba(31,31,31,.12);
  border-radius: 18px;
  text-decoration: none;
  background: #f7f5f0;
}
.explore-link-card span {
  display: block;
  margin-bottom: 10px;
  color: #8e8a83;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.explore-link-card strong { color: #1f1f1f; }
.related-reading { margin-top: 42px; }

@media (max-width: 860px) {
  .detail-grid,
  .process-mini-grid,
  .process-mini-grid.three-column,
  .deliverables-panel,
  .faq-grid,
  .explore-links-grid {
    grid-template-columns: 1fr;
  }
}

/* National author SEO hub */
.author-needs-section { background: #f7f5f0; }
.author-process-section { background: #e7e5e0; }
.author-sales-section { background: #1f1f1f; color: #f7f5f0; }
.author-sales-section h2, .author-sales-section .eyebrow { color: inherit; }
.author-sales-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: start; }
.author-proof-section { background: #f7f5f0; }
.author-resource-section { background: #fff; }
@media (max-width: 820px) {
  .author-sales-grid { grid-template-columns: 1fr; gap: 30px; }
}


/* Service page spacing and typography correction */
.service-depth-section {
  padding-block: 96px;
  background: #f7f5f0;
}

.service-depth-section .section-heading {
  max-width: 820px;
  margin-bottom: 48px;
}

.service-depth-section .section-heading h2 {
  margin: 0 0 18px;
}

.service-depth-section .section-heading p:last-child {
  margin-bottom: 0;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.detail-card {
  display: block;
  min-width: 0;
  padding: 30px;
  background: #fff;
  border: 1px solid rgba(31, 31, 31, 0.11);
  border-radius: 18px;
}

.detail-card h3 {
  margin: 0 0 14px;
  font-size: clamp(1.3rem, 2vw, 1.7rem);
  line-height: 1.15;
  text-transform: none;
  letter-spacing: normal;
}

.detail-card p {
  margin: 0;
}

.detail-card ul {
  margin: 0;
  padding-left: 1.25rem;
}

.detail-card li {
  margin: 0 0 0.65rem;
}

.detail-card li:last-child {
  margin-bottom: 0;
}

.service-process {
  margin-top: 64px;
  padding-top: 40px;
  border-top: 1px solid rgba(31, 31, 31, 0.16);
}

.service-process > .eyebrow {
  margin-bottom: 24px;
}

.process-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.process-mini-grid.three-column {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.process-mini-grid article {
  padding: 26px 0 4px;
  border-top: 1px solid rgba(31, 31, 31, 0.18);
}

.process-mini-grid article span {
  display: inline-block;
  margin-bottom: 12px;
  color: #8e8a83;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.process-mini-grid article h3 {
  margin: 0 0 12px;
  text-transform: none;
  letter-spacing: normal;
}

.process-mini-grid article p {
  margin: 0;
}

.deliverables-panel {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 44px;
  margin-top: 64px;
  padding: 38px;
  background: #e7e5e0;
  border-radius: 20px;
}

.deliverables-panel h2 {
  margin: 0;
}

.deliverables-panel ul {
  margin: 0;
  padding-left: 1.25rem;
}

.deliverables-panel li {
  margin-bottom: 0.65rem;
}

.faq-block {
  margin-top: 64px;
}

.faq-block > h2,
.faq-block .section-heading h2 {
  margin-bottom: 28px;
}

.faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.faq-grid article {
  padding: 28px;
  background: #fff;
  border: 1px solid rgba(31, 31, 31, 0.1);
  border-radius: 18px;
}

.faq-grid article h3 {
  margin: 0 0 12px;
  text-transform: none;
  letter-spacing: normal;
}

.faq-grid article p {
  margin: 0;
}

.related-links {
  margin-top: 48px;
}

.related-links h2 {
  margin: 0 0 12px;
}

.related-links p {
  margin: 0;
}

/* Keep eyebrow text intentionally uppercase; normal headings remain title case. */
.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

/* Prevent accidental run-together text in cards and section content. */
.detail-card + .detail-card,
.process-mini-grid article + article,
.faq-grid article + article {
  margin-top: 0;
}

@media (max-width: 860px) {
  .detail-grid,
  .process-mini-grid,
  .process-mini-grid.three-column,
  .deliverables-panel,
  .faq-grid {
    grid-template-columns: 1fr;
  }

  .service-depth-section {
    padding-block: 72px;
  }

  .detail-card,
  .faq-grid article,
  .deliverables-panel {
    padding: 24px;
  }
}



/* Sitewide spacing, hierarchy, and typography cleanup */
main section {
  scroll-margin-top: 90px;
}

.section,
.hero.section,
.service-depth-section,
.author-intro,
.author-needs-section,
.author-process-section,
.author-sales-section,
.author-proof-section,
.author-resource-section,
.faq-block {
  padding-top: clamp(72px, 8vw, 104px);
  padding-bottom: clamp(72px, 8vw, 104px);
}

.section-heading,
.container.narrow {
  max-width: 820px;
}

.section-heading > *:first-child,
.container.narrow > *:first-child {
  margin-top: 0;
}

.section-heading h2,
.container.narrow h2,
.blog-post h2 {
  margin-top: 0;
  margin-bottom: 18px;
}

.section-heading p:last-child,
.container.narrow p:last-child {
  margin-bottom: 0;
}

h1, h2, h3, h4 {
  text-wrap: balance;
}

h2, h3, h4 {
  text-transform: none;
  letter-spacing: normal;
}

h3 {
  line-height: 1.2;
}

p {
  text-wrap: pretty;
}

ul, ol {
  padding-left: 1.25rem;
}

li + li {
  margin-top: 0.45rem;
}

.card,
.detail-card,
.process-card,
.faq-grid article,
.blog-card {
  height: 100%;
}

.cards,
.detail-grid,
.process-grid,
.faq-grid,
.blog-grid,
.package-grid {
  align-items: stretch;
}

.card h2,
.card h3,
.detail-card h3,
.process-card h3,
.faq-grid h3,
.blog-card h2 {
  margin-top: 0;
  margin-bottom: 12px;
}

.card p:last-child,
.detail-card p:last-child,
.process-card p:last-child,
.faq-grid p:last-child,
.blog-card p:last-child {
  margin-bottom: 0;
}

.hero-actions {
  margin-top: 26px;
}

.footer p {
  margin-top: 0;
}

.blog-post h2 {
  margin-top: 42px;
}

.blog-post h2:first-of-type {
  margin-top: 36px;
}

.blog-post figure {
  margin-top: 34px;
  margin-bottom: 34px;
}

.related-links,
.related-reading,
.author-sales-section,
.web-final-cta {
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .section,
  .hero.section,
  .service-depth-section,
  .author-intro,
  .author-needs-section,
  .author-process-section,
  .author-sales-section,
  .author-proof-section,
  .author-resource-section,
  .faq-block {
    padding-top: 64px;
    padding-bottom: 64px;
  }
}

/* Author cover design section */
.author-cover-section { background: #f7f5f0; }
.author-cover-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 70px;
  align-items: start;
}
.author-cover-grid h2 { margin-top: 0; }
.author-cover-grid ul { margin-top: 24px; }
@media (max-width: 820px) {
  .author-cover-grid { grid-template-columns: 1fr; gap: 30px; }
}


/* Header logo refinement: keeps the refreshed monogram from stacking the wordmark */
.brand { display: inline-flex; align-items: center; text-decoration: none; flex: 0 0 auto; }
.brand-mark { width: min(300px, 34vw); height: auto; max-height: 58px; display:block; object-fit: contain; background: transparent !important; }
@media (max-width: 860px) {
  .brand { display: inline-flex; align-items: center; text-decoration: none; flex: 0 0 auto; }
  .brand-mark { width: min(300px, 34vw); height: auto; max-height: 58px; display:block; object-fit: contain; background: transparent !important; }
}


/* Header logo + tighter home hero */
.brand-mark { width: min(320px, 38vw); max-height: 60px; }
.hero.section { padding-top: clamp(42px, 5vw, 68px); }
@media (max-width: 760px) { .brand-mark { width: min(235px, 66vw); max-height: 50px; } .nav { min-height: 66px; } .hero.section { padding-top: 44px; } }


/* Header/logo correction — preferred full wordmark, cropped asset, no layout overflow */
html, body { max-width: 100%; overflow-x: clip; }
.site-header { overflow-x: clip; }
.nav { width: min(calc(100% - 40px), 1280px); min-height: 74px; gap: 28px; }
.brand { min-width: 0; }
.brand-mark {
  width: clamp(190px, 18vw, 265px);
  max-height: 54px;
  object-fit: contain;
}
.nav-menu { gap: clamp(14px, 1.5vw, 22px); white-space: nowrap; }
.hero-grid > * { min-width: 0; }
.hero.section { padding-top: clamp(36px, 4vw, 56px); }
@media (max-width: 1040px) {
  .nav-toggle { display: inline-flex; }
  .nav-menu { display: none; position: absolute; inset: 74px 16px auto; background: var(--paper); border: 1px solid var(--line); border-radius: 18px; padding: 18px; flex-direction: column; align-items: stretch; box-shadow: 0 18px 60px rgba(31,31,31,.14); white-space: normal; }
  .nav-menu.is-open { display: flex; }
  .brand-mark { width: clamp(180px, 38vw, 245px); max-height: 52px; }
}
@media (max-width: 760px) {
  .nav { width: min(calc(100% - 32px), 1280px); min-height: 66px; }
  .brand-mark { width: min(210px, 64vw); max-height: 48px; }
  .hero.section { padding-top: 38px; }
}


/* Final adjustment: header uses small monogram; full preferred logo lives in the home hero */
.brand-mark {
  width: 36px !important;
  height: 36px !important;
  max-height: 36px !important;
  object-fit: contain;
}
.hero-copy {
  align-self: center;
}
.hero-primary-logo {
  display: block;
  width: clamp(260px, 32vw, 500px);
  height: auto;
  margin: 0 0 clamp(36px, 4vw, 58px);
}
.hero.section {
  padding-top: clamp(54px, 6vw, 92px);
}
@media (max-width: 760px) {
  .brand-mark { width: 34px !important; height: 34px !important; max-height: 34px !important; }
  .hero-primary-logo { width: min(330px, 88vw); margin-bottom: 34px; }
  .hero.section { padding-top: 42px; }
}


/* 2026-06-25 RESTORE: pages back to matching/original layout; logo fixed bigger */

/* Header black square M. */
.site-header .brand {
  width: 52px !important;
  height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.site-header .brand-mark {
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 9px !important;
  box-shadow: 0 8px 18px rgba(31,35,38,.14) !important;
}

/* Homepage hero wordmark: BIGGER and aligned with the left text column */
.hero.section .hero-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  overflow: visible !important;
}
.hero.section .hero-copy .hero-primary-logo,
.hero.section .hero-primary-logo {
  display: block !important;
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  height: auto !important;
  margin: 0 0 clamp(34px, 4vw, 54px) 0 !important;
  transform: none !important;
  align-self: flex-start !important;
}

/* Force service/interior pages back to the same original hero structure */
.service-hero {
  display: grid !important;
  grid-template-columns: 1.05fr .95fr !important;
  gap: clamp(32px, 5vw, 72px) !important;
  align-items: center !important;
}
.service-hero > figure,
.service-hero > .image-card,
.service-hero > .hero-image {
  order: initial !important;
  transform: none !important;
  margin: 0 !important;
}
.service-hero > div {
  padding-left: 0 !important;
  max-width: none !important;
  text-align: left !important;
}
.service-hero .hero-image img,
.service-hero .image-card img {
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
}

@media (max-width: 900px) {
  .service-hero {
    grid-template-columns: 1fr !important;
  }
  .hero.section .hero-copy .hero-primary-logo,
  .hero.section .hero-primary-logo {
    width: min(100%, 700px) !important;
    max-width: 700px !important;
  }
}
@media (max-width: 760px) {
  .site-header .brand { width: 46px !important; height: 46px !important; }
  .site-header .brand-mark {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }
  .hero.section .hero-copy .hero-primary-logo,
  .hero.section .hero-primary-logo {
    width: 100% !important;
    max-width: 560px !important;
    margin-bottom: 30px !important;
  }
}


/* 2026-06-25 mobile menu fix */
.nav { position: relative; }

.nav-toggle {
  appearance: none;
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  border-radius: 999px;
  padding: 10px 16px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  line-height: 1;
}

@media (min-width: 1041px) {
  .nav-toggle { display: none !important; }
  .nav-menu { display: flex !important; }
}

@media (max-width: 1040px) {
  .site-header { z-index: 1000; }
  .nav { min-height: 70px; }

  .nav-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    z-index: 1002;
  }

  .nav-menu {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 1001 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    background: var(--paper) !important;
    box-shadow: 0 18px 60px rgba(31,35,38,.16) !important;
  }

  .nav-menu.is-open { display: flex !important; }

  .nav-menu a {
    display: block !important;
    width: 100% !important;
    padding: 13px 14px !important;
    border-radius: 12px !important;
  }

  .nav-menu a:hover,
  .nav-menu a:focus { background: rgba(104, 127, 104, .12); }

  .nav-menu .button.small {
    margin-top: 8px !important;
    text-align: center !important;
  }
}


/* 20260625-mobile-menu-hard-fix-v2: hard mobile menu fix */
.nav {
  position: relative !important;
}

.nav-toggle {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid var(--line) !important;
  background: var(--paper) !important;
  color: var(--ink) !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font: inherit !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  min-height: 42px !important;
  touch-action: manipulation !important;
}

@media (min-width: 1041px) {
  .nav-toggle {
    display: none !important;
  }

  .nav-menu {
    display: flex !important;
    position: static !important;
    flex-direction: row !important;
    align-items: center !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}

@media (max-width: 1040px) {
  .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
  }

  .nav {
    min-height: 70px !important;
    overflow: visible !important;
  }

  .nav-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    z-index: 10001 !important;
    position: relative !important;
  }

  .nav-menu {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10000 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    background: var(--paper) !important;
    box-shadow: 0 18px 60px rgba(31,35,38,.18) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .nav-menu.is-open {
    display: flex !important;
  }

  .nav-menu a {
    display: block !important;
    width: 100% !important;
    padding: 14px 14px !important;
    border-radius: 12px !important;
    text-align: left !important;
  }

  .nav-menu .button.small {
    margin-top: 8px !important;
    text-align: center !important;
  }
}


/* 20260625-mobile-menu-css-only-v1: CSS-only mobile menu. No JS required to open. */
.nav {
  position: relative !important;
  overflow: visible !important;
}

.nav-checkbox {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.nav-toggle {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid var(--line) !important;
  background: var(--paper) !important;
  color: var(--ink) !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font: inherit !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  min-height: 42px !important;
  touch-action: manipulation !important;
  user-select: none !important;
}

@media (min-width: 1041px) {
  .nav-toggle,
  .nav-checkbox {
    display: none !important;
  }

  .nav-menu {
    display: flex !important;
    position: static !important;
    flex-direction: row !important;
    align-items: center !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
}

@media (max-width: 1040px) {
  .site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    overflow: visible !important;
  }

  .nav {
    min-height: 70px !important;
  }

  .nav-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    z-index: 10001 !important;
    position: relative !important;
  }

  .nav-menu {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10000 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--line) !important;
    border-radius: 18px !important;
    background: var(--paper) !important;
    box-shadow: 0 18px 60px rgba(31,35,38,.18) !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .nav-checkbox:checked ~ .nav-menu {
    display: flex !important;
  }

  .nav-checkbox:checked + .nav-toggle {
    background: var(--ink) !important;
    color: var(--paper) !important;
  }

  .nav-menu a {
    display: block !important;
    width: 100% !important;
    padding: 14px 14px !important;
    border-radius: 12px !important;
    text-align: left !important;
  }

  .nav-menu a:hover,
  .nav-menu a:focus {
    background: rgba(104, 127, 104, .12) !important;
  }

  .nav-menu .button.small {
    margin-top: 8px !important;
    text-align: center !important;
  }
}


/* 20260625-glow-up-lab-v1: Website Glow-Up Lab */
.lab-hero {
  background:
    radial-gradient(circle at 12% 10%, rgba(198,106,90,.12), transparent 32%),
    radial-gradient(circle at 82% 18%, rgba(79,109,138,.13), transparent 34%),
    var(--cream);
}

.lab-hero-grid,
.lab-preview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .75fr);
  gap: clamp(34px, 5vw, 78px);
  align-items: center;
}

.lab-note-card,
.mini-lab-card {
  border: 1px solid var(--line);
  border-radius: 26px;
  background: rgba(255,253,248,.82);
  box-shadow: 0 22px 60px rgba(31,35,38,.08);
  padding: clamp(24px, 3vw, 36px);
}

.lab-intro {
  background: var(--paper);
}

.lab-studies {
  background: var(--cream);
}

.lab-study {
  display: grid;
  grid-template-columns: minmax(320px, .72fr) minmax(0, 1.28fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid var(--line);
  border-radius: 30px;
  background: rgba(255,253,248,.9);
  box-shadow: 0 18px 60px rgba(31,35,38,.07);
}

.lab-study + .lab-study {
  margin-top: clamp(24px, 3vw, 34px);
}

.lab-study.reverse {
  grid-template-columns: minmax(0, 1.28fr) minmax(320px, .72fr);
}

.lab-study.reverse .lab-study-text {
  order: 2;
}

.lab-study h3 {
  margin-bottom: 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.8rem, 3vw, 2.65rem);
}

.study-type {
  color: var(--muted);
}

.lab-problem-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-top: 24px;
}

.lab-problem-grid h4 {
  margin: 0 0 12px;
  color: var(--ink);
}

.lab-problem-grid ul {
  margin: 0;
  padding-left: 1.15rem;
  color: var(--muted);
}

.lab-problem-grid li {
  margin: .4rem 0;
}

.lab-before-after {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: clamp(12px, 2vw, 22px);
  align-items: center;
}

.lab-arrow {
  color: var(--sage);
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
}

.mock-site > span {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--terracotta);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mock-site.after > span {
  color: var(--sage);
}

.mock-browser {
  min-height: 310px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
  padding: 22px;
  border: 10px solid #1F2326;
  border-radius: 18px 18px 12px 12px;
  background: #F7F4EF;
  box-shadow: 0 18px 36px rgba(31,35,38,.12);
}

.mock-browser.dark {
  color: #F7F4EF;
  background:
    linear-gradient(135deg, rgba(31,35,38,.94), rgba(31,35,38,.76)),
    radial-gradient(circle at 80% 15%, rgba(198,106,90,.32), transparent 32%);
}

.mock-browser.warm {
  background:
    linear-gradient(135deg, rgba(247,244,239,.94), rgba(242,237,228,.72)),
    radial-gradient(circle at 85% 20%, rgba(198,106,90,.20), transparent 35%);
}

.mock-browser.blue {
  color: #F7F4EF;
  background:
    linear-gradient(135deg, rgba(31,35,38,.94), rgba(79,109,138,.76)),
    radial-gradient(circle at 82% 20%, rgba(104,127,104,.28), transparent 34%);
}

.mock-browser h4 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  line-height: 1.08;
}

.mock-browser p {
  margin: 0;
  color: inherit;
  opacity: .78;
}

.mock-browser button {
  width: fit-content;
  margin-top: auto;
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  background: var(--sage);
  color: #fff;
  font-weight: 800;
}

.mock-nav {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, currentColor 12%, transparent 12% 18%, currentColor 18% 32%, transparent 32% 40%, currentColor 40% 52%, transparent 52%);
  opacity: .28;
}

.mock-image {
  min-height: 86px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(104,127,104,.18), rgba(198,106,90,.16));
}

.mock-image.flowers {
  background:
    radial-gradient(circle at 22% 45%, rgba(198,106,90,.42), transparent 18%),
    radial-gradient(circle at 62% 35%, rgba(104,127,104,.36), transparent 20%),
    linear-gradient(135deg, rgba(242,237,228,1), rgba(247,244,239,.88));
}

.mock-image.bakery {
  background:
    radial-gradient(circle at 25% 55%, rgba(198,106,90,.36), transparent 18%),
    radial-gradient(circle at 65% 48%, rgba(146,114,82,.30), transparent 22%),
    linear-gradient(135deg, rgba(242,237,228,1), rgba(247,244,239,.88));
}

.mock-image.service {
  background:
    linear-gradient(135deg, rgba(79,109,138,.18), rgba(104,127,104,.16));
}

.lab-method {
  background: var(--paper);
}

.lab-preview {
  background:
    linear-gradient(135deg, rgba(104,127,104,.10), rgba(198,106,90,.08)),
    var(--cream);
}

.mini-lab-card {
  display: grid;
  gap: 12px;
}

.mini-lab-card span {
  color: var(--terracotta);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.mini-lab-card strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
}

@media (max-width: 980px) {
  .lab-hero-grid,
  .lab-preview-grid,
  .lab-study,
  .lab-study.reverse {
    grid-template-columns: 1fr;
  }

  .lab-study.reverse .lab-study-text {
    order: 0;
  }

  .lab-before-after {
    grid-template-columns: 1fr;
  }

  .lab-arrow {
    transform: rotate(90deg);
    width: fit-content;
    margin-inline: auto;
  }
}

@media (max-width: 680px) {
  .lab-study {
    padding: 22px;
    border-radius: 22px;
  }

  .lab-problem-grid {
    grid-template-columns: 1fr;
  }

  .mock-browser {
    min-height: 250px;
    border-width: 8px;
  }
}


/* 20260625-principles-in-practice-v1: principles applied in practice */
.site-principles {
  background: var(--paper);
  border-block: 1px solid var(--line);
}

.principles-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2.5vw, 32px);
}

.principles-grid article {
  padding: clamp(24px, 3vw, 36px);
  border-radius: 24px;
  background: rgba(255,253,248,.86);
  border: 1px solid var(--line);
  box-shadow: 0 16px 42px rgba(31,35,38,.05);
}

.principles-grid span {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--terracotta);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.principles-grid h2 {
  margin-bottom: 12px;
  font-size: clamp(1.45rem, 2.1vw, 2rem);
}

.principles-grid p {
  margin: 0;
  color: var(--muted);
}

.hero .lead {
  max-width: 760px;
}

.lab-preview-grid {
  align-items: center;
}

@media (max-width: 900px) {
  .principles-grid {
    grid-template-columns: 1fr;
  }
}


/* 20260625-no-beige-seo-blog-v3: no beige background + guaranteed SEO blog */
:root {
  --cream: #FFFFFF !important;
  --paper: #FFFFFF !important;
  --soft: #F6F8F7 !important;
}

html,
body {
  background: #FFFFFF !important;
}

.section,
.site-header,
.site-footer,
.hero,
.lab-hero,
.lab-intro,
.lab-studies,
.lab-method,
.lab-preview,
.seo-blog-teaser,
.site-principles,
.strategy-snapshot,
.mini-case-section,
.page-strategy-strip,
.contact-section {
  background-color: #FFFFFF !important;
}

.hero,
.lab-hero,
.lab-preview,
.seo-blog-teaser,
.site-principles,
.page-strategy-strip {
  background-image:
    radial-gradient(circle at 8% 12%, rgba(104,127,104,.07), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(79,109,138,.06), transparent 30%) !important;
}

.card,
.blog-card,
.lab-note-card,
.mini-lab-card,
.lab-study,
.contact-form,
.principles-grid article,
.mock-browser {
  background: #FFFFFF !important;
}

.mock-browser.warm,
.mock-browser.dark,
.mock-browser.blue {
  background-image: linear-gradient(135deg, rgba(255,255,255,.98), rgba(246,248,247,.96)) !important;
  background-color: #FFFFFF !important;
  color: var(--ink) !important;
}

.blog-post {
  background: #FFFFFF !important;
}

.blog-post .card {
  margin-top: 34px;
}


/* 20260625-blog-spacing-polish-v1: blog post spacing polish */
.blog-post {
  padding-top: clamp(48px, 6vw, 76px) !important;
  padding-bottom: clamp(56px, 7vw, 86px) !important;
}

.blog-post .narrow {
  max-width: 820px !important;
}

.blog-post h1 {
  max-width: 780px !important;
  margin-bottom: 18px !important;
  font-size: clamp(2.25rem, 5vw, 4.15rem) !important;
  line-height: .98 !important;
  letter-spacing: -0.045em !important;
}

.blog-post .lead {
  max-width: 700px !important;
  margin: 0 0 28px !important;
  font-size: clamp(1.1rem, 1.7vw, 1.28rem) !important;
  line-height: 1.55 !important;
}

.blog-post p {
  max-width: 720px !important;
  margin: 0 0 1.05rem !important;
  line-height: 1.72 !important;
}

.blog-post h2 {
  max-width: 720px !important;
  margin: clamp(2rem, 4vw, 3.1rem) 0 .85rem !important;
  font-size: clamp(1.55rem, 2.3vw, 2.05rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}

.blog-post h2:first-of-type {
  margin-top: clamp(2.1rem, 4vw, 3rem) !important;
}

.blog-post .eyebrow {
  margin-bottom: 14px !important;
}

.blog-post a {
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}

.blog-post .card {
  max-width: 720px !important;
  margin-top: clamp(2.4rem, 5vw, 3.8rem) !important;
  padding: clamp(24px, 3vw, 34px) !important;
}

.blog-post .card h2 {
  margin-top: 0 !important;
}

.blog-post .card p {
  margin-bottom: 1.25rem !important;
}

.featured-blog-post {
  padding-top: 0 !important;
}

.featured-blog-post .blog-card {
  max-width: 900px !important;
  margin-inline: auto !important;
}

@media (max-width: 680px) {
  .blog-post {
    padding-top: 38px !important;
  }

  .blog-post h1 {
    font-size: clamp(2rem, 10vw, 2.8rem) !important;
    line-height: 1.03 !important;
  }

  .blog-post p {
    line-height: 1.68 !important;
  }

  .blog-post h2 {
    margin-top: 2.1rem !important;
  }
}


/* 20260625-blog-spacing-polish-v1: subtle intro divider */
.post-intro-divider {
  width: 100%;
  max-width: 720px;
  height: 1px;
  margin: clamp(1.8rem, 4vw, 2.8rem) 0 0;
  background: var(--line);
}


/* 20260625-editorial-xray-v1: editorial, non-template direction */
:root {
  --cream: #FFFFFF !important;
  --paper: #FFFFFF !important;
  --soft: #F7F8F7 !important;
}

body {
  background: #fff !important;
}

.section {
  background-color: #fff !important;
}

.xray-section {
  position: relative;
  overflow: hidden;
  padding-block: clamp(72px, 10vw, 145px) !important;
  background:
    linear-gradient(90deg, rgba(31,35,38,.035) 1px, transparent 1px),
    linear-gradient(rgba(31,35,38,.035) 1px, transparent 1px),
    #fff !important;
  background-size: 56px 56px !important;
}

.xray-section::before {
  content: "";
  position: absolute;
  inset: 9% auto auto -8%;
  width: 34vw;
  aspect-ratio: 1;
  border: 1px solid rgba(104,127,104,.28);
  border-radius: 999px;
}

.xray-layout {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: clamp(34px, 6vw, 90px);
  align-items: center;
}

.xray-kicker h2 {
  max-width: 520px;
  font-size: clamp(2rem, 4.5vw, 4.65rem);
  line-height: .95;
  letter-spacing: -.055em;
}

.xray-board {
  position: relative;
  min-height: clamp(520px, 58vw, 690px);
  border: 1px solid rgba(31,35,38,.18);
  border-radius: 38px;
  background:
    radial-gradient(circle at 50% 50%, rgba(104,127,104,.08), transparent 22%),
    linear-gradient(135deg, rgba(247,248,247,.8), rgba(255,255,255,.95));
  box-shadow: 0 24px 80px rgba(31,35,38,.08);
  overflow: hidden;
}

.xray-board::before {
  content: "";
  position: absolute;
  inset: 32px;
  border: 1px dashed rgba(31,35,38,.18);
  border-radius: 28px;
}

.xray-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) rotate(-2deg);
  width: min(300px, 56%);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  text-align: center;
  border: 1px solid rgba(31,35,38,.25);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 18px 60px rgba(31,35,38,.10);
}

.xray-center span {
  position: absolute;
  top: 24%;
  color: var(--terracotta);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.xray-center strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 3vw, 2.6rem);
  line-height: .95;
}

.xray-note {
  position: absolute;
  width: min(270px, 42%);
  padding: 18px 18px 16px;
  border: 1px solid rgba(31,35,38,.20);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 16px 46px rgba(31,35,38,.08);
}

.xray-note span {
  display: block;
  margin-bottom: 8px;
  color: var(--terracotta);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.xray-note strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.2rem;
  line-height: 1.05;
  margin-bottom: 8px;
}

.xray-note p {
  margin: 0;
  color: var(--muted);
  font-size: .94rem;
  line-height: 1.45;
}

.note-one { left: 7%; top: 8%; transform: rotate(-2deg); }
.note-two { right: 7%; top: 15%; transform: rotate(1.5deg); }
.note-three { left: 10%; bottom: 12%; transform: rotate(1deg); }
.note-four { right: 8%; bottom: 9%; transform: rotate(-1.4deg); }

.xray-line {
  position: absolute;
  height: 1px;
  background: rgba(31,35,38,.18);
  transform-origin: left center;
}

.line-one {
  width: 58%;
  left: 21%;
  top: 49%;
  transform: rotate(28deg);
}

.line-two {
  width: 62%;
  left: 18%;
  top: 51%;
  transform: rotate(-31deg);
}

.editorial-proof {
  padding-block: clamp(58px, 9vw, 120px) !important;
  border-block: 1px solid rgba(31,35,38,.12);
  background: #fff !important;
}

.proof-layout {
  display: grid;
  grid-template-columns: .26fr 1fr .9fr;
  gap: clamp(22px, 4vw, 70px);
  align-items: start;
}

.proof-number {
  margin: 0;
  color: var(--sage);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(4rem, 10vw, 10rem);
  line-height: .75;
  opacity: .38;
}

.proof-layout h2 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 4.1rem);
  line-height: .96;
  letter-spacing: -.055em;
}

.proof-copy {
  margin: .45rem 0 0;
  max-width: 520px;
  font-size: clamp(1.05rem, 1.55vw, 1.28rem);
  line-height: 1.62;
  color: var(--muted);
}

.field-note-strip {
  padding-block: 0 !important;
  background: #fff !important;
}

.field-note {
  display: flex;
  gap: 18px;
  align-items: baseline;
  padding: 22px 0;
  border-block: 1px solid rgba(31,35,38,.13);
}

.field-note span {
  color: var(--terracotta);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.field-note a {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.6vw, 1.35rem);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

.editorial-side-note {
  padding-block: 22px !important;
  background: #fff !important;
}

.side-note-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 680px);
  gap: clamp(18px, 4vw, 58px);
  padding-block: 22px;
  border-block: 1px solid rgba(31,35,38,.14);
}

.side-label {
  margin: 0;
  color: var(--terracotta);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.side-note-layout p:last-child {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.25rem, 2vw, 1.85rem);
  line-height: 1.18;
}

.lab-notebook .lab-study {
  border-radius: 0 !important;
  border-inline: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
  border-color: rgba(31,35,38,.16) !important;
}

.lab-notebook .lab-study:nth-of-type(even) {
  transform: translateX(clamp(0px, 3vw, 36px));
}

.lab-notebook .lab-study:nth-of-type(odd) {
  transform: translateX(clamp(-36px, -3vw, 0px));
}

.card,
.blog-card,
.principles-grid article,
.diagnosis-grid article,
.page-strategy-grid article {
  box-shadow: none !important;
}

@media (max-width: 980px) {
  .xray-layout,
  .proof-layout,
  .side-note-layout {
    grid-template-columns: 1fr;
  }

  .xray-board {
    min-height: 620px;
  }

  .proof-number {
    font-size: 5rem;
  }
}

@media (max-width: 680px) {
  .xray-board {
    min-height: 760px;
    border-radius: 26px;
  }

  .xray-note {
    width: calc(100% - 48px);
    left: 24px !important;
    right: auto !important;
  }

  .note-one { top: 28px; }
  .note-two { top: 170px; }
  .note-three { top: 312px; bottom: auto; }
  .note-four { top: 454px; bottom: auto; }

  .xray-center {
    top: auto;
    bottom: 28px;
    width: 230px;
  }

  .xray-line {
    display: none;
  }

  .field-note {
    display: block;
  }

  .field-note span {
    display: block;
    margin-bottom: 8px;
  }

  .lab-notebook .lab-study {
    transform: none !important;
  }
}


/* 20260625-full-palette-v1: fully incorporated M. Morgan palette
   Charcoal #1F2326 · Sage #687F68 · Dusty Blue #4F6D8A · Terracotta #C66A5A · Warm Cream #F2EDE4 */
:root {
  --ink: #1F2326 !important;
  --charcoal: #1F2326 !important;
  --sage: #687F68 !important;
  --dusty-blue: #4F6D8A !important;
  --terracotta: #C66A5A !important;
  --cream: #FFFFFF !important;
  --paper: #FFFFFF !important;
  --warm-cream: #F2EDE4 !important;
  --soft: #F7F8F7 !important;
  --line: rgba(31,35,38,.14) !important;
  --muted: rgba(31,35,38,.66) !important;
}

body {
  color: var(--ink) !important;
  background:
    linear-gradient(90deg, rgba(31,35,38,.018) 1px, transparent 1px),
    linear-gradient(rgba(31,35,38,.018) 1px, transparent 1px),
    #FFFFFF !important;
  background-size: 72px 72px !important;
}

.site-header {
  background: rgba(255,255,255,.88) !important;
  border-bottom: 1px solid rgba(31,35,38,.12) !important;
  backdrop-filter: blur(14px);
}

.site-footer {
  background:
    linear-gradient(135deg, rgba(31,35,38,.98), rgba(31,35,38,.92)) !important;
  color: #F2EDE4 !important;
}

.site-footer p,
.site-footer a {
  color: rgba(242,237,228,.78) !important;
}

.site-footer strong {
  color: #F2EDE4 !important;
}

.button {
  background: var(--charcoal) !important;
  color: #F2EDE4 !important;
  border-color: var(--charcoal) !important;
}

.button:hover,
.button:focus {
  background: var(--sage) !important;
  border-color: var(--sage) !important;
  color: #FFFFFF !important;
}

.button.ghost {
  background: transparent !important;
  color: var(--charcoal) !important;
  border-color: rgba(31,35,38,.24) !important;
}

.button.ghost:hover,
.button.ghost:focus {
  background: rgba(104,127,104,.12) !important;
  color: var(--charcoal) !important;
  border-color: var(--sage) !important;
}

.eyebrow {
  color: var(--terracotta) !important;
}

a {
  color: var(--dusty-blue);
}

a:hover,
a:focus {
  color: var(--terracotta);
}

.hero {
  background:
    radial-gradient(circle at 12% 14%, rgba(104,127,104,.14), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(79,109,138,.12), transparent 30%),
    radial-gradient(circle at 65% 92%, rgba(198,106,90,.10), transparent 34%),
    #FFFFFF !important;
}

.hero::after {
  content: "";
  position: absolute;
  right: max(22px, 5vw);
  bottom: 24px;
  width: clamp(88px, 12vw, 170px);
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sage), var(--dusty-blue), var(--terracotta));
  opacity: .72;
}

.hero,
.section {
  position: relative;
}

.card,
.blog-card,
.contact-form,
.lab-note-card,
.mini-lab-card,
.xray-note,
.mock-browser,
.principles-grid article {
  border-color: rgba(31,35,38,.14) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,248,247,.82)) !important;
}

.card:nth-child(3n + 1),
.blog-card:nth-child(3n + 1) {
  border-top: 4px solid var(--sage) !important;
}

.card:nth-child(3n + 2),
.blog-card:nth-child(3n + 2) {
  border-top: 4px solid var(--dusty-blue) !important;
}

.card:nth-child(3n + 3),
.blog-card:nth-child(3n + 3) {
  border-top: 4px solid var(--terracotta) !important;
}

.xray-section {
  background:
    linear-gradient(90deg, rgba(31,35,38,.035) 1px, transparent 1px),
    linear-gradient(rgba(31,35,38,.035) 1px, transparent 1px),
    radial-gradient(circle at 10% 22%, rgba(104,127,104,.13), transparent 26%),
    radial-gradient(circle at 86% 18%, rgba(79,109,138,.12), transparent 28%),
    radial-gradient(circle at 74% 88%, rgba(198,106,90,.10), transparent 32%),
    #FFFFFF !important;
  background-size: 56px 56px, 56px 56px, auto, auto, auto, auto !important;
}

.xray-board {
  background:
    radial-gradient(circle at 50% 50%, rgba(104,127,104,.10), transparent 23%),
    radial-gradient(circle at 18% 22%, rgba(79,109,138,.10), transparent 26%),
    radial-gradient(circle at 82% 78%, rgba(198,106,90,.10), transparent 30%),
    linear-gradient(135deg, rgba(247,248,247,.88), rgba(255,255,255,.96)) !important;
  border-color: rgba(31,35,38,.18) !important;
}

.xray-center {
  border-color: rgba(31,35,38,.24) !important;
  background:
    linear-gradient(135deg, #FFFFFF, rgba(242,237,228,.38)) !important;
}

.xray-note.note-one {
  border-left: 5px solid var(--sage) !important;
}

.xray-note.note-two {
  border-left: 5px solid var(--dusty-blue) !important;
}

.xray-note.note-three {
  border-left: 5px solid var(--terracotta) !important;
}

.xray-note.note-four {
  border-left: 5px solid var(--charcoal) !important;
}

.xray-center span,
.xray-note span,
.field-note span,
.side-label,
.mini-lab-card span {
  color: var(--terracotta) !important;
}

.xray-note:nth-of-type(odd) span {
  color: var(--sage) !important;
}

.editorial-proof {
  background:
    linear-gradient(115deg, rgba(242,237,228,.34), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(79,109,138,.08), transparent 28%),
    #FFFFFF !important;
}

.proof-number {
  color: var(--dusty-blue) !important;
}

.proof-layout h2::selection,
h1::selection,
h2::selection,
p::selection {
  background: rgba(198,106,90,.24);
}

.field-note {
  border-block-color: rgba(31,35,38,.16) !important;
}

.field-note a {
  color: var(--charcoal) !important;
}

.field-note a:hover {
  color: var(--dusty-blue) !important;
}

.editorial-side-note {
  background:
    linear-gradient(90deg, rgba(104,127,104,.08), transparent 22%),
    #FFFFFF !important;
}

.side-note-layout {
  border-block-color: rgba(31,35,38,.14) !important;
}

.lab-studies,
.lab-hero,
.lab-intro,
.lab-method,
.lab-preview,
.seo-blog-teaser,
.site-principles,
.contact-section,
.blog-post {
  background:
    radial-gradient(circle at 12% 18%, rgba(104,127,104,.055), transparent 24%),
    radial-gradient(circle at 90% 12%, rgba(79,109,138,.055), transparent 25%),
    #FFFFFF !important;
}

.lab-study {
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,248,247,.85)) !important;
  border-color: rgba(31,35,38,.16) !important;
}

.lab-study:nth-of-type(3n + 1) {
  border-left: 6px solid var(--sage) !important;
}

.lab-study:nth-of-type(3n + 2) {
  border-left: 6px solid var(--dusty-blue) !important;
}

.lab-study:nth-of-type(3n + 3) {
  border-left: 6px solid var(--terracotta) !important;
}

.mock-browser {
  border-color: var(--charcoal) !important;
}

.mock-browser button {
  background: var(--sage) !important;
}

.mock-site.after .mock-browser button {
  background: var(--dusty-blue) !important;
}

.blog-post h1::after {
  content: "";
  display: block;
  width: min(260px, 60vw);
  height: 6px;
  margin-top: 24px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--sage), var(--dusty-blue), var(--terracotta));
}

.blog-post h2 {
  color: var(--charcoal) !important;
}

.blog-post h2::before {
  content: "";
  display: inline-block;
  width: .68em;
  height: .68em;
  margin-right: .45em;
  border-radius: 999px;
  background: var(--sage);
  vertical-align: .02em;
  opacity: .82;
}

.blog-post h2:nth-of-type(3n + 1)::before {
  background: var(--sage);
}

.blog-post h2:nth-of-type(3n + 2)::before {
  background: var(--dusty-blue);
}

.blog-post h2:nth-of-type(3n + 3)::before {
  background: var(--terracotta);
}

.post-intro-divider {
  background: linear-gradient(90deg, var(--sage), var(--dusty-blue), var(--terracotta)) !important;
  height: 2px !important;
}

.nav-menu a:hover,
.nav-menu a:focus {
  color: var(--terracotta) !important;
}

.nav-menu .button.small:hover,
.nav-menu .button.small:focus {
  color: #FFFFFF !important;
}

.nav-toggle {
  border-color: rgba(31,35,38,.22) !important;
}

.nav-checkbox:checked + .nav-toggle {
  background: var(--dusty-blue) !important;
  color: #FFFFFF !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: 2px solid rgba(79,109,138,.35) !important;
  border-color: var(--dusty-blue) !important;
}

.contact-form {
  border-top: 5px solid var(--terracotta) !important;
}

.pricing,
.price-card {
  background: #FFFFFF !important;
}

.price-card:nth-child(3n+1) {
  border-top: 5px solid var(--sage) !important;
}

.price-card:nth-child(3n+2) {
  border-top: 5px solid var(--dusty-blue) !important;
}

.price-card:nth-child(3n+3) {
  border-top: 5px solid var(--terracotta) !important;
}

@media (max-width: 680px) {
  .hero::after {
    left: 22px;
    right: auto;
    bottom: 12px;
  }

  .blog-post h2::before {
    width: .55em;
    height: .55em;
  }
}


/* 20260625-full-palette-v1: palette signal */
.palette-signal {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 24px;
}

.palette-signal .swatch {
  display: block;
  width: 34px;
  height: 10px;
  border-radius: 999px;
}

.palette-signal .sage { background: #687F68; }
.palette-signal .blue { background: #4F6D8A; }
.palette-signal .terra { background: #C66A5A; }
.palette-signal .charcoal { background: #1F2326; }


/* 20260701-conversion-landing-v1: full conversion landing page redo */
.landing-body {
  background:
    linear-gradient(90deg, rgba(31,35,38,.018) 1px, transparent 1px),
    linear-gradient(rgba(31,35,38,.018) 1px, transparent 1px),
    #fff !important;
  background-size: 72px 72px !important;
}

.landing-header .nav-menu a[href^="#"] {
  color: var(--charcoal);
}

.landing-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(74px, 10vw, 150px) 0 clamp(70px, 9vw, 130px);
  background:
    radial-gradient(circle at 10% 18%, rgba(104,127,104,.18), transparent 30%),
    radial-gradient(circle at 88% 15%, rgba(79,109,138,.15), transparent 30%),
    radial-gradient(circle at 72% 86%, rgba(198,106,90,.13), transparent 32%),
    #fff;
}

.landing-hero::before {
  content: "";
  position: absolute;
  right: -12vw;
  top: 10%;
  width: 42vw;
  aspect-ratio: 1;
  border: 1px solid rgba(31,35,38,.14);
  border-radius: 999px;
}

.landing-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .72fr);
  gap: clamp(34px, 6vw, 90px);
  align-items: center;
}

.hero-panel h1 {
  max-width: 900px;
  margin: 0 0 20px;
  font-size: clamp(3.1rem, 8vw, 8.3rem);
  line-height: .88;
  letter-spacing: -.075em;
}

.hero-panel .lead {
  max-width: 760px;
  font-size: clamp(1.08rem, 1.55vw, 1.34rem);
  line-height: 1.62;
}

.landing-proof-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.landing-proof-row span,
.contact-mini-proof span {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(31,35,38,.14);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(255,255,255,.76);
  color: var(--muted);
  font-size: .88rem;
  font-weight: 800;
}

.landing-proof-row span:nth-child(1) { border-color: rgba(104,127,104,.42); }
.landing-proof-row span:nth-child(2) { border-color: rgba(79,109,138,.42); }
.landing-proof-row span:nth-child(3) { border-color: rgba(198,106,90,.42); }

.conversion-card {
  position: relative;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(31,35,38,.18);
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,248,247,.86));
  box-shadow: 0 24px 80px rgba(31,35,38,.08);
}

.conversion-card::before {
  content: "";
  position: absolute;
  inset: 14px;
  border: 1px dashed rgba(31,35,38,.18);
  border-radius: 22px;
  pointer-events: none;
}

.conversion-card-top {
  margin-bottom: 22px;
}

.conversion-card-top span {
  display: block;
  margin-bottom: 12px;
  color: var(--terracotta);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.conversion-card-top strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.75rem, 2.6vw, 2.55rem);
  line-height: 1.02;
}

.conversion-card ul {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.conversion-card li {
  padding-left: 18px;
  border-left: 3px solid var(--sage);
  color: var(--muted);
  line-height: 1.45;
}

.conversion-card li:nth-child(2) { border-color: var(--dusty-blue); }
.conversion-card li:nth-child(3) { border-color: var(--terracotta); }
.conversion-card li:nth-child(4) { border-color: var(--charcoal); }

.conversion-card p {
  margin: 22px 0 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.3rem;
}

.landing-strip {
  background: var(--charcoal) !important;
  color: var(--warm-cream);
  padding: 0 !important;
}

.strip-inner {
  padding-block: clamp(22px, 3vw, 34px);
}

.strip-inner p {
  max-width: 980px;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.6vw, 2.45rem);
  line-height: 1.12;
}

.landing-problem {
  padding-block: clamp(70px, 10vw, 138px);
  background: #fff !important;
}

.problem-layout {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1fr);
  gap: clamp(34px, 6vw, 90px);
}

.problem-layout h2,
.experience-heading h2,
.process-sticky h2,
.landing-contact h2 {
  font-size: clamp(2.4rem, 5vw, 5.6rem);
  line-height: .93;
  letter-spacing: -.06em;
}

.problem-list {
  max-width: 680px;
}

.problem-list p {
  font-size: clamp(1.05rem, 1.55vw, 1.28rem);
  line-height: 1.65;
  color: var(--muted);
}

.problem-list ul {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(31,35,38,.14);
}

.problem-list li {
  padding: 16px 0;
  border-bottom: 1px solid rgba(31,35,38,.14);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.08rem, 1.8vw, 1.45rem);
}

.experience-section {
  padding-block: clamp(78px, 10vw, 145px);
  background:
    radial-gradient(circle at 12% 20%, rgba(104,127,104,.08), transparent 26%),
    radial-gradient(circle at 86% 20%, rgba(79,109,138,.08), transparent 27%),
    #fff !important;
  border-block: 1px solid rgba(31,35,38,.12);
}

.experience-heading {
  max-width: 920px;
  margin-bottom: clamp(34px, 5vw, 70px);
}

.experience-heading p:last-child {
  max-width: 720px;
  font-size: clamp(1.05rem, 1.55vw, 1.25rem);
  color: var(--muted);
  line-height: 1.65;
}

.experience-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid rgba(31,35,38,.14);
}

.experience-piece {
  min-height: 320px;
  padding: clamp(22px, 2.5vw, 34px);
  border-right: 1px solid rgba(31,35,38,.14);
  background: #fff;
}

.experience-piece:last-child {
  border-right: 0;
}

.experience-piece span {
  display: block;
  margin-bottom: clamp(50px, 6vw, 92px);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.5rem, 4vw, 4.5rem);
  line-height: .8;
  opacity: .35;
}

.experience-piece h3 {
  margin: 0 0 12px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
}

.experience-piece p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.experience-piece.sage { border-top: 7px solid var(--sage); }
.experience-piece.blue { border-top: 7px solid var(--dusty-blue); }
.experience-piece.terra { border-top: 7px solid var(--terracotta); }
.experience-piece.charcoal { border-top: 7px solid var(--charcoal); }

.landing-xray {
  padding-block: clamp(76px, 10vw, 145px) !important;
}

.process-section {
  padding-block: clamp(76px, 10vw, 145px);
  background: #fff !important;
  border-top: 1px solid rgba(31,35,38,.12);
}

.process-layout {
  display: grid;
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
  gap: clamp(34px, 6vw, 90px);
  align-items: start;
}

.process-sticky {
  position: sticky;
  top: 110px;
}

.process-sticky p:last-child {
  color: var(--muted);
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  line-height: 1.65;
}

.process-steps {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(31,35,38,.16);
}

.process-steps article {
  display: grid;
  grid-template-columns: 80px minmax(140px, .45fr) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 40px);
  padding: clamp(26px, 4vw, 46px) 0;
  border-bottom: 1px solid rgba(31,35,38,.16);
}

.process-steps span {
  color: var(--terracotta);
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.process-steps h3 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.process-steps p {
  margin: 0;
  color: var(--muted);
  line-height: 1.62;
}

.fit-section {
  padding-block: clamp(74px, 10vw, 138px);
  background:
    linear-gradient(135deg, rgba(242,237,228,.26), transparent 34%),
    #fff !important;
  border-block: 1px solid rgba(31,35,38,.12);
}

.fit-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(18px, 3vw, 34px);
}

.fit-card {
  padding: clamp(26px, 4vw, 44px);
  border: 1px solid rgba(31,35,38,.16);
  border-radius: 28px;
  background: #fff;
}

.fit-card.is-for {
  border-top: 8px solid var(--sage);
}

.fit-card.not-for {
  border-top: 8px solid var(--terracotta);
}

.fit-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fit-card li {
  padding: 14px 0;
  border-bottom: 1px solid rgba(31,35,38,.12);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.65vw, 1.38rem);
  line-height: 1.25;
}

.fit-card li:last-child {
  border-bottom: 0;
}

.landing-contact {
  padding-block: clamp(76px, 10vw, 145px) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(104,127,104,.10), transparent 28%),
    radial-gradient(circle at 86% 16%, rgba(79,109,138,.10), transparent 28%),
    #fff !important;
}

.contact-mini-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

@media (max-width: 1080px) {
  .experience-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .experience-piece:nth-child(2) {
    border-right: 0;
  }

  .experience-piece:nth-child(1),
  .experience-piece:nth-child(2) {
    border-bottom: 1px solid rgba(31,35,38,.14);
  }
}

@media (max-width: 920px) {
  .landing-hero-grid,
  .problem-layout,
  .process-layout,
  .fit-grid {
    grid-template-columns: 1fr;
  }

  .process-sticky {
    position: static;
  }

  .process-steps article {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (max-width: 680px) {
  .landing-hero {
    padding-top: 54px;
  }

  .hero-panel h1 {
    font-size: clamp(3.1rem, 17vw, 5rem);
  }

  .experience-grid {
    grid-template-columns: 1fr;
  }

  .experience-piece {
    border-right: 0;
    border-bottom: 1px solid rgba(31,35,38,.14);
    min-height: auto;
  }

  .experience-piece:last-child {
    border-bottom: 0;
  }

  .experience-piece span {
    margin-bottom: 42px;
  }
}


/* 20260701-reference-spacing-v2: conversion-page spacing tightened like the reference site */
.landing-hero {
  padding-top: clamp(54px, 7vw, 96px) !important;
  padding-bottom: clamp(44px, 6vw, 82px) !important;
}

.landing-hero-grid {
  gap: clamp(26px, 4vw, 58px) !important;
}

.hero-panel h1 {
  max-width: 960px !important;
  margin-bottom: clamp(14px, 2vw, 20px) !important;
  font-size: clamp(3rem, 7.2vw, 7.05rem) !important;
  line-height: .91 !important;
}

.hero-panel .lead {
  max-width: 720px !important;
  margin-bottom: 22px !important;
  line-height: 1.55 !important;
}

.hero-actions {
  margin-top: 22px !important;
  gap: 12px !important;
}

.landing-proof-row {
  margin-top: 20px !important;
}

.conversion-card {
  padding: clamp(22px, 2.6vw, 30px) !important;
  border-radius: 24px !important;
}

.conversion-card ul {
  gap: 12px !important;
}

.conversion-card li {
  line-height: 1.4 !important;
}

.conversion-card p {
  margin-top: 16px !important;
}

.strip-inner {
  padding-block: clamp(16px, 2.4vw, 24px) !important;
}

.strip-inner p {
  max-width: 1040px !important;
  font-size: clamp(1.15rem, 2.1vw, 2rem) !important;
  line-height: 1.16 !important;
}

.landing-problem,
.experience-section,
.landing-xray,
.process-section,
.fit-section,
.landing-contact {
  padding-top: clamp(52px, 7vw, 92px) !important;
  padding-bottom: clamp(52px, 7vw, 92px) !important;
}

.problem-layout,
.process-layout,
.fit-grid,
.contact-grid {
  gap: clamp(26px, 4vw, 58px) !important;
}

.problem-layout h2,
.experience-heading h2,
.process-sticky h2,
.landing-contact h2 {
  font-size: clamp(2.2rem, 4.4vw, 4.7rem) !important;
  line-height: .96 !important;
  margin-bottom: 16px !important;
}

.problem-list p,
.experience-heading p:last-child,
.process-sticky p:last-child,
.landing-contact p {
  line-height: 1.55 !important;
}

.problem-list ul {
  margin-top: 20px !important;
}

.problem-list li {
  padding: 12px 0 !important;
}

.experience-heading {
  margin-bottom: clamp(24px, 4vw, 44px) !important;
}

.experience-grid {
  max-width: 1180px !important;
  margin-inline: auto !important;
}

.experience-piece {
  min-height: 250px !important;
  padding: clamp(20px, 2.2vw, 28px) !important;
}

.experience-piece span {
  margin-bottom: clamp(34px, 4vw, 58px) !important;
  font-size: clamp(2.1rem, 3.4vw, 3.7rem) !important;
}

.experience-piece h3 {
  margin-bottom: 9px !important;
}

.experience-piece p {
  line-height: 1.48 !important;
}

.xray-section {
  padding-block: clamp(52px, 7vw, 92px) !important;
}

.xray-layout {
  gap: clamp(28px, 4vw, 60px) !important;
}

.xray-kicker h2 {
  font-size: clamp(2rem, 4vw, 4.05rem) !important;
  line-height: .98 !important;
}

.xray-board {
  min-height: clamp(430px, 47vw, 560px) !important;
  border-radius: 30px !important;
}

.xray-note {
  padding: 15px 15px 14px !important;
}

.xray-note p {
  line-height: 1.38 !important;
}

.process-steps article {
  padding: clamp(22px, 3vw, 34px) 0 !important;
  gap: clamp(16px, 2.5vw, 30px) !important;
}

.process-steps h3 {
  font-size: clamp(1.25rem, 2vw, 1.78rem) !important;
}

.process-steps p {
  line-height: 1.52 !important;
}

.fit-card {
  padding: clamp(24px, 3vw, 34px) !important;
}

.fit-card li {
  padding: 11px 0 !important;
  font-size: clamp(1rem, 1.45vw, 1.24rem) !important;
}

.field-note {
  padding: 16px 0 !important;
}

.field-note a {
  font-size: clamp(1rem, 1.35vw, 1.22rem) !important;
}

.contact-form {
  padding: clamp(22px, 3vw, 34px) !important;
}

.contact-form label {
  margin-bottom: 14px !important;
}

.contact-form input,
.contact-form textarea {
  margin-top: 6px !important;
}

.site-footer {
  padding-top: clamp(34px, 5vw, 56px) !important;
  padding-bottom: clamp(34px, 5vw, 56px) !important;
}

@media (max-width: 920px) {
  .landing-hero {
    padding-top: 44px !important;
    padding-bottom: 48px !important;
  }

  .landing-problem,
  .experience-section,
  .landing-xray,
  .process-section,
  .fit-section,
  .landing-contact {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .process-steps article {
    padding: 22px 0 !important;
  }
}

@media (max-width: 680px) {
  .hero-panel h1 {
    font-size: clamp(3rem, 14.5vw, 4.55rem) !important;
  }

  .conversion-card {
    margin-top: 4px !important;
  }

  .experience-piece {
    min-height: auto !important;
  }

  .experience-piece span {
    margin-bottom: 28px !important;
  }

  .xray-board {
    min-height: 690px !important;
  }
}


/* 20260701-digital-presence-rebrand-v1: digital presence rebrand */
.presence-body {
  background:
    linear-gradient(90deg, rgba(31,35,38,.018) 1px, transparent 1px),
    linear-gradient(rgba(31,35,38,.018) 1px, transparent 1px),
    #fff !important;
  background-size: 72px 72px !important;
}

.presence-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(56px, 7vw, 98px) 0 clamp(52px, 7vw, 92px);
  background:
    radial-gradient(circle at 9% 16%, rgba(104,127,104,.15), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(79,109,138,.13), transparent 29%),
    radial-gradient(circle at 72% 88%, rgba(198,106,90,.12), transparent 30%),
    #fff !important;
}

.presence-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .72fr);
  gap: clamp(28px, 4vw, 60px);
  align-items: center;
}

.presence-hero-copy h1 {
  max-width: 980px;
  margin: 0 0 18px;
  font-size: clamp(3rem, 7.1vw, 7.15rem);
  line-height: .9;
  letter-spacing: -.075em;
}

.presence-hero-copy .lead {
  max-width: 760px;
  font-size: clamp(1.08rem, 1.55vw, 1.32rem);
  line-height: 1.56;
}

.micro-copy {
  margin: 18px 0 0;
  color: var(--muted);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.6vw, 1.35rem);
}

.presence-audit-card {
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(31,35,38,.16);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,248,247,.88));
  box-shadow: 0 24px 80px rgba(31,35,38,.08);
}

.presence-audit-card h2 {
  margin: 0 0 24px;
  font-size: clamp(1.65rem, 2.6vw, 2.45rem);
  line-height: 1.02;
}

.audit-stack {
  display: grid;
  gap: 10px;
}

.audit-stack span {
  display: block;
  padding: 14px 0 14px 18px;
  border-left: 4px solid var(--sage);
  border-bottom: 1px solid rgba(31,35,38,.12);
  font-weight: 800;
  color: var(--charcoal);
}

.audit-stack span:nth-child(2) { border-left-color: var(--dusty-blue); }
.audit-stack span:nth-child(3) { border-left-color: var(--terracotta); }
.audit-stack span:nth-child(4) { border-left-color: var(--charcoal); }

.presence-manifesto {
  background: var(--charcoal) !important;
  color: var(--warm-cream);
  padding: 0 !important;
}

.manifesto-grid {
  display: grid;
  grid-template-columns: .7fr .7fr .7fr 1.35fr;
  gap: clamp(14px, 2vw, 28px);
  align-items: center;
  padding-block: clamp(18px, 2.6vw, 28px);
}

.manifesto-grid p {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.7vw, 1.65rem);
  line-height: 1.12;
}

.manifesto-grid p:last-child {
  color: #fff;
  font-size: clamp(1.25rem, 2.2vw, 2.1rem);
}

.presence-problem,
.presence-offers,
.presence-process,
.presence-contact {
  padding-block: clamp(56px, 7vw, 94px);
  background: #fff !important;
}

.split-large {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 64px);
}

.split-large h2,
.shift-panel h2,
.section-heading.left h2,
.thinking-statement h2,
.process-sticky h2,
.presence-contact h2 {
  font-size: clamp(2.2rem, 4.6vw, 5.05rem);
  line-height: .95;
  letter-spacing: -.06em;
}

.copy-column {
  max-width: 700px;
}

.copy-column p {
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  color: var(--muted);
  line-height: 1.58;
}

.lined-list {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(31,35,38,.14);
}

.lined-list li {
  padding: 13px 0;
  border-bottom: 1px solid rgba(31,35,38,.14);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.6vw, 1.35rem);
}

.presence-shift {
  padding-block: clamp(38px, 6vw, 74px);
  background:
    linear-gradient(135deg, rgba(104,127,104,.10), rgba(79,109,138,.08)),
    #fff !important;
  border-block: 1px solid rgba(31,35,38,.12);
}

.shift-panel {
  max-width: 1120px;
}

.shift-panel h2 {
  margin-bottom: 0;
}

.presence-offer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2vw, 24px);
}

.presence-offer {
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(31,35,38,.14);
  border-radius: 28px;
  background: #fff;
}

.presence-offer.sage { border-top: 8px solid var(--sage); }
.presence-offer.blue { border-top: 8px solid var(--dusty-blue); }
.presence-offer.terra { border-top: 8px solid var(--terracotta); }

.presence-offer span {
  display: block;
  margin-bottom: 46px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.4rem, 4vw, 4.4rem);
  line-height: .8;
  opacity: .34;
}

.presence-offer h3 {
  margin: 0 0 12px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.5rem, 2.2vw, 2.15rem);
}

.presence-offer p {
  color: var(--muted);
  line-height: 1.55;
}

.presence-offer ul {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.presence-offer li {
  padding: 9px 0;
  border-top: 1px solid rgba(31,35,38,.12);
  color: var(--charcoal);
}

.presence-thinking {
  padding-block: clamp(58px, 8vw, 105px);
  background:
    radial-gradient(circle at 12% 18%, rgba(104,127,104,.10), transparent 26%),
    radial-gradient(circle at 86% 20%, rgba(79,109,138,.09), transparent 28%),
    #fff !important;
  border-block: 1px solid rgba(31,35,38,.12);
}

.thinking-layout {
  display: grid;
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  gap: clamp(28px, 4vw, 60px);
  align-items: center;
}

.thinking-statement p:last-child {
  color: var(--muted);
  line-height: 1.58;
}

.thinking-board {
  position: relative;
  min-height: 440px;
  border: 1px solid rgba(31,35,38,.16);
  border-radius: 32px;
  background:
    linear-gradient(90deg, rgba(31,35,38,.032) 1px, transparent 1px),
    linear-gradient(rgba(31,35,38,.032) 1px, transparent 1px),
    #fff;
  background-size: 48px 48px;
}

.thinking-item {
  position: absolute;
  width: min(260px, 44%);
  padding: 18px;
  border: 1px solid rgba(31,35,38,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 14px 44px rgba(31,35,38,.06);
}

.thinking-item span {
  display: block;
  margin-bottom: 9px;
  color: var(--terracotta);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.thinking-item p {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.05rem, 1.55vw, 1.35rem);
  line-height: 1.2;
}

.thinking-item.one { left: 8%; top: 12%; border-left: 5px solid var(--sage); }
.thinking-item.two { right: 8%; top: 20%; border-left: 5px solid var(--dusty-blue); }
.thinking-item.three { left: 13%; bottom: 14%; border-left: 5px solid var(--terracotta); }
.thinking-item.four { right: 10%; bottom: 10%; border-left: 5px solid var(--charcoal); }

.presence-process {
  border-bottom: 1px solid rgba(31,35,38,.12);
}

.presence-contact {
  background:
    radial-gradient(circle at 12% 18%, rgba(104,127,104,.10), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(198,106,90,.08), transparent 30%),
    #fff !important;
}

@media (max-width: 980px) {
  .presence-hero-grid,
  .split-large,
  .thinking-layout {
    grid-template-columns: 1fr;
  }

  .manifesto-grid {
    grid-template-columns: 1fr 1fr;
  }

  .presence-offer-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .presence-hero {
    padding-top: 44px;
  }

  .presence-hero-copy h1 {
    font-size: clamp(3rem, 14vw, 4.6rem);
  }

  .manifesto-grid {
    grid-template-columns: 1fr;
  }

  .thinking-board {
    min-height: 640px;
  }

  .thinking-item {
    width: calc(100% - 44px);
    left: 22px !important;
    right: auto !important;
  }

  .thinking-item.one { top: 24px; }
  .thinking-item.two { top: 170px; }
  .thinking-item.three { top: 316px; bottom: auto; }
  .thinking-item.four { top: 462px; bottom: auto; }
}


/* 20260701-lfg-honest-portfolio-v2: honest LFG portfolio/project page */
.portfolio-hero {
  padding: clamp(56px, 8vw, 110px) 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(104,127,104,.13), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(79,109,138,.10), transparent 28%),
    #fff !important;
}

.portfolio-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(320px, .75fr);
  gap: clamp(30px, 5vw, 70px);
  align-items: center;
}

.portfolio-hero h1 {
  font-size: clamp(3rem, 7vw, 7.2rem);
  line-height: .9;
  letter-spacing: -.07em;
  margin: 0 0 18px;
}

.portfolio-logo-stage {
  padding: clamp(22px, 3vw, 36px);
  border: 1px solid rgba(31,35,38,.14);
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 24px 80px rgba(31,35,38,.08);
}

.portfolio-logo-stage img {
  width: 100%;
  height: auto;
  display: block;
}

.portfolio-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.portfolio-tags span {
  border: 1px solid rgba(31,35,38,.14);
  border-radius: 999px;
  padding: 8px 12px;
  color: var(--muted);
  font-weight: 800;
  font-size: .88rem;
}

.case-split {
  display: grid;
  grid-template-columns: minmax(260px, .45fr) minmax(0, 1fr);
  gap: clamp(30px, 5vw, 76px);
  align-items: start;
}

.case-facts {
  position: sticky;
  top: 110px;
  border-top: 6px solid #1B5E20;
  padding: 22px;
  border-radius: 22px;
  background: #fff;
  border-left: 1px solid rgba(31,35,38,.14);
  border-right: 1px solid rgba(31,35,38,.14);
  border-bottom: 1px solid rgba(31,35,38,.14);
}

.case-facts ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.case-facts li {
  display: grid;
  gap: 4px;
  padding: 14px 0;
  border-top: 1px solid rgba(31,35,38,.12);
}

.case-facts li:first-child {
  border-top: 0;
}

.case-facts strong {
  color: var(--charcoal, #1F2326);
}

.case-facts span {
  color: var(--muted, rgba(31,35,38,.66));
}

.case-story {
  max-width: 850px;
}

.case-story h2,
.lfg-showcase h2,
.lfg-concept-note h2 {
  font-size: clamp(2rem, 4.4vw, 4.8rem);
  line-height: .95;
  letter-spacing: -.055em;
}

.case-story p {
  color: var(--muted, rgba(31,35,38,.66));
  font-size: clamp(1.05rem, 1.45vw, 1.24rem);
  line-height: 1.62;
}

.lfg-showcase {
  background:
    linear-gradient(135deg, rgba(104,127,104,.09), transparent 34%),
    #fff !important;
  border-block: 1px solid rgba(31,35,38,.12);
}

.lfg-app-grid {
  display: grid;
  grid-template-columns: 1.35fr .65fr;
  gap: clamp(18px, 3vw, 32px);
  align-items: start;
}

.app-card,
.concept-board {
  margin: 0;
  border: 1px solid rgba(31,35,38,.14);
  border-radius: 26px;
  overflow: hidden;
  background: #fff;
}

.app-card img,
.concept-board img {
  width: 100%;
  height: auto;
  display: block;
}

.app-card figcaption,
.concept-board figcaption {
  padding: 14px 18px;
  color: var(--muted, rgba(31,35,38,.66));
  font-size: .92rem;
  border-top: 1px solid rgba(31,35,38,.12);
}

.lfg-concept-note {
  background: #fff !important;
}

.concept-note-grid {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, .8fr);
  gap: clamp(26px, 5vw, 70px);
  align-items: end;
  margin-bottom: clamp(24px, 4vw, 46px);
}

.concept-note-grid p:last-child {
  color: var(--muted, rgba(31,35,38,.66));
  font-size: clamp(1.02rem, 1.45vw, 1.2rem);
  line-height: 1.58;
}

.lfg-teaser {
  background:
    radial-gradient(circle at 10% 18%, rgba(104,127,104,.10), transparent 28%),
    #fff !important;
  border-block: 1px solid rgba(31,35,38,.12);
}

.lfg-teaser-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .42fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}

.lfg-teaser h2 {
  max-width: 850px;
  font-size: clamp(2rem, 4.2vw, 4.4rem);
  line-height: .96;
  letter-spacing: -.055em;
}

.lfg-teaser p {
  max-width: 680px;
  color: var(--muted, rgba(31,35,38,.66));
}

.lfg-teaser img {
  width: 100%;
  max-width: 360px;
  justify-self: end;
  border: 1px solid rgba(31,35,38,.12);
  border-radius: 28px;
  background: #fff;
  padding: 18px;
}

@media (max-width: 900px) {
  .portfolio-hero-grid,
  .case-split,
  .lfg-app-grid,
  .concept-note-grid,
  .lfg-teaser-grid {
    grid-template-columns: 1fr;
  }

  .case-facts {
    position: static;
  }

  .lfg-teaser img {
    justify-self: start;
    max-width: 300px;
  }
}


/* 20260701-sugar-spiral-project-v1: Sugar Spiral portfolio/project page */
.sugar-hero {
  background:
    radial-gradient(circle at 12% 18%, rgba(232,182,179,.20), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(31,42,68,.10), transparent 28%),
    radial-gradient(circle at 70% 88%, rgba(183,166,200,.12), transparent 28%),
    #fff !important;
}

.sugar-logo-stage {
  border-color: rgba(232,182,179,.42) !important;
}

.sugar-facts {
  border-top-color: #E8B6B3 !important;
}

.sugar-showcase {
  background:
    radial-gradient(circle at 10% 18%, rgba(232,182,179,.16), transparent 28%),
    radial-gradient(circle at 90% 14%, rgba(31,42,68,.08), transparent 28%),
    #fff !important;
  border-block: 1px solid rgba(31,35,38,.12);
}

.sugar-board {
  border-color: rgba(232,182,179,.38) !important;
}

.sugar-concept-note {
  background:
    linear-gradient(135deg, rgba(242,237,228,.34), transparent 38%),
    #fff !important;
}

.sugar-teaser {
  background:
    radial-gradient(circle at 10% 18%, rgba(232,182,179,.15), transparent 28%),
    radial-gradient(circle at 86% 22%, rgba(31,42,68,.08), transparent 28%),
    #fff !important;
  border-block: 1px solid rgba(31,35,38,.12);
}

.sugar-teaser-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, .42fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}

.sugar-teaser h2 {
  max-width: 850px;
  font-size: clamp(2rem, 4.2vw, 4.4rem);
  line-height: .96;
  letter-spacing: -.055em;
}

.sugar-teaser p {
  max-width: 680px;
  color: var(--muted, rgba(31,35,38,.66));
}

.sugar-teaser img {
  width: 100%;
  max-width: 380px;
  justify-self: end;
  border: 1px solid rgba(232,182,179,.42);
  border-radius: 28px;
  background: #fff;
  padding: 18px;
}

.related-projects {
  background: #fff !important;
}

.related-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(18px, 3vw, 30px);
}

.related-card {
  display: block;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(31,35,38,.14);
  border-radius: 28px;
  background: #fff;
  color: var(--charcoal, #1F2326);
  text-decoration: none;
}

.related-card span {
  display: block;
  margin-bottom: 12px;
  color: var(--terracotta, #C66A5A);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.related-card strong {
  display: block;
  margin-bottom: 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2vw, 2rem);
}

.related-card p {
  margin: 0;
  color: var(--muted, rgba(31,35,38,.66));
}

@media (max-width: 900px) {
  .sugar-teaser-grid,
  .related-grid {
    grid-template-columns: 1fr;
  }

  .sugar-teaser img {
    justify-self: start;
    max-width: 300px;
  }
}


/* 20260701-new-menu-global-v1: global landing-style menu */
.nav-menu {
  white-space: nowrap;
}

.nav-menu .button.small {
  white-space: nowrap;
}

@media (min-width: 1041px) {
  .nav {
    gap: clamp(18px, 2vw, 32px);
  }

  .nav-menu {
    gap: clamp(18px, 2vw, 34px);
  }

  .nav-menu a {
    font-size: clamp(1rem, 1.12vw, 1.12rem);
  }

  .nav-menu .button.small {
    padding-inline: clamp(20px, 2vw, 30px);
  }
}


/* 20260701-corner-logo-main-v1: corner monogram is the main M. Morgan Design logo */
.brand {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

.brand-mark {
  width: clamp(48px, 4.4vw, 64px) !important;
  height: clamp(48px, 4.4vw, 64px) !important;
  display: block !important;
  object-fit: contain !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 28px rgba(31,35,38,.10) !important;
}

.site-header {
  min-height: 82px !important;
}

.nav {
  min-height: 82px !important;
}

@media (max-width: 1040px) {
  .brand-mark {
    width: 50px !important;
    height: 50px !important;
    border-radius: 13px !important;
  }

  .site-header,
  .nav {
    min-height: 72px !important;
  }
}


/* 20260701-heading-size-fix-v1: reduce oversized editorial headings */
h1,
.hero-panel h1,
.presence-hero-copy h1,
.portfolio-hero h1 {
  font-size: clamp(2.65rem, 5.6vw, 5.35rem) !important;
  line-height: .98 !important;
  letter-spacing: -0.055em !important;
}

h2,
.problem-layout h2,
.experience-heading h2,
.process-sticky h2,
.landing-contact h2,
.split-large h2,
.shift-panel h2,
.section-heading.left h2,
.thinking-statement h2,
.presence-contact h2,
.case-story h2,
.lfg-showcase h2,
.lfg-concept-note h2,
.sugar-teaser h2,
.lfg-teaser h2 {
  font-size: clamp(1.9rem, 3.6vw, 3.8rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;
}

.blog-post h1 {
  font-size: clamp(2.2rem, 4.7vw, 4.15rem) !important;
  line-height: 1.02 !important;
}

.blog-post h2 {
  font-size: clamp(1.45rem, 2.4vw, 2.05rem) !important;
  line-height: 1.18 !important;
}

.hero-panel .lead,
.presence-hero-copy .lead,
.lead {
  font-size: clamp(1.03rem, 1.35vw, 1.22rem) !important;
  line-height: 1.58 !important;
}

@media (max-width: 680px) {
  h1,
  .hero-panel h1,
  .presence-hero-copy h1,
  .portfolio-hero h1 {
    font-size: clamp(2.45rem, 12vw, 3.85rem) !important;
    line-height: 1.02 !important;
  }

  h2,
  .problem-layout h2,
  .experience-heading h2,
  .process-sticky h2,
  .landing-contact h2,
  .split-large h2,
  .shift-panel h2,
  .section-heading.left h2,
  .thinking-statement h2,
  .presence-contact h2,
  .case-story h2,
  .lfg-showcase h2,
  .lfg-concept-note h2,
  .sugar-teaser h2,
  .lfg-teaser h2 {
    font-size: clamp(1.8rem, 8vw, 2.75rem) !important;
    line-height: 1.07 !important;
  }
}


/* 20260702-headings-actually-fixed-v3: ACTUAL heading correction — stop the monster type */
.presence-hero {
  padding-top: clamp(42px, 5vw, 72px) !important;
  padding-bottom: clamp(42px, 5vw, 72px) !important;
}

.presence-hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .58fr) !important;
  gap: clamp(28px, 4vw, 58px) !important;
  align-items: center !important;
}

.presence-hero-copy h1,
.hero-panel h1,
.landing-hero h1,
h1 {
  max-width: 760px !important;
  font-size: clamp(2.6rem, 4.4vw, 4.35rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.045em !important;
  margin-bottom: 18px !important;
}

.presence-audit-card h2,
.conversion-card-top strong {
  font-size: clamp(1.65rem, 2.25vw, 2.45rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
}

.presence-audit-card {
  padding: clamp(22px, 2.5vw, 32px) !important;
  border-radius: 28px !important;
}

.presence-hero-copy .lead,
.hero-panel .lead,
.lead {
  max-width: 680px !important;
  font-size: clamp(1.02rem, 1.28vw, 1.18rem) !important;
  line-height: 1.55 !important;
}

.presence-hero-copy .eyebrow,
.eyebrow {
  font-size: .78rem !important;
  letter-spacing: .16em !important;
}

h2,
.problem-layout h2,
.experience-heading h2,
.process-sticky h2,
.landing-contact h2,
.split-large h2,
.shift-panel h2,
.section-heading.left h2,
.thinking-statement h2,
.presence-contact h2,
.case-story h2,
.lfg-showcase h2,
.lfg-concept-note h2,
.sugar-showcase h2,
.sugar-concept-note h2,
.sugar-teaser h2,
.lfg-teaser h2 {
  font-size: clamp(1.8rem, 3vw, 3.15rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

.presence-manifesto p,
.strip-inner p {
  font-size: clamp(1.05rem, 1.55vw, 1.55rem) !important;
  line-height: 1.2 !important;
}

.audit-stack span {
  font-size: clamp(.92rem, 1vw, 1rem) !important;
  line-height: 1.35 !important;
  padding: 12px 0 12px 16px !important;
}

.hero-actions .button {
  font-size: .95rem !important;
  padding: 13px 20px !important;
}

@media (max-width: 980px) {
  .presence-hero-grid {
    grid-template-columns: 1fr !important;
  }

  .presence-hero-copy h1,
  .hero-panel h1,
  .landing-hero h1,
  h1 {
    max-width: 760px !important;
    font-size: clamp(2.35rem, 8vw, 3.6rem) !important;
    line-height: 1.04 !important;
  }

  .presence-audit-card h2,
  .conversion-card-top strong {
    font-size: clamp(1.55rem, 5vw, 2.2rem) !important;
  }
}

@media (max-width: 680px) {
  .presence-hero {
    padding-top: 34px !important;
    padding-bottom: 38px !important;
  }

  .presence-hero-copy h1,
  .hero-panel h1,
  .landing-hero h1,
  h1 {
    font-size: clamp(2.2rem, 10.5vw, 3.05rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.035em !important;
  }

  h2,
  .problem-layout h2,
  .experience-heading h2,
  .process-sticky h2,
  .landing-contact h2,
  .split-large h2,
  .shift-panel h2,
  .section-heading.left h2,
  .thinking-statement h2,
  .presence-contact h2,
  .case-story h2,
  .lfg-showcase h2,
  .lfg-concept-note h2,
  .sugar-showcase h2,
  .sugar-concept-note h2,
  .sugar-teaser h2,
  .lfg-teaser h2 {
    font-size: clamp(1.65rem, 7.4vw, 2.35rem) !important;
    line-height: 1.1 !important;
  }
}


/* 20260702-static-safe-contact-v1: contact form fallback note */
.form-note {
  margin: 12px 0 0;
  font-size: .92rem;
  line-height: 1.45;
  color: rgba(31,35,38,.62);
}

.form-note a {
  color: inherit;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}


/* 20260702-formspace-embed-v1: Forms.Space embedded inquiry form */
.formspace-wrap {
  width: 100%;
  min-height: 620px;
  border: 1px solid rgba(31,35,38,.12);
  border-radius: 28px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 18px 60px rgba(31,35,38,.08);
}

.formspace-wrap [data-formspace] {
  width: 100%;
  min-height: 620px;
}

@media (max-width: 680px) {
  .formspace-wrap {
    min-height: 720px;
    border-radius: 22px;
  }

  .formspace-wrap [data-formspace] {
    min-height: 720px;
  }
}


/* 20260702-motion-tree-project-v1: movement + AJS Tree Service project */
@media (prefers-reduced-motion: no-preference) {
  .reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .72s ease, transform .72s ease;
  }

  .reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .motion-card,
  .offer-card,
  .related-card,
  .tree-live-card {
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  }

  .motion-card:hover,
  .offer-card:hover,
  .related-card:hover,
  .tree-live-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 48px rgba(31,35,38,.10);
  }

  .presence-audit-card,
  .tree-project-card {
    animation: softFloat 7s ease-in-out infinite;
  }

  @keyframes softFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
  }
}

.tree-hero {
  background:
    radial-gradient(circle at 12% 20%, rgba(104,127,104,.18), transparent 28%),
    radial-gradient(circle at 88% 14%, rgba(79,109,138,.12), transparent 30%),
    #fff !important;
}

.tree-project-card {
  border: 1px solid rgba(104,127,104,.24);
  border-radius: 30px;
  padding: clamp(24px, 3vw, 36px);
  background:
    linear-gradient(135deg, rgba(104,127,104,.12), transparent 45%),
    #fff;
  box-shadow: 0 18px 60px rgba(31,35,38,.08);
}

.tree-project-card h2 {
  font-size: clamp(1.7rem, 2.8vw, 3rem) !important;
  margin: 0 0 18px;
}

.tree-showcase {
  background:
    radial-gradient(circle at 10% 12%, rgba(104,127,104,.14), transparent 30%),
    #fff !important;
  border-block: 1px solid rgba(31,35,38,.10);
}

.tree-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2.3vw, 28px);
  margin-top: clamp(24px, 4vw, 48px);
}

.tree-feature-grid > div {
  border: 1px solid rgba(31,35,38,.12);
  border-radius: 26px;
  background: #fff;
  padding: clamp(22px, 2.5vw, 30px);
}

.tree-feature-grid span {
  display: block;
  margin-bottom: 26px;
  color: var(--sage, #687F68);
  font-weight: 900;
  letter-spacing: .12em;
}

.tree-feature-grid h3 {
  margin: 0 0 10px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.25rem, 1.8vw, 1.75rem);
  line-height: 1.08;
}

.tree-feature-grid p {
  margin: 0;
  color: rgba(31,35,38,.66);
  line-height: 1.55;
}

.tree-teaser {
  background:
    radial-gradient(circle at 14% 20%, rgba(104,127,104,.14), transparent 26%),
    radial-gradient(circle at 86% 28%, rgba(79,109,138,.10), transparent 28%),
    #fff !important;
  border-block: 1px solid rgba(31,35,38,.10);
}

.tree-teaser-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr);
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}

.tree-teaser h2 {
  max-width: 760px;
  font-size: clamp(1.9rem, 3vw, 3.15rem) !important;
  line-height: 1.06;
}

.tree-teaser p {
  max-width: 680px;
  color: rgba(31,35,38,.66);
}

.tree-live-card {
  display: block;
  text-decoration: none;
  color: var(--charcoal, #1F2326);
  border: 1px solid rgba(104,127,104,.24);
  border-radius: 28px;
  padding: clamp(24px, 3vw, 34px);
  background:
    linear-gradient(135deg, rgba(104,127,104,.12), transparent 44%),
    #fff;
}

.tree-live-card span {
  display: block;
  margin-bottom: 18px;
  color: var(--sage, #687F68);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.tree-live-card strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.25rem, 2vw, 2rem);
  line-height: 1.05;
  overflow-wrap: anywhere;
}

.tree-live-card p {
  margin: 12px 0 0;
}

@media (max-width: 900px) {
  .tree-feature-grid,
  .tree-teaser-grid {
    grid-template-columns: 1fr;
  }
}


/* 20260717-trades-reposition-v1 */
.trade-focus {
  --trade-ink: #1f2326;
  --trade-rust: #a94308;
  --trade-paper: #fbfaf7;
  --trade-sage: #687f68;
  --trade-blue: #4f6d8a;
  --trade-line: rgba(31,35,38,.14);
  background: var(--trade-paper);
}
.trade-focus .site-header { background: rgba(251,250,247,.94); }
.trade-focus .brand-mark { width: min(300px, 46vw); max-height: 44px; object-fit: contain; object-position: left center; }
.trade-focus .nav { min-height: 78px; }
.trade-focus .nav-menu { gap: 20px; }
.trade-focus .nav-menu > a:not(.button) { font-weight: 700; font-size: .9rem; }
.trade-focus .button { background: var(--trade-ink); border-color: var(--trade-ink); box-shadow: none; }
.trade-focus .button:hover { background: var(--trade-rust); border-color: var(--trade-rust); }
.trade-focus .button.ghost { background: transparent; color: var(--trade-ink); border-color: rgba(31,35,38,.32); }
.trade-focus .button.ghost:hover { color: white; background: var(--trade-ink); border-color: var(--trade-ink); }
.trade-focus .eyebrow { color: var(--trade-rust); }
.trade-focus p { color: rgba(31,35,38,.70); }
.trade-focus .section { padding: clamp(72px, 9vw, 124px) 0; }

.trade-hero { position: relative; overflow: hidden; padding: clamp(68px, 9vw, 132px) 0 clamp(74px, 10vw, 142px); background: var(--trade-paper); }
.trade-hero::before { content: ""; position: absolute; width: 520px; height: 520px; border: 1px solid rgba(169,67,8,.14); border-radius: 50%; right: -220px; top: -260px; }
.trade-hero::after { content: ""; position: absolute; width: 180px; height: 180px; background: rgba(104,127,104,.13); border-radius: 50%; left: -90px; bottom: -90px; }
.trade-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.72fr); gap: clamp(42px,7vw,100px); align-items: center; }
.trade-hero-copy h1 { max-width: 840px; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; font-size: clamp(3.35rem,6.8vw,7rem) !important; line-height: .93 !important; letter-spacing: -.065em !important; text-transform: uppercase; }
.trade-hero-copy h1 span { display: inline-block; margin-top: .14em; color: var(--trade-rust); }
.trade-hero-copy .lead { max-width: 760px; margin-top: 30px; font-size: clamp(1.05rem,1.55vw,1.28rem); line-height: 1.65; color: rgba(31,35,38,.74); }
.trade-micro { margin-top: 20px !important; font-size: .93rem; font-weight: 750; color: rgba(31,35,38,.55) !important; }
.trade-proof-card { border: 1px solid rgba(31,35,38,.16); background: #fff; padding: clamp(28px,3vw,42px); box-shadow: 18px 18px 0 rgba(31,35,38,.08); }
.proof-kicker { display: block; margin-bottom: 26px; font-size: .76rem; font-weight: 900; letter-spacing: .14em; line-height: 1.5; text-transform: uppercase; color: var(--trade-rust); }
.proof-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--trade-line); border-left: 1px solid var(--trade-line); }
.proof-list span { padding: 14px 12px; border-right: 1px solid var(--trade-line); border-bottom: 1px solid var(--trade-line); font-weight: 800; font-size: .92rem; }
.proof-bottom { margin-top: 30px; }
.proof-bottom strong { display: block; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.35rem,2vw,1.8rem); line-height: 1.15; }
.proof-bottom p { margin-top: 10px; font-size: .94rem; }

.trade-proof-strip { background: var(--trade-ink); color: white; }
.proof-strip-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.proof-strip-grid span { display: flex; align-items: center; justify-content: center; min-height: 74px; padding: 16px; border-right: 1px solid rgba(255,255,255,.16); font-size: .82rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; text-align: center; }
.proof-strip-grid span:first-child { border-left: 1px solid rgba(255,255,255,.16); }

.trade-split { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(48px,8vw,120px); align-items: start; }
.trade-split h2, .trade-section-head h2, .trade-care h2, .trade-about h2, .trade-contact h2 { font-size: clamp(2.35rem,4.7vw,5rem) !important; line-height: .98 !important; letter-spacing: -.05em !important; }
.trade-copy p { margin-top: 0; font-size: clamp(1.02rem,1.3vw,1.18rem); line-height: 1.75; }
.trade-copy p + p { margin-top: 22px; }
.trade-copy strong { color: var(--trade-ink); }
.trade-checks { margin: 34px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--trade-line); }
.trade-checks li { position: relative; margin: 0; padding: 18px 0 18px 34px; border-bottom: 1px solid var(--trade-line); font-weight: 750; }
.trade-checks li::before { content: "↗"; position: absolute; left: 0; color: var(--trade-rust); font-weight: 900; }

.trade-work { background: #fff; border-block: 1px solid var(--trade-line); }
.trade-section-head { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(280px,.55fr); gap: 40px; align-items: end; margin-bottom: clamp(40px,6vw,72px); }
.trade-section-head > p { margin: 0 0 4px; line-height: 1.7; }
.trade-work-grid { display: grid; grid-template-columns: .76fr 1.24fr; gap: 24px; align-items: stretch; }
.trade-project { border: 1px solid var(--trade-line); background: var(--trade-paper); overflow: hidden; }
.trade-project-tree { display: flex; flex-direction: column; min-height: 620px; padding: clamp(28px,4vw,50px); background: linear-gradient(145deg, rgba(104,127,104,.18), transparent 55%), var(--trade-ink); color: white; }
.project-meta { display: flex; justify-content: space-between; gap: 18px; font-size: .72rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.trade-project-tree .project-meta { color: rgba(255,255,255,.65); }
.project-main { margin: auto 0; }
.project-number { margin: 0 0 22px !important; color: #d8e2d3 !important; font-size: 5rem; font-family: Georgia, "Times New Roman", serif; line-height: 1; }
.trade-project h3 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.2rem,4vw,4.2rem); line-height: .98; letter-spacing: -.04em; }
.trade-project-tree p { color: rgba(255,255,255,.72); }
.project-links { display: flex; flex-wrap: wrap; gap: 22px; }
.trade-project a { font-weight: 850; text-underline-offset: 4px; }
.trade-project-lfg { display: grid; grid-template-rows: auto 1fr; background: #fff; }
.project-image-wrap { aspect-ratio: 16/10; overflow: hidden; background: #eef0eb; }
.project-image-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.project-content { padding: clamp(26px,3vw,42px); }
.project-content .project-meta { color: rgba(31,35,38,.48); margin-bottom: 42px; }
.project-content h3 { font-size: clamp(2rem,3.5vw,3.6rem); }
.project-content p { max-width: 720px; }
.work-note { margin: 28px 0 0 !important; font-size: .9rem; font-weight: 800; }

.trade-services { background: var(--trade-paper); }
.trade-service-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.trade-service-card { min-height: 360px; padding: clamp(28px,4vw,46px); border: 1px solid var(--trade-line); background: #fff; display: flex; flex-direction: column; }
.trade-service-card > span { display: block; margin-bottom: auto; color: var(--trade-rust); font-weight: 900; letter-spacing: .12em; }
.trade-service-card h3 { margin-top: 64px; max-width: 520px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.8rem,3vw,3rem); line-height: 1.02; letter-spacing: -.035em; }
.trade-service-card p { max-width: 640px; }
.trade-service-card a { margin-top: 24px; font-weight: 850; }

.trade-care { background: var(--trade-ink); color: white; }
.trade-care p { color: rgba(255,255,255,.7); }
.trade-care .eyebrow { color: #dc8b62; }
.trade-care-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: clamp(54px,9vw,130px); align-items: start; }
.trade-care-intro { position: sticky; top: 120px; }
.trade-care-intro .button { margin-top: 28px; background: white; color: var(--trade-ink); border-color: white; }
.care-list article { padding: 28px 0; border-top: 1px solid rgba(255,255,255,.17); display: grid; grid-template-columns: .65fr 1fr; gap: 30px; }
.care-list article:last-child { border-bottom: 1px solid rgba(255,255,255,.17); }
.care-list span { font-weight: 850; font-size: 1.05rem; }
.care-list p { margin: 0; }

.trade-process { background: #fff; }
.trade-process-grid { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--trade-line); border-left: 1px solid var(--trade-line); }
.trade-process-grid article { min-height: 340px; padding: clamp(24px,3vw,36px); border-right: 1px solid var(--trade-line); border-bottom: 1px solid var(--trade-line); }
.trade-process-grid span { display: block; margin-bottom: 74px; color: var(--trade-rust); font-weight: 900; }
.trade-process-grid h3 { font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.35rem,2vw,2rem); line-height: 1.08; }
.trade-process-grid p { font-size: .95rem; }

.trade-about { background: #e9e4dc; }
.trade-about-grid { display: grid; grid-template-columns: minmax(220px,.42fr) minmax(0,1fr); gap: clamp(44px,8vw,120px); align-items: center; }
.about-mark img { display: block; width: min(100%,360px); box-shadow: 22px 22px 0 rgba(31,35,38,.12); }
.trade-about-grid > div:last-child { max-width: 820px; }
.trade-about-grid p { font-size: 1.05rem; line-height: 1.75; }
.about-points { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.about-points span { padding: 9px 13px; border: 1px solid rgba(31,35,38,.18); background: rgba(255,255,255,.42); font-size: .8rem; font-weight: 850; }

.trade-contact { background: var(--trade-rust); color: white; }
.trade-contact .eyebrow { color: rgba(255,255,255,.72); }
.trade-contact p { color: rgba(255,255,255,.78); }
.trade-contact .contact-grid { align-items: start; }
.contact-direct { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; margin-top: 30px; }
.contact-direct a { color: white; font-weight: 850; font-size: 1.05rem; }
.trade-contact .formspace-wrap { box-shadow: 18px 18px 0 rgba(31,35,38,.16); border-radius: 0; }

.trade-footer img { width: 260px; filter: brightness(0) invert(1); opacity: .92; }
.trade-footer .footer-grid { align-items: flex-start; }
.trade-footer .footer-grid > div:last-child { display: flex; flex-direction: column; gap: 10px; }

@media (max-width: 980px) {
  .trade-hero-grid, .trade-split, .trade-section-head, .trade-care-grid, .trade-about-grid { grid-template-columns: 1fr; }
  .trade-proof-card { max-width: 660px; }
  .trade-work-grid { grid-template-columns: 1fr; }
  .trade-project-tree { min-height: 520px; }
  .trade-process-grid { grid-template-columns: repeat(2,1fr); }
  .trade-care-intro { position: static; }
}
@media (max-width: 760px) {
  .trade-focus .brand-mark { width: min(230px,62vw); max-height: 40px; }
  .trade-focus .nav { min-height: 70px; }
  .trade-focus .nav-menu { inset: 68px 12px auto; }
  .trade-hero { padding-top: 48px; }
  .trade-hero-copy h1 { font-size: clamp(2.65rem,14vw,4.3rem) !important; line-height: .95 !important; }
  .proof-strip-grid { grid-template-columns: repeat(2,1fr); }
  .proof-strip-grid span { border-bottom: 1px solid rgba(255,255,255,.16); }
  .trade-service-grid, .trade-process-grid { grid-template-columns: 1fr; }
  .trade-service-card { min-height: 320px; }
  .care-list article { grid-template-columns: 1fr; gap: 8px; }
  .project-meta { flex-direction: column; gap: 6px; }
  .trade-project-tree { min-height: 500px; }
  .trade-section-head { margin-bottom: 38px; }
  .trade-split h2, .trade-section-head h2, .trade-care h2, .trade-about h2, .trade-contact h2 { font-size: clamp(2rem,10vw,3.25rem) !important; }
}