/* Handoff gaps (2026-10-18): homepage "How Stacy works" (present-day, light room) and the maturity stack under the Aperture. */
.how-stacy{display:block;padding:110px var(--gutter) 120px;color:var(--ink)}
.how-stacy .eyebrow{color:#726342;margin:0 0 18px}
.how-stacy .display{margin:0 0 48px;max-width:20ch}
.how-stacy-steps{list-style:none;counter-reset:step;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.how-stacy-steps li{counter-increment:step;border-top:1px solid #82714e66;padding-top:18px}
.how-stacy-steps li::before{content:counter(step,decimal-leading-zero);display:block;font:500 12px/1 Jost,sans-serif;letter-spacing:.14em;color:#726342;margin-bottom:16px}
.how-stacy-steps h3{font:400 clamp(1.35rem,1.9vw,1.7rem)/1.15 'Instrument Serif',Georgia,serif;margin:0 0 10px;color:var(--ink)}
.how-stacy-steps p{font-size:1rem;line-height:1.6;margin:0;color:rgba(4,0,30,.78)}
.how-stacy-link{display:inline-block;margin-top:44px;color:var(--ink);font-size:.95rem;text-underline-offset:5px;text-decoration-thickness:1px}
.how-stacy-link:focus-visible{outline:2px solid var(--ink);outline-offset:6px}

.aperture-after{max-width:none}
.maturity-title{font:500 12px/1.4 Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--platinum);margin:0 0 22px}
.maturity{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.maturity>li{border-top:1px solid #82714e88;padding-top:16px}
.maturity-tag{font:500 13px/1.4 Jost,sans-serif;letter-spacing:.06em;margin:0 0 14px;display:flex;align-items:center;gap:10px}
.maturity-tag::before{content:"";width:8px;height:8px;border-radius:50%;flex:none;border:1px solid currentColor}
.maturity-now .maturity-tag{color:#c8ff7c}.maturity-now .maturity-tag::before{background:#c8ff7c}
.maturity-dev .maturity-tag{color:#e3c77a}
.maturity-later .maturity-tag{color:var(--platinum)}
.maturity ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.maturity ul li{font-size:1rem;line-height:1.5;color:var(--bone)}
.maturity-later ul li{color:#c9c5d3}
.maturity ul li span{color:var(--platinum);font-size:.9em}

@media(max-width:1000px){.how-stacy-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}}
@media(max-width:760px){
  .how-stacy{padding:84px var(--gutter) 90px}
  .how-stacy .display{margin-bottom:36px}
  .how-stacy-steps{grid-template-columns:1fr;gap:26px}
  .maturity{grid-template-columns:1fr;gap:24px}
}