/* Blake feel (Jerryll, 2026-10-29): white pages, one solid owner band in the accent with the head above it, colour only on accents.
   Blake, a man on his own: "the builder". Inter with the bold Anton hero headline kept, square corners and photos (nothing tilted), deep teal. Loaded by mu-plugins/apex-solo-v1.php after skin-blake.css. */



html[data-skin="blake"]{--sf-acc:var(--wp--preset--color--primary);--sf-acc-d:hsl(from var(--wp--preset--color--primary) h calc(s * 1.063) calc(l * 0.791));--sf-ink:#14191a;--sf-text:#424a4c;--sf-cream:#fbf8f1;--sf-sand:#f3ecdd;--sf-soft:#f7f7f4;--sf-line:#e7dfcc}

/* type */
html[data-skin="blake"] body *:not(svg):not(svg *):not(i):not([class*="icon"]):not([class*="fa-"]):not(#\#):not(#\#){font-family:var(--apex-font-body,Inter,-apple-system,"Helvetica Neue",Arial,sans-serif) !important}html[data-skin="blake"] body :is(h1,h2,h3,h4,h5,h6):not(svg):not(svg *):not(i):not([class*="icon"]):not([class*="fa-"]):not(#\#):not(#\#){font-family:var(--apex-font-head,var(--apex-font-body,Inter,-apple-system,"Helvetica Neue",Arial,sans-serif)) !important}
html[data-skin="blake"] body .entry-content :is(h1,h2,h3):not(#\#):not(#\#){text-transform:none !important;letter-spacing:-.015em !important}
html[data-skin="blake"] body .entry-content :is(h1,h2,h1 *,h2 *):not(svg *):not(#\#):not(#\#){font-weight:800 !important}

/* a serious buyer reads clean (Jerryll 2026-10-29: "too colourful"): white page, an almost-white grey to separate sections,
   colour only where it means something: the green owner band, the sand "easy way" band, buttons and labels */
html[data-skin="blake"] body:not(#\#){background:#fff !important}
html[data-skin="blake"] body .wp-site-blocks .entry-content > .alignfull.apex-tone-0:not(.wp-block-cover):not(#\#):not(#\#){background-color:#fff !important}
html[data-skin="blake"] body .wp-site-blocks .entry-content > .alignfull.apex-tone-1:not(.wp-block-cover):not(#\#):not(#\#){background-color:var(--sf-soft) !important}
html[data-skin="blake"] body .entry-content .wp-block-image img:not(.apex-meet__media img):not([class*="cutout"]):not(#\#):not(#\#){border-radius:6px !important}
html[data-skin="blake"] body .entry-content .apex-step3:not(#\#):not(#\#){border-radius:6px !important;overflow:hidden}
html[data-skin="blake"] body .entry-content .apex-faq-item:not(#\#):not(#\#){border-radius:6px !important}

/* no dark bands: "the easy way" becomes a sand band with dark text */
html[data-skin="blake"] body .wp-site-blocks .entry-content > .apex-s-easy.alignfull:not(#\#):not(#\#):not(#\#){background-color:#eef2f3 !important;background-image:radial-gradient(60% 80% at 85% 100%,rgb(from var(--wp--preset--color--primary) r g b / 0.16) 0%,rgb(from var(--wp--preset--color--primary) r g b / 0) 70%) !important}
html[data-skin="blake"] body .apex-s-easy :is(h2,h2 *,h3,h3 *):not(form *):not(#\#):not(#\#):not(#\#){color:var(--sf-ink) !important}
html[data-skin="blake"] body .apex-s-easy :is(p,li):not(form *):not([class*="eyebrow"]):not(:has(em,strong)):not(#\#):not(#\#):not(#\#){color:var(--sf-text) !important}
/* footer: the dark accent instead of charcoal */
html[data-skin="blake"] body .wp-site-blocks [style*="background-color:#212121"]:not(#\#){background-color:hsl(from var(--wp--preset--color--primary) h s calc(l * 0.512)) !important}

/* the rows (apex-rows-v9.php): white and an almost-white grey */
html[data-skin="blake"] body .wp-site-blocks .entry-content > .apx-row--tone0:not(#\#):not(#\#):not(#\#):not(#\#){background:#fff !important}
html[data-skin="blake"] body .wp-site-blocks .entry-content > .apx-row--tone1:not(#\#):not(#\#):not(#\#):not(#\#){background:var(--sf-soft) !important}
html[data-skin="blake"]{--apx-tint:hsl(from var(--wp--preset--color--tint) calc(h + 3) calc(s * 0.933) calc(l + (100 - l) * 0.25))}

/* hero: the second button in the dark accent, not black */
html[data-skin="blake"] body .mh-hin__ways a.is-b:not(#\#):not(#\#):not(#\#){background:hsl(from var(--wp--preset--color--primary) h s calc(l * 0.512)) !important;border-color:hsl(from var(--wp--preset--color--primary) h s calc(l * 0.512)) !important}

/* the owner band: solid accent colour, the owner's head above it (the one strong colour moment on the page) */
html[data-skin="blake"] body .wp-site-blocks .entry-content > .apex-s-meet.alignfull:not(#\#):not(#\#):not(#\#){background:radial-gradient(60% 90% at 22% 100%,hsl(from var(--wp--preset--color--primary) h calc(s * 0.766) calc(l + (100 - l) * 0.68) / 0.28) 0%,hsl(from var(--wp--preset--color--primary) h calc(s * 0.766) calc(l + (100 - l) * 0.68) / 0) 70%),linear-gradient(180deg,hsl(from var(--wp--preset--color--primary) h s calc(l + (100 - l) * 0.008)) 0%,hsl(from var(--wp--preset--color--primary) h calc(s * 1.122) calc(l * 0.62)) 100%) !important}
html[data-skin="blake"] body .apex-s-meet :is(.apex-meet__h,.apex-meet__h *):not(.apex-meet__h span):not(#\#):not(#\#):not(#\#){color:#fff !important}
html[data-skin="blake"] body .apex-s-meet .apex-meet__h span:not(#\#):not(#\#):not(#\#){color:hsl(from var(--wp--preset--color--primary) h calc(s * 0.766) calc(l + (100 - l) * 0.68)) !important}
html[data-skin="blake"] body .apex-s-meet :is(p,.apex-meet__text):not([class*="eyebrow"]):not(#\#):not(#\#):not(#\#){color:rgba(255,255,255,.86) !important}
html[data-skin="blake"] body .apex-s-meet .apex-meet__pts li:not(#\#):not(#\#):not(#\#){color:#fff !important}
html[data-skin="blake"] body .apex-s-meet :is(.apex-meet__eyebrow,[class*="eyebrow"]):not(#\#):not(#\#):not(#\#){color:hsl(from var(--wp--preset--color--primary) h calc(s * 0.766) calc(l + (100 - l) * 0.68)) !important}
html[data-skin="blake"] body .apex-s-meet .apex-meet__pts svg:not(#\#):not(#\#):not(#\#){color:hsl(from var(--wp--preset--color--primary) h calc(s * 0.766) calc(l + (100 - l) * 0.68)) !important}
html[data-skin="blake"] body .apex-s-meet .apex-meet__btn:not(#\#):not(#\#):not(#\#){background:#fff !important;color:hsl(from var(--wp--preset--color--primary) h calc(s * 1.122) calc(l * 0.62)) !important}
html[data-skin="blake"] body .apex-s-meet .apex-meet__call:not(#\#):not(#\#):not(#\#){color:#fff !important;border-color:transparent !important}
html[data-skin="blake"] body .apex-s-meet .apex-meet__call svg:not(#\#):not(#\#):not(#\#){color:hsl(from var(--wp--preset--color--primary) h calc(s * 0.766) calc(l + (100 - l) * 0.68)) !important}
/* "We buy houses in [city], [state]" and the text under the hero: white */
html[data-skin="blake"] body .wp-site-blocks .entry-content > .apex-s-intro:not(#\#):not(#\#):not(#\#),html[data-hero="mood"][data-skin="blake"] body .mh-hin:not(#\#):not(#\#):not(#\#){background:#fff !important}

/* the builder: straight, square, nothing tilted */
html[data-skin="blake"] body .apx-row :is(.apx-print--l,.apx-print--r):not(#\#):not(#\#):not(#\#){transform:none !important;border-radius:4px !important}
html[data-skin="blake"] body .apx-row :is(.apx-card,.apx-note__card,.apx-pc__card,.apx-sc,.apx-pc__fit>div):not(#\#):not(#\#):not(#\#){border-radius:8px !important}
html[data-skin="blake"] body .apx-row .apx-note__card:not(#\#):not(#\#):not(#\#){transform:none !important}
html[data-skin="blake"] body .entry-content :is(.wp-block-button__link,.apex-meet__btn):not(#\#):not(#\#){border-radius:6px !important}
html[data-skin="blake"] body .entry-content :is(h2,h2 *):not(.mh-hin *):not(svg *):not(#\#):not(#\#){font-weight:800 !important;letter-spacing:-.02em !important}
/* the mood hero in the look's accent (hero-mood.css only knows boutique and couple) */
html[data-hero="mood"][data-skin="blake"]{--mh-acc:var(--wp--preset--color--primary);--mh-acc-d:hsl(from var(--wp--preset--color--primary) h calc(s * 1.063) calc(l * 0.791));--mh-tint:var(--wp--preset--color--tint);--mh-cream:#f4f8f8;--mh-glow:rgb(from var(--wp--preset--color--primary) r g b / 0.55)}
/* the owner cut-out is a waist-to-thigh shot (765px tall): show it whole, standing on the band's bottom edge, instead of
   zooming it to fill the column (Jerryll 2026-10-29: too big, soft). Smaller, sharp, head still above the band. */
html[data-skin="blake"] body .wp-site-blocks .apex-meet:not(.apex-meet--card):not(.apex-meet--centered) .apex-meet__media img:not(#\#):not(#\#):not(#\#):not(#\#){object-fit:contain !important;object-position:50% 100% !important}