/* pages.css — inner pages: Biography, Zhong Yuan Qigong, Health & Energy, Contact. Tokens from styles.css :root. */

/* ================= BIOGRAPHY ================= */
.bio__grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(40px,7vw,100px);align-items:start}
.bio__portrait{position:sticky;top:calc(var(--header-h) + 30px);margin:0}
.bio__portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px var(--radius) var(--radius);box-shadow:var(--shadow);outline:1px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:12px}
.bio__seal{position:absolute;right:-20px;bottom:40px;width:80px;color:var(--secondary);transform:rotate(7deg);filter:drop-shadow(0 10px 16px rgba(139,46,36,.3))}
.bio__copy .quick-answer{margin-bottom:46px}
.bio__copy>p{color:var(--ink-2);font-size:1.06rem;max-width:62ch}
@media (max-width:900px){.bio__grid{grid-template-columns:1fr}.bio__portrait{position:relative;top:0;max-width:340px}}

.journey{background:var(--surface);border-block:1px solid var(--border)}
.journey__lede{max-width:56ch}
.journey__map{margin:clamp(20px,4vw,40px) 0 clamp(30px,5vw,60px)}
.journey__svg{width:100%;height:auto}
.timeline{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:26px}
.timeline::before{content:"";position:absolute;left:31px;top:20px;bottom:20px;width:1px;background:linear-gradient(180deg,var(--secondary),var(--accent) 60%,var(--primary))}
.timeline__item{display:grid;grid-template-columns:64px 1fr;gap:clamp(18px,3vw,36px);align-items:start}
.timeline__marker{position:relative;z-index:1;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--background);border:1px solid var(--border);color:var(--primary);transition:background-color var(--dur) var(--ease-premium),color var(--dur) var(--ease-premium),transform var(--dur) var(--ease-premium)}
.timeline__marker .ico{width:26px;height:26px}
.timeline__item:hover .timeline__marker{background:var(--primary);color:var(--background);transform:scale(1.06)}
.timeline__item--now .timeline__marker{background:var(--secondary);color:var(--background);border-color:var(--secondary)}
.timeline__card{position:relative;background:var(--background);border:1px solid var(--border);border-radius:var(--radius);padding:28px 30px;transition:border-color var(--dur) var(--ease-premium),box-shadow var(--dur) var(--ease-premium)}
.timeline__card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.timeline__item:hover .timeline__card{border-color:color-mix(in srgb,var(--accent) 60%,var(--border));box-shadow:var(--shadow-sm)}
.timeline__when{display:inline-block;font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--secondary);margin-bottom:10px}
.timeline__card h3{font-size:clamp(1.6rem,2.4vw,2rem)}
.timeline__card p{color:var(--ink-2);margin-bottom:.6em}
.timeline__card p:last-child{margin-bottom:0}
.ph-text{font-style:italic}

.words__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(40px,7vw,100px);align-items:center}
.words__quote{margin:0 0 24px;padding:0 0 0 28px;border-left:2px solid var(--accent)}
.words__quote p{font-family:var(--font-head);font-size:clamp(1.5rem,2.4vw,2.05rem);line-height:1.4;font-style:italic;color:var(--primary)}
.words__quote footer{font-weight:700;color:var(--secondary);font-size:.9rem;letter-spacing:.08em}
.words__grid>div>p{color:var(--ink-2);font-size:1.06rem}
.words__photo{margin:0}
.words__photo img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:3/4;object-fit:cover;object-position:50% 30%}
.words__photo figcaption{margin-top:14px;font-size:.85rem;color:var(--ink-2)}
@media (max-width:900px){.words__grid{grid-template-columns:1fr}.words__photo{max-width:420px}}

.principles{padding-top:0}
.principles__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:clamp(30px,4vw,50px)}
.principle{position:relative;padding:30px 26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform var(--dur) var(--ease-premium),box-shadow var(--dur) var(--ease-premium)}
.principle::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.principle:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}
.principle__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--primary) 9%,transparent);color:var(--primary);margin-bottom:18px}
.principle__ico .ico{width:24px;height:24px}
.principle h3{font-size:1.45rem}
.principle p{margin:0;color:var(--ink-2);font-size:.95rem}
@media (max-width:960px){.principles__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.principles__grid{grid-template-columns:1fr}}

