/*
Theme Name: AskMarcio Signal & Record
Theme URI: https://askmarcio.com
Author: Marcio Dpaulla
Author URI: https://askmarcio.com
Description: Fully custom, self-owned WordPress theme for AskMarcio.com. Built on core WordPress APIs only, no page builder, no third-party theme framework, no subscription dependency. Design direction: "Signal & Record", a dark systems-console identity built around a live AI-orchestration diagram, a verified career/credentials record, and cross-border consulting content.
Version: 1.5.4
Requires at least: 6.2
Requires PHP: 7.4
License: Unlicense (private, self-owned use)
Text Domain: askmarcio
*/

:root{
  --void:#0a1116;
  --panel:#111a22;
  --panel-hi:#152430;
  --green:#3ecf8e;
  --green-dim:#279966;
  --orange:#f28c3d;
  --red:#e2544a;
  --mist:#e9f1f4;
  --haze:#8493a0;
  --haze-dim:#92a1ad;
  --line: rgba(62,207,142,.18);
  --line-soft: rgba(233,241,244,.08);
  --glow: 0 0 0 1px rgba(62,207,142,.16), 0 18px 50px rgba(0,0,0,.55);
  /* Brand system refinement (2026-09-06): navy promoted to primary/authority
     color, used for structural emphasis (primary buttons, active nav state,
     section dividers on elevated panels) introduced incrementally as pages
     are rebuilt - see AskMarcio-Brand-Design-System.md. Not yet applied
     everywhere; adding these tokens now doesn't change any existing page. */
  --navy:#123a5e;
  --navy-deep:#0d2b4a;
  --navy-line: rgba(18,58,94,.45);
  --on-navy: var(--mist);
}
/* single deliberate dark world by design; no light-mode branch */
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--void); color:var(--mist);
  font-family:'Sora', system-ui, -apple-system, sans-serif;
  line-height:1.6; -webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(ellipse 900px 500px at 15% -10%, rgba(62,207,142,.09), transparent 60%),
    radial-gradient(ellipse 700px 500px at 100% 10%, rgba(242,140,61,.06), transparent 55%);
  background-attachment:fixed;
}
h1,h2,h3{margin:0; text-wrap:balance; font-weight:700; letter-spacing:-.01em;}
.signature{font-family:'Fraunces', Georgia, serif; font-style:italic; font-weight:500; letter-spacing:0;}
.mono{font-family:'JetBrains Mono', ui-monospace, monospace; font-variant-numeric:tabular-nums;}
a{color:inherit;}
img{max-width:100%; height:auto;}
.wrap{max-width:1180px; margin:0 auto; padding:0 30px;}
.skip-link{position:absolute; left:-9999px; top:auto; background:var(--green); color:var(--void); padding:10px 16px; z-index:100; font-weight:700;}
.skip-link:focus{left:16px; top:16px;}
::selection{background:rgba(62,207,142,.32);}

/* reveal-on-scroll: default fully visible; JS only enhances */
.reveal{opacity:1; transform:none;}
.js-ready .reveal{opacity:0; transform:translateY(14px); transition:opacity .7s ease, transform .7s ease;}
.js-ready .reveal.in{opacity:1; transform:none;}
/* staggered children within a reveal grid */
.js-ready .stagger > *{opacity:0; transform:translateY(14px); transition:opacity .55s ease, transform .55s ease;}
.js-ready .stagger.in > *{opacity:1; transform:none;}

/* ---------- console header: transparent at rest, solid once scrolled ---------- */
header.console{
  position:sticky; top:0; z-index:30;
  background:rgba(10,17,22,.55); backdrop-filter:blur(6px);
  border-bottom:1px solid transparent;
  transition:background-color .3s ease, backdrop-filter .3s ease, border-color .3s ease, box-shadow .3s ease;
}
header.console.is-scrolled{
  background:rgba(10,17,22,.92); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line-soft);
  box-shadow:0 10px 30px rgba(0,0,0,.4);
}
.console-bar{
  position:relative;
  display:flex; align-items:center; justify-content:space-between;
  max-width:1180px; margin:0 auto; padding:14px 30px; gap:20px;
}
.brand{display:flex; align-items:center; gap:10px; text-decoration:none;}
.brand .dot{width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); flex:none;}
.brand .name{font-weight:700; font-size:1rem; letter-spacing:.01em; color:var(--mist);}
.role-ticker{
  font-family:'JetBrains Mono', monospace; font-size:.72rem; letter-spacing:.08em;
  color:var(--green); text-transform:uppercase; min-width:230px;
}
nav.console-nav{display:flex; gap:24px; flex-wrap:wrap;}
nav.console-nav a{
  font-size:.83rem; font-weight:600; text-decoration:none; color:var(--haze);
  padding-bottom:3px; border-bottom:2px solid transparent; transition:color .2s, border-color .2s;
}
nav.console-nav a:hover{color:var(--mist); border-color:var(--green);}
nav.console-nav a:focus-visible{outline:2px solid var(--green); outline-offset:3px;}

/* nav toggle: irrelevant/hidden until JS confirms it can actually work (see
   .js-ready below) - without JS the full link list above just wraps, so
   nothing is ever hidden behind a button that has no handler. */
.nav-toggle{
  display:none; align-items:center; gap:9px; background:none; cursor:pointer;
  border:1px solid var(--line-soft); border-radius:6px; padding:8px 12px; color:var(--mist);
  font-family:'JetBrains Mono',monospace; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase;
}
.nav-toggle:hover{border-color:var(--line);}
.nav-toggle:focus-visible{outline:2px solid var(--green); outline-offset:2px;}
.nav-toggle-bars{width:18px; height:2px; background:currentColor; position:relative; display:block;}
.nav-toggle-bars::before,.nav-toggle-bars::after{content:''; position:absolute; left:0; width:18px; height:2px; background:currentColor;}
.nav-toggle-bars::before{top:-6px;}
.nav-toggle-bars::after{top:6px;}

