/* About: one central axis and subtle geometric texture, without photographic overlays. */
main[data-page="about"]{--about-rule:#b79f742e;background:#0d0e0c;}
main[data-page="about"] .about-intro{
  position:relative;isolation:isolate;display:grid;place-items:center;
  min-height:560px;min-height:clamp(510px,70svh,720px);
  padding:150px 32px 72px;margin:0;border:0;overflow:hidden;
  background:radial-gradient(ellipse at 50% 45%,#242219,#0d0e0c 74%);
}
main[data-page="about"] .about-intro::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='128' viewBox='0 0 96 128'%3E%3Cpath d='M48 0L96 64L48 128L0 64Z' fill='none' stroke='%23b8a27a' stroke-opacity='.19' stroke-width='.65'/%3E%3C/svg%3E");
  background-size:96px 128px;
  mask-image:linear-gradient(to bottom,#000 0%,#000 76%,#0003 100%);
}
main[data-page="about"] .about-intro::after{content:"";position:absolute;bottom:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#b8a27a55 30%,#b8a27a55 70%,transparent);pointer-events:none;}
main[data-page="about"] .about-intro-copy{position:relative;width:100%;max-width:880px;margin:0 auto;padding:0;text-align:center;}
main[data-page="about"] .about-intro-label{display:flex;align-items:center;justify-content:center;gap:20px;margin:0 0 32px;font-size:10px;line-height:1.5;letter-spacing:.25em;color:#baaa8a;}
main[data-page="about"] .about-intro-label::before,main[data-page="about"] .about-intro-label::after{content:"";width:30px;height:1px;background:#bca47950;}
main[data-page="about"] .about-heading{margin:0;padding:0;max-width:none;font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:300;line-height:1.65;letter-spacing:.08em;text-indent:0;text-align:center;color:#e8e1d3;}
main[data-page="about"] .about-heading-line{display:block;margin:0;padding:0;text-align:center;overflow-wrap:break-word;}
main[data-page="about"] .about-heading-line:first-child{font-size:.65em;margin-bottom:12px;letter-spacing:.1em;color:#d3cab9;}
main[data-page="about"] .about-heading-line:last-child{color:#c6b18b;}
main[data-page="about"] .about-editorial{position:relative;padding:60px 0 80px;background:#0d0e0c;}
.about-editorial .editorial-shell{width:min(860px,100%);margin:0 auto;padding:0 48px;}
.about-editorial .editorial-head{display:block;margin:0 auto 42px;padding:0;text-align:center;}
.about-editorial .editorial-head h2{margin:0;font-family:var(--serif);font-size:clamp(25px,2.6vw,34px);font-weight:300;line-height:1.7;letter-spacing:.08em;color:#e0d6c4;text-align:center;}
.about-editorial .editorial-head > p{max-width:none;margin:18px auto 0;font-size:13px;line-height:2;letter-spacing:.06em;color:#baa98a;text-align:center;}
.about-editorial .editorial-spread,.about-editorial .editorial-spread--reverse{display:block;margin:0;}
.about-editorial .editorial-prose{max-width:680px;margin:0 auto;}
.about-editorial .editorial-prose p{margin:0 0 26px;font-family:var(--sans);font-size:15px;font-weight:400;line-height:2.1;letter-spacing:.035em;color:#b8b5aa;text-align:center;overflow-wrap:break-word;}
.about-editorial .editorial-prose p:last-child{margin-bottom:0;}
.about-editorial .editorial-transition{display:block;margin:40px auto 0;max-width:680px;}
.about-editorial .editorial-turn p{margin:0 0 28px;font-family:var(--serif);font-size:20px;font-weight:400;line-height:1.9;letter-spacing:.04em;text-align:center;color:#d0bea0;}
.about-editorial .editorial-statement{position:relative;isolation:isolate;margin:56px 0;padding:38px 32px;background:transparent;border:0;color:#ddcaa6;}
.about-editorial .editorial-statement::before,.about-editorial .editorial-statement::after{content:none;}

.about-editorial .editorial-statement p{max-width:24em;margin:0 auto;font-family:var(--serif);font-size:clamp(24px,2.3vw,30px);font-weight:300;line-height:1.9;letter-spacing:.08em;text-align:center;text-wrap:balance;}
.about-editorial .editorial-prose--verse p{text-align:center;margin-bottom:30px;line-height:2.2;}
.about-editorial .editorial-prose--verse p:nth-child(2),.about-editorial .editorial-prose--verse p:last-child{font-family:var(--serif);font-size:19px;color:#cbbb9b;}
.about-editorial .editorial-finale{margin:44px auto 0;padding:36px 0 0;border-top:1px solid var(--about-rule);max-width:520px;}
.about-editorial .editorial-finale p{margin:0;font-family:var(--serif);font-size:clamp(21px,2vw,26px);font-weight:300;line-height:2.1;letter-spacing:.06em;text-align:center;color:#d2c0a0;}
main[data-page="about"] > .divider{max-width:1120px;margin:0 auto;opacity:.5;}
main[data-page="about"] .about-team{padding:clamp(76px,9vw,128px) 0;background:#0d0e0c;}
main[data-page="about"] .about-team .shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(48px,7vw,96px);max-width:1200px;padding-inline:40px;}
main[data-page="about"] .about-team .shell > div{min-width:0;}
main[data-page="about"] .about-team .shell > div:last-child{display:flex;flex-direction:column;align-items:center;text-align:center;}
main[data-page="about"] .about-team .curtain{border-radius:2px;overflow:hidden;box-shadow:0 20px 48px #0005;}
main[data-page="about"] .about-team .curtain::before,
main[data-page="about"] .about-team .curtain::after{border-radius:0;}
main[data-page="about"] .about-team .media{background:#181610;}
main[data-page="about"] .about-team .media img{object-fit:contain;}
main[data-page="about"] .about-team .eyebrow{width:100%;justify-content:center;text-align:center;margin:0 auto 20px;font-size:10px;letter-spacing:.2em;}
main[data-page="about"] .about-team .eyebrow::before,
main[data-page="about"] .about-team .eyebrow::after{content:none;}
main[data-page="about"] .about-team .h2{width:100%;margin:0 auto;padding:0;font-family:var(--serif);font-size:clamp(26px,3vw,36px);font-weight:400;letter-spacing:.06em;text-align:center;}
main[data-page="about"] .about-team .lede{width:100%;margin-inline:auto;max-width:28em;font-size:15px;line-height:2;text-align:center;text-wrap:balance;color:#c0b7a6;}
main[data-page="about"] .about-team .team-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:440px;gap:0 24px;margin:32px auto 0;padding:0;list-style:none;}
main[data-page="about"] .about-team .team-tags li{display:flex;justify-content:center;align-items:center;width:100%;min-width:0;min-height:48px;margin:0;padding:14px 0;border:0;border-bottom:1px solid var(--about-rule);border-radius:0;background:none;font-size:12px;line-height:1.8;letter-spacing:.04em;text-align:center;color:#cfbd9c;}
main[data-page="about"] .cta{padding-block:clamp(76px,9vw,124px);}
main[data-page="about"] .cta .h1{font-size:clamp(23px,2.8vw,36px);line-height:1.8;}


@media(max-width:900px){
  main[data-page="about"] .about-team .shell{grid-template-columns:1fr;max-width:660px;gap:40px;padding-inline:32px;}
}
@media(max-width:600px){
  main[data-page="about"] .about-intro{min-height:480px;padding:132px 28px 70px;}
  main[data-page="about"] .about-intro::before{background-size:72px 96px;}
  main[data-page="about"] .about-intro-label{font-size:8px;letter-spacing:.2em;gap:12px;margin-bottom:26px;}
  main[data-page="about"] .about-intro-label::before,main[data-page="about"] .about-intro-label::after{width:18px;}
  main[data-page="about"] .about-heading{font-size:clamp(28px,7.5vw,36px);line-height:1.7;letter-spacing:.05em;}
  main[data-page="about"] .about-heading-line:first-child{font-size:.72em;}
  main[data-page="about"] .about-editorial{padding:36px 0 56px;}
  .about-editorial .editorial-shell{padding-inline:28px;}
  .about-editorial .editorial-head{margin-bottom:32px;}
  .about-editorial .editorial-head h2{font-size:25px;letter-spacing:.025em;}
  .about-editorial .editorial-head > p{font-size:12px;}
  .about-editorial .editorial-prose p{font-size:14px;line-height:2.1;}
  .about-editorial .editorial-turn p{font-size:19px;}
  .about-editorial .editorial-statement{padding:36px 28px;margin-block:40px;}
  .about-editorial .editorial-statement p{font-size:24px;}
  .about-editorial .editorial-prose--verse p:nth-child(2),.about-editorial .editorial-prose--verse p:last-child{font-size:18px;}
  .about-editorial .editorial-finale{margin-top:32px;padding-top:28px;}
  main[data-page="about"] .about-team{padding-block:56px;}
  main[data-page="about"] .about-team .shell{padding-inline:28px;gap:36px;}
  main[data-page="about"] .about-team .h2{font-size:28px;}
  main[data-page="about"] .about-team .team-tags{column-gap:18px;}
}