/* ================= ZHONG YUAN QIGONG (article) ================= */
.article__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(36px,6vw,90px);align-items:start}
.article .toc{position:sticky;top:calc(var(--header-h) + 30px)}
.toc__seal{display:block;width:72px;color:var(--secondary);margin-top:30px;transform:rotate(-6deg)}
.article__body{max-width:760px}
.article__body>p{font-size:1.07rem;color:var(--ink-2)}
.article__body>p strong{color:var(--foreground)}
.article__h{font-size:clamp(2rem,3.6vw,3rem);margin-top:clamp(56px,7vw,86px);scroll-margin-top:calc(var(--header-h) + 30px)}
.facts--wide th{width:32%}
.person{display:grid;grid-template-columns:90px 1fr;gap:26px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:22px}
.person__ico{color:var(--secondary)}
.person p{color:var(--ink-2)}
.person p:last-child{margin:0}
.structure{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center;margin:20px 0}
.structure__art .art--parts{width:100%}
.structure__list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.structure__list li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.structure__n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-head);font-size:1.4rem;font-weight:600;font-style:italic;background:var(--primary);color:var(--background)}
.structure__list li:nth-child(2) .structure__n{background:var(--accent)}
.structure__list li:nth-child(3) .structure__n{background:var(--secondary)}
.structure__list h3{font-size:1.4rem;margin:4px 0 4px}
.structure__list p{margin:0;color:var(--ink-2);font-size:.96rem}
@media (max-width:760px){.structure{grid-template-columns:1fr}}
.practices{list-style:none;margin:26px 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.practice{padding:26px 22px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:border-color var(--dur) var(--ease-premium),transform var(--dur) var(--ease-premium)}
.practice:hover{border-color:var(--accent);transform:translateY(-4px)}
.practice>.ico{width:32px;height:32px;color:var(--secondary);margin-bottom:14px}
.practice h3{font-size:1.3rem}
.practice p{margin:0;font-size:.93rem;color:var(--ink-2)}
@media (max-width:760px){.practices{grid-template-columns:1fr}}
.pull{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding:30px;border-radius:var(--radius);background:var(--primary);color:var(--background);margin:10px 0 24px}
.pull__n{font-family:var(--font-head);font-size:clamp(4rem,8vw,6rem);line-height:.9;color:var(--gold-soft)}
.pull__n small{font-size:.32em;font-style:italic;margin-left:4px}
.pull p{margin:0;color:color-mix(in srgb,var(--background) 88%,transparent)}
.pull strong{color:var(--background)}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-2)}
.checks .ico{color:var(--secondary);margin-top:4px}
.learn{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
.learn img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-sm)}
.learn p{color:var(--ink-2)}
@media (max-width:760px){.learn{grid-template-columns:1fr}}
.sources{margin-top:60px;padding-top:28px;border-top:1px solid var(--border);font-size:.92rem}
.sources__h{font-family:var(--font-body);font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px}
.sources ol{margin:0;padding-left:20px;display:grid;gap:8px}
.sources a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 60%,transparent);text-underline-offset:3px}
.article .faq__list{margin-top:10px}
@media (max-width:960px){.article__grid{grid-template-columns:1fr}.article .toc{position:static;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.toc__seal{display:none}}

/* ================= HEALTH & ENERGY ================= */
.qa-intro{padding-bottom:0}
.qa-intro__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);gap:clamp(28px,5vw,70px);align-items:start}
.toc--inline{padding:24px 26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
@media (max-width:900px){.qa-intro__grid{grid-template-columns:1fr}}

.how__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,100px);align-items:center}
.how__figure{position:relative;max-width:400px;justify-self:center;width:100%;color:var(--primary)}
.how__figure .art--meridian{width:100%}
.how__label{position:absolute;right:-6%;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding:6px 12px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);white-space:nowrap}
.how__label--a{top:11%}.how__label--b{top:30%}.how__label--c{top:46%}
.how__copy>p{color:var(--ink-2);font-size:1.06rem}
.flow{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.flow__step{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:22px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform var(--dur) var(--ease-premium),border-color var(--dur) var(--ease-premium)}
.flow__step:hover{transform:translateX(8px);border-color:var(--accent)}
.flow__ico{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:var(--background)}
.flow__ico .ico{width:26px;height:26px}
.flow__step h3{font-size:1.45rem;margin:2px 0 4px}
.flow__step p{margin:0;color:var(--ink-2);font-size:.96rem}
@media (max-width:900px){.how__grid{grid-template-columns:1fr}.how__figure{max-width:280px}.how__label{display:none}}

.notice{background:linear-gradient(180deg,var(--muted),var(--background))}
.notice__lede{max-width:58ch}
.notice__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:clamp(30px,4vw,50px)}
.benefit{position:relative;display:flex;flex-direction:column;padding:32px 26px 90px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:transform var(--dur) var(--ease-premium),box-shadow var(--dur) var(--ease-premium)}
.benefit::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--b,var(--primary))}
.benefit:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.benefit--energy{--b:var(--accent)}.benefit--mood{--b:var(--primary)}.benefit--sleep{--b:var(--jade-2)}.benefit--renew{--b:var(--secondary)}
.benefit__ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--b) 14%,transparent);color:var(--b);margin-bottom:18px}
.benefit__ico .ico{width:28px;height:28px}
.benefit h3{font-size:1.6rem}
.benefit p{margin:0;color:var(--ink-2);font-size:.96rem}
.benefit__deco{position:absolute;left:0;right:0;bottom:16px;width:100%;height:56px;color:var(--b);opacity:.45}
@media (max-width:1000px){.notice__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.notice__grid{grid-template-columns:1fr}}

