@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#102f33;--teal:#0f5963;--teal-dark:#083f47;--aqua:#75bdc5;--mist:#e9f3f2;--white:#fff;--line:#c7dcda;--focus:#f5b400;--max:1760px;--radius:1.25rem;--shadow:0 24px 70px rgba(8,63,71,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:"Manrope",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.2em}
a:hover{text-decoration-thickness:.13em}
button,input,textarea{font:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}
.section{padding:clamp(4.5rem,8vw,8rem) 0}
.section--tint{background:var(--mist)}
.section--dark{background:var(--teal-dark);color:var(--white)}
.skip-link{position:fixed;z-index:9999;left:1rem;top:1rem;padding:.75rem 1rem;background:#fff;color:#000;transform:translateY(-180%)}
.skip-link:focus{transform:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:relative;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(15,89,99,.14)}
.header-inner{min-height:6rem;display:flex;align-items:center;gap:2rem}
.brand{display:block;flex:0 0 auto}
.brand img{width:clamp(13.5rem,18vw,18rem);height:auto}
.site-nav{margin-left:auto}
.site-nav__list{display:flex;align-items:center;gap:clamp(1rem,2.4vw,2.2rem);margin:0;padding:0;list-style:none}
.site-nav a{font-size:.92rem;font-weight:650;text-decoration:none}
.site-nav a:hover{color:var(--teal)}
.nav-toggle{display:none;width:3rem;height:3rem;border:1px solid var(--line);border-radius:50%;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
.nav-toggle span[aria-hidden]{width:20px;height:2px;background:var(--ink)}
.button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;padding:.75rem 1.35rem;border:2px solid var(--teal);border-radius:999px;background:var(--teal);color:#fff;font-weight:750;text-decoration:none;line-height:1.2;transition:background .2s,color .2s,transform .2s}
.button:hover{background:var(--teal-dark);border-color:var(--teal-dark);transform:translateY(-2px)}
.button--small{min-height:2.8rem;padding:.65rem 1.15rem}
.button--ghost{border-color:#fff;background:transparent;color:#fff}
.button--ghost:hover{background:#fff;border-color:#fff;color:var(--ink)}
.button--light{border-color:#fff;background:#fff;color:var(--teal-dark)}
.hero,.page-hero{position:relative;isolation:isolate;display:grid;min-height:min(780px,calc(100vh - 6rem));align-items:end;color:#fff;overflow:hidden}
.hero__image,.page-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero__shade,.page-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,29,33,.9) 0%,rgba(4,29,33,.58) 48%,rgba(4,29,33,.12) 82%)}
.hero__content{padding-block:clamp(5rem,10vw,9rem);max-width:48rem;margin-left:max(1rem,calc((100vw - var(--max))/2))}
.hero h1,.page-hero h1{max-width:13ch;margin:.3rem 0 1.2rem;font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,6vw,5.5rem);font-weight:400;line-height:1.02;letter-spacing:-.035em}
.hero__content>p:not(.eyebrow),.page-hero__content>p:not(.eyebrow){max-width:42rem;font-size:clamp(1.05rem,2vw,1.25rem)}
.eyebrow{margin:0 0 .75rem;color:var(--teal);font-size:.78rem;font-weight:800;line-height:1.4;letter-spacing:.16em;text-transform:uppercase}
.hero .eyebrow,.page-hero .eyebrow,.section--dark .eyebrow,.contact .eyebrow{color:#b9edf0}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
h2{margin:.2rem 0 1.2rem;font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:400;line-height:1.08;letter-spacing:-.025em}
h3{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:1.55rem;font-weight:600;line-height:1.2}
.split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,8vw,7rem);align-items:start}
.split--media{grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);align-items:center}
.split--intro h2{max-width:12ch}
.prose>*:first-child{margin-top:0}
.prose p{font-size:1.08rem}
.section-heading{max-width:47rem;margin-bottom:3rem}
.section-heading--row{display:flex;max-width:none;align-items:end;justify-content:space-between;gap:2rem}
.section-heading--row>p{max-width:29rem;margin:0 0 .5rem}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0;list-style:none}
.benefit-grid li{padding:2rem;border-top:3px solid var(--teal);background:#fff;box-shadow:0 8px 25px rgba(15,89,99,.07)}
.benefit-grid h3{margin:1rem 0 .5rem}
.benefit-grid p{margin:0;color:#34575b}
.benefit-number{color:var(--teal);font-size:.78rem;font-weight:800;letter-spacing:.12em}
.image-frame{margin:0;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow)}
.image-frame img{width:100%;height:100%;object-fit:cover}
.image-frame--landscape{aspect-ratio:4/3}
.image-frame--portrait{aspect-ratio:4/5;max-height:680px}
.text-link{display:inline-block;margin-top:1rem;color:var(--teal);font-weight:800;text-decoration-thickness:2px}
.gallery{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:1rem}
.gallery img{width:100%;height:34rem;object-fit:cover;border-radius:.75rem}
.gallery img:nth-child(3){object-position:center 20%}
.gallery--wide{grid-template-columns:1fr 1fr}
.gallery--wide img{height:auto;aspect-ratio:4/3}
.contact{background:var(--teal)}
.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,6rem);align-items:center;color:#fff}
.contact-card h2{max-width:12ch}
.contact-links{display:grid;border-top:1px solid rgba(255,255,255,.4)}
.contact-links>*{display:grid;gap:.15rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.4);text-decoration:none}
.contact-links span{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.contact-links strong{font-size:1rem;overflow-wrap:anywhere}
.site-footer{padding:4rem 0 1.5rem;background:#072f35;color:#fff}
.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(2rem,6vw,5rem)}
.footer-logo{width:min(18rem,100%);filter:brightness(0) invert(1);margin-bottom:1rem}
.footer-title{font-family:inherit;font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.site-footer address{font-style:normal}.site-footer a{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.22);font-size:.86rem}
.page-hero{min-height:620px}
.page-hero__content{padding-block:7rem}
.objective-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0;padding:0;list-style:none;counter-reset:item}
.objective-grid li{min-height:12rem;display:flex;flex-direction:column;justify-content:space-between;padding:1.7rem;border:1px solid var(--line);border-radius:.75rem;background:#fff}
.objective-grid span{color:var(--teal);font-size:.8rem;font-weight:800;letter-spacing:.1em}
.objective-grid strong{font-size:1.15rem;line-height:1.35}
.statement{max-width:55rem;margin:3rem auto 0;text-align:center;font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.35}
.content-page{min-height:55vh}.content-page h1{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400}
@media (max-width:960px){.header-cta{display:none}.nav-toggle{display:flex;margin-left:auto}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:1rem;background:#fff;border-bottom:1px solid var(--line)}.site-nav.is-open{display:block}.site-nav__list{align-items:stretch;flex-direction:column;gap:0}.site-nav a{display:block;padding:.85rem}.benefit-grid,.objective-grid{grid-template-columns:repeat(2,1fr)}.gallery img{height:26rem}}
@media (max-width:720px){.section{padding:4rem 0}.header-inner{min-height:5rem}.brand img{width:13rem}.hero{min-height:660px}.hero__shade{background:linear-gradient(0deg,rgba(4,29,33,.92),rgba(4,29,33,.32))}.hero__content{margin:0;padding-block:4.5rem}.split,.split--media,.contact-card,.footer-grid{grid-template-columns:1fr}.split--media{gap:2rem}.section-heading--row{display:block}.benefit-grid,.objective-grid{grid-template-columns:1fr}.gallery,.gallery--wide{grid-template-columns:1fr}.gallery img,.gallery--wide img{height:auto;aspect-ratio:4/3}.gallery img:nth-child(3){aspect-ratio:4/5}.footer-bottom{display:block}.page-hero{min-height:540px}.page-hero__shade{background:linear-gradient(0deg,rgba(4,29,33,.9),rgba(4,29,33,.25))}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media (forced-colors:active){.button{border:2px solid ButtonText}.hero__shade,.page-hero__shade{background:CanvasText;opacity:.65}}


/* Sobre ChiNatural */
.about-hero>img{object-position:center 34%}
.about-intro__quote{margin:2rem 0 0;padding:1.5rem 0 0;border-top:1px solid var(--line);font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.35;color:var(--teal-dark)}
.about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem}
.about-pillar{padding:2rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.about-pillar span{display:inline-grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--mist);color:var(--teal);font-size:.8rem;font-weight:800}
.about-pillar h3{margin:1.4rem 0 .6rem}.about-pillar p{margin:0;color:#34575b}
.method-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none}
.method-list li{display:flex;align-items:center;min-height:5.5rem;padding:1.2rem 1.35rem;border-left:3px solid var(--aqua);background:rgba(255,255,255,.08);font-weight:700}
.about-values{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--mist),#fff)}
.about-values::after{content:"";position:absolute;width:24rem;height:24rem;right:-10rem;bottom:-14rem;border:1px solid var(--aqua);border-radius:50%;opacity:.45}
.about-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none}
.about-benefits li{padding:1.5rem 0;border-top:1px solid var(--line)}
.about-benefits strong{display:block;margin-bottom:.35rem;font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;font-size:1.55rem}
.about-benefits p{margin:0;color:#34575b}
@media(max-width:800px){.about-pillars,.method-list{grid-template-columns:1fr}.about-benefits{grid-template-columns:1fr}.about-hero>img{object-position:58% center}}


/* Wide professional layout */
main{overflow:clip}
.container{width:min(calc(100% - clamp(2rem,6vw,7rem)),var(--max))}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.92);box-shadow:0 8px 30px rgba(8,63,71,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.header-inner{min-height:6.5rem}
.site-nav a{position:relative;padding:.45rem 0;letter-spacing:.01em}
.site-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:.1rem;height:2px;background:var(--teal);transition:right .25s ease}
.site-nav a:hover::after,.site-nav a:focus-visible::after{right:0}
.button{box-shadow:0 10px 26px rgba(8,63,71,.18)}
.button--ghost,.button--light{box-shadow:none}
.hero,.page-hero{min-height:min(820px,calc(100svh - 6.5rem))}
.hero__content{width:min(calc(100% - clamp(2rem,6vw,7rem)),var(--max));max-width:none;margin-inline:auto}
.hero h1,.page-hero h1{max-width:14ch;text-wrap:balance}
.section{position:relative}
.section-heading{max-width:62rem}
.section-heading h2,.split h2{text-wrap:balance}
.prose{max-width:78ch}
.split{gap:clamp(3rem,7vw,9rem)}
.split--media{grid-template-columns:minmax(0,1.15fr) minmax(24rem,.85fr)}
.image-frame{border:1px solid rgba(15,89,99,.12);box-shadow:var(--shadow)}
.image-frame img,.gallery img{transition:transform .55s cubic-bezier(.2,.65,.3,1),filter .55s ease}
.benefit-grid,.objective-grid,.about-pillars{gap:clamp(1rem,1.5vw,1.75rem)}
.benefit-grid li,.objective-grid li,.about-pillar{border:1px solid rgba(15,89,99,.12);border-top:3px solid var(--teal);border-radius:var(--radius);box-shadow:0 12px 38px rgba(8,63,71,.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.objective-grid li{min-height:14rem}
.gallery{gap:clamp(1rem,1.5vw,1.75rem)}
.gallery img{height:clamp(30rem,38vw,46rem);border-radius:var(--radius);box-shadow:0 16px 45px rgba(8,63,71,.12)}
.gallery--wide img{height:auto}
.contact{padding-block:clamp(5rem,7vw,7.5rem);background:linear-gradient(135deg,#0f5963 0%,#083f47 100%)}
.contact-card{padding:clamp(2rem,4vw,4.5rem);border:1px solid rgba(255,255,255,.22);border-radius:calc(var(--radius) + .5rem);background:rgba(255,255,255,.055);box-shadow:0 30px 80px rgba(4,29,33,.22)}
.site-footer{padding-top:clamp(4rem,6vw,6rem)}
.footer-grid{grid-template-columns:1.4fr 1fr 1fr}
.footer-bottom{margin-top:clamp(3rem,5vw,5rem)}
.about-pillar{padding:clamp(1.75rem,2.5vw,2.75rem)}
.method-list{gap:clamp(.8rem,1.2vw,1.4rem)}
.method-list li{border-radius:0 var(--radius) var(--radius) 0;transition:background .2s ease,transform .2s ease}
.about-benefits{gap:clamp(1rem,2vw,2.5rem)}
@media (hover:hover){
  .benefit-grid li:hover,.objective-grid li:hover,.about-pillar:hover{transform:translateY(-6px);border-color:rgba(15,89,99,.3);box-shadow:0 22px 55px rgba(8,63,71,.14)}
  .image-frame:hover img,.gallery img:hover{transform:scale(1.025);filter:saturate(1.04)}
  .method-list li:hover{transform:translateX(4px);background:rgba(255,255,255,.13)}
}
@media (max-width:960px){
  .site-header{position:relative}
  .container,.hero__content{width:min(calc(100% - 2rem),var(--max))}
  .split--media{grid-template-columns:minmax(0,1fr) minmax(18rem,.9fr)}
  .contact-card{padding:2rem}
}
@media (max-width:720px){
  .hero,.page-hero{min-height:560px}
  .hero{min-height:660px}
  .header-inner{min-height:5rem}
  .split--media{grid-template-columns:1fr}
  .gallery img{height:auto}
  .contact-card{padding:1.5rem}
}


/* Interactive benefits and compact inner-page CTAs */
.text-link--arrow{margin-top:1.5rem;text-decoration:none;border-bottom:2px solid currentColor}
.text-link--arrow span{display:inline-block;margin-left:.3rem;transition:transform .2s ease}
.text-link--arrow:hover span{transform:translateX(4px)}
.benefit-grid li{position:relative;isolation:isolate;overflow:hidden;min-height:18rem;border-top-width:1px}
.benefit-grid li::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(145deg,rgba(117,189,197,.18),transparent 58%);opacity:0;transition:opacity .3s ease}
.benefit-grid li::after{content:"";position:absolute;left:2rem;top:0;width:3.25rem;height:4px;border-radius:0 0 999px 999px;background:var(--teal);transition:width .3s ease}
.benefit-grid h3{margin-top:.65rem;font-size:clamp(1.6rem,2vw,2rem)}
@media (hover:hover){
  .benefit-grid li:hover::before{opacity:1}
  .benefit-grid li:hover::after{width:calc(100% - 4rem)}
}
.contact--compact{padding-block:clamp(2.5rem,4vw,4rem)}
.contact--compact .contact-card{grid-template-columns:minmax(0,1.45fr) auto;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,2.5vw,2.75rem) clamp(1.5rem,3vw,3.5rem)}
.contact--compact .contact-card h2{max-width:20ch;margin-bottom:.55rem;font-size:clamp(2.1rem,3.4vw,3.25rem)}
.contact--compact .contact-card p:last-child{margin-bottom:0;max-width:62ch}
.contact--compact .actions{justify-content:flex-end;margin-top:0}

/* Contact page */
.contact-hero>img{object-position:center 38%}
.contact-layout{display:grid;grid-template-columns:minmax(20rem,.78fr) minmax(28rem,1.22fr);gap:clamp(2rem,5vw,6rem);align-items:start}
.contact-copy{position:sticky;top:9rem}
.contact-copy h2{max-width:13ch}
.contact-copy>p{max-width:58ch}
.contact-details{display:grid;gap:.75rem;margin:2.25rem 0 0;padding:0;list-style:none}
.contact-details li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid var(--line)}
.contact-details li:last-child{border-bottom:1px solid var(--line)}
.contact-details__icon{display:grid;width:3rem;height:3rem;place-items:center;border-radius:50%;background:var(--mist);color:var(--teal);font-weight:800}
.contact-details span:not(.contact-details__icon){display:block;margin-bottom:.15rem;color:#42666a;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.contact-details a{text-decoration:none}
.contact-details a:hover{text-decoration:underline}
.contact-form-panel{padding:clamp(1.5rem,3vw,3.5rem);border:1px solid var(--line);border-radius:calc(var(--radius) + .5rem);background:#fff;box-shadow:var(--shadow)}
.contact-form-panel h2{font-size:clamp(2rem,3vw,3.2rem)}
.contact-form-panel .wpcf7-form p{margin:0 0 1rem}
.contact-form-panel .wpcf7-form label{display:block;color:var(--ink);font-size:.9rem;font-weight:700}
.contact-form-panel .wpcf7-form-control-wrap{display:block;margin-top:.4rem}
.contact-form-panel input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),.contact-form-panel textarea,.contact-form-panel select{width:100%;min-height:3.25rem;padding:.75rem 1rem;border:1px solid #9ebcba;border-radius:.65rem;background:#fbfdfc;color:var(--ink)}
.contact-form-panel textarea{min-height:9rem;resize:vertical}
.contact-form-panel input:focus,.contact-form-panel textarea:focus,.contact-form-panel select:focus{border-color:var(--teal);outline:3px solid rgba(245,180,0,.45);outline-offset:2px}
.contact-form-panel input[type="submit"]{min-height:3.25rem;padding:.75rem 1.5rem;border:2px solid var(--teal);border-radius:999px;background:var(--teal);color:#fff;font-weight:750;cursor:pointer}
.contact-form-panel input[type="submit"]:hover{background:var(--teal-dark);border-color:var(--teal-dark)}
.contact-form-panel .wpcf7-not-valid-tip{margin-top:.35rem;color:#a51d2d;font-size:.88rem}
.contact-form-panel .wpcf7-response-output{margin:1rem 0 0!important;padding:1rem!important;border-radius:.5rem}
.form-notice{padding:1.25rem;border-left:4px solid var(--teal);background:var(--mist)}
.map-section{padding-top:0}
.map-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}
.map-heading h2{margin-bottom:0}
.map-heading p{max-width:38rem;margin:0}
.map-frame{overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--radius) + .5rem);box-shadow:var(--shadow)}
.map-frame iframe{display:block;width:100%;height:clamp(24rem,42vw,38rem);border:0}
@media (max-width:960px){
  .contact--compact .contact-card{grid-template-columns:1fr}
  .contact--compact .actions{justify-content:flex-start}
  .contact-layout{grid-template-columns:1fr}
  .contact-copy{position:static}
  .map-heading{display:block}
  .map-heading p{margin-top:1rem}
}
@media (max-width:720px){
  .benefit-grid li{min-height:auto}
  .benefit-grid li::after{left:1.5rem}
  .contact--compact .contact-card{padding:1.5rem}
  .contact-form-panel{padding:1.25rem}
  .contact-details li{grid-template-columns:2.75rem 1fr}
  .contact-details__icon{width:2.75rem;height:2.75rem}
}

/* Visible company link and benefit icons */

.button--outline{margin-top:1.6rem;border-color:var(--teal);background:transparent;color:var(--teal);box-shadow:none}
.button--outline:hover{border-color:var(--teal-dark);background:var(--teal-dark);color:#fff}
.button--outline span{display:inline-block;margin-left:.35rem;transition:transform .2s ease}
.button--outline:hover span{transform:translateX(4px)}
.benefit-icon{display:grid;width:3.75rem;height:3.75rem;place-items:center;margin-bottom:1.5rem;border:1px solid rgba(15,89,99,.2);border-radius:50%;background:var(--mist);color:var(--teal);transition:background .25s ease,color .25s ease,transform .25s ease}
.benefit-icon svg{width:1.85rem;height:1.85rem;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.benefit-grid li:hover .benefit-icon{transform:translateY(-3px) rotate(-3deg);background:var(--teal);color:#fff}}


/* QiKung objective icons and full-width statement */
.objective-grid li{position:relative;isolation:isolate;overflow:hidden}
.objective-grid li::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(145deg,rgba(117,189,197,.16),transparent 58%);opacity:0;transition:opacity .3s ease}
.objective-grid .objective-icon{display:grid;width:4rem;height:4rem;place-items:center;border:1px solid rgba(15,89,99,.2);border-radius:50%;background:var(--mist);color:var(--teal);font-size:inherit;font-weight:inherit;letter-spacing:normal;transition:background .25s ease,color .25s ease,transform .25s ease}
.objective-icon svg{width:2rem;height:2rem;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.statement{width:100%;max-width:none;text-wrap:balance}
@media (hover:hover){
  .objective-grid li:hover::after{opacity:1}
  .objective-grid li:hover .objective-icon{transform:translateY(-3px) rotate(-3deg);background:var(--teal);color:#fff}
}


/* Tighter QiKung introduction */
.qikung-intro .split--media{grid-template-columns:minmax(20rem,34rem) minmax(0,1fr);gap:clamp(2rem,4vw,5rem)}
.qikung-intro .image-frame--portrait{width:100%;max-height:none}
.qikung-intro .prose{align-self:center;max-width:58rem}
@media (max-width:960px){.qikung-intro .split--media{grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);gap:2rem}}
@media (max-width:720px){.qikung-intro .split--media{grid-template-columns:1fr}.qikung-intro .image-frame--portrait{width:min(100%,32rem)}}