/* Content-first spacing; preserve the original artwork and visual treatments. */
body:not(.page-arrival) header{position:relative;top:auto}
body:not(.page-arrival) main{padding-top:0}
body:not(.page-arrival) main>.section{padding-top:28px;padding-bottom:36px}
body:not(.page-arrival) .container{width:calc(100% - 64px);max-width:1480px}
body:not(.page-arrival) .section-title{margin-bottom:24px}
body:not(.page-arrival) .section-title h1{font-size:clamp(34px,3.4vw,52px);margin:10px 0 14px}
.page-client-services .service-layout{gap:32px}
.page-client-services .service-invitation{padding:28px 34px}
.page-client-services .service-options>button{padding-top:24px;padding-bottom:24px}
.page-client-services .admin-row{margin-top:22px;padding-top:18px}
.page-about .about-intro{padding-top:26px;padding-bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}
.about-intro .eyebrow,.about-intro h1{grid-column:1/-1}
.about-intro h1{font-size:clamp(34px,3.5vw,52px);line-height:1.1;margin:0 0 6px}
.about-intro p{font-size:14px;line-height:1.6}
.page-about #about{padding-top:22px;padding-bottom:28px}
.page-about .team-heading{margin-bottom:20px;gap:24px}
.page-about .team-heading h2{font-size:clamp(26px,2.5vw,36px);margin:0}
.page-about .team-heading p{font-size:13px;line-height:1.5;margin:0}
.page-about .team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.page-about .team-portrait{aspect-ratio:1/.54}
.page-about .team-monogram{font-size:4.5rem}
.page-about .team-card-body{padding:16px}
.page-about .team-role{margin-bottom:8px;min-height:0}
.page-about .team-bio{margin-bottom:8px;font-size:13px}
.page-about .team-card h2{font-size:24px;margin:8px 0}
.page-about .team-note{margin-top:16px;font-size:12px}
.page-about .about-details{padding-top:22px;padding-bottom:36px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.about-details details{border:1px solid #456d6d33;border-radius:12px;background:#fffaf2;overflow:hidden}
.about-details summary{padding:18px 22px;cursor:pointer;font-family:Georgia,serif;font-size:22px;color:#294c4c}
.about-details summary:hover{background:#e4eae0}
.about-details summary:focus-visible{outline:3px solid #456d6d;outline-offset:-4px}
.about-details .ceo-copy{padding:0 22px 18px}
.about-details p{font-size:14px;line-height:1.65}
/* A short introduction beside a fully visible tree and six pathways. */
body.page-experience #experience{padding-top:24px;padding-bottom:24px}
.page-experience #experience::before{display:none}
.page-experience #experience>.container{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,2.25fr);gap:28px;align-items:center}
.page-experience #experience .section-title{text-align:left;margin:0}
.page-experience #experience .section-title h1{font-size:clamp(32px,3vw,48px);line-height:1.08}
.page-experience #experience .section-title p{margin-left:0;max-width:320px}
.page-experience .experience-map{height:clamp(410px,calc(100svh - 210px),640px);min-height:0;padding:0;display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:repeat(3,1fr);gap:14px;align-items:center}
.page-experience .tree-art{inset:12px 23% 42px;height:auto}
.page-experience .tree-art img{width:100%;height:100%;object-fit:contain}
.page-experience .tree-caption{top:auto;bottom:0;left:24%;right:24%}
.page-experience .tree-caption p{font-size:12px}
.page-experience .place{position:relative;inset:auto;width:auto;min-height:0;padding:18px;align-self:center}
.page-experience .place strong{font-size:22px}
.page-experience .place span{font-size:11px;line-height:1.5}
.page-experience .p-mind{grid-area:1/1}.page-experience .p-client{grid-area:2/1}.page-experience .p-community{grid-area:3/1}
.page-experience .p-body{grid-area:1/3}.page-experience .p-learn{grid-area:2/3}.page-experience .p-garden{grid-area:3/3}
@media(max-width:1100px){.page-experience #experience>.container{grid-template-columns:1fr;gap:14px}.page-experience #experience .section-title{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;align-items:center}.page-experience #experience .eyebrow{grid-column:1/-1}.page-experience #experience .section-title h1{font-size:34px}.page-experience #experience .section-title p{max-width:none}.page-experience .experience-map{height:430px}.page-about .team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body:not(.page-arrival) .container{width:calc(100% - 32px)}body:not(.page-arrival) main>.section{padding-top:20px;padding-bottom:28px}.page-about .about-intro,.page-about .about-details{grid-template-columns:1fr;gap:10px}.page-about .team-heading{grid-template-columns:1fr;gap:10px}.page-about .team-grid{grid-template-columns:1fr}.page-about .team-portrait{aspect-ratio:auto;min-height:160px}.page-about .team-monogram{font-size:3rem}.page-experience #experience .section-title{display:block}.page-experience #experience .section-title h1{font-size:32px;margin:8px 0}.page-experience #experience .section-title h1 br{display:none}.page-experience .experience-map{height:auto;padding-top:260px;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}.page-experience .tree-art{inset:0 15% auto;height:230px}.page-experience .tree-caption{top:226px;bottom:auto;left:0;right:0}.page-experience .place{grid-area:auto;align-self:stretch;padding:14px}.page-experience .place strong{font-size:20px}.page-client-services .service-invitation{padding:24px}}

body:not(.page-arrival) #main>.section{padding-top:24px;padding-bottom:32px}@media(max-width:700px){body:not(.page-arrival) #main>.section{padding-top:20px;padding-bottom:28px}}

/* About introduction: centered heading with a single reading column. */
.page-about .about-intro{display:block;max-width:1100px;margin-inline:auto}
.page-about .about-intro .eyebrow{display:block;text-align:center;margin-bottom:12px}
.page-about .about-intro h1{text-align:center;margin-bottom:18px}
.page-about .about-intro p{margin:0 0 12px}