.feel-band{background:var(--jade-deep);color:var(--background);overflow:hidden}
.feel-band__grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.feel-band__num{font-family:var(--font-head);font-size:clamp(8rem,18vw,15rem);line-height:.8;font-weight:500;color:transparent;-webkit-text-stroke:1.5px var(--gold-soft);display:flex}
.feel-band__num sup{font-size:.35em;margin-top:.2em;-webkit-text-stroke:1px var(--gold-soft)}
.feel-band p{color:color-mix(in srgb,var(--background) 85%,transparent);font-size:1.08rem;max-width:60ch}
.feel-band .section-title em{color:var(--gold-soft)}
@media (max-width:760px){.feel-band__grid{grid-template-columns:1fr}}

.help__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(40px,7vw,100px);align-items:center}
.help__list{list-style:none;margin:28px 0 0;padding:0;display:grid}
.help__list li{display:grid;grid-template-columns:36px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--border)}
.help__list li:last-child{border-bottom:1px solid var(--border)}
.help__list li>.ico{width:30px;height:30px;color:var(--secondary);margin-top:4px}
.help__list h3{font-size:1.45rem;margin-bottom:4px}
.help__list p{margin:0;color:var(--ink-2);font-size:.97rem}
.help__photo{margin:0;position:relative}
.help__photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}
.help__photo figcaption{position:absolute;left:18px;bottom:18px;padding:10px 16px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--jade-deep) 60%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--background);font-size:.82rem;font-weight:700}
@media (max-width:900px){.help__grid{grid-template-columns:1fr}.help__photo{max-width:420px}}

.first{background:var(--surface);border-block:1px solid var(--border)}
.first__steps{list-style:none;margin:clamp(30px,4vw,50px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.first__steps::before{content:"";position:absolute;left:8%;right:8%;top:74px;height:1px;background:repeating-linear-gradient(90deg,var(--accent) 0 6px,transparent 6px 14px)}
.fstep{position:relative;padding:0 16px;text-align:center}
.fstep__n{display:block;font-family:var(--font-head);font-style:italic;font-size:1.2rem;color:var(--accent);margin-bottom:12px}
.fstep>.ico{position:relative;z-index:1;width:64px;height:64px;padding:17px;border-radius:50%;background:var(--background);border:1px solid var(--border);color:var(--primary);margin:0 auto 18px;transition:background-color var(--dur) var(--ease-premium),color var(--dur) var(--ease-premium),transform var(--dur) var(--ease-premium)}
.fstep:hover>.ico{background:var(--primary);color:var(--background);transform:translateY(-4px)}
.fstep h3{font-size:1.35rem;margin-bottom:6px}
.fstep p{margin:0;color:var(--ink-2);font-size:.92rem}
.first__note{text-align:center;margin-top:40px;font-size:.92rem;color:var(--ink-2)}
@media (max-width:900px){.first__steps{grid-template-columns:1fr 1fr;row-gap:36px}.first__steps::before{display:none}}
@media (max-width:520px){.first__steps{grid-template-columns:1fr}}

.honest__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(40px,6vw,90px);align-items:center}
.honest .lede{font-family:var(--font-head);font-style:italic;font-size:clamp(1.3rem,2vw,1.6rem);color:var(--foreground)}
.honest__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.honest__list li{display:flex;gap:16px;align-items:center;padding:18px 22px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);font-weight:600;transition:border-color var(--dur) var(--ease-premium),transform var(--dur) var(--ease-premium)}
.honest__list li:hover{border-color:var(--secondary);transform:translateX(6px)}
.honest__list .ico{width:26px;height:26px;color:var(--secondary)}
@media (max-width:860px){.honest__grid{grid-template-columns:1fr}}