/* ---------- hero ---------- */
.hero{position:relative; padding:100px 0 70px; overflow:hidden;}
#net{position:absolute; inset:0; width:100%; height:100%; z-index:0; opacity:.55;}
.hero-content{position:relative; z-index:1;}
.eyebrow{
  display:inline-flex; align-items:center; gap:10px; margin-bottom:26px;
  font-family:'JetBrains Mono',monospace; font-size:.72rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--orange);
}
.eyebrow::before{content:''; width:7px; height:7px; border-radius:50%; background:var(--orange); box-shadow:0 0 8px var(--orange);}
.hero h1{font-size:clamp(2.3rem, 5vw, 3.7rem); line-height:1.08; max-width:17ch;}
.hero h1 .signature{display:block; font-size:.62em; color:var(--green); margin-top:6px;}
.hero .lede{margin-top:24px; max-width:58ch; font-size:1.1rem; color:var(--haze);}
.stat-row{display:flex; flex-wrap:wrap; gap:0; margin-top:48px; border-top:1px solid var(--line-soft); padding-top:28px;}
.stat{flex:1 1 140px; padding-right:24px;}
.stat .n{font-family:'JetBrains Mono',monospace; font-size:2rem; font-weight:600; color:var(--mist);}
.stat .n .unit{font-size:1.1rem; color:var(--green);}
.stat .l{font-size:.76rem; letter-spacing:.06em; text-transform:uppercase; color:var(--haze-dim); margin-top:4px;}

/* ---------- section shell ---------- */
section.panel-section{padding:90px 0; border-top:1px solid var(--line-soft);}
.sec-head{display:flex; align-items:baseline; gap:16px; margin-bottom:16px; flex-wrap:wrap;}
.sec-tag{font-family:'JetBrains Mono',monospace; font-size:.78rem; color:var(--green); letter-spacing:.05em;}
.sec-head h2{font-size:1.9rem;}
.sec-intro{max-width:62ch; color:var(--haze); font-size:1rem;}

/* ---------- AI orchestration diagram ---------- */
.hub-layout{display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:center;}
.hub-copy p{color:var(--haze); font-size:.98rem; margin:0 0 16px;}
.hub-copy ul{list-style:none; margin:24px 0 0; padding:0; display:flex; flex-direction:column; gap:14px;}
.hub-copy li{display:flex; gap:12px; align-items:flex-start; font-size:.92rem; color:var(--mist);}
.hub-copy li .k{font-family:'JetBrains Mono',monospace; font-size:.7rem; padding-top:3px; flex:none; width:88px;}
.hub-copy li .k.green{color:var(--green);}
.hub-copy li .k.orange{color:var(--orange);}
.hub-copy li .k.red{color:var(--red);}
.hub-diagram{position:relative; aspect-ratio:1/1; border-radius:12px;}
.hub-diagram canvas{position:absolute; inset:0; width:100%; height:100%; display:none;}
.hub-diagram.has-3d canvas{display:block;}
.hub-diagram.has-3d svg{display:none;}
.hub-diagram svg{width:100%; height:100%; position:relative;}
.hub-labels{position:absolute; inset:0; display:none; pointer-events:none;}
.hub-diagram.has-3d .hub-labels{display:block;}
.hub-label{
  position:absolute; transform:translate(-50%,-50%);
  font-family:'JetBrains Mono',monospace; font-size:9px; letter-spacing:.05em;
  color:var(--haze); white-space:nowrap; text-align:center;
}
.hub-label.cat-green{color:var(--green);}
.hub-label.cat-orange{color:var(--orange);}
.hub-label .lk{display:block; font-size:8px; color:var(--haze-dim);}
.hub-label.core{
  font-size:10px; font-weight:700; color:var(--void); background:var(--green);
  padding:4px 9px; border-radius:5px; box-shadow:0 0 16px rgba(62,207,142,.55);
}
.node-label{font-family:'JetBrains Mono',monospace; font-size:9px; fill:var(--haze); letter-spacing:.04em;}
.node-label.core{fill:var(--void); font-weight:600;}
.hub-caption{
  margin-top:12px; font-family:'JetBrains Mono',monospace; font-size:.68rem;
  letter-spacing:.05em; color:var(--haze-dim); text-align:center;
}

/* ---------- bridge: prose, subheadings, citations, panel links ---------- */
.prose{max-width:72ch;}
.prose p{color:var(--haze); font-size:.98rem; margin:0 0 16px;}
.sub-head{font-size:1.15rem; font-weight:700; margin:40px 0 14px; color:var(--mist);}
.source-note{margin-top:16px; font-family:'JetBrains Mono',monospace; font-size:.66rem; letter-spacing:.03em; color:var(--haze-dim);}
.panel-link{font-family:'JetBrains Mono',monospace; font-size:.78rem; color:var(--green); margin-top:14px; display:inline-block; text-decoration:none;}
.panel-link:hover{color:var(--mist);}

