/* ABOUT / WHERE I BEGIN — integrated visual language */
.about-page{overflow-x:hidden;background:var(--ground);color:var(--ink)}
.about-page *{box-sizing:border-box}
.about-page h1,.about-page h2,.about-page h3,.about-page p,.about-page figure{margin:0}
.about-page a{text-underline-offset:5px}
.about-container{width:min(100% - 112px,1370px);margin:0 auto}
.about-page .sitebar{height:83px}
.about-page .about-nav-active{color:var(--ink)!important;border-bottom:1px solid var(--accent-interactive);padding-bottom:5px}
.about-eyebrow{font:10px/1.6 var(--mono);color:var(--ink-faint);letter-spacing:.13em;text-transform:uppercase}
.about-intro{padding:clamp(86px,10vw,160px) 0 90px;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.87fr);gap:clamp(40px,7vw,130px);align-items:center;position:relative}
.about-intro h1{font:normal clamp(74px,9.6vw,151px)/.96 var(--serif);letter-spacing:-.074em;margin:26px 0 37px}
.about-intro h1 em{font-weight:normal;color:var(--accent);font-style:italic}
.about-lede{font:clamp(24px,2.8vw,37px)/1.33 var(--serif);letter-spacing:-.028em;max-width:670px}
.about-opening{font:16px/1.88 var(--sans);color:var(--ink-soft);max-width:555px;margin-top:32px!important}
.about-intro-photo{position:relative;margin:0;min-width:0}
.about-intro-photo:before{content:'';position:absolute;inset:-17px 18px 32px -18px;border:1px solid var(--stroke);pointer-events:none}
.about-intro-photo img{width:100%;height:clamp(415px,45vw,625px);object-fit:cover;object-position:50% 48%;filter:saturate(.82);background:#DDD8D0}
.about-intro-photo figcaption{font:10px/1.7 var(--mono);letter-spacing:.07em;color:var(--ink-faint);padding-top:14px;text-transform:uppercase}
.about-rule{border:0;border-top:1px solid var(--stroke);margin:0}
.about-section{padding:clamp(77px,9vw,138px) 0;display:grid;grid-template-columns:minmax(190px,.36fr) minmax(0,1fr);gap:clamp(36px,6vw,122px)}
.about-section>.about-side{padding-top:9px}
.about-side .about-eyebrow{display:block;max-width:230px}
.about-side .about-small{margin-top:26px;max-width:240px;font:12px/1.8 var(--mono);color:var(--ink-faint)}
.about-copy{max-width:820px}
.about-copy h2{font:normal clamp(46px,5.8vw,83px)/1.08 var(--serif);letter-spacing:-.066em;margin-bottom:30px;max-width:880px}
.about-copy h2 em{font-weight:normal;color:var(--accent)}
.about-copy p{font:clamp(18px,1.65vw,21px)/1.77 var(--serif);max-width:790px;color:#555A56;margin-bottom:23px}
.about-copy p:last-child{margin-bottom:0}
.about-statement{padding:53px 0 58px;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center;gap:35px}
.about-statement p{font:normal clamp(31px,4.2vw,61px)/1.18 var(--serif);letter-spacing:-.052em;max-width:1050px}
.about-statement em{color:var(--accent)}
.about-statement .about-eyebrow{max-width:140px;text-align:right}
.about-images{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;gap:clamp(20px,4vw,66px);padding-bottom:clamp(55px,8vw,116px)}
.about-figure{min-width:0}
.about-figure img{width:100%;display:block;object-fit:cover;background:#E5E0D8;filter:saturate(.85)}
.about-figure:nth-child(1) img{aspect-ratio:1.6/1;object-position:50% 50%}
.about-figure:nth-child(2){margin-top:62px}
.about-figure:nth-child(2) img{aspect-ratio:1.15/1;object-position:50% 53%}
.about-figure figcaption{margin-top:12px;font:10px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint)}
.about-bio{background:#EAE8E2;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}
.about-bio .about-copy p{font-size:clamp(17px,1.6vw,20px)}
.about-bio-card{border-top:1px solid #CBC7C0;padding:30px 0 0;margin-top:40px;display:grid;grid-template-columns:minmax(100px,.28fr) 1fr;gap:22px;align-items:start}
.about-bio-card span{font:10px/1.6 var(--mono);letter-spacing:.1em;color:var(--ink-faint)}
.about-bio-card p{font:15px/1.82 var(--sans)!important;color:var(--ink-soft);margin:0 0 9px!important}
.about-continue{background:var(--night);color:var(--night-text);padding:clamp(75px,10vw,145px) 0 clamp(66px,8vw,110px)}
.about-continue-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(45px,8vw,170px)}
.about-continue .about-eyebrow{color:var(--night-subdued)}
.about-continue h2{font:normal clamp(49px,6.6vw,97px)/1.04 var(--serif);letter-spacing:-.063em;margin:23px 0 28px}
.about-continue h2 em{font-weight:normal;color:#C4B6A4}
.about-continue p{font:17px/1.8 var(--serif);max-width:650px;color:#CBCFC9}
.about-continue-link{display:inline-block;color:#F5F1E8;text-decoration:none;border-bottom:1px solid #9F988C;font:clamp(16px,1.6vw,23px)/1.5 var(--sans);padding-bottom:12px;overflow-wrap:anywhere;transition:color .18s}
.about-continue-link:hover{color:#D4BFA6}
.about-continue-links{padding-top:19px;display:flex;flex-direction:column;align-items:flex-start;gap:29px}
.about-continue-links .about-eyebrow{display:block;margin-bottom:-10px}
.about-footer{background:var(--night);color:#C9CDC7;border-top:1px solid #545952}
.about-footer .about-container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:93px;font:10px/1.7 var(--mono);letter-spacing:.05em;text-transform:uppercase}
.about-footer a{color:#EDE9E0;text-decoration:none;border-bottom:1px solid #8B8D85}
@media(max-width:950px){.about-container{width:calc(100% - 64px)}.about-intro{gap:35px}.about-intro h1{font-size:clamp(72px,9.1vw,100px)}.about-section{grid-template-columns:175px 1fr;gap:35px}.about-copy h2{font-size:clamp(48px,6vw,69px)}.about-intro-photo img{height:500px}}
@media(max-width:680px){.about-container{width:calc(100% - 38px)}.about-page .sitebar{height:68px}.about-page .barlinks{gap:12px;flex-wrap:wrap;justify-content:end;max-width:225px}.about-page .barlinks a{font-size:10px}.about-page .brand{font-size:12px}.about-intro{display:flex;flex-direction:column;align-items:stretch;padding:62px 0 67px;gap:44px}.about-intro h1{font-size:clamp(69px,15vw,95px);margin:18px 0 25px}.about-lede{font-size:clamp(24px,6.2vw,32px)}.about-opening{font-size:15px;line-height:1.82;margin-top:21px!important}.about-intro-photo{margin-left:12px}.about-intro-photo:before{inset:-12px 13px 26px -12px}.about-intro-photo img{height:auto;aspect-ratio:4/4.2}.about-section{display:block;padding:73px 0}.about-section>.about-side{margin-bottom:28px}.about-side .about-small{margin-top:8px;max-width:100%}.about-copy h2{font-size:clamp(45px,10vw,67px);margin-bottom:25px}.about-copy p{font-size:18px;line-height:1.77}.about-statement{padding:40px 0;display:block}.about-statement p{font-size:clamp(30px,7.6vw,48px)}.about-statement .about-eyebrow{display:block;text-align:left;margin-top:22px}.about-images{grid-template-columns:1fr;gap:26px;padding-bottom:72px}.about-figure:nth-child(2){margin-top:0;margin-left:10%}.about-bio-card{grid-template-columns:1fr;gap:12px}.about-continue-grid{grid-template-columns:1fr;gap:36px}.about-continue h2{font-size:clamp(55px,12vw,79px)}.about-continue-links{padding-top:0;gap:25px}.about-footer .about-container{min-height:0;padding:25px 0;align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto!important;transition:none!important}}


/* SHORTER, MORE RELATIONAL ABOUT / a quieter editorial rhythm */
.about-skip{position:absolute;top:-120px;left:20px;background:var(--ground);padding:12px;z-index:200}
.about-skip:focus{top:12px}
.about-reduced .about-intro{padding-top:clamp(78px,9vw,135px);padding-bottom:clamp(64px,7vw,95px)}
.about-reduced .about-section{padding-top:clamp(66px,7.6vw,110px);padding-bottom:clamp(66px,7.6vw,110px)}
.about-reduced .about-encounter-section{padding-top:clamp(12px,2vw,38px)}
.about-reduced .about-copy p{max-width:730px}
.about-reduced .about-human-position{font-size:clamp(17px,1.58vw,20px);color:var(--ink-soft);border-left:1px solid var(--accent);padding-left:20px;margin-top:32px}
.about-reduced .about-images{padding-bottom:clamp(70px,7vw,105px)}
.about-reduced .about-figure a{display:block}
.about-reduced .about-figure a img{transition:filter .4s ease,transform .4s ease}
.about-reduced .about-figure a:hover img{filter:saturate(1);transform:scale(1.006)}
.about-reduced .about-figure figcaption{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px}
.about-reduced .about-figure figcaption a{color:var(--ink-soft);text-transform:none;text-decoration:none;border-bottom:1px solid var(--accent-interactive)}
.about-reduced .about-bio-condensed{background:#eae8e2}
.about-reduced .about-bio-layout{display:grid;grid-template-columns:minmax(190px,.36fr) minmax(0,1fr);gap:clamp(36px,6vw,122px);padding:clamp(64px,8vw,110px) 0}
.about-reduced .about-bio-layout .about-side{padding-top:9px}
.about-reduced .about-bio-layout h2{margin-bottom:22px}
.about-reduced .about-bio-layout p.about-bio-short{font:clamp(16px,1.48vw,18px)/1.82 var(--sans);color:var(--ink-soft);max-width:710px;margin-bottom:17px}
.about-reduced .about-continue{padding-top:clamp(77px,8vw,112px);padding-bottom:clamp(68px,7vw,95px)}
.about-reduced .about-continue p{max-width:520px}
.about-reduced .about-continue-links{gap:23px}
.about-reduced .about-continue-links .about-eyebrow{margin-bottom:-12px}
@media(max-width:950px){.about-reduced .about-bio-layout{grid-template-columns:175px 1fr;gap:35px}}
@media(max-width:680px){
  .about-reduced .about-section{padding:65px 0}
  .about-reduced .about-encounter-section{padding-top:0}
  .about-reduced .about-bio-layout{display:block;padding:65px 0}
  .about-reduced .about-bio-layout>.about-side{margin-bottom:27px}
  .about-reduced .about-bio-layout h2{font-size:clamp(45px,10vw,67px)}
  .about-reduced .about-human-position{padding-left:15px;margin-top:24px}
  .about-reduced .about-figure figcaption{display:block}
  .about-reduced .about-figure figcaption a{display:inline-block;margin-top:7px}
}

/* Two situated encounters: image-led, not a second explanatory section. */
.about-reduced .about-intro-photo img{object-position:50% 49%;filter:saturate(.84)}
.about-reduced .about-encounter-section{padding-bottom:clamp(35px,4.5vw,64px)}
.about-reduced .about-images.encounter-pair{grid-template-columns:1.06fr .94fr;align-items:start;gap:clamp(18px,3.6vw,58px);padding-bottom:clamp(75px,8vw,120px)}
.about-reduced .encounter-figure{min-width:0}
.about-reduced .encounter-figure:nth-child(2){margin-top:clamp(45px,6vw,92px)}
.about-reduced .encounter-figure:nth-child(1) img{aspect-ratio:1.21 / 1;object-fit:cover;object-position:50% 52%}
.about-reduced .encounter-figure:nth-child(2) img{aspect-ratio:1.07 / 1;object-fit:cover;object-position:50% 48%}
.about-reduced .encounter-caption{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;padding-top:12px;border-top:1px solid var(--stroke);margin-top:14px}
.about-reduced .encounter-caption-left{display:flex;flex-direction:column;gap:3px}
.about-reduced .encounter-caption-marker{font:10px/1.6 var(--mono);letter-spacing:.075em;text-transform:uppercase;color:var(--ink-faint)}
.about-reduced .encounter-caption-left em{font:italic clamp(23px,2.35vw,32px)/1.18 var(--serif);letter-spacing:-.034em;color:var(--ink);text-transform:none}
.about-reduced .encounter-caption a{font:11px/1.65 var(--mono);color:var(--ink-soft);text-transform:none;white-space:nowrap}
@media(max-width:680px){
  .about-reduced .about-images.encounter-pair{display:grid;grid-template-columns:1fr;gap:39px;padding-bottom:73px}
  .about-reduced .encounter-figure:nth-child(2){margin:0 0 0 8%}
  .about-reduced .encounter-figure:nth-child(1) img{aspect-ratio:4/3}
  .about-reduced .encounter-figure:nth-child(2) img{aspect-ratio:1.2 / 1}
  .about-reduced .encounter-caption{display:flex;align-items:flex-end}
  .about-reduced .encounter-caption a{margin:0}
}

/* About encounter diptych / visitors and material, 2026-11-02.
   The hero remains the close, human-scale encounter of hands tending moss.
   These two documentary images stand together without becoming an art gallery. */
.about-reduced .encounter-figure:nth-child(1) img{aspect-ratio:1.30 / 1;object-fit:cover;object-position:50% 48%}
.about-reduced .encounter-figure:nth-child(2) img{aspect-ratio:1.23 / 1;object-fit:cover;object-position:50% 50%}
.about-reduced .about-intro-photo img{object-position:50% 52%}
@media(max-width:680px){
  .about-reduced .encounter-figure:nth-child(1) img{aspect-ratio:4 / 3}
  .about-reduced .encounter-figure:nth-child(2) img{aspect-ratio:4 / 3}
}

/* Small editorial portrait in biography margin */
.about-reduced .about-bio-portrait { width:190px;max-width:100%;aspect-ratio:2/3;overflow:hidden;margin:28px 0 0; }
.about-reduced .about-bio-portrait img {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:saturate(.88);}
@media(max-width:680px){.about-reduced .about-bio-portrait{width:150px;margin-top:21px;}}