/* D426: font-boost guard — iOS inflates small text past its specced size. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* ============================================================
   IWC — Blog Landing Page Styles
   Uses real Kadence class names from live site inspection
   ============================================================ */

/* ── Remove excess padding above posts ── */
.blog .site-main,
.blog #primary,
.blog .content-area {
  padding-top: 0 !important;
}

/* ── Page title area ── */
.blog .page-hero,
.blog .kadence-page-header,
.blog .wp-block-post-title {
  background: #3F4232 !important;
  padding: 52px 40px 44px !important;
  text-align: left !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.blog .page-hero h1,
.blog .kadence-page-header h1,
.blog h1.page-title {
  font-family: "p22-mackinac-pro", "iwc-mackinac-fb", "iwc-mackinac-fb-lx", 'Playfair Display', Georgia, serif !important;
  font-size: clamp(26px, 3vw, 42px) !important;
  font-weight: 700 !important;
  color: #E9E2D8 !important;
  line-height: 1.1 !important;
  margin: 0 auto !important;
  max-width: 1160px !important;
}

/* ── Post loop grid ── */
.blog .loop-container {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  max-width: 1160px !important;
  margin: 0 auto !important;
  padding: 56px 40px 88px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* ── Individual post cards (real classes) ── */
.blog .loop-entry {
  background: #FDFAF6 !important;
  border: 1.5px solid #D8D0C4 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: box-shadow .15s, border-color .2s !important;
  margin: 0 !important;
}

.blog .loop-entry:hover {
  box-shadow: 0 12px 36px rgba(42,40,32,.12) !important;
  border-color: #8D6834 !important;
}

/* ── Featured image ── */
.blog .loop-entry .post-thumbnail {
  aspect-ratio: 16/10 !important;
  overflow: hidden !important;
  width: 100% !important;
  flex-shrink: 0 !important;
  display: block !important;
}

.blog .loop-entry .post-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .35s ease !important;
}

.blog .loop-entry:hover .post-thumbnail img {
  transform: scale(1.04) !important;
}

/* ── Card body ── */
.blog .loop-entry .entry-content-wrap {
  padding: 22px 22px 14px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* ── Category ── */
.blog .loop-entry .cat-links,
.blog .loop-entry .entry-taxonomies {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: #7A5A2C !important; /* D426: was #8D6834 = 3.92:1 on cream at 10.5px. */
  margin-bottom: 10px !important;
  display: block !important;
}

.blog .loop-entry .cat-links a,
.blog .loop-entry .entry-taxonomies a {
  color: #7A5A2C !important;
  text-decoration: none !important;
}

/* ── Post title ── */
.blog .loop-entry .entry-title {
  font-family: "p22-mackinac-pro", "iwc-mackinac-fb", "iwc-mackinac-fb-lx", 'Playfair Display', Georgia, serif !important;
  font-size: clamp(16px, 1.4vw, 19px) !important;
  font-weight: 700 !important;
  color: #2A2820 !important;
  line-height: 1.25 !important;
  margin: 0 0 12px !important;
}

.blog .loop-entry .entry-title a {
  color: #2A2820 !important;
  text-decoration: none !important;
}

.blog .loop-entry .entry-title a:hover {
  color: #7A5A2C !important;
}

/* ── Excerpt ── */
.blog .loop-entry .entry-summary p {
  font-size: 13.5px !important;
  color: #5A574E !important;
  line-height: 1.72 !important;
  margin: 0 !important;
}

/* ── Post meta / date ── */
.blog .loop-entry .entry-meta {
  font-size: 11.5px !important;
  color: #5A574E !important; /* D426: was #8A8778 = 3.47:1 on white. */
  font-weight: 700 !important;
  padding: 0 !important;
  margin-bottom: 10px !important;
}

/* ── Read more ── */
.blog .loop-entry .more-link,
.blog .loop-entry a.read-more {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: #7A5A2C !important; /* D426: was #8D6834 = 3.92:1 on cream at 10.5px. */
  text-decoration: none !important;
  padding: 14px 22px 18px !important;
  border-top: 1px solid #D8D0C4 !important;
  margin-top: auto !important;
}

.blog .loop-entry .more-link:hover {
  color: #7A5A2C !important;
}

/* ── Pagination ── */
.blog .pagination,
.blog .posts-navigation {
  max-width: 1160px !important;
  margin: 0 auto 56px !important;
  padding: 0 40px !important;
  text-align: center !important;
}

.blog .pagination .page-numbers {
  display: inline-block !important;
  padding: 10px 18px !important;
  border: 1.5px solid #D8D0C4 !important;
  border-radius: 6px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #5A574E !important;
  text-decoration: none !important;
  margin: 4px !important;
  transition: all .15s !important;
}

.blog .pagination .page-numbers:hover,
.blog .pagination .page-numbers.current {
  border-color: #8D6834 !important;
  color: #7A5A2C !important;
}

/* ── Responsive ── */
@media (max-width: 960px) {
  .blog .loop-container {
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 40px 24px 64px !important;
  }
}

@media (max-width: 580px) {
  .blog .loop-container {
    grid-template-columns: 1fr !important;
    padding: 32px 16px 48px !important;
  }
}

/* Moved verbatim from Homepage WP CSS.txt on 2026-09-27 (D427): this file owns blog styling.
   Placed last so these rules still come after the older .blog .loop-entry rules above, as they did before. */
/* ============================================================
   IWC — Blog Landing Page Styles
   Exact Kadence DOM: ul#archive-container > li.entry-list-item > article.loop-entry
   ============================================================ */

/* Container */
.blog ul#archive-container { max-width: 1160px !important; margin: 40px auto 72px !important; padding: 0 40px !important; gap: 24px !important; list-style: none !important; }
.blog li.entry-list-item { list-style: none !important; padding: 0 !important; margin: 0 !important; }

/* Post cards */
.blog article.loop-entry { background: #FDFAF6 !important; border: 1.5px solid #D8D0C4 !important; border-radius: 8px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; height: 100% !important; transition: box-shadow .15s, border-color .2s !important; }
.blog article.loop-entry:hover { box-shadow: 0 12px 36px rgba(42,40,32,.12) !important; border-color: #8D6834 !important; }

/* Featured image — real structure: a.post-thumbnail > div.post-thumbnail-inner > img */
.blog article.loop-entry a.post-thumbnail { aspect-ratio: 16/10 !important; overflow: hidden !important; width: 100% !important; display: block !important; flex-shrink: 0 !important; }
.blog article.loop-entry .post-thumbnail-inner { width: 100% !important; height: 100% !important; overflow: hidden !important; }
.blog article.loop-entry .post-thumbnail-inner img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; transition: transform .35s ease !important; }
.blog article.loop-entry:hover .post-thumbnail-inner img { transform: scale(1.04) !important; }

/* Card body */
.blog article.loop-entry .entry-content-wrap { padding: 20px 20px 0 !important; flex: 1 !important; display: flex !important; flex-direction: column !important; }

/* Category */
.blog article.loop-entry .entry-taxonomies a { font-size: 10.5px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #8D6834 !important; text-decoration: none !important; }

/* Post title */
.blog article.loop-entry h2.entry-title { font-family: "p22-mackinac-pro", "iwc-mackinac-fb", "iwc-mackinac-fb-lx", 'Playfair Display', Georgia, serif !important; font-size: 18px !important; font-weight: 700 !important; color: #2A2820 !important; line-height: 1.25 !important; margin: 6px 0 10px !important; }
.blog article.loop-entry h2.entry-title a { color: #2A2820 !important; text-decoration: none !important; }
.blog article.loop-entry h2.entry-title a:hover { color: #8D6834 !important; }

/* Meta */
.blog article.loop-entry .entry-meta { font-size: 11px !important; color: #8A8778 !important; margin-bottom: 8px !important; }

/* Excerpt */
.blog article.loop-entry .entry-summary { flex: 1 !important; }
.blog article.loop-entry .entry-summary p { font-size: 13.5px !important; color: #5A574E !important; line-height: 1.72 !important; margin: 0 !important; }

/* Read more — real class is post-more-link inside p.more-link-wrap */
.blog article.loop-entry a.post-more-link { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: #8D6834 !important; text-decoration: none !important; padding: 14px 0 18px !important; border-top: 1px solid #D8D0C4 !important; margin-top: 16px !important; }
.blog article.loop-entry a.post-more-link:hover { color: #7A5A2C !important; }
.blog article.loop-entry .more-link-wrap { padding: 0 20px !important; margin: 0 !important; }

/* Page title brand styling */
.blog h1.page-title { font-family: "p22-mackinac-pro", "iwc-mackinac-fb", "iwc-mackinac-fb-lx", 'Playfair Display', Georgia, serif !important; font-size: clamp(26px,3vw,42px) !important; font-weight: 700 !important; color: #2A2820 !important; }

/* Responsive */
@media (max-width: 960px) { .blog ul#archive-container { padding: 0 24px !important; } }
@media (max-width: 580px) { .blog ul#archive-container { padding: 0 16px !important; } }

/* D753 (Design, 2026-09-28): every post already opens with its own hero image, and since
   2026-09-20 the deploy also sets that image as the WordPress featured image (for the blog
   grid, Google and social cards). Kadence then draws it a second time above the post.
   Keep the featured image set; hide only the theme's copy on a single post. Verify on the
   live post after deploy: exactly one hero image, above the headline. */
.single-post .article-post-thumbnail,
.single-post .post-thumbnail.article-post-thumbnail { display: none !important; }


/* ============================================================
   Integrity Wood Care — Homepage Styles
   Paste into: Kadence → Design → Additional CSS
   ============================================================ */

/* All rules namespaced to .iwc-page to avoid Kadence conflicts */

/* ── Stand-in fonts sized to match the brand fonts (D853, 2026-10-05) ──
   Until Adobe's fonts arrive, text draws in Georgia / Arial (iPhone, Mac, Windows) or Liberation
   (Linux, which is what Google's speed test uses). Unadjusted, those are a different size, so the
   hero text re-wrapped and jumped 69 px when the brand fonts landed (layout shift 0.165 measured).
   These faces scale the stand-ins to the brand fonts' measured width and height, so the swap
   does not move anything (0.001 measured). Numbers come from the real font files: average letter
   width weighted by English letter frequency, plus ascent/descent. Georgia Bold's width is an
   estimate (no file to measure here); everything else is measured. Edit only with new measurements. */
@font-face { font-family: "iwc-mackinac-fb"; font-weight: 400; src: local('Georgia');
  size-adjust: 106.0%; ascent-override: 86.4%; descent-override: 22.6%; line-gap-override: 0%; }
@font-face { font-family: "iwc-mackinac-fb"; font-weight: 700; src: local('Georgia Bold'), local('Georgia-Bold');
  size-adjust: 104.4%; ascent-override: 88.0%; descent-override: 23.1%; line-gap-override: 0%; }
@font-face { font-family: "iwc-mackinac-fb-lx"; font-weight: 400; src: local('Liberation Serif'), local('LiberationSerif'), local('Tinos');
  size-adjust: 116.8%; ascent-override: 78.4%; descent-override: 20.6%; line-gap-override: 0%; }
@font-face { font-family: "iwc-mackinac-fb-lx"; font-weight: 700; src: local('Liberation Serif Bold'), local('LiberationSerif-Bold'), local('Tinos Bold');
  size-adjust: 115.1%; ascent-override: 79.9%; descent-override: 20.9%; line-gap-override: 0%; }
@font-face { font-family: "iwc-freight-fb"; font-weight: 400; src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('LiberationSans'), local('Arimo');
  size-adjust: 89.7%; ascent-override: 114.2%; descent-override: 38.4%; line-gap-override: 0%; }
@font-face { font-family: "iwc-freight-fb"; font-weight: 700; src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('LiberationSans-Bold'), local('Arimo Bold');
  size-adjust: 92.7%; ascent-override: 110.5%; descent-override: 37.1%; line-gap-override: 0%; }


.iwc-page {
  --iwc-green:  #4E513E;
  --iwc-green-d:#3F4232;
  --iwc-cream:  #E9E2D8;
  --iwc-cream-d:#D8D0C4;
  --iwc-brown:  #8D6834;
  --iwc-ink:    #2A2820;
  --iwc-ink-2:  #5A574E;
  --iwc-ink-3:  #8A8778;
  --iwc-white:  #FDFAF6;
  --iwc-font-h: "p22-mackinac-pro", "iwc-mackinac-fb", "iwc-mackinac-fb-lx", 'Playfair Display', Georgia, serif;
  --iwc-font-b: "freight-sans-pro", "iwc-freight-fb", 'Montserrat', system-ui, sans-serif;
  --iwc-max:    1160px;
  font-family: var(--iwc-font-b);
  color: var(--iwc-ink);
}

.iwc-page *,
.iwc-page *::before,
.iwc-page *::after { box-sizing: border-box; }

/* ── Full-width: break out of Kadence's entry-content container ── */
.entry-content:has(.iwc-page),
.hentry:has(.iwc-page) {
  max-width: none !important;
  padding-left:  0 !important;
  padding-right: 0 !important;
  margin-left:   0 !important;
  margin-right:  0 !important;
  width: 100% !important;
}
.entry-content .wp-block-html { max-width: none !important; padding: 0 !important; margin: 0 !important; }
.iwc-page { width: 100%; max-width: none; overflow-x: hidden; }

/* ── Sections ── */
.iwc-section { padding: 88px 40px; }
.iwc-section.iwc-cream { background: var(--iwc-cream); }
.iwc-section.iwc-green { background: var(--iwc-green); }
.iwc-section.iwc-no-pad-bottom { padding-bottom: 0; }
.iwc-inner { max-width: var(--iwc-max); margin: 0 auto; }

/* ── Typography ── */
.iwc-page h1,
.iwc-page h2,
.iwc-page h3 { font-family: var(--iwc-font-h); line-height: 1.08; text-wrap: pretty; }
.iwc-page h1 { font-size: clamp(32px, 3.8vw, 54px); font-weight: 700; color: var(--iwc-cream); margin-bottom: 22px; }
.iwc-page h1 em { font-style: normal; color: #C9A96E; }
.iwc-page h2 { font-size: clamp(26px, 3.5vw, 46px); font-weight: 700; color: var(--iwc-ink); margin-bottom: 18px; }
.iwc-page h3 { font-size: 18px; font-weight: 700; color: var(--iwc-ink); margin-bottom: 8px; }
.iwc-page h2.iwc-light { color: var(--iwc-cream); }
.iwc-page h2.iwc-center { text-align: center; }
.iwc-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--iwc-brown); margin-bottom: 12px; display: block; }
.iwc-eyebrow.iwc-eyebrow-brown { color: var(--iwc-brown); }
.iwc-eyebrow.iwc-center { text-align: center; }
.iwc-section-sub { font-size: 16.5px; color: var(--iwc-ink-2); max-width: 580px; line-height: 1.72; margin-bottom: 48px; }
.iwc-section-sub.iwc-muted { color: rgba(233,226,216,.72); }
.iwc-body-lg { font-size: 15.5px; color: var(--iwc-ink-2); line-height: 1.78; margin-bottom: 32px; }
.iwc-link { color: var(--iwc-brown); text-decoration: none; border-bottom: 1px solid currentColor; }

/* ── Buttons ── */
.iwc-btn-primary {
  display: inline-block; background: var(--iwc-brown); color: var(--iwc-cream);
  padding: 15px 30px; border-radius: 8px; text-decoration: none;
  font-family: var(--iwc-font-b); font-size: 16px; font-weight: 700;
  text-transform: none; transition: background .15s;
}
.iwc-btn-primary:hover { background: #7A5A2C; color: var(--iwc-cream); }
.iwc-btn-ghost {
  color: rgba(233,226,216,.78); text-decoration: none;
  font-family: var(--iwc-font-b); font-size: 13.5px; font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase;
  border-bottom: 2px solid rgba(233,226,216,.28); padding-bottom: 2px; transition: all .15s;
}
.iwc-btn-ghost:hover { color: var(--iwc-cream); border-color: var(--iwc-cream); }

/* ── Hero ── */
/* LCP FIX (2026-08-15, D243). This rule used to paint the hero photo as a CSS background —
   invisible to the preload scanner, un-prioritizable, and unreachable by any image-optimizer
   plugin (they rewrite <img> tags, not URLs inside a stylesheet). The photo is now a real <img>
   in the markup; this rule keeps the box and drops the background image. Note the live page was
   overriding this rule with an inline style pointing at web_gal_3.jpeg, so web_hero.png named
   here was never actually the LCP resource — worth knowing if a future pass goes looking for it. */
.iwc-hero {
  position: relative; min-height: 80vh;
  background-color: var(--iwc-green-d);
  display: flex; align-items: flex-end; overflow: hidden;
}
/* The hero photo itself. Sits behind the content, covers the box exactly as `center/cover` did. */
.iwc-hero-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  z-index: 0;
}
/* The scrim that used to be the first layer of the `background` shorthand. Same rgba, same
   result — separated only so the photo underneath can be a real element. */
.iwc-hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(rgba(42,40,32,0.60), rgba(42,40,32,0.60));
  z-index: 0;
}
.iwc-hero-content {
  position: relative; z-index: 1;
  max-width: 1160px; margin: 0 auto;
  padding: 60px 40px 80px; width: 100%;
}
.iwc-hero-content,
.iwc-hero-content h1,
.iwc-hero-content h2,
.iwc-hero-content h3,
.iwc-hero-content p,
.iwc-hero-content span,
.iwc-hero-content div { color: var(--iwc-cream) !important; }
.iwc-hero-content .iwc-eyebrow { color: #C89A55 !important; }
.iwc-hero-content h1 em { color: oklch(0.76 0.09 75) !important; font-style: normal; }
.iwc-hero-content p { font-size: clamp(15px, 1.6vw, 18px) !important; line-height: 1.7 !important; opacity: 0.88; }
.iwc-hero-ctas { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; margin-top: 36px; }
/* D848 (Design, 2026-10-05): headline wraps evenly (no one-word line), paragraph held to a
   readable measure with even spacing above and below. */
.iwc-hero-content h1 { text-wrap: balance; margin: 0 0 18px; }
.iwc-page h2 { text-wrap: balance; }
/* Browsers skip balancing a heading that contains a <br>, so a heading's lines are separate
   blocks instead; each one then wraps evenly on its own. */
.iwc-page .iwc-line { display: block; text-wrap: balance; }
.iwc-hero-content p { text-wrap: pretty; }
.iwc-hero-content p { margin: 0; max-width: 34em; }

/* ── Trust bar ── */
.iwc-trust-bar {
  background: var(--iwc-green); color: var(--iwc-cream);
  padding: 16px 40px;
  display: flex; align-items: center; justify-content: center; gap: 36px; flex-wrap: wrap;
}
.iwc-trust-item { font-family: var(--iwc-font-b); font-size: 12.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; opacity: .75; }
.iwc-trust-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--iwc-brown); opacity: .7; }

/* ── Two col ── */
.iwc-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.iwc-problem-img { border-radius: 4px; overflow: hidden; aspect-ratio: 4/3; box-shadow: 0 24px 56px rgba(42,40,32,.18); }
.iwc-problem-img img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ── Problem points ── */
.iwc-points { display: flex; flex-direction: column; gap: 24px; margin-top: 36px; }
.iwc-point { display: flex; gap: 16px; align-items: flex-start; }
.iwc-point-num { font-family: var(--iwc-font-h); font-size: 26px; font-weight: 700; color: var(--iwc-brown); flex-shrink: 0; line-height: 1.2; }
.iwc-point strong { font-weight: 700; display: block; margin-bottom: 3px; font-size: 14.5px; color: var(--iwc-ink); }
.iwc-point span { font-size: 13.5px; color: var(--iwc-ink-2); line-height: 1.65; }

/* ── Services grid ── */
.iwc-svc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.iwc-svc-card { border: 1.5px solid var(--iwc-cream-d); border-radius: 4px; overflow: hidden; background: var(--iwc-white); transition: transform .2s, box-shadow .2s; }
.iwc-svc-card:hover { transform: translateY(-4px); box-shadow: 0 14px 36px rgba(42,40,32,.12); }
.iwc-svc-img { aspect-ratio: 3/2; overflow: hidden; }
.iwc-svc-img img { width: 100%; height: 100%; object-fit: cover; display: block; background: var(--iwc-cream-d); transition: transform .4s; }
.iwc-svc-card:hover .iwc-svc-img img { transform: scale(1.04); }
.iwc-svc-body { padding: 20px 18px 22px; }
.iwc-svc-name { font-family: var(--iwc-font-h); font-size: 18px; font-weight: 700; color: var(--iwc-ink); margin-bottom: 6px; }
.iwc-svc-desc { font-size: 13px; color: var(--iwc-ink-2); line-height: 1.65; }

/* ── Process ── */
.iwc-steps { display: grid; grid-template-columns: repeat(3, 1fr); }
.iwc-step { padding: 36px 32px; border-right: 1px solid rgba(233,226,216,.15); }
.iwc-step:last-child { border-right: none; }
.iwc-step-num { font-family: var(--iwc-font-h); font-size: 60px; font-weight: 700; color: rgba(233,226,216,.08); line-height: 1; margin-bottom: 14px; }
.iwc-step-title { font-family: var(--iwc-font-h); font-size: 21px; font-weight: 700; color: var(--iwc-cream); margin-bottom: 10px; }
/* Every heading on a green section is cream. Written with three selector parts so it outranks `.iwc-page h3`
   (two parts) above: the step titles had been declared cream with ONE part since 10-05 and lost on specificity
   every time, which is why this "never got fixed" (Michael, 2026-10-06). The h2 rule above only ever worked
   because it was written as `.iwc-page h2.iwc-light`. */
.iwc-page .iwc-green h2, .iwc-page .iwc-green h3, .iwc-page .iwc-green h4, .iwc-page .iwc-green .iwc-step-title { color: var(--iwc-cream); }
.iwc-step-desc { font-size: 14px; color: rgba(233,226,216,.7); line-height: 1.72; }

/* ── Gallery ── */
.iwc-gallery-wrap { max-width: var(--iwc-max); margin: 48px auto 0; padding: 0 40px; }
.iwc-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto auto; gap: 8px; }
.iwc-g-item { overflow: hidden; position: relative; }
.iwc-g-item.iwc-g-tall { grid-row: span 2; }
.iwc-g-item img { width: 100%; height: 100%; object-fit: cover; display: block; background: var(--iwc-cream-d); transition: transform .4s; }
.iwc-g-item:hover img { transform: scale(1.03); }
.iwc-g-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px 14px; font-family: var(--iwc-font-b); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgba(233,226,216,.88); background: linear-gradient(transparent, rgba(42,40,32,.55)); }

/* ── Product ── */
.iwc-product { display: grid; grid-template-columns: 1fr 1fr; gap: 68px; align-items: center; }
.iwc-product-img img { width: 100%; border-radius: 4px; display: block; box-shadow: 0 18px 52px rgba(42,40,32,.14); }
.iwc-product-copy p { font-size: 15.5px; color: var(--iwc-ink-2); line-height: 1.78; margin-bottom: 22px; }
.iwc-product-points { list-style: none; padding: 0; margin: 0 0 32px; display: flex; flex-direction: column; gap: 10px; }
.iwc-product-points li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: var(--iwc-ink-2); }
.iwc-product-points li::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--iwc-brown); flex-shrink: 0; margin-top: 6px; }

/* ── Reviews ── */
.iwc-reviews-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 48px; }
.iwc-review-card { background: var(--iwc-white); border: 1.5px solid var(--iwc-cream-d); border-radius: 8px; padding: 24px 22px; }
.iwc-stars { color: #C9A96E; font-size: 15px; letter-spacing: 2px; margin-bottom: 12px; }
.iwc-review-text { font-size: 14px; color: var(--iwc-ink-2); line-height: 1.72; font-style: italic; margin-bottom: 14px; }
.iwc-reviewer { font-size: 12.5px; font-weight: 700; color: var(--iwc-ink-3); letter-spacing: .04em; }

/* ── FAQ ── */
.iwc-faq-inner { display: grid; grid-template-columns: 1fr 2fr; gap: 72px; align-items: start; }
.iwc-faq-list { display: flex; flex-direction: column; gap: 0; }
.iwc-faq-item { border-bottom: 1px solid var(--iwc-cream-d); }
.iwc-faq-item:first-child { border-top: 1px solid var(--iwc-cream-d); }
.iwc-faq-q { list-style: none; font-family: var(--iwc-font-b); font-size: 14.5px; font-weight: 700; color: var(--iwc-ink); padding: 16px 32px 16px 0; cursor: pointer; position: relative; user-select: none; }
.iwc-faq-q::-webkit-details-marker { display: none; }
.iwc-faq-q::after { content: '+'; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 20px; color: var(--iwc-brown); line-height: 1; transition: transform .2s; }
.iwc-faq-item[open] .iwc-faq-q::after { transform: translateY(-50%) rotate(45deg); }
.iwc-faq-a { font-size: 14px; color: var(--iwc-ink-2); line-height: 1.72; padding: 0 32px 16px 0; }

/* ── Final CTA ── */
.iwc-final-cta {
  background:
    linear-gradient(rgba(42,40,32,0.80), rgba(42,40,32,0.80)),
    /* D853 (2026-10-05): through Jetpack's image CDN, resized, not the 2.4 MB original PNG. The
       section sits under an 80% scrim, so 1600 px wide at quality 70 is indistinguishable. */
    url('https://i0.wp.com/integritywoodcare.com/wp-content/uploads/2026/06/web_final_bg.png?w=1600&quality=70&ssl=1') center/cover no-repeat;
  background-color: var(--iwc-green-d);
  text-align: center; padding: 96px 40px;
  overflow: hidden;
}
.iwc-final-cta h2 { color: var(--iwc-cream) !important; max-width: 600px; margin: 0 auto 16px !important; text-align: center !important; }
.iwc-final-cta p { color: rgba(233,226,216,.75); font-size: 16.5px; max-width: 460px; margin: 0 auto 36px; line-height: 1.72; }

/* ── Responsive ── */
@media (max-width: 960px) {
  .iwc-section { padding: 64px 24px; }
  .iwc-hero-content { padding: 60px 24px; }
  .iwc-two-col { grid-template-columns: 1fr; gap: 36px; }
  .iwc-svc-grid { grid-template-columns: 1fr 1fr; }
  .iwc-steps { grid-template-columns: 1fr; }
  .iwc-step { border-right: none; border-bottom: 1px solid rgba(233,226,216,.15); padding: 28px 20px; }
  .iwc-step:last-child { border-bottom: none; }
  .iwc-product { grid-template-columns: 1fr; gap: 36px; }
  .iwc-reviews-grid { grid-template-columns: 1fr; }
  .iwc-faq-inner { grid-template-columns: 1fr; gap: 32px; }
  .iwc-gallery-wrap { padding: 0 24px; }
  .iwc-gallery-grid { grid-template-columns: 1fr 1fr; }
  .iwc-g-item.iwc-g-tall { grid-row: span 1; }
  .iwc-trust-bar { gap: 16px; padding: 14px 20px; }
  .iwc-final-cta { padding: 72px 24px; }
}
@media (max-width: 540px) {
  .iwc-svc-grid { grid-template-columns: 1fr; }
  .iwc-gallery-grid { grid-template-columns: 1fr; }
  .iwc-hero-ctas { flex-direction: column; align-items: flex-start; }
  .iwc-hero { min-height: 80vh; }
}
@media (max-width: 480px) {
  .iwc-section { padding: 48px 16px; }
  .iwc-hero { min-height: 72vh; }
  .iwc-hero-content { padding: 36px 16px 52px; }
  .iwc-page h2 { font-size: clamp(22px, 7.5vw, 34px); }
  .iwc-section-sub { font-size: 15px; margin-bottom: 28px; }
  .iwc-gallery-wrap { padding: 0 16px; }
  .iwc-trust-bar { gap: 10px; padding: 12px 16px; }
  .iwc-trust-item { font-size: 11px; letter-spacing: .04em; }
  .iwc-trust-dot { display: none; }
  /* D848: 2 x 2 on a phone, so no item is left alone on a second line. */
  .iwc-trust-bar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; justify-items: center; text-align: center; }
  .iwc-hero-content p { line-height: 1.55 !important; }
  .iwc-hero-ctas { margin-top: 26px; }
  .iwc-btn-primary { padding: 14px 22px; font-size: 16px; width: 100%; display: block; text-align: center; box-sizing: border-box; }
  .iwc-hero-ctas { gap: 12px; }
  .iwc-final-cta { padding: 56px 16px; }
  .iwc-faq-q { font-size: 13.5px; }
  .iwc-faq-inner { gap: 20px; }
  .iwc-review-card { padding: 18px 16px; }
  .iwc-point-num { font-size: 22px; }
  .iwc-steps .iwc-step { padding: 22px 16px; }
  .iwc-product { gap: 28px; }
  .iwc-reviews-grid { gap: 14px; margin-top: 32px; }
}

/* ============================================================
   IWC — Universal Full-Width Override
   Forces ALL pages to break out of Kadence's content container
   ============================================================ */

.page .entry-content,
.page .entry-content > *,
.page .wp-block-html,
.page article.hentry {
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.page .content-container,
.page .content-area,
.page .site-content,
.kadence-page-layout-fullwidth .content-container,
.wp-site-blocks .page .entry-content {
  max-width: none !important;
  padding: 0 !important;
}

/* ============================================================
   IWC — Kadence Header Overrides
   ============================================================ */

/* LCP FIX (2026-08-15, D243): the Typekit @import moved to a <link> in Homepage WP HTML.txt.
   An @import inside a stylesheet cannot be discovered until that stylesheet has been
   downloaded and parsed, so this serialized four render-blocking hops (HTML → this CSS →
   typekit CSS → font files) on the one page ads land on. Every other wp/ page already used
   a <link>. Do not reinstate this line. */

/* Nav link font */
.site-header .menu-item > a,
.site-header .nav-link,
.site-header .main-navigation a,
.kadence-header-row .menu-item > a,
.kadence-navigation .nav-link,
.kadence-navigation .menu-item > a {
  font-family: "freight-sans-pro", 'Montserrat', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  font-size: 14px !important;
}

/* "Get Started" button — fix muted rose to IWC brown */
.site-header .button,
.site-header .kb-btn,
.site-header .header-button,
.site-header a.button,
.kadence-header-row .button,
.kadence-header-row .kb-btn,
.kadence-header-row a[class*="button"],
.header-widget-area a.button {
  background-color: #8D6834 !important;
  border-color: #8D6834 !important;
  color: #E9E2D8 !important;
  font-family: "freight-sans-pro", 'Montserrat', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
}
.site-header .button:hover,
.site-header .kb-btn:hover,
.kadence-header-row .button:hover,
.kadence-header-row .kb-btn:hover {
  background-color: #7A5A2C !important;
  border-color: #7A5A2C !important;
  color: #E9E2D8 !important;
}

/* ── Founder section (D858, 2026-10-09) ── */
.iwc-founder { align-items: start; }
.iwc-founder-photo img { width: 100%; height: auto; display: block; aspect-ratio: 4/5; object-fit: cover; border-radius: 4px; box-shadow: 0 24px 56px rgba(42,40,32,.16); }
.iwc-founder-caption { font-size: 12.5px; color: var(--iwc-ink-3); margin-top: 12px; letter-spacing: .02em; }
.iwc-founder-pull { font-family: var(--iwc-font-h); font-size: 24px; font-weight: 700; line-height: 1.3; color: var(--iwc-green); border-left: 3px solid var(--iwc-brown); padding-left: 18px; margin: 0 0 28px; }
.iwc-founder .iwc-body-lg { margin-bottom: 20px; }
.iwc-founder .iwc-btn-primary { margin-top: 10px; }
@media (max-width: 960px) {
  .iwc-founder-photo { margin-bottom: 8px; }
  .iwc-founder-pull { font-size: 21px; }
}

/* ── Google Verified section (D858, 2026-10-09) ── */
.iwc-verified { max-width: 760px; }
.iwc-verified-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 8px 0 28px; }
.iwc-verified-item { border-top: 2px solid var(--iwc-brown); padding-top: 16px; }
.iwc-verified-mark { font-family: var(--iwc-font-b); font-size: 20px; font-weight: 700; color: var(--iwc-brown); line-height: 1; margin-bottom: 10px; }
.iwc-verified-item strong { display: block; font-size: 15px; color: var(--iwc-ink); margin-bottom: 6px; }
.iwc-verified-item span { font-size: 13.5px; color: var(--iwc-ink-2); line-height: 1.65; }
.iwc-verified .iwc-body-lg { margin-bottom: 24px; }
.iwc-verified .iwc-btn-primary { margin-top: 6px; }
@media (max-width: 600px) {
  .iwc-verified-grid { grid-template-columns: 1fr; gap: 18px; }
}

/* ── Estimate button at the end of every section (D858, Michael 2026-10-07, ruling 2) ── */
.iwc-section-cta { margin-top: 40px; }
.iwc-section-cta.iwc-center { text-align: center; }
.iwc-gallery-cta { max-width: var(--iwc-max); margin: 0 auto; padding: 40px 40px 88px; }
@media (max-width: 960px) { .iwc-gallery-cta { padding: 32px 24px 64px; } }
@media (max-width: 480px) { .iwc-section-cta { margin-top: 28px; } .iwc-gallery-cta { padding: 24px 16px 48px; } }