.about-intro{padding-block:64px 52px}.about-intro h1{font-size:clamp(3.2rem,4.5vw,4.9rem);line-height:1.04;letter-spacing:-.035em;max-width:1000px}.person{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(40px,6vw,96px);align-items:start;padding-bottom:80px}.person-portrait img{width:100%;height:auto}.person-copy{max-width:72ch}.person-copy h2{font-size:clamp(2.8rem,3.5vw,4rem)}.person-role{color:var(--green);font-size:14px;letter-spacing:.09em;margin:14px 0 30px}.person-copy p:not(.person-role){font-size:16px;line-height:1.8}.person-copy .person-role+p{margin-top:0}.about-partner{background:var(--paper);color:var(--ink);padding-top:80px}.about-partner .person-role{color:#596344}.about-page nav [aria-current="page"]{border-bottom:1px solid var(--green);padding-bottom:5px}@media(max-width:900px){.person{gap:36px;grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}@media(max-width:700px){.about-intro{padding-block:40px 32px}.about-intro h1{font-size:clamp(2.9rem,8vw,4rem)}.person{grid-template-columns:1fr;gap:30px;padding-bottom:52px}.person-portrait{max-width:440px}.person-copy{max-width:100%}.person-role{margin-bottom:24px}.about-partner{padding-top:52px}}

/* Remove the white scan edge from Ana's portrait without altering the photograph. */
.person-portrait img[src="/assets/about-ana.webp"]{clip-path:inset(0 0 .8% .7%)}

/* About opening: a full, uncropped photograph with shared editorial typography. */
.about-page .about-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:0;aspect-ratio:25/12;padding:0;margin-bottom:72px;background:var(--ink)}
.about-page .about-hero>img{position:absolute;top:0;right:0;width:72%;height:100%;object-fit:contain;object-position:right top;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%)}
.about-page .about-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#111410,rgba(17,20,16,.65) 30%,transparent 58%),linear-gradient(0deg,#111410,transparent 8%)}
.about-page .about-hero>.shell{padding-block:48px}
.about-page .about-hero h1{width:48%;max-width:620px;font:500 clamp(3.2rem,4.5vw,4.9rem)/1.04 var(--serif);letter-spacing:-.035em;color:var(--paper)}
.about-page .person-portrait img{filter:brightness(.82)}
.about-work{display:flex;justify-content:space-between;align-items:center;gap:36px;padding-block:64px 72px}
.about-work h2{margin-bottom:16px}.about-work p{color:var(--muted)}.about-work .text-link{flex-shrink:0;margin-top:0}
@media(max-width:800px){.about-page .about-hero{display:flex;flex-direction:column;aspect-ratio:auto;margin-bottom:48px}.about-page .about-hero>img{position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain;mask-image:none;-webkit-mask-image:none}.about-page .about-hero:after{display:none}.about-page .about-hero>.shell{padding-block:24px}.about-page .about-hero h1{width:100%;max-width:620px;font-size:clamp(2.9rem,8vw,4rem)}}
@media(max-width:700px){.about-work{align-items:flex-start;flex-direction:column;padding-block:48px;gap:24px}}

/* Matching biography surfaces and the supplied closing photograph. */
.about-ana{background:var(--paper);color:var(--ink);padding-top:80px}
.about-ana .person-role{color:#596344}
.about-page .about-hero{margin-bottom:0}
.about-page .about-work{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.about-page .about-work .text-link{margin-top:26px}
.about-work-photo{max-width:420px;justify-self:end;width:100%}
.about-work-photo img{width:100%;height:auto;display:block}
@media(max-width:700px){.about-ana{padding-top:52px}.about-page .about-work{grid-template-columns:1fr;gap:32px}.about-work-photo{justify-self:start;max-width:440px}}

/* A shallower full-frame opening and the homepage spiderweb blending treatment. */
.about-page .about-hero{aspect-ratio:25/9}
.about-page .about-hero>img{width:54%;height:100%;object-fit:contain}
.about-work-photo{position:relative}
.about-work-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--ink) 0%,rgba(17,20,16,.65) 18%,rgba(17,20,16,.12) 55%,rgba(17,20,16,.08) 100%)}
@media(max-width:800px){.about-page .about-hero{aspect-ratio:auto}.about-page .about-hero>img{width:78%;height:auto;align-self:flex-end}.about-page .about-hero>.shell{padding-block:16px}}
@media(max-width:700px){.about-work-photo:after{background:linear-gradient(180deg,var(--ink),rgba(17,20,16,.12) 30%,transparent 60%)}}

