, so it works with JS disabled and
every answer stays in the DOM for crawlers. Chevron + hairline-divider
language is lifted from the homepage service-card disclosure.
========================================================================== */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head{
display:grid !important;grid-template-columns:1fr 400px !important;
gap:10px 48px !important;align-items:start !important;
max-width:1060px;margin:0 auto 26px !important}
/* Explicit placement: the ::after image is the last child, so auto-flow would
otherwise drop the h2 into the image column. */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head > .asm-eyebrow{
grid-column:1 !important;grid-row:1 !important;margin:0 0 14px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head > h2{
grid-column:1 !important;grid-row:2 !important;margin:0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head > .asm-help__lead{
grid-column:1 !important;grid-row:3 !important;
padding-top:18px !important;padding-bottom:0 !important;margin:0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head::after{
grid-column:2 !important;grid-row:1 / span 3 !important;align-self:center !important;
max-width:400px !important;aspect-ratio:4 / 3 !important;
margin:0 !important;background-position:center 10% !important;
border:1px solid rgba(20,20,15,.14)}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-ai-faq__cards{
max-width:1060px;margin-inline:auto}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard.asm-faq-item{
display:block !important;padding:0 !important;background:transparent !important;
border:0 !important;border-top:1px solid rgba(20,20,15,.18) !important;
border-radius:0 !important;box-shadow:none !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard.asm-faq-item:last-child{
border-bottom:1px solid rgba(20,20,15,.18) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq details.asm-faq{
display:block}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q{
display:grid !important;grid-template-columns:62px 1fr 40px !important;
gap:0 20px !important;align-items:start !important;
padding:26px 0 !important;cursor:pointer;list-style:none}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q::-webkit-details-marker{
display:none}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q::marker{
content:""}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q:focus-visible{
outline:2px solid #00E0C6;outline-offset:4px;border-radius:8px}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-hcard__no{
grid-row:auto !important;opacity:.42;padding-top:11px !important;
font-family:var(--font-display,"Space Grotesk",system-ui,sans-serif)}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-hcard__title{
margin:0 !important;line-height:1.22 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq details.asm-faq[open] summary.asm-faq__q .asm-hcard__title{
color:#0B6B60 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__ic{
display:flex;align-items:center;justify-content:center;
width:38px;height:38px;margin-top:4px;border-radius:50%;
border:1px solid rgba(20,20,15,.24);color:#14140F;flex:0 0 auto;
transition:transform .22s ease,background-color .22s ease,border-color .22s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q:hover .asm-faq__ic{
border-color:#00E0C6;background:rgba(0,224,198,.14)}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq details.asm-faq[open] .asm-faq__ic{
transform:rotate(180deg);background:#00E0C6;border-color:#00E0C6}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a{
max-width:88ch !important;padding:0 40px 30px 82px !important;
line-height:1.85 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a p{
margin:0 0 12px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a p:last-child{
margin-bottom:0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a a{
color:#0B6B60 !important;text-decoration:none !important;
border-bottom:1px solid rgba(11,107,96,.45)}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a a:hover{
border-bottom-color:#0B6B60}
/* Reduced motion: keep the state change, drop the spin. */
@media (prefers-reduced-motion:reduce){
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__ic{
transition:none !important}
}
/* ==========================================================================
ROW 9 — "Schedule Your Free Tomball SEO Consultation".
Copy left / photo right inside the approved inset panel. The three
"Related:" paragraphs become a stacked link group. Body copy, links and
anchor text are untouched.
========================================================================== */
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-houston__grid{
grid-template-columns:1.14fr .86fr !important;max-width:1360px !important;
margin-inline:auto !important;text-align:left !important;
padding:56px 52px !important;gap:52px !important;align-items:start !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-houston__copy h2{
text-align:left !important;margin:0 0 22px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose{
display:block !important;max-width:none !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(1){
margin:0 !important;padding:2px 0 2px 20px !important;
border-left:2px solid rgba(0,224,198,.55);
line-height:1.85 !important;max-width:80ch}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(1) a{
color:#00E0C6 !important;text-decoration:none !important;
border-bottom:1px solid rgba(0,224,198,.42)}
/* Related link group. */
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(3),
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(5),
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(7){
margin:12px 0 0 !important;padding:16px 20px 18px !important;
background:rgba(247,244,238,.05);border:1px solid rgba(247,244,238,.16);
border-left:2px solid rgba(0,224,198,.45);border-radius:10px;
line-height:1.7 !important;max-width:80ch}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(3){
margin-top:30px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(3) > strong:first-child,
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(5) > strong:first-child,
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(7) > strong:first-child{
display:block;margin:0 0 6px;
font-family:var(--font-display,"Space Grotesk",system-ui,sans-serif);
font-weight:700;letter-spacing:.06em;color:#00E0C6 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(3) a,
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(5) a,
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(7) a{
color:#F7F4EE !important;font-weight:600;text-decoration:none !important;
border-bottom:1px solid rgba(0,224,198,.40)}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(3) a:hover,
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(5) a:hover,
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(7) a:hover{
color:#00E0C6 !important;border-bottom-color:#00E0C6}
/* Photo back into the right column, contained. */
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-houston__links{
display:block !important;justify-content:flex-start !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-houston__links img{
display:block !important;width:100% !important;max-width:none !important;
aspect-ratio:3 / 4 !important;height:auto !important;object-fit:cover !important;
border-radius:16px;border:1px solid rgba(0,224,198,.22);margin:0 !important}
/* ==========================================================================
ROWS 6–9 — narrow viewports.
========================================================================== */
@media (max-width:1180px){
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head{
grid-template-columns:1fr !important;gap:24px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head::after{
grid-column:1 !important;grid-row:auto !important;
max-width:520px !important;margin-top:8px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-houston__grid{
grid-template-columns:1fr !important;gap:34px !important}
}
@media (max-width:900px){
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose{
grid-template-columns:1fr !important;gap:18px !important;margin-top:26px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(1),
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(2),
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(3){
padding:30px 22px 26px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(1)::after,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(2)::after,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(3)::after{
font-size:28px;top:20px;right:18px}
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston .asm-prose{
grid-template-columns:1fr !important;gap:18px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston .asm-prose address{
padding:20px 20px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q{
grid-template-columns:38px 1fr 32px !important;gap:0 12px !important;
padding:20px 0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__ic{
width:30px;height:30px}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a{
padding:0 0 22px 50px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-prose > p:nth-of-type(1){
padding-left:14px !important}
}
/* ==========================================================================
PASS 19 · DARK 3D CINEMATIC — PAGES thread. Tomball ONLY (body.page-id-189).
Converts the alternating paper/cream/dark row system into one continuous
dark cinematic ground with layered depth: aurora meshes, a perspective grid
floor, glass panels with rim-light, and z-lift interactions.
Rules:
· Every selector stays scoped to body.page-id-189 — no other page moves.
· Decoration is CSS gradient only. No new images, no LCP cost.
· Motion animates opacity/transform ONLY (CLS-safe), and is disabled
under prefers-reduced-motion.
· No markup, wording, link, heading or JSON-LD is touched.
Palette: ink #04070A / #060B10 / #07120E, rim rgba(0,224,198,.x),
accent #00E0C6, text #F1EFE9.
========================================================================== */
body.page-id-189{
--tb-ink:#04070A;
--tb-ink-2:#070D13;
--tb-ink-3:#0A1219;
--tb-glass:rgba(255,255,255,.035);
--tb-glass-2:rgba(255,255,255,.055);
--tb-rim:rgba(0,224,198,.28);
--tb-rim-soft:rgba(255,255,255,.10);
--tb-teal:#00E0C6;
--tb-txt:#F1EFE9;
--tb-txt-2:rgba(241,239,233,.78);
--tb-shadow:0 28px 70px -28px rgba(0,0,0,.9), 0 2px 0 rgba(255,255,255,.05) inset;
background:var(--tb-ink);
}
/* ---- 1 · One continuous dark ground ------------------------------------ */
body.page-id-189 .asm-ai-article{background:var(--tb-ink);position:relative;isolation:isolate}
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help,
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help,
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq{
background:var(--tb-ink-2) !important;color:var(--tb-txt) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston,
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston{
background:var(--tb-ink) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission{
background:var(--tb-ink-3) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston{
background:#061512 !important}
/* Hairline seam between every row — reads as a light edge in 3D space. */
body.page-id-189 .asm-ai-article > section + section{
border-top:1px solid rgba(255,255,255,.055)}
/* ---- 2 · Atmosphere per row (replaces the old paper textures) ----------- */
/* Row 2 — perspective grid floor receding to the horizon. */
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help{overflow:hidden}
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help::before{
background-image:
linear-gradient(180deg,rgba(0,224,198,.10) 0%,rgba(0,224,198,0) 46%),
repeating-linear-gradient(0deg,rgba(0,224,198,.13) 0 1px,transparent 1px 46px),
repeating-linear-gradient(90deg,rgba(0,224,198,.13) 0 1px,transparent 1px 46px) !important;
background-position:center,center bottom,center bottom !important;
transform:perspective(760px) rotateX(66deg) scale(2.1);
transform-origin:50% 100%;
-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 78%,#000 100%) !important;
mask-image:linear-gradient(180deg,transparent 0%,#000 78%,#000 100%) !important;
opacity:.55}
/* Row 4 — soft dual aurora behind the card lattice. */
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars::before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:
radial-gradient(900px 520px at 12% -10%,rgba(0,224,198,.16),transparent 62%),
radial-gradient(760px 460px at 92% 108%,rgba(14,158,142,.16),transparent 64%)}
/* Row 6 — vertical light shafts. */
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help::before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:
radial-gradient(1100px 520px at 50% 0%,rgba(0,224,198,.13),transparent 66%),
repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 118px);
-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.15));
mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.15))}
/* Row 8 — low horizon glow under the FAQ stack. */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq::before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:
radial-gradient(1200px 420px at 50% 118%,rgba(0,224,198,.15),transparent 68%),
linear-gradient(180deg,rgba(255,255,255,.035),transparent 30%)}
/* ---- 3 · Type + link colour flip on the four former-paper rows ---------
Inheritance-based: the section carries the colour and the copy blocks
inherit it, so the teal eyebrow / numeral / link rules below are not
out-specified by a blanket wildcard. */
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help,
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help,
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq{
color:var(--tb-txt) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-help__head *:not(.asm-eyebrow):not(.accent),
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-prose *:not(a):not(.accent),
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__head *:not(.asm-eyebrow):not(.accent),
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillar__txt,
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillar__txt *:not(a):not(.accent),
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillar h3,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-help__head *:not(.asm-eyebrow):not(.accent),
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose *:not(a):not(.accent),
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head *:not(.asm-eyebrow):not(.accent),
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard__title,
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a,
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a *:not(a):not(.accent){
color:inherit !important;opacity:1 !important}
/* Secondary copy sits a step back from pure white. */
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-help__lead,
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-prose,
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__lead,
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillar__txt,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-help__lead,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose,
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__lead,
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a{
color:var(--tb-txt-2) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help a,
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars a,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(4) a,
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a a{
color:var(--tb-teal) !important;
border-bottom-color:rgba(0,224,198,.42) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help a:hover,
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars a:hover,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(4) a:hover,
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a a:hover{
color:#7FFFEC !important;border-bottom-color:var(--tb-teal) !important}
/* Headings get the cinematic lift: display face + soft teal bloom. */
body.page-id-189 .asm-ai-article > section h2,
body.page-id-189 .asm-ai-article > section h3{
color:var(--tb-txt) !important;
text-shadow:0 2px 24px rgba(0,0,0,.65)}
body.page-id-189 .asm-ai-article .accent{
color:transparent !important;
-webkit-text-stroke:1.4px var(--tb-teal);
text-shadow:0 0 34px rgba(0,224,198,.45)}
body.page-id-189 .asm-ai-article .asm-eyebrow{
color:var(--tb-teal) !important;opacity:.95}
/* ---- 4 · Row 2 — copy left / quick-facts right, now a lit glass rail --- */
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-help__lead,
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-prose{
border-left:1px solid rgba(0,224,198,.34) !important;
padding-left:30px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-help__head::after{
border:1px solid rgba(255,255,255,.10);
box-shadow:var(--tb-shadow), 0 0 0 1px rgba(0,224,198,.12);
filter:saturate(.82) contrast(1.06) brightness(.82);
transform:perspective(1200px) rotateY(-4deg) translateZ(0);
transition:transform .5s var(--ease,cubic-bezier(.22,.61,.36,1))}
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-help__head:hover::after{
transform:perspective(1200px) rotateY(0deg) translateY(-4px)}
/* ---- 5 · Row 4 — the six service cards as floating glass slabs --------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__grid{
background:transparent !important;border:0 !important;
gap:22px !important;perspective:1400px}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__grid > article{
background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.022)) !important;
border:1px solid rgba(255,255,255,.10) !important;
border-radius:16px !important;
box-shadow:var(--tb-shadow) !important;
padding:24px 24px 28px !important;
position:relative;overflow:hidden;transform-style:preserve-3d;
transition:transform .45s var(--ease,cubic-bezier(.22,.61,.36,1)),
box-shadow .45s var(--ease,cubic-bezier(.22,.61,.36,1)),
border-color .45s ease}
/* Top edge light — sweeps from teal on hover. */
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__grid > article::before{
content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;
background:linear-gradient(90deg,var(--tb-teal),rgba(0,224,198,0) 72%);
opacity:.5;transition:opacity .4s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__grid > article:hover{
transform:translateY(-8px) rotateX(3deg) scale(1.012);
border-color:rgba(0,224,198,.36) !important;
box-shadow:0 40px 90px -30px rgba(0,0,0,.95),
0 0 0 1px rgba(0,224,198,.20),
0 0 60px -12px rgba(0,224,198,.28) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__grid > article:hover::before{opacity:1}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillar__media img{
filter:saturate(.78) contrast(1.08) brightness(.8);
transition:filter .5s ease,transform .6s var(--ease,cubic-bezier(.22,.61,.36,1))}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__grid > article:hover .asm-pillar__media img{
filter:saturate(1) contrast(1.05) brightness(.95);transform:scale(1.04)}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillar__media{
border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px -18px rgba(0,0,0,.9)}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillar__icon{
background:linear-gradient(160deg,rgba(0,224,198,.24),rgba(0,224,198,.05)) !important;
border:1px solid rgba(0,224,198,.34) !important;
box-shadow:0 0 26px -8px rgba(0,224,198,.55);color:var(--tb-teal) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillar__num{
color:rgba(0,224,198,.30) !important}
/* ---- 6 · Row 6 — inset panel becomes a lit glass stage ----------------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-wrap{
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)) !important;
border:1px solid rgba(255,255,255,.10) !important;border-radius:22px !important;
box-shadow:0 50px 110px -46px rgba(0,0,0,.95), 0 1px 0 rgba(255,255,255,.06) inset}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose{perspective:1400px}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(1),
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(2),
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(3){
background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.022)) !important;
border:1px solid rgba(255,255,255,.11) !important;border-radius:16px !important;
box-shadow:var(--tb-shadow) !important;transform-style:preserve-3d;
transition:transform .45s var(--ease,cubic-bezier(.22,.61,.36,1)),
box-shadow .45s ease,border-color .45s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(1):hover,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(2):hover,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(3):hover{
transform:translateY(-7px) rotateX(3deg);
border-color:rgba(0,224,198,.36) !important;
box-shadow:0 40px 90px -30px rgba(0,0,0,.95), 0 0 56px -14px rgba(0,224,198,.30) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(1)::after,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(2)::after,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(3)::after{
color:rgba(0,224,198,.22) !important;text-shadow:0 0 22px rgba(0,224,198,.25)}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(1) > strong:first-child,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(2) > strong:first-child,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:nth-of-type(3) > strong:first-child{
border-bottom-color:rgba(255,255,255,.16) !important;color:var(--tb-txt) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-wrap::after{
border:1px solid rgba(0,224,198,.20);
box-shadow:0 40px 90px -40px rgba(0,0,0,.95);
filter:saturate(.8) contrast(1.08) brightness(.78)}
/* ---- 7 · Row 8 — FAQ rail on dark, teal chevrons ----------------------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard.asm-faq-item{
border-top-color:rgba(255,255,255,.12) !important;
transition:background-color .35s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard.asm-faq-item:last-child{
border-bottom-color:rgba(255,255,255,.12) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard.asm-faq-item:hover{
background:linear-gradient(90deg,rgba(0,224,198,.06),transparent 62%) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__ic{
border-color:rgba(255,255,255,.24) !important;color:var(--tb-txt) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq details.asm-faq[open] .asm-faq__ic{
background:var(--tb-teal) !important;border-color:var(--tb-teal) !important;
color:#04121A !important;box-shadow:0 0 30px -6px rgba(0,224,198,.65)}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq details.asm-faq[open] .asm-faq__ic svg{
color:#04121A !important;stroke:#04121A !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq details.asm-faq[open] summary.asm-faq__q .asm-hcard__title{
color:var(--tb-teal) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-hcard__no{
color:rgba(0,224,198,.55) !important;opacity:1}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head::after{
border:1px solid rgba(255,255,255,.10) !important;
box-shadow:var(--tb-shadow);
filter:saturate(.8) contrast(1.08) brightness(.8)}
/* ---- 8 · Rows 3 / 5 / 7 / 9 — deepen the already-dark grounds ---------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston::before{
background-image:
radial-gradient(1000px 560px at 8% 0%,rgba(0,224,198,.20),transparent 60%),
radial-gradient(820px 520px at 98% 100%,rgba(0,224,198,.11),transparent 62%),
linear-gradient(160deg,rgba(0,224,198,.05) 0%,transparent 58%) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston img{
border:1px solid rgba(0,224,198,.22);
box-shadow:0 40px 90px -40px rgba(0,0,0,.95);
filter:saturate(.85) contrast(1.06) brightness(.86)}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission::before{
background-image:
repeating-linear-gradient(90deg,rgba(0,224,198,.12) 0 1px,transparent 1px 132px),
radial-gradient(1000px 460px at 50% 0%,rgba(0,224,198,.12),transparent 66%) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-prose ul li{
border-top-color:rgba(0,224,198,.24) !important;
transition:color .3s ease,transform .3s ease,border-color .3s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-prose ul li:hover{
color:var(--tb-teal) !important;border-top-color:var(--tb-teal) !important;
transform:translateX(4px)}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__figure img{
border:1px solid rgba(0,224,198,.22);
box-shadow:0 40px 90px -40px rgba(0,0,0,.95);
filter:saturate(.85) contrast(1.06) brightness(.86)}
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston::before{
background-image:
linear-gradient(108deg,rgba(0,224,198,.14) 0%,rgba(0,224,198,.10) 44%,
rgba(4,7,10,.72) 44.2%,rgba(4,7,10,.86) 100%),
radial-gradient(900px 480px at 14% 8%,rgba(0,224,198,.16),transparent 62%) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston .asm-prose address{
background:linear-gradient(180deg,rgba(0,224,198,.10),rgba(255,255,255,.02)) !important;
box-shadow:0 30px 70px -34px rgba(0,0,0,.95), 0 0 44px -18px rgba(0,224,198,.35)}
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston .asm-prose > p:nth-of-type(2),
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston .asm-prose > p:nth-of-type(3){
background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02)) !important;
border-color:rgba(255,255,255,.12) !important;
box-shadow:var(--tb-shadow);
transition:transform .4s var(--ease,cubic-bezier(.22,.61,.36,1)),border-color .4s ease,box-shadow .4s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston .asm-prose > p:nth-of-type(2):hover,
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston .asm-prose > p:nth-of-type(3):hover{
transform:translateY(-6px);border-color:rgba(0,224,198,.34) !important;
box-shadow:0 40px 90px -32px rgba(0,0,0,.95), 0 0 54px -16px rgba(0,224,198,.28)}
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston .asm-houston__links img{
box-shadow:0 50px 100px -40px rgba(0,0,0,.95);
filter:saturate(.85) contrast(1.06) brightness(.86)}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston::before{
background-image:repeating-radial-gradient(circle at 50% 50%,
rgba(0,224,198,.13) 0 1px,transparent 1px 116px) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston::after{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:radial-gradient(900px 460px at 50% 112%,rgba(0,224,198,.18),transparent 66%)}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-houston__grid{
background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012)) !important;
border:1px solid rgba(0,224,198,.26) !important;border-radius:22px !important;
box-shadow:0 60px 120px -50px rgba(0,0,0,.95), 0 0 90px -40px rgba(0,224,198,.35),
0 1px 0 rgba(255,255,255,.06) inset}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-houston__links img{
box-shadow:0 50px 100px -40px rgba(0,0,0,.95);
filter:saturate(.85) contrast(1.06) brightness(.86)}
/* ---- 9 · Hero — deeper cinematic grade + horizon glow ------------------ */
body.page-id-189 .asm-hero{background:#04070A}
body.page-id-189 .asm-hero__video{filter:saturate(.72) contrast(1.12) brightness(.62)}
body.page-id-189 .asm-hero__scrim{
background:
radial-gradient(1200px 620px at 50% 118%,rgba(0,224,198,.20),transparent 64%),
linear-gradient(180deg,rgba(4,7,10,.72) 0%,rgba(4,7,10,.46) 38%,rgba(4,7,10,.94) 100%),
radial-gradient(120% 90% at 50% 50%,transparent 42%,rgba(0,0,0,.62) 100%) !important}
body.page-id-189 .asm-hero__title{text-shadow:0 6px 44px rgba(0,0,0,.75)}
body.page-id-189 .asm-hero__infobar{
background:rgba(4,7,10,.55) !important;
border-top:1px solid rgba(0,224,198,.26) !important;
color:rgba(241,239,233,.86) !important}
/* ---- 10 · Buttons — glass + teal glow ---------------------------------- */
body.page-id-189 .asm-ai-article .asm-btn--ghost,
body.page-id-189 .asm-hero .asm-btn--ghost{
border-color:rgba(0,224,198,.42) !important;color:var(--tb-txt) !important;
background:rgba(255,255,255,.04) !important;
transition:transform .35s var(--ease,cubic-bezier(.22,.61,.36,1)),box-shadow .35s ease,background-color .35s ease}
body.page-id-189 .asm-ai-article .asm-btn--ghost:hover,
body.page-id-189 .asm-hero .asm-btn--ghost:hover{
background:rgba(0,224,198,.14) !important;transform:translateY(-2px);
box-shadow:0 0 40px -10px rgba(0,224,198,.55)}
body.page-id-189 .asm-btn--solid{
transition:transform .35s var(--ease,cubic-bezier(.22,.61,.36,1)),box-shadow .35s ease}
body.page-id-189 .asm-btn--solid:hover{
transform:translateY(-2px);box-shadow:0 18px 44px -14px rgba(0,224,198,.7)}
/* ---- 11 · Closing CTA band — aurora + rim ------------------------------ */
body.page-id-189 .asm-cta.asm-cta--band{
background:var(--tb-ink) !important;border-top:1px solid rgba(0,224,198,.22)}
body.page-id-189 .asm-cta__aurora{
background-image:
radial-gradient(900px 460px at 18% 0%,rgba(0,224,198,.22),transparent 62%),
radial-gradient(820px 460px at 86% 108%,rgba(14,158,142,.20),transparent 64%) !important;
opacity:1 !important}
/* ---- 12 · Scroll-driven reveal (no JS, CLS-safe, progressive) ---------- */
@supports (animation-timeline:view()){
@media (prefers-reduced-motion:no-preference){
@keyframes tbRise{from{opacity:0;transform:translateY(26px) scale(.992)}
to{opacity:1;transform:none}}
body.page-id-189 .asm-ai-article > section:nth-of-type(n+2) .asm-help__head,
body.page-id-189 .asm-ai-article > section:nth-of-type(n+2) .asm-pillars__head,
body.page-id-189 .asm-ai-article > section:nth-of-type(n+2) .asm-houston__copy,
body.page-id-189 .asm-ai-article > section:nth-of-type(n+2) .asm-mission__copy{
animation:tbRise linear both;
animation-timeline:view();
animation-range:entry 0% cover 22%}
}
}
/* ---- 13 · Reduced motion ----------------------------------------------- */
@media (prefers-reduced-motion:reduce){
body.page-id-189 .asm-ai-article *,
body.page-id-189 .asm-hero *{
animation:none !important;transition:none !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__grid > article:hover,
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-prose > p:hover{
transform:none !important}
}
/* ---- 14 · Narrow viewports --------------------------------------------- */
@media (max-width:900px){
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-help__lead,
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-prose{
border-left:0 !important;padding-left:0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(2).asm-help .asm-help__head::after{
transform:none !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-wrap{
border-radius:16px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston .asm-houston__grid{
border-radius:16px !important}
}
/* ==========================================================================
PASS 19b · DARK 3D CINEMATIC — corrective round, driven by rendered
screenshots at 1600px. PAGES thread, Tomball only (body.page-id-189).
Fixes: importer
shred across every row, comment-only holding grid
cells open, dead columns on rows 3 and 5, the hard diagonal on row 7, and
the light-band CTA that fought the dark ground. No wording is altered.
========================================================================== */
/* ---- 15 · Importer artefacts, page-wide -------------------------------- */
body.page-id-189 .asm-ai-article .asm-prose br,
body.page-id-189 .asm-ai-article .asm-help__lead br,
body.page-id-189 .asm-ai-article .asm-pillars__lead br,
body.page-id-189 .asm-ai-article .asm-pillar__txt br,
body.page-id-189 .asm-ai-article .asm-why-item__desc br,
body.page-id-189 .asm-ai-article .asm-hcard__txt br{display:none !important}
/* Real address lines keep their breaks. */
body.page-id-189 .asm-ai-article .asm-prose address br,
body.page-id-189 .asm-ai-article address br{display:inline !important}
/* Comment-only paragraphs are :empty per spec — they must not hold space. */
body.page-id-189 .asm-ai-article p:empty,
body.page-id-189 .asm-ai-article .asm-prose > p:empty,
body.page-id-189 .asm-ai-article .asm-pillars__lead > p:empty{
display:none !important;margin:0 !important;padding:0 !important}
/* ---- 16 · Row 3 — kill the dead right column --------------------------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-houston__grid{
grid-template-columns:1.35fr .65fr !important;gap:64px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-houston__links{
position:sticky;top:112px;align-self:start !important;display:block !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston img{
max-width:none !important;width:100% !important;aspect-ratio:4/5 !important;
object-fit:cover !important;border-radius:18px;margin:0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-prose{
max-width:78ch !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-prose > p{
margin:0 0 18px !important;line-height:1.85 !important}
/* ---- 17 · Row 4 — close the voids around the section head -------------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__head{
margin:0 0 14px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__title{
margin:0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__lead{
margin:0 0 40px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__lead > p{
margin:0 !important}
/* ---- 18 · Row 5 — industries become a full-width 3D card grid ---------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__grid{
grid-template-columns:1fr 440px !important;gap:24px 56px !important;
align-items:start !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__copy{
grid-column:1 !important;grid-row:1 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__figure{
grid-column:2 !important;grid-row:1 !important;margin:0 !important;max-width:440px}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__figure img{
max-width:440px !important;aspect-ratio:4/3 !important;border-radius:18px}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-list{
grid-column:1 / -1 !important;grid-row:2 !important;
display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:20px !important;list-style:none !important;margin:26px 0 0 !important;
padding:0 !important;perspective:1400px}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-item{
display:grid !important;grid-template-columns:52px 1fr !important;
gap:0 14px !important;align-items:start !important;margin:0 !important;
padding:24px 26px 26px !important;
background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018)) !important;
border:1px solid rgba(255,255,255,.10) !important;border-radius:16px !important;
box-shadow:var(--tb-shadow);position:relative;overflow:hidden;
transition:transform .42s var(--ease,cubic-bezier(.22,.61,.36,1)),
border-color .42s ease,box-shadow .42s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-item::before{
content:"";position:absolute;left:0;right:0;top:0;height:2px;
background:linear-gradient(90deg,var(--tb-teal),rgba(0,224,198,0) 70%);
opacity:.5;transition:opacity .4s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-item:hover{
transform:translateY(-6px) rotateX(2.5deg);
border-color:rgba(0,224,198,.34) !important;
box-shadow:0 40px 90px -32px rgba(0,0,0,.95), 0 0 54px -16px rgba(0,224,198,.28)}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-item:hover::before{opacity:1}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-item__no{
grid-column:1 !important;
font-family:var(--font-display,"Space Grotesk",system-ui,sans-serif);
font-size:26px !important;font-weight:700;line-height:1.1;
color:rgba(0,224,198,.42) !important;
text-shadow:0 0 22px rgba(0,224,198,.25)}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-item__body{
grid-column:2 !important;display:block}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-item__title{
display:block;margin:0 0 10px;padding-bottom:10px;
border-bottom:1px solid rgba(255,255,255,.14);
font-family:var(--font-display,"Space Grotesk",system-ui,sans-serif);
font-weight:700;letter-spacing:.015em;line-height:1.4;
color:var(--tb-txt) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-item__desc,
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-item__desc p{
display:block;margin:0 !important;line-height:1.8 !important;
color:var(--tb-txt-2) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__lead{
margin:0 !important;max-width:78ch}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__lead p{margin:0 !important}
/* ---- 19 · Row 7 — replace the hard diagonal with a soft raking light --- */
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston::before{
background-image:
linear-gradient(108deg,rgba(0,224,198,.16) 0%,rgba(0,224,198,.07) 34%,
rgba(4,7,10,.30) 62%,rgba(4,7,10,.60) 100%),
radial-gradient(1000px 520px at 10% 4%,rgba(0,224,198,.20),transparent 62%),
radial-gradient(760px 420px at 96% 96%,rgba(0,224,198,.10),transparent 64%) !important}
/* ---- 20 · Closing CTA band — dark, no light wedge ---------------------- */
body.page-id-189 .asm-cta.asm-cta--band{
background:linear-gradient(120deg,#061512 0%,#04070A 58%,#07120E 100%) !important;
border-bottom:1px solid rgba(0,224,198,.18)}
body.page-id-189 .asm-cta--band::before{
background:radial-gradient(circle at 24% 34%,rgba(0,224,198,.38),rgba(0,224,198,.12) 34%,transparent 66%) !important;
mix-blend-mode:screen;opacity:.55}
body.page-id-189 .asm-cta--band::after{
background:radial-gradient(circle at 78% 72%,rgba(0,224,198,.18),transparent 60%) !important;
opacity:.6}
body.page-id-189 .asm-cta__aurora{
-webkit-mask-image:linear-gradient(120deg,#000 0%,transparent 78%) !important;
mask-image:linear-gradient(120deg,#000 0%,transparent 78%) !important;
opacity:.22 !important}
body.page-id-189 .asm-cta--band .asm-cta__copy h2,
body.page-id-189 .asm-cta--band .asm-cta__copy h2 *:not(.accent){
color:var(--tb-txt) !important}
body.page-id-189 .asm-cta--band .asm-cta__badge{
color:var(--tb-teal) !important;
background:rgba(0,224,198,.10) !important;
border-color:rgba(0,224,198,.42) !important}
body.page-id-189 .asm-cta--band .asm-cta__ping{
background:var(--tb-teal) !important;box-shadow:0 0 0 0 rgba(0,224,198,.5) !important}
body.page-id-189 .asm-cta--band .asm-cta__note{
color:var(--tb-txt-2) !important}
body.page-id-189 .asm-cta--band .asm-cta__btn{
background:var(--tb-teal) !important;color:#04121A !important;
border-color:var(--tb-teal) !important;
box-shadow:0 18px 50px -18px rgba(0,224,198,.75)}
body.page-id-189 .asm-cta--band .asm-cta__btn:hover{
background:#7FFFEC !important;border-color:#7FFFEC !important}
/* ---- 21 · Narrow viewports for the new rows ---------------------------- */
@media (max-width:1180px){
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-houston__grid,
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__grid{
grid-template-columns:1fr !important;gap:28px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__figure{
grid-column:1 !important;grid-row:auto !important;max-width:560px}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-list{
grid-row:auto !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-houston__links{
position:static;max-width:560px}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston img{
aspect-ratio:16/9 !important}
}
@media (max-width:900px){
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-list{
grid-template-columns:1fr !important;gap:14px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-item{
grid-template-columns:40px 1fr !important;padding:20px 20px 22px !important}
}
/* ==========================================================================
PASS 19c · DARK 3D CINEMATIC — rhythm + column fixes.
Root causes found in render QA:
(a) .asm-prose ships clamp(56px,7vw,92px) top / clamp(56px,8vw,110px)
bottom padding, which opened 90-180px voids inside every row;
(b) .asm-why-list is nested INSIDE .asm-mission__copy, so a grid-column
span could not reach the figure column — it is widened here instead;
(c) row 3 measure was ~72ch inside a ~900px column, leaving dead space.
========================================================================== */
/* ---- 22 · Prose rhythm: the padding belongs to the section, not the copy */
body.page-id-189 .asm-ai-article .asm-prose{
padding-top:0 !important;padding-bottom:0 !important}
body.page-id-189 .asm-ai-article .asm-prose > p:last-child{margin-bottom:0 !important}
/* ---- 23 · Row 3 — balanced two-up ------------------------------------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-houston__grid{
max-width:1320px !important;margin-inline:auto !important;
grid-template-columns:minmax(0,1fr) 430px !important;gap:60px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-prose{
--measure:100% !important;max-width:none !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-prose > p,
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-prose > ul{
max-width:80ch !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston img{
aspect-ratio:3/4 !important}
/* ---- 24 · Row 5 — industries span the full wrap ------------------------ */
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__lead{
--measure:100% !important;max-width:640px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-list{
position:relative;z-index:2;
width:calc(100% + 440px + 56px) !important;max-width:none !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
margin:56px 0 0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__figure{
align-self:start !important}
/* ---- 25 · Row 2 / 6 / 9 — reclaim the padding as section rhythm -------- */
body.page-id-189 .asm-ai-article > section.asm-help .asm-help__lead{margin-bottom:34px !important}
body.page-id-189 .asm-ai-article > section.asm-houston .asm-houston__copy > h2{
margin:0 0 22px !important}
@media (max-width:1180px){
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-houston__grid{
max-width:none !important;grid-template-columns:1fr !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-list{
width:100% !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
margin-top:32px !important}
}
@media (max-width:900px){
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-list{
grid-template-columns:1fr !important}
}
/* ==========================================================================
PASS 19d · Row 5 — flatten .asm-mission__copy with display:contents so the
industries list is a true grid child and can span the full wrap without the
negative-width hack that let card 03 slide under the photo.
========================================================================== */
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__grid{
grid-template-columns:minmax(0,1fr) 440px !important;
grid-auto-rows:min-content !important;
align-items:start !important;gap:0 56px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__copy{
display:contents !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-eyebrow{
grid-column:1 !important;grid-row:1 !important;margin-bottom:14px}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-sec-head__title{
grid-column:1 !important;grid-row:2 !important;margin:0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-rule{
grid-column:1 !important;grid-row:3 !important;margin:18px 0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__lead{
grid-column:1 !important;grid-row:4 !important;max-width:70ch !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__figure{
grid-column:2 !important;grid-row:1 / 5 !important;align-self:start !important;
margin:0 !important;max-width:440px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__figure img{
aspect-ratio:4/3 !important;width:100% !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-list{
grid-column:1 / -1 !important;grid-row:5 !important;
width:auto !important;max-width:none !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
margin:52px 0 0 !important}
@media (max-width:1180px){
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__grid{
grid-template-columns:1fr !important;gap:0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__figure{
grid-column:1 !important;grid-row:5 !important;max-width:560px !important;margin:28px 0 0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-list{
grid-column:1 !important;grid-row:6 !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;margin-top:32px !important}
}
@media (max-width:900px){
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-why-list{
grid-template-columns:1fr !important}
}
/* ==========================================================================
PASS 19e · CTA note contrast on the darkened band.
========================================================================== */
body.page-id-189 .asm-cta.asm-cta--band .asm-cta__note,
body.page-id-189 .asm-cta--band .asm-cta__copy .asm-cta__note{
color:rgba(232,247,245,.82) !important;opacity:1 !important}
body.page-id-189 .asm-cta--band .asm-cta__action > *{color:rgba(232,247,245,.82)}
/* ==========================================================================
PASS 19f · Read-more collapsers + centred section head (row 4).
Collapse is applied by assets/js/loc-readmore.js — full text stays in the
DOM, so nothing is hidden from crawlers. Fade is a mask on the text itself,
which means it works over every ground tone without a colour seam.
========================================================================== */
/* ---- 26 · Collapsible block ------------------------------------------- */
body.page-id-189 .asm-rm{
position:relative;
transition:max-height .45s var(--ease,cubic-bezier(.22,.61,.36,1))}
body.page-id-189 .asm-rm.is-collapsed{
max-height:var(--rm-max,200px);overflow:hidden;
-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 68px),transparent 100%);
mask-image:linear-gradient(180deg,#000 calc(100% - 68px),transparent 100%)}
/* ---- 27 · Read more / less control ------------------------------------ */
body.page-id-189 .asm-rm__btn{
display:inline-flex;align-items:center;gap:.55em;
margin:16px 0 0;padding:.62em 1.15em;
font-family:var(--font-body,"Inter",system-ui,sans-serif);
font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
color:var(--tb-teal,#00E0C6);
background:rgba(0,224,198,.07);
border:1px solid rgba(0,224,198,.34);border-radius:999px;
cursor:pointer;-webkit-appearance:none;appearance:none;
transition:background .3s ease,border-color .3s ease,
box-shadow .3s ease,transform .3s ease}
body.page-id-189 .asm-rm__btn:hover,
body.page-id-189 .asm-rm__btn:focus-visible{
background:rgba(0,224,198,.14);border-color:rgba(0,224,198,.7);
box-shadow:0 0 34px -10px rgba(0,224,198,.6);transform:translateY(-1px)}
body.page-id-189 .asm-rm__btn:focus-visible{outline:2px solid rgba(0,224,198,.8);outline-offset:3px}
body.page-id-189 .asm-rm__chev{
width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
transform:translateY(-2px) rotate(45deg);transition:transform .3s ease}
body.page-id-189 .asm-rm__btn[aria-expanded="true"] .asm-rm__chev{
transform:translateY(1px) rotate(-135deg)}
/* Cards: pin the control to the bottom so a collapsed grid stays even. */
body.page-id-189 .asm-pillar .asm-rm__btn,
body.page-id-189 .asm-why-item .asm-rm__btn{
margin-top:14px;padding:.5em .95em;font-size:11.5px;letter-spacing:.12em}
@media (prefers-reduced-motion:reduce){
body.page-id-189 .asm-rm,
body.page-id-189 .asm-rm__btn,
body.page-id-189 .asm-rm__chev{transition:none !important}
}
/* ---- 28 · Row 4 — centred head, lead and card layout ------------------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__head{
text-align:center !important;display:block !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-eyebrow{
display:inline-flex !important;justify-content:center;margin-inline:auto}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__title{
text-align:center !important;margin-inline:auto !important;max-width:22ch}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__lead{
text-align:center !important;--measure:100% !important;
max-width:78ch !important;margin-inline:auto !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__lead > p{
text-align:center !important;max-width:none !important;margin-inline:auto !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__lead .asm-rm__btn{
display:inline-flex}
/* Card interiors stay left-aligned for readability; only the head is centred.
Cards align to the top of their row so collapsed heights read as a set. */
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__grid{
align-items:start !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillar .asm-rm__btn{
margin-bottom:2px}
/* Row 3 control sits under the prose column, left aligned with the copy. */
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-rm__btn{
margin-top:22px}
/* ==========================================================================
PASS 19g · Two remaining light-theme colour leaks found by a contrast sweep
of every text node in the article:
• p.blog-details__text-2 inside .asm-pillars__lead was still rgb(58,56,47)
(paper-theme ink) sitting on the dark ground;
• the closing CTA note is an unclassed
, so the .asm-cta__note override
never reached it — it was rgba(4,18,26,.86) on the darkened band.
========================================================================== */
body.page-id-189 .asm-ai-article p.blog-details__text-2{color:inherit !important}
body.page-id-189 .asm-ai-article .asm-pillars__lead,
body.page-id-189 .asm-ai-article .asm-pillars__lead p{
color:var(--tb-txt-2,rgba(232,247,245,.82)) !important}
body.page-id-189 .asm-ai-article .asm-pillars__lead a{color:var(--tb-teal,#00E0C6) !important}
body.page-id-189 .asm-cta--band .asm-cta__copy p,
body.page-id-189 .asm-cta--band .asm-cta__copy p *:not(a){
color:rgba(232,247,245,.82) !important}
body.page-id-189 .asm-cta--band .asm-cta__copy p a{color:#7FFFEC !important}
/* ==========================================================================
PASS 19h · Centred row-4 head, Tomball photography, row-6 backdrop, and the
FAQ rebuilt as a full-bleed backdrop panel with a stacked glass list.
Every photo swap is done from CSS (pseudo-element backgrounds and
`content:url()` on the existing ![]()
), so no shared PHP is touched and the
alt text / DOM the importer produced stays exactly as it is.
========================================================================== */
/* ---- 29 · Row 4 head was capped at 760px with margin 0 — that was why it
read left-aligned even though the text itself was centred. ------------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__head{
max-width:980px !important;margin-left:auto !important;margin-right:auto !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__lead{
max-width:940px !important;margin-left:auto !important;margin-right:auto !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(4).asm-pillars .asm-pillars__title{
max-width:24ch}
/* ---- 30 · Tomball photography ----------------------------------------- */
/* Row 3 — desk with the Tomball downtown view. */
body.page-id-189 .asm-ai-article > section:nth-of-type(3).asm-houston .asm-houston__links img{
content:url(/wp-content/themes/asm-cinematic/assets/img/loc/tomball-seo-04-1024.webp) !important;
object-fit:cover !important;object-position:center !important}
/* Row 5 — client handshake, Tomball street through the window. */
body.page-id-189 .asm-ai-article > section:nth-of-type(5).asm-mission .asm-mission__figure img{
content:url(/wp-content/themes/asm-cinematic/assets/img/loc/tomball-seo-08-1024.webp) !important;
object-fit:cover !important}
/* Row 7 — team working with the Tomball water tower in frame. */
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston .asm-houston__links img{
content:url(/wp-content/themes/asm-cinematic/assets/img/loc/tomball-seo-01-1024.webp) !important;
object-fit:cover !important;aspect-ratio:4/3 !important;width:100% !important;
max-width:none !important;border-radius:18px}
body.page-id-189 .asm-ai-article > section:nth-of-type(7).asm-houston .asm-houston__links{
align-self:start !important}
/* Row 9 — Tomball office desk. */
body.page-id-189 .asm-ai-article > section:nth-of-type(9).asm-houston img{
content:url(/wp-content/themes/asm-cinematic/assets/img/loc/tomball-seo-06-1024.webp) !important;
object-fit:cover !important}
/* ---- 31 · Row 6 — the strip photo becomes the section backdrop --------- */
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-wrap::after{
content:none !important;display:none !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help{
background-color:#03060A !important;
background-image:
linear-gradient(180deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.74) 42%,rgba(0,0,0,.92) 100%),
url(/wp-content/themes/asm-cinematic/assets/img/asm-loc-tomball-corridor-1024.webp) !important;
background-size:auto,cover !important;
background-position:center,center 58% !important;
background-repeat:no-repeat,no-repeat !important;
padding:104px 0 !important}
/* The inset panel would double up on the backdrop — make it a light scrim. */
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-wrap{
background:rgba(4,9,14,.44) !important;
border:1px solid rgba(255,255,255,.09) !important;
-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
/* ---- 32 · Row 8 — FAQ as a backdrop panel with a stacked glass list ---- */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head::after{
content:none !important;display:none !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq{
position:relative;isolation:isolate;overflow:hidden;
background-color:#02060A !important;
background-image:
linear-gradient(96deg,rgba(2,6,10,.95) 0%,rgba(2,6,10,.88) 42%,rgba(2,6,10,.72) 100%),
url(/wp-content/themes/asm-cinematic/assets/img/headers/locations/hdr-loc-tomball-seo.webp) !important;
background-size:auto,cover !important;
background-position:center,center !important;
background-repeat:no-repeat,no-repeat !important;
padding:clamp(72px,7vw,112px) 0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-wrap{
display:grid !important;
grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) !important;
gap:clamp(32px,4vw,72px) !important;align-items:start !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head{
grid-column:1 !important;position:sticky;top:118px;
text-align:left !important;max-width:none !important;margin:0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head h2{
margin:14px 0 0 !important;max-width:15ch}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__lead{
display:none !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-ai-faq__cards{
grid-column:2 !important;display:flex !important;flex-direction:column !important;
gap:14px !important;margin:0 !important;padding:0 !important}
/* Row card */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard.asm-faq-item{
margin:0 !important;padding:0 !important;overflow:hidden;
background:linear-gradient(180deg,rgba(10,20,26,.78),rgba(6,13,18,.68)) !important;
border:1px solid rgba(255,255,255,.10) !important;border-radius:16px !important;
box-shadow:0 26px 60px -34px rgba(0,0,0,.9);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard.asm-faq-item:hover{
border-color:rgba(0,224,198,.36) !important;transform:translateY(-2px);
box-shadow:0 34px 74px -34px rgba(0,0,0,.95),0 0 46px -20px rgba(0,224,198,.34)}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard.asm-faq-item:has(details.asm-faq[open]){
border-color:rgba(0,224,198,.42) !important;
background:linear-gradient(180deg,rgba(6,26,26,.86),rgba(5,14,18,.74)) !important}
/* Summary row: number tile · question · chevron */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q{
display:grid !important;grid-template-columns:52px 1fr 34px !important;
align-items:center !important;gap:18px !important;
padding:20px 22px !important;cursor:pointer;list-style:none}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q::-webkit-details-marker{display:none}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-hcard__no{
display:grid !important;place-items:center !important;
width:52px !important;height:52px !important;margin:0 !important;
border-radius:14px !important;
background:rgba(0,224,198,.12) !important;
border:1px solid rgba(0,224,198,.30) !important;
font-family:var(--font-display,"Space Grotesk",system-ui,sans-serif) !important;
font-size:16px !important;font-weight:700 !important;letter-spacing:.02em !important;
color:var(--tb-teal,#00E0C6) !important;
box-shadow:inset 0 0 22px -10px rgba(0,224,198,.6);
transition:background .35s ease,box-shadow .35s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq details.asm-faq[open] summary.asm-faq__q .asm-hcard__no{
background:rgba(0,224,198,.2) !important;
box-shadow:inset 0 0 26px -8px rgba(0,224,198,.85),0 0 26px -12px rgba(0,224,198,.5)}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-hcard__title{
margin:0 !important;
font-family:var(--font-display,"Space Grotesk",system-ui,sans-serif) !important;
font-size:clamp(16px,1.15vw,19px) !important;font-weight:600 !important;
line-height:1.4 !important;letter-spacing:.005em !important;
color:var(--tb-txt,#F1EFE9) !important;text-transform:none !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-faq__ic{
display:grid !important;place-items:center !important;
width:34px !important;height:34px !important;border-radius:50% !important;
background:transparent !important;border:1px solid rgba(255,255,255,.18) !important;
color:var(--tb-teal,#00E0C6) !important;
transition:transform .38s var(--ease,cubic-bezier(.22,.61,.36,1)),
background .3s ease,border-color .3s ease}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard.asm-faq-item:hover summary.asm-faq__q .asm-faq__ic{
border-color:rgba(0,224,198,.55) !important;background:rgba(0,224,198,.10) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq details.asm-faq[open] summary.asm-faq__q .asm-faq__ic{
transform:rotate(180deg) !important;background:rgba(0,224,198,.16) !important;
border-color:rgba(0,224,198,.6) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq details.asm-faq[open] summary.asm-faq__q .asm-hcard__title{
color:var(--tb-teal,#00E0C6) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq details.asm-faq[open] summary.asm-faq__q .asm-faq__ic svg{
color:var(--tb-teal,#00E0C6) !important;stroke:var(--tb-teal,#00E0C6) !important}
/* Answer */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a.asm-hcard__txt{
margin:0 !important;padding:0 22px 22px 92px !important;max-width:none !important;
color:var(--tb-txt-2,rgba(232,247,245,.82)) !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a.asm-hcard__txt p{
margin:0 !important;line-height:1.85 !important;color:inherit !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a.asm-hcard__txt a{
color:var(--tb-teal,#00E0C6) !important}
@media (max-width:1100px){
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-wrap{
grid-template-columns:1fr !important;gap:28px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head{
position:static;grid-column:1 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head h2{max-width:none}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-ai-faq__cards{
grid-column:1 !important}
}
@media (max-width:640px){
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q{
grid-template-columns:42px 1fr 28px !important;gap:12px !important;padding:16px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-hcard__no{
width:42px !important;height:42px !important;font-size:14px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-faq__ic{
width:28px !important;height:28px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a.asm-hcard__txt{
padding:0 16px 18px 16px !important}
}
/* ==========================================================================
PASS 19i · Backdrop legibility polish.
========================================================================== */
/* Row 6 — the corridor photo was almost fully crushed by the overlay. Lift it
so the location reads, keep the copy well above 7:1 contrast. */
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help{
background-image:
linear-gradient(180deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.60) 45%,rgba(0,0,0,.88) 100%),
url(/wp-content/themes/asm-cinematic/assets/img/asm-loc-tomball-corridor-1024.webp) !important;
background-size:auto,cover !important;
background-position:center,center 55% !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-wrap{
background:rgba(3,7,11,.62) !important}
/* Row 8 — the heading was capped at 15ch and stacked five lines deep. */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head h2{
max-width:19ch !important;font-size:clamp(30px,3vw,50px) !important;
line-height:1.08 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq{
background-image:
linear-gradient(96deg,rgba(2,6,10,.96) 0%,rgba(2,6,10,.92) 40%,rgba(2,6,10,.80) 100%),
url(/wp-content/themes/asm-cinematic/assets/img/headers/locations/hdr-loc-tomball-seo.webp) !important;
background-size:auto,cover !important;
background-position:center,center !important}
/* ==========================================================================
PASS 19j · FAQ heading was being sized to min-content by the head grid, so
it stacked one word per line. Row 6 backdrop lifted again.
========================================================================== */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head{
justify-items:start !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head h2{
width:100% !important;max-width:100% !important;justify-self:stretch !important;
text-wrap:balance}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head .asm-eyebrow{
justify-self:start !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help{
background-image:
linear-gradient(180deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.46) 42%,rgba(0,0,0,.84) 100%),
url(/wp-content/themes/asm-cinematic/assets/img/asm-loc-tomball-corridor-1024.webp) !important;
background-position:center,center 68% !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(6).asm-help .asm-wrap{
background:rgba(3,7,11,.66) !important}
/* ==========================================================================
PASS 19k · The FAQ head is a 2-col grid whose 400px second column existed
only for the photo we removed — collapse it so the heading gets the width.
========================================================================== */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head{
display:block !important;max-width:none !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head > h2,
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-help__head h2{
width:auto !important;max-width:16ch !important;margin:16px 0 0 !important;
text-wrap:balance}
/* ==========================================================================
PASS 19l · FAQ list compacted — tighter rows, smaller tiles, less air.
========================================================================== */
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq{
padding:clamp(52px,5vw,84px) 0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-ai-faq__cards{
gap:8px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-hcard.asm-faq-item{
border-radius:12px !important;
box-shadow:0 18px 42px -30px rgba(0,0,0,.88)}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q{
grid-template-columns:38px 1fr 26px !important;
gap:0 13px !important;padding:11px 14px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-hcard__no{
width:38px !important;height:38px !important;border-radius:10px !important;
font-size:13px !important;padding-top:0 !important;
box-shadow:inset 0 0 16px -8px rgba(0,224,198,.6)}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-hcard__title{
font-size:clamp(14px,.98vw,16px) !important;line-height:1.35 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-faq__ic{
width:26px !important;height:26px !important;margin-top:0 !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-faq__ic svg{
width:13px !important;height:13px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a.asm-hcard__txt{
padding:0 16px 14px 65px !important;font-size:14.5px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a.asm-hcard__txt p{
line-height:1.7 !important;font-size:14.5px !important}
@media (max-width:640px){
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q{
grid-template-columns:32px 1fr 24px !important;gap:0 10px !important;padding:10px 12px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq summary.asm-faq__q .asm-hcard__no{
width:32px !important;height:32px !important;font-size:12px !important}
body.page-id-189 .asm-ai-article > section:nth-of-type(8).asm-ai-faq .asm-faq__a.asm-hcard__txt{
padding:0 12px 12px 12px !important}
}