/*
Theme Name: Shang Tai Chi
Theme URI: https://shangtaichi.com.au/
Author: James Shang
Description: Modern active-ageing Tai Chi theme for Shang Tai Chi. SEO-ready, responsive, lead-generation focused, and designed for local classes, online membership and community programs.
Version: 1.4.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: shang-tai-chi
*/
:root{--ink:#151515;--muted:#66645f;--paper:#fbfaf7;--white:#fff;--red:#9e2f2a;--red-dark:#7e211d;--line:#e7e2db;--soft:#f3efe8;--green:#3f594c;--max:1180px;--shadow:0 18px 50px rgba(20,20,20,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{width:min(calc(100% - 40px),820px);margin:auto}.eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--red)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;margin:0 0 .65em}h1{font-size:clamp(2.8rem,7vw,5.8rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.025em}h3{font-size:1.45rem}.lead{font-size:clamp(1.08rem,2vw,1.35rem);color:#45433f;max-width:720px}.muted{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.25rem;border-radius:999px;border:1px solid var(--ink);text-decoration:none;font-weight:750;transition:.2s ease;cursor:pointer;font:inherit}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--red);border-color:var(--red);transform:translateY(-1px)}.btn-outline{background:transparent}.btn-outline:hover{background:#fff}.btn-red{background:var(--red);border-color:var(--red);color:white}.btn-red:hover{background:var(--red-dark)}.site-header{position:sticky;top:0;z-index:100;background:rgba(251,250,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:62px;height:62px}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-family:Georgia,serif;font-size:1.1rem}.brand-copy span{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:5px}.main-nav{display:flex;align-items:center;gap:24px}.main-nav ul{display:flex;list-style:none;gap:22px;padding:0;margin:0}.main-nav a{text-decoration:none;font-weight:650;font-size:.94rem}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem}.hero{padding:90px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}.hero h1 span{color:var(--red)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.trust-line{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#55524d;font-size:.92rem}.hero-mark{position:relative;display:grid;place-items:center;min-height:470px}.hero-mark:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#fff 0 48%,#f1e9e2 49% 64%,transparent 65%)}.hero-mark img{position:relative;width:min(88%,410px);filter:drop-shadow(0 22px 28px rgba(0,0,0,.12))}.section{padding:84px 0}.section-white{background:#fff}.section-dark{background:#171716;color:white}.section-red{background:var(--red);color:white}.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 8px 30px rgba(20,20,20,.035)}.card .num{font-family:Georgia,serif;color:var(--red);font-size:2rem}.method-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px}.method-item{padding:24px 18px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.04)}.method-item strong{display:block;font-family:Georgia,serif;font-size:1.2rem;margin-bottom:8px}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.credential-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.credential{background:var(--soft);padding:20px;border-radius:16px}.credential strong{display:block;font-size:1.08rem}.funnel{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.signup-box{background:#fff;color:var(--ink);padding:34px;border-radius:24px;box-shadow:var(--shadow)}.signup-box label{font-weight:700;font-size:.9rem}.field{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #d9d4cc;font:inherit;background:white;margin:7px 0 14px}.check{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:#62605b;margin:3px 0 16px}.check input{margin-top:4px}.form-status{font-size:.9rem;margin-top:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.price-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px}.price{font:700 2.5rem Georgia,serif}.price small{font:500 .95rem Inter,sans-serif;color:var(--muted)}.ticks{list-style:none;padding:0}.ticks li{padding:.45rem 0}.ticks li:before{content:"✓";color:var(--red);font-weight:900;margin-right:.65rem}.page-hero{padding:72px 0 50px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.5rem,6vw,4.8rem)}.content{padding:70px 0}.content h2{margin-top:1.5em}.content p,.content li{font-size:1.05rem}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-weight:800;cursor:pointer}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.post-card a{text-decoration:none}.cta-band{padding:55px 0;background:#efe9e0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.site-footer{background:#111;color:#ddd;padding:60px 0 30px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}.footer-grid h3{color:white}.footer-grid a{color:#ddd;text-decoration:none}.footer-links{list-style:none;padding:0}.footer-links li{margin:.5rem 0}.copyright{margin-top:40px;padding-top:22px;border-top:1px solid #333;color:#999;font-size:.84rem}.notice{padding:14px 16px;background:#f4eee7;border-left:4px solid var(--red);border-radius:8px}.badge{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;font-size:.8rem;font-weight:700;background:#fff}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.main-nav ul{display:none}.menu-toggle{display:block}.main-nav.open{position:absolute;top:84px;left:0;right:0;background:var(--paper);padding:20px;border-bottom:1px solid var(--line)}.main-nav.open ul{display:flex;flex-direction:column}.main-nav .btn{display:none}.main-nav.open .btn{display:inline-flex;margin-top:16px}.hero-grid,.intro-grid,.credentials,.funnel,.split{grid-template-columns:1fr}.hero-mark{min-height:320px}.hero-mark:before{width:300px;height:300px}.hero-mark img{width:280px}.cards,.post-grid{grid-template-columns:1fr 1fr}.method-grid{grid-template-columns:1fr 1fr}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap,.narrow{width:min(calc(100% - 28px),var(--max))}.header-inner{height:72px}.brand img{width:50px;height:50px}.brand-copy span{display:none}.main-nav.open{top:72px}.hero{padding:60px 0 45px}.section{padding:60px 0}.cards,.post-grid,.credential-strip,.method-grid,.footer-grid{grid-template-columns:1fr}.hero-mark{display:none}.signup-box{padding:24px}h1{font-size:2.75rem}}

.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.stage-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 8px 30px rgba(20,20,20,.035)}.stage-card h3{margin-top:.35rem}.stage-label{display:inline-block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--red)}.stage-question{font-weight:750;color:#45433f}.return-note{margin-top:28px;padding:30px;border-radius:22px;background:#171716;color:#fff}.return-note h3{margin-top:.35rem}.return-note p{color:#dedbd5}.return-note blockquote{margin:20px 0 0;padding-left:18px;border-left:3px solid var(--red);font:italic 1.25rem Georgia,serif}.section-dark .stage-card{color:var(--ink)}
@media(max-width:1000px){.stage-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.stage-grid{grid-template-columns:1fr}.return-note{padding:24px}}

/* v1.7 contact/privacy */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:3rem;align-items:start}.stc-signup textarea.field,.stc-signup select.field{width:100%}.form-privacy{font-size:.9rem;line-height:1.55;opacity:.78}.muted{font-weight:400;opacity:.65}.legal-copy h2{margin-top:2.25rem}.legal-copy p{max-width:78ch}.notice{padding:1rem 1.2rem;margin-bottom:2rem;border:1px solid currentColor;border-radius:8px}.notice.success{font-weight:500}@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:2rem}}

