/* Apex skin: couple = "Brittany & Blake" (Jerryll, 2026-10-29) - the Cinematic design for a husband-and-wife (or partner) team. Same layout and type as the Jerryll
   look (Inter, Anton hero headline, image-first front page), in its own colours so no member wears the CT site's orange:
   olive green from the couple's work shirts, sand and cream bands, near-black text. Generated from skin-jerryll.css. */
html[data-skin="couple"]{--cp-acc:var(--wp--preset--color--primary);--cp-acc-d:hsl(from var(--wp--preset--color--primary) h calc(s * 1.056) calc(l * 0.791));--cp-ink:var(--wp--preset--color--ink);--cp-text:var(--wp--preset--color--ink-soft);--cp-mut:#5b6472;--cp-dark:var(--wp--preset--color--secondary);--cp-cream:#f6f5ec;--cp-grey:var(--wp--preset--color--surface);--cp-line:#e6e8ec}
html[data-skin="couple"] body{background:#fff}

/* type: Inter everywhere (icons and SVG art keep their own). Headings are re-weighted outside the Apex tool blocks only:
   the blocks keep their own designs, as on the CT site. */
html[data-skin="couple"] body *:not(svg):not(svg *):not(i):not([class*="icon"]):not([class*="fa-"]){font-family:var(--apex-font-body,Inter,-apple-system,"Helvetica Neue",Roboto,Arial,sans-serif) !important}html[data-skin="couple"] body :is(h1,h2,h3,h4,h5,h6):not(svg):not(svg *):not(i):not([class*="icon"]):not([class*="fa-"]){font-family:var(--apex-font-head,var(--apex-font-body,Inter,-apple-system,"Helvetica Neue",Roboto,Arial,sans-serif)) !important}
html[data-skin="couple"] body .entry-content :is(h1,h2,h1 *,h2 *,.apex-meet__h,.apex-meet__h *):not(:is(.rio-band,.rsg-band,.rhr-band,.rsc-band) *):not(#\#):not(svg *){font-weight:800 !important;letter-spacing:-.02em !important}
html[data-skin="couple"] body .entry-content :is(h3,h3 *):not(:is(.rio-band,.rsg-band,.rhr-band,.rsc-band) *):not(#\#):not(svg *){font-weight:700 !important;letter-spacing:-.01em !important}
html[data-skin="couple"] body .entry-content :is(h1,h2):not(:is(.rio-band,.rsg-band,.rhr-band,.rsc-band) *):not(#\#){line-height:1.08 !important}
html[data-skin="couple"] body .entry-content :is(h2,h3):not(:is(.rio-band,.rsg-band,.rhr-band,.rsc-band) *):not(:is(.wp-block-cover,.apex-s-hero,.apex-s-meet,.apex-s-easy,.apex-s-cta) *):not(.has-text-color):not(.has-base-color):not(.apex-meet__h):not(#\#){color:var(--cp-ink)}
html[data-skin="couple"] body .entry-content p:not(:is(.rio-band,.rsg-band,.rhr-band,.rsc-band) *):not(:is(.wp-block-cover,.apex-s-hero,.apex-s-meet,.apex-s-easy,.apex-s-cta) *):not([class*="eyebrow"]):not(.has-text-color):not(#\#){color:var(--cp-text)}
/* tighter headings need a little air before the text under them */
html[data-skin="couple"] body .entry-content h2:not(:is(.rio-band,.rsg-band,.rhr-band,.rsc-band) *):not(#\#) + p:not([class*="eyebrow"]){margin-top:14px !important}
/* the intro's second line is a lead, not a second headline (CT: 21px, medium) */
html[data-skin="couple"] body .entry-content h2.apex-intro-sub:not(#\#):not(#\#):not(#\#),html[data-skin="couple"] body .entry-content h2.apex-intro-sub *:not(a):not(#\#):not(#\#):not(#\#){font-weight:500 !important;letter-spacing:-.01em !important;line-height:1.35 !important;color:#1d1d1f}
html[data-skin="couple"] body .entry-content h2.apex-intro-sub:not(#\#):not(#\#):not(#\#){font-size:clamp(19px,1.6vw,23px) !important}
html[data-skin="couple"] body .entry-content h2.apex-intro-sub a:not(#\#):not(#\#):not(#\#){color:var(--cp-acc-d) !important;font-weight:600 !important}

/* hero: the headline in the CT display face - Anton, uppercase, tight */
html[data-skin="couple"] body .apex-s-hero :is(.apex-hero-title,.apex-hero-title *):not(#\#):not(#\#):not(#\#){font-family:var(--apex-font-head,Anton,"Bebas Neue",Impact,"Arial Narrow",sans-serif) !important;font-weight:400 !important;text-transform:uppercase !important;letter-spacing:.005em !important;line-height:1.02 !important;color:#14161a}
html[data-skin="couple"] body .apex-s-hero .apex-hero-title:not(#\#):not(#\#):not(#\#){font-size:clamp(40px,4.6vw,68px) !important}
html[data-skin="couple"] body .apex-s-hero .apex-hero-title :is(em,i,mark,strong,span[style*="color"]):not(#\#){color:var(--cp-acc) !important;font-style:normal !important}

/* eyebrows: small, bold, tracked, orange */
html[data-skin="couple"] body :is(.apex-eyebrow,.apex-meet__eyebrow,.apex-s-vid__eyebrow,[class*="eyebrow"]):not(#\#){font-size:14px !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;color:var(--cp-acc-d) !important}
html[data-skin="couple"] body .apex-s-meet :is(.apex-meet__eyebrow,[class*="eyebrow"]):not(#\#){color:hsl(from var(--wp--preset--color--primary) calc(h - 2) calc(s * 0.883) calc(l + (100 - l) * 0.363)) !important}

/* buttons: orange pills, bold */
html[data-skin="couple"] body .entry-content :is(.wp-block-button__link,.apex-meet__btn):not(.has-base-background-color):not(.is-style-outline *):not(.secondary-btn *):not(#\#){background-color:var(--cp-acc) !important;color:#fff !important;font-weight:700 !important;letter-spacing:-.01em !important;border-radius:999px !important;box-shadow:0 10px 24px -14px rgb(from var(--wp--preset--color--primary) r g b / 0.6) !important;transition:background-color .2s}
html[data-skin="couple"] body .entry-content :is(.wp-block-button__link,.apex-meet__btn):not(.has-base-background-color):not(.is-style-outline *):not(.secondary-btn *):not(#\#):hover{background-color:var(--cp-acc-d) !important}
/* second button of a pair: the CT ghost button (white, hairline border, dark text) */
html[data-skin="couple"] body .entry-content .secondary-btn .wp-block-button__link:not(#\#){background-color:rgba(255,255,255,.92) !important;color:#12191f !important;border:1px solid #c9ced6 !important;font-weight:700 !important;border-radius:999px !important;box-shadow:none !important}
html[data-skin="couple"] body .entry-content .secondary-btn .wp-block-button__link:not(#\#):hover{background-color:#fff !important;border-color:#9aa1ab !important}
html[data-skin="couple"] body header .wp-block-button__link:not(#\#){background-color:var(--cp-acc) !important;color:#fff !important;font-weight:700 !important}
html[data-skin="couple"] body header :is(.wp-block-navigation-item__content):not(#\#){font-weight:600 !important}

/* paragraphs: a paragraph that wraps to two or more lines is never centred (Jerryll's rule; same as CT's
   wbhic-left-paragraphs-v2). The skin's script marks those with .apex-left-auto; one-line labels and headings keep
   their centring, and the column itself stays centred. */
html[data-skin="couple"] body .entry-content :is(p.apex-lead,.apex-faq p.has-text-align-center,.apex-left-auto):not(#\#){text-align:left !important}

/* light bands: neutral grey instead of blue-grey; reviews on the CT warm cream */
html[data-skin="couple"] body .wp-site-blocks .entry-content > .apex-tone-1.alignfull:not(.wp-block-cover):not(#\#){background-color:var(--cp-grey) !important}
html[data-skin="couple"] body .wp-site-blocks .entry-content > .apex-s-reviews.alignfull:not(#\#){background:var(--cp-cream) !important}

/* KPI strip under the owner intro: white with a hairline, dark numbers, so it sits with the warm owner band */
html[data-skin="couple"] body .wp-site-blocks .entry-content > .alignfull.apex-s-kpistrip.apex-s-kpistrip:not(.wp-block-cover):not(#\#){background:#fff !important;box-shadow:none !important;border:0 !important;border-top:1px solid #e1e2cf !important;border-bottom:1px solid var(--cp-line) !important}
html[data-skin="couple"] body ul.apex-trust-list.apex-kpi-list li:not(#\#),html[data-skin="couple"] body ul.apex-trust-list.apex-kpi-list li span:not(#\#){color:#5b6472 !important}
html[data-skin="couple"] body ul.apex-trust-list.apex-kpi-list li strong:not(#\#){color:#14161a !important;font-weight:700 !important}
html[data-skin="couple"] body ul.apex-trust-list.apex-kpi-list li::before{background-color:rgb(from var(--wp--preset--color--primary) r g b / 0.16) !important;box-shadow:inset 0 0 0 1px rgb(from var(--wp--preset--color--primary) r g b / 0.3) !important}

/* owner intro ([apex_meet]): a light, warm band (Jerryll 2026-10-29: the black with an orange glow did not fit; Nick's
   blue band works because blue is Nick's accent). Dark text, the orange second line, and the owner's cut-out popping
   110px above the band, bottom-anchored: the same rules as the CT site's Global Styles (apex-meet pop), ported. */
html[data-skin="couple"] body .wp-site-blocks .entry-content > .apex-s-meet.alignfull:not(#\#):not(#\#){background:radial-gradient(55% 75% at 24% 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%),linear-gradient(180deg,#f8f8f1 0%,#ecebdc 100%) !important;color:var(--wp--preset--color--ink-soft) !important;position:relative;z-index:2;overflow:visible !important}
html[data-skin="couple"] body .wp-site-blocks .entry-content > .apex-s-meet.alignfull::before,html[data-skin="couple"] body .wp-site-blocks .entry-content > .apex-s-meet.alignfull::after{display:none !important}
html[data-skin="couple"] body .apex-s-meet :is(.apex-meet__h,.apex-meet__h *):not(.apex-meet__h span):not(#\#):not(#\#){color:#14161a !important}
html[data-skin="couple"] body .apex-meet__h span:not(#\#):not(#\#){color:var(--cp-acc) !important}
html[data-skin="couple"] body .apex-s-meet :is(p,li,.apex-meet__text,.apex-meet__pts li):not([class*="eyebrow"]):not(#\#):not(#\#){color:var(--wp--preset--color--ink-soft) !important}
html[data-skin="couple"] body .apex-s-meet .apex-meet__pts li:not(#\#):not(#\#){color:#1c2330 !important;font-weight:600 !important}
html[data-skin="couple"] body .apex-s-meet :is(.apex-meet__eyebrow,[class*="eyebrow"]):not(#\#):not(#\#){color:var(--cp-acc-d) !important}
html[data-skin="couple"] body .apex-meet__pts svg:not(#\#){color:var(--cp-acc) !important}
html[data-skin="couple"] body .apex-s-meet .apex-meet__call:not(#\#):not(#\#){color:#14161a !important;border-color:rgba(20,22,26,.2) !important}
html[data-skin="couple"] body .apex-s-meet .apex-meet__call svg:not(#\#){color:var(--cp-acc) !important}
@media (min-width:782px){
	html[data-skin="couple"] body .wp-site-blocks .apex-meet:not(.apex-meet--card):not(.apex-meet--centered) .apex-meet__media:not(#\#){position:relative;min-height:440px;align-self:stretch !important;padding:0 !important}
	/* the template's owner photo is almost square (the CT cut-out is tall and narrow), so at the band's full height it is
	   drawn in a window a little wider than its column, anchored to the column's right edge: the head pops above the
	   band and the transparent sides are trimmed instead of shrinking him to the column width */
	html[data-skin="couple"] body .wp-site-blocks .apex-meet:not(.apex-meet--card):not(.apex-meet--centered) .apex-meet__media img:not(#\#):not(#\#){position:absolute !important;top:calc(-1 * var(--apex-meet-pop,110px)) !important;bottom:auto !important;left:auto !important;right:0 !important;width:calc(100% + 110px) !important;aspect-ratio:auto !important;height:calc(100% + var(--apex-meet-pop,110px)) !important;max-width:none !important;max-height:none !important;object-fit:cover !important;object-position:50% 100% !important;transform:none !important;pointer-events:none;filter:drop-shadow(0 -10px 24px rgba(20,22,26,.18))}
}

/* cards, FAQ, details: crisp 10-14px corners, hairline border */
html[data-skin="couple"] body .entry-content :is(.apex-faq details,details.apex-faq-item):not(#\#){border-radius:10px !important;border:1px solid var(--cp-line) !important;box-shadow:none !important}
html[data-skin="couple"] body .entry-content :is(.apex-faq details,details.apex-faq-item)[open]:not(#\#){border-color:rgb(from var(--wp--preset--color--primary) r g b / 0.45) !important}
html[data-skin="couple"] body .entry-content :is(.apex-faq summary,details.apex-faq-item summary):not(#\#){font-weight:700 !important;color:var(--cp-ink) !important}
html[data-skin="couple"] body .entry-content .wp-block-image img:not(.apex-meet__media img):not([class*="cutout"]):not(#\#){border-radius:14px}

/* steps: orange numbers */
html[data-skin="couple"] body .apex-s-steps :is(.apex-step-num,[class*="step-num"],[class*="__num"]):not(#\#){background:var(--cp-acc) !important;color:#fff !important}

/* links in running text */
html[data-skin="couple"] body .entry-content p a:not(.wp-block-button__link):not(#\#){color:var(--cp-acc-d) !important;text-decoration-thickness:1px;text-underline-offset:3px}

/* closing call to action cover: near-black wash */
html[data-skin="couple"] body .apex-s-cta .wp-block-cover__background:not(#\#){background-color:#0b0f17 !important;opacity:.78 !important}

/* blog (apex-blog .abl): the CT guide weight - heavy headings, orange rules and links */
html[data-skin="couple"] body .abl :is(h1,h2,h1 *,h2 *):not(svg *):not(#\#):not(#\#){font-weight:800 !important;letter-spacing:-.02em !important;color:var(--cp-ink)}
html[data-skin="couple"] body .abl :is(h3,h3 *):not(svg *):not(#\#):not(#\#){font-weight:700 !important;letter-spacing:-.01em !important}
html[data-skin="couple"] body .abl :is(.abl-article p,.abl-article li):not(#\#){color:var(--cp-text)}
html[data-skin="couple"] body .abl .abl-article :is(p,li) a:not([class*="btn"]):not(#\#){color:var(--cp-acc-d) !important;text-underline-offset:3px}

/* page heroes (About, Reviews, ...): Inter 800 sets wider than the template's face, so the title gets a little
   smaller to stay clear of the photo on the right */
html[data-skin="couple"] body .apex-s-pagehero .apex-ph-title:not(#\#):not(#\#):not(#\#){font-size:clamp(34px,3.3vw,46px) !important;max-width:540px}
html[data-skin="couple"] body .apex-s-pagehero p:not(#\#):not(#\#){max-width:500px}

/* "Sell your house the easy way" (apex-s-easy) is a dark band by design (white heading, light text): a later Global
   Styles rule forces it white with !important, which hid the heading on Nick and Jerryll (2026-10-29). The Jerryll
   look gives it the CT near-black with an orange glow behind the owner. */
html[data-skin="couple"] body .wp-site-blocks .entry-content > .apex-s-easy.alignfull:not(#\#):not(#\#){background-color:var(--wp--preset--color--secondary) !important;background-image:radial-gradient(60% 80% at 85% 100%,rgb(from var(--wp--preset--color--primary) r g b / 0.22) 0%,rgb(from var(--wp--preset--color--primary) r g b / 0) 60%),linear-gradient(180deg,#1c1d21 0%,#121316 100%) !important}
html[data-skin="couple"] body .apex-s-easy :is(h2,h2 *):not(.has-text-color):not(#\#):not(#\#){color:#fff !important}
html[data-skin="couple"] body .apex-s-easy p:not([class*="eyebrow"]):not(.has-text-color):not(#\#):not(#\#){color:#c9ced6 !important}