/* chalkthis.ai: the "atomic pop" look (Nov 13, 2026).
   Same pages and layout as chalkthis.io; this sheet swaps the clay look for mid-century comic pop art:
   flat color, ink outlines, hard offset shadows, halftone dots, starbursts and boomerang shapes.
   Loaded last on every page, after chalkthis-web.css, home.css and workflow.css (and legal.css / dmb.css).
   Everything here is CSS: no scripts, no outside files. Pictures live in /scenes/ (pop-*.webp). */

/* ---------- tokens ----------
   Colors and type are the chalkthis. kit's own (chalkthis-web.css): midnight navy, sapphire, mauve, gold, cream and sand,
   Fraunces Soft for headlines, DM Sans for text, DM Mono for labels. Nothing here changes a brand color.
   What this sheet changes is the treatment: ink outlines, hard shadows, square corners and halftone dots. */
:root, [data-theme="light"] {
  --pop-cream: #EEE8E2;      /* kit: cream / ground */
  --pop-paper: #F9F6F2;      /* kit: ground-raised */
  --pop-teal: #174871;       /* kit: sapphire */
  --pop-teal-deep: #0F2D4D;  /* kit: midnight */
  --pop-red: #A77693;        /* kit: mauve */
  --pop-red-deep: #1F5A95;   /* kit: sapphire-ink, the primary button */
  --pop-red-ink: #7A4766;    /* kit: mauve-ink, for small text on cream */
  --pop-mustard: #F4C542;    /* kit: gold */
  --pop-navy: #0F2D4D;       /* kit: midnight */
  --pop-ink: #0F2D4D;        /* kit: ink */
  --pop-line: 3px solid var(--pop-ink);
  --pop-dots: radial-gradient(circle, rgba(15, 45, 77, .22) 1.5px, rgba(15, 45, 77, 0) 1.9px);
  --pop-dots-light: radial-gradient(circle, rgba(238, 232, 226, .16) 1.5px, rgba(238, 232, 226, 0) 1.9px);
  --pop-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23EEE8E2' d='M50 0C52 36 64 48 100 50 64 52 52 64 50 100 48 64 36 52 0 50 36 48 48 36 50 0Z'/%3E%3C/svg%3E");
  --pop-star-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23A77693' d='M50 0C52 36 64 48 100 50 64 52 52 64 50 100 48 64 36 52 0 50 36 48 48 36 50 0Z'/%3E%3C/svg%3E");
  --pop-star-mustard: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23F4C542' d='M50 0C52 36 64 48 100 50 64 52 52 64 50 100 48 64 36 52 0 50 36 48 48 36 50 0Z'/%3E%3C/svg%3E");
  --pop-swoosh: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 420' preserveAspectRatio='none'%3E%3Cpath fill='%23A77693' d='M0 380C260 120 700 10 1200 40 760 70 380 190 60 420Z'/%3E%3Cpath fill='none' stroke='%23F4C542' stroke-width='3' d='M40 400C320 170 720 60 1160 60'/%3E%3C/svg%3E");
  --pop-burst: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23F4C542' stroke='%230F2D4D' stroke-width='2.5' stroke-linejoin='round' d='M50 2 59 16 73 7 76 23 92 21 88 37 98 50 88 63 92 79 76 77 73 93 59 84 50 98 41 84 27 93 24 77 8 79 12 63 2 50 12 37 8 21 24 23 27 7 41 16Z'/%3E%3C/svg%3E");

  --ground-sunken: #FFFFFF;
  --line: rgba(15, 45, 77, .28);
  --line-strong: var(--pop-ink);
  --glass: var(--pop-paper);
  --glass-line: var(--pop-ink);
  --gold-trim: #A77693;      /* the small marks (dots, underlines) are mauve; gold stays for fills */
  --focus-ring: #1F5A95;
  --shadow-clay: 4px 4px 0 var(--pop-ink);
  --shadow-clay-pressed: 1px 1px 0 var(--pop-ink);
  --shadow-clay-float: 8px 8px 0 var(--pop-ink);
  --shadow-clay-well: none;
  --shadow-glass: 6px 6px 0 var(--pop-ink);
  --shadow-overlay: 8px 8px 0 var(--pop-ink);
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-pill: 8px;
  --sheen: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}
