/* NPG ResearchLab — standalone public presentation, 2026-10-25 */
.researchlabPage{background:radial-gradient(circle at 65% 0,rgba(16,88,125,.25),transparent 36%),linear-gradient(145deg,#06131f,#0a2033);overflow-x:hidden}
.researchlabPage .top{z-index:60}
.researchlabPage .topin{position:relative;gap:12px}
.researchlabPage .top .nav{gap:3px;font-size:11px}
.researchlabPage .top .nav a{padding:7px 8px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.researchlabPage .top .nav a[aria-current="page"]{background:rgba(59,189,220,.16);color:#8ae5ff;box-shadow:inset 0 0 0 1px #317a9f}
.rlHero{padding:66px 0 24px;text-align:center;position:relative;overflow:hidden}
.rlHero:before{content:"";position:absolute;z-index:-1;left:25%;top:-180px;width:60%;height:440px;background:radial-gradient(ellipse,rgba(29,147,196,.18),transparent 70%);pointer-events:none}
.rlHeroInner{max-width:1000px}
.rlKicker{color:#66defa;letter-spacing:.16em;font-size:12px;font-weight:950;margin-bottom:13px}
.rlHero h1{font-size:clamp(48px,7vw,86px);letter-spacing:-.055em;line-height:1;max-width:100%;margin:0 0 20px}
.rlHero h1 span{background:linear-gradient(90deg,#4cbfff,#76f1dc);-webkit-background-clip:text;background-clip:text;color:transparent}
.rlLead{font-size:clamp(20px,2.6vw,28px);font-weight:750;color:#d9f7ff;margin:0 0 16px}
.rlIntro{font-size:16px;color:#bfd6e3;max-width:850px;line-height:1.8;margin:0 auto}
.rlTags{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:23px auto 0}
.rlTags span{font-size:12px;color:#a5edff;border:1px solid #337793;border-radius:999px;background:#0e3149;padding:7px 12px}
.rlHero .actions{justify-content:center;margin:27px 0 0}
.rlHero .actions a{min-width:180px}
.rlSafety{max-width:900px;text-align:left;margin:31px auto 0;padding:15px 19px;border-left:4px solid #59ddca;background:rgba(16,71,89,.36);border-radius:10px;color:#c7e5e9;line-height:1.68;font-size:13px}
.rlVisualSection{padding-top:22px;padding-bottom:54px}
.rlFigure{margin:0;border-radius:20px;overflow:hidden;border:1px solid #26516c;background:#081c2e;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.rlFigure img{display:block;width:100%;height:auto}
.rlFigure figcaption{padding:11px 17px;background:#0d2a42;color:#aac9d9;font-size:12px;line-height:1.6}
.rlLeadIllustration{max-width:1050px;margin:auto}
.rlGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rlFeature{border:1px solid #2a4e69;background:linear-gradient(145deg,rgba(19,53,79,.7),rgba(8,28,45,.75));padding:23px;border-radius:16px;min-height:242px;display:flex;flex-direction:column;align-items:flex-start}
.rlFeatureIcon{font-size:26px;color:#4fd7ef;line-height:1;display:block}
.rlFeature h3{font-size:20px;margin:14px 0 9px;line-height:1.2}
.rlFeature p{font-size:14px;color:#b7cfdf;line-height:1.65;margin:0 0 18px}
.rlReady,.rlPlanned{margin-top:auto;display:inline-block;font-size:11px;border-radius:999px;padding:5px 9px}
.rlReady{color:#78ecc7;background:#164335;border:1px solid #226a58}
.rlPlanned{color:#e2c3ff;background:#3a2d51;border:1px solid #63547a}
.rlSplit{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}
.rlSplit .rlFigure{align-self:start}
.rlDataBox{padding:26px;border-radius:18px;border:1px solid #2b5d77;background:linear-gradient(145deg,rgba(18,68,89,.68),rgba(9,30,49,.95))}
.rlState{display:inline-flex;font-size:11px;letter-spacing:.08em;font-weight:800;color:#69dfff}
.rlDataBox h3{font-size:24px;line-height:1.2;margin:11px 0 16px}
.rlDataBox p{font-size:14px;color:#c2dbe6;line-height:1.74;margin:0 0 14px}
.rlPhotoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rlPhoto{margin:0;border:1px solid #2b5470;border-radius:16px;overflow:hidden;background:#0a2438}
.rlPhoto img{width:100%;height:310px;object-fit:cover;display:block}
.rlPhoto figcaption{padding:16px 19px;display:grid;gap:6px}
.rlPhoto strong{font-size:18px;color:#eefaff}
.rlPhoto span{font-size:13px;color:#adc7d9;line-height:1.6}
.rlSourceNote{padding:14px 18px;border-left:3px solid #6de1ee;color:#b1d0dd;background:#0b2941;margin:25px 0 14px;border-radius:9px;font-size:13px;line-height:1.6}
.rlMoreLink{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.rlUseGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rlUseGrid article{padding:19px;border:1px solid #28516b;border-radius:15px;background:#0b273d}
.rlUseGrid span{font-size:30px;font-weight:900;color:#52d8f1}
.rlUseGrid h3{font-size:17px;line-height:1.25;margin:12px 0 9px}
.rlUseGrid p{font-size:13px;line-height:1.7;color:#bbd0e0;margin:0}
.rlCallout{border:1px solid #3a6681;border-radius:17px;background:linear-gradient(100deg,rgba(26,90,123,.35),rgba(13,43,62,.6));padding:22px 28px;margin:24px 0 0}
.rlCallout h3{font-size:22px;color:#7de3f8;margin:0 0 8px}
.rlCallout p{margin:0;font-size:15px;line-height:1.8;color:#d1e9f6}
.rlBottom{padding-top:28px}
.rlBottomBox{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 30px;border:1px solid #285c7a;border-radius:20px;background:linear-gradient(120deg,#0e3d58,#0e263d)}
.rlBottomBox h2{font-size:clamp(22px,3vw,31px);margin:9px 0 8px}
.rlBottomBox p{color:#b8d0e2;margin:0}
@media(max-width:1210px){.researchlabPage .menuBtn{display:block}.researchlabPage .nav{display:none;position:absolute;top:70px;left:0;right:0;z-index:75;background:#081e2e;padding:15px;border:1px solid #28516b;border-radius:0 0 13px 13px;box-shadow:0 20px 40px rgba(0,0,0,.28)}.researchlabPage .nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.researchlabPage .top .nav a{justify-content:center;padding:12px 9px;min-height:43px}}
@media(max-width:900px){.rlGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rlUseGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rlSplit{grid-template-columns:1fr}.rlSplit .rlFigure{max-width:900px}}
@media(max-width:720px){.rlHero{padding:44px 0 14px}.rlIntro{font-size:14px}.rlSafety{margin-top:22px}.rlHero .actions a{min-width:0;width:100%}.rlTags{gap:6px}.rlTags span{font-size:11px}.rlGrid,.rlPhotoGrid,.rlUseGrid{grid-template-columns:1fr}.rlFeature{min-height:0;padding:19px}.rlPhoto img{height:260px}.rlDataBox{padding:20px}.rlBottomBox{flex-direction:column;text-align:center;padding:24px 17px}.researchlabPage .nav{top:64px!important}.researchlabPage .nav.open{grid-template-columns:1fr}.rlKicker{font-size:10px}.rlHero h1{font-size:clamp(43px,11vw,60px)}.rlFigure figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.researchlabPage *{scroll-behavior:auto}}

/* Short ResearchLab introduction on the Robotics NPG homepage */
.homeResearchLab{border-block:1px solid rgba(82,208,238,.13);background:linear-gradient(115deg,rgba(15,73,105,.33),rgba(5,24,39,.63))}
.homeResearchInner{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:34px;align-items:center}
.homeResearchVisual{overflow:hidden;border:1px solid #30647e;border-radius:19px;background:#071d30;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.homeResearchVisual img{width:100%;height:auto;display:block}
.homeResearchCopy h2{font-size:clamp(29px,4.2vw,47px);line-height:1.1;letter-spacing:-.035em;margin:10px 0 15px}
.homeResearchCopy>p{color:#bfd9e7;font-size:15px;line-height:1.7;margin:0 0 13px}
.homeResearchCopy .homeResearchNote{font-size:12px;color:#9bbaca;margin-bottom:21px}
.homeResearchCopy .btn{min-height:43px}
@media(max-width:860px){.homeResearchInner{grid-template-columns:1fr}.homeResearchVisual{max-width:700px}.homeResearchCopy{text-align:center}}

/* Compact phones: keep the project name legible without horizontal clipping. */
@media(max-width:720px){
  .researchlabPage .rlHero h1{line-height:1.08}
  .researchlabPage .rlHero h1 span{display:block;font-size:.93em}
  .researchlabPage .rlKicker{letter-spacing:.09em;line-height:1.5}
  .researchlabPage .rlHeroInner{min-width:0}
}

/* Promotional generated imagery – featured at the top, 2026-10-26 */
.researchlabPage .rlHeroInner{max-width:1180px}
.rlMainArtwork,.rlThumbCard{margin:25px 0 0;overflow:hidden;border:1px solid #35748e;border-radius:20px;background:#07192b;text-align:left;box-shadow:0 20px 55px rgba(0,0,0,.28)}
.rlMainArtwork img,.rlThumbCard img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
.rlMainArtwork figcaption,.rlThumbCard figcaption{display:block;background:#0d2c45;padding:13px 17px;color:#bfdae9;font-size:13px;line-height:1.6;text-align:left}
.rlThumbGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0;overflow:visible}
.rlThumbCard strong{display:block;font-size:16px;color:#f1faff}
.rlThumbCard span{display:block;font-size:12px;color:#b8d4e5;line-height:1.5;margin-top:3px}
.rlGeneratedNote{margin:23px auto 24px;max-width:1040px;color:#b4cedd;background:rgba(19,66,89,.45);border-left:3px solid #4fd3db;border-radius:7px;padding:10px 15px;font-size:12px;line-height:1.6;text-align:left}
.researchlabPage .rlHero .rlIntro{margin-top:17px}
.researchlabPage .rlVisualSection{padding-top:36px}
@media(max-width:620px){
 .rlMainArtwork,.rlThumbCard{margin-top:17px;border-radius:12px}
 .rlMainArtwork figcaption,.rlThumbCard figcaption{padding:11px 12px;font-size:12px}
 .rlThumbCard strong{font-size:14px}
 .rlThumbCard span{font-size:12px}
 .rlGeneratedNote{font-size:11px}
 .researchlabPage .rlHero .rlIntro{margin-top:18px}
}