:root{
  --bg:#0a0b0f;
  --bg2:#11131b;
  --card:#11151fdf;
  --glass:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.12);
  --gold:#d7b36b;
  --gold2:#f2dfb1;
  --text:#f5f6fb;
  --muted:#aeb4c6;
  --rose:#a04d53;
  --blue:#4772b5;
  --shadow:0 25px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; color:var(--text);
  font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
  background:
   radial-gradient(circle at 12% 8%, rgba(160,77,83,.18), transparent 24%),
   radial-gradient(circle at 88% 8%, rgba(71,114,181,.18), transparent 22%),
   radial-gradient(circle at 50% 100%, rgba(215,179,107,.08), transparent 30%),
   linear-gradient(180deg, #090a0f 0%, #0d1017 46%, #090a0f 100%);
}
a{color:var(--gold2); text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%; display:block}
.container{max-width:1240px; margin:0 auto; padding:0 24px}
.nav{position:sticky; top:0; z-index:50; backdrop-filter:blur(18px); background:rgba(9,10,15,.72); border-bottom:1px solid rgba(255,255,255,.08)}
.nav-inner{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0}
.brand{display:flex; gap:14px; align-items:center}
.brand-mark{width:46px; height:46px; border-radius:14px; display:grid; place-items:center; color:#fff; font:700 20px Georgia,serif; background:linear-gradient(135deg, rgba(215,179,107,.9), rgba(71,114,181,.95)); box-shadow:var(--shadow)}
.brand-copy strong{display:block; font-size:18px; letter-spacing:.06em}
.brand-copy span{display:block; font-size:12px; color:var(--muted); letter-spacing:.16em}
.nav-links{display:flex; gap:18px; flex-wrap:wrap}
.nav-links a{font-size:14px; color:#dce0ea}
.nav-links a.active{color:#fff; font-weight:700}
.hero{padding:70px 0 42px; display:grid; grid-template-columns:1.1fr .9fr; gap:38px; align-items:center}
.eyebrow{display:inline-flex; padding:7px 14px; border:1px solid rgba(215,179,107,.38); border-radius:999px; color:var(--gold2); font-size:12px; letter-spacing:.18em; text-transform:uppercase; background:rgba(215,179,107,.08)}
.hero h1{font:700 64px/1.06 Georgia,"Times New Roman","Songti SC",serif; margin:18px 0 18px; letter-spacing:.02em}
.hero h1 span{color:var(--gold2)}
.hero .lead{font-size:18px; color:#e5e8f0; max-width:760px}
.hero .bio{font-size:15px; color:var(--muted); max-width:740px}
.actions{display:flex; gap:14px; flex-wrap:wrap; margin-top:26px}
.btn{display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:999px; border:1px solid rgba(215,179,107,.45); font-weight:700; color:#fff; background:linear-gradient(135deg, rgba(215,179,107,.16), rgba(255,255,255,.05))}
.btn.alt{background:transparent; color:var(--gold2)}
.hero-visual{position:relative; min-height:590px}
.glow{position:absolute; inset:auto; border-radius:999px; filter:blur(35px); opacity:.55}
.glow.one{width:200px; height:200px; right:10%; top:6%; background:rgba(71,114,181,.55)}
.glow.two{width:180px; height:180px; left:6%; bottom:10%; background:rgba(160,77,83,.45)}
.portrait-card{position:relative; height:100%; min-height:590px; border-radius:32px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); box-shadow:var(--shadow)}
.portrait-card:before{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(9,10,15,.06), rgba(9,10,15,.65)); z-index:1}
.portrait-card img{width:100%; height:100%; object-fit:cover}
.portrait-badge{position:absolute; z-index:2; left:24px; top:24px; padding:10px 14px; border-radius:16px; background:rgba(9,10,15,.62); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(10px)}
.portrait-badge strong{display:block; font-size:18px}
.portrait-badge span{display:block; font-size:12px; color:var(--muted)}
.quote-box{position:absolute; z-index:2; right:24px; bottom:24px; width:58%; padding:22px; border-radius:24px; background:rgba(9,10,15,.68); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(12px)}
.quote-box p{margin:0; font:500 20px/1.55 Georgia,"Songti SC",serif}
.quote-box small{display:block; margin-top:8px; color:var(--muted)}
.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:24px}
.stat{padding:18px; border-radius:22px; border:1px solid var(--line); background:rgba(255,255,255,.03)}
.stat strong{display:block; font:700 30px/1.1 Georgia,serif; color:#fff}
.stat span{color:var(--muted); font-size:13px}
.section{padding:26px 0 10px}
.section-head{display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:22px}
.section-head h2{margin:0; font:700 36px/1.2 Georgia,"Songti SC",serif}
.section-head p{margin:0; max-width:640px; color:var(--muted)}
.grid{display:grid; gap:18px}
.grid.cols-3{grid-template-columns:repeat(3,1fr)}
.grid.cols-4{grid-template-columns:repeat(4,1fr)}
.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.card{border:1px solid var(--line); border-radius:28px; background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); overflow:hidden; box-shadow:var(--shadow)}
.card-body{padding:22px}
.kicker{font-size:12px; color:var(--gold2); letter-spacing:.16em; text-transform:uppercase}
.card h3{margin:10px 0 10px; font-size:24px}
.card p{margin:0; color:var(--muted)}
.media-thumb{height:240px; overflow:hidden; position:relative}
.media-thumb img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease}
.card:hover .media-thumb img{transform:scale(1.04)}
.media-thumb:after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,10,14,.02), rgba(8,10,14,.55));}
.hero-strip{padding:16px 0 6px}
.strip{padding:22px 26px; border:1px solid var(--line); border-radius:28px; background:linear-gradient(90deg, rgba(215,179,107,.10), rgba(255,255,255,.03), rgba(71,114,181,.10)); display:flex; justify-content:space-between; gap:20px; align-items:center}
.strip p{margin:0; color:#eef1f8; font:500 20px/1.6 Georgia,"Songti SC",serif}
.pills{display:flex; gap:10px; flex-wrap:wrap}
.pill{padding:6px 12px; border:1px solid rgba(255,255,255,.15); border-radius:999px; color:#e9edf5; background:rgba(255,255,255,.04); font-size:13px}
.works-grid .card{min-height:100%}
.work-visual{height:180px; position:relative; display:flex; align-items:flex-end; padding:20px; background:linear-gradient(135deg, rgba(160,77,83,.7), rgba(14,19,32,.55));}
.work-visual.alt1{background:linear-gradient(135deg, rgba(71,114,181,.75), rgba(15,18,27,.55))}
.work-visual.alt2{background:linear-gradient(135deg, rgba(89,120,96,.7), rgba(15,18,27,.55))}
.work-visual.alt3{background:linear-gradient(135deg, rgba(119,71,128,.72), rgba(15,18,27,.55))}
.work-visual.image img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.work-visual.image:after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(9,10,15,.05), rgba(9,10,15,.72))}
.work-visual strong{position:relative; z-index:1; font:700 34px/1.05 Georgia,"Songti SC",serif}
.links{display:flex; flex-wrap:wrap; gap:10px; margin-top:14px}
.link-chip{padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); font-size:13px}
.timeline{position:relative; padding-left:16px}
.timeline:before{content:""; position:absolute; left:11px; top:2px; bottom:6px; width:2px; background:linear-gradient(var(--gold), rgba(255,255,255,.08))}
.t-item{position:relative; padding-left:54px; padding-bottom:22px}
.t-item:before{content:""; position:absolute; left:0; top:2px; width:24px; height:24px; border-radius:50%; background:linear-gradient(135deg, var(--gold), #fff0d2); box-shadow:0 0 0 8px rgba(215,179,107,.08)}
.t-item .year{display:inline-block; margin-bottom:6px; color:var(--gold2); letter-spacing:.08em; font-weight:700}
.t-item h3{margin:0 0 6px; font-size:22px}
.t-item p{margin:0; color:var(--muted)}
.feature-block{display:grid; grid-template-columns:1.1fr .9fr; gap:18px}
.panel{padding:24px; border-radius:28px; border:1px solid var(--line); background:rgba(255,255,255,.04)}
.panel h3{margin:0 0 12px; font-size:24px}
.panel ul{margin:0; padding-left:18px; color:var(--muted)}
.panel li{margin-bottom:8px}
.band{margin:30px 0 8px; padding:20px 24px; border-left:3px solid var(--gold); border-radius:18px; background:rgba(255,255,255,.04); color:#eef1f7}
.band strong{color:#fff}
.table-wrap{overflow:auto}
.table{width:100%; border-collapse:collapse; border-spacing:0; overflow:hidden; border-radius:20px}
.table th,.table td{padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.09); text-align:left}
.table th{font-size:14px; color:#fff; background:rgba(255,255,255,.06)}
.table td{color:var(--muted)}
.footer{margin-top:44px; padding:34px 0 44px; border-top:1px solid rgba(255,255,255,.09); color:var(--muted)}
.footer-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:18px}
.footer h4{margin:0 0 10px; color:#fff}
.footer p{margin:0}
.small{font-size:13px; color:var(--muted)}
@media (max-width: 980px){
  .hero,.feature-block,.footer-grid,.grid.cols-4,.grid.cols-3,.grid.cols-2,.stats{grid-template-columns:1fr}
  .nav-inner{flex-direction:column; align-items:flex-start}
  .nav-links{gap:12px}
  .hero h1{font-size:44px}
  .hero-visual,.portrait-card{min-height:420px}
  .quote-box{width:auto; left:24px}
  .section-head{display:block}
  .strip{display:block}
}