.about-page{--bg:#111310;--text:#eee9dc;--muted:#adb1a5;--line:#353a31}
.about-page .site-header{position:relative}
.about-page .brand small{color:#b6bbae}
.about-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.8fr);gap:clamp(40px,8vw,140px);align-items:center;padding-block:65px 90px;max-width:1400px}
.about-eyebrow{font-size:11px;letter-spacing:.15em;color:var(--copper);margin-bottom:24px}
.about-copy h1{font-size:clamp(44px,5.3vw,80px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin-bottom:29px;text-wrap:balance}
.about-intro{font-size:clamp(19px,1.7vw,25px);line-height:1.65;max-width:640px}
.about-detail{font-size:16px;line-height:1.9;color:var(--muted);max-width:575px;margin-top:22px}
.about-location{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--muted);margin-top:33px}
.about-location:before{content:'';width:6px;height:6px;background:var(--copper);border-radius:50%}
.founder-photo{width:100%;max-width:410px;justify-self:end}
.founder-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:1px solid #d3c3aa26}
.founder-photo figcaption{display:flex;flex-direction:column;gap:3px;padding-top:18px}
.founder-photo strong{font-size:20px}
.founder-photo figcaption span{font-size:12px;color:var(--muted)}
.about-work{padding-block:58px 72px;border-top:1px solid var(--line)}
.about-section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.about-section-title .about-eyebrow{margin-bottom:11px}
.about-section-title h2{font-weight:500;font-size:clamp(29px,3vw,40px);letter-spacing:-.035em;line-height:1.2}
.about-section-title>p{font-size:12px;color:var(--muted)}
.studio-projects{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.studio-project{display:flex;flex-direction:column;align-items:start;position:relative;border:1px solid var(--line);padding:32px;transition:background .2s,border-color .2s}
.studio-project:hover{background:#20251d;border-color:#6c765f}
.studio-project>span:first-child{font-size:11px;letter-spacing:.13em;color:var(--copper)}
.studio-project.labs-project>span:first-child{color:#a3c4d7}
.studio-project h3{font-weight:500;font-size:27px;letter-spacing:-.025em;margin-block:21px 10px}
.studio-project>p{max-width:410px;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:26px}
.studio-project .project-link{font-size:13px;margin-top:auto;display:flex;width:100%;justify-content:space-between;gap:20px}
.studio-project .project-link>span{font-size:20px;line-height:1}
.about-page .studio-contact{padding-block:60px 70px}
@media(min-width:1700px){.about-hero{margin-inline:auto;padding-inline:0}}
@media(max-width:900px){.about-hero{gap:35px;grid-template-columns:minmax(0,1.1fr) minmax(240px,.8fr);padding-block:40px 65px}.about-copy h1{font-size:45px}.about-intro{font-size:19px}.studio-project{padding:26px}}
@media(max-width:640px){.about-hero{grid-template-columns:1fr;gap:35px;padding-block:38px 48px}.about-copy h1{font-size:clamp(39px,10vw,60px);margin-bottom:23px}.about-eyebrow{margin-bottom:18px;font-size:10px}.about-intro{font-size:18px}.about-detail{font-size:15px;margin-top:18px}.about-location{margin-top:23px}.founder-photo{justify-self:start;max-width:360px}.founder-photo figcaption{padding-top:14px}.about-work{padding-block:39px 45px}.about-section-title{align-items:start;flex-direction:column;gap:14px}.studio-projects{grid-template-columns:1fr;gap:16px}.studio-project{padding:26px}.about-page .studio-contact{padding-block:43px 47px}}