/* Topic-specific layouts only; shared components live in components.css. */
.about-hero{background: var(--white); border-bottom: 1px solid var(--border);}
.about-hero-inner{max-width: 820px; margin: 0 auto; padding: 56px 24px 44px;}
.about-eyebrow{font-family: var(--font-head); font-size:12px; font-weight: 700; letter-spacing: .14em;
      text-transform: uppercase; color: var(--accent); display: flex; align-items: center; gap: 10px;}
.about-eyebrow::before{content: ''; width: 26px; height: 2px; background: var(--accent); display: inline-block;}
.about-hero h1{font-family: var(--font-head); font-size: clamp(30px, 5vw, 44px); font-weight: 800;
      letter-spacing: -.025em; line-height: 1.08; margin: 16px 0 14px; color: var(--text-primary);}
.about-hero p{font-size:17px; line-height: 1.6; color: var(--text-secondary); max-width: 640px; margin: 0;}
.about-main{max-width: 820px; margin: 0 auto; padding: 8px 24px 8px;}
.about-main section{padding: 32px 0; border-bottom: 1px solid var(--border-light);}
.about-main section:last-of-type{border-bottom: none;}
.about-main h2{font-family: var(--font-head); font-size:21px; font-weight: 800; letter-spacing: -.01em;
      color: var(--text-primary); margin: 0 0 14px;}
.about-main p{font-size:15.5px; line-height: 1.72; color: var(--text-secondary); margin: 0 0 14px;}
.about-main p:last-child{margin-bottom: 0;}
.about-main a{color: var(--accent-mid); font-weight: 600; text-decoration: underline; text-underline-offset: 2px;}
.about-main a:hover{color: var(--accent);}
.about-main ul{margin: 0 0 14px; padding-left: 20px;}
.about-main li{font-size:15.5px; line-height: 1.7; color: var(--text-secondary); margin-bottom: 7px;}
.about-main strong{color: var(--text-primary); font-weight: 600;}
.project-card{background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg);
      box-shadow: var(--shadow-sm); padding: 26px 26px; margin-top: 6px;}
.project-card h3{font-family: var(--font-head); font-size:17px; font-weight: 800; color: var(--text-primary); margin: 0 0 10px;}
.project-card p{font-size:15px; line-height: 1.7;}
.project-visit{display: inline-block; font-family: var(--font-head); font-size:13px; font-weight: 700;
      color: var(--accent); text-decoration: none;
      background: var(--white); border: 1px solid var(--border);
      padding: 9px 18px; border-radius: 20px; margin-top: 4px;
      transition: border-color .15s, box-shadow .15s;}
.project-visit:hover{border-color: var(--accent); box-shadow: 0 2px 10px rgba(0,0,0,.06);}

.about-hero{background:linear-gradient(160deg,var(--banner),var(--banner-end))}.about-hero h1{color:white}.about-hero p{color:#d4e1f2}.about-eyebrow{color:#a7c8f1}.about-eyebrow:before{background:#a7c8f1}.project-visit{border-radius:8px}