/* The monument echoes the transparent architecture on the homepage. */
.about-page .about-intro{position:relative;isolation:isolate;min-height:510px;display:flex;align-items:center;padding-block:55px 65px}
.about-intro-copy{position:relative;z-index:2;width:65%;max-width:770px}
.about-intro-copy .eyebrow{color:var(--accent);margin-bottom:23px}
.about-intro-copy h1{font-size:clamp(44px,4.7vw,64px);letter-spacing:-2.8px;line-height:1.14}
.about-intro-copy>p:not(.eyebrow){max-width:650px;font-size:17px;line-height:1.8;color:var(--muted);margin-top:25px}
.about-intro-art{position:absolute;inset:25px 20px 15px auto;width:42%;pointer-events:none;user-select:none;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 67%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 67%,transparent 100%)}
.about-intro-art img{position:absolute;right:0;bottom:0;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:right bottom;opacity:.60;filter:saturate(.52);mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 96%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 96%,transparent 100%)}
.about-page .about-copy .editorial-list{margin-top:27px}
.about-page .about-copy .editorial-list li{font-size:16px;line-height:1.65}
.about-page .process-grid h3{font-size:20px;line-height:1.3}
.about-page .process-grid p{font-size:15px;line-height:1.8}
@media(max-width:1000px){
  .about-page .about-intro{min-height:490px;padding-block:48px 52px}
  .about-intro-copy{width:69%}
  .about-intro-copy h1{font-size:clamp(40px,4.8vw,48px);letter-spacing:-2px}
  .about-intro-copy>p:not(.eyebrow){font-size:16px;max-width:540px}
  .about-intro-art{width:40%;right:10px;top:50px;bottom:20px}
  .about-intro-art img{opacity:.42}
}
@media(max-width:760px){
  .about-page .about-intro{display:block;min-height:0;padding-block:36px 18px}
  .about-intro-copy{width:100%;max-width:none}
  .about-intro-copy h1{font-size:clamp(34px,5.7vw,44px);letter-spacing:-1.5px}
  .about-intro-copy>p:not(.eyebrow){max-width:600px;font-size:16px;line-height:1.75;margin-top:22px}
  .about-intro-copy .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:21px}
  .about-intro-art{position:relative;inset:auto;width:76%;height:280px;margin:0 -16px -20px auto}
  .about-intro-art img{opacity:.40}
}
@media(max-width:400px){
  .about-intro-copy h1{font-size:34px;letter-spacing:-1.5px}
  .about-intro-art{width:90%;height:250px}
}