.page-about{
  --ab-wine-bg:linear-gradient(155deg, rgba(91,31,42,.92), rgba(42,35,80,.72) 58%, rgba(7,28,23,.94));
  --ab-panel-bg:linear-gradient(160deg, rgba(14,59,46,.82), rgba(10,42,33,.56));
  --ab-soft-line:rgba(155,184,174,.2);
  background:
    radial-gradient(920px 540px at 10% -10%, rgba(53,242,194,.10), transparent 62%),
    radial-gradient(820px 560px at 96% 6%, rgba(42,35,80,.5), transparent 66%),
    var(--qm-ink);
  color:var(--qm-paper);
  overflow-x:hidden;
}

.page-about .ab-top{padding-top:clamp(1rem,3vw,1.6rem);}

.page-about .ab-hero{padding-top:clamp(1.25rem,3vw,2.25rem);}
.page-about .ab-hero__grid{display:grid;gap:1.25rem;}
.page-about .ab-hero__main{
  position:relative;
  padding:clamp(1.25rem,4vw,2.25rem);
  border:1px solid var(--qm-line);
  border-radius:calc(var(--qm-radius) + 8px);
  background:var(--ab-panel-bg);
  box-shadow:var(--qm-shadow);
  overflow:hidden;
}
.page-about .ab-hero__main::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:3px;
  background:linear-gradient(90deg,var(--qm-cyan),var(--qm-orange) 55%,rgba(255,122,26,0) 100%);
}
.page-about .ab-hero__title{
  margin:.5rem 0 0;
  font-family:var(--qm-font-head);
  font-weight:700;
  font-size:clamp(1.9rem,6.4vw,3.4rem);
  line-height:1.12;
  letter-spacing:.02em;
  color:var(--qm-paper);
}
.page-about .ab-hero__lede{
  margin:1rem 0 0;
  max-width:46ch;
  font-size:clamp(1rem,2.2vw,1.1rem);
  line-height:1.78;
  color:var(--qm-dim);
}
.page-about .ab-hero__actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.4rem;}
.page-about .ab-hero__rail{display:grid;gap:.7rem;}
.page-about .ab-railcard{
  position:relative;
  padding:1rem 1.15rem;
  border:1px solid var(--qm-line);
  background:linear-gradient(160deg, rgba(14,59,46,.92), rgba(10,42,33,.86));
  clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%);
}
.page-about .ab-railcard--wine{background:linear-gradient(160deg, rgba(91,31,42,.9), rgba(42,35,80,.82));border-color:rgba(244,247,242,.18);}
.page-about .ab-railcard--indigo{background:linear-gradient(160deg, rgba(42,35,80,.92), rgba(7,28,23,.86));}
.page-about .ab-railcard__num{
  display:block;
  font-size:1.7rem;
  font-weight:600;
  color:var(--qm-cyan);
  letter-spacing:.02em;
}
.page-about .ab-railcard--wine .ab-railcard__num{color:var(--qm-yellow);}
.page-about .ab-railcard--indigo .ab-railcard__num{color:var(--qm-orange);}
.page-about .ab-railcard__label{margin:.3rem 0 0;font-size:.85rem;line-height:1.65;color:var(--qm-dim);}

.page-about .ab-index{
  display:flex;
  gap:.5rem;
  margin-top:1.5rem;
  padding:.7rem 0;
  overflow-x:auto;
  border-top:1px solid var(--ab-soft-line);
  border-bottom:1px solid var(--ab-soft-line);
  scrollbar-width:thin;
}
.page-about .ab-index__link{
  flex:0 0 auto;
  padding:.35rem .8rem;
  font-size:.82rem;
  letter-spacing:.04em;
  color:var(--qm-mint);
  text-decoration:none;
  border:1px solid var(--ab-soft-line);
  border-radius:999px;
  transition:color .18s var(--qm-ease),border-color .18s var(--qm-ease),background .18s var(--qm-ease);
}
.page-about .ab-index__link:hover{color:var(--qm-ink);background:var(--qm-cyan);border-color:var(--qm-cyan);}

