.about-main{
  max-width:var(--max);
  margin:0 auto;
  background:var(--paper);
}
.about-hero{
  min-height:calc(100svh - var(--header-h));
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);
  border-bottom:1px solid var(--line);
}
.about-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(72px,8vw,145px) var(--page-pad);
}
.about-hero-copy .eyebrow{color:#243cff;margin-bottom:28px}
.about-hero h1{
  max-width:850px;
  margin:0;
  font-size:clamp(58px,7vw,126px);
  font-weight:520;
  line-height:.89;
  letter-spacing:-.06em;
}
.about-hero-lead{
  max-width:650px;
  margin:42px 0 0;
  font-size:clamp(18px,1.5vw,25px);
  line-height:1.3;
  letter-spacing:-.02em;
}
.about-hero-image{
  margin:0;
  overflow:hidden;
  background:#efefec;
}
.about-hero-image img{
  width:100%;
  height:100%;
  min-height:760px;
  object-fit:cover;
}
.about-text{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:clamp(50px,8vw,150px);
  padding:clamp(90px,10vw,170px) var(--page-pad);
  border-bottom:1px solid var(--line);
}
.about-text-title h2{
  margin:18px 0 0;
  font-size:clamp(42px,4.7vw,82px);
  font-weight:500;
  line-height:.92;
  letter-spacing:-.055em;
}
.about-text-copy{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px 36px;
  align-content:start;
}
.about-text-copy p{
  margin:0;
  font-size:clamp(15px,1.08vw,18px);
  line-height:1.42;
}
.about-principles{
  padding:clamp(80px,9vw,145px) var(--page-pad);
}
.about-principles header{
  display:flex;
  justify-content:space-between;
  gap:40px;
  align-items:end;
  padding-bottom:28px;
  border-bottom:1px solid var(--ink);
}
.about-principles h2{
  margin:15px 0 0;
  font-size:clamp(45px,5.6vw,92px);
  font-weight:500;
  line-height:.9;
  letter-spacing:-.055em;
}
.about-principles-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.about-principle{
  min-height:300px;
  display:flex;
  flex-direction:column;
  padding:22px 24px 28px 0;
  border-bottom:1px solid var(--ink);
}
.about-principle + .about-principle{
  padding-left:24px;
  border-left:1px solid var(--line);
}
.about-principle span{
  color:#243cff;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.about-principle h3{
  margin:auto 0 15px;
  font-size:clamp(28px,3vw,48px);
  font-weight:500;
  letter-spacing:-.045em;
}
.about-principle p{
  max-width:40ch;
  margin:0;
  color:#555;
  font-size:15px;
}
.about-contact{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:60px;
  padding:clamp(80px,9vw,150px) var(--page-pad);
  background:#f2f2ef;
}
.about-contact h2{
  margin:16px 0 0;
  max-width:900px;
  font-size:clamp(42px,5vw,88px);
  font-weight:500;
  line-height:.94;
  letter-spacing:-.055em;
}
.about-contact-links{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.about-contact-links a{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:17px 0;
  border-bottom:1px solid var(--ink);
  font-size:13px;
}
.about-contact-links a:first-child{border-top:1px solid var(--ink)}
.about-contact-links a:hover{opacity:.55}
@media(max-width:1050px){
  .about-hero{grid-template-columns:1fr}
  .about-hero-image{order:-1;height:58svh}
  .about-hero-image img{min-height:0;height:100%}
  .about-text{grid-template-columns:1fr}
  .about-text-copy{max-width:900px}
  .about-contact{grid-template-columns:1fr}
}
@media(max-width:650px){
  .about-hero-copy{padding-top:56px;padding-bottom:58px}
  .about-hero-copy{min-width:0}
  .about-hero h1{max-width:100%;font-size:clamp(42px,11.5vw,58px);line-height:.92;overflow-wrap:anywhere}
  .about-hero-image{height:50svh}
  .about-text{gap:42px}
  .about-text-copy{grid-template-columns:1fr}
  .about-principles-grid{grid-template-columns:1fr}
  .about-principle,.about-principle + .about-principle{padding:26px 0;border-left:0}
  .about-contact{gap:50px}
}