:root{
  --about-red:#c91f26;
  --about-red-dark:#a9151b;
  --about-line:#d9dde1;
  --about-muted:#626970;
}

.about-main{
  background:#fff;
  color:#111;
}

.about-intro{
  position:relative;
  padding:92px 7vw 86px;
  border-bottom:1px solid #111;
  overflow:hidden;
}
.about-intro__eyebrow{
  margin-bottom:54px;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.about-intro__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);
  gap:9vw;
  align-items:start;
}
.about-intro h1{
  margin:0;
  font-size:clamp(54px,6.2vw,92px);
  line-height:1.08;
  font-weight:650;
  letter-spacing:-.055em;
}
.about-intro__lead{
  margin:6px 0 0;
  max-width:620px;
  font-size:15px;
  line-height:2.15;
  color:#343a40;
}
.about-intro__rule{
  position:relative;
  margin-top:78px;
  height:92px;
  border-top:1px solid var(--about-line);
}
.about-intro__rule:before{
  content:"";
  position:absolute;
  left:0;
  top:-1px;
  width:92px;
  height:1px;
  background:#111;
}
.about-mark{
  position:absolute;
  right:7vw;
  top:40px;
  display:flex;
  align-items:center;
  gap:6px;
  height:52px;
}
.about-mark span{
  display:block;
  width:58px;
  height:34px;
  clip-path:polygon(0 0,74% 0,100% 50%,74% 100%,0 100%);
  background:var(--about-red);
}
.about-mark span:nth-child(2){opacity:.74}
.about-mark span:nth-child(3){opacity:.42}
.about-mark span:nth-child(4){opacity:.18}

.about-section{
  padding:104px 7vw 112px;
  border-bottom:1px solid var(--about-line);
}
.about-section__meta{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:60px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.about-section__meta:before{
  content:"";
  width:36px;
  height:3px;
  background:var(--about-red);
}
.about-section__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);
  gap:10vw;
  align-items:start;
}
.about-section h2{
  margin:0;
  max-width:780px;
  font-size:clamp(40px,5vw,72px);
  line-height:1.25;
  font-weight:620;
  letter-spacing:-.05em;
}
.about-section__copy{
  padding-top:8px;
}
.about-section__copy p{
  margin:0 0 20px;
  font-size:14px;
  line-height:2.15;
  color:#353b41;
}

.about-role{
  position:relative;
}
.about-role:after{
  content:"";
  position:absolute;
  right:7vw;
  bottom:36px;
  width:110px;
  height:1px;
  background:var(--about-red);
}

.about-group{
  padding-top:96px;
  padding-bottom:104px;
}
.about-group__panel{
  margin-top:72px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:48px;
  align-items:end;
  padding-top:34px;
  border-top:1px solid #111;
}
.about-group__panel strong{
  display:block;
  max-width:760px;
  font-size:clamp(24px,3vw,42px);
  line-height:1.45;
  letter-spacing:-.035em;
  font-weight:600;
}
.about-group__link{
  display:inline-flex;
  align-items:center;
  gap:28px;
  min-width:190px;
  justify-content:space-between;
  padding:14px 0;
  border-bottom:1px solid #111;
  font-size:12px;
  font-weight:700;
}
.about-group__link span:last-child{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#111;
  color:#fff;
}

.about-close{
  position:relative;
  overflow:hidden;
  padding:88px 7vw 96px;
  background:var(--about-red-dark);
  color:#fff;
}
.about-close__eyebrow{
  margin-bottom:34px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  opacity:.8;
}
.about-close h2{
  margin:0;
  max-width:840px;
  font-size:clamp(38px,5vw,68px);
  line-height:1.25;
  letter-spacing:-.045em;
  font-weight:600;
}
.about-close__graphic{
  position:absolute;
  right:-4vw;
  top:50%;
  width:min(34vw,520px);
  height:170px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  gap:8px;
  opacity:.22;
}
.about-close__graphic span{
  flex:1;
  height:100%;
  clip-path:polygon(0 0,72% 0,100% 50%,72% 100%,0 100%);
  background:#fff;
}
.about-close__graphic span:nth-child(2){height:78%}
.about-close__graphic span:nth-child(3){height:58%}
.about-close__graphic span:nth-child(4){height:38%}

@media(max-width:900px){
  .about-intro{padding:72px 24px 68px}
  .about-intro__eyebrow{margin-bottom:38px}
  .about-intro__grid{grid-template-columns:1fr;gap:34px}
  .about-intro__lead{max-width:680px}
  .about-intro__rule{margin-top:54px;height:68px}
  .about-mark{right:24px;top:28px;gap:4px}
  .about-mark span{width:42px;height:26px}

  .about-section{padding:78px 24px 84px}
  .about-section__meta{margin-bottom:42px}
  .about-section__grid{grid-template-columns:1fr;gap:34px}
  .about-section__copy{padding-top:0;max-width:680px}
  .about-role:after{right:24px}
  .about-group__panel{grid-template-columns:1fr;gap:28px;margin-top:52px}
  .about-group__link{max-width:230px}

  .about-close{padding:72px 24px 80px}
  .about-close__graphic{right:-14vw;width:54vw;height:130px}
}

@media(max-width:600px){
  .about-intro h1{font-size:48px}
  .about-intro__lead{font-size:14px;line-height:2}
  .about-mark{opacity:.7}
  .about-mark span{width:34px;height:22px}
  .about-section h2{font-size:38px}
  .about-group__panel strong{font-size:26px}
  .about-close h2{font-size:38px}
  .about-close__graphic{right:-28vw;width:72vw;opacity:.14}
}