body:not(.home-page){--site-hero-height:520px}.design-page .design-hero,.about-page .about-hero,.knowledge-page .knowledge-hero,body .page-hero{height:var(--site-hero-height)!important;min-height:var(--site-hero-height)!important;max-height:none!important;box-sizing:border-box}body .comparison-hero{min-height:var(--site-hero-height)}@media(max-width:700px){body:not(.home-page){--site-hero-height:520px}}
.knowledge-hero{padding-top:115px;padding-bottom:22px}.knowledge-copy form{margin-top:18px}@media(max-width:700px){.knowledge-hero{padding-top:100px}.knowledge-copy form{margin-top:100px}.knowledge-copy>p:not(.eyebrow){line-height:1.6}.knowledge-copy h2{margin-bottom:12px}.knowledge-copy h1{margin:8px 0}.filter-chips{margin-top:12px}}

/* Background-only entry motion, matching the projects hero. */
@keyframes public-hero-zoom{from{transform:scale(1)}to{transform:scale(1.06)}}
.about-hero,.knowledge-hero{overflow:hidden;isolation:isolate;position:relative}.about-hero-photo{animation:public-hero-zoom 12s ease-out both}.knowledge-hero{background:none}.knowledge-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07170d99,transparent 85%),url('/wp-content/themes/evergreen-20261014-01/assets/knowledge-family.png') center 53%/cover;animation:public-hero-zoom 12s ease-out both}.mobile-wheel-bg{animation:public-hero-zoom 12s ease-out both}@media(max-width:700px){.knowledge-hero:before{background-image:linear-gradient(180deg,#07170d90,transparent 75%),url('/wp-content/themes/evergreen-20261014-01/assets/knowledge-family-mobile.png');background-position:center}}@media(prefers-reduced-motion:reduce){.about-hero-photo,.knowledge-hero:before,.hero-garden,.mobile-wheel-bg{animation:none!important}}


@keyframes mobile-hero-pan{0%,100%{background-position:0% center}50%{background-position:100% center}}
@media(max-width:700px){.about-hero-photo,.knowledge-hero:before,.mobile-wheel-bg,.hero-garden{animation:mobile-hero-pan 80s linear infinite!important;transform:none!important;background-size:auto 100%!important}.knowledge-hero:before{background-image:linear-gradient(90deg,#07170d90,transparent 85%),url('/wp-content/themes/evergreen-20261014-01/assets/knowledge-family.png')}}
@media(prefers-reduced-motion:reduce){.about-hero-photo,.knowledge-hero:before,.mobile-wheel-bg,.hero-garden{animation:none!important}}


@keyframes mobile-hero-pan{0%{background-position:0% center;opacity:1}95%{background-position:100% center;opacity:1}97%{background-position:100% center;opacity:0}98%{background-position:0% center;opacity:0}100%{background-position:0% center;opacity:1}}
@media(max-width:700px){.about-hero,.knowledge-hero,.page-hero,.mobile-wheel{background-color:white}.design-hero-art{animation:mobile-hero-pan 40s linear infinite!important;transform:none!important}.about-hero-photo,.knowledge-hero:before,.mobile-wheel-bg,.hero-garden{animation-duration:40s!important}}
@media(prefers-reduced-motion:reduce){.design-hero-art{animation:none!important}}

/* Show the right crop first; decreasing position moves the photograph right. */
@keyframes mobile-hero-pan{0%{background-position:100% center;opacity:1}95%{background-position:0% center;opacity:1}97%{background-position:0% center;opacity:0}98%{background-position:100% center;opacity:0}100%{background-position:100% center;opacity:1}}
@media(max-width:700px){.about-hero-photo,.knowledge-hero:before,.mobile-wheel-bg,.hero-garden,.design-hero-art{background-position:100% center}}

/* Shared section typography at equivalent hierarchy, retaining hero/card roles. */
body .knowledge-heading h2,body .section-heading h2,body .section-head h2,body .design-section-head h2,body .about-section h2{font-family:'Noto Serif SC','SimSun',serif;font-size:clamp(26px,2.7vw,38px);font-weight:400;line-height:1.5}
.section-subtitle,.brief-intro,.section-heading>p,.section-head>p,.design-section-head>p{font-size:15px;line-height:1.8;color:#69746a;margin:0 0 24px}.knowledge-heading:has(+.section-subtitle){margin-bottom:10px}@media(max-width:700px){.section-subtitle,.brief-intro,.section-heading>p,.section-head>p,.design-section-head>p{font-size:14px}}

body .section-title,body .journal-heading h2,body .intro-title h2,body .team-heading h2,body .services-heading h2,body .botanical-heading h2,body h2.manual-title{font-family:'Noto Serif SC','SimSun',serif;font-size:clamp(26px,2.7vw,38px);font-weight:400;line-height:1.5}.services-subtitle{font-size:15px;line-height:1.8;color:#69746a}@media(max-width:700px){.services-subtitle{font-size:14px}}