:root{--ink:#242f2c;--muted:#68736d;--paper:#f7f6f0;--white:#fffef9;--line:#d9ded3;--green:#365b4e;--sage:#dfe9db;--orange:#cf623c;--serif:ui-serif,"Songti SC","STSong",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #d66543;outline-offset:4px}button{font:inherit}.wrap{width:min(1180px,calc(100% - 96px));margin:auto}.header{border-bottom:1px solid var(--line)}.header-inner{height:85px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:700;letter-spacing:.1em}.brand-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-family:var(--serif);font-size:17px}.nav{display:flex;align-items:center;gap:36px;color:#59645d;font-size:13px}.nav a:hover{color:var(--green)}.nav .nav-last{border:1px solid #b9c6b8;border-radius:30px;padding:10px 18px;color:var(--ink)}.hero{display:grid;grid-template-columns:1fr 360px;gap:85px;min-height:460px;align-items:center;padding:76px 0 83px}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;color:var(--green);font-size:11px;letter-spacing:.19em;font-weight:700}.eyebrow:before{content:"";display:block;width:24px;height:1px;background:var(--orange)}h1,h2,h3,p{margin:0}.hero h1{font-family:var(--serif);font-size:clamp(48px,5.8vw,76px);font-weight:500;letter-spacing:.06em;line-height:1.23;margin:26px 0 23px}.hero h1 em{font-style:normal;color:var(--green)}.lead{max-width:550px;font-size:15px;line-height:2;color:#647069}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:34px}.button{display:inline-flex;gap:22px;align-items:center;padding:14px 20px;border-radius:2px;background:var(--green);color:#fff;font-size:13px}.button:hover{background:#254638}.quiet{font-size:13px;color:#637369;border-bottom:1px solid #a9b9ac;padding-bottom:4px}.hero-art{height:300px;background:#e1eadc;position:relative;overflow:hidden}.hero-art:before{content:"";position:absolute;width:236px;height:236px;border:1px solid rgba(54,91,78,.30);border-radius:50%;left:63px;top:30px}.hero-art:after{content:"";position:absolute;width:152px;height:200px;left:125px;top:61px;border-radius:90px 90px 0 0;background:#bdcdb8;transform:rotate(-25deg)}.art-line{position:absolute;left:0;right:0;bottom:58px;height:1px;background:rgba(54,91,78,.3);z-index:2}.art-label{position:absolute;bottom:19px;left:25px;z-index:3;font-size:10px;letter-spacing:.15em;color:#536a5b}.art-number{position:absolute;right:20px;top:17px;font:italic 14px var(--serif);color:#617766}.section{border-top:1px solid var(--line);padding:67px 0 82px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.overline{font-size:10px;color:var(--green);letter-spacing:.19em;text-transform:uppercase}.section h2{font:500 34px var(--serif);letter-spacing:.08em;margin-top:12px}.section-note{font-size:12px;color:#7a867d;line-height:1.8}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.filters button{border:1px solid var(--line);border-radius:20px;background:transparent;color:#778179;font-size:12px;padding:8px 15px;cursor:pointer}.filters button.active{background:var(--green);border-color:var(--green);color:white}.record-card{display:grid;grid-template-columns:1fr 290px;background:var(--white);border:1px solid #e2e6dc;min-height:240px}.record-text{padding:32px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.record-meta{color:#728278;font-size:11px;letter-spacing:.08em}.record-text h3{font:500 27px var(--serif);line-height:1.5;margin:14px 0 8px}.record-text p{font-size:13px;line-height:1.9;color:#6d7970;max-width:540px}.read{font-size:12px;color:var(--green);margin-top:22px;border-bottom:1px solid #9db3a0;padding-bottom:4px}.record-card:hover .read{border-color:var(--green)}.record-visual{background:#dce7d9;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.record-visual:before{content:"";height:158px;width:158px;border-radius:50%;border:1px solid #9ab5a1;position:absolute}.quote-mark{font:italic 115px var(--serif);color:#8eaa97;line-height:1;transform:translateY(25px)}.card-image{width:100%;height:100%;object-fit:cover}.empty{padding:34px 0;color:#78837a;font-size:13px}[hidden]{display:none!important}.about{background:#e8ede3}.about .wrap{display:grid;grid-template-columns:240px 1fr;gap:90px;padding:63px 0 70px}.about h2{font:500 30px var(--serif);margin-top:12px}.about-copy{max-width:600px;color:#54645b;font-size:15px;line-height:2.1}.footer{padding:30px 0;color:#819086;font-size:11px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.article-wrap{width:min(760px,calc(100% - 48px));margin:auto}.back{display:inline-block;margin-top:55px;color:#668071;font-size:13px}.article-head{padding:45px 0 38px;border-bottom:1px solid var(--line)}.article-head h1{font:500 clamp(36px,5vw,56px)/1.4 var(--serif);letter-spacing:.06em;margin:18px 0}.article-head .intro{font-size:15px;color:#6b7b70;line-height:2;max-width:650px}.article-body{font-family:var(--serif);font-size:18px;line-height:2.15;padding:35px 0 65px}.article-body p{margin:0 0 1.3em}.article-end{border-top:1px solid var(--line);padding:28px 0 60px;font-family:var(--sans);font-size:13px;color:var(--green)}.media{margin:28px 0}.media img,.media video{max-width:100%;height:auto;display:block}.media audio{width:100%}.media figcaption{color:#758078;font-size:12px;margin-top:9px}.transcript-label{font:600 13px var(--sans);color:var(--green);margin:34px 0 22px}.article-footer{border-top:1px solid var(--line)}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:72px}.nav{gap:18px;font-size:12px}.nav .nav-last{display:none}.brand{font-size:13px}.hero{grid-template-columns:1fr;gap:35px;padding:54px 0 56px}.hero h1{font-size:48px;margin:23px 0 18px}.hero-art{height:190px}.hero-art:before{width:160px;height:160px;top:15px;left:calc(50% - 80px)}.hero-art:after{height:140px;width:100px;top:31px;left:calc(50% - 20px)}.art-line{bottom:45px}.art-label{bottom:15px}.section{padding:51px 0 60px}.section h2{font-size:29px}.section-top{align-items:start;flex-direction:column;gap:12px}.record-card{grid-template-columns:1fr}.record-text{padding:28px 24px}.record-visual{height:150px;grid-row:1}.record-visual:before{width:108px;height:108px}.quote-mark{font-size:84px}.about .wrap{grid-template-columns:1fr;gap:22px;padding:50px 0}.footer .wrap{flex-direction:column}.article-head{padding:35px 0 30px}.article-body{font-size:17px;line-height:2}.back{margin-top:40px}}

/* A small, expandable illustrated biography */
.bio-wrap{width:min(960px,calc(100% - 96px));margin:0 auto}.bio-head{padding:44px 0 52px;border-bottom:1px solid var(--line)}.bio-head h1{font:500 clamp(42px,5vw,62px)/1.3 var(--serif);letter-spacing:.08em;margin:22px 0}.bio-head p{color:#637369;font-size:16px;line-height:2;max-width:640px}.bio-journey{padding:10px 0}.bio-stage{display:grid;grid-template-columns:210px 1fr;gap:55px;padding:48px 0;border-bottom:1px solid var(--line)}.bio-label{display:flex;align-items:baseline;gap:14px;color:#76877a;font-size:12px;letter-spacing:.08em}.bio-number{font:italic 21px var(--serif);color:#93a699}.bio-stage-main h2{font:500 29px/1.5 var(--serif);letter-spacing:.05em;margin-bottom:16px}.bio-stage-main p{max-width:620px;font:17px/2 var(--serif);margin:0 0 12px;color:#3d4c44}.bio-photo{margin:25px 0 0}.bio-photo img{width:100%;height:auto;display:block}.bio-photo figcaption{margin-top:10px;color:#758078;font-size:12px;line-height:1.7}.bio-close{padding:38px 0 55px;font-size:13px;color:#7d8a7d}.about-experience-link{display:inline-block;margin-top:18px;font-size:13px;color:var(--green);border-bottom:1px solid #9db3a0;line-height:1.6}
@media(max-width:760px){.bio-wrap{width:calc(100% - 40px)}.bio-head{padding:35px 0 40px}.bio-stage{grid-template-columns:1fr;gap:16px;padding:36px 0}.bio-stage-main h2{font-size:25px}.bio-stage-main p{font-size:16px}.nav{gap:12px}.nav a{white-space:nowrap}}

.bio-photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px;align-items:start}.bio-photo-gallery .bio-photo{margin:0}.bio-photo-gallery .bio-photo img{width:100%;height:auto}
@media(max-width:560px){.bio-photo-gallery{grid-template-columns:1fr;gap:22px}}

/* Give selected personal photos room to lead the story. */
.bio-photo-gallery .bio-photo-featured{grid-column:1 / -1}