.research-content{--navy: #061827; --navy2: #0a2238; --ink: #07162f; --blue: #0649ff; --blue2: #0649ff; --muted: #61748b; --line: #dce5ef; --soft: #f5f9fd; --white: #fff; --max: 1240px;}
.research-content{box-sizing: border-box;}
.research-content{scroll-behavior: smooth;}
.research-content{margin: 0px; font-family: Inter, Arial, Helvetica, sans-serif; color: var(--ink); background: rgb(255, 255, 255); -webkit-font-smoothing: antialiased;}
.research-content a{color: inherit; text-decoration: none;}
.research-content .wrap{width: min(var(--max),calc(100% - 52px)); margin: auto;}
.research-content .ico{width: 1.25em; height: 1.25em; fill: none; stroke: currentcolor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; vertical-align: -0.2em;}
.research-content .skip{position: fixed; left: 12px; top: -60px; z-index: 999; background: rgb(255, 255, 255); padding: 10px 14px;}
.research-content .skip:focus{top: 10px;}
.research-content .utility{height: 31px; background: rgb(7, 24, 38); color: rgb(255, 255, 255); font-size: 14px; letter-spacing: 0.13em;}
.research-content .utility-inner{height: 31px; display: flex; align-items: center; justify-content: space-between;}
.research-content .util-links{display: flex; align-items: center; gap: 12px; letter-spacing: 0px;}
.research-content .util-links span{width: 1px; height: 14px; background: rgb(128, 147, 164);}
.research-content .header{height: 80px; background: rgba(255, 255, 255, 0.97); border-bottom: 1px solid rgb(237, 241, 245); position: sticky; top: 0px; z-index: 100; backdrop-filter: blur(12px);}
.research-content .nav{height: 100%; display: flex; align-items: center; gap: 26px;}
.research-content .brand{width: 142px; display: flex; flex-direction: column; align-items: flex-start; color: rgb(7, 93, 240); line-height: 1;}
.research-content .brand img{width: 63px; height: 38px; object-fit: contain; margin-left: 7px;}
.research-content .brand strong{font-size: 18px; letter-spacing: -0.03em; margin-top: -2px;}
.research-content .navlinks{display: flex; align-items: center; gap: 29px; margin-left: auto; font-size: 14px;}
.research-content .navlinks a{height: 80px; display: flex; align-items: center; gap: 5px; position: relative; white-space: nowrap;}
.research-content .navlinks a.active{color: rgb(7, 93, 240);}
.research-content .navlinks a.active::after{content: ""; position: absolute; bottom: 15px; left: 0px; right: 0px; height: 3px; background: rgb(7, 93, 240);}
.research-content .navlinks b{font-size: 14px; font-weight: 400; color: rgb(96, 118, 141);}
.research-content .menu{display: none; margin-left: auto; border: 0px; background: transparent;}
.research-content .menu span{display: block; width: 28px; height: 2px; background: rgb(16, 42, 67); margin: 5px;}
.research-content .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid var(--blue); background: var(--blue); color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; padding: 13px 18px; border-radius: 4px; transition: transform 0.2s, box-shadow 0.2s;}
.research-content .btn:hover{transform: translateY(-1px); box-shadow: rgba(8, 103, 246, 0.18) 0px 10px 24px;}
.research-content .btn.outline{background: rgb(255, 255, 255); color: var(--blue);}
.research-content .navcta{white-space: nowrap;}
.research-content main{overflow: hidden;}
.research-content section{padding: 62px 0px;}
.research-content .eyebrow,.research-content .kicker{font-size: 14px; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--blue); margin-bottom: 10px;}
.research-content .hero{border-bottom: 1px solid var(--line); background: rgb(255, 255, 255);}
.research-content .hero-grid{display: grid; grid-template-columns: 45% 55%; min-height: 420px;}
.research-content .hero-copy{padding: 48px 32px 40px 0px; position: relative; z-index: 2;}
.research-content .hero-copy h1{font-size: 50px; line-height: 0.98; letter-spacing: -0.05em; margin: 0px 0px 14px;}
.research-content .hero-copy .lead{font-size: 23px; line-height: 1.1; color: var(--blue); letter-spacing: -0.03em; margin: 0px 0px 13px;}
.research-content .hero-copy p{font-size: 15px; line-height: 1.52; color: rgb(82, 101, 125); max-width: 580px;}
.research-content .hero-actions{display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px;}
.research-content .hero-media{min-height: 420px; background-size: cover; background-position: center center; position: relative; overflow: hidden;}
.research-content .hero-media::before{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.46) 14%, transparent 44%, rgba(4, 20, 36, 0.04));}
.research-content .section-title{display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 28px;}
.research-content .section-title h2,.research-content .copy h2{font-size: 34px; line-height: 1.02; letter-spacing: -0.04em; margin: 0px;}
.research-content .section-title p,.research-content .copy p{color: var(--muted); font-size: 14px; line-height: 1.55; max-width: 660px;}
.research-content .link{display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-weight: 700; font-size: 14px;}
.research-content .card{border: 1px solid var(--line); border-radius: 7px; background: rgb(255, 255, 255);}
.research-content .icon-ring{width: 54px; height: 54px; border: 1px solid rgb(191, 213, 239); border-radius: 50%; display: grid; place-items: center; color: var(--blue); background: rgb(255, 255, 255);}
.research-content .icon-ring .ico{width: 26px; height: 26px;}
.research-content .dark{background: linear-gradient(120deg, rgb(6, 24, 39), rgb(10, 36, 58)); color: rgb(255, 255, 255);}
.research-content .dark h2{color: rgb(255, 255, 255);}
.research-content .dark p{color: rgb(196, 209, 220);}
.research-content .reveal{opacity: 0; transform: translateY(18px); transition: opacity 0.55s, transform 0.55s;}
.research-content .reveal.in{opacity: 1; transform: none;}
.research-content .tilt{transform-style: preserve-3d; transition: transform 0.2s, box-shadow 0.2s;}
.research-content .tilt:hover{box-shadow: rgba(16, 47, 79, 0.1) 0px 16px 34px;}
.research-content .footer{background: rgb(7, 24, 39); color: rgb(213, 224, 233); padding: 48px 0px 18px;}
.research-content .footgrid{display: grid; grid-template-columns: 2.2fr repeat(4, 1fr); gap: 44px;}
.research-content .footgrid h4{font-size: 14px; color: rgb(255, 255, 255); margin: 0px 0px 12px;}
.research-content .footgrid a{display: block; font-size: 14px; margin: 7px 0px; color: rgb(213, 224, 233);}
.research-content .foot-brand p{font-size: 14px; line-height: 1.55; max-width: 330px; color: rgb(184, 198, 212);}
.research-content .foot-logo{display: flex; flex-direction: column; width: 110px; color: rgb(255, 255, 255); margin-bottom: 12px;}
.research-content .foot-logo img{width: 66px; height: 43px; object-fit: contain;}
.research-content .foot-logo strong{font-size: 18px;}
.research-content .copyright{border-top: 1px solid rgba(255, 255, 255, 0.176); margin-top: 34px; padding-top: 18px; display: flex; justify-content: space-between; font-size: 14px; color: rgb(174, 189, 202);}
.research-content .legal{display: flex; align-items: center; gap: 12px;}
.research-content .legal b{font-size: 14px; color: rgb(255, 255, 255);}
.research-content .filterbar{display: flex; gap: 9px; flex-wrap: wrap; align-items: center;}
.research-content .chip{border: 1px solid rgb(190, 211, 238); background: rgb(255, 255, 255); color: rgb(82, 106, 132); border-radius: 4px; padding: 8px 13px; font-size: 14px; cursor: pointer;}
.research-content .chip.active{background: var(--blue); border-color: var(--blue); color: rgb(255, 255, 255);}
.research-content .searchbox{position: relative;}
.research-content .searchbox .ico{position: absolute; left: 13px; top: 12px; color: rgb(108, 128, 151);}
.research-content .searchbox input{height: 42px; border: 1px solid var(--line); border-radius: 4px; padding: 0px 14px 0px 40px; min-width: 320px;}
@media (max-width: 1100px) {.research-content .navlinks{gap: 15px; font-size: 14px;}
.research-content .navcta{display: none;}
.research-content .hero-grid{grid-template-columns: 1fr 1fr;}
.research-content .hero-copy h1{font-size: 44px;}
.research-content .footgrid{grid-template-columns: 2fr 1fr 1fr;}}
@media (max-width: 820px) {.research-content .utility{display: none;}
.research-content .header{height: 68px;}
.research-content .nav{height: 68px;}
.research-content .navlinks{display: none; position: absolute; top: 68px; left: 0px; right: 0px; background: rgb(255, 255, 255); padding: 18px 26px; box-shadow: rgba(0, 0, 0, 0.133) 0px 15px 35px; flex-direction: column; align-items: stretch;}
.research-content .navlinks.open{display: flex;}
.research-content .navlinks a{height: auto; padding: 9px 0px;}
.research-content .navlinks a.active::after{display: none;}
.research-content .menu{display: block;}
.research-content .brand{width: auto;}
.research-content .brand img{width: 49px; height: 30px;}
.research-content .brand strong{font-size: 15px;}
.research-content .hero-grid{grid-template-columns: 1fr;}
.research-content .hero-copy{padding: 42px 0px 30px;}
.research-content .hero-media{min-height: 320px;}
.research-content .hero-copy h1{font-size: 42px;}
.research-content .section-title{flex-direction: column; align-items: flex-start;}
.research-content .section-title h2,.research-content .copy h2{font-size: 30px;}
.research-content .footgrid{grid-template-columns: 1fr 1fr;}
.research-content .foot-brand{grid-column: 1 / -1;}
.research-content .copyright{flex-direction: column; gap: 18px;}
.research-content .wrap{width: min(var(--max),calc(100% - 30px));}}
@media (max-width: 520px) {.research-content section{padding: 48px 0px;}
.research-content .hero-copy h1{font-size: 36px;}
.research-content .hero-copy .lead{font-size: 20px;}
.research-content .footgrid{grid-template-columns: 1fr;}
.research-content .foot-brand{grid-column: auto;}
.research-content .legal{flex-wrap: wrap;}
.research-content .searchbox input{min-width: 0px; width: 100%;}}
.research-content .resources-hero{background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 39%, rgb(239, 247, 255) 70%, rgb(231, 243, 255) 100%);}
.research-content .resources-hero .hero-media{background-image: url("../assets/research/0b8c8ad5e7ea19ea1a8c.jpg"); background-size: cover; background-position: center center;}
.research-content .resources-hero .hero-media::before{background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.42) 12%, transparent 38%);}
.research-content .hero-badges{display: flex; gap: 22px; margin-top: 26px;}
.research-content .hero-badge{display: flex; align-items: center; gap: 8px; font-size: 14px; color: rgb(83, 106, 132);}
.research-content .hero-badge .ico{color: var(--blue); width: 23px; height: 23px;}
.research-content .resource-stats{display: grid; grid-template-columns: repeat(4, 1fr); padding: 25px 0px;}
.research-content .rstat{padding: 0px 26px; border-left: 1px solid var(--line);}
.research-content .rstat:first-child{border-left: 0px;}
.research-content .rstat strong{display: block; color: var(--blue); font-size: 27px;}
.research-content .rstat small{font-size: 14px; letter-spacing: 0.11em; text-transform: uppercase; color: rgb(76, 121, 181);}
.research-content .rstat span{display: block; font-size: 14px; color: rgb(103, 122, 144); margin-top: 3px;}
.research-content .catalog-head{display: grid; grid-template-columns: 1fr auto; gap: 25px; align-items: end; margin-bottom: 22px;}
.research-content .resource-types{display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px;}
.research-content .rtype{padding: 16px; min-height: 170px;}
.research-content .rtype .ico{width: 27px; height: 27px; color: var(--blue);}
.research-content .rtype h3{font-size: 14px; margin: 12px 0px 5px;}
.research-content .rtype p{font-size: 14px; line-height: 1.45; color: rgb(102, 121, 143); margin: 0px 0px 12px;}
.research-content .featured-grid{display: grid; grid-template-columns: repeat(6, 1fr); gap: 11px;}
.research-content .resource-card{overflow: hidden;}
.research-content .resource-card .pic{height: 100px; background-size: cover; background-position: center center;}
.research-content .resource-card .body{padding: 12px;}
.research-content .resource-card .tag{display: inline-flex; font-size: 14px; padding: 4px 7px; border-radius: 999px; background: rgb(221, 244, 255); color: rgb(23, 106, 154); font-weight: 700;}
.research-content .resource-card h3{font-size: 14px; line-height: 1.18; margin: 8px 0px 5px;}
.research-content .resource-card p{font-size: 14px; line-height: 1.4; color: rgb(101, 119, 141); min-height: 50px;}
.research-content .provenance{background: rgb(246, 249, 253); border: 1px solid var(--line); border-radius: 7px; padding: 20px; display: grid; grid-template-columns: repeat(7, 1fr); gap: 0px;}
.research-content .prov{padding: 3px 16px; border-left: 1px solid var(--line);}
.research-content .prov:first-child{border-left: 0px;}
.research-content .prov .ico{color: rgb(88, 115, 145);}
.research-content .prov small{display: block; font-size: 14px; color: rgb(106, 123, 145); margin: 6px 0px 4px;}
.research-content .prov strong{font-size: 14px;}
.research-content .boundary{display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: 22px; align-items: stretch;}
.research-content .boundary-copy{padding-right: 30px;}
.research-content .boundary-card{padding: 20px; background: rgb(238, 246, 255); border-radius: 7px;}
.research-content .boundary-card.protected{background: rgb(238, 241, 245);}
.research-content .boundary-card h3{font-size: 14px; margin: 0px 0px 8px; display: flex; align-items: center; gap: 8px;}
.research-content .boundary-card ul{margin: 0px; padding-left: 18px; color: rgb(86, 107, 131); font-size: 14px; line-height: 1.75;}
.research-content .contribute-band{display: grid; grid-template-columns: 1.5fr repeat(3, 1fr) auto; gap: 20px; align-items: center;}
.research-content .contrib-opt{display: flex; gap: 11px; align-items: flex-start;}
.research-content .contrib-opt .ico{width: 25px; height: 25px; color: var(--blue);}
.research-content .contrib-opt h3{font-size: 14px; margin: 0px 0px 3px;}
.research-content .contrib-opt p{font-size: 14px; margin: 0px; color: rgb(101, 120, 142);}
@media (max-width: 1000px) {.research-content .resource-types,.research-content .featured-grid{grid-template-columns: repeat(3, 1fr);}
.research-content .provenance{grid-template-columns: repeat(4, 1fr); gap: 15px;}
.research-content .prov{border-left: 0px;}
.research-content .boundary{grid-template-columns: 1fr 1fr;}
.research-content .boundary-copy{grid-column: 1 / -1;}
.research-content .contribute-band{grid-template-columns: 1fr 1fr;}}
@media (max-width: 620px) {.research-content .resource-stats,.research-content .resource-types,.research-content .featured-grid,.research-content .provenance,.research-content .boundary,.research-content .contribute-band{grid-template-columns: 1fr;}
.research-content .catalog-head{grid-template-columns: 1fr;}
.research-content .hero-badges{flex-direction: column; gap: 10px;}}