/* ---------- buttons (brand system: navy = primary authority action) ---------- */
.btn{
  display:inline-flex; align-items:center; gap:10px;
  font-family:'JetBrains Mono',monospace; font-size:.82rem; font-weight:600;
  letter-spacing:.02em; text-decoration:none; white-space:nowrap;
  padding:12px 20px; border-radius:7px; border:1px solid transparent;
  transition:background-color .2s, border-color .2s, color .2s, transform .15s;
}
.btn:active{transform:translateY(1px);}
.btn .dot{width:7px; height:7px; border-radius:50%; background:currentColor; flex:none;}
.btn .dot-pulse{box-shadow:0 0 0 rgba(255,255,255,.5); animation:btn-pulse 2.2s infinite;}
@media (prefers-reduced-motion: reduce){ .btn .dot-pulse{animation:none;} }
@keyframes btn-pulse{
  0%{box-shadow:0 0 0 0 rgba(233,241,244,.35);}
  70%{box-shadow:0 0 0 8px rgba(233,241,244,0);}
  100%{box-shadow:0 0 0 0 rgba(233,241,244,0);}
}
/* primary: solid navy, the site's main call-to-action treatment */
.btn-primary, .btn{
  background:var(--navy); border-color:var(--navy); color:var(--on-navy);
}
.btn-primary:hover, .btn:hover{background:var(--navy-deep); border-color:var(--navy-deep);}
.btn-primary:focus-visible, .btn:focus-visible{outline:2px solid var(--green); outline-offset:2px;}
.btn-primary[aria-disabled="true"], .btn[aria-disabled="true"]{
  background:var(--panel); border-color:var(--line-soft); color:var(--haze-dim);
  pointer-events:none;
}
/* secondary: quiet outline, for a lower-emphasis action beside a primary one */
.btn-secondary{background:transparent; border-color:var(--line); color:var(--green);}
.btn-secondary:hover{background:rgba(62,207,142,.08); border-color:var(--green-dim); color:var(--mist);}
.btn-secondary:focus-visible{outline:2px solid var(--green); outline-offset:2px;}

/* ---------- credentials: 3-col grid + compact badge wall ---------- */
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.cred-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(230px,1fr)); gap:10px;}
.cred-badge{background:var(--panel); border:1px solid var(--line-soft); border-radius:8px; padding:11px 14px;}
.cred-badge .code{font-family:'JetBrains Mono',monospace; font-size:.7rem; color:var(--green); display:block; margin-bottom:3px; letter-spacing:.03em;}
.cred-badge .t{font-size:.82rem; color:var(--mist);}

/* ---------- record / mission log ---------- */
.log{display:flex; flex-direction:column;}
.log-row{display:grid; grid-template-columns:170px 1fr; gap:24px; padding:22px 0; border-top:1px solid var(--line-soft);}
.log-row:first-child{border-top:none;}
.log-time{font-family:'JetBrains Mono',monospace; color:var(--green-dim); font-size:.85rem; padding-top:2px;}
.log-row h3{font-size:1.05rem; font-weight:600; margin-bottom:5px;}
.log-row p{margin:0; color:var(--haze); font-size:.94rem;}
.log-status{display:inline-block; margin-top:9px; font-family:'JetBrains Mono',monospace; font-size:.66rem; letter-spacing:.08em; color:var(--orange); text-transform:uppercase;}