.home, .home[data-theme="light"] {
  --hero-fade: none;
  --dusk-fall: var(--pop-navy);
  --ground-shadow: rgba(15, 45, 77, 0);
}

/* ---------- type: the kit's Fraunces Soft, set heavy and tight like a mid-century magazine cover (sentence case, per the brand) ---------- */
.display-xl, .display-l, .heading-1, .heading-2, .heading-3 { font-family: var(--font-display); font-weight: 800; font-variation-settings: 'opsz' 144, 'SOFT' 100, 'WONK' 0; }
.display-xl { font-size: 80px; line-height: .98; letter-spacing: -0.025em; }
.display-l { font-size: 56px; line-height: 1.02; letter-spacing: -0.02em; }
.heading-1 { font-size: 40px; line-height: 1.08; letter-spacing: -0.015em; }
.heading-2 { font-size: 30px; line-height: 1.16; letter-spacing: -0.01em; }
.heading-3 { font-size: 22px; line-height: 1.25; letter-spacing: -0.005em; }
.eyebrow { text-transform: uppercase; letter-spacing: .14em; font-size: 12px; }
.button-label { font-weight: 700; text-transform: uppercase; letter-spacing: .05em; font-size: 14px; }
.home ::selection { background: var(--pop-mustard); color: var(--pop-ink); }

/* ---------- panels: what was frosted glass is a comic panel ---------- */
.ck-card--glass, .ck-glass { background: var(--pop-paper); border: var(--pop-line); box-shadow: var(--shadow-glass); -webkit-backdrop-filter: none; backdrop-filter: none; }
.ck-card { border: var(--pop-line); }
.ck-scene { border: var(--pop-line); }

/* ---------- buttons: flat, outlined, with a hard shadow that presses in ---------- */
.ck-btn { border: var(--pop-line); border-radius: 8px; transition: transform .12s ease-out, box-shadow .12s ease-out; }
.ck-btn--primary, .ck-board .ck-btn--primary, .ck-on-board .ck-btn--primary { background: var(--pop-red-deep); color: #F9F6F2; }
.ck-btn--secondary { background: var(--pop-paper); border-color: var(--pop-ink); color: var(--pop-ink); }
.ck-board .ck-btn--secondary, .ck-on-board .ck-btn--secondary { background: var(--pop-cream); border-color: var(--pop-ink); color: var(--pop-ink); }
.ck-btn--trim { background: var(--pop-mustard); color: var(--pop-ink); }
.ck-btn--primary:hover, .ck-btn--secondary:hover, .ck-btn--trim:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--pop-ink); }
.ck-btn--primary:active, .ck-btn--secondary:active, .ck-btn--trim:active, .ck-btn.is-pressed { transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--pop-ink); }
.ck-btn--ghost { border-color: transparent; color: var(--pop-teal); text-decoration: underline; text-decoration-color: var(--pop-red); text-decoration-thickness: 3px; text-underline-offset: 5px; }
.ck-board .ck-btn--ghost, .ck-on-board .ck-btn--ghost { color: var(--pop-mustard); }
.ck-btn--icon { border-radius: 8px; }
.ck-btn:focus-visible { outline: 3px solid var(--pop-red); outline-offset: 3px; }
.ck-board .ck-btn:focus-visible, .ck-on-board .ck-btn:focus-visible { outline-color: var(--pop-mustard); }