/* v1.8 legal identity */
.site-legal{font-size:.82rem;opacity:.68;margin-top:1rem;line-height:1.5}

/* v1.9 streamlined homepage */
.progression-line{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center;margin:2rem 0;padding:1.25rem 0;border-top:1px solid rgba(0,0,0,.12);border-bottom:1px solid rgba(0,0,0,.12)}.progression-line strong{font-size:1.05rem}.progression-line span{opacity:.72}.progression-line b{opacity:.35}@media(max-width:760px){.progression-line{display:grid;grid-template-columns:1fr}.progression-line b{display:none}}

/* v2.0 value proposition */
.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.section-heading{max-width:850px;margin-bottom:2rem}.credibility-story{max-width:900px}.credibility-story p{max-width:78ch}@media(max-width:950px){.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.cards.four{grid-template-columns:1fr}}

/* v2.1 visual refinement */
.hero-mark{background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;}
.hero-mark::before,.hero-mark::after{display:none!important;content:none!important;}
.hero-mark img{display:block;background:#fff;border-radius:0;box-shadow:none!important;mix-blend-mode:normal;}

.micro-showcase{background:#f7f3ec;color:#171717;}
.micro-showcase .eyebrow{color:#b52a22;}
.micro-showcase h2,.micro-showcase h3,.micro-showcase p,.micro-showcase .lead{color:#171717;}
.micro-layout{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(620px,1.5fr);gap:4rem;align-items:start;}
.micro-copy{padding-top:.5rem;}
.micro-copy h2{max-width:640px;font-size:clamp(3rem,4.7vw,5.3rem);line-height:.98;margin:.25rem 0 1.4rem;}
.micro-copy .lead{max-width:620px;font-size:1.22rem;line-height:1.75;}
.micro-rule{width:92px;height:4px;background:#b52a22;margin:1rem 0 1.8rem;border-radius:99px;}
.micro-rule.small{width:52px;height:3px;margin:.8rem 0 1rem;}
.micro-mantra{color:#b52a22!important;margin-top:1.35rem;}
.micro-copy .btn{margin-top:.6rem;}
.micro-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:3rem;border-top:1px solid rgba(0,0,0,.1);padding-top:1.25rem;}
.micro-benefits>div{display:grid;grid-template-columns:auto 1fr;column-gap:.7rem;align-items:center;padding-right:1rem;}
.micro-benefits>div+div{border-left:1px solid rgba(0,0,0,.12);padding-left:1rem;}
.micro-benefits strong,.micro-benefits small{display:block;color:#171717;}
.micro-benefits small{grid-column:2;opacity:.7;margin-top:.15rem;}
.micro-icon{grid-row:1/3;font-size:1.85rem;color:#b52a22;}

.micro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:start;}
.micro-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(34,25,18,.08);border:1px solid rgba(0,0,0,.05);}
.micro-card img{display:block;width:100%;height:230px;object-fit:cover;background:#e9e2d8;}
.micro-card-body{padding:1.25rem 1.25rem 1.45rem;text-align:center;}
.micro-card-body h3{font-size:1.45rem;margin:.1rem 0 .45rem;}
.micro-card-body p{margin:0;line-height:1.55;color:#444!important;}
.micro-card:nth-child(4){grid-column:1;grid-row:2;}
.micro-difference{grid-column:2/4;grid-row:2;display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:start;padding:2rem 1.25rem 0 1.25rem;}
.micro-wave{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#b52a22;font-size:2.3rem;box-shadow:0 8px 20px rgba(34,25,18,.06);}
.micro-difference h3{font-size:2rem;line-height:1.05;margin:0;}
.micro-difference p{max-width:520px;line-height:1.7;color:#333!important;}

@media(max-width:1100px){
  .micro-layout{grid-template-columns:1fr;gap:2.5rem;}
  .micro-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
  .micro-card:nth-child(4){grid-column:auto;grid-row:auto;}
  .micro-difference{grid-column:1/3;grid-row:auto;}
}
@media(max-width:680px){
  .micro-copy h2{font-size:clamp(2.6rem,12vw,4.2rem);}
  .micro-benefits{grid-template-columns:1fr;gap:1rem;}
  .micro-benefits>div+div{border-left:0;border-top:1px solid rgba(0,0,0,.1);padding-left:0;padding-top:1rem;}
  .micro-cards{grid-template-columns:1fr;}
  .micro-difference{grid-column:1;grid-template-columns:1fr;padding:1rem 0 0;}
  .micro-card img{height:220px;}
}

/* v2.2 brand and conversion refinement */
.micro-free-bridge{background:#efe7dc;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);}
.micro-free-inner{display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:2rem;align-items:center;padding-top:2rem;padding-bottom:2rem;}
.micro-free-inner h3{font-size:clamp(1.55rem,2.4vw,2.3rem);margin:.2rem 0 .5rem;color:#171717;}
.micro-free-inner p{max-width:760px;margin:0;color:#333;line-height:1.65;}
@media(max-width:760px){.micro-free-inner{grid-template-columns:1fr;align-items:start;}.micro-free-inner .btn{width:100%;text-align:center;}}

/* v2.3 capability, independence and adaptive practice */
.capability-section{background:#f5f0e8;}
.capability-heading{max-width:920px;}
.capability-heading h2{font-size:clamp(2.5rem,4.3vw,4.7rem);line-height:1.02;max-width:900px;}
.capability-heading .lead{max-width:880px;}
.capability-statement{max-width:850px;font-size:1.12rem;line-height:1.7;margin-top:1.4rem;}
.capability-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:2.5rem 0 1.25rem;}
.capability-card{background:#fff;padding:1.7rem;border-radius:20px;border:1px solid rgba(0,0,0,.06);box-shadow:0 8px 24px rgba(40,30,20,.04);}
.capability-card h3{margin:.7rem 0 .5rem;font-size:1.35rem;}
.capability-card p{margin:0;line-height:1.65;color:#3d3a36;}
.capability-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#efe4dc;color:#a52a22;font-size:1.45rem;font-weight:700;}
.capability-link{margin:1.2rem 0 2.5rem;}
.adaptive-principle{border-left:4px solid #a52a22;padding:1.1rem 1.5rem;background:rgba(255,255,255,.55);max-width:900px;}
.adaptive-principle h3{font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1.15;margin:.25rem 0 .65rem;}
.health-note{font-size:.9rem;opacity:.78;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.12);}
@media(max-width:800px){.capability-cards{grid-template-columns:1fr;}}

/* v2.4 stronger hook and unified capability typography */
.hero-hook{font-family:inherit;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:650;line-height:1.25;max-width:680px;margin:1rem 0 1.15rem;color:#a52a22;}
.capability-copy{max-width:880px;margin-top:1.2rem;}
.capability-copy p{font-size:1.08rem!important;font-weight:400!important;line-height:1.75!important;margin:0 0 1rem!important;color:#2e2b28!important;}
.capability-copy p:last-child{margin-bottom:0!important;}
.capability-statement{font-size:inherit!important;font-weight:inherit!important;}

/* v2.5 adaptive-practice expansion */
.adaptive-principle p{max-width:82ch;line-height:1.72;margin:.65rem 0;color:#34312e;}
.adaptive-principle .adaptive-close{margin-top:1rem;color:#a52a22;}