/* Approved compact closing-band mockup. */
.about-page .about-work{position:relative;isolation:isolate;display:flex;width:100%;max-width:none;min-height:360px;padding:56px max(40px,calc((100% - 1240px)/2));gap:0;overflow:hidden;background:var(--ink)}
.about-work-copy{position:relative;z-index:1;width:48%;max-width:580px}
.about-page .about-work h2{font-size:clamp(2.8rem,4vw,4rem);line-height:1.08}
.about-page .about-work-photo{position:absolute;inset:0 0 0 42%;width:auto;max-width:none;z-index:0}
.about-page .about-work-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.about-page .about-work-photo:after{background:linear-gradient(90deg,#111410 0%,rgba(17,20,16,.8) 12%,rgba(17,20,16,.12) 40%,rgba(17,20,16,.12) 78%,#111410 100%),linear-gradient(180deg,#111410 0%,transparent 20%,transparent 73%,#111410 100%)}
@media(max-width:700px){.about-page .about-work{min-height:400px;padding:44px 20px;align-items:flex-start;justify-content:center;flex-direction:column}.about-work-copy{width:100%;max-width:430px}.about-page .about-work-photo{left:20%;opacity:.55}.about-page .about-work-photo:after{background:linear-gradient(90deg,#111410,rgba(17,20,16,.7) 35%,rgba(17,20,16,.3) 70%,#111410),linear-gradient(180deg,#111410,transparent 25%,transparent 70%,#111410)}}

/* Match the approved mockup's proportions and broad photographic fade. */
.about-page .about-work{min-height:clamp(360px,33.3vw,480px);padding:64px max(40px,calc((100% - 1240px)/2));align-items:center}
.about-page .about-work-copy{width:54%;max-width:640px}
.about-page .about-work h2{font-size:clamp(3rem,4.7vw,4.5rem);font-weight:400;margin-bottom:18px}
.about-page .about-work-copy p{font-size:clamp(1rem,1.55vw,1.4rem);line-height:1.5;color:var(--paper)}
.about-page .about-work .text-link{color:#a6ad72;background:transparent;border:0;border-bottom:1px solid #8c9674;padding:8px 0;min-height:44px;font-size:1rem;margin-top:24px}
.about-page .about-work-photo{left:auto;right:0;top:0;bottom:0;width:62%;height:100%;justify-self:auto;align-self:auto;margin:0}
.about-page .about-work-photo img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 36%}
.about-page .about-work-photo:after{background:linear-gradient(90deg,#111410 0%,rgba(17,20,16,.94) 10%,rgba(17,20,16,.6) 25%,rgba(17,20,16,.08) 49%,rgba(17,20,16,.08) 78%,#111410 100%),linear-gradient(180deg,rgba(17,20,16,.8) 0%,transparent 17%,transparent 76%,#111410 100%)}
@media(max-width:700px){.about-page .about-work{min-height:380px;padding:44px 20px}.about-page .about-work-copy{width:100%;max-width:440px}.about-page .about-work-photo{width:100%;opacity:.5}.about-page .about-work h2{font-size:3rem}.about-page .about-work-copy p{font-size:1rem}}

/* Reduce only the opening hero height, retaining the full photograph. */
.about-page .about-hero{aspect-ratio:auto;min-height:300px;height:clamp(300px,26vw,380px)}
.about-page .about-hero>img{width:50%;height:100%;object-fit:contain;object-position:right center}
.about-page .about-hero>.shell{padding-block:28px}
@media(max-width:800px){.about-page .about-hero{height:auto;min-height:0}.about-page .about-hero>img{width:60%;height:auto}.about-page .about-hero>.shell{padding-block:12px 20px}}

/* Feather the actual photo bounds while preserving its complete frame. */
.about-page .about-hero>img{width:auto;max-width:100%;height:100%;aspect-ratio:3/2;object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 9%,#000 86%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 9%,#000 86%,transparent 100%);-webkit-mask-composite:source-in}
.about-page .about-hero:after{background:linear-gradient(90deg,#111410 0%,rgba(17,20,16,.6) 30%,transparent 55%)}
@media(max-width:800px){.about-page .about-hero>img{width:60%;height:auto;max-width:100%}}

/* Full-width, complete photograph with the title overlaid. */
.about-page .about-hero{display:block;position:relative;height:auto;min-height:0;aspect-ratio:auto;padding:0;background:none}
.about-page .about-hero>img{position:relative;inset:auto;display:block;width:100%;max-width:none;height:auto;aspect-ratio:auto;margin:0;object-fit:contain;mask-image:none;-webkit-mask-image:none;z-index:0}
.about-page .about-hero:after{display:none}
.about-page .about-hero>.shell{position:absolute;left:0;right:0;bottom:12%;z-index:1;padding:0;margin-inline:auto}
.about-page .about-hero h1{width:48%;max-width:620px;color:var(--paper);text-shadow:0 2px 16px rgba(0,0,0,.7)}
@media(max-width:800px){.about-page .about-hero>.shell{bottom:10%;padding:0}.about-page .about-hero h1{width:52%;font-size:clamp(1.8rem,5vw,3rem)}}

/* Compact full-width banner; retain the upper frame and both heads. */
.about-page .about-hero{height:clamp(320px,29vw,420px);min-height:0;overflow:hidden}
.about-page .about-hero>img{width:100%;height:100%;object-fit:cover;object-position:center top}
.about-page .about-hero>.shell{bottom:12%}
@media(max-width:800px){.about-page .about-hero{height:clamp(250px,48vw,350px)}.about-page .about-hero>img{object-position:center top}}

/* Dark About surface; quote inherits the homepage's shared typography. */
body.about-page,body.about-page main,body.about-page main>section,body.about-page footer.site-footer{background:var(--ink);color:var(--paper)}
body.about-page .person-copy,body.about-page .person-copy p:not(.person-role){color:var(--paper)}
body.about-page .person-role{color:#c3c8a4}
body.about-page .person-portrait{background:var(--ink)}
body.about-page .about-ana{padding-top:32px}
@media(max-width:700px){body.about-page .about-ana{padding-top:24px}}

body.about-page .about-quote{border-bottom:1px solid var(--rule);margin-bottom:32px}
@media(max-width:700px){body.about-page .about-quote{margin-bottom:24px;padding-bottom:36px}}

/* Compact image and original shared quote typography. */
body.about-page .about-quote{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,4vw,64px);padding-block:40px 48px}
.about-quote-image{width:100%;max-width:500px;justify-self:center}
.about-quote-image img{width:100%;height:auto;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 84%,transparent);-webkit-mask-composite:source-in}
body.about-page .about-quote-copy{padding:0}
body.about-page .about-quote-copy .behind-statement{max-width:100%;margin-top:0}
@media(max-width:700px){body.about-page .about-quote{grid-template-columns:1fr;gap:24px;padding-block:24px 36px}.about-quote-image{max-width:360px}.about-quote-copy{width:100%}}

/* Mirror the Method opening: continuous photograph behind the quote. */
body.about-page .about-quote{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:flex-end;width:100%;max-width:none;margin:0 0 32px;padding:56px max(40px,calc((100% - 1240px)/2));min-height:360px;gap:0}
body.about-page .about-quote-image{position:absolute;inset:0;width:100%;max-width:none;height:100%;z-index:-2}
body.about-page .about-quote-image img{width:100%;height:100%;object-fit:cover;object-position:left center;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 80%,transparent)}
body.about-page .about-quote:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(270deg,#111410 0%,rgba(17,20,16,.93) 30%,rgba(17,20,16,.72) 50%,rgba(17,20,16,.16) 76%,#111410 100%)}
body.about-page .about-quote-copy{width:54%;max-width:670px;padding:0}
@media(max-width:800px){body.about-page .about-quote{padding:40px 20px;min-height:320px}body.about-page .about-quote-copy{width:65%}body.about-page .about-quote:after{background:linear-gradient(270deg,rgba(17,20,16,.98),rgba(17,20,16,.86) 50%,rgba(17,20,16,.3))}}
@media(max-width:500px){body.about-page .about-quote-copy{width:100%;padding-left:12%}body.about-page .about-quote{margin-bottom:24px}}

/* Restore the ivory biography sections without the opening hero. */
body.about-page main,body.about-page main>section.about-ana,body.about-page main>section.about-partner{background:var(--paper);color:var(--ink)}
body.about-page .person-copy,body.about-page .person-copy p:not(.person-role){color:var(--ink)}
body.about-page .person-role{color:#596344}
body.about-page .person-portrait{background:var(--paper)}
body.about-page .about-ana{padding-top:80px}
@media(max-width:700px){body.about-page .about-ana{padding-top:52px}}