/* Mavenstar inner pages (About id 63, Contact id 77) — scoped design + mask icons. Loaded by MU plugin on 63/77 (front + editor). All under .mv-page. Icons are CSS masks so page blocks stay plain GreenShift (no inline SVG, no inline style). */

.mv-page{
  --mv-coral:#fd503b; --mv-coral-hover:#e63e2a; --mv-orange:#ff6900;
  --mv-navy:#002749; --mv-sun:#ffc23c; --mv-teal:#17b8a6; --mv-sky:#3aa7ff; --mv-pink:#ff8fa3; --mv-mint:#7bd8b0;
  --mv-white:#fff; --mv-cream:#fff6f1; --mv-mist:#f2f4f7; --mv-slate:#5a6b7b;
  --mv-fh:"Fredoka",system-ui,sans-serif; --mv-fb:"Nunito",system-ui,sans-serif;
  --mv-shadow:0 18px 40px -18px rgba(0,39,73,.28);
  --mv-clay:0 10px 0 rgba(0,39,73,.06),0 22px 45px -22px rgba(0,39,73,.35);
  --mv-maxw:1120px;
  font-family:var(--mv-fb); color:var(--mv-navy); font-size:17px; line-height:1.65;
}
.mv-page *{box-sizing:border-box}
.mv-page h1,.mv-page h2,.mv-page h3,.mv-page h4{font-family:var(--mv-fh);color:var(--mv-navy);line-height:1.1;margin:0 0 .4em}
.mv-page h1{font-size:clamp(2.2rem,4.6vw,3.4rem);font-weight:700;letter-spacing:-.01em}
.mv-page h2{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:600}
.mv-page h3{font-size:1.25rem;font-weight:600;margin:0 0 .3em}
.mv-page p{margin:0 0 1rem}
.mv-page a{color:inherit;text-decoration:none}
.mv-page img{max-width:100%;display:block}
.mv-page .wrap{max-width:var(--mv-maxw);margin-inline:auto;padding-inline:24px}
.mv-page section{position:relative;display:block}