/* ================= CONTACT ================= */
.letter{padding-top:clamp(40px,6vw,80px)}
.letter__wrap{max-width:900px}
.letter__paper{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);padding:clamp(34px,6vw,80px) clamp(24px,6vw,84px);box-shadow:var(--shadow);background-image:linear-gradient(90deg,transparent calc(clamp(24px,6vw,84px) - 24px),color-mix(in srgb,var(--secondary) 18%,transparent) calc(clamp(24px,6vw,84px) - 24px),color-mix(in srgb,var(--secondary) 18%,transparent) calc(clamp(24px,6vw,84px) - 23px),transparent calc(clamp(24px,6vw,84px) - 23px))}
.letter__paper::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.letter__seal{position:absolute;right:clamp(18px,4vw,50px);top:clamp(-30px,-3vw,-20px);width:clamp(64px,8vw,92px);color:var(--secondary);transform:rotate(8deg);filter:drop-shadow(0 12px 18px rgba(139,46,36,.3))}
.letter__title{font-size:clamp(2.1rem,4.4vw,3.5rem);max-width:18ch;margin-bottom:38px}
.letter__lines{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:22px}
.letter__lines li{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start}
.letter__lines p{margin:0;font-size:1.08rem;line-height:1.75;color:var(--foreground)}
.letter__ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--primary);flex:none}
.letter__ico .ico{width:22px;height:22px}
.letter__ico--lg{width:56px;height:56px;background:var(--primary);color:var(--background);margin-bottom:14px}
.letter__ico--lg .ico{width:26px;height:26px}
.letter__rule{margin:10px 0 40px;padding:34px clamp(22px,4vw,44px);border-radius:var(--radius);background:var(--background);border:1px solid var(--border);position:relative}
.letter__big{font-family:var(--font-head);font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:600;font-style:italic;color:var(--secondary);line-height:1.1;margin-bottom:14px !important}
.letter__rule p{margin:0;font-size:1.08rem;line-height:1.8}
.letter__trio{margin:10px 0 40px;padding:34px clamp(22px,4vw,44px);border-radius:var(--radius);background:var(--primary);color:var(--background)}
.letter__trio .letter__ico--lg{background:var(--gold-soft);color:var(--jade-deep)}
.letter__trio p{margin:0 0 6px;font-family:var(--font-head);font-size:clamp(1.4rem,2.4vw,1.85rem);line-height:1.35}
.letter__mantra{font-family:var(--font-head);font-style:italic;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.3;text-align:center;color:var(--primary);margin:50px auto 26px;max-width:24ch}
.letter__close{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;text-align:center;font-size:1.1rem;color:var(--foreground)}
.letter__close .ico{color:var(--secondary)}
.letter__sign{position:relative;display:flex;align-items:center;gap:18px;margin-top:46px;padding-top:30px;border-top:1px solid var(--border)}
.letter__sign img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 30%;border:2px solid var(--accent)}
.letter__sign b{display:block;font-family:var(--font-head);font-size:1.6rem;font-weight:600;font-style:italic}
.letter__sign span{font-size:.86rem;color:var(--ink-2)}
.letter__sign .art--enso{position:absolute;right:0;top:12px;width:90px;color:color-mix(in srgb,var(--secondary) 55%,transparent)}
@media (max-width:640px){.letter__lines li{grid-template-columns:36px 1fr;gap:14px}.letter__ico{width:36px;height:36px}.letter__sign .art--enso{display:none}}