/* ---------- cards / grid ---------- */
.grid-2{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.panel{
  background:var(--panel); border:1px solid var(--line-soft); border-radius:10px;
  padding:28px; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  will-change:transform;
}
.panel:hover{box-shadow:var(--glow); border-color:var(--line);}
.panel .tag{font-family:'JetBrains Mono',monospace; font-size:.68rem; color:var(--haze-dim); letter-spacing:.06em;}
.panel h3{font-size:1.08rem; margin:10px 0 10px;}
.panel p{margin:0; color:var(--haze); font-size:.93rem;}

/* ---------- books ---------- */
.book{display:flex; flex-direction:column; gap:14px; text-decoration:none;}
.book-cover{
  aspect-ratio:5/7; border-radius:8px; position:relative; overflow:hidden;
  background:linear-gradient(160deg, #16232c, #0a1116 75%);
  border:1px solid var(--line-soft); transition:border-color .25s, transform .25s;
  will-change:transform;
}
.book-cover img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.book-cover::after{
  content:''; position:absolute; inset:0; border-radius:8px;
  background:linear-gradient(160deg, rgba(62,207,142,.16), transparent 50%);
}
.book:hover .book-cover{border-color:var(--green-dim);}
.book-cover .mark{
  font-family:'JetBrains Mono',monospace; font-size:.62rem; letter-spacing:.12em; color:var(--mist);
  position:absolute; top:10px; left:10px; z-index:2;
  background:rgba(10,17,22,.72); backdrop-filter:blur(3px);
  padding:3px 8px; border-radius:4px; border:1px solid var(--line-soft);
}
.book-meta .t{font-weight:600; font-size:.92rem; color:var(--mist);}
.book-meta .s{font-size:.8rem; color:var(--haze); margin-top:3px;}
.book-meta .link{font-family:'JetBrains Mono',monospace; font-size:.7rem; color:var(--green); margin-top:9px; display:inline-block;}

/* ---------- teaser ---------- */
.teaser{background:var(--panel-hi); border:1px dashed var(--line); border-radius:10px; padding:28px;}
.teaser .badge{
  display:inline-block; font-family:'JetBrains Mono',monospace; font-size:.66rem;
  letter-spacing:.08em; text-transform:uppercase; color:var(--orange);
  border:1px solid rgba(242,140,61,.35); border-radius:4px; padding:3px 9px; margin-bottom:14px;
}
.teaser h3{font-size:1.08rem; margin-bottom:9px;}
.teaser p{margin:0; color:var(--haze); font-size:.93rem;}

/* ---------- article cards (Stage 2, live once posts are published) ---------- */
.article-card{display:flex; flex-direction:column; text-decoration:none;}
.article-card .tag{font-family:'JetBrains Mono',monospace; font-size:.68rem; color:var(--haze-dim); letter-spacing:.06em;}
.article-card h3{font-size:1.05rem; margin:10px 0 8px; color:var(--mist);}
.article-card p{margin:0; color:var(--haze); font-size:.9rem;}

/* ---------- generic page / single post content (Stage 2) ---------- */
.page-content{padding:70px 0 90px;}
.page-content h1{font-size:2.1rem; margin-bottom:20px;}
.entry-content{max-width:72ch; color:var(--haze); font-size:1rem;}
.entry-content p{margin:0 0 18px;}
.entry-content h2{color:var(--mist); font-size:1.4rem; margin:36px 0 14px;}
.entry-content h3{color:var(--mist); font-size:1.15rem; margin:28px 0 12px;}
.entry-content a{color:var(--green); text-decoration:underline;}
.entry-content img{border-radius:8px; margin:20px 0;}
.entry-meta{font-family:'JetBrains Mono',monospace; font-size:.72rem; color:var(--haze-dim); margin-bottom:28px; letter-spacing:.04em;}

/* ---------- about page: bio beside a sticky portrait ---------- */
.about-bio-layout{
  display:grid; grid-template-columns:300px 1fr; gap:56px;
  align-items:start; margin-bottom:56px;
}
.about-portrait{position:sticky; top:96px;}
.about-portrait-frame{
  aspect-ratio:4/5; border-radius:12px; overflow:hidden; position:relative;
  background:linear-gradient(160deg, #16232c, #0a1116 75%);
  border:1px solid var(--line-soft); box-shadow:var(--glow);
}
.about-portrait-frame img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; object-position:center; display:block;
}
.about-portrait-frame::after{
  content:''; position:absolute; inset:0; border-radius:12px;
  background:none;
  pointer-events:none;
}
.about-portrait-cap{
  margin-top:14px; text-align:center; font-size:.72rem; font-weight:600;
  letter-spacing:.1em; color:var(--mist); text-transform:uppercase;
}
.about-portrait-cap span{
  display:block; margin-top:4px; font-size:.66rem; letter-spacing:.06em;
  color:var(--haze-dim); text-transform:none;
}
@media (max-width:860px){
  .about-bio-layout{grid-template-columns:1fr; gap:28px;}
  .about-portrait{position:static; width:min(100%, 300px); margin:0 auto;}
}

/* ---------- closing CTA (above footer, every page) ---------- */
.closing-cta{
  padding:80px 0; text-align:center; border-top:1px solid var(--line-soft);
  background:linear-gradient(180deg, transparent, rgba(18,58,94,.14));
}
.closing-cta h2{font-size:clamp(1.6rem,4vw,2.4rem); margin-bottom:28px;}
.closing-cta-actions{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}

/* ---------- footer ---------- */
footer.site-footer{border-top:1px solid var(--line-soft); padding:50px 0 60px;}
.foot-grid{display:flex; justify-content:space-between; flex-wrap:wrap; gap:34px;}
.foot-col h4{font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--haze-dim); margin:0 0 14px;}
.foot-col a, .foot-col span{display:block; font-size:.88rem; color:var(--haze); text-decoration:none; margin-bottom:9px;}
.foot-col a:hover{color:var(--mist);}
.foot-col a:focus-visible{outline:2px solid var(--green); outline-offset:2px;}
.foot-col-brand{max-width:280px;}
.foot-col-brand h4{font-family:'Fraunces',Georgia,serif; font-style:italic; text-transform:none; letter-spacing:0; font-size:1.05rem; color:var(--mist);}
.foot-blurb{color:var(--haze); font-size:.88rem; margin:0 0 14px; line-height:1.55;}
.foot-langs{font-family:'JetBrains Mono',monospace; font-size:.76rem !important; letter-spacing:.03em; color:var(--haze-dim) !important;}
.foot-note{
  margin-top:44px; padding-top:22px; border-top:1px solid var(--line-soft);
  display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; row-gap:10px; column-gap:20px;
  font-size:.76rem; color:var(--haze-dim); font-family:'JetBrains Mono',monospace;
}
.foot-legal-links{display:flex; gap:16px; flex-wrap:wrap;}
.foot-legal-links a{color:var(--haze-dim); text-decoration:none;}
.foot-legal-links a:hover{color:var(--mist);}
.foot-disclaimer{flex-basis:100%; font-size:.68rem; color:var(--haze-dim); opacity:.8;}

@media (max-width:860px){
  .console-bar{flex-wrap:wrap;}
  .role-ticker{order:3; min-width:0;}
  .hub-layout{grid-template-columns:1fr;}
  .grid-2,.grid-4,.grid-3,.cred-grid{grid-template-columns:1fr 1fr;}
  .log-row{grid-template-columns:110px 1fr;}

  /* mobile nav: collapses only once JS confirms it can open/close the
     panel below - see the "header + mobile nav" block in site.js.
     Without JS, .js-ready is never added, so console-nav keeps its
     desktop flex-wrap behavior instead of disappearing. */
  .js-ready .nav-toggle{display:inline-flex; order:2;}
  .js-ready .role-ticker{order:3;}
  .js-ready .console-nav{
    display:none; position:absolute; top:100%; left:0; right:0; order:4;
    flex-direction:column; gap:0; background:rgba(10,17,22,.98); backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line-soft); padding:6px 30px 18px;
  }
  .js-ready .console-nav.is-open{display:flex;}
  .js-ready .console-nav a{padding:13px 0; border-bottom:1px solid var(--line-soft);}
  .js-ready .console-nav a:last-child{border-bottom:none;}
}
@media (max-width:540px){
  .grid-2,.grid-4,.grid-3{grid-template-columns:1fr;}
  .hero{padding:80px 0 50px;}
}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .js-ready .reveal, .js-ready .stagger > *{opacity:1; transform:none; transition:none;}
}

