.nav__links a.active{color:#f0d17a}
.about-hero{background:linear-gradient(180deg,#fbe6bd,#f2c98d);padding:58px 0 44px;text-align:center}
.about-hero h1{font-family:var(--font-display);color:var(--barn-deep);font-size:clamp(2.2rem,5.5vw,3.4rem);text-shadow:2px 2px 0 rgba(255,255,255,.35)}
.about-hero p{max-width:58ch;margin:14px auto 0;color:#4a2f22;font-weight:500;font-size:1.08rem}
.arow{padding:72px 0;border-top:1px solid var(--divider)}
.arow.alt{background:var(--cream-2)}
.arow .wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.arow__media{position:relative}
.arow__media .photo-frame{border:10px solid #fff;box-shadow:var(--shadow);border-radius:4px;overflow:hidden;transform:rotate(-1.5deg)}
.arow__media .photo-frame img{width:100%;display:block;transition:transform .8s ease}
.arow__media .photo-frame:hover img{transform:scale(1.05)}
.arow__text h2{font-family:var(--font-slab);color:var(--barn);font-size:clamp(1.5rem,3vw,2.2rem);margin-bottom:.5em}
.arow__text p{color:#4c3d34;margin-bottom:1em}
.timeline{padding:78px 0;background:var(--ink);color:var(--cream)}
.timeline .section-head h2{color:#fff}
.rline{max-width:760px;margin:0 auto;position:relative;padding-left:58px}
.rline::before{content:"";position:absolute;left:22px;top:8px;bottom:8px;width:4px;background:repeating-linear-gradient(180deg,var(--brass) 0 13px,rgba(203,164,63,.22) 13px 22px)}
.rstop{position:relative;padding-bottom:40px}
.rstop:last-child{padding-bottom:0}
.rstop::before{content:"";position:absolute;left:-45px;top:3px;width:20px;height:20px;border-radius:50%;background:var(--barn);border:3px solid var(--brass);box-shadow:0 0 0 4px var(--ink)}
.rstop .ryear{font-family:var(--font-type);color:var(--brass);letter-spacing:.12em;text-transform:uppercase;font-size:.76rem}
.rstop h3{font-family:var(--font-slab);color:#fff;font-size:1.2rem;margin:4px 0 7px}
.rstop p{color:var(--cream-3);line-height:1.6}
.agallery{padding:74px 0;border-top:1px solid var(--divider)}
.agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1120px;margin:0 auto}
.agrid figure{margin:0}
.agrid img{width:100%;height:300px;object-fit:cover;border:6px solid #fff;border-radius:4px;box-shadow:var(--shadow);transition:transform .5s ease}
.agrid figure:hover img{transform:scale(1.04)}
.agrid figcaption{font-family:var(--font-type);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--brass-deep);text-align:center;margin-top:12px}
.values{padding:76px 0;background:var(--cream-2);border-top:1px solid var(--divider)}
.vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1120px;margin:0 auto}
.vcard{background:#fff;border-radius:14px;padding:30px 24px;text-align:center;box-shadow:var(--shadow);border-top:5px solid var(--barn)}
.vcard .vic{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:var(--cream-2);display:grid;place-content:center;color:var(--barn)}
.vcard .vic svg{width:26px;height:26px}
.vcard h3{font-family:var(--font-slab);color:var(--barn);font-size:1.05rem;margin-bottom:6px}
.vcard p{font-size:.9rem;color:#5c4d43;line-height:1.5}
.quoteband{background:linear-gradient(135deg,var(--barn),var(--barn-deep));color:var(--cream);text-align:center;padding:72px 0}
.quoteband blockquote{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);max-width:26ch;margin:0 auto;line-height:1.32;color:#fff}
.quoteband cite{display:block;margin-top:20px;font-style:normal;font-family:var(--font-type);font-size:.8rem;letter-spacing:.1em;color:var(--brass)}
.about-cta{padding:76px 0;text-align:center;border-top:1px solid var(--divider)}
.about-cta h2{font-family:var(--font-slab);color:var(--barn);font-size:clamp(1.6rem,3.4vw,2.3rem);margin-top:6px}
.about-cta p{color:#5c4d43;margin:12px auto 26px;max-width:52ch}
.about-cta .btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
@media(max-width:860px){
  .arow{padding:54px 0}
  .arow .wrap{grid-template-columns:1fr;gap:30px}
  .agrid{grid-template-columns:1fr 1fr}
  .vgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
  .agrid{grid-template-columns:1fr}
  .vgrid{grid-template-columns:1fr}
  .agrid img{height:230px}
  .rline{padding-left:50px}
}