/* Meist / Miks meie — ainult tokenid ja ui.css klassid; heledad pinnad, juuksepiirid, varjuta */
.about__intro { padding-bottom: var(--space-8); }
.about__title { max-width: 18ch; margin-bottom: var(--space-6); }
.about__title-soft { display: block; color: var(--color-text-muted); font-weight: var(--fw-regular); }
.about__idea { display: grid; gap: var(--space-4) var(--space-7); grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); align-items: start; }
.about__idea .lead { margin: 0; }
.about__text { color: var(--color-text-soft); max-width: var(--measure); margin: 0; }

.about__values { list-style: none; margin: var(--space-7) 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); border-top: 1px solid var(--color-border); }
.about__value { display: flex; gap: var(--space-3); align-items: flex-start; padding: var(--space-5) var(--space-5) 0 0; }
.about__value p { margin: 0; color: var(--color-text-muted); font-size: var(--fs-sm); }
.about__value-icon { width: 22px; height: 22px; margin-top: 2px; color: var(--color-text-soft); }
.about__value-title { font-size: var(--fs-md); letter-spacing: var(--ls-snug); line-height: var(--lh-snug); margin: 0 0 var(--space-1); }

/* Sihtgrupid: nummerdatud read juuksepiiriga */
.about__segments { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); }
.about__segment { padding-top: var(--space-4); border-top: 1px solid var(--color-border-strong); }
.about__segment p { margin: 0; color: var(--color-text-muted); }
.about__index { display: block; font-size: var(--fs-xs); letter-spacing: var(--ls-caps); color: var(--color-text-muted); margin-bottom: var(--space-3); }
.about__segment-title { font-size: var(--fs-lg); letter-spacing: var(--ls-snug); line-height: var(--lh-snug); margin-bottom: var(--space-2); }

/* Konkurendid: kahe veeruga võrdlusread */
.about__compare { margin: 0; border-top: 1px solid var(--color-border); }
.about__compare-row { display: grid; gap: var(--space-1) var(--space-6); grid-template-columns: 1fr; padding-block: var(--space-4); border-bottom: 1px solid var(--color-border); }
.about__compare dt { font-weight: var(--fw-semibold); }
.about__compare dd { margin: 0; color: var(--color-text-soft); max-width: var(--measure); }
@media (min-width: 720px) {
  .about__compare-row { grid-template-columns: minmax(180px, 1fr) 3fr; align-items: baseline; }
}

.about__diff { display: grid; gap: var(--space-6) var(--space-8); grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); align-items: center; margin-top: var(--space-8); }
.about__diff-title { font-size: var(--fs-xl); margin-bottom: var(--space-4); }
.about__checks { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-3); }
.about__checks li { display: flex; gap: var(--space-3); align-items: flex-start; }
.about__checks .icon { margin-top: 2px; color: var(--color-primary); }
.about__statement { margin: 0; padding: var(--space-6); background: var(--color-primary-soft); border: 1px solid var(--color-primary-soft-2); border-radius: var(--radius-lg); }
.about__statement p { margin: 0; font-size: var(--fs-2xl); line-height: var(--lh-snug); letter-spacing: var(--ls-snug); font-weight: var(--fw-medium); color: var(--color-primary-active); text-wrap: balance; }

/* Kaasasutajad */
.about__founder { display: flex; flex-direction: column; }
.about__founder-focus { margin-bottom: var(--space-2); }
.about__duties { list-style: none; margin: var(--space-2) 0 0; padding: 0; }
.about__duties li { padding-block: var(--space-2); border-top: 1px solid var(--color-border); color: var(--color-text-soft); }
.about__duties li:first-child { border-top: 0; }
.about__shared { margin: var(--space-5) 0 0; max-width: var(--measure); color: var(--color-text-soft); }

/* 90 päeva: kolm perioodi */
.about__phases { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.about__phase { padding: var(--space-5); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.about__phase p { margin: 0; color: var(--color-text-soft); }
.about__period { display: inline-block; font-size: var(--fs-xs); font-weight: var(--fw-medium); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--color-text-muted); margin-bottom: var(--space-3); }
.about__phase-title { font-size: var(--fs-lg); letter-spacing: var(--ls-snug); margin-bottom: var(--space-2); }

/* Riskid */
.about__risks { display: grid; gap: var(--space-6) var(--space-8); grid-template-columns: 1fr; }
@media (min-width: 900px) {
  .about__risks { grid-template-columns: 2fr 3fr; align-items: start; }
}
.about__risks h2 { font-size: var(--fs-2xl); }
.about__risk-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); column-gap: var(--space-6); border-top: 1px solid var(--color-border-strong); }
.about__risk-list li { padding: var(--space-3) 0 var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-border); position: relative; color: var(--color-text-soft); }
.about__risk-list li::before { content: ""; position: absolute; left: 0; top: calc(var(--space-3) + 0.6em); width: 6px; height: 6px; border-radius: var(--radius-pill); background: var(--color-warning); }

/* Visioon ja lõpulause */
.about__vision { text-align: left; }
.about__closing { margin: var(--space-7) 0 var(--space-6); padding-top: var(--space-6); border-top: 1px solid var(--color-border); font-family: var(--font-editorial); font-style: italic; font-synthesis: none; font-size: var(--fs-display-2); line-height: 1.08; letter-spacing: -0.01em; font-weight: 400; color: var(--color-text); text-wrap: balance; }
.about__cta { gap: var(--space-4); }

/* Pildid */
.about__media { aspect-ratio: 21 / 9; margin-block: var(--space-6) var(--space-2); }
@media (min-width: 900px) { .about__media { aspect-ratio: auto; height: 300px; } }
.about__vision-grid { display: grid; gap: var(--space-7); grid-template-columns: minmax(0, 1fr); align-items: center; }
.about__vision-media { aspect-ratio: 3 / 2; }
@media (min-width: 900px) {
  .about__vision-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: var(--space-9); }
  .about__vision-media { aspect-ratio: 4 / 3; }
}
@media (max-width: 599px) { .about__media { aspect-ratio: 4 / 3; } }

/* ---------- Valge ateljee: viimistlus ---------- */
.about__phase { box-shadow: var(--shadow-card); transition: box-shadow 320ms var(--ease-out), transform 320ms var(--ease-out); }
@media (hover: hover) { .about__phase:hover { box-shadow: var(--shadow-card-hover); transform: translateY(-3px); } }
.about__statement { background: var(--color-bg-alt); border-color: transparent; }

/* Visioon: hele paneel suure fotoga. */
.about__vision { background: var(--color-bg); color: var(--color-text); }
.about__vision > .container { padding-block: clamp(var(--space-5), 4vw, var(--space-8)); border-radius: var(--radius-xl); background: var(--color-bg-alt); }
.about__vision-media { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }