/* A more informative, compact composition across the main pages. */
.section{padding:68px 0}
.section-heading{align-items:center;margin-bottom:32px;gap:40px}
.section-heading .heading-side{align-self:center}
.heading-context>p{margin-bottom:0}
.context-icons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.context-icons>span{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d5e3ce;border-radius:30px;background:#f5f9ef;font-size:10px;color:var(--forest)}
.context-icons .icon{width:19px;height:19px}
.page-hero{padding:50px 0}
.page-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:52px;position:relative;z-index:1}
.page-hero-grid h1{font-size:clamp(43px,4.5vw,64px);line-height:1.12}
.page-hero-grid .page-hero-copy>p{font-size:14px;margin-top:22px;max-width:520px}
.page-hero-media{margin:0;background:#ffffffbf;border:1px solid #ffffffc0;border-radius:55px 16px 16px 16px;overflow:hidden;box-shadow:0 16px 45px #164b3b0b}
.hero-media-photo{position:relative;height:235px;overflow:hidden}
.hero-media-photo>img{width:100%;height:100%;object-fit:cover}
.hero-media-seal{position:absolute;top:20px;right:20px;width:58px;height:58px;border:1px solid #ffffff90;border-radius:50%;display:grid;place-items:center;background:#164b3b75;backdrop-filter:blur(9px);color:white;animation:leaf-breathe 7s ease-in-out infinite}
.hero-media-seal .icon{width:28px;height:28px}
.hero-media-credit{position:absolute;bottom:13px;left:15px;background:#ffffffea;padding:4px 8px;font-size:8px;border-radius:20px;color:var(--forest)}
.page-hero-media>figcaption{margin:0;padding:22px 25px}
.page-hero-media .eyebrow{font-size:9px;margin-bottom:10px}
.page-hero-media strong{display:block;font-size:20px;line-height:1.35;color:var(--forest);font-weight:500;letter-spacing:-.025em}
.hero-media-topics{display:flex;gap:17px;flex-wrap:wrap;margin-top:16px}
.hero-media-topics>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#506658}
.hero-media-topics .icon{width:15px;height:15px}
.recognition-layout{align-items:stretch}
.membership-panel{display:flex;flex-direction:column}
.membership-visual{margin-top:24px}
.membership-visual img{width:100%;height:170px;object-fit:cover;border-radius:10px}
.membership-visual small{display:block;color:#d4e4ca;font-size:9px;margin-top:8px}
.profile-section{padding-bottom:30px}
#personal-introduction{padding-top:34px;padding-bottom:55px}
.contact-card-preview{align-items:start;gap:55px}
.contact-card-preview>.introduction-copy{display:flex;flex-direction:column;align-items:flex-start}
.project-starter{margin-top:28px;padding:23px 25px;border:1px solid #d3e0cc;border-radius:12px;background:#ffffffa3;width:100%}
.project-starter h3{font-size:21px;margin-bottom:17px}
.project-starter p{font-size:11px;margin:0 0 18px}
.project-starter ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px;counter-reset:project-step}
.project-starter li{display:flex;align-items:center;gap:13px;color:var(--forest);font-size:12px;counter-increment:project-step}
.project-starter li:before{content:'0' counter(project-step);display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;background:#e7f0de;font-size:10px;border:1px solid #d2e0c7}
.service-details{gap:42px}
.service-detail{padding-bottom:42px;gap:55px}
.service-starting-point{margin-top:26px;padding:22px;background:var(--pale);border:1px solid var(--line);border-radius:12px}
.service-starting-point .eyebrow{font-size:9px;margin-bottom:11px}
.service-starting-point p{font-size:12px;margin:0}
.about-preview{padding-top:0}
.faq-layout{gap:60px}
@keyframes leaf-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@media(max-width:1000px){.page-hero-grid{gap:30px;grid-template-columns:1.1fr 1fr}.page-hero-grid h1{font-size:46px}.hero-media-photo{height:205px}.page-hero-media>figcaption{padding:20px}.page-hero-media strong{font-size:18px}.contact-card-preview{gap:35px}.service-detail{gap:35px}}
@media(max-width:640px){.section{padding:43px 0}.page-hero{padding:38px 0}.page-hero-grid{grid-template-columns:1fr;gap:28px}.page-hero-grid h1{font-size:43px}.page-hero-media{border-top-left-radius:45px}.hero-media-photo{height:195px}.page-hero-media>figcaption{padding:20px}.section-heading{margin-bottom:27px}.heading-context{margin-top:22px}.context-icons{margin-bottom:12px}.context-icons>span{font-size:9px;padding:7px 10px}.profile-section{padding-bottom:24px}#personal-introduction{padding-top:25px;padding-bottom:40px}.contact-card-preview{gap:28px}.project-starter{padding:22px}.project-starter h3{font-size:23px}.membership-visual img{height:200px}.service-detail{padding-bottom:30px}.service-details{gap:30px}.faq-layout{gap:28px}.about-preview{padding-top:0}}
@media(prefers-reduced-motion:reduce){.hero-media-seal{animation:none}}