.research-home { background: #eaf3ec; }
.research-home__intro { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(280px,.65fr); gap: 5vw; align-items: end; margin-bottom: 54px; }
.research-home__intro h2 { max-width: 850px; margin: 20px 0 0; }
.research-home__intro p { max-width: 490px; color: #405d4c; font-size: clamp(17px,1.6vw,21px); }
.research-home__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.research-home__card { position: relative; min-height: 410px; padding: clamp(28px,3vw,46px); display: flex; flex-direction: column; border: 1px solid #c8dacf; border-radius: 21px; background: #f9fcf9; transition: transform .2s ease, box-shadow .2s ease; }
.research-home__card:first-child { background: #0d3027; border-color: #0d3027; color: #f5fff7; }
.research-home__card:hover { transform: translateY(-4px); box-shadow: 0 24px 44px #123e301c; }
.research-home__meta { color: #318958; font-size: 12px; line-height: 1.5; font-weight: 800; letter-spacing: .065em; text-transform: uppercase; }
.research-home__card:first-child .research-home__meta { color: #84eca9; }
.research-home__card h3 { margin: 42px 0 20px; font-size: clamp(28px,2.6vw,42px); line-height: 1.12; }
.research-home__card p { margin: 0 0 28px; color: #506557; font-size: 16px; line-height: 1.58; }
.research-home__card:first-child p { color: #d0e9d8; }
.research-home__arrow { margin-top: auto; font-size: 30px; color: #1c7c4c; }
.research-home__card:first-child .research-home__arrow { color: #7bff9c; }
.research-home__note { margin: 24px 0 0; color: #536958; font-size: 13px; }
.research-journal { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.35fr); gap: 8vw; align-items: end; background: #eaf3ec; }
.research-journal h2 { max-width: 850px; margin: 20px 0; }
.research-journal p { max-width: 640px; color: #455f4f; font-size: 18px; }
.research-journal__aside { display: grid; gap: 19px; padding-bottom: 15px; font-size: 12px; font-weight: 800; letter-spacing: .09em; color: #26774a; }
.research-hero { position: relative; min-height: 650px; display: flex; align-items: center; overflow: hidden; padding: 165px 7% 95px; background: radial-gradient(circle at 86% 30%,#2e8f71,transparent 37%),linear-gradient(115deg,#08271f,#154e3e); color: #fff; }
.research-hero > div { position: relative; z-index: 1; max-width: 920px; }
.research-hero__back { display: block; width: fit-content; margin-bottom: 60px; color: #bdf2cf; font-size: 15px; font-weight: 700; }
.research-hero h1 { margin: 20px 0 32px; font-size: clamp(58px,6.7vw,98px); line-height: 1.02; }
.research-hero p { max-width: 720px; color: #d4eee0; font-size: clamp(18px,1.8vw,23px); }
.research-hero__mark { position: absolute; right: -4%; bottom: -17%; color: #ffffff10; font-size: clamp(250px,32vw,570px); font-weight: 800; letter-spacing: -.13em; line-height: 1; }
.research-list { background: #f7faf7; }
.research-entry { display: grid; grid-template-columns: minmax(95px,.3fr) minmax(0,1fr); gap: 4vw; padding: 55px 0 70px; border-bottom: 1px solid #c7d8cd; scroll-margin-top: 120px; }
.research-entry:first-child { padding-top: 10px; }
.research-entry__index { color: #188a4e; font-size: clamp(44px,5vw,72px); line-height: 1; font-weight: 500; letter-spacing: -.07em; }
.research-entry__meta { margin: 0 0 22px; color: #247947; font-size: 12px; font-weight: 800; letter-spacing: .09em; }
.research-entry h2 { max-width: 950px; margin: 0 0 24px; font-size: clamp(42px,5vw,75px); }
.research-entry__summary { max-width: 900px; color: #2f493a; font-size: clamp(19px,2vw,25px); line-height: 1.48; }
.research-entry__columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4vw; margin-top: 45px; }
.research-entry__columns h3 { margin: 0 0 10px; font-size: 16px; font-weight: 800; letter-spacing: -.02em; }
.research-entry__columns p { color: #53685a; font-size: 16px; line-height: 1.63; }
.research-entry__source { display: inline-block; margin-top: 31px; border-bottom: 2px solid #24a45a; padding-bottom: 7px; color: #0f6136; font-size: 16px; font-weight: 700; }
.research-method { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; background: #eaf3ec; }
.research-method h2 { margin: 19px 0; }
.research-method p { color: #405c4a; font-size: 18px; line-height: 1.65; }
.research-method__date { font-size: 14px !important; font-weight: 700; }
@media (max-width: 900px) { .research-home__grid { grid-template-columns: 1fr 1fr; } .research-home__card:last-child { grid-column: 1/-1; min-height: 300px; } }
@media (max-width: 700px) { .research-home__intro,.research-journal,.research-method { grid-template-columns: 1fr; gap: 18px; } .research-home__grid { grid-template-columns: 1fr; } .research-home__card,.research-home__card:last-child { grid-column: auto; min-height: 340px; } .research-home__card h3 { margin-top: 30px; } .research-journal__aside { display: none; } .research-hero { min-height: 570px; padding: 145px 5% 80px; } .research-hero__back { margin-bottom: 40px; } .research-hero h1 { font-size: clamp(50px,11vw,68px); } .research-hero__mark { bottom: -7%; } .research-entry { grid-template-columns: 1fr; gap: 12px; padding: 38px 0 55px; } .research-entry__columns { grid-template-columns: 1fr; gap: 15px; } }
@media (prefers-reduced-motion: reduce) { .research-home__card { transition: none; } }