.page-about .ab-h2{
  margin:.4rem 0 0;
  font-family:var(--qm-font-head);
  font-weight:700;
  font-size:clamp(1.45rem,4vw,2.25rem);
  line-height:1.22;
  letter-spacing:.02em;
  color:var(--qm-paper);
}
.page-about .ab-h3{
  margin:0 0 .6rem;
  font-family:var(--qm-font-head);
  font-weight:700;
  font-size:clamp(1.05rem,2.6vw,1.3rem);
  line-height:1.35;
  letter-spacing:.03em;
  color:var(--qm-paper);
}
.page-about .ab-body{
  margin:.85rem 0 0;
  font-size:1rem;
  line-height:1.8;
  color:var(--qm-dim);
}
.page-about .ab-body--wide{max-width:62ch;}
.page-about .ab-body--after{margin-top:1.6rem;}
.page-about .ab-inline-link{
  color:var(--qm-cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(53,242,194,.45);
  padding-bottom:1px;
}
.page-about .ab-inline-link:hover{border-bottom-color:var(--qm-cyan);}
.page-about .ab-inline-link:focus-visible{outline:2px solid var(--qm-cyan);outline-offset:3px;border-radius:3px;}
.page-about .ab-inline-link--wine{color:var(--qm-yellow);border-bottom-color:rgba(245,197,66,.5);}
.page-about .ab-inline-link--wine:hover{border-bottom-color:var(--qm-yellow);}
.page-about .ab-inline-link--wine:focus-visible{outline-color:var(--qm-yellow);}

.page-about .ab-split{display:grid;gap:1.5rem;}
.page-about .ab-split__rail{padding-top:.25rem;}
.page-about .ab-railnote{
  margin:.7rem 0 0;
  max-width:34ch;
  font-size:.9rem;
  line-height:1.75;
  color:var(--qm-mint);
  border-left:2px solid rgba(53,242,194,.5);
  padding-left:.85rem;
}
.page-about .ab-railnote--mono{font-size:.8rem;letter-spacing:.04em;color:var(--qm-dim);border-left-color:rgba(255,122,26,.6);}
.page-about .ab-ticks{
  height:34px;
  margin-top:1.1rem;
  background:repeating-linear-gradient(90deg, rgba(155,184,174,.45) 0 1px, transparent 1px 15px);
  border-bottom:1px solid var(--ab-soft-line);
  opacity:.8;
}
.page-about .ab-origin__figure{margin:1.5rem 0 0;}
.page-about .qm-figure__media img{display:block;width:100%;height:auto;object-fit:cover;border-radius:calc(var(--qm-radius) - 2px);}
.page-about .ab-origin__figure .qm-figure__media img{aspect-ratio:3 / 2;}
.page-about .qm-figure__caption{
  margin-top:.6rem;
  font-size:.8rem;
  line-height:1.6;
  letter-spacing:.02em;
  color:var(--qm-mint);
}

.page-about .ab-sec-head{max-width:66ch;}
.page-about .ab-sec-head--tight{margin-top:2rem;}

.page-about .ab-rules{
  list-style:none;
  margin:1.6rem 0 0;
  padding:0;
  display:grid;
  gap:.85rem;
}
.page-about .ab-rule{
  position:relative;
  padding:1.1rem 1.15rem 1.15rem;
  border:1px solid var(--qm-line);
  border-radius:var(--qm-radius);
  background:linear-gradient(150deg, rgba(14,59,46,.62), rgba(7,28,23,.42));
  transition:transform .2s var(--qm-ease), border-color .2s var(--qm-ease), box-shadow .2s var(--qm-ease);
  overflow:hidden;
}
.page-about .ab-rule::after{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:linear-gradient(180deg,var(--qm-cyan),rgba(53,242,194,0));
  opacity:.55;
}
.page-about .ab-rule:hover,
.page-about .ab-rule:focus-within,
.page-about .ab-rule:focus{
  transform:translateY(-2px);
  border-color:rgba(53,242,194,.55);
  box-shadow:0 18px 40px -30px rgba(0,0,0,.9);
}
.page-about .ab-rule:focus-visible{outline:2px solid var(--qm-cyan);outline-offset:4px;}
.page-about .ab-rule__idx{
  display:inline-block;
  font-size:.78rem;
  letter-spacing:.1em;
  color:var(--qm-orange);
}
.page-about .ab-rule__title{
  margin:.35rem 0 0;
  font-family:var(--qm-font-head);
  font-weight:700;
  font-size:1.08rem;
  letter-spacing:.04em;
  color:var(--qm-paper);
}
.page-about .ab-rule__text{margin:.5rem 0 0;font-size:.94rem;line-height:1.75;color:var(--qm-dim);}
.page-about .ab-rule__scene{
  margin:.7rem 0 0;
  padding-top:.65rem;
  border-top:1px dashed rgba(155,184,174,.28);
  font-size:.82rem;
  line-height:1.7;
  color:var(--qm-mint);
  opacity:.62;
  transition:opacity .2s var(--qm-ease), color .2s var(--qm-ease);
}
.page-about .ab-rule:hover .ab-rule__scene,
.page-about .ab-rule:focus .ab-rule__scene,
.page-about .ab-rule:focus-within .ab-rule__scene{opacity:1;color:var(--qm-cyan);}

.page-about .ab-milestones__figure{margin:0 0 1.6rem;}
.page-about .ab-milestones__figure .qm-figure__media img{aspect-ratio:16 / 7;}

.page-about .ab-timeline{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
}
.page-about .ab-node{
  position:relative;
  padding:0 0 1.4rem 1.5rem;
  border-left:2px solid rgba(155,184,174,.24);
}
.page-about .ab-node:last-child{border-left-color:transparent;padding-bottom:0;}
.page-about .ab-node__dot{
  position:absolute;
  left:-7px;
  top:.45rem;
  width:12px;height:12px;
  border-radius:50%;
  background:var(--qm-cyan);
  box-shadow:0 0 0 4px rgba(53,242,194,.14);
}
.page-about .ab-node__dot--warm{background:var(--qm-orange);box-shadow:0 0 0 4px rgba(255,122,26,.16);}
.page-about .ab-node__phase{
  margin:0;
  font-size:.76rem;
  letter-spacing:.12em;
  color:var(--qm-mint);
  text-transform:uppercase;
}
.page-about .ab-node__title{
  margin:.3rem 0 0;
  font-family:var(--qm-font-head);
  font-weight:700;
  font-size:1.02rem;
  line-height:1.4;
  letter-spacing:.02em;
  color:var(--qm-paper);
}
.page-about .ab-node__text{margin:.45rem 0 0;font-size:.92rem;line-height:1.75;color:var(--qm-dim);}
.page-about .ab-node__details{margin-top:.55rem;}
.page-about .ab-node__details summary{
  list-style:none;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.3rem .7rem .3rem .55rem;
  font-size:.8rem;
  letter-spacing:.04em;
  color:var(--qm-cyan);
  border:1px solid rgba(53,242,194,.4);
  border-radius:999px;
  cursor:pointer;
  transition:background .18s var(--qm-ease),color .18s var(--qm-ease);
}
.page-about .ab-node__details summary::-webkit-details-marker{display:none;}
.page-about .ab-node__details summary::before{content:"+";font-family:var(--qm-font-mono);font-size:.9rem;line-height:1;}
.page-about .ab-node__details[open] summary::before{content:"–";}
.page-about .ab-node__details summary:hover{background:rgba(53,242,194,.12);}
.page-about .ab-node__details summary:focus-visible{outline:2px solid var(--qm-cyan);outline-offset:3px;}
.page-about .ab-node__details p{
  margin:.6rem 0 0;
  max-width:56ch;
  font-size:.86rem;
  line-height:1.75;
  color:var(--qm-dim);
  border-left:2px solid rgba(255,122,26,.5);
  padding-left:.8rem;
}

.page-about .ab-team__grid{display:grid;gap:1.5rem;margin-top:1.5rem;}
.page-about .ab-team__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;}
.page-about .ab-stat{
  display:flex;
  flex-direction:column;
  gap:.25rem;
  padding:.9rem .85rem 1rem;
  border:1px solid var(--qm-line);
  border-radius:var(--qm-radius);
  background:rgba(14,59,46,.5);
}
.page-about .ab-stat--total{
  grid-column:1 / -1;
  background:linear-gradient(140deg, rgba(42,35,80,.85), rgba(14,59,46,.75));
  border-color:rgba(53,242,194,.35);
}
.page-about .ab-stat__num{
  font-size:clamp(1.5rem,5vw,2rem);
  font-weight:600;
  line-height:1.1;
  color:var(--qm-cyan);
  letter-spacing:.02em;
}
.page-about .ab-stat--total .ab-stat__num{font-size:clamp(2rem,7vw,2.6rem);color:var(--qm-yellow);}
.page-about .ab-stat__label{font-size:.9rem;font-weight:500;letter-spacing:.04em;color:var(--qm-paper);}
.page-about .ab-stat__note{font-size:.78rem;line-height:1.6;color:var(--qm-mint);}