/* ---------- fields ---------- */
.ck-input { background: #FFFFFF; border: 2.5px solid var(--pop-ink); border-radius: 8px; box-shadow: none; padding: 11px 14px; }
.ck-input:focus-visible { outline: 3px solid var(--pop-mustard); outline-offset: 0; border-color: var(--pop-ink); }
.ck-inputrow { border: 2.5px solid var(--pop-ink); border-radius: 8px; box-shadow: none; background: #FFFFFF; }
.home-textarea, .dmb-textarea, .home-audit-note { border-radius: 8px; }
.ck-field__label { font-weight: 700; }
.ck-tag { border-radius: 4px; }
.ck-tag--trim { background: var(--pop-mustard); color: var(--pop-ink); border: 2px solid var(--pop-ink); text-transform: uppercase; letter-spacing: .08em; font-weight: 700; transform: rotate(-3deg); }

/* ---------- header bar ---------- */
.home-navbar { border-radius: 12px; box-shadow: 5px 5px 0 var(--pop-ink); background: var(--pop-cream); }
.home-links a { font-weight: 600; }
.home-links a:hover { text-decoration-color: var(--pop-red); text-decoration-thickness: 3px; }
.home-audit-panel { background: var(--pop-paper); border-radius: 12px; box-shadow: 8px 8px 0 var(--pop-ink); }
.home-audit-panel::before { border-left: var(--pop-line); border-top: var(--pop-line); border-radius: 0; top: -10px; }
.home-audit-kicker, .home-team-copy .eyebrow, .home-custom-copy .eyebrow, .wf-eyebrow, .dmb-kicker { color: var(--pop-red-ink); }
.home-navbar.is-open .home-links, .home .home-navbar.is-open > .home-links { background: var(--pop-paper); border: var(--pop-line); border-radius: 12px; box-shadow: 6px 6px 0 var(--pop-ink); }

/* ---------- heroes: a teal sky of halftone dots, a boomerang swoosh and atomic stars ---------- */
.home-backdrop, .home-orbs { display: none; }
.home-hero, .wf-hero { background-color: var(--pop-teal); background-image: var(--pop-swoosh), var(--pop-dots); background-size: 78% 300px, 9px 9px; background-position: right -120px top -70px, 0 0; background-repeat: no-repeat, repeat; border-bottom: 4px solid var(--pop-ink); overflow: hidden; }
.home-hero { min-height: 0; padding: 150px 0 120px; }
.home-hero::after, .wf-hero::after { background: var(--pop-star) 6% 86% / 46px 46px no-repeat, var(--pop-star) 93% 12% / 64px 64px no-repeat, var(--pop-star-mustard) 46% 93% / 26px 26px no-repeat, var(--pop-star) 58% 9% / 22px 22px no-repeat; z-index: 0; }
.home-hero-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-12); align-items: center; }
.home-kicker, .wf-kicker { color: var(--pop-mustard); opacity: 1; font-weight: 500; }
.home-hero h1, .wf-hero h1 { color: var(--pop-cream); text-shadow: 4px 4px 0 var(--pop-ink); }
.home-ask-card, .wf-hero-card { border-radius: 12px; box-shadow: 8px 8px 0 var(--pop-ink); background: var(--pop-cream); }
.home-snap-card { position: relative; }
/* The "free" burst pinned to the corner of the sign-up. */
.home-snap-card::before { content: "FREE"; position: absolute; top: -52px; right: -34px; width: 92px; height: 92px; display: grid; place-items: center; background: var(--pop-burst) center / contain no-repeat; font-family: var(--font-display); font-weight: 800; font-size: 19px; letter-spacing: .02em; color: var(--pop-ink); transform: rotate(12deg); pointer-events: none; }
.home-fine-dot, .home-promise::before { border-radius: 0; background: var(--pop-red); transform: rotate(45deg); }