/* Review candidate: dedicated destinations, contact integration and local guide. */
[hidden]{display:none!important;}
.page-intro{border-top:none;padding-top:64px;}
.page-intro h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.14;max-width:950px;margin:18px 0 24px;}
.page-intro>.wrap>.sec-intro{max-width:760px;}
.sec-head h1{font-size:clamp(1.8rem,4vw,2.8rem);}
.resource-grid{gap:24px;}
.resource-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;}
.resource-card h2{font-size:1.45rem;margin-top:12px;}
.resource-card p,.service-description{color:#b0bec9;font-size:1rem;}
.resource-card .panel-link{margin-top:auto;padding-top:20px;}
.resource-search{max-width:620px;margin:0 0 28px;}
.resource-search label,#guideForm label{display:block;font-weight:600;margin-bottom:8px;}
.resource-search input,#guideQuery{width:100%;min-height:48px;background:var(--void);border:1px solid #718291;border-radius:6px;padding:12px 14px;color:var(--mist);font:inherit;}
.resource-status,.resource-note{color:#b0bec9;font-size:.9rem;line-height:1.7;}
.resource-note{margin-block:1.5rem 2rem;}
.resource-note a{text-underline-offset:3px;}
.learning-method{margin-top:36px;}
.practical-steps{padding-left:24px;max-width:900px;}
.practical-steps li{padding:10px 0 10px 8px;}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;}
.contact-layout h2{font-size:1.6rem;}
.contact-primary .btn{white-space:normal;overflow-wrap:anywhere;}
.contact-aside ul{padding-left:20px;}
.contact-aside li{margin:10px 0;}
.contact-primary div.wpforms-container-full{margin:24px 0;color:var(--mist);}
.contact-primary div.wpforms-container-full .wpforms-form input:not([type=checkbox]):not([type=radio]),.contact-primary div.wpforms-container-full .wpforms-form textarea,.contact-primary div.wpforms-container-full .wpforms-form select{background:var(--void);color:var(--mist);border:1px solid #8493a0;max-width:100%;font-size:1rem;}
.contact-primary div.wpforms-container-full .wpforms-form label,.contact-primary div.wpforms-container-full .wpforms-form .wpforms-field-description{color:var(--mist);}
.contact-primary div.wpforms-container-full .wpforms-form label.wpforms-error{color:#ffb3aa;}
.contact-primary div.wpforms-container-full .wpforms-form button[type=submit]{background:var(--navy);color:var(--mist);border:1px solid #8493a0;min-height:48px;}
.policy-copy{max-width:960px;}
.console-nav a[aria-current=page]{color:var(--green);text-decoration:underline;text-underline-offset:7px;}
.guide-launch{position:fixed;right:24px;bottom:20px;z-index:35;}
.guide-launch .btn{background:var(--navy-deep);box-shadow:0 8px 24px #0008;}
#askmarcioGuide{width:min(620px,calc(100% - 32px));max-height:85dvh;overflow:auto;background:var(--panel);color:var(--mist);border:1px solid #8493a0;border-radius:12px;padding:28px;}
#askmarcioGuide::backdrop{background:#000b;}
.guide-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;}
.guide-heading h2{font-size:1.6rem;}
#guideClose{background:transparent;color:var(--mist);border:1px solid #8493a0;border-radius:4px;padding:8px 12px;cursor:pointer;font:inherit;min-height:44px;}
.guide-input{display:flex;gap:10px;}
.guide-input input{min-width:0;}
#guideResults article{margin-top:20px;border-top:1px solid var(--line);padding-top:10px;}
.site-footer{padding-bottom:96px;}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px;}
@media(max-width:720px){.contact-layout{grid-template-columns:1fr;}.page-intro{padding-top:36px;}.guide-launch{right:12px;bottom:12px;}#askmarcioGuide{padding:20px;}.guide-input{flex-direction:column;}.page-intro .wrap{padding-left:20px;padding-right:20px;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.reveal,.js-ready .reveal,.js-ready .stagger>*{opacity:1;transform:none;transition:none;}}

/* Living catalog and page-wide motion, 1.2. */
body{isolation:isolate;}
#net{position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;opacity:.65;}
[hidden]{display:none!important;}
.hub-diagram canvas{touch-action:none;cursor:grab;}
a.hub-label{pointer-events:auto;min-height:44px;min-width:54px;padding:12px 8px;display:flex;flex-direction:column;justify-content:center;font-size:10px;text-decoration:none;border:1px solid transparent;border-radius:8px;background:rgba(10,17,22,.72);}
a.hub-label:hover,a.hub-label:focus-visible{border-color:var(--green);background:var(--void);z-index:3;}
.hub-controls,.hub-course-links,.topic-index{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px 0;}
.hub-course-links a,.topic-index a{padding:10px 14px;border:1px solid var(--line);border-radius:6px;font-family:'JetBrains Mono',monospace;font-size:.8rem;}
.hub-controls button,.carousel-actions button,.motion-toggle{min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:6px;color:var(--mist);background:var(--panel);font:inherit;cursor:pointer;}
.hub-controls button:hover,.carousel-actions button:hover,.motion-toggle:hover{border-color:var(--green);}
.motion-toggle{font-size:.8rem;margin-top:18px;}
.content-carousel{min-width:0;}
.carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;}
.carousel-count{font-size:.75rem;color:var(--haze);}
.carousel-actions{display:flex;gap:8px;}
.carousel-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--green-dim) var(--panel);padding:8px 2px 24px;}
.carousel-card{flex:0 0 min(310px,82vw);scroll-snap-align:start;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(16,27,35,.93);}
.article-carousel .carousel-card{flex-basis:min(380px,82vw);}
.carousel-card-link{height:100%;display:flex;flex-direction:column;text-decoration:none;color:inherit;}
.carousel-card-link:hover .panel-link{color:var(--mist);}
.carousel-card:focus-within{outline:2px solid var(--green);outline-offset:3px;}
.book-stage,.article-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:32px 24px 44px;background:radial-gradient(ellipse at 50% 90%,#3ecf8e24,transparent 68%),linear-gradient(145deg,#19333f,#0a1116);border-bottom:1px solid var(--line);}
.book-stage{height:330px;perspective:850px;}
.book-stage img{max-width:100%;width:auto;height:100%;object-fit:contain;transform:rotateY(-10deg) rotateZ(-2deg);filter:drop-shadow(12px 14px 8px #0009);transition:transform .4s ease;}
.carousel-card-link:hover .book-stage img,.carousel-card-link:focus-visible .book-stage img{transform:rotateY(0) rotateZ(0);}
.article-stage{height:220px;padding:0 0 30px;}
.article-stage img{width:100%;height:100%;object-fit:cover;}
.cover-title{font-size:1.6rem;font-weight:700;padding:24px;color:var(--mist);line-height:1.2;}
.stage-label{position:absolute;bottom:12px;left:20px;right:12px;font-size:.6rem;letter-spacing:.12em;color:var(--green);}
.carousel-copy{padding:24px;display:flex;flex-direction:column;flex:1;}
.carousel-copy h3{font-size:1.2rem;margin:8px 0 12px;}
.carousel-copy p{color:var(--haze);font-size:.93rem;margin:0 0 24px;}
.carousel-copy .panel-link{margin-top:auto;}
.learning-shelf{scroll-margin-top:110px;padding:38px 0;border-top:1px solid var(--line-soft);}
.learning-shelf h2{margin-bottom:24px;}
.topic-index{justify-content:flex-start;}
@media(prefers-reduced-motion:reduce){.book-stage img{transition:none;transform:none;}}
/* Living site revision: continuous motion and compact editorial rhythm. */
section.panel-section{padding:52px 0;border-top-color:transparent;}

.planetarium{position:relative;min-height:620px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;touch-action:pan-y;}
.planetarium.is-orbiting{display:block;touch-action:none;background:radial-gradient(ellipse at center,#f4a84312,transparent 50%);}
.orbit-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.orbit-paths path{fill:none;stroke:#59b5c333;stroke-width:1;}
.planet,.hub-sun{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;border:none;background:none;color:var(--mist);font:inherit;cursor:pointer;min-width:70px;min-height:64px;}
.is-orbiting .planet,.is-orbiting .hub-sun{position:absolute;transform:translate(-50%,-50%);}
.hub-sun{left:50%;top:50%;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff2bd,#f5b344 46%,#bf6424);color:#21150b;font-weight:800;box-shadow:0 0 40px #ffbc4c65,0 0 100px #ffb52a25;z-index:20;}
.hub-sun span{font-size:9px;letter-spacing:.08em;}
.planet-sphere{width:36px;height:36px;display:block;border-radius:50%;background:radial-gradient(circle at 30% 25%,#caffee,#3ecf8e 35%,#163d40 80%);box-shadow:0 0 16px #3ecf8e35;transform:scale(var(--depth,1));}
.planet-1 .planet-sphere{background:radial-gradient(circle at 30% 25%,#ffe6c7,#e29144 40%,#532d30 80%);}
.planet-2 .planet-sphere{background:radial-gradient(circle at 30% 25%,#cbdfff,#578fd6 40%,#20304b 80%);}
.planet-3 .planet-sphere{background:radial-gradient(circle at 30% 25%,#f2d4ff,#a578cb 40%,#362348 80%);}
.planet-name{font-size:11px;font-family:'JetBrains Mono',monospace;margin-top:5px;padding:2px 5px;border-radius:4px;background:#0a1116db;}
.planet:hover .planet-sphere,.planet:focus-visible .planet-sphere{box-shadow:0 0 24px #b9ffe4;}
#orbDialog{width:min(560px,calc(100% - 32px));max-height:85vh;overflow:auto;background:#101d26;color:var(--mist);border:1px solid var(--green-dim);border-radius:18px;padding:36px;box-shadow:0 24px 100px #000a;}
#orbDialog::backdrop{background:#02080de0;backdrop-filter:blur(5px);}
#orbDialog h2{margin-bottom:20px;}#orbStory{color:var(--haze);line-height:1.8;margin-bottom:26px;}
.dialog-close{float:right;background:transparent;border:1px solid var(--line);color:var(--mist);width:44px;height:44px;border-radius:50%;font-size:24px;cursor:pointer;}
.carousel-rail{position:relative;scroll-snap-type:none;overflow-anchor:none;gap:20px;}
.carousel-card{flex-basis:min(310px,80vw);}
.article-carousel .carousel-card{flex-basis:min(350px,80vw);}
.resource-module{border:1px solid var(--line);border-radius:10px;margin:14px 0;background:#101b23d9;overflow:hidden;scroll-margin-top:100px;}
.resource-module summary,.career-event summary{display:flex;align-items:center;gap:20px;padding:24px;cursor:pointer;list-style:none;}
.resource-module summary::-webkit-details-marker,.career-event summary::-webkit-details-marker{display:none;}
.resource-module summary h2,.resource-module summary h3{margin:0 0 6px;font-size:1.15rem;}
.resource-module small{color:var(--haze);font-size:.8rem;}
.module-number{color:var(--green);font-size:.9rem;}
.expand-sign{margin-left:auto;font-size:26px;color:var(--green);flex-shrink:0;transition:transform .2s;}
.resource-module[open]>summary .expand-sign,.career-event[open]>summary .expand-sign{transform:rotate(45deg);}
.module-resources{padding:0 24px 24px;}
.module-resources .resource-card{padding:22px 0;border-top:1px solid var(--line-soft);}
.resource-card h4{font-size:1rem;margin:0 0 10px;}.resource-card p{color:var(--haze);margin-bottom:14px;}
.learning-shelf{padding:0;}
.career-timeline{border-left:1px solid var(--green-dim);padding-left:24px;margin:30px 0 50px;}
.career-event{position:relative;background:#101b23d9;margin:14px 0;border:1px solid var(--line);border-radius:10px;}
.career-event::before{content:'';position:absolute;top:34px;left:-31px;width:11px;height:11px;background:var(--green);border-radius:50%;box-shadow:0 0 14px #3ecf8e77;}
.career-event summary{flex-wrap:wrap;gap:12px;}.career-event summary>.mono{width:100%;font-size:.75rem;color:var(--green);}
.career-event h3{font-size:1.05rem;flex:1;}.career-detail{padding:0 24px 24px;color:var(--haze);line-height:1.8;}.career-detail ul{padding-left:22px;}
.portrait-awaiting{text-align:center;background:radial-gradient(circle at 50% 30%,#3ecf8e19,transparent 65%);border:1px solid var(--line);border-radius:16px;padding:35px 18px;}
.portrait-initials{width:180px;height:180px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;font-size:3rem;margin:10px auto 30px;box-shadow:0 0 30px #3ecf8e18;}
@media(max-width:600px){.planetarium{min-height:560px;}.hub-sun{width:72px;height:72px;font-size:.85rem;}.planet{min-width:58px;}.planet-sphere{width:26px;height:26px;}.planet-name{font-size:9px;}.resource-module summary{padding:20px 16px;gap:12px;}.career-timeline{padding-left:16px;}.career-event::before{left:-23px;}.career-event summary{padding:20px 16px;}section.panel-section{padding:38px 0;}}

.portrait-initials{position:relative;}.portrait-initials::after{content:'';position:absolute;inset:-13px;border:1px dashed #3ecf8e66;border-radius:50%;animation:portrait-orbit 35s linear infinite;}@keyframes portrait-orbit{to{transform:rotate(360deg);}}@media(prefers-reduced-motion:reduce){.portrait-initials::after{animation:none;}}

.motion-off .portrait-initials::after{animation-play-state:paused;}
.credential-gallery img{width:100%;height:220px;object-fit:contain;margin-bottom:18px;}

.credential-groups{margin-top:24px;}.credential-record{border:1px solid var(--line);border-radius:10px;padding:20px;margin:14px 0;background:#101d26;}.credential-record h3{font-size:1.05rem;margin:10px 0;}.credential-record p{color:var(--haze);}.credential-record details{margin-top:14px;}.credential-record summary{cursor:pointer;color:var(--green);padding:10px 0;}.credential-record img{display:block;width:100%;height:auto;border-radius:6px;margin-top:16px;}.credential-record .credential-date{font-size:.78rem;color:var(--green);}.credential-record details a{display:block;margin-top:12px;}.credential-metrics{display:flex;gap:28px;flex-wrap:wrap;margin:24px 0;}.credential-metrics strong{display:block;font-size:1.8rem;color:var(--green);}.credential-metrics span{font-size:.85rem;color:var(--haze);}

/* Subject tiles, readable CTAs, and contact form. */
.learning-module-grid,.learning-page .resource-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.learning-module-grid .resource-module,.learning-page .resource-directory .resource-module{margin:0;min-width:0}
.learning-page .resource-directory> :not(details){grid-column:1/-1}
.learning-module-grid .module-resources,.learning-page .module-resources{grid-template-columns:minmax(0,1fr)}
.learning-page .topic-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.learning-page .topic-index a{padding:14px 18px;white-space:normal}
.books-story{max-width:780px;margin-bottom:32px;color:var(--muted,#a8b8c2);line-height:1.8}
.books-story p+p{margin-top:16px}
.service-contact-cta .btn{margin-top:24px}
.btn-orange,.contact-primary .wpforms-container button[type=submit]{background:#f59b45!important;color:#111c25!important;border:2px solid #f59b45!important}
.btn-orange:hover,.contact-primary .wpforms-container button[type=submit]:hover{background:#ffb86b!important;border-color:#ffb86b!important}
.btn-orange:focus-visible,.contact-primary .wpforms-container button:focus-visible{outline:3px solid #fff;outline-offset:5px}
.contact-primary .wpforms-container{margin-top:28px}
.contact-primary .wpforms-field{margin-bottom:22px}
.contact-primary .wpforms-submit-container{margin-top:24px}
.contact-primary .wpforms-field input,.contact-primary .wpforms-field textarea{width:100%;max-width:100%;box-sizing:border-box}
.contact-primary .wpforms-field label{display:block;margin-bottom:10px}
.contact-primary .wpforms-field textarea{min-height:170px}
.preview-form-note{padding:16px;border:1px solid #f59b45;border-radius:8px;margin-bottom:20px}
.planet-name{max-width:130px;white-space:normal;line-height:1.2}
@media(max-width:700px){.learning-module-grid,.learning-page .resource-directory{grid-template-columns:minmax(0,1fr)}.learning-page .topic-index{grid-template-columns:repeat(2,minmax(0,1fr))}.planet-name{max-width:90px;font-size:10px}}

/* Journey update: shared spacing scale and progressive enhancement. */
:root{--space-copy:1.25rem;--space-block:2rem;--space-section:clamp(3rem,6vw,5.5rem)}
.sec-head{margin-bottom:1.5rem}.sec-intro{margin-block:1.25rem 2.5rem;line-height:1.8}.panel-section{padding-block:var(--space-section)}
.prose p,.entry-content p,.books-story p{margin-block:0 var(--space-copy);line-height:1.85}.entry-content h2,.entry-content h3{margin-top:2.5rem;margin-bottom:1rem}.sub-head{margin-top:3.5rem;margin-bottom:1.5rem}
.module-resources,.career-detail{padding:1.75rem}.module-resources p{margin-bottom:1.25rem}.resource-card p,.service p{line-height:1.75}.wpforms-field{margin-bottom:1.5rem!important}.wpforms-submit-container{margin-top:1.5rem!important}footer{margin-top:var(--space-block)}
.biography-chapters{margin-top:2.5rem}.biography-chapter{border-top:1px solid #31434e}.biography-chapter:last-child{border-bottom:1px solid #31434e}.biography-chapter>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:1.5rem 0;list-style:none}.biography-chapter h2{font-size:1.12rem;margin:0;line-height:1.5}.biography-chapter>div{padding:0 0 1rem}.biography-chapter[open]>summary>span{transform:rotate(45deg)}
.career-countups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:3.5rem 0}.career-countups>div{padding:2rem;border:1px solid #31434e;background:linear-gradient(135deg,#132735,#0b171f)}.career-countups strong{display:block;font-size:clamp(3rem,6vw,5.5rem);color:#efcb82;font-variant-numeric:tabular-nums}.career-countups span,.career-countups small{display:block;margin-top:.6rem}.career-countups small{color:#b0c1ca}
.journey-controls{position:sticky;top:82px;z-index:8;display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;padding:1rem;background:#0b1925f5;border:1px solid #31434e;margin-bottom:2rem}.journey-controls button,.journey-controls select{padding:.7rem 1rem;border:1px solid #53646b;background:#132a35;color:#edf5f8;font:inherit;border-radius:5px}.journey-controls button:not(:disabled){cursor:pointer}.journey-controls button:disabled{opacity:.45}.journey-controls label{font-size:.8rem}.journey-controls #journeyPlay{background:#eea95c;color:#0b1925}.journey-controls #journeyStatus{width:100%;font-size:.85rem;color:#c4d4da}
.career-timeline{position:relative;padding-left:1.7rem}.career-timeline:before{content:'';position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(to bottom,#efcb82 0 var(--journey-progress,0%),#283f4c var(--journey-progress,0%) 100%)}.career-event{position:relative;scroll-margin-top:220px}.career-event:before{content:'';position:absolute;left:-2rem;top:1.9rem;width:12px;height:12px;border-radius:50%;background:#283f4c;border:2px solid #0b1925}.career-event.journey-passed:before{background:#efcb82;box-shadow:0 0 12px #efcb8266}.journey-current{outline:1px solid #efcb82;outline-offset:3px}
.credential-search{margin:2rem 0}.credential-search label{display:block;margin-bottom:.75rem}.credential-search input,.language-panel input{width:100%;padding:.85rem;background:#10232e;border:1px solid #536b79;color:#f4f8fa;font:inherit}.credential-search p{margin-top:.7rem;color:#bfd0d9}.credential-record{padding-block:1.5rem}.credential-viewer{width:min(94vw,1100px);max-height:92vh;background:#0c1c27;border:1px solid #627780;color:white;padding:1rem}.credential-viewer img{display:block;max-width:100%;height:auto;margin:1rem auto}.credential-viewer::backdrop{background:#000b}.credential-viewer button{padding:.8rem 1rem;background:#efcb82;border:0;color:#15212b;cursor:pointer}
.brand{gap:.65rem!important}.brand-monogram{position:relative;display:block;width:96px;height:50px;flex-shrink:0}.brand-monogram img,.brand-monogram canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.brand-monogram.webgl-ready img{visibility:hidden}.brand .name{white-space:nowrap}.language-control{position:relative}.language-control>summary{display:flex;gap:.4rem;cursor:pointer;padding:.65rem;white-space:nowrap}.language-globe{display:inline-block;color:#efcb82;animation:globe-turn 12s linear infinite}.language-panel{position:absolute;right:0;top:100%;width:min(320px,85vw);max-height:65vh;overflow:auto;padding:1.2rem;background:#10232e;border:1px solid #536b79;color:white;box-shadow:0 15px 40px #0008}.language-panel p,.language-panel label,.language-panel small{display:block;margin-bottom:.7rem}.translation-widget{margin:1rem 0}.translation-widget a{display:block!important;margin:.6rem 0}.translation-widget select{max-width:100%;color:#10232e;background:white}
.motion-toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:44px}.motion-rocket{display:inline-block;animation:rocket-float 2.6s ease-in-out infinite}@keyframes rocket-float{50%{transform:translate(2px,-3px) rotate(-8deg);filter:drop-shadow(-3px 4px 3px #f6a346)}}@keyframes globe-turn{to{transform:rotate(360deg)}}
.motion-off .motion-rocket,.motion-off .language-globe{animation:none;transform:none}.motion-off *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
[hidden]{display:none!important}
@media(max-width:1200px){.role-ticker{display:none}}
@media(max-width:700px){.brand-monogram{width:76px;height:40px}.career-countups{grid-template-columns:1fr}.journey-controls{top:68px;padding:.7rem}.journey-controls button{padding:.65rem}.career-event{scroll-margin-top:280px}.language-panel{position:static;width:100%}.module-resources,.career-detail{padding:1.25rem}.biography-chapter h2{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.motion-rocket,.language-globe{animation:none!important}*{scroll-behavior:auto!important}}

.translation-widget button{display:block;color:#d3dfe5;background:transparent;border:0;font:inherit;text-align:left;padding:.5rem 0}

.translation-widget [hidden]{display:none!important}.language-globe svg{display:block;width:1.2em;height:1.2em}

/* Preserve current article sharing layout. */
.entry-share .panel-link{margin-right:20px}

/* Recovered long-form articles: responsive tables and audio. */
.entry-content{min-width:0;overflow-wrap:anywhere;}
.entry-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:24px 0;}
.entry-content th,.entry-content td{padding:12px 16px;border:1px solid var(--line-soft);text-align:left;vertical-align:top;min-width:130px;}
.entry-content th{color:var(--mist);background:rgba(62,207,142,.07);}
.entry-content audio{display:block;width:100%;max-width:100%;margin:20px 0;}
.entry-content blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--green);}

/* Career journey: consistent typography and narrative paragraphs. */
.career-timeline,.career-timeline .mono,.career-timeline summary,.career-timeline h3,.career-detail,.career-detail p,.career-detail li,.career-detail h4,.journey-hint{font-family:'Sora',sans-serif;font-style:normal;}
.career-event summary>.mono{letter-spacing:normal;line-height:1.6;}
.career-event h3{font-size:1.05rem;line-height:1.55;font-weight:600;}
.career-detail{font-size:1rem;line-height:1.85;font-weight:400;overflow-wrap:anywhere;}
.career-detail p{font-size:inherit;line-height:inherit;font-weight:400;margin:0 0 1.25em;}
.career-detail p:last-child{margin-bottom:0;}
.career-detail h4,.career-detail li{font-size:inherit;line-height:inherit;}

/* WPForms grouped Name field: match the existing light field labels. */
.contact-primary div.wpforms-container-full .wpforms-form .wpforms-field-name .wpforms-field-label,
.contact-primary div.wpforms-container-full .wpforms-form .wpforms-field-name legend{
  color:var(--mist,#e4ecef)!important;
}