.page-about .ab-team__flow{
  padding:1.15rem;
  border:1px solid var(--qm-line);
  border-radius:var(--qm-radius);
  background:var(--ab-panel-bg);
}
.page-about .ab-flow{margin-top:1rem;}
.page-about .ab-flow__svg{display:block;width:100%;height:auto;}
.page-about .ab-flow__labels{
  list-style:none;
  margin:.2rem 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.4rem;
}
.page-about .ab-flow__labels li{
  display:flex;
  flex-direction:column;
  gap:.2rem;
  font-size:.78rem;
  line-height:1.5;
  color:var(--qm-mint);
  text-align:center;
}
.page-about .ab-flow__labels .qm-mono{color:var(--qm-orange);font-size:.72rem;letter-spacing:.1em;}

.page-about .ab-cadence{margin:1.2rem 0 0;padding:0;border-top:1px solid var(--ab-soft-line);}
.page-about .ab-cadence__row{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem 1rem;
  align-items:baseline;
  padding:.6rem 0;
  border-bottom:1px solid var(--ab-soft-line);
}
.page-about .ab-cadence dt{
  flex:0 0 auto;
  font-size:.8rem;
  letter-spacing:.04em;
  color:var(--qm-cyan);
}
.page-about .ab-cadence dd{margin:0;font-size:.88rem;line-height:1.6;color:var(--qm-dim);}