/* The hero picture: one big comic panel, tipped a little, with the "leak found" note as a caption box. */
.home .home-town { margin: 0; }
.home-town img { filter: none; border: 4px solid var(--pop-ink); box-shadow: 12px 12px 0 var(--pop-ink); background: var(--pop-mustard); transform: rotate(1.4deg); }
.home-leak { left: -30px; top: auto; bottom: -76px; width: 262px; border-radius: 6px; background: var(--pop-mustard); box-shadow: 6px 6px 0 var(--pop-ink); transform: rotate(-2.5deg); }
.home-leak .label { font-family: var(--font-display); font-weight: 800; font-size: 20px; }
.home-leak-dot { border-radius: 0; background: var(--pop-red-deep); transform: rotate(45deg); width: 11px; height: 11px; }
.home-leak .data { font-weight: 500; }
.home-pin { border-radius: 4px; background: var(--pop-paper); border: 2px solid var(--pop-ink); box-shadow: 3px 3px 0 var(--pop-ink); }
.home-ring { border-color: var(--pop-mustard); box-shadow: none; }

/* ---------- sections ---------- */
.home-section { background-image: none; }
.home-head > h2::after, .home-team-copy > h2::after { content: ""; display: block; width: 104px; height: 12px; margin-top: 18px; background: var(--pop-red); border: var(--pop-line); box-shadow: 3px 3px 0 var(--pop-ink); }
.home-head p, .home-team-copy > p, .home-custom-copy > p { color: var(--ink-muted); }

/* The six workflows: each picture is a framed panel, tipped one way then the other. */
.home-services { column-gap: var(--space-12); row-gap: var(--space-16); }
.home-stand { height: auto; display: block; margin-bottom: var(--space-6); }
.home-stand::after { display: none; }
.home-stand img { height: auto; width: 100%; max-width: 100%; aspect-ratio: auto; object-fit: cover; border: var(--pop-line); box-shadow: 8px 8px 0 var(--pop-ink); background: var(--pop-mustard); border-radius: 4px; }
.home-service .home-stand { max-width: 290px; }
.home-service .home-stand img { aspect-ratio: 1 / 1; }
.home-services > .home-service:nth-child(odd) .home-stand img { transform: rotate(-1.6deg); }
.home-services > .home-service:nth-child(even) .home-stand img { transform: rotate(1.4deg); }
.home a.home-stand img { transition: transform .16s ease-out, box-shadow .16s ease-out; transform-origin: 50% 50%; }
.home .home-services a.home-stand:hover img { transform: rotate(0) translate(-3px, -3px); box-shadow: 11px 11px 0 var(--pop-red); filter: none; }
.home-service-num { font-size: 44px; line-height: 1; font-weight: 800; color: var(--pop-mustard); font-variation-settings: 'opsz' 144; -webkit-text-stroke: 1.5px var(--pop-ink); text-shadow: 3px 3px 0 var(--pop-ink); letter-spacing: 0; }
.home-service h3 a:hover { text-decoration-color: var(--pop-red); text-decoration-thickness: 3px; }

/* Your A(i)-Team */
.home-team { background-color: var(--pop-mustard); background-image: var(--pop-dots); background-size: 9px 9px; border-top: 4px solid var(--pop-ink); border-bottom: 4px solid var(--pop-ink); }
.home-team .home-team-copy > p { color: var(--pop-ink); }
.home-team .home-team-copy .eyebrow { color: var(--pop-ink); }
.home-team .ck-btn--ghost { color: var(--pop-ink); text-decoration-color: var(--pop-ink); }
.home-team-keep { background: var(--pop-cream); border: var(--pop-line); border-radius: 10px; box-shadow: 8px 8px 0 var(--pop-ink); transform: rotate(1.2deg); }
.home-team-keep-kicker { color: var(--pop-red-ink); }
.home-team-card { border-radius: 10px; background: var(--pop-cream); padding: var(--space-3) var(--space-3) var(--space-6); }
.home-team-face { border: var(--pop-line); border-radius: 4px; background: var(--pop-mustard); }
.home-team-role { color: var(--pop-red-ink); }
.home-team-num { font-weight: 800; font-size: 20px; }
.home-team-tag { box-shadow: 3px 3px 0 var(--pop-ink); }

