/* Requested hero and editorial refinements, September 15. */
main h2,main h3{font-weight:600}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero{padding-top:0}
.hero .hero-photo-overlay{position:relative;isolation:isolate;aspect-ratio:auto;min-height:650px;max-height:none;display:flex;align-items:center}
.hero-photo-overlay>img{position:absolute;inset:0;object-position:center 55%;height:100%;width:100%;z-index:-2}
.hero .hero-photo-overlay:after{display:none}
.hero-photo-overlay .hero-intro{position:relative;z-index:1;display:block;max-width:1200px;width:calc(100% - 112px);padding:70px 0 100px;margin-inline:auto;color:#fff}
.hero-photo-overlay .eyebrow{color:#fff;font-size:.875rem;letter-spacing:.16em;margin-bottom:23px;text-shadow:0 1px 4px rgba(4,31,29,.46)}
.hero-photo-overlay h1{font-size:clamp(2.5rem,4.1vw,3.75rem);font-weight:600;line-height:1.7;letter-spacing:.065em;text-shadow:0 2px 7px rgba(4,31,29,.46)}
.hero-photo-overlay .hero-description{max-width:620px;min-width:0;padding:0;margin-top:28px}
.hero-photo-overlay .hero-description p{color:#fff;font-size:1.0625rem;line-height:2.05;letter-spacing:.025em;text-shadow:0 1px 5px rgba(4,31,29,.58)}
.hero-photo-overlay .text-link{margin-top:28px;color:#fff;font-size:1rem;gap:28px;text-shadow:0 1px 4px rgba(4,31,29,.55)}
.hero-photo-overlay .round-arrow{color:#fff;border-color:#ffffffbd;width:44px;height:44px}
.hero-photo-overlay .text-link:hover .round-arrow{background:#fff;color:#203c3b;transform:translateY(3px)}
.hero-photo-overlay .photo-word{left:auto;right:70px;bottom:37px;font-size:2.35rem;line-height:1.3;letter-spacing:-.025em;font-style:italic;color:#fff;text-shadow:0 1px 5px rgba(4,31,29,.55)}
.representative{grid-template-columns:.6fr 1.4fr;gap:8%}
.portrait{height:330px;max-width:300px}
.activity-grid>.activity,.activity-grid>.activity:first-child,.activity-grid>.activity:nth-child(3),.activity-grid>.activity:nth-child(even),.activity-grid>.activity:last-child{padding:32px}
.activity .activity-number{font-size:1.875rem;gap:16px;margin-bottom:24px}
.activity .activity-number>span{font-size:.875rem;letter-spacing:.08em}
.activity .activity-heading{gap:24px;align-items:center}
.activity h3{font-size:1.875rem;line-height:1.85;letter-spacing:.025em}
.activity .activity-icon{display:flex;align-items:center;justify-content:center;width:100px;height:132px;flex:0 0 100px;border-radius:999px;background:#75998f;color:#fff}
.activity .activity-icon svg{width:64px;height:64px;stroke-width:1.8}
.activity .activity-bottom{justify-content:flex-start;gap:18px;font-size:.9375rem;line-height:1.8}
.activity .activity-bottom>span{font-size:1.6rem;flex-shrink:0}
.activities .activity-note,.harmony-band p{font-size:1.125rem;line-height:2}
.fellows-line{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:7%;padding-top:34px}
.fellows-line .fellows-intro .text-link{margin-top:20px}
.fellows-line .section-description{margin:22px 0 0;padding:0;font-size:1rem;line-height:2.1}
.fellows-line h3{font-size:1.0625rem;line-height:1.9}
@media(max-width:1000px){
.hero .hero-photo-overlay{min-height:620px}
.hero-photo-overlay .hero-intro{width:calc(100% - 80px);padding-block:58px 93px}
.hero-photo-overlay .hero-description{max-width:580px}
.hero-photo-overlay h1{font-size:2.75rem}
.hero-photo-overlay .photo-word{right:48px;font-size:2rem}
.activity-grid>.activity,.activity-grid>.activity:first-child,.activity-grid>.activity:nth-child(3),.activity-grid>.activity:nth-child(even),.activity-grid>.activity:last-child{padding:26px}
.activity .activity-heading{gap:15px}.activity h3{font-size:1.5rem}.activity .activity-icon{width:78px;height:106px;flex-basis:78px}.activity .activity-icon svg{width:52px;height:52px}
.activity .activity-number>span{font-size:.8125rem;letter-spacing:.04em}.activity .activity-bottom{font-size:.875rem;gap:13px}
}
@media(max-width:700px){
.hero .hero-photo-overlay{min-height:640px;align-items:center;border-bottom-right-radius:64px}
.hero-photo-overlay>img{object-position:45% center}
.hero-photo-overlay .hero-intro{width:calc(100% - 44px);padding:46px 0 100px;max-width:100%}
.hero-photo-overlay .eyebrow{font-size:.75rem;margin-bottom:22px;gap:12px}
.hero-photo-overlay h1{font-size:clamp(1.875rem,8vw,2.75rem);line-height:1.8;letter-spacing:.04em;margin-left:0}
.hero-photo-overlay .hero-description{margin-top:23px;max-width:100%}
.hero-photo-overlay .hero-description p{font-size:1rem;line-height:2.05;letter-spacing:0}
.hero-photo-overlay .text-link{font-size:.9375rem;margin-top:26px;gap:21px}
.hero-photo-overlay .round-arrow{width:40px;height:40px}
.hero-photo-overlay .photo-word{font-size:1.55rem;right:32px;bottom:31px;left:auto}
.portrait{width:58%;max-width:250px;height:auto}
.activity-grid>.activity,.activity-grid>.activity:first-child,.activity-grid>.activity:nth-child(3),.activity-grid>.activity:nth-child(even),.activity-grid>.activity:last-child{padding:26px 18px}
.activity h3{font-size:1.5rem;line-height:1.8}.activity h3 br{display:block}.activity .activity-heading{gap:12px}
.activity .activity-icon{width:76px;height:102px;flex-basis:76px}.activity .activity-icon svg{width:49px;height:49px}
.activity .activity-number{font-size:1.75rem;gap:14px;margin-bottom:17px}.activity .activity-number>span{font-size:.875rem}
.activity .activity-bottom{gap:14px;font-size:.875rem}
.activities .activity-note,.harmony-band p{font-size:1rem;line-height:2}
.fellows-line{grid-template-columns:1fr;gap:25px}.fellows-line .section-description{margin:0}.fellows-line h3{font-size:1rem}
}
@media(max-width:370px){.hero-photo-overlay .hero-intro{width:calc(100% - 36px)}.hero-photo-overlay h1{font-size:1.8125rem}.activity-grid>.activity,.activity-grid>.activity:first-child,.activity-grid>.activity:nth-child(3),.activity-grid>.activity:nth-child(even),.activity-grid>.activity:last-child{padding-inline:13px}.activity h3{font-size:1.3125rem}.activity .activity-icon{width:65px;height:92px;flex-basis:65px}.activity .activity-icon svg{width:44px;height:44px}.activity .activity-number>span{font-size:.75rem}}

/* Responsive artwork: dedicated portrait composition for phones. */
.hero-photo-overlay picture,.hero-photo-overlay picture img{display:block;width:100%;height:auto}
@media(max-width:700px){.hero .hero-photo.hero-photo-overlay{aspect-ratio:3/4}.hero-bottom a{font-size:.8125rem;gap:12px}.hero-bottom>span{font-size:.6rem;letter-spacing:.06em}}
.hero .hero-photo-overlay{display:block;min-height:0;max-height:none;aspect-ratio:1774/887}
.hero-photo-overlay>img{position:static;display:block;width:100%;height:100%;object-fit:cover;object-position:center;z-index:auto}
@media(max-width:1000px){.hero .hero-photo-overlay{min-height:0;aspect-ratio:1774/887}}
@media(max-width:700px){.hero .hero-photo-overlay{min-height:0;aspect-ratio:1774/887;border-bottom-right-radius:42px}.hero-photo-overlay>img{object-position:center}}

/* Approved artwork and six activity areas, October 30. */
.hero .hero-final{aspect-ratio:2048/1394;container-type:inline-size;border-radius:4px 4px 80px 4px}
.hero-copy{position:absolute;top:3%;left:4%;right:4%;text-align:center;color:#fff;text-shadow:0 2px 6px #317f9c80,0 0 18px #317f9c55}
.hero-copy .hero-kicker{font-family:Georgia,'Times New Roman',serif;font-size:2.5cqw;letter-spacing:.17em;line-height:1.3;margin-bottom:1cqw}
.hero-final .hero-copy h1{font-family:var(--serif);font-size:6.7cqw;font-weight:600;line-height:1.25;letter-spacing:.06em;margin:0;text-shadow:0 2px 6px #317f9c80,0 0 18px #317f9c55}
.hero-copy h1 span{display:block;white-space:nowrap}
.hero-copy .hero-sub{font-family:var(--serif);font-size:2.3cqw;font-weight:600;line-height:1.6;margin-top:1cqw;color:#fff}
.about{padding-bottom:70px}.about-body .lead{font-size:1.4rem}
.approach{padding:64px 0 100px;border-top:1px solid var(--line)}.approach h2{margin-bottom:28px}.approach-copy{max-width:860px;color:var(--body)}.approach-copy p+p{margin-top:14px}
.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.activity-grid>.activity{border-right:1px solid #c9dad5}.activity-grid>.activity:nth-child(3n){border-right:0}.activity-grid>.activity:nth-child(-n+3){border-bottom:1px solid #c9dad5}
.activity .activity-heading{gap:16px}.activity h3{font-size:1.55rem}.activity .activity-icon{width:76px;height:106px;flex-basis:76px}.activity .activity-icon svg{width:50px;height:50px}.activity .activity-number>span{font-size:.75rem}.activity .activity-bottom{font-size:.85rem}.activity-grid>.activity>p{font-size:.9375rem}
.impact{padding:90px 0 0}.impact h2{font-size:clamp(26px,2.5vw,36px)}.impact-flow{display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:36px 0 0;list-style:none;border-top:1px solid var(--line)}.impact-flow li{padding:24px 18px 0 0;position:relative}.impact-flow li+li{padding-left:18px}.impact-flow li+li:before{content:'→';position:absolute;left:-9px;top:26px;color:#8ca59c}.impact-flow span{display:block;color:#63897d;font-family:Georgia,serif;font-size:1.2rem;margin-bottom:9px}.impact-flow strong{font-size:.9375rem;font-weight:500}
.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 34px}.journal-art{aspect-ratio:2}.art-inclusive{background:linear-gradient(135deg,#e6e5f1,#f5e5e8);color:#73627c}
.connect-inner{max-width:1100px;margin:auto}.connect-actions .button{gap:18px;font-size:.9rem}
@media(max-width:1000px) and (min-width:701px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-grid>.activity:nth-child(n){border-right:1px solid #c9dad5;border-bottom:1px solid #c9dad5}.activity-grid>.activity:nth-child(2n){border-right:0}.activity-grid>.activity:nth-last-child(-n+2){border-bottom:0}}
@media(max-width:700px){.hero .hero-photo.hero-final{aspect-ratio:3/4;border-bottom-right-radius:38px;margin-inline:12px}.hero-copy{top:3%;left:3%;right:3%}.hero-copy .hero-kicker{font-size:3.6cqw;letter-spacing:.15em;margin-bottom:1.5cqw}.hero-final .hero-copy h1{font-size:9.3cqw;line-height:1.25;letter-spacing:.015em}.hero-copy .hero-sub{font-size:4cqw;line-height:1.45;margin-top:2cqw}.hero-sub span{display:block}.about{padding-bottom:45px}.approach{padding:40px 0 60px}.approach h2{font-size:1.65rem}.approach-copy{font-size:.9375rem}.activity-grid{grid-template-columns:1fr}.activity-grid>.activity:nth-child(n){border-right:0;border-bottom:1px solid #c9dad5}.activity-grid>.activity:last-child{border-bottom:0}.activity h3{font-size:1.5rem}.impact{padding-top:58px}.impact-flow{grid-template-columns:1fr;margin-top:24px}.impact-flow li,.impact-flow li+li{padding:18px 0 18px 30px;border-bottom:1px solid var(--line)}.impact-flow li+li:before{content:'↓';left:3px;top:22px}.impact-flow span{font-size:1.15rem;margin-bottom:3px}.impact-flow strong{font-size:1rem}.journal-grid{gap:28px}.journal-art{aspect-ratio:auto}.connect h2{font-size:1.75rem}.connect-actions .button{font-size:.875rem;gap:10px}}
.hero-copy{isolation:isolate}
@media(max-width:700px){#about-title{font-size:clamp(24px,6.7vw,32px)}#activities-title{font-size:clamp(24px,6.3vw,30px)}}

/* A laptop first view, with long-form content on its own pages. */
@media(min-width:701px){
 .site-header{min-height:94px;padding-block:12px}.brand{width:245px}
 .hero .hero-photo.hero-final{aspect-ratio:2048/975;width:min(93.3vw,calc((100svh - 160px)*2.10051282),1530px);height:min(calc(93.3vw*975/2048),calc(100svh - 160px),728.393px);min-height:0;margin-inline:auto;container-type:size;border-radius:4px 4px 64px 4px}
 .hero-final picture,.hero-final picture img{height:100%;width:100%}.hero-final picture img{object-fit:cover;object-position:center bottom}
 .hero-final .hero-copy{top:4cqh;left:3%;right:3%}
 .hero-final .hero-copy .hero-kicker{font-size:clamp(15px,3.8cqh,25px);margin-bottom:1.5cqh;line-height:1.3}
 .hero-final .hero-copy h1{font-size:clamp(32px,9.3cqh,62px);line-height:1.2;letter-spacing:.06em}
 .hero-final .hero-copy .hero-sub{font-size:clamp(15px,3.8cqh,25px);line-height:1.5;margin-top:2cqh}
 .hero-bottom{width:min(93.3vw,calc((100svh - 160px)*2.10051282),1530px);margin:16px auto 0}
}
.association-band{padding:70px 0}.association-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.association-intro-copy>p{color:var(--body)}.association-links{display:flex;flex-direction:column;align-items:flex-start;gap:22px;margin-top:30px}
.contact-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:left;gap:32px;margin-top:46px}.contact-topics section{border-top:1px solid #bdcfc6;padding-top:23px}.contact-number{font-family:Georgia,serif;font-size:1.25rem;color:#628b7d}.contact-topics h3{font-size:1.125rem;margin-top:12px;font-weight:500}.connect .contact-topics p{font-size:.9375rem;margin-top:12px}.connect .contact-status{margin:38px auto 0;padding-top:24px;border-top:1px solid var(--line);font-size:.875rem;color:#61736c;max-width:720px}
.breadcrumbs{display:flex;gap:15px;align-items:center;font-size:.75rem;color:#6b7d75;margin-bottom:42px}.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.page-masthead{padding:36px 0 62px;border-bottom:1px solid var(--line)}.page-masthead .eyebrow{margin-bottom:12px}.page-masthead h1{font-family:var(--serif);font-size:clamp(36px,3.5vw,52px);font-weight:500;letter-spacing:.08em;line-height:1.6}.page-masthead h1 ruby rt{font-size:12px;padding-bottom:2px;}.page-intro{margin-top:18px;color:var(--body);font-size:1rem}
.about-layout{display:grid;grid-template-columns:210px minmax(0,780px);justify-content:space-between;gap:65px;padding-top:60px}.page-index{align-self:start;position:sticky;top:36px;font-size:.875rem}.page-index a{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.page-index a:hover{color:#4e897d}.page-index span{color:#819b91}
.reading-section{scroll-margin-top:30px;padding:0 0 76px;margin-bottom:70px;border-bottom:1px solid var(--line)}.reading-section:last-child{margin-bottom:0}.reading-section>.eyebrow{margin-bottom:18px}.reading-section h2{font-size:clamp(25px,2.2vw,32px);letter-spacing:.035em;line-height:1.7;margin-bottom:25px}.philosophy-subtitle{font-family:Georgia,serif;color:#708e83;font-size:1.1rem;margin-top:-10px;margin-bottom:30px}
.reading-body{font-size:1rem;line-height:2.15;color:var(--body);overflow-wrap:anywhere}.reading-body>p+p{margin-top:24px}.reading-body h3{font-family:var(--serif);font-size:1.35rem;line-height:1.8;color:var(--ink);margin:40px 0 20px}.reading-body h3:first-child{margin-top:0}.reading-body .dialog-note{font-size:.875rem;color:#6a7973;margin-top:25px}.reading-body dl{display:grid;grid-template-columns:90px 1fr;gap:25px;margin:0}.reading-body dd{margin:0}.reading-body dt{font-weight:500;color:var(--ink)}
.message-author{display:flex;align-items:center;gap:34px;margin:34px 0}.message-author img{width:180px;height:200px;object-fit:cover;border-radius:3px 42px 3px 3px}.message-author h3{font-family:var(--serif);font-size:1.6rem;letter-spacing:.14em;margin:5px 0}.message-author span{font-size:.875rem;color:#627970}.message-author .author-english{font-size:.75rem;letter-spacing:.08em}.profile-box{padding:25px 28px;margin-top:35px;background:#f3f7f4;font-size:.9375rem;color:var(--body);line-height:2}.profile-box .eyebrow{margin-bottom:12px}
.page-end{padding:45px 0 75px;display:flex;justify-content:space-between;gap:25px}.article-wrap{max-width:860px;padding:36px 0 90px}.article-header{padding:12px 0 34px;border-bottom:1px solid var(--line);margin-bottom:38px}.article-header h1{font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:.04em;line-height:1.75}.article-back{margin-top:50px;padding-top:25px;border-top:1px solid var(--line)}
@media(max-width:1000px){.about-layout{grid-template-columns:160px minmax(0,1fr);gap:40px}.contact-topics{gap:22px}.contact-topics h3{font-size:1rem}}
@media(max-width:700px){.association-band{padding:52px 0}.association-intro{grid-template-columns:1fr;gap:24px}.association-intro-copy>p{font-size:.9375rem}.association-links{gap:20px;margin-top:24px}.contact-topics{grid-template-columns:1fr;gap:25px;margin-top:32px}.contact-topics section{padding-top:17px}.contact-topics h3{font-size:1.125rem;margin-top:5px}.connect .contact-topics p{margin-top:10px;font-size:.9375rem}.connect .contact-status{font-size:.875rem;text-align:left;margin-top:30px}.page-masthead{padding:22px 0 34px}.breadcrumbs{margin-bottom:28px;gap:12px}.page-masthead h1{font-size:32px}.page-intro{font-size:.9375rem;line-height:1.9}.about-layout{display:block;padding-top:25px}.page-index{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;font-size:.8125rem;margin-bottom:42px}.page-index a{padding:13px 0}.reading-section{padding-bottom:44px;margin-bottom:44px}.reading-section h2{font-size:25px;line-height:1.8;margin-bottom:22px}.reading-body{font-size:1rem;line-height:2.05}.reading-body h3{font-size:1.2rem;margin-top:30px}.philosophy-subtitle{font-size:.9375rem}.message-author{gap:24px;margin:26px 0}.message-author img{width:120px;height:150px;border-top-right-radius:30px}.message-author h3{font-size:1.25rem;letter-spacing:.09em}.message-author .author-english{font-size:.625rem;letter-spacing:.02em}.profile-box{padding:20px;font-size:.875rem}.reading-body dl{grid-template-columns:1fr;gap:8px}.reading-body dd+dt{margin-top:16px}.page-end{padding:32px 0 52px;flex-direction:column;align-items:flex-start}.article-wrap{padding:22px 0 55px}.article-header{padding:5px 0 25px;margin-bottom:28px}.article-header h1{font-size:27px;line-height:1.75}.article-header .eyebrow{font-size:.6875rem;letter-spacing:.12em}}

/* Editorial vignettes connect the purpose and approach to daily life. */
#about{gap:7%;padding-top:96px;padding-bottom:64px;align-items:start}
#about .about-body{line-height:1.95}
#about .about-body>p+p{margin-top:13px}
#about .about-body .lead{font-size:1.3rem;line-height:1.85;margin-bottom:22px}
#about .about-body .text-link{margin-top:24px}
.purpose-illustration,.approach-illustration{padding:0}
.purpose-illustration{width:100%;max-width:540px;margin:32px auto 0}
.purpose-illustration img,.approach-illustration img{width:100%;height:auto;display:block}
.approach{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:6%;padding:56px 0 76px}
.approach h2{font-size:clamp(26px,2.35vw,34px);letter-spacing:.025em;line-height:1.7;margin-bottom:24px}
.approach-copy{font-size:1rem;line-height:1.95}
.approach-copy p+p{margin-top:13px}
.approach-illustration{width:100%;max-width:470px;margin:0 auto}
@media(min-width:701px) and (max-width:1000px){#about{gap:5%;padding-top:76px}.purpose-illustration{margin-top:28px}.approach{gap:4%;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.approach h2{font-size:26px}#about .about-body .lead{font-size:1.2rem}}
@media(max-width:700px){#about{padding-top:60px;padding-bottom:44px}#about .about-body{line-height:1.95;margin-top:25px}#about .about-body .lead{font-size:1.1875rem;line-height:1.9;margin-bottom:20px}#about .about-body>p+p{margin-top:13px}.purpose-illustration{width:90%;max-width:340px;margin:23px auto 0}.approach{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:40px 0 52px}.approach h2{font-size:1.65rem;margin-bottom:22px}.approach-copy{font-size:1rem;line-height:1.95}.approach-illustration{width:90%;max-width:340px;margin:0 auto}}
/* Keep white hero copy legible over the softer watercolor sky. */
@media(min-width:701px){.hero-final .hero-copy .hero-sub{text-shadow:0 1px 3px #285568a6,0 2px 10px #28556880}}