.enquire{background:linear-gradient(180deg,var(--background),var(--muted))}
.enquire__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,90px);align-items:start}
.enquire__side{position:sticky;top:calc(var(--header-h) + 30px)}
.enquire__side>p{color:var(--ink-2)}
.enquire__info{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:16px}
.enquire__info li{display:flex;gap:16px;align-items:center;padding:16px 18px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border)}
.enquire__info .ico{width:26px;height:26px;color:var(--secondary)}
.enquire__info b{display:block;font-size:.95rem}
.enquire__info span{font-size:.88rem;color:var(--ink-2)}
.enquire__form{padding:clamp(26px,4vw,44px);box-shadow:var(--shadow)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.chips{display:flex !important;flex-direction:row !important;flex-wrap:wrap;gap:10px !important}
.chips legend{width:100%}
.chip,.radio{position:relative;cursor:pointer}
.chip input,.radio input{position:absolute;opacity:0;width:1px;height:1px}
.chip span,.radio span{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--background);font-size:.9rem;font-weight:600;color:var(--ink-2);transition:background-color var(--dur) var(--ease-premium),color var(--dur) var(--ease-premium),border-color var(--dur) var(--ease-premium),transform var(--dur) var(--ease-premium)}
.chip span .ico{width:17px;height:17px}
.chip:hover span,.radio:hover span{border-color:var(--primary);color:var(--primary)}
.chip input:checked+span,.radio input:checked+span{background:var(--primary);border-color:var(--primary);color:var(--background)}
.chip input:focus-visible+span,.radio input:focus-visible+span{outline:2px solid var(--secondary);outline-offset:3px}
.radios{display:flex !important;flex-direction:row !important;flex-wrap:wrap;gap:10px !important}
.radios legend{width:100%}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.92rem;color:var(--ink-2);margin:4px 0 22px;cursor:pointer}
.consent input{width:18px;height:18px;margin-top:3px;accent-color:var(--primary);flex:none}
.form__fine{font-size:.8rem;color:var(--ink-2);margin:14px 0 0}
@media (max-width:900px){.enquire__grid{grid-template-columns:1fr}.enquire__side{position:static}}
@media (max-width:560px){.field-row{grid-template-columns:1fr}}

/* ---------- What is Qigong page: figures, credits, Five Animals, benefits, moving/still pair ---------- */
.figure{margin:26px 0 30px}
.figure img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--muted)}
.figure figcaption,.figure-note{margin-top:12px;font-size:.88rem;color:var(--ink-2);line-height:1.5}
.figure--book{max-width:560px}
.credit{display:block;margin-top:2px;font-size:.78rem;letter-spacing:.02em;color:color-mix(in srgb,var(--ink-2) 80%,transparent)}
.credit a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 60%,transparent);text-underline-offset:3px}
.timeline--history{margin:34px 0}
.timeline--history .timeline__card h3{font-size:clamp(1.4rem,2vw,1.7rem)}
.animals{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.animal{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:#e9d9a6}
.animal img{display:block;width:100%;height:auto;aspect-ratio:5/6;object-fit:cover;transition:transform 1.2s var(--ease-premium)}
.animal:hover img{transform:scale(1.05)}
.animal span{position:absolute;left:8px;bottom:8px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 88%,transparent);color:var(--background);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.figure-note{margin-bottom:10px}
.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:22px 0 18px}
.benefits .benefit{padding:28px 24px}
.benefits .benefit h3{font-size:1.4rem}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.pair__card{padding:26px 24px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}
.pair__ico{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--secondary) 12%,transparent);color:var(--secondary);margin-bottom:14px}
.pair__card h3{font-size:1.4rem}
.pair__card p{margin:0;color:var(--ink-2);font-size:.95rem}
@media (max-width:760px){.animals{grid-template-columns:repeat(3,1fr)}.benefits,.pair{grid-template-columns:1fr}}
@media (max-width:420px){.animals{grid-template-columns:repeat(2,1fr)}}