/* californiaumbrellainsurance.com — archetype 1 (Corporate Trust) — compiled by scripts/build.py */
:root {
  --lh-primary: #1B365D; --lh-secondary: #4A90A4; --lh-accent: #C9A84C;
  --lh-bg: #FFFFFF; --lh-surface: #F4F6F8; --lh-text: #1A1A2E; --lh-text-2: #5A6A7E;
  --lh-font-head: 'Libre Baskerville', Georgia, serif; --lh-font-body: 'Source Sans 3', system-ui, sans-serif;
  --lh-base: 16px; --lh-ratio: 1.333;
}
:root { color-scheme: light; }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--lh-bg); color: var(--lh-text); font-family: var(--lh-font-body); font-size: var(--lh-base); line-height: 1.65; }
img { max-width: 100%; height: auto; }
a { color: var(--lh-primary); }
h1, h2, h3, h4 { font-family: var(--lh-font-head); color: var(--lh-text); line-height: 1.2; margin: 0 0 .5em; }
.lh-skip { position: absolute; left: -999px; top: 0; background: var(--lh-primary); color: #fff; padding: 8px 12px; z-index: 100; }
.lh-skip:focus { left: 8px; top: 8px; }
.lh-container { max-width: var(--lh-container); margin: 0 auto; padding: 0 24px; }
.lh-main { min-height: 40vh; }
.lh-body { padding-top: 24px; padding-bottom: 48px; }
.lh-btn { display: inline-block; background: var(--lh-accent); color: var(--lh-on-accent); padding: 12px 24px; border-radius: var(--lh-radius); font-weight: 700; text-decoration: none; border: 1px solid transparent; transition: opacity .2s, transform .2s; }
.lh-btn:hover { opacity: .9; }
/* header */
.lh-header { background: var(--lh-header-bg); color: var(--lh-header-fg); position: relative; z-index: 20; }
.lh-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 72px; }
.lh-brand { display: flex; flex-direction: column; text-decoration: none; color: var(--lh-header-fg); }
.lh-brand img { max-height: 56px; width: auto; }
.lh-brand-name { font-family: var(--lh-font-head); font-weight: 700; font-size: 1.25rem; line-height: 1.15; }
.lh-brand-tag { font-size: .78rem; opacity: .8; }
.lh-utility { background: var(--lh-primary); color: #fff; font-size: .85rem; }
.lh-utility .lh-container { display: flex; justify-content: space-between; gap: 16px; padding-top: 6px; padding-bottom: 6px; }
.lh-utility a { color: #fff; font-weight: 600; text-decoration: none; }
.lh-nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 4px 20px; }
.lh-nav a { color: var(--lh-header-fg); text-decoration: none; font-weight: 600; padding: 6px 2px; border-bottom: 2px solid transparent; }
.lh-nav li.active > a { border-bottom-color: var(--lh-accent); }
.lh-nav a:hover { border-bottom-color: var(--lh-accent); }
.lh-nav a.lh-btn { border-bottom: 0; padding: 10px 20px; }
.lh-nav-toggle { display: none; background: none; border: 1px solid var(--lh-header-fg); border-radius: var(--lh-radius); width: 44px; height: 40px; cursor: pointer; padding: 8px; }
.lh-nav-toggle span { display: block; height: 2px; background: var(--lh-header-fg); margin: 6px 0; }
@media (max-width: 900px) {
  .lh-nav-toggle { display: block; }
  .lh-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: var(--lh-header-bg); border-top: 1px solid rgba(0,0,0,.08); box-shadow: 0 12px 24px rgba(0,0,0,.12); }
  .lh-nav.open { display: block; }
  .lh-nav ul { flex-direction: column; align-items: stretch; padding: 12px 24px 20px; gap: 4px; }
  .lh-nav a { display: block; padding: 12px 0; }
  .lh-nav a.lh-btn { text-align: center; margin-top: 8px; }
}
/* hero / title band */
.lh-hero { background: var(--lh-hero-bg); color: var(--lh-hero-fg); padding: 40px 0 32px; }
.lh-hero h1 { color: var(--lh-hero-fg); font-size: clamp(1.8rem, 4vw, 2.6rem); margin: .2em 0 .3em; }
.lh-hero .lh-meta, .lh-hero .lh-subtitle { margin: 0; opacity: .85; }
.lh-hero a { color: inherit; }
.lh-breadcrumbs { font-size: .85rem; opacity: .85; margin-bottom: 8px; }
.lh-breadcrumbs a { text-decoration: none; }
.lh-sep { opacity: .6; padding: 0 2px; }
/* prose (posts) */
.lh-prose { max-width: var(--lh-prose); }
.lh-prose h2 { font-size: 1.6rem; margin-top: 1.6em; }
.lh-prose h3 { font-size: 1.25rem; margin-top: 1.4em; }
.lh-prose p, .lh-prose li { font-size: 1.05rem; line-height: 1.75; }
.lh-prose img { border-radius: var(--lh-radius); }
/* archive */
.lh-archive { padding: 32px 0 56px; }
.lh-archive-description { color: var(--lh-text-2); max-width: 720px; margin: 0 0 24px; }
.lh-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }
.lh-card { background: var(--lh-surface); border-radius: var(--lh-radius); padding: 24px; display: flex; flex-direction: column; gap: 8px; box-shadow: var(--lh-card-shadow); border: var(--lh-card-border); }
.lh-card-cat { font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; color: var(--lh-secondary); text-decoration: none; }
.lh-card-title { font-size: 1.2rem; margin: 0; }
.lh-card-title a { color: var(--lh-text); text-decoration: none; }
.lh-card-title a:hover { color: var(--lh-primary); }
.lh-card-meta { margin: 0; font-size: .85rem; color: var(--lh-text-2); }
.lh-card-excerpt { margin: 0; color: var(--lh-text-2); flex: 1; }
.lh-card-more { font-weight: 700; color: var(--lh-accent-link); text-decoration: none; }
.lh-card-thumb { display: block; margin: -24px -24px 8px; border-radius: var(--lh-radius) var(--lh-radius) 0 0; overflow: hidden; }
.lh-card-thumb img { display: block; width: 100%; height: auto; }
.lh-featured { padding-top: 24px; }
.lh-featured img { display: block; width: 100%; height: auto; border-radius: var(--lh-radius); }
.lh-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 36px; align-items: center; }
.lh-page-link { display: inline-block; padding: 8px 14px; border-radius: var(--lh-radius); background: var(--lh-surface); color: var(--lh-text); text-decoration: none; font-weight: 600; }
.lh-page-current { background: var(--lh-primary); color: #fff; }
.lh-page-dots { padding: 8px 4px; color: var(--lh-text-2); }
/* faq */
.lh-faq { padding: 48px 0; background: var(--lh-surface); }
.lh-faq-inner { max-width: 900px; }
.lh-faq-title { text-align: center; margin-bottom: 24px; }
.lh-faq-item { margin: 10px 0; padding: 14px 18px; border: 1px solid rgba(0,0,0,.08); border-radius: var(--lh-radius); background: var(--lh-bg); }
.lh-faq-item summary { font-weight: 600; cursor: pointer; }
.lh-faq-item p { margin: 10px 0 2px; line-height: 1.7; }
/* footer */
.lh-footer { background: var(--lh-footer-bg); color: var(--lh-footer-fg); margin-top: 24px; font-size: .95rem; }
.lh-footer a { color: var(--lh-footer-link); }
.lh-footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; padding-top: 48px; padding-bottom: 32px; }
.lh-footer h4 { color: var(--lh-footer-heading); margin-bottom: 12px; font-size: 1rem; }
.lh-footer ul { list-style: none; margin: 0; padding: 0; line-height: 2; }
.lh-footer p { margin: 0 0 8px; }
.lh-footer-bottom { border-top: 1px solid var(--lh-footer-rule); padding: 20px 0 28px; font-size: .85rem; }
.lh-footer-bottom p { margin: 4px 0; }
.lh-footer-links a { margin-right: 4px; }
.lh-footer--centered .lh-footer-grid { grid-template-columns: 1fr; text-align: center; max-width: 720px; }
.lh-footer--centered .lh-footer-bottom { text-align: center; }
.lh-footer--two .lh-footer-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); max-width: 900px; }
/* archetype 1: Corporate Trust — Centered container (max-width 1200px), generous padding (80px+), grid-based, subtle box shadows, thin gold top accent bar */
:root {
  --lh-container: 1200px;
  --lh-prose: 780px;
  --lh-radius: 4px;
  --lh-on-accent: #1B365D;
  --lh-header-bg: var(--lh-bg); --lh-header-fg: var(--lh-text);
  --lh-hero-bg: var(--lh-primary); --lh-hero-fg: #FFFFFF;
  --lh-footer-bg: var(--lh-primary); --lh-footer-fg: rgba(255,255,255,.85); --lh-footer-link: #FFFFFF; --lh-footer-heading: var(--lh-accent); --lh-footer-rule: rgba(255,255,255,.15);
  --lh-accent-link: var(--lh-accent);
  --lh-card-shadow: 0 8px 24px rgba(0,0,0,.06); --lh-card-border: none;
}
.lh-header { box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.lh-topbar { height: 4px; background: var(--lh-accent); }
/* Opt-in homepage weather card. Kept independent of imported homepage styles. */
.lh-entry-home .lh-weather {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 32px;
  align-items: center;
  background: #fff;
  border: 1px solid #eee6dc;
  border-radius: 24px;
  box-shadow: 0 12px 32px rgba(43, 45, 66, .08);
  padding: 30px;
  margin: 0 0 48px;
  color: #303948;
}
.lh-entry-home .lh-weather h2 {
  font-family: Georgia, serif;
  font-size: clamp(29px, 3vw, 42px);
  line-height: 1.14;
  letter-spacing: -.025em;
  color: #303948;
  margin: 0 0 18px;
}
.lh-entry-home .lh-weather-scope {
  color: #606776;
  font-size: 14px;
  line-height: 1.4;
  margin: -8px 0 18px;
}
.lh-entry-home .lh-weather-current {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 22px;
  min-height: 100px;
}
.lh-entry-home .lh-weather-current-icon {
  color: #c87356;
  font-family: Georgia, serif;
  font-size: 75px;
  line-height: 1;
  min-width: 82px;
  text-align: center;
}
.lh-entry-home .lh-weather-temp {
  display: block;
  color: #303948;
  font-family: Georgia, serif;
  font-size: clamp(52px, 6vw, 76px);
  line-height: 1;
}
.lh-entry-home .lh-weather-current-label,
.lh-entry-home .lh-weather-day-high {
  display: block;
  color: #606776;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .07em;
}
.lh-entry-home .lh-weather-condition {
  display: block;
  color: #606776;
  font-family: Georgia, serif;
  font-size: 21px;
  line-height: 1.25;
  margin-top: 5px;
}
.lh-entry-home .lh-weather-days {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #e7dfd5;
  padding-top: 18px;
}
.lh-entry-home .lh-weather-day {
  text-align: center;
  min-width: 0;
  padding: 0 7px;
}
.lh-entry-home .lh-weather-day + .lh-weather-day { border-left: 1px solid #e7dfd5; }
.lh-entry-home .lh-weather-day-name {
  display: block;
  color: #303948;
  font-family: Georgia, serif;
  font-weight: 700;
  font-size: 17px;
  overflow-wrap: anywhere;
}
.lh-entry-home .lh-weather-day-icon {
  display: block;
  color: #c87356;
  font-family: Georgia, serif;
  font-size: 34px;
  line-height: 1.15;
  margin: 8px 0 3px;
}
.lh-entry-home .lh-weather-day-temp {
  display: block;
  color: #303948;
  font-family: Georgia, serif;
  font-size: 30px;
  line-height: 1.1;
}
.lh-entry-home .lh-weather-day-high { margin-top: 3px; }
.lh-entry-home .lh-weather-day-condition {
  display: block;
  color: #606776;
  font-size: 13px;
  line-height: 1.25;
  margin-top: 5px;
  overflow-wrap: anywhere;
}
.lh-entry-home .lh-weather-map { margin: 0; min-width: 0; }
.lh-entry-home .lh-weather-map img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: contain;
  background: #f5f5f2;
  border-radius: 15px;
}
.lh-entry-home .lh-weather-map figcaption {
  color: #666b73;
  font-size: 13px;
  line-height: 1.4;
  margin-top: 10px;
}
.lh-entry-home .lh-weather-status {
  color: #7d4e3f;
  font-size: 13px;
  margin: 12px 0 0;
  min-height: 18px;
}
@media (max-width: 768px) {
  .lh-entry-home .lh-weather { grid-template-columns: 1fr; padding: 22px; gap: 22px; }
  .lh-entry-home .lh-weather-current-icon { font-size: 62px; min-width: 65px; }
  .lh-entry-home .lh-weather-day-name { font-size: 15px; }
  .lh-entry-home .lh-weather-day-temp { font-size: 25px; }
}
@media (max-width: 380px) {
  .lh-entry-home .lh-weather { padding: 16px; }
  .lh-entry-home .lh-weather-day { padding: 0 3px; }
  .lh-entry-home .lh-weather-day-name { font-size: 13px; }
  .lh-entry-home .lh-weather-day-temp { font-size: 22px; }
  .lh-entry-home .lh-weather-day-condition { font-size: 11px; }
}

/* look: craft-making-coptic-exposed-binding */
/* californiaumbrellainsurance.com — own world: the striped canvas of a California backyard patio umbrella and pool-deck awning
   (burgundy-and-cream stripes, scalloped valance, wedge gores joined by visible stitched seams) on undyed canvas and walnut
   boards; challenger craft-making-coptic-exposed-binding: the chain-stitch spine runs down the outside of the sheet, nothing hidden. */
@font-face { font-family: "Bevan"; font-weight: 400; font-style: normal; font-display: swap; src: url(/assets/fonts/bevan-400.woff2) format("woff2"); }
@font-face { font-family: "Red Hat Text"; font-weight: 400; font-style: normal; font-display: swap; src: url(/assets/fonts/red-hat-text-400.woff2) format("woff2"); }
@font-face { font-family: "Red Hat Text"; font-weight: 700; font-style: normal; font-display: swap; src: url(/assets/fonts/red-hat-text-700.woff2) format("woff2"); }

body.lh-look {
  --walnut: #2E2119; --walnut-2: #402F24; --canvas: #EADFC6; --canvas-2: #DDCFAE; --paper: #F8F1DE; --cream: #FAF4E4;
  --thread: #D8C79E; --wax: #6B4A2F; --awning: #8E1F2F; --awning-d: #6F1824; --ink: #2A1F19; --ink-2: #5A4A3D;
  --spine: 64px; --stripe: 48px;
  --lh-bg: var(--walnut); --lh-text: var(--ink); --lh-text-2: var(--ink-2); --lh-surface: var(--paper);
  --lh-primary: var(--awning); --lh-secondary: var(--awning); --lh-accent: var(--awning); --lh-accent-link: var(--awning); --lh-on-accent: var(--cream);
  --lh-font-head: "Bevan", Georgia, serif; --lh-font-body: "Red Hat Text", system-ui, sans-serif;
  --lh-container: 1200px; --lh-prose: 760px; --lh-radius: 3px;
  --lh-header-bg: var(--walnut); --lh-header-fg: var(--canvas);
  --lh-footer-bg: var(--walnut); --lh-footer-fg: var(--thread); --lh-footer-link: var(--cream); --lh-footer-heading: var(--cream); --lh-footer-rule: rgba(216,199,158,.45);
  --lh-card-shadow: none; --lh-card-border: 0;
  --link-v: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='28' viewBox='0 0 40 28'%3E%3Cg fill='none' stroke='%23D8C79E' stroke-width='2.2'%3E%3Cellipse cx='20' cy='8' rx='6' ry='9'/%3E%3Cellipse cx='20' cy='22' rx='6' ry='9'/%3E%3Cellipse cx='20' cy='-6' rx='6' ry='9'/%3E%3Cellipse cx='20' cy='36' rx='6' ry='9'/%3E%3C/g%3E%3C/svg%3E");
  --link-h: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='12' viewBox='0 0 28 12'%3E%3Cg fill='none' stroke='%236B4A2F' stroke-width='1.6'%3E%3Cellipse cx='8' cy='6' rx='9' ry='3.6'/%3E%3Cellipse cx='22' cy='6' rx='9' ry='3.6'/%3E%3Cellipse cx='-6' cy='6' rx='9' ry='3.6'/%3E%3Cellipse cx='36' cy='6' rx='9' ry='3.6'/%3E%3C/g%3E%3C/svg%3E");
  --awning-stripes: repeating-linear-gradient(90deg, var(--awning) 0 var(--stripe), var(--cream) var(--stripe) calc(var(--stripe) * 2));
  --linen: repeating-linear-gradient(0deg, rgba(107,74,47,.055) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, rgba(107,74,47,.055) 0 1px, transparent 1px 3px);
  --grain: repeating-linear-gradient(90deg, rgba(0,0,0,.14) 0 1px, transparent 1px 7px), repeating-linear-gradient(90deg, rgba(255,230,190,.035) 0 2px, transparent 2px 19px);
  background-color: var(--walnut); background-image: var(--grain); color: var(--ink);
  font-family: "Red Hat Text", system-ui, sans-serif; font-weight: 400; font-size: clamp(17px, 1.1vw + 11px, 19px); line-height: 1.65;
  font-synthesis: none; scrollbar-color: var(--awning) var(--walnut);
}
body.lh-look ::selection { background: var(--awning); color: var(--cream); }
body.lh-look h1, body.lh-look h2, body.lh-look h3, body.lh-look h4 { font-family: "Bevan", Georgia, serif; font-weight: 400; color: var(--ink); letter-spacing: .005em; line-height: 1.12; }
body.lh-look a { color: var(--awning); text-underline-offset: .18em; text-decoration-thickness: 2px; }
body.lh-look a:hover { color: var(--awning-d); }
body.lh-look :focus-visible { outline: 3px solid var(--awning); outline-offset: 3px; box-shadow: 0 0 0 6px var(--cream); }
body.lh-look .lh-header :focus-visible, body.lh-look .lh-footer :focus-visible { outline-color: var(--cream); box-shadow: 0 0 0 6px var(--walnut); }
body.lh-look .lh-skip { background: var(--cream); color: var(--ink); border-radius: 3px; padding: 12px 20px; font-weight: 700; }

/* ---------- the awning valance across the top: stripes, then one scallop per stripe ---------- */
body.lh-look .lh-topbar { height: 66px; background: var(--awning-stripes); position: relative; z-index: 25; margin-bottom: -22px;
  -webkit-mask: linear-gradient(#000, #000) 0 0 / 100% 42px no-repeat, radial-gradient(circle at 24px 0, #000 23.5px, transparent 24px) 0 42px / 48px 24px repeat-x;
          mask: linear-gradient(#000, #000) 0 0 / 100% 42px no-repeat, radial-gradient(circle at 24px 0, #000 23.5px, transparent 24px) 0 42px / 48px 24px repeat-x; }
body.lh-look .lh-topbar::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,.28), transparent 18px); }

/* ---------- header: walnut board ---------- */
body.lh-look .lh-header { background: transparent; box-shadow: none; position: relative; z-index: 20; padding-bottom: 12px; }
body.lh-look .lh-utility { background: transparent; color: var(--thread); font-size: 16px; }
body.lh-look .lh-utility .lh-container { padding-top: 30px; padding-bottom: 8px; }
body.lh-look .lh-utility a { color: var(--cream); font-weight: 700; text-decoration: underline; text-decoration-color: var(--thread); min-height: 24px; }
body.lh-look .lh-header-inner { padding-top: 6px; padding-bottom: 6px; min-height: 0; }
body.lh-look .lh-brand { background: var(--paper); padding: 10px 18px; border-radius: 3px; outline: 2px dashed var(--wax); outline-offset: -6px; box-shadow: 0 6px 0 -2px rgba(0,0,0,.35); }
body.lh-look .lh-brand img { height: 46px; width: auto; max-height: none; display: block; }
body.lh-look .lh-nav ul { gap: 6px; }
body.lh-look .lh-nav a { display: flex; align-items: center; min-height: 48px; padding: 0 18px; border: 0; border-radius: 3px 3px 0 0; font-size: 17px; font-weight: 700; color: var(--canvas); text-decoration: none; position: relative; transition: background .25s, color .25s; }
body.lh-look .lh-nav a::before { content: ""; width: 14px; height: 24px; margin-right: 10px; flex: none; background: var(--link-v) center / 14px 24px no-repeat; }
body.lh-look .lh-nav a:hover { background: rgba(250,244,228,.12); color: var(--cream); border: 0; }
body.lh-look .lh-nav li.active > a { background: var(--canvas); color: var(--ink); box-shadow: inset 0 -4px 0 var(--awning); }
body.lh-look .lh-nav li.active > a::before { filter: brightness(.35) sepia(1) hue-rotate(-20deg) saturate(3); }
body.lh-look .lh-nav a.lh-btn { background: var(--awning); color: var(--cream); border-radius: 3px; outline: 2px dashed var(--thread); outline-offset: -6px; padding: 0 22px; margin-left: 10px; }
body.lh-look .lh-nav a.lh-btn::before { display: none; }
body.lh-look .lh-nav a.lh-btn:hover { background: var(--awning-d); color: var(--cream); }
body.lh-look .lh-nav li.active > a.lh-btn { background: var(--awning-d); box-shadow: none; color: var(--cream); }
body.lh-look .lh-nav-toggle { border: 2px solid var(--thread); border-radius: 3px; background: transparent; width: 48px; height: 48px; padding: 12px 10px; }
body.lh-look .lh-nav-toggle span { background: var(--cream); margin: 5px 0; }
body.lh-look .lh-chain { display: block; width: 100%; height: 16px; color: var(--thread); opacity: .8; margin-top: 6px; }

/* ---------- the sheet: undyed canvas, chain-stitch spine down the left edge ---------- */
body.lh-look .lh-main { position: relative; max-width: 1360px; margin: 0 auto 0; padding-left: var(--spine); min-height: 0; background-color: var(--canvas); background-image: var(--linen); overflow-x: clip; box-shadow: 0 0 0 1px rgba(0,0,0,.4), 0 24px 40px -12px rgba(0,0,0,.6); }
body.lh-look .lh-main::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--spine); background: var(--link-v) center top / 40px 28px repeat-y, linear-gradient(90deg, var(--walnut-2), #4A372A 50%, var(--walnut-2)); box-shadow: inset -3px 0 0 rgba(0,0,0,.35); }
body.lh-look .lh-main::after { content: ""; position: absolute; left: calc(var(--spine) + 14px); right: 14px; top: 14px; bottom: 14px; border: 1px solid rgba(107,74,47,.35); box-shadow: inset 0 0 0 4px transparent, inset 0 0 0 5px rgba(107,74,47,.18); pointer-events: none; }
body.lh-look .lh-body { padding-top: 40px; padding-bottom: 64px; }

/* ---------- title band on inner pages: the sheet's own awning ---------- */
body.lh-look .lh-main > .lh-hero { position: relative; background-color: var(--canvas-2); background-image: var(--linen); color: var(--ink); padding: 92px 0 36px; overflow: hidden; border-bottom: 2px dashed var(--wax); margin-bottom: 0; }
body.lh-look .lh-main > .lh-hero::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 66px; background: var(--awning-stripes); background-size: auto; --stripe: 40px;
  -webkit-mask: linear-gradient(#000, #000) 0 0 / 100% 42px no-repeat, radial-gradient(circle at 20px 0, #000 19.5px, transparent 20px) 0 42px / 40px 20px repeat-x;
          mask: linear-gradient(#000, #000) 0 0 / 100% 42px no-repeat, radial-gradient(circle at 20px 0, #000 19.5px, transparent 20px) 0 42px / 40px 20px repeat-x; }
body.lh-look .lh-main > .lh-hero::after { content: ""; position: absolute; right: -60px; top: 60px; width: 230px; height: 230px; border-radius: 50%; opacity: .9;
  background: radial-gradient(circle, var(--ink) 0 6px, transparent 7px), repeating-conic-gradient(from -.8deg, var(--wax) 0 1.6deg, transparent 1.6deg 45deg), repeating-conic-gradient(var(--awning) 0 45deg, var(--cream) 45deg 90deg); box-shadow: 0 0 0 5px var(--canvas-2), 0 0 0 7px var(--wax); }
body.lh-look .lh-main > .lh-hero .lh-container { position: relative; z-index: 1; }
body.lh-look .lh-main > .lh-hero h1 { color: var(--ink); font-size: clamp(30px, 4.4vw, 52px); line-height: 1.1; margin: 8px 0 12px; max-width: 18em; text-wrap: balance; }
body.lh-look .lh-main > .lh-hero .lh-meta, body.lh-look .lh-main > .lh-hero .lh-subtitle { color: var(--ink-2); opacity: 1; font-size: 17px; }
body.lh-look .lh-main > .lh-hero a { color: var(--awning); }
body.lh-look .lh-breadcrumbs { opacity: 1; color: var(--ink-2); font-size: 16px; }
body.lh-look .lh-breadcrumbs a { font-weight: 700; text-decoration: underline; }
body.lh-look .lh-sep { color: var(--wax); opacity: 1; }

/* ---------- prose ---------- */
body.lh-look .lh-prose { font-size: clamp(17px, 1.1vw + 11px, 19.5px); }
@media (min-width: 901px) { body.lh-look .lh-entry-post .lh-prose { margin-left: max(0px, calc((100% - 1200px) / 2)); margin-right: 0; } }
body.lh-look .lh-prose p, body.lh-look .lh-prose li { font-size: inherit; line-height: 1.75; color: var(--ink); }
body.lh-look .lh-prose h2 { font-size: clamp(26px, 3vw, 36px); margin: 1.9em 0 .7em; padding-bottom: .5em; background: var(--link-h) left bottom / 28px 12px repeat-x; color: var(--ink); }
body.lh-look .lh-prose h3 { font-size: clamp(21px, 2.2vw, 26px); margin: 1.6em 0 .5em; color: var(--awning-d); }
body.lh-look .lh-prose ul { list-style: none; padding-left: 0; }
body.lh-look .lh-prose ul > li { position: relative; padding-left: 30px; margin: .55em 0; }
body.lh-look .lh-prose ul > li::before { content: ""; position: absolute; left: 0; top: .62em; width: 18px; height: 9px; border: 2px solid var(--awning); border-radius: 50%; }
body.lh-look .lh-prose ol { padding-left: 1.5em; }
body.lh-look .lh-prose ol > li::marker { color: var(--awning); font-weight: 700; }
body.lh-look .lh-prose img, body.lh-look .lh-prose figure img { border-radius: 2px !important; max-width: 100%; height: auto; background: var(--paper); padding: 8px; box-shadow: 0 0 0 1px var(--wax), 0 10px 0 -4px rgba(42,31,25,.18); }
body.lh-look .lh-prose figcaption { font-size: 16px; color: var(--ink-2); }
body.lh-look .lh-prose blockquote { margin: 1.6em 0; padding: 18px 24px; background: var(--paper); outline: 2px dashed var(--wax); outline-offset: -8px; }
body.lh-look .lh-prose hr { border: 0; height: 12px; background: var(--link-h) center / 28px 12px repeat-x; margin: 2.4em 0; }
body.lh-look .lh-prose strong { color: var(--ink); }
body.lh-look .lh-featured img { border-radius: 2px; padding: 8px; background: var(--paper); box-shadow: 0 0 0 1px var(--wax); }

/* ---------- archive cards: tipped-in swatches with a stripe edge ---------- */
body.lh-look .lh-archive { padding: 44px 0 64px; }
body.lh-look .lh-archive-description { color: var(--ink-2); }
body.lh-look .lh-cards { gap: 28px; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); }
body.lh-look .lh-card { position: relative; background: var(--paper); border-radius: 2px; border: 0; box-shadow: 0 0 0 1px rgba(107,74,47,.5), 0 8px 0 -3px rgba(42,31,25,.16); padding: 40px 26px 24px; gap: 10px; transition: transform .25s; }
body.lh-look .lh-card::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 14px; background: var(--awning-stripes); --stripe: 14px; }
body.lh-look .lh-card:hover { transform: translateY(-3px); }
body.lh-look .lh-card-thumb { margin: -40px -26px 8px; border-radius: 0; }
body.lh-look .lh-card-cat { font-size: 15px; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; color: var(--awning-d); }
body.lh-look .lh-card-title { font-size: 26px; line-height: 1.2; }
body.lh-look .lh-card-title a { color: var(--ink); text-decoration: none; background: linear-gradient(var(--awning), var(--awning)) 0 100% / 0 2px no-repeat; transition: background-size .25s; }
body.lh-look .lh-card-title a:hover { color: var(--ink); background-size: 100% 2px; }
body.lh-look .lh-card-meta { font-size: 16px; color: var(--ink-2); }
body.lh-look .lh-card-excerpt { color: var(--ink); }
body.lh-look .lh-card-more { color: var(--awning); font-weight: 700; text-decoration: underline; min-height: 44px; display: inline-flex; align-items: center; }
body.lh-look .lh-pagination { gap: 10px; margin-top: 44px; }
body.lh-look .lh-page-link { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 3px; background: var(--paper); color: var(--ink); box-shadow: 0 0 0 1px var(--wax); font-weight: 700; padding: 0 14px; text-decoration: none; }
body.lh-look .lh-page-link:hover { background: var(--cream); color: var(--awning); }
body.lh-look .lh-page-current { background: var(--awning); color: var(--cream); box-shadow: 0 0 0 1px var(--awning-d); outline: 2px dashed var(--thread); outline-offset: -5px; }
body.lh-look .lh-page-dots { color: var(--ink-2); }

/* ---------- FAQ: sections that open flat ---------- */
body.lh-look .lh-faq { background-color: var(--canvas-2); background-image: var(--linen); padding: 56px 0 64px; border-top: 2px dashed var(--wax); position: relative; }
body.lh-look .lh-faq-title { text-align: left; font-size: clamp(28px, 3.4vw, 42px); margin-bottom: 28px; }
body.lh-look .lh-faq-inner { max-width: 1120px; margin: 0 auto; }
body.lh-look .lh-faq-item { margin: 0 0 12px; padding: 0; border: 0; border-radius: 2px; background: var(--paper); box-shadow: 0 0 0 1px rgba(107,74,47,.55); }
body.lh-look .lh-faq-item summary { list-style: none; display: flex; align-items: center; gap: 14px; padding: 14px 20px; min-height: 56px; font-weight: 700; font-size: 1.04em; cursor: pointer; color: var(--ink); }
body.lh-look .lh-faq-item summary::-webkit-details-marker { display: none; }
body.lh-look .lh-faq-item summary::before { content: ""; flex: none; width: 14px; height: 26px; background: var(--link-v) center / 14px 26px no-repeat; filter: brightness(.45) sepia(1) hue-rotate(-25deg) saturate(2.5); transition: transform .3s; }
body.lh-look .lh-faq-item[open] summary { background: var(--cream); box-shadow: inset 0 -2px 0 var(--awning); }
body.lh-look .lh-faq-item[open] summary::before { transform: rotate(90deg); }
body.lh-look .lh-faq-item p { margin: 0; padding: 16px 22px 20px 48px; line-height: 1.75; }

/* ---------- footer: the back board ---------- */
body.lh-look .lh-footer { background-color: var(--walnut); background-image: var(--grain); color: var(--thread); margin-top: 0; padding-top: 18px; font-size: 17px; }
body.lh-look footer.lh-footer { text-align: left; border-top: 0; }
body.lh-look .lh-footer .lh-chain { margin: 0 0 6px; }
body.lh-look .lh-footer a { color: var(--cream); text-underline-offset: .18em; }
body.lh-look .lh-footer a:hover { color: var(--thread); }
body.lh-look .lh-footer h4 { font-family: "Bevan", Georgia, serif; font-size: 18px; color: var(--cream); letter-spacing: .01em; }
body.lh-look .lh-footer-grid { padding-top: 40px; padding-bottom: 28px; gap: 36px; }
body.lh-look .lh-footer ul { line-height: 1; }
body.lh-look .lh-footer li { margin: 0; }
body.lh-look .lh-footer li a { display: inline-flex; align-items: center; min-height: 44px; }
body.lh-look .lh-footer .lh-btn { background: var(--awning); color: var(--cream); border-radius: 3px; outline: 2px dashed var(--thread); outline-offset: -6px; padding: 12px 22px; text-decoration: none; min-height: 48px; }
body.lh-look .lh-footer .lh-btn:hover { background: var(--awning-d); color: var(--cream); }
body.lh-look .lh-footer-bottom { border-top: 2px dashed rgba(216,199,158,.45); font-size: 16px; }
body.lh-look .lh-footer-links a { display: inline-flex; align-items: center; min-height: 44px; padding-right: 2px; }

/* ---------- home content (exported inline styles are overridden here) ---------- */
body.lh-look .lh-entry-home .lh-wrap, body.lh-look .lh-entry-page .lh-wrap { font-family: "Red Hat Text", system-ui, sans-serif; color: var(--ink); }
body.lh-look .lh-entry-home .lh-wrap { max-width: 1120px; }
body.lh-look .lh-entry .lh-wrap h1, body.lh-look .lh-entry .lh-wrap h2, body.lh-look .lh-entry .lh-wrap h3 { font-family: "Bevan", Georgia, serif !important; color: var(--ink) !important; font-weight: 400 !important; letter-spacing: .005em; }
body.lh-look .lh-entry .lh-wrap h1[style] { font-size: clamp(32px, 4.6vw, 52px) !important; line-height: 1.1; margin-bottom: 16px !important; text-wrap: balance; }
body.lh-look .lh-entry .lh-wrap h2[style] { font-size: clamp(26px, 3.2vw, 38px) !important; line-height: 1.15; }
body.lh-look .lh-entry .lh-wrap [style*="color:#5A6A7E" i], body.lh-look .lh-entry .lh-wrap [style*="color:#718096" i] { color: var(--ink-2) !important; }
body.lh-look .lh-entry .lh-wrap strong[style*="color:#1B365D" i], body.lh-look .lh-entry .lh-wrap span[style*="color:#1B365D" i] { color: var(--ink) !important; font-family: "Red Hat Text", system-ui, sans-serif !important; font-weight: 700 !important; }
body.lh-look .lh-entry .lh-wrap a[style*="color:#C9A84C" i] { color: var(--awning) !important; font-weight: 700 !important; text-decoration: underline !important; }
body.lh-look .lh-entry .lh-wrap [style*="font-family:'Source Sans 3'" i], body.lh-look .lh-entry .lh-wrap [style*="font-family:'Libre Baskerville'" i] { font-family: "Red Hat Text", system-ui, sans-serif; }
body.lh-look .lh-entry .lh-wrap p { font-size: 18px; line-height: 1.7; }

/* the home hero is a canvas panel under its own awning, a canopy seen from above (gores, stitched seams) beside the words */
body.lh-look .lh-entry .lh-wrap .lh-hero { position: relative; background: var(--paper); color: var(--ink); border-radius: 0; text-align: left; padding: 138px 48px 60px; margin-bottom: 56px; overflow: hidden; box-shadow: 0 0 0 1px var(--wax), 0 12px 0 -4px rgba(42,31,25,.2); }
body.lh-look .lh-entry .lh-wrap .lh-hero::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 96px; background: var(--awning-stripes);
  -webkit-mask: linear-gradient(#000, #000) 0 0 / 100% 72px no-repeat, radial-gradient(circle at 24px 0, #000 23.5px, transparent 24px) 0 72px / 48px 24px repeat-x;
          mask: linear-gradient(#000, #000) 0 0 / 100% 72px no-repeat, radial-gradient(circle at 24px 0, #000 23.5px, transparent 24px) 0 72px / 48px 24px repeat-x; }
body.lh-look .lh-entry .lh-wrap .lh-hero::after { content: ""; position: absolute; right: -70px; top: 70px; width: 420px; height: 420px; border-radius: 50%;
  background: radial-gradient(circle, var(--ink) 0 8px, transparent 9px), repeating-conic-gradient(from -.9deg, var(--wax) 0 1.8deg, transparent 1.8deg 45deg), repeating-conic-gradient(var(--awning) 0 45deg, var(--cream) 45deg 90deg);
  box-shadow: 0 0 0 7px var(--paper), 0 0 0 9px var(--wax); }
body.lh-look .lh-entry .lh-wrap .lh-hero > * { position: relative; z-index: 1; }
body.lh-look .lh-entry .lh-wrap .lh-hero h1 { color: var(--ink) !important; font-size: clamp(34px, 5.2vw, 64px); line-height: 1.06; margin: 0 0 20px; max-width: 11.5em; }
body.lh-look .lh-entry .lh-wrap .lh-hero p { color: var(--ink-2); font-size: clamp(19px, 2vw, 24px); display: block; max-width: 22em; margin: 0 0 32px; }
body.lh-look .lh-entry .lh-wrap .lh-btn, body.lh-look .lh-entry .lh-wrap a[style*="background:#C9A84C" i] { display: inline-flex; align-items: center; min-height: 52px; background: var(--awning) !important; color: var(--cream) !important; border-radius: 3px !important; padding: 14px 32px !important; font-size: 19px !important; font-weight: 700 !important; text-decoration: none !important; outline: 2px dashed var(--thread); outline-offset: -6px; opacity: 1; transition: background .25s; }
body.lh-look .lh-entry .lh-wrap .lh-btn:hover, body.lh-look .lh-entry .lh-wrap a[style*="background:#C9A84C" i]:hover { background: var(--awning-d) !important; }

@media (min-width: 901px) { body.lh-look .lh-entry .lh-wrap .lh-hero { padding-right: 360px; } }
/* coverage extras: stitched swatch cards */
body.lh-look .lh-entry .lh-wrap .lh-grid3 { gap: 28px; margin-bottom: 56px; }
body.lh-look .lh-entry .lh-wrap .lh-card { position: relative; background: var(--paper); border: 0; border-radius: 2px; padding: 34px 28px 28px 52px; outline: 2px dashed var(--wax); outline-offset: -9px; box-shadow: 0 0 0 1px rgba(107,74,47,.6), 0 8px 0 -3px rgba(42,31,25,.16); display: block; }
body.lh-look .lh-entry .lh-wrap .lh-card::before { content: ""; position: absolute; left: 20px; top: 24px; bottom: 24px; width: 14px; background: var(--link-v) center top / 14px 26px repeat-y; filter: brightness(.45) sepia(1) hue-rotate(-25deg) saturate(2.5); }
body.lh-look .lh-entry .lh-wrap .lh-card h3 { font-size: 24px; margin: 0 0 8px; }
body.lh-look .lh-entry .lh-wrap .lh-card p { color: var(--ink-2); }

/* latest articles: a table of contents with stitched leaders */
body.lh-look .lh-entry .lh-wrap a[style*="background:#F4F6F8" i] { background: transparent !important; border-radius: 0 !important; border-bottom: 2px dashed var(--wax); margin-bottom: 0 !important; padding: 16px 8px !important; min-height: 56px; display: flex !important; align-items: center; justify-content: space-between; gap: 16px; transition: background .25s !important; }
body.lh-look .lh-entry .lh-wrap a[style*="background:#F4F6F8" i]:hover { background: var(--paper) !important; transform: none; }
body.lh-look .lh-entry .lh-wrap a[style*="background:#F4F6F8" i] span { float: none !important; font-size: 19px; }
body.lh-look .lh-entry .lh-wrap a[style*="background:#F4F6F8" i] span[style*="color:#C9A84C" i] { color: var(--awning) !important; font-weight: 700; flex: none; }
body.lh-look .lh-entry .lh-wrap a[style*="background:#F4F6F8" i] span[style*="font-weight:600" i] { font-family: "Red Hat Text", system-ui, sans-serif !important; font-weight: 700 !important; color: var(--ink) !important; }
body.lh-look .lh-entry .lh-wrap div[style*="margin-bottom:60px"] > a:last-child { display: inline-flex; align-items: center; min-height: 48px; margin-top: 12px; }

/* the closing call: a walnut board with the quote button as a canvas tag */
body.lh-look .lh-entry .lh-wrap .lh-cta-block, body.lh-look .lh-entry .lh-wrap div[style*="background:#1B365D" i] { position: relative; background-color: var(--walnut) !important; background-image: var(--grain) !important; color: var(--cream) !important; border-radius: 2px !important; text-align: left !important; padding: 52px 48px 52px 88px !important; box-shadow: 0 0 0 1px #000, 0 12px 0 -4px rgba(42,31,25,.25); }
body.lh-look .lh-entry .lh-wrap .lh-cta-block::before, body.lh-look .lh-entry .lh-wrap div[style*="background:#1B365D" i]::before { content: ""; position: absolute; left: 30px; top: 22px; bottom: 22px; width: 28px; background: var(--link-v) center top / 28px 36px repeat-y; opacity: .9; }
body.lh-look .lh-entry .lh-wrap .lh-cta-block h2, body.lh-look .lh-entry .lh-wrap div[style*="background:#1B365D" i] h1, body.lh-look .lh-entry .lh-wrap div[style*="background:#1B365D" i] h2 { color: var(--cream) !important; }
body.lh-look .lh-entry .lh-wrap .lh-cta-block p, body.lh-look .lh-entry .lh-wrap div[style*="background:#1B365D" i] p { color: var(--thread) !important; font-size: 19px !important; }
body.lh-look .lh-entry .lh-wrap .lh-cta-block strong { color: var(--cream); }
body.lh-look .lh-entry .lh-wrap .lh-cta-block .lh-btn, body.lh-look .lh-entry .lh-wrap div[style*="background:#1B365D" i] a[style*="background:#C9A84C" i] { background: var(--cream) !important; color: var(--ink) !important; outline-color: var(--wax); }
body.lh-look .lh-entry .lh-wrap .lh-cta-block .lh-btn:hover, body.lh-look .lh-entry .lh-wrap div[style*="background:#1B365D" i] a[style*="background:#C9A84C" i]:hover { background: var(--paper) !important; }
body.lh-look .lh-entry .lh-wrap div[style*="background:#1B365D" i] > div[style*="text-align:center" i] { text-align: left !important; }

/* quote page trust row, contact cards, FAQ page blocks */
body.lh-look .lh-entry .lh-wrap div[style*="border-left:4px solid" i], body.lh-look .lh-entry .lh-wrap .lh-contact-card { background: var(--paper) !important; border: 0 !important; border-radius: 2px !important; outline: 2px dashed var(--wax); outline-offset: -9px; box-shadow: 0 0 0 1px rgba(107,74,47,.6), 0 8px 0 -3px rgba(42,31,25,.14); padding: 32px 34px !important; }
body.lh-look .lh-entry .lh-wrap .lh-contact-card h3 { margin-bottom: 14px; }
body.lh-look .lh-entry .lh-wrap .lh-contact-card p { color: var(--ink-2); }
body.lh-look .lh-entry .lh-wrap .lh-contact-card a { color: var(--awning) !important; font-family: "Bevan", Georgia, serif; font-weight: 400 !important; font-size: 28px !important; }
body.lh-look .lh-entry .lh-wrap div[style*="repeat(auto-fit,minmax(200px" i] > div { background: var(--paper); box-shadow: 0 0 0 1px rgba(107,74,47,.5); border-radius: 2px; }
body.lh-look .lh-entry .lh-wrap div[style*="text-align:center" i] > a[href^="tel:"] { font-family: "Bevan", Georgia, serif; font-weight: 400 !important; font-size: clamp(30px, 4vw, 40px) !important; }
body.lh-look .lh-entry .lh-wrap iframe { display: block; border: 0; background: var(--paper); box-shadow: 0 0 0 8px var(--paper), 0 0 0 9px var(--wax); }
body.lh-look .lh-entry .lh-wrap div[style*="overflow:hidden" i] { border-radius: 0 !important; padding: 9px; }
body.lh-look .lh-entry .lh-wrap h2 + p, body.lh-look .lh-entry .lh-wrap ul, body.lh-look .lh-entry .lh-wrap ol { color: var(--ink); }
body.lh-look .lh-entry .lh-wrap h2 { margin-top: 1.6em; }

/* the page colophon at the foot of exported pages: a stitched label, not the site footer */
body.lh-look .lh-entry .lh-footer { background: transparent !important; color: var(--ink-2); border: 0; border-top: 2px dashed var(--wax); margin-top: 56px; padding: 28px 0 8px; font-size: 16px; text-align: center; }
body.lh-look .lh-entry .lh-footer p { font-size: 16px; }
body.lh-look .lh-entry .lh-footer strong { color: var(--ink); }
body.lh-look .lh-entry .lh-footer a { color: var(--awning) !important; font-weight: 700; text-decoration: underline !important; }

/* ---------- weather card ---------- */
body.lh-look .lh-entry-home .lh-weather { background: var(--paper); color: var(--ink); border: 0; border-radius: 2px; box-shadow: 0 0 0 1px rgba(107,74,47,.6), 0 12px 0 -4px rgba(42,31,25,.18); outline: 2px dashed var(--wax); outline-offset: -10px; padding: 40px; margin: 0 0 56px; }
body.lh-look .lh-entry-home .lh-weather h2 { font-family: "Bevan", Georgia, serif; font-size: clamp(28px, 3vw, 40px); letter-spacing: .005em; color: var(--ink); }
body.lh-look .lh-entry-home .lh-weather-scope, body.lh-look .lh-entry-home .lh-weather-current-label, body.lh-look .lh-entry-home .lh-weather-day-high { color: var(--ink-2); font-size: 15px; }
body.lh-look .lh-entry-home .lh-weather-current-icon { color: var(--awning); font-family: "Bevan", Georgia, serif; }
body.lh-look .lh-entry-home .lh-weather-temp { font-family: "Bevan", Georgia, serif; color: var(--ink); }
body.lh-look .lh-entry-home .lh-weather-condition { color: var(--ink); font-size: 18px; }
body.lh-look .lh-entry-home .lh-weather-day { border-color: var(--wax); }
body.lh-look .lh-entry-home .lh-weather-day + .lh-weather-day { border-left: 2px dashed var(--wax); }
body.lh-look .lh-entry-home .lh-weather-day-name { color: var(--ink); font-size: 16px; }
body.lh-look .lh-entry-home .lh-weather-day-temp { color: var(--ink); font-family: "Bevan", Georgia, serif; font-weight: 400; }
body.lh-look .lh-entry-home .lh-weather-day-condition { color: var(--ink-2); font-size: 15px; }
body.lh-look .lh-entry-home .lh-weather-day-icon { color: var(--awning); }
body.lh-look .lh-entry-home .lh-weather-map img { border-radius: 2px; border: 0; padding: 8px; background: var(--cream); box-shadow: 0 0 0 1px var(--wax); }
body.lh-look .lh-entry-home .lh-weather-map figcaption { color: var(--ink-2); font-size: 15px; }
body.lh-look .lh-entry-home .lh-weather-status { color: var(--ink-2); font-size: 16px; }

/* ---------- phones ---------- */
@media (max-width: 900px) {
  body.lh-look { --spine: 30px; --stripe: 36px; }
  body.lh-look .lh-topbar { height: 54px; --stripe: 36px; margin-bottom: -18px;
    -webkit-mask: linear-gradient(#000, #000) 0 0 / 100% 34px no-repeat, radial-gradient(circle at 18px 0, #000 17.5px, transparent 18px) 0 34px / 36px 20px repeat-x;
            mask: linear-gradient(#000, #000) 0 0 / 100% 34px no-repeat, radial-gradient(circle at 18px 0, #000 17.5px, transparent 18px) 0 34px / 36px 20px repeat-x; }
  body.lh-look .lh-utility .lh-container { padding-top: 26px; font-size: 15px; gap: 8px; }
  body.lh-look .lh-header-inner { flex-wrap: nowrap; }
  body.lh-look .lh-brand { padding: 8px 12px; min-width: 0; }
  body.lh-look .lh-brand img { height: 36px; max-width: 100%; }
  body.lh-look .lh-nav { background: var(--walnut-2); border-top: 2px dashed var(--thread); box-shadow: 0 18px 24px rgba(0,0,0,.5); z-index: 40; }
  body.lh-look .lh-nav ul { gap: 2px; padding: 12px 24px 22px; }
  body.lh-look .lh-nav a { border-radius: 3px; padding: 0 16px; }
  body.lh-look .lh-nav li.active > a { box-shadow: inset 4px 0 0 var(--awning); }
  body.lh-look .lh-nav a.lh-btn { margin: 10px 0 0; justify-content: center; }
  body.lh-look .lh-main::after { left: calc(var(--spine) + 8px); right: 8px; top: 8px; bottom: 8px; }
  body.lh-look .lh-main::before { background-size: 22px 16px, auto; background-position: center top, 0 0; }
  body.lh-look .lh-main > .lh-hero { padding-top: 80px; }
  body.lh-look .lh-main > .lh-hero::after { width: 130px; height: 130px; right: -34px; top: 66px; opacity: .14; }
  body.lh-look .lh-main > .lh-hero::before { height: 58px; }
  body.lh-look .lh-entry .lh-wrap .lh-hero { padding: 112px 22px 40px; }
  body.lh-look .lh-entry .lh-wrap .lh-hero::after { width: 200px; height: 200px; right: -60px; top: 80px; opacity: .16; }
  body.lh-look .lh-entry .lh-wrap .lh-cta-block, body.lh-look .lh-entry .lh-wrap div[style*="background:#1B365D" i] { padding: 36px 22px 36px 56px !important; }
  body.lh-look .lh-entry .lh-wrap .lh-cta-block::before, body.lh-look .lh-entry .lh-wrap div[style*="background:#1B365D" i]::before { left: 16px; width: 22px; background-size: 22px 28px; }
  body.lh-look .lh-entry-home .lh-weather { padding: 30px 22px; }
  body.lh-look .lh-body { padding-top: 28px; padding-bottom: 48px; }
  body.lh-look .lh-entry .lh-wrap { padding: 0 14px; }
  body.lh-look .lh-entry .lh-wrap .lh-card { padding: 30px 22px 24px 46px; }
  body.lh-look .lh-entry .lh-wrap .lh-btn, body.lh-look .lh-entry .lh-wrap a[style*="background:#C9A84C" i] { padding: 14px 22px !important; font-size: 18px !important; text-align: center; }
  body.lh-look .lh-faq-item p { padding-left: 22px; }
  body.lh-look .lh-container { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 480px) {
  body.lh-look .lh-utility a { white-space: nowrap; }
  body.lh-look .lh-entry-home .lh-weather-day-name { font-size: 13.5px; letter-spacing: -.01em; }
  body.lh-look .lh-entry-home .lh-weather-day { padding-left: 4px; padding-right: 4px; }
  body.lh-look .lh-entry .lh-wrap div[style*="padding:60px 40px" i] { padding: 36px 22px 36px 54px !important; }
  body.lh-look .lh-entry .lh-wrap div[style*="border-left:4px solid" i], body.lh-look .lh-entry .lh-wrap .lh-contact-card { padding: 26px 24px !important; }
  body.lh-look .lh-entry-home .lh-weather { outline-offset: -7px; }
}
@media (prefers-reduced-motion: reduce) {
  body.lh-look * { transition: none !important; }
}