/* How it works */
.home-path svg path { stroke: var(--pop-ink); stroke-width: 3; stroke-dasharray: 1 11; }
.home-bead { background: var(--pop-red-deep); color: #F9F6F2; border: var(--pop-line); box-shadow: 4px 4px 0 var(--pop-ink); font-weight: 800; font-size: 24px; }
.home-unsure { padding: var(--space-6) var(--space-8); background: var(--pop-paper); border: var(--pop-line); border-radius: 10px; box-shadow: 6px 6px 0 var(--pop-ink); }

/* Custom one-on-one, and why chalkthis. */
.home-custom-art .home-stand { height: auto; }
.home-custom-art .home-stand img { transform: rotate(-1.5deg); box-shadow: 12px 12px 0 var(--pop-ink); }
.home-scatter { display: none; }
.home-custom-art::after { content: ""; position: absolute; right: -18px; top: -30px; width: 84px; height: 84px; background: var(--pop-star-red) center / contain no-repeat; transform: rotate(10deg); pointer-events: none; }
.home-why { border-top: var(--pop-line); }
.home-quote blockquote { font-family: var(--font-display); font-weight: 800; font-size: 36px; line-height: 1.12; letter-spacing: -0.015em; }
.home-why .home-list li, .wf-control-grid .home-list li { border-bottom: 2px solid var(--pop-ink); }
.wf-control-grid { border-top: var(--pop-line); }

/* ---------- the form: navy night, a sunburst behind the card ---------- */
.home-dusk { background-color: var(--pop-navy); background-image: var(--pop-dots-light), repeating-conic-gradient(from 0deg at 50% 22%, var(--pop-navy) 0 9deg, #14385C 9deg 18deg); background-size: 9px 9px, 100% 100%; border-top: 4px solid var(--pop-ink); }
.home-form { border-radius: 12px; box-shadow: 12px 12px 0 var(--pop-red); background: var(--pop-cream); }
.home-chip span { border-radius: 6px; border: 2px solid var(--pop-ink); background: #FFFFFF; box-shadow: none; font-weight: 600; }
.home-chip input:checked + span { background: var(--pop-teal); color: var(--pop-cream); border-color: var(--pop-ink); box-shadow: 3px 3px 0 var(--pop-ink); }
.home-callback { border-radius: 8px; background: var(--pop-paper); border: 2px dashed var(--pop-ink); box-shadow: none; }
.home-consent input { accent-color: var(--pop-red-deep); }
[data-phone-hint].is-needed { color: var(--pop-red-ink); }

/* ---------- footer ---------- */
.home-footer { background: var(--pop-navy); border-top: 4px solid var(--pop-ink); box-shadow: inset 0 10px 0 var(--pop-red), inset 0 20px 0 var(--pop-mustard); padding-top: calc(var(--space-12) + 20px); }
.home-footer h3 { color: var(--pop-mustard); }
.home-footer a:hover { text-decoration-color: var(--pop-mustard); }
.home-legal { border-top: 2px solid rgba(238, 232, 226, .3); }

/* ---------- workflow, audit, FAQ, snapshot and legal pages ---------- */
.wf-hero { padding: 140px 0 72px; }
.wf-hero-grid { align-items: center; }
.wf-crumbs ol, .wf-crumbs a { color: var(--pop-cream); }
.wf-crumbs a:hover { text-decoration-color: var(--pop-mustard); }
.wf-hero-art .home-stand, .wf-hero--hub .wf-hero-art .home-stand { height: auto; margin-bottom: 0; }
.wf-hero-art .home-stand img { filter: none; border-width: 4px; box-shadow: 12px 12px 0 var(--pop-ink); transform: rotate(1.4deg); }
.wf-example { left: -28px; bottom: -26px; border-radius: 6px; background: var(--pop-mustard); transform: rotate(-2deg); }
.wf-fit, .wf-fact, .wf-numbers, .au-price, .au-compare-card, .fq-set, .dmb-panel, .legal-doc { border-radius: 10px; }
.wf-fit { background: var(--pop-paper); }
.wf-fact { background: var(--pop-mustard); }
.wf-fact .wf-eyebrow { color: var(--pop-ink); }
.wf-fact figcaption, .wf-fact a { color: var(--pop-ink); }
.wf-fact a { text-decoration-color: var(--pop-ink); }
.wf-fact-text { font-family: var(--font-sans); font-weight: 600; font-size: 20px; line-height: 1.45; font-variation-settings: normal; }
.wf-result .heading-1 { color: var(--pop-red-ink); }
.wf-qa { border-top: 2px solid var(--pop-ink); }
.wf-qa:target { background: var(--pop-mustard); border-radius: 6px; }
.wf-qa:target p { color: var(--pop-ink); }
.wf-pick, .fq-topic, .fq-wf-link { border-radius: 10px; transition: transform .12s ease-out, box-shadow .12s ease-out; }
.wf-pick:hover, .fq-topic:hover, .fq-wf-link:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--pop-red); }
.wf-pick-to, .fq-topic-to { color: var(--pop-red-ink); }
.au-get-item { border-top: var(--pop-line); }
.au-get-num { font-family: var(--font-display); font-weight: 800; font-size: 28px; color: var(--pop-mustard); -webkit-text-stroke: 1px var(--pop-ink); }
.au-compare-card.is-audit { outline: 0; background: var(--pop-mustard); }
.au-compare-card.is-audit p, .au-compare-card.is-audit li { color: var(--pop-ink); }
.fq-qs li { border-top: 2px solid rgba(15, 45, 77, .3); }
.home .au-link, .wf-byline a, .legal-doc a { text-decoration-color: var(--pop-red); text-decoration-thickness: 2px; }
.legal-page { background-color: var(--pop-teal); background-image: var(--pop-dots); background-size: 9px 9px; border-bottom: 4px solid var(--pop-ink); }
.legal-doc { box-shadow: 10px 10px 0 var(--pop-ink); }
.legal-head { border-bottom: var(--pop-line); }
.home .legal-doc .legal-callout { border-left: 8px solid var(--pop-red); border-radius: 4px; background: var(--pop-mustard); }

/* ---------- Draw My Business ---------- */
.dmb-bead { border-radius: 0; transform: rotate(45deg); box-shadow: none; border: 2px solid var(--pop-ink); }
.dmb-bead.is-done { background: var(--pop-mustard); border-color: var(--pop-ink); box-shadow: none; }
.dmb-bead.is-now { background: var(--pop-red); border-color: var(--pop-ink); }
.dmb-option[aria-pressed="true"] { background: var(--pop-teal); color: var(--pop-cream); border-color: var(--pop-ink); }
.dmb-candidate { border-radius: 8px; }
.dmb-listing, .dmb-quote { border: 2px solid var(--pop-ink); border-radius: 8px; }
.dmb-also li::before { border-radius: 0; background: var(--pop-red); transform: translateY(1px) rotate(45deg); }
.dmb-town.is-blank .home-town-map > img { filter: grayscale(1) brightness(.55); }

/* ---------- tablet ---------- */
@media (max-width: 1080px) {
  .home-hero-grid { grid-template-columns: minmax(0, 1fr); }
  .home .home-town { margin: var(--space-8) auto 0; max-width: 640px; }
  .home-leak { left: -8px; }
}
@media (max-width: 1080px) and (min-width: 821px) {
  .home-hero-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-8); }
  .home .home-town { margin: 0; max-width: none; }
  .home-hero h1.display-xl { font-size: 58px; }
  .home-leak { left: auto; right: -8px; top: auto; bottom: -44px; width: 220px; }
  .display-l { font-size: 48px; }
}