.page-about .ab-team__figure{margin:1.6rem 0 0;}
.page-about .ab-team__figure .qm-figure__media img{aspect-ratio:4 / 3;}

.page-about .ab-partners{
  background:var(--ab-wine-bg);
  border-top:1px solid rgba(244,247,242,.14);
  border-bottom:1px solid rgba(244,247,242,.14);
}
.page-about .ab-partners__inner{padding-block:clamp(.5rem,2vw,1rem);}
.page-about .ab-eyebrow--wine{color:var(--qm-yellow);}
.page-about .ab-body--wine{color:rgba(244,247,242,.78);}
.page-about .ab-partners__cards{
  display:grid;
  gap:.8rem;
  margin-top:1.5rem;
}
.page-about .ab-partner-card{
  position:relative;
  padding:1.1rem 1.15rem 1.2rem;
  border:1px solid rgba(244,247,242,.18);
  background:rgba(7,28,23,.34);
  clip-path:polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
}
.page-about .ab-partner-card__num{
  display:block;
  font-size:2rem;
  font-weight:600;
  line-height:1.1;
  color:var(--qm-cyan);
  letter-spacing:.02em;
}
.page-about .ab-partner-card__label{
  margin:.3rem 0 0;
  font-size:.88rem;
  font-weight:500;
  letter-spacing:.05em;
  color:var(--qm-paper);
}
.page-about .ab-partner-card__text{margin:.55rem 0 0;font-size:.88rem;line-height:1.75;color:rgba(244,247,242,.76);}
.page-about .ab-partner-card--wide{grid-column:1 / -1;}
.page-about .ab-partner-card__list{
  list-style:none;
  margin:.6rem 0 0;
  padding:0;
  display:grid;
  gap:.5rem;
}
.page-about .ab-partner-card__list li{
  display:flex;
  align-items:baseline;
  gap:.55rem;
  font-size:.88rem;
  color:rgba(244,247,242,.8);
  border-bottom:1px dashed rgba(244,247,242,.16);
  padding-bottom:.45rem;
}
.page-about .ab-partner-card__list .qm-mono{
  min-width:4.2rem;
  font-size:1.05rem;
  font-weight:600;
  color:var(--qm-yellow);
  letter-spacing:.02em;
}

