:root{--brand:#24506b;--brand2:#e8eef3;--accent:#a8743a;--bg:#fbf8f2}
body{font-family:Georgia,"Iowan Old Style","Palatino Linotype",serif}nav,.btn,.chips,.filters,.cat,.crisis{font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.hero{background:#fff;border-left:14px solid var(--brand);border-radius:var(--r);box-shadow:0 10px 30px rgba(36,80,107,.12);margin-top:30px;padding:56px 32px}
section>h2{border-bottom:2px solid var(--accent);padding-bottom:6px}section>h2::before{content:"❧ ";color:var(--accent)}
.page{perspective:1400px}.page>*{transform-origin:left center}.turn{animation:turn .8s ease-out both}
@keyframes turn{from{opacity:0;transform:rotateY(-35deg)}to{opacity:1;transform:none}}
.card{border-left:4px solid var(--brand2)}.skill{background:#fffdf8}
@media(prefers-reduced-motion:reduce){.turn{animation:none}}
.card details.bio{margin:6px 0 10px}.card details.bio summary{cursor:pointer;font-weight:600}.card details.bio p{margin:6px 0 0;line-height:1.55}
.reviews .rv{background:#fff;border-left:6px solid var(--accent);border-radius:var(--r);box-shadow:0 8px 24px rgba(36,80,107,.10);padding:24px 28px;max-width:820px}
.rv-stage{min-height:11em;display:flex;align-items:center}
.rv-card{margin:0;font-size:1.12rem;line-height:1.6;color:#2a2a2a;transition:opacity .35s}.rv-card.fade{opacity:0}
.rv-card .stars{color:#c8922f;letter-spacing:2px;font-family:system-ui,sans-serif;font-size:1rem;display:block;margin-bottom:6px}
.rv-card footer{margin-top:10px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.92rem;color:var(--brand);font-weight:600;background:none;padding:0;text-align:left}
.rv-ctl{display:flex;align-items:center;gap:10px;margin-top:14px;font-family:system-ui,sans-serif}
.rv-btn{min-width:44px;min-height:44px;border:1px solid var(--brand);background:var(--brand2);color:var(--brand);border-radius:999px;font-size:1.25rem;cursor:pointer}
.rv-btn:hover{background:var(--brand);color:#fff}.rv-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.rv-count{font-size:.9rem;color:#555;min-width:5em;text-align:center}
.rv-src{font-family:system-ui,sans-serif;font-size:.85rem;color:#555;margin:12px 0 0}
@media(max-width:600px){.reviews .rv{padding:18px 16px}.rv-card{font-size:1rem}.rv-stage{min-height:14em}}
@media(prefers-reduced-motion:reduce){.rv-card{transition:none}}
#team .avatar.photo{width:112px;height:112px;border-radius:50%;object-fit:cover;display:block;border:3px solid var(--brand2);box-shadow:0 2px 8px rgba(36,80,107,.15);margin-bottom:8px}