.nav-links a.active{color:var(--accent)}
.page-hero{padding:80px 0 56px;background:radial-gradient(ellipse 70% 60% at 50% 0%, color-mix(in srgb,var(--accent) 20%,transparent) 0%, transparent 70%)}
.page-hero h1{font-size:64px;line-height:1.05;margin-top:18px;max-width:900px}
.page-hero p{margin-top:24px;max-width:720px;font-size:19px;line-height:1.6;color:#6B5E52}
.value{padding:64px 0}
.value.alt{background:#F4EDE3}
.value.reverse .grid2>:first-child{order:2}
.value h3{font-size:34px;margin-top:14px}
.value p{margin-top:18px;font-size:18px;line-height:1.7;color:#6B5E52;max-width:520px}
.value-art{aspect-ratio:4/3;border-radius:32px;background:#fff;border:1px solid #EFE6DA;display:flex;align-items:center;justify-content:center;color:var(--accent)}
.value-art svg{width:42%;height:auto}
.member img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:20px}
.member h3{font-size:19px;margin-top:16px}
.member p{margin-top:4px;font-size:14px;color:#6B5E52}
.grid-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:48px}
.timeline{position:relative;max-width:860px;margin:56px auto 0}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#E3D6C6;transform:translateX(-1px)}
.tl-item{position:relative;width:50%;padding:0 40px 40px 0;text-align:right}
.tl-item.right{margin-left:50%;padding:0 0 40px 40px;text-align:left}
.tl-item::after{content:"";position:absolute;top:30px;right:-7px;width:14px;height:14px;border-radius:50%;background:var(--accent);border:3px solid #F4EDE3}
.tl-item.right::after{right:auto;left:-7px}
.tl-year{font-size:13px;font-weight:600;letter-spacing:.1em;color:var(--accent)}
.tl-item .card{padding:24px;border-radius:20px;margin-top:8px}
.tl-item h3{font-size:19px}
.tl-item p{margin-top:8px;font-size:15px;line-height:1.6;color:#6B5E52}
@media (max-width:900px){
.page-hero h1{font-size:40px}
.value.reverse .grid2>:first-child{order:0}
.grid-team{grid-template-columns:repeat(2,minmax(0,1fr))}
.timeline::before{left:7px}
.tl-item,.tl-item.right{width:100%;margin-left:0;padding:0 0 32px 36px;text-align:left}
.tl-item::after,.tl-item.right::after{left:0;right:auto}
}
.member .flip-back h3{font-size:24px;margin-top:0}
.member .flip-back p{font-size:14px;margin-top:0}
.member .flip-back .member-name{font-size:24px;margin-top:0}