.about-main{background:#fff}.about-main h1,.about-main h2,.about-main h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.045em}.about-rule{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line);font:9px/1.5 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.about-hero{min-height:calc(100vh - 124px);display:grid;grid-template-columns:44% 56%;border-bottom:1px solid var(--line)}.about-hero__copy{padding:7vw 4vw 5vw 7vw;display:flex;flex-direction:column}.about-hero h1{max-width:760px;margin:auto 0 54px;font-size:clamp(66px,7vw,112px);line-height:.9}.about-hero h1 em{font-weight:400}.about-hero__lead{max-width:520px;margin:0 0 22px;font-size:clamp(20px,1.7vw,28px);line-height:1.45}.about-hero__copy>p:last-child{max-width:500px;margin:0;color:var(--muted)}.about-hero__media{position:relative;margin:0;min-height:700px;overflow:hidden;background:#eee}.about-hero__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.about-hero figcaption{position:absolute;left:24px;bottom:22px;padding:7px 10px;background:rgba(255,255,255,.9);font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.about-origin,.about-practice{padding:11vw 7vw}.about-origin__grid{display:grid;grid-template-columns:1.25fr .55fr;gap:9vw;align-items:start;margin:8vw 0 0}.about-origin h2,.about-practice h2{margin:0;font-size:clamp(62px,7vw,108px);line-height:.94}.about-origin__copy{padding-top:1vw}.about-origin__copy p{margin:0 0 26px;color:var(--muted)}.about-practice{background:var(--soft)}.about-practice__heading{display:grid;grid-template-columns:1.25fr .38fr;gap:8vw;align-items:end;margin:8vw 0 6vw}.about-practice__heading>p{margin:0;color:var(--muted)}.about-practice__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.about-practice__grid>a,.about-practice__grid>article{position:relative;min-height:330px;padding:30px 34px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s,color .25s}.about-practice__grid span{font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em}.about-practice__grid h3{margin:auto 0 24px;font-size:clamp(40px,4vw,62px);line-height:.95}.about-practice__grid p{max-width:460px;margin:0;color:var(--muted)}.about-practice__grid i{position:absolute;right:30px;bottom:28px;font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.about-practice__grid a:hover,.about-practice__grid a:focus-visible{background:#111;color:#fff;outline:0}.about-practice__grid a:hover p,.about-practice__grid a:focus-visible p{color:rgba(255,255,255,.66)}.about-practice__grid article{background:#eaeae6}.about-practice__grid article i{font-style:normal;color:var(--muted)}.about-founder{display:grid;grid-template-columns:43% 57%;min-height:900px;background:#111;color:#fff}.about-founder__portrait{margin:0;overflow:hidden;background:#dfe8e7}.about-founder__portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 38%}.about-founder__copy{padding:8vw 7vw;display:flex;flex-direction:column}.about-founder__copy h2{margin:auto 0 5vw;font-size:clamp(56px,6.1vw,94px);line-height:.93}.about-founder__text{display:grid;grid-template-columns:1fr 1fr;gap:0 4vw;color:rgba(255,255,255,.7)}.about-founder__text p{margin:0 0 24px}.about-note{margin:0;padding:24px 7vw;background:#fff;color:#777;font:8px/1.6 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.about-hero{grid-template-columns:1fr;min-height:0}.about-hero__copy{min-height:680px;padding:90px 7vw 70px}.about-hero__media{min-height:0;aspect-ratio:16/11}.about-origin__grid{grid-template-columns:1fr;gap:50px}.about-practice__heading{grid-template-columns:1fr;gap:40px}.about-founder{grid-template-columns:1fr}.about-founder__portrait{aspect-ratio:4/5}.about-founder__copy{min-height:760px}.about-founder__text{gap:0 36px}}
@media(max-width:760px){.about-hero__copy{min-height:610px;padding:72px 24px 58px}.about-hero h1{font-size:55px;margin-bottom:40px}.about-hero__lead{font-size:19px}.about-hero__media{aspect-ratio:4/3}.about-hero__media img{object-position:45% center}.about-origin,.about-practice{padding:92px 24px}.about-rule{gap:24px}.about-origin__grid{margin:64px 0 0}.about-origin h2,.about-practice h2{font-size:53px}.about-practice__heading{margin:64px 0 48px}.about-practice__grid{grid-template-columns:1fr}.about-practice__grid>a,.about-practice__grid>article{min-height:250px;padding:24px}.about-practice__grid h3{font-size:43px}.about-practice__grid i{right:24px;bottom:22px}.about-founder{min-height:0}.about-founder__portrait{aspect-ratio:4/5}.about-founder__portrait img{object-position:center 34%}.about-founder__copy{min-height:0;padding:80px 24px}.about-founder__copy h2{margin:70px 0 54px;font-size:49px}.about-founder__text{grid-template-columns:1fr}.about-note{padding:20px 24px}}
.about-founder__portrait img{object-position:32% center}
@media(max-width:760px){.about-founder__portrait img{object-position:29% center}}

/* Founder image trial 2: preserve the horizontal photographic composition. */
.about-founder{display:block;min-height:0}
.about-founder__portrait{width:100%;aspect-ratio:16/7}
.about-founder__portrait img{object-position:center 46%}
.about-founder__copy{min-height:720px;padding:7vw}
.about-founder__copy h2{max-width:980px;margin:auto 0 5vw}
.about-founder__text{max-width:940px;align-self:flex-end}
@media(max-width:900px){.about-founder__portrait{aspect-ratio:16/9}.about-founder__copy{min-height:680px}}
@media(max-width:760px){.about-founder__portrait{aspect-ratio:4/3}.about-founder__portrait img{object-position:32% center}.about-founder__copy{min-height:0;padding:80px 24px}.about-founder__copy h2{margin:70px 0 54px}.about-founder__text{align-self:stretch}}

/* Garden and place trial: preserve the portrait composition and use it as an editorial chapter. */
.about-garden{display:grid;grid-template-columns:55% 45%;background:#17211b;color:#fff}
.about-garden__copy{min-height:980px;padding:7vw;display:flex;flex-direction:column}
.about-garden .about-rule{border-color:rgba(255,255,255,.25)}
.about-garden .micro{margin:8vw 0 28px;color:rgba(255,255,255,.62)}
.about-garden h2{max-width:850px;margin:0;font:400 clamp(58px,6.2vw,96px)/.93 'Libre Caslon Display',Georgia,serif;letter-spacing:-.045em}
.about-garden h2 em{font-weight:400}
.about-garden__text{max-width:720px;margin:auto 0 0;display:grid;grid-template-columns:1fr 1fr;gap:4vw;color:rgba(255,255,255,.72)}
.about-garden__text p{margin:0}
.about-garden__media{position:relative;min-height:980px;margin:0;overflow:hidden;background:#335c85}
.about-garden__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.about-garden__media figcaption{position:absolute;right:22px;bottom:20px;padding:7px 10px;background:rgba(255,255,255,.9);color:#111;font:8px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.about-garden{grid-template-columns:1fr}.about-garden__copy{min-height:760px}.about-garden__media{min-height:0;aspect-ratio:4/5}}
@media(max-width:760px){.about-garden__copy{min-height:0;padding:72px 24px 64px}.about-garden .micro{margin:72px 0 24px}.about-garden h2{font-size:50px}.about-garden__text{grid-template-columns:1fr;gap:22px;margin:68px 0 0}.about-garden__media{aspect-ratio:3/4}.about-garden__media figcaption{right:14px;bottom:14px}}

/* Intro trial 2: hero and origin read as one continuous editorial section. */
.about-intro{background:#fff}
.about-intro .about-hero{border-bottom:0}
.about-intro .about-origin{padding-top:5vw}
.about-intro .about-origin__grid{margin-top:0}
@media(max-width:760px){.about-intro .about-origin{padding-top:48px}}

/* Layout trial 3: remove artificial vertical gaps and let content determine section height. */
.about-intro .about-origin{padding-top:5vw;padding-bottom:8vw}
.about-intro .about-origin__grid{grid-template-columns:1fr;gap:4vw}
.about-intro .about-origin h2{max-width:1120px}
.about-intro .about-origin__copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;padding-top:0}
.about-intro .about-origin__copy p{margin:0}
.about-garden{grid-template-columns:52% 48%}
.about-garden__copy{min-height:0;padding:5vw 5vw 6vw}
.about-garden .micro{margin:5vw 0 24px}
.about-garden h2{font-size:clamp(52px,5.5vw,88px)}
.about-garden__text{margin:72px 0 0;gap:3vw}
.about-garden__media{min-height:820px}
.about-practice__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.about-practice__grid>a{min-height:360px}
.about-founder__copy{min-height:0;padding:5vw 7vw 6vw}
.about-founder__copy h2{margin:70px 0 50px}
.about-founder__text{align-self:stretch}
@media(max-width:900px){.about-intro .about-origin__copy{grid-template-columns:1fr 1fr}.about-garden{grid-template-columns:1fr}.about-garden__copy{min-height:0}.about-garden__media{min-height:0}.about-practice__grid{grid-template-columns:1fr 1fr}.about-practice__grid>a:last-child{grid-column:1/-1}.about-founder__copy{min-height:0}}
@media(max-width:760px){.about-intro .about-origin{padding:48px 24px 84px}.about-intro .about-origin__grid{gap:42px}.about-intro .about-origin__copy{grid-template-columns:1fr;gap:24px}.about-garden__copy{padding:64px 24px 56px}.about-garden .micro{margin:54px 0 22px}.about-garden__text{margin:48px 0 0}.about-practice__grid{grid-template-columns:1fr}.about-practice__grid>a:last-child{grid-column:auto}.about-practice__grid>a{min-height:240px}.about-founder__copy{padding:64px 24px 72px}.about-founder__copy h2{margin:42px 0 44px}}

/* Opening rhythm trial 4: keep the title close to its identifying label. */
.about-intro .about-hero__copy{justify-content:flex-start}
.about-intro .about-hero h1{margin:5vw 0 48px}
@media(max-width:760px){.about-intro .about-hero h1{margin:46px 0 38px}}

/* Desktop opening balance: give the longer accepted title room to read as a statement. */
@media(min-width:901px){
  .about-hero{grid-template-columns:52% 48%}
  .about-hero__copy{padding:5.5vw 4.5vw 5vw 6.5vw}
  .about-intro .about-hero h1{max-width:650px;margin:4vw 0 42px;font-size:clamp(66px,5.45vw,84px);line-height:.93}
  .about-hero__lead{max-width:590px}
  .about-hero__copy>p:last-child{max-width:570px}
}

/* Copy direction 2: the practice statement now carries the complete thought. */
.about-practice__heading{display:block}
.about-practice__heading h2{max-width:1180px}

/* Preserve the original photographs and tune the founder crop in layout. */
.about-founder__portrait img{object-position:center 43%}
@media(max-width:760px){.about-founder__portrait img{object-position:center 40%}}

/* Layout trial 5: use the opening column's full height and retain its split composition on mobile. */
.about-hero__secondary{max-width:570px;margin:0;color:var(--muted)}
.about-hero__origin-bridge{margin-top:auto;padding-top:clamp(64px,7vw,110px)}
.about-hero__origin-bridge .micro{margin:0 0 22px}
.about-hero__origin-bridge h2{max-width:650px;margin:0;font-size:clamp(58px,5.2vw,80px);line-height:.94}
.about-intro .about-origin{padding-top:5vw}
.about-intro .about-origin__grid{display:block}

@media(max-width:900px){
  .about-hero{grid-template-columns:56% 44%;align-items:stretch}
  .about-hero__copy{min-height:0;padding:64px 4vw 58px 5vw}
  .about-hero__media{min-height:100%;aspect-ratio:auto}
  .about-intro .about-hero h1{margin:46px 0 38px;font-size:clamp(48px,7vw,64px)}
  .about-hero__origin-bridge{padding-top:72px}
  .about-hero__origin-bridge h2{font-size:clamp(45px,6.5vw,60px)}
}

@media(max-width:760px){
  .about-hero{grid-template-columns:56% 44%}
  .about-hero__copy{padding:42px 14px 42px 18px}
  .about-intro .about-hero h1{margin:32px 0 26px;font-size:clamp(31px,8.5vw,39px);line-height:.96}
  .about-hero__lead{margin-bottom:16px;font-size:14px;line-height:1.48}
  .about-hero__secondary{font-size:11px;line-height:1.58}
  .about-hero__origin-bridge{padding-top:52px}
  .about-hero__origin-bridge .micro{margin-bottom:14px}
  .about-hero__origin-bridge h2{font-size:clamp(29px,8vw,36px);line-height:.97}
  .about-hero__media{aspect-ratio:auto}
  .about-hero__media img{object-position:56% center}
  .about-hero figcaption{left:8px;bottom:8px;padding:5px 6px;font-size:6px}
  .about-intro .about-origin{padding-top:56px}
}