/* Research V4 */
.research-landing{background:#f6f8fb}
.research-hero{position:relative;overflow:hidden;background:#071426;color:#fff;padding:110px 0 90px}
.research-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 35%,rgba(55,210,203,.18),transparent 30%),radial-gradient(circle at 18% 70%,rgba(92,107,255,.16),transparent 34%);pointer-events:none}
.research-hero-grid{position:relative;z-index:2;max-width:1180px;margin:auto;padding:0 28px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.research-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#67ddd5;font-weight:800;margin-bottom:20px}
.research-hero h1{font-family:Manrope,sans-serif;font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.045em;margin:0 0 25px}
.research-hero h1 em{font-style:normal;color:#6ee7df}
.research-hero p{font-size:18px;line-height:1.7;color:#c8d4e3;max-width:670px;margin:0}
.research-orbit{height:430px;position:relative}
.research-orbit canvas{width:100%;height:100%;display:block}
.research-statline{display:flex;gap:35px;margin-top:35px;flex-wrap:wrap}
.research-statline strong{display:block;font:800 30px Manrope;color:#fff}
.research-statline span{font-size:12px;color:#9eb0c4;text-transform:uppercase;letter-spacing:.08em}
.research-index{max-width:1180px;margin:auto;padding:90px 28px 110px}
.research-index-head{max-width:760px;margin-bottom:48px}
.research-index-head .eyebrow{color:#178e88}
.research-index-head h2{font:800 clamp(36px,5vw,58px)/1 Manrope;margin:12px 0 18px;color:#091727;letter-spacing:-.04em}
.research-index-head p{font-size:17px;line-height:1.7;color:#607084}
.research-area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.research-area-card{position:relative;min-height:430px;border-radius:24px;overflow:hidden;background:#0b1b2f;color:white;text-decoration:none;display:flex;align-items:flex-end;box-shadow:0 18px 55px rgba(15,30,50,.12);transition:.35s transform,.35s box-shadow}
.research-area-card:hover{transform:translateY(-7px);box-shadow:0 25px 65px rgba(15,30,50,.22)}
.research-area-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,28,.02) 25%,rgba(5,15,28,.94) 100%);z-index:1}
.research-area-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;filter:saturate(.7)}
.research-area-card .card-content{position:relative;z-index:2;padding:32px}
.research-area-card .num{font:700 12px Manrope;letter-spacing:.16em;color:#69ddd6}
.research-area-card h3{font:800 30px/1.05 Manrope;margin:11px 0}
.research-area-card p{color:#c8d3df;line-height:1.55;margin:0 0 18px;max-width:520px}
.research-area-card .count{font-size:12px;color:#9fb1c5;text-transform:uppercase;letter-spacing:.08em}
.research-area-card.full{grid-column:1/-1;min-height:350px}
.research-page{background:#f7f9fc}
.area-hero{background:#071426;color:#fff;position:relative;overflow:hidden}
.area-hero-grid{max-width:1180px;margin:auto;padding:100px 28px 80px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.area-copy .research-kicker{margin-bottom:18px}
.area-copy h1{font:800 clamp(46px,6vw,76px)/.98 Manrope;letter-spacing:-.045em;margin:0 0 25px}
.area-copy h1 em{font-style:normal;color:#6ee7df}
.area-copy .lead{font-size:20px;line-height:1.6;color:#d0dae5;margin:0 0 20px}
.area-copy .desc{font-size:15px;line-height:1.75;color:#a9b9ca}
.area-visual{height:430px;position:relative;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:rgba(255,255,255,.025);overflow:hidden}
.area-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;mix-blend-mode:screen}
.area-visual canvas{position:absolute;inset:0;width:100%;height:100%}
.area-visual .visual-label{position:absolute;left:24px;top:20px;z-index:2;font:700 11px Manrope;letter-spacing:.15em;text-transform:uppercase;color:#7fe8e1}
.area-content{max-width:1180px;margin:auto;padding:85px 28px 110px}
.area-layout{display:grid;grid-template-columns:1fr 2.2fr;gap:65px}
.area-side{position:sticky;top:100px;align-self:start}
.area-side h3{font:800 13px Manrope;text-transform:uppercase;letter-spacing:.13em;color:#74869a;margin:0 0 18px}
.area-tags{display:flex;flex-wrap:wrap;gap:8px}
.area-tag{padding:9px 12px;background:#e9eff5;border-radius:999px;color:#33485d;font-size:12px}
.area-main h2{font:800 40px/1.05 Manrope;color:#0a1929;letter-spacing:-.035em;margin:0 0 30px}
.area-main .research-statement{font-size:19px;line-height:1.7;color:#52667a;max-width:780px;margin-bottom:55px}
.pub-list{display:grid;gap:14px}
.pub-card{background:#fff;border:1px solid #e4eaf0;border-radius:18px;padding:24px 26px;transition:.25s}
.pub-card:hover{border-color:#b7d7d5;box-shadow:0 10px 30px rgba(20,45,70,.06)}
.pub-year{font:800 12px Manrope;color:#178e88;letter-spacing:.1em}
.pub-card h3{font:700 19px/1.3 Manrope;color:#14283c;margin:8px 0}
.pub-authors{font-size:13px;line-height:1.5;color:#718195;margin-bottom:8px}
.pub-venue{font-size:13px;color:#455a70}
.area-bottom{margin-top:65px;padding:35px;border-radius:22px;background:#071426;color:white}
.area-bottom h3{font:800 24px Manrope;margin:0 0 10px}
.area-bottom p{color:#b9c8d7;line-height:1.7;margin:0}
@media(max-width:850px){
 .research-hero-grid,.area-hero-grid{grid-template-columns:1fr;gap:35px}
 .research-orbit,.area-visual{height:330px}
 .research-area-grid{grid-template-columns:1fr}
 .research-area-card.full{grid-column:auto}
 .area-layout{grid-template-columns:1fr;gap:40px}
 .area-side{position:static}
}
@media(max-width:560px){
 .research-hero,.area-hero{padding-top:70px}
 .research-index,.area-content{padding-left:20px;padding-right:20px}
 .research-area-card{min-height:380px}
 .research-area-card h3{font-size:25px}
}