.info-hero { padding: 72px 0; background: #f4f2ed; }
.info-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr); gap: 52px; align-items: center; }
.info-hero h1 { max-width: 860px; margin: 14px 0 18px; font: 900 clamp(42px, 5vw, 76px)/.98 var(--display); letter-spacing: -.055em; }
.info-hero p { max-width: 760px; font-size: 19px; line-height: 1.65; color: var(--muted); }
.info-hero img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 22px; }
.info-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.info-card-section, .info-detail-section, .research-section { padding: 72px 0; }
.info-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.info-card-grid article { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.info-card-grid h2, .info-detail-grid h2 { margin: 0 0 12px; font: 800 25px/1.1 var(--display); letter-spacing: -.025em; }
.info-card-grid p, .info-detail-grid p { color: var(--muted); line-height: 1.65; }
.info-card-grid a, .research-grid article a { display: inline-block; margin-top: 14px; font-weight: 800; }
.info-detail-section { background: var(--ink); color: #fff; }
.info-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 44px; }
.info-detail-grid p { color: rgba(255,255,255,.72); }
.research-hero { text-align: left; }
.research-heading { display: grid; grid-template-columns: 240px 1fr; gap: 24px; margin-bottom: 30px; align-items: start; }
.research-heading h2 { margin: 0; font: 850 clamp(31px, 4vw, 52px)/1 var(--display); letter-spacing: -.045em; }
.research-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.research-grid article { overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.research-grid article img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.research-grid article div { padding: 22px; }
.research-grid h3 { margin: 0; font: 800 23px/1.12 var(--display); letter-spacing: -.025em; }
.research-grid p { color: var(--muted); line-height: 1.55; }
@media (max-width: 900px) { .info-hero-grid, .research-heading { grid-template-columns: 1fr; } .info-card-grid, .research-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .info-hero { padding: 48px 0; } .info-hero-grid, .info-card-grid, .info-detail-grid, .research-grid { grid-template-columns: 1fr; } .info-hero h1 { font-size: 42px; } }