/* The About view
   Lines 252-273 of the original index.html. */

/* ---------------- about ---------------- */
#about-view{display:none;z-index:3;position:relative;padding:5.5rem var(--gut) 5rem}
.about-wrap{max-width:680px;margin:0 auto}
.about-eyebrow{display:block;margin-bottom:.7rem}
.about-title{font-family:var(--font);font-weight:800;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.02em;color:var(--ink);margin:.1rem 0 1.8rem;line-height:1.04}
.about-body{color:var(--ink-soft);font-size:1.14rem;line-height:1.72}
.about-body p{margin:0 0 1.15rem}
.about-lead{font-size:clamp(1.3rem,2.4vw,1.6rem);color:var(--ink);font-weight:600;margin:1.8rem 0}
.about-body strong{color:var(--ink);font-weight:700}
.about-h2{font-family:var(--font);font-weight:700;font-size:clamp(1.45rem,3vw,1.95rem);color:var(--accent2);margin:2.6rem 0 1.1rem;letter-spacing:-.01em}
.about-links{display:flex;flex-direction:column;gap:.9rem;margin:1.3rem 0 2.2rem}
.about-link{display:block;border:1px solid var(--line);border-radius:11px;padding:1.15rem 1.35rem;transition:.2s;cursor:pointer;text-decoration:none}
.about-link:hover{border-color:var(--accent);background:var(--bg-soft);transform:translateY(-1px)}
.al-label{font-family:var(--font);font-weight:700;font-size:1.08rem;color:var(--accent);margin-bottom:.35rem}
.al-arrow{font-size:.82em}
.al-desc{color:var(--ink-dim);font-size:1rem;line-height:1.5}
.about-close{margin-top:2.2rem;font-size:1.22rem;color:var(--accent2);font-weight:600}
.study-item{margin:0 0 1.5rem}
.study-link{color:var(--accent);font-weight:700;font-size:1.1rem;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.study-link:hover{color:var(--accent-deep)}
.study-item p{color:var(--ink-dim);font-size:1rem;line-height:1.5;margin:.35rem 0 0}