/* Panoramic industrial corporate design, concept 02. */
:root{--navy:#05334a;--ink:#103449;--blue:#0087b0;--pale:#edf5f8}
.panorama-hero{position:relative;overflow:hidden;background:#062c48;color:white}.panorama-backdrop{position:absolute;inset:0;pointer-events:none}.panorama-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#052d49 0%,#052d49 44%,#052d49ed 47%,#052d4980 56%,transparent 78%)}.panorama-hero-inner{position:relative;padding-block:65px 110px;min-height:680px;display:flex;align-items:center}.panorama-intro{width:44%;max-width:560px}.panorama-intro .eyebrow{color:#e0edf5;font-size:13px;text-transform:uppercase;font-weight:500;margin:0 0 30px}.panorama-intro h1{font-size:clamp(52px,5.4vw,79px);font-weight:500;line-height:1.01;letter-spacing:-.035em;margin:0 0 28px}.panorama-description{font-size:15px;line-height:1.75;margin:0 0 28px;max-width:485px;color:#f2f6fa}.panorama-actions{display:flex;gap:18px;flex-wrap:wrap}.panorama-outline{color:white;border:1px solid white;background:transparent}.panorama-outline:hover{background:#ffffff18}
.panorama-services{position:relative;z-index:2;margin-top:-62px;padding-bottom:55px;background:linear-gradient(transparent 62px,var(--pale) 62px)}.panorama-service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:#fff;box-shadow:0 15px 30px #123e531c;border-radius:5px;padding:26px 15px}.panorama-service{padding:12px 13px;text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:start;gap:20px}.panorama-service:last-child{border:0}.panorama-service svg{width:49px;height:49px;fill:none;stroke:var(--blue);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.panorama-service h3{font-size:15px;font-weight:600;line-height:1.3;margin:0}.panorama-service:hover{background:#eff7fa;color:var(--blue)}
.home-page .home-riken{background:var(--pale);padding:0 0 30px}.home-page .home-riken>.wrap{width:min(1280px,calc(100% - 64px));max-width:1280px}.home-riken-panel{grid-template-columns:1fr 1.12fr;background:var(--pale);color:var(--ink);border-radius:0;min-height:310px}.home-riken-copy{padding:35px 35px 35px 0}.home-riken-copy h2{font-size:clamp(28px,3vw,43px);border-left:5px solid var(--blue);padding-left:22px;font-weight:600}.home-riken-copy .button{background:var(--blue);color:white;margin-left:27px}.home-riken-photo{order:0;aspect-ratio:481/251;min-height:0}.home-page .home-manufacturers{background:var(--navy);color:white;padding:25px 0}.home-manufacturers .home-heading{border-color:#ffffff50}.home-manufacturers .home-heading h2{font-weight:500}.home-manufacturers .text-link{color:#dbf3ff}.home-manufacturer img{filter:brightness(0) invert(1)}.home-manufacturer:hover{background:#ffffff12}.home-page .about{background:var(--pale);padding:40px 0}.home-page .about-layout{grid-template-columns:1fr 1fr;gap:50px;align-items:start}.panorama-about-photo{margin:0;aspect-ratio:451/316;width:100%;position:sticky;top:130px}.home-page .about-mark{display:none}.home-page .about-copy h2{font-size:36px;font-weight:600}.home-page .about-copy .eyebrow{margin-bottom:12px}.home-page .large-copy{font-size:15px;line-height:1.85}.home-page .partners{background:#fff}.home-page .contacts{background:var(--pale)}
/* Inner sections share the navy headings, light image panels and cyan accents. */
.service-page-hero,.manufacturer-hero,.services-directory-head{background:linear-gradient(115deg,#edf5f8,#f8fbfc)}.service-page-title h1,.manufacturer-hero h1{color:var(--navy)}.service-page-title .eyebrow,.manufacturer-hero .eyebrow{color:var(--blue)}.service-page-hero{border-bottom:3px solid var(--navy)}.service-page-image{box-shadow:0 12px 28px #06334913}.service-sidebar{border-top:3px solid var(--blue)}.service-card,.manufacturer-card{border-color:#d5e3ea;box-shadow:0 8px 25px #06334908}.service-card:hover,.manufacturer-card:hover{border-color:var(--blue)}.manufacturer-logo-panel{box-shadow:0 10px 25px #0633490c}footer .footer-brand{background:transparent!important}footer .footer-brand img{filter:brightness(0) invert(1)}
@media(max-width:1100px){.panorama-hero-inner{min-height:610px;padding-top:50px}.panorama-intro{width:47%}.panorama-intro h1{font-size:61px}.panorama-description{font-size:13px}.panorama-service h3{font-size:13px}.panorama-service{padding-inline:9px}.panorama-service-grid{padding-inline:10px}.home-page .about-layout{gap:35px}.home-riken-panel{min-height:260px}}
@media(max-width:800px){.panorama-hero-inner{min-height:580px}.panorama-intro{width:52%}.panorama-intro h1{font-size:51px}.panorama-intro .eyebrow{font-size:10px}.panorama-backdrop:after{background:linear-gradient(90deg,#052d49 0%,#052d49 45%,#052d49cc 60%,transparent 100%)}.panorama-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 0}.panorama-service:nth-child(3){border:0}.panorama-service h3{font-size:14px}.home-riken-copy{padding-right:25px}.home-riken-copy h2{font-size:28px}.home-riken-panel{min-height:240px}}
@media(max-width:650px){.panorama-hero-inner{padding-block:38px 85px;min-height:0}.panorama-intro{width:100%;max-width:none}.panorama-intro .eyebrow{font-size:11px;margin-bottom:24px}.panorama-intro h1{font-size:54px;max-width:350px;margin-bottom:24px}.panorama-description{font-size:14px;line-height:1.8;max-width:360px}.panorama-backdrop{left:0;opacity:.35}.panorama-backdrop:after{background:linear-gradient(90deg,#052d49 0%,#052d49 49%,#052d49dd 70%,#052d4980 100%)}.panorama-services{margin-top:-42px;padding-bottom:28px;background:linear-gradient(transparent 42px,var(--pale) 42px)}.panorama-service-grid{padding:14px 7px;gap:8px 0}.panorama-service{gap:12px;padding:12px 5px}.panorama-service svg{width:37px;height:37px}.panorama-service h3{font-size:12px}.home-page .home-riken>.wrap{width:calc(100% - 32px)}.home-riken-panel{grid-template-columns:1fr;min-height:0}.home-riken-copy{padding:24px 0}.home-riken-copy h2{font-size:29px}.home-riken-photo{aspect-ratio:481/251}.home-page .home-manufacturers{padding:24px 0}.home-manufacturers .home-heading{padding:0}.home-page .about-layout{display:block}.panorama-about-photo{position:static;margin-bottom:30px}.home-page .about-copy h2{font-size:30px}.home-page .large-copy{font-size:14px}.home-page .about{padding:30px 0}}
/* The RIKEN source has an opaque white canvas; retain its lettering on navy. */
.home-manufacturer img[src$="/riken-logo.png"]{filter:grayscale(1) invert(1) brightness(2);mix-blend-mode:screen}
.home-manufacturer img[src$="/riken-logo.png"]{width:300px;height:42px;object-fit:cover;object-position:center}
@media(max-width:650px){.home-manufacturer img[src$="/riken-logo.png"]{width:100%;height:28px}}