/* Dedicated About view. Copy comes unchanged from the existing public site. */
.about-page{
  --mesh-transform:rotate(-7deg);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#edf1ef;
  background:#080c0d;
  min-height:65svh;
}
.about-page:before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:-110px -18% auto;
  height:650px;
  background:url('/assets/editorial-dots.svg') 50% 10%/min(1500px,130vw) auto no-repeat;
  opacity:.4;
  pointer-events:none;
  transform:var(--mesh-transform,none);
  transform-origin:50% 20%;
  mask-image:linear-gradient(#0008 0%,#000b 30%,transparent 87%);
  -webkit-mask-image:linear-gradient(#0008 0%,#000b 30%,transparent 87%);
}
.about-page .about-page-inner{position:relative;padding-block:73px 68px}
.about-page-intro{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:clamp(50px,7vw,104px);
  align-items:end;
  padding-bottom:61px;
  border-bottom:1px solid #ffffff1b;
}
.about-page h1{
  font-size:clamp(58px,6vw,86px);
  font-weight:400;
  letter-spacing:-.03em;
  line-height:1.08;
  color:#edf1ef;
  margin:0;
  text-wrap:balance;
}
.about-page-lead{
  font-size:clamp(28px,2.65vw,38px);
  line-height:1.4;
  font-weight:400;
  letter-spacing:-.018em;
  color:#c7afff;
  max-width:29ch;
  margin:0;
  text-wrap:balance;
}
.about-story-section{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:clamp(50px,7vw,104px);
  align-items:start;
  padding-block:44px 47px;
  border-bottom:1px solid #ffffff16;
}
.about-story-section h2{
  font-size:27px;
  font-weight:400;
  line-height:1.42;
  letter-spacing:-.015em;
  color:#e7eceb;
  max-width:24ch;
  margin:0;
  text-wrap:balance;
}
.about-story-section p{
  font-size:16px;
  font-weight:400;
  line-height:1.95;
  color:#b6c0c5;
  max-width:66ch;
  margin:0;
}
.about-page-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:17px 43px;
  padding-top:34px;
}
.about-page-links a{
  display:inline-flex;
  align-items:center;
  gap:16px;
  min-height:44px;
  color:#cdbaff;
  font-size:14px;
  line-height:1.5;
  padding-block:9px;
  text-decoration:none;
  text-underline-offset:5px;
}
.about-page-links a:hover{color:#eee4ff;text-decoration:underline}
.about-page-links .icon{height:16px;width:16px;flex:none}
.about-page-links a:focus-visible{outline:2px solid #cbb1ff;outline-offset:5px;border-radius:2px}
.header nav [aria-current=page],.footer nav [aria-current=page]{color:#cbb1ff}
.footer nav{flex-wrap:wrap;row-gap:8px}
@media(max-width:1100px){
  .about-page .about-page-inner{padding-block:62px 55px}
  .about-page-intro,.about-story-section{column-gap:55px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .about-page-intro{padding-bottom:48px}
  .about-page h1{font-size:68px}
  .about-page-lead{font-size:31px}
  .about-story-section{padding-block:37px 40px}
  .about-story-section h2{font-size:25px}
  .about-story-section p{font-size:15px;line-height:1.95}
}
@media(max-width:760px){
  .about-page .about-page-inner{padding-block:49px 47px}
  .about-page:before{inset:-30px -58% auto;height:470px;opacity:.38;background-size:1050px auto;background-position:50% 0;mask-image:linear-gradient(#0008,#0005 40%,transparent 87%);-webkit-mask-image:linear-gradient(#0008,#0005 40%,transparent 87%)}
  .about-page-intro{display:block;padding-bottom:33px}
  .about-page h1{font-size:58px;line-height:1.1}
  .about-page-lead{font-size:29px;line-height:1.45;letter-spacing:-.015em;max-width:29ch;margin-top:27px}
  .about-story-section{display:block;padding-block:30px 34px}
  .about-story-section h2{font-size:26px;line-height:1.4;max-width:27ch}
  .about-story-section p{font-size:15px;line-height:1.95;margin-top:17px;max-width:64ch}
  .about-page-links{padding-top:23px;gap:8px 26px}
  .about-page-links a{font-size:13px;gap:12px}
}
@media(max-width:350px){
  .about-page .about-page-inner{padding-block:39px 38px}
  .about-page h1{font-size:51px}
  .about-page-lead{font-size:26px;line-height:1.45;margin-top:24px}
  .about-page-intro{padding-bottom:29px}
  .about-story-section{padding-block:27px 30px}
  .about-story-section h2{font-size:24px}
  .about-story-section p{font-size:14px;line-height:1.95;margin-top:15px}
  .about-page-links{gap:3px 20px}
  .about-page-links a{font-size:12px}
}