.page-about .ab-contact{padding-bottom:clamp(2.5rem,6vw,4rem);}
.page-about .ab-contact__grid{display:grid;gap:1.5rem;}
.page-about .ab-contact__card{
  padding:1.15rem;
  border:1px solid var(--qm-line);
  border-radius:var(--qm-radius);
  background:linear-gradient(150deg, rgba(14,59,46,.58), rgba(7,28,23,.5));
}
.page-about .ab-contact__list{margin:0;display:grid;gap:.85rem;}
.page-about .ab-contact__list .qm-contact__item{display:grid;gap:.2rem;}
.page-about .ab-contact__list .qm-contact__label{
  font-size:.76rem;
  letter-spacing:.1em;
  color:var(--qm-mint);
}
.page-about .ab-contact__list .qm-contact__value{
  margin:0;
  font-size:.95rem;
  line-height:1.6;
  color:var(--qm-paper);
  overflow-wrap:anywhere;
}
.page-about .ab-contact__list .qm-contact__value--mono{font-family:var(--qm-font-mono);letter-spacing:.02em;color:var(--qm-cyan);}
.page-about .ab-contact__note{
  margin:1rem 0 0;
  padding-top:.85rem;
  border-top:1px dashed rgba(155,184,174,.28);
  font-size:.82rem;
  line-height:1.75;
  color:var(--qm-mint);
}

@media (min-width:640px){
  .page-about .ab-rules{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-about .ab-team__stats{grid-template-columns:repeat(3,minmax(0,1fr));}
  .page-about .ab-stat--total{grid-column:1 / -1;}
  .page-about .ab-partners__cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (min-width:900px){
  .page-about .ab-hero__grid{
    grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);
    gap:clamp(1.5rem,3vw,2.5rem);
    align-items:start;
  }
  .page-about .ab-hero__rail{padding-top:.5rem;}
  .page-about .ab-split{
    grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);
    gap:clamp(2rem,4vw,3.5rem);
  }
  .page-about .ab-split__rail{position:sticky;top:6rem;align-self:start;}
  .page-about .ab-sec-head--tight{margin-top:2.6rem;}
  .page-about .ab-timeline{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.2rem 2.2rem;
  }
  .page-about .ab-node{border-left:none;padding:0 0 1.2rem 1.4rem;border-left:2px solid rgba(155,184,174,.24);}
  .page-about .ab-node:nth-child(odd){grid-column:1;}
  .page-about .ab-node:nth-child(even){grid-column:2;}
  .page-about .ab-node:last-child{border-left-color:rgba(155,184,174,.24);}
  .page-about .ab-team__grid{
    grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);
    gap:clamp(1.5rem,3vw,2.5rem);
    align-items:start;
  }
  .page-about .ab-team__figure{margin-top:2rem;}
  .page-about .ab-team__figure .qm-figure__media img{aspect-ratio:16 / 9;}
  .page-about .ab-contact__grid{grid-template-columns:minmax(0,.56fr) minmax(0,.44fr);gap:clamp(2rem,4vw,3.5rem);align-items:start;}
}

@media (min-width:1100px){
  .page-about .ab-rules{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-about .ab-team__stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-about .ab-partners__cards{grid-template-columns:repeat(4,minmax(0,1fr));}
  .page-about .ab-partner-card--wide{grid-column:span 2;}
}

@media (prefers-reduced-motion:reduce){
  .page-about .ab-rule,
  .page-about .ab-index__link,
  .page-about .ab-node__details summary,
  .page-about .ab-rule__scene{transition:none;}
  .page-about .ab-rule:hover,
  .page-about .ab-rule:focus{transform:none;}
}