/* mask icon engine */
.mv-page .mvic{display:inline-grid;place-items:center;flex:0 0 auto}
.mv-page .mvic::before{content:"";display:block;width:58%;height:58%;background:#fff;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.mv-page .bg-coral{background:var(--mv-coral)} .mv-page .bg-teal{background:var(--mv-teal)} .mv-page .bg-sky{background:var(--mv-sky)}
.mv-page .bg-orange{background:var(--mv-orange)} .mv-page .bg-pink{background:var(--mv-pink)} .mv-page .bg-sun{background:var(--mv-sun)}
.mv-page .bg-sun::before{background:var(--mv-navy)}
.mv-page .i-loc{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><path d='M12 21s-7-4.5-7-10a7 7 0 0114 0c0 5.5-7 10-7 10z'/><circle cx='12' cy='11' r='2.5'/></svg>")}
.mv-page .i-phone{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><path d='M4 5c0 8 7 15 15 15l2-4-5-2-2 2c-3-1.5-5.5-4-7-7l2-2-2-5z'/></svg>")}
.mv-page .i-mail{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><path d='M4 6h16v12H4z'/><path d='M4 7l8 6 8-6'/></svg>")}
.mv-page .i-clock{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M12 7v5l3 2'/></svg>")}
.mv-page .i-star{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M12 2l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.9 6.1 20.7l1.3-6.6L2.5 8.9l6.6-.8z'/></svg>")}
.mv-page .i-bulb{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><path d='M9 18h6M10 22h4M12 2a7 7 0 00-4 12c.6.6 1 1.3 1 2h6c0-.7.4-1.4 1-2A7 7 0 0012 2z'/></svg>")}
.mv-page .i-shield{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><path d='M12 3l7 4v5c0 4-3 7-7 9-4-2-7-5-7-9V7z'/><path d='M9 12l2 2 4-4'/></svg>")}
.mv-page .i-heart{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><path d='M12 21s-7-4.5-7-10a4.5 4.5 0 018-2.8A4.5 4.5 0 0119 11c0 5.5-7 10-7 10z'/></svg>")}
.mv-page .i-people{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><circle cx='9' cy='8' r='3'/><circle cx='17' cy='9' r='2.5'/><path d='M3 20c0-3 2.5-5 6-5s6 2 6 5M15 20c0-2 .8-3.5 2.5-4'/></svg>")}
.mv-page .i-smile{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M8 14s1.5 2 4 2 4-2 4-2M9 9h.5M15 9h.5'/></svg>")}
.mv-page .i-target{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'><circle cx='12' cy='12' r='9'/><circle cx='12' cy='12' r='4'/></svg>")}
.mv-page .i-eye{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'><path d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z'/><circle cx='12' cy='12' r='3'/></svg>")}

/* buttons */
.mv-page .btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mv-fh);font-weight:600;font-size:1.02rem;padding:.85rem 1.6rem;border-radius:999px;border:2px solid transparent;white-space:nowrap;transition:transform .18s ease,background .18s ease}
.mv-page .btn .mvic{width:18px;height:18px}
.mv-page .btn .mvic::before{width:100%;height:100%}
.mv-page .btn-arrow .mvic{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'><path d='M5 12h14M13 6l6 6-6 6'/></svg>")}
.mv-page .btn-primary{background:var(--mv-coral);color:#fff;box-shadow:0 12px 24px -10px rgba(253,80,59,.85)}
.mv-page .btn-primary .mvic::before{background:#fff}
.mv-page .btn-primary:hover{background:var(--mv-coral-hover);transform:translateY(-2px);color:#fff}
.mv-page .btn-ghost{background:#fff;color:var(--mv-navy);border-color:rgba(0,39,73,.15)}
.mv-page .btn-ghost:hover{border-color:var(--mv-navy);transform:translateY(-2px)}
.mv-page .btn-light{background:#fff;color:var(--mv-coral)}
.mv-page .btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}

/* page hero */
.mv-page .phero{background:radial-gradient(900px 460px at 90% -10%,rgba(253,80,59,.16),transparent 60%),radial-gradient(760px 420px at -6% 110%,rgba(58,167,255,.15),transparent 55%),linear-gradient(180deg,var(--mv-cream),#fff 80%);padding-block:56px 64px;overflow:hidden}
.mv-page .eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:#fff;border:1px solid rgba(0,39,73,.1);color:var(--mv-navy);font-family:var(--mv-fh);font-weight:600;font-size:.85rem;padding:.4rem .9rem;border-radius:999px;box-shadow:var(--mv-shadow)}
.mv-page .eyebrow .dot{width:9px;height:9px;border-radius:50%;background:var(--mv-teal)}
.mv-page .phero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
@media(max-width:880px){.mv-page .phero-grid{grid-template-columns:1fr;gap:28px}}
.mv-page .phero h1{margin-top:16px}
.mv-page .phero h1 .hl{color:var(--mv-coral)}
.mv-page .lead{font-size:1.15rem;color:var(--mv-slate);max-width:46ch}
.mv-page .phero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.mv-page .phero-art{position:relative}
.mv-page .phero-art .frame{border-radius:40px;border:7px solid #fff;box-shadow:var(--mv-clay);overflow:hidden;aspect-ratio:1/.86}
.mv-page .phero-art .frame img{width:100%;height:100%;object-fit:cover}
.mv-page .fbadge{position:absolute;bottom:-14px;left:-10px;background:#fff;border-radius:18px;padding:.7rem 1rem;box-shadow:var(--mv-clay);display:flex;align-items:center;gap:.6rem;font-family:var(--mv-fh);font-weight:600;font-size:.9rem}
.mv-page .fbadge .mvic{width:38px;height:38px;border-radius:12px;background:var(--mv-mint)}
.mv-page .fbadge .mvic::before{background:var(--mv-navy)}
.mv-page .fbadge small{display:block;font-family:var(--mv-fb);font-weight:600;color:var(--mv-slate);font-size:.78rem}

/* sections + headings */
.mv-page .sec{padding-block:70px}
.mv-page .sec.cream{background:var(--mv-cream)}
.mv-page .sec.mist{background:var(--mv-mist)}
.mv-page .sec-head{text-align:center;max-width:640px;margin:0 auto 42px}
.mv-page .kicker{display:inline-block;font-family:var(--mv-fh);font-weight:600;color:var(--mv-coral);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}
.mv-page .sec-head p{color:var(--mv-slate)}

/* story split */
.mv-page .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:880px){.mv-page .split{grid-template-columns:1fr;gap:30px}}
.mv-page .split .kicker{text-align:left;margin-bottom:.3rem}
.mv-page .story-img{border-radius:36px;border:7px solid #fff;box-shadow:var(--mv-clay);overflow:hidden;aspect-ratio:1/.82}
.mv-page .story-img img{width:100%;height:100%;object-fit:cover}
.mv-page .story p{color:var(--mv-slate)}
.mv-page .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.mv-page .chip{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid rgba(0,39,73,.08);border-radius:999px;padding:.45rem .85rem;font-weight:700;font-size:.88rem;box-shadow:var(--mv-shadow)}
.mv-page .chip .mvic{width:17px;height:17px}
.mv-page .chip .mvic::before{background:var(--mv-teal);width:100%;height:100%;--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'><path d='M20 6L9 17l-5-5'/></svg>")}

/* founder */
.mv-page .founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:center;background:#fff;border-radius:40px;box-shadow:var(--mv-shadow);padding:36px;overflow:hidden}
@media(max-width:880px){.mv-page .founder{grid-template-columns:1fr;text-align:center}}
.mv-page .founder .photo{border-radius:30px;overflow:hidden;aspect-ratio:1/1;box-shadow:var(--mv-clay);background:linear-gradient(135deg,var(--mv-coral),var(--mv-orange))}
.mv-page .founder .photo img{width:100%;height:100%;object-fit:cover}
.mv-page .founder .qmark{width:46px;height:46px;background:var(--mv-coral);margin-bottom:6px;-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M10 6H5v6c0 3 2 5 5 5v-2c-2 0-3-1.3-3-3h3zm9 0h-5v6c0 3 2 5 5 5v-2c-2 0-3-1.3-3-3h3z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M10 6H5v6c0 3 2 5 5 5v-2c-2 0-3-1.3-3-3h3zm9 0h-5v6c0 3 2 5 5 5v-2c-2 0-3-1.3-3-3h3z'/></svg>") center/contain no-repeat}
@media(max-width:880px){.mv-page .founder .qmark{margin-inline:auto}}
.mv-page .founder blockquote{margin:0;font-size:1.22rem;font-weight:600;color:var(--mv-navy);line-height:1.5}
.mv-page .founder .who{margin-top:16px;font-family:var(--mv-fh);font-weight:600}
.mv-page .founder .who span{display:block;color:var(--mv-slate);font-family:var(--mv-fb);font-weight:600;font-size:.9rem}

/* mission + vision */
.mv-page .mv2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:760px){.mv-page .mv2{grid-template-columns:1fr}}
.mv-page .mvcard{background:#fff;border-radius:28px;padding:30px;box-shadow:var(--mv-shadow);border-top:6px solid var(--mv-coral)}
.mv-page .mvcard.vision{border-top-color:var(--mv-sky)}
.mv-page .mvcard .mvic{width:56px;height:56px;border-radius:18px;margin-bottom:14px}
.mv-page .mvcard p{color:var(--mv-slate);margin:0}

/* values */
.mv-page .values{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:860px){.mv-page .values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mv-page .values{grid-template-columns:1fr}}
.mv-page .value{background:#fff;border-radius:24px;padding:26px 22px;box-shadow:var(--mv-shadow);transition:transform .2s,box-shadow .2s}
.mv-page .value:hover{transform:translateY(-6px);box-shadow:var(--mv-clay)}
.mv-page .value .mvic{width:54px;height:54px;border-radius:16px;margin-bottom:12px}
.mv-page .value p{color:var(--mv-slate);font-size:.95rem;margin:0}

/* contact cards */
.mv-page .cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.mv-page .cgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mv-page .cgrid{grid-template-columns:1fr}}
.mv-page .ccard{background:#fff;border-radius:24px;padding:26px 20px;box-shadow:var(--mv-shadow);text-align:center}
.mv-page .ccard .mvic{width:58px;height:58px;border-radius:18px;margin:0 auto 14px}
.mv-page .ccard h3{font-size:1.05rem;margin-bottom:.35rem}
.mv-page .ccard p{color:var(--mv-slate);font-size:.95rem;margin:0}
.mv-page .ccard a{color:var(--mv-coral);font-weight:700}

/* map + form */
.mv-page .cform{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
@media(max-width:880px){.mv-page .cform{grid-template-columns:1fr}}
.mv-page .map{border-radius:28px;overflow:hidden;box-shadow:var(--mv-shadow);height:520px;background:var(--mv-mist)}
.mv-page .map iframe{width:100%;height:100%;min-height:520px;border:0;display:block}
@media(max-width:880px){.mv-page .map{height:360px}.mv-page .map iframe{min-height:360px}}
.mv-page .formbox{background:#fff;border-radius:28px;box-shadow:var(--mv-shadow);padding:30px}
.mv-page .formbox h3{margin-bottom:.2rem}
.mv-page .formbox .fnote{color:var(--mv-slate);font-size:.95rem;margin-bottom:8px}
.mv-page .formbox input,.mv-page .formbox textarea{width:100%;border:1.5px solid rgba(0,39,73,.15);border-radius:14px;padding:.75rem .9rem;font-family:var(--mv-fb);font-size:1rem;margin-bottom:12px}
.mv-page .formbox textarea{min-height:110px}
.mv-page .formbox input:focus,.mv-page .formbox textarea:focus{outline:2px solid var(--mv-sky);border-color:var(--mv-sky)}
.mv-page .formbox .wpcf7 .wpcf7-submit{display:inline-flex;align-items:center;font-family:var(--mv-fh);font-weight:600;font-size:1.02rem;padding:.8rem 1.6rem;border-radius:999px;border:0;background:var(--mv-coral);color:#fff;cursor:pointer;box-shadow:0 12px 24px -10px rgba(253,80,59,.85)}
.mv-page .formbox .wpcf7 .wpcf7-submit:hover{background:var(--mv-coral-hover)}

/* CTA band */
.mv-page .cta{padding-block:20px}
.mv-page .cta-band{background:linear-gradient(135deg,var(--mv-coral),var(--mv-orange));border-radius:40px;padding:50px 40px;text-align:center;color:#fff;box-shadow:var(--mv-clay)}
.mv-page .cta-band h2{color:#fff}
.mv-page .cta-band p{color:rgba(255,255,255,.92);max-width:46ch;margin-inline:auto}
.mv-page .cta-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}