:root{--ink:#334055;--cream:#fff8e9;--accent:#7e9bbf;--sage:#9bab91;}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;color:var(--ink);font-family:ui-serif,'Noto Serif SC','Songti SC',serif;
  background:radial-gradient(circle at 16% 8%,rgba(214,179,109,.2),transparent 34%),radial-gradient(circle at 84% 16%,rgba(159,182,204,.26),transparent 36%),linear-gradient(135deg,#f5edde,#eef2ec 52%,#f7efe7);}
main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:52px 0 72px}
.hero{padding:36px;border:1px solid rgba(90,78,58,.16);border-radius:32px;background:rgba(255,248,233,.64);box-shadow:0 22px 70px rgba(67,73,87,.13)}
.eyebrow{margin:0 0 10px;letter-spacing:.18em;font:700 12px ui-sans-serif,system-ui;color:#8b7d62}
h1{margin:0;font-size:clamp(36px,5.4vw,68px);line-height:1;letter-spacing:-.04em}
h1 span{color:var(--accent)}
.lead{max-width:820px;font-size:17px;line-height:1.85;margin:22px 0 0;color:rgba(51,64,85,.72)}
.ref-band{margin-top:32px;display:flex;justify-content:center}
.ref-band figure{margin:0;max-width:340px;padding:16px;border-radius:28px;background:rgba(255,251,241,.78);border:1px solid rgba(90,78,58,.14);box-shadow:0 16px 46px rgba(67,73,87,.12);text-align:center}
.ref-band img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px;border:2px solid rgba(214,179,109,.5);display:block}
.ref-band figcaption{margin-top:12px;font:700 14px ui-sans-serif,system-ui;color:var(--ink)}
.ref-band figcaption span{display:block;margin-top:6px;font:400 13px ui-sans-serif,system-ui;color:rgba(51,64,85,.66);line-height:1.6}
.group{margin-top:42px}
.group-head{margin:0 6px 18px}
.group-head p{margin:0 0 8px;letter-spacing:.16em;font:700 12px ui-sans-serif,system-ui;color:#8b7d62}
.group-head h2{margin:0;font-size:clamp(24px,3vw,38px);letter-spacing:-.03em}
.grid{display:grid;gap:22px}
.grid.four{grid-template-columns:repeat(4,1fr)}
.card{padding:18px;border-radius:28px;background:rgba(255,251,241,.74);border:1px solid rgba(90,78,58,.14);box-shadow:0 16px 44px rgba(67,73,87,.12)}
.avatar{width:62%;aspect-ratio:1;margin:0 auto 12px;border-radius:50%;padding:6px;background:conic-gradient(from 140deg,rgba(214,179,109,.85),rgba(185,154,107,.6),rgba(155,171,145,.7),rgba(214,179,109,.85))}
.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.full{position:relative;border-radius:18px;overflow:hidden}
.full img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
h3{margin:14px 0 6px;font-size:19px;text-align:center}
.card p{margin:0;text-align:center;line-height:1.7;color:rgba(51,64,85,.72);font-size:14px}
.notes{margin-top:44px;padding:26px 30px;border-radius:26px;background:rgba(51,64,85,.08)}
.notes h2{margin:0 0 12px}
.notes li{margin:8px 0;line-height:1.8}
@media(max-width:900px){.grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){main{width:min(100% - 24px,560px);padding-top:24px}.hero{padding:22px;border-radius:22px}.grid.four{grid-template-columns:1fr}.avatar{width:48%}}