/* ---------- phone: the sign-up is on the first screen, button and all ---------- */
@media (max-width: 720px) {
  .home-nav { top: 10px; }
  .home-navbar { padding: 4px 4px 4px 12px; box-shadow: 4px 4px 0 var(--pop-ink); }
  .home-logo { height: 40px; }
  .home-logo img { height: 24px; }
  .home-navbar .ck-btn--icon { width: 40px; height: 40px; }
  .home-hero { padding: 78px 0 56px; background-image: var(--pop-dots); background-size: 9px 9px; background-position: 0 0; background-repeat: repeat; }
  .home-hero::after { background: var(--pop-star) 92% 60% / 30px 30px no-repeat, var(--pop-star-mustard) 4% 97% / 22px 22px no-repeat; }
  .home-hero-copy { gap: 10px; padding-top: 0; }
  .home-hero .home-kicker { font-size: 10px; line-height: 14px; letter-spacing: .12em; }
  .home-hero h1.display-xl { font-size: 38px; line-height: 1; text-shadow: 3px 3px 0 var(--pop-ink); }
  .home-ask-card.home-snap-card { padding: 12px 12px 12px; gap: 8px; box-shadow: 6px 6px 0 var(--pop-ink); max-width: none; }
  .home-snap-card::before { width: 60px; height: 60px; top: -50px; right: -4px; font-size: 13px; }
  .home-snap-card > .body-l { font-size: 14.5px; line-height: 20px; }
  .home-snap-card .home-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .home-snap-card .ck-field { gap: 2px; }
  .home-snap-card .ck-field__label { font-size: 12.5px; line-height: 16px; }
  .home-snap-card .ck-input { padding: 8px 10px; line-height: 22px; }
  .home-snap-card .home-legal-links { font-size: 12px; line-height: 16px; }
  .home-snap-card .home-form-foot { gap: 8px; }
  .home-snap-card .home-form-foot .ck-btn { width: 100%; padding: 11px 16px; font-size: 15px; }
  .home-snap-card .home-fine { font-size: 12px; line-height: 16px; }
  .home .home-town { margin: 44px 6px 0; }
  .home-town img { box-shadow: 8px 8px 0 var(--pop-ink); }
  .home-leak { position: relative; left: auto; bottom: auto; width: auto; margin: -18px 4px 0 18px; }
  .display-xl { font-size: 42px; }
  .home h2.display-l, .display-l { font-size: 36px; }
  .heading-1 { font-size: 30px; }
  .heading-2 { font-size: 25px; }
  .home-service .home-stand { max-width: 260px; }
  .home-stand { height: auto; }
  .home-custom-art .home-stand, .wf-hero-art .home-stand, .wf-hero--hub .wf-hero-art .home-stand { height: auto; }
  .home-quote blockquote { font-size: 28px; }
  .home-form { box-shadow: 7px 7px 0 var(--pop-red); }
  .home-team-keep { transform: none; }
  .home-unsure { padding: var(--space-4); }
  .wf-hero { padding: 84px 0 56px; background-image: var(--pop-dots); background-size: 9px 9px; background-position: 0 0; background-repeat: repeat; }
  .wf-hero h1.display-xl { font-size: 38px; }
  .wf-example { position: relative; left: auto; bottom: auto; margin: -14px 6px 0 18px; }
  .legal-doc { box-shadow: 6px 6px 0 var(--pop-ink); }
}

@media (prefers-reduced-motion: reduce) {
  .home .home-services a.home-stand:hover img { transform: none; }
}

.home-list img { width: 22px; margin-top: 3px; }

/* Draw My Business: the headline sits on the cream panel, so it's ink, without the hero's drop shadow. */
.home-hero .dmb-panel h1, .home-hero .dmb-panel h2 { color: var(--pop-ink); text-shadow: none; }
.dmb-panel h1.display-xl, .dmb-panel .display-l { font-size: 48px; }
.dmb-town .home-pin.is-active { box-shadow: 0 0 0 3px var(--pop-mustard), 3px 3px 0 var(--pop-ink); }
.dmb-town .home-pin.is-top { box-shadow: 0 0 0 3px var(--pop-red), 3px 3px 0 var(--pop-ink); }
.dmb-caption { border-radius: 4px; }
.home-head + .home-path, .wf-more .home-services { margin-top: var(--space-16); }
.home-path { padding-top: var(--space-2); }
@media (max-width: 720px) { .home-team-ctas .ck-btn--ghost { white-space: normal; text-align: left; justify-content: flex-start; } }