.research-hero-link { display:inline-block; margin-top:16px; color:#a8c6df; font-size:12px; line-height:1.7; text-decoration:none; }
.research-hero-link:hover { color:#7eecc7; }
.research-home { padding-block:35px 65px; }
.research-heading { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:60px; margin-bottom:30px; }
.research-heading h2 { margin:0; }.research-heading h2 em { font-style:normal; color:#9bcdf4; }
.research-heading > p { font-size:15px; line-height:1.8; color:#aac1ce; margin:0 0 4px; }
.research-position { display:flex; align-items:center; gap:22px; border:1px solid #334e64; border-radius:15px; background:linear-gradient(100deg,#193346,#0b1b27); padding:24px 28px; margin-bottom:28px; }
.research-symbol { width:46px; height:46px; border:1px solid #547b93; border-radius:12px; display:grid; place-items:center; flex-shrink:0; font:600 29px Manrope,sans-serif; color:#a9d7ee; }
.research-position > div { flex:1; }.research-position strong { font-size:16px; color:#e2f0fa; }.research-position p { font-size:13px; color:#a7c0cf; line-height:1.8; margin:7px 0 0; max-width:650px; }
.research-position > a { max-width:170px; font-size:12px; color:#b5ddf7; text-decoration:none; line-height:1.7; flex-shrink:0; }
.research-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:24px; }
.research-card { min-width:0; overflow:hidden; border:1px solid #36536a; border-radius:20px; background:#0e202d; }
.research-card figure { margin:0; background:#112539; border-bottom:1px solid #304a60; }
.research-card figure img { display:block; width:100%; height:auto; }
.research-card figcaption { display:flex; justify-content:space-around; gap:12px; padding:12px 18px; color:#a4c4dc; font-size:11px; background:#0c1d2b; }
.research-copy { padding:27px 30px 0; }.research-kind { color:#9fc5e6; font-size:10px; text-transform:uppercase; letter-spacing:.1em; line-height:1.8; }
.research-copy h3 { margin:15px 0; font:600 clamp(23px,2.3vw,30px)/1.28 Manrope,sans-serif; letter-spacing:-.035em; color:#edf6fb; }
.research-copy > p { font-size:14px; line-height:1.8; color:#acc3d1; margin:0 0 22px; min-height:100px; }
.research-card details { border-top:1px solid #304b5d; }.research-card summary,.engineering-card summary { list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:15px; color:#b1dff8; font-size:13px; font-weight:600; padding:20px 0; line-height:1.6; }
.research-card summary::-webkit-details-marker,.engineering-card summary::-webkit-details-marker { display:none; }
.research-card summary > span,.engineering-card summary > span { font-size:20px; font-weight:400; }
.research-card details[open] summary > span,.engineering-card details[open] summary > span { transform:rotate(45deg); }
.research-expanded { padding:0 0 24px; }.research-expanded p { color:#b6c9d5; font-size:13px; line-height:1.8; }.research-expanded strong { color:#e0edf5; }
.research-expanded a { display:inline-block; color:#8fd8ed; font-size:12px; line-height:1.8; text-underline-offset:4px; }
.research-references { display:flex; flex-wrap:wrap; gap:16px; margin-top:18px; }
.osi-layers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 35px; padding-left:24px; color:#c4deed; font-size:12px; line-height:1.7; }
.tsg-card { border-color:#3c6158; }.tsg-card .research-kind { color:#9ddbc4; }.tsg-card summary { color:#9fe3cd; }
.continuity-card { border-color:#64553d; }.continuity-card .research-kind { color:#dec48e; }.continuity-card summary { color:#e2cb9c; }
.school-card { border-color:#514d6f; }.school-card .research-kind { color:#c2b5e8; }.school-card summary { color:#cbbbeb; }
.research-foot { display:flex; align-items:center; gap:24px; flex-wrap:wrap; border-bottom:1px solid #29434f; padding:24px 0; }
.research-foot p { flex:1; font-size:11px; color:#849fab; margin:0; }.research-foot a { font-size:12px; color:#a9d5df; text-decoration:none; }
.engineering-home { padding-block:0 60px; }.engineering-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; gap:18px; }
.engineering-card { overflow:hidden; border:1px solid #314854; border-radius:17px; background:#0c1b25; min-width:0; }
.engineering-art { height:170px; margin:0; position:relative; background:#07121c; border-bottom:1px solid #304450; }
.engineering-art > img { display:block; width:100%; height:100%; object-fit:cover; }.engineering-art figcaption { position:absolute; bottom:0; left:0; right:0; padding:8px 10px; background:#08151fe8; color:#b5cbd7; text-align:center; font-size:9px; line-height:1.6; pointer-events:none; }
.blackbox-art { background:radial-gradient(ellipse at center,#203a4c,#071019); }.blackbox-art > img,.container-art > img { width:85px; height:85px; position:absolute; top:27px; left:calc(50% - 42px); object-fit:contain; }
.container-art { background:radial-gradient(ellipse at center,#463722,#16191c); }
.server-art button { width:100%; height:100%; background:transparent; padding:0; border:0; cursor:zoom-in; }.server-art button img { width:100%; height:100%; object-fit:cover; object-position:top; display:block; }
.engineering-copy { padding:21px 20px 0; }.engineering-state { display:inline-block; color:#e4c38a; font-size:9px; border:1px solid #6c583a; border-radius:5px; padding:4px 7px; line-height:1.6; }
.engineering-copy h3 { font:600 24px Manrope,sans-serif; letter-spacing:-.035em; margin:16px 0 9px; color:#ecf4f7; }.engineering-copy > strong { display:block; color:#b4d9ce; font-size:12px; line-height:1.65; min-height:40px; }
.engineering-copy > p { color:#a5bfcc; font-size:13px; line-height:1.8; min-height:140px; margin:13px 0 18px; }
.engineering-card details { border-top:1px solid #294550; }.engineering-card summary { color:#9dd8c4; font-size:11px; padding:17px 0; }
.engineering-card details > div { padding-bottom:18px; }.engineering-card details p { color:#b5cbd5; font-size:12px; line-height:1.8; }.engineering-card details a { color:#a5e6d1; font-size:12px; line-height:1.7; text-underline-offset:4px; }
.research-to-product { display:flex; align-items:center; gap:20px; padding:24px; border:1px solid #315d4f; border-radius:15px; margin-top:24px; background:linear-gradient(100deg,#16352d,#0b1e25); }.research-to-product > div { flex:1; }.research-to-product strong { font-size:15px; color:#dcf4eb; }.research-to-product p { font-size:13px; color:#a4c5b8; margin:7px 0 0; }.research-to-product > img { flex-shrink:0; }.research-to-product .v4-button { font-size:10px; }
.research-news { display:grid; grid-template-columns:1.25fr 1fr 1fr .7fr; align-items:center; gap:25px; padding-block:25px 65px; }.home18 .research-news h2 { font-size:24px; margin:0; }.research-news .v4-kicker { font-size:9px; }.research-news > a { font-size:13px; line-height:1.8; color:#a9c8d5; text-decoration:none; border-left:1px solid #344b56; padding-left:22px; }.research-news > a:hover { color:#78e4bd; }
@media(max-width:1050px) { .research-heading { gap:30px; }.engineering-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.engineering-copy > p { min-height:75px; }.engineering-copy > strong { min-height:0; }.research-news { grid-template-columns:1fr 1fr; } }
@media(max-width:760px) { .research-heading { grid-template-columns:1fr; gap:20px; }.research-position { flex-wrap:wrap; padding:22px; gap:16px; }.research-position > div { flex-basis:calc(100% - 65px); }.research-position > a { max-width:none; margin-left:62px; }.research-grid { grid-template-columns:1fr; gap:20px; }.research-copy { padding:24px 23px 0; }.research-copy > p { min-height:0; }.research-kind { font-size:9px; }.research-home { padding-block:40px 45px; }.research-foot { align-items:start; gap:18px; }.research-foot p { flex-basis:100%; }.engineering-grid { grid-template-columns:1fr; }.engineering-card { display:grid; grid-template-columns:100px 1fr; align-items:start; }.engineering-art { height:136px; border:0; margin-top:20px; }.engineering-art figcaption { font-size:8px; }.blackbox-art > img,.container-art > img { width:65px; height:65px; left:calc(50% - 32px); top:12px; }.engineering-copy { padding:20px 18px 0; }.engineering-copy h3 { font-size:22px; }.engineering-copy > p { min-height:0; font-size:12px; }.engineering-state { font-size:8px; }.research-to-product { flex-wrap:wrap; padding:22px; }.research-to-product > div { flex-basis:calc(100% - 65px); }.research-to-product .v4-button { width:100%; }.research-news { grid-template-columns:1fr; gap:18px; padding-bottom:45px; }.research-news > a { padding:0 0 15px; border:0; border-bottom:1px solid #263f4b; }.osi-layers { grid-template-columns:1fr; } }

.research-applications { margin-top:60px; }.research-applied-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }.applied-card figure img { aspect-ratio:2.4; object-fit:cover; }.applied-card .research-copy h3 { font-size:25px; }.applied-card figcaption { text-align:center; line-height:1.6; }.applied-card .research-copy > p { min-height:100px; }
@media(max-width:760px) { .research-applied-grid { grid-template-columns:1fr; }.research-applications { margin-top:45px; }.applied-card .research-copy > p { min-height:0; } }

/* Photographic editorial illustrations, September 2026. */
.research-image-button { display:block; width:100%; padding:0; border:0; background:#081622; cursor:zoom-in; position:relative; color:#dff8ed; }.research-image-button img { display:block; width:100%; height:auto; }.image-zoom-hint { position:absolute; bottom:13px; right:14px; border:1px solid #b4dbc64d; background:#041720df; border-radius:20px; padding:7px 12px; font:600 10px/1.5 Manrope,sans-serif; }.research-image-button:hover .image-zoom-hint { background:#1d5548; }.research-image-button:focus-visible { outline:3px solid #86eec8; outline-offset:-4px; }.research-card .research-visual img,.applied-card .research-visual img { aspect-ratio:3/2; object-fit:contain; }.research-card.osi-card,.research-card.tsg-card { grid-column:1/-1; display:grid; grid-template-columns:1.35fr 1fr; align-items:start; }.research-card.osi-card > figure,.research-card.tsg-card > figure { border-bottom:0; border-right:1px solid #304a60; height:100%; }.research-card.osi-card .research-copy,.research-card.tsg-card .research-copy { padding:30px 30px 0; }.research-card.osi-card .research-copy > p,.research-card.tsg-card .research-copy > p { min-height:0; }.framework-covers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:18px 18px 0; background:#112539; }.framework-covers a { display:flex; flex-direction:column; align-items:center; text-decoration:none; background:#eef1f5; border-radius:10px; padding:12px 8px; text-align:center; transition:transform .18s; }.framework-covers a:hover { transform:translateY(-4px); }.framework-covers img { width:100%!important; height:115px!important; object-fit:contain!important; aspect-ratio:auto!important; }.framework-covers strong { color:#173048; font-size:11px; margin-top:10px; }.framework-covers span { color:#43556a; font-size:9px; line-height:1.5; margin-top:4px; }.framework-caption { margin:0; padding:12px 18px 17px; font-size:9px; line-height:1.6; color:#a7bed2; text-align:center; }.engineering-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.engineering-art { height:auto; aspect-ratio:3/2; }.engineering-art .research-image-button { height:100%; }.engineering-art .research-image-button img { height:100%; width:100%; object-fit:contain; }.engineering-art figcaption { position:static; }.engineering-art .image-zoom-hint { bottom:15px; }.engineering-copy { padding-top:38px; }.engineering-copy > p { min-height:70px; }.server-art button img { object-fit:cover; object-position:top; }.research-card { scroll-margin-top:105px; }
@media(max-width:850px) { .research-card.osi-card,.research-card.tsg-card { display:block; }.research-card.osi-card > figure,.research-card.tsg-card > figure { height:auto; border-right:0; border-bottom:1px solid #304a60; }.research-card.osi-card .research-copy,.research-card.tsg-card .research-copy { padding:25px 24px 0; } }
@media(max-width:760px) { .engineering-grid { grid-template-columns:1fr; }.engineering-card { display:block; }.engineering-art { margin-top:0; height:auto; }.engineering-copy { padding:38px 23px 0; }.framework-covers { gap:8px; padding:12px 12px 0; }.framework-covers img { height:90px!important; }.framework-covers strong { font-size:10px; }.framework-covers span { font-size:8px; }.image-zoom-hint { font-size:9px; padding:5px 9px; bottom:8px; right:8px; } }

.osi-mobile-view { display:none; }.visual-view-tabs { display:flex; gap:8px; padding:12px; background:#091c2a; }.visual-view-tabs button { flex:1; padding:12px 8px; border:1px solid #426079; border-radius:8px; background:#102a3e; color:#b5d9ee; font:600 13px Manrope,sans-serif; cursor:pointer; }.visual-view-tabs button[aria-selected=true] { background:#b4efdb; border-color:#b4efdb; color:#113c31; }.visual-half { overflow:hidden; aspect-ratio:3/4; position:relative; }.osi-card .visual-half img { width:200%; max-width:none; height:auto; aspect-ratio:3/2; display:block; }.visual-half-right img { transform:translateX(-50%); }
@media(max-width:600px) { .osi-card .research-visual:has(.osi-mobile-view.enhanced) > .research-image-button { display:none; }.osi-mobile-view.enhanced { display:block; } }