/* Image-led direction inspired by the reference site's scale and rhythm, with KIB's own assets. */
.home .site-header{position:absolute;top:0;left:0;right:0;width:100%;background:transparent;border:0;color:#fff;backdrop-filter:none;transition:background .25s,box-shadow .25s}
.home .site-header .brand b,.home .site-header .main-nav>a{color:#fff}
.home .site-header .brand small{color:#b7d4e5}
.home .site-header .main-nav .nav-cta{background:#fff;color:#082b50}
.home .site-header.is-scrolled,.home .site-header.menu-open{position:fixed;background:rgba(255,255,255,.98);box-shadow:0 6px 25px rgba(5,31,56,.09);border-bottom:1px solid #d9e4ec;backdrop-filter:blur(14px)}
.home .site-header.is-scrolled .brand b,.home .site-header.is-scrolled .main-nav>a,.home .site-header.menu-open .brand b,.home .site-header.menu-open .main-nav>a{color:#092644}
.home .site-header.is-scrolled .brand small,.home .site-header.menu-open .brand small{color:#678094}
.home .site-header.is-scrolled .main-nav .nav-cta,.home .site-header.menu-open .main-nav .nav-cta{background:#082b50;color:#fff}
.home .site-header .main-nav>a:hover,.home .site-header.is-scrolled .main-nav>a:hover{color:#38c0e9}
.home .hero{min-height:760px;min-height:100svh;background:linear-gradient(90deg,rgba(2,20,40,.92) 0%,rgba(3,24,46,.78) 30%,rgba(4,27,49,.2) 74%),url('/assets/hero-research.png') center center/cover no-repeat}
.home .hero:after{display:none}
.hero-frame{min-height:760px;min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:center;padding-top:110px;padding-bottom:105px}
.hero-copy{max-width:800px;position:relative;z-index:1}
.hero-kib{display:flex;gap:15px;align-items:center;margin-bottom:40px;color:#d8edf7;font-size:.72rem;letter-spacing:.1em;font-weight:800;line-height:1.55}
.hero-kib img{width:60px;height:60px;object-fit:cover;border-radius:50%;background:#fff}
.home .hero h1{font-size:clamp(3.4rem,6.4vw,6.35rem);line-height:1.17;margin:0 0 28px}
.home .hero h1 em{color:#8ee1f7}
.home .hero-lead{max-width:630px;color:#e3eff6;font-size:1.16rem}
.hero-bottom{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#cfdfeb;font-size:.77rem;font-weight:700;letter-spacing:.1em}
.hero-bottom a{font-size:.9rem;letter-spacing:0}.hero-bottom a span{padding-left:13px}
.concept-note{position:absolute;right:20px;bottom:24px;color:rgba(237,248,252,.78);font-size:.71rem;z-index:2;letter-spacing:0}
.home .hero>.concept-note{right:max(24px,calc((100vw - 1280px)/2));bottom:105px}
.visual-showcase{padding-top:112px;background:#fff}.visual-heading{display:grid;grid-template-columns:1fr 370px;align-items:end;gap:60px;margin-bottom:40px}.visual-heading h2{margin:0}.visual-heading>p{color:#536a7e;margin:0}
.showcase-stage{height:640px;position:relative;overflow:hidden;background:#072646;color:#fff}
.showcase-slide{position:absolute;inset:0;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(3,19,36,.94) 0%,rgba(4,30,53,.78) 36%,rgba(5,36,62,.18) 76%),var(--scene);background-size:cover;background-position:center right;animation:scene-in .45s ease-out both}
.showcase-slide.scene-4{background-position:center 65%}
@keyframes scene-in{from{opacity:.65;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}
.showcase-content{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;padding-top:30px;padding-bottom:120px;position:relative;z-index:1}
.showcase-content>div:first-child{max-width:670px}.showcase-content .eyebrow{color:#98e2f3;margin-bottom:25px}.showcase-content h3{font-size:clamp(3rem,5.6vw,5.5rem);margin:0 0 20px;color:#fff}.showcase-content p:not(.eyebrow){font-size:1.18rem;line-height:1.8;color:#e1eef5;max-width:610px}
.showcase-more{display:inline-block;margin-top:26px;border-bottom:1px solid #bfe5f2;padding-bottom:8px;font-weight:800}.showcase-more span{padding-left:15px}
.showcase-links{display:flex;flex-direction:column;gap:0;min-width:240px;border-top:1px solid rgba(232,247,253,.45);backdrop-filter:blur(2px)}
.showcase-links a{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid rgba(232,247,253,.35);font-size:.89rem;font-weight:700;color:#eef8fb}.showcase-links a:hover{color:#83ddf2}
.showcase-nav{display:flex;gap:28px;align-items:center;justify-content:space-between;margin-top:-50px;position:relative;z-index:4;padding-bottom:45px}
.showcase-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex:1}
.showcase-thumb{display:flex;align-items:center;gap:13px;text-align:left;background:#f2f6f9;border:2px solid #fff;color:#153e5d;padding:8px;min-height:88px;box-shadow:0 8px 25px rgba(2,25,47,.09)}
.showcase-thumb:hover,.showcase-thumb.active{background:#fff;border-color:#49b9de}
.thumb-photo{width:75px;height:68px;flex-shrink:0;background-size:cover;background-position:75% center}
.thumb-copy{display:flex;flex-direction:column;gap:4px}.thumb-copy small{font-size:.69rem;color:#348aab;font-weight:800}.thumb-copy strong{font-size:.96rem;line-height:1.25}
.showcase-arrows{display:flex;gap:8px}.showcase-arrows button{background:#0a3558;border:0;color:#fff;font-size:1.3rem;width:43px;height:43px;border-radius:50%}.showcase-arrows button:hover{background:#1182ae}
.support-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px}.support-layout h2{margin:0}.support-links{display:flex;flex-direction:column;border-top:1px solid #a9c8d9}.support-links a{display:grid;grid-template-columns:145px 1fr 20px;align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid #a9c8d9}.support-links a:hover{color:#087ba8}.support-links span:first-child{font-size:.75rem;color:#237d9f;font-weight:800;letter-spacing:.06em}.support-links strong{font-size:1.04rem}
.inner-page .page-hero{background:linear-gradient(90deg,rgba(3,25,47,.95),rgba(8,43,77,.68),rgba(5,35,60,.3)),url('/assets/product-testing.png') center right/cover no-repeat}
.inner-page .detail-hero{background:linear-gradient(90deg,rgba(3,25,47,.97),rgba(8,43,77,.8),rgba(5,35,60,.4)),url('/assets/microbiology-lab.png') center right/cover no-repeat}
@media(max-width:1020px){.visual-heading{grid-template-columns:1fr 300px}.showcase-content{align-items:flex-start;flex-direction:column;gap:20px}.showcase-links{width:min(100%,600px);display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px}.showcase-stage{height:680px}.thumb-photo{width:55px}.showcase-thumb{gap:8px}}
@media(max-width:720px){.home .site-header .menu-toggle span{background:#fff}.home .site-header.is-scrolled .menu-toggle span,.home .site-header.menu-open .menu-toggle span{background:#082b50}.home .site-header .main-nav.open>a{color:#092644}.home .site-header .main-nav.open .nav-cta{color:#fff}.home .hero{background-position:61% center;min-height:660px;min-height:100svh;background-image:linear-gradient(90deg,rgba(2,18,37,.91),rgba(3,25,47,.62)),url('/assets/hero-research.png')}.hero-frame{min-height:660px;min-height:100svh;padding-top:100px;padding-bottom:80px}.hero-kib{margin-bottom:22px}.hero-kib img{width:47px;height:47px}.home .hero h1{font-size:clamp(2.65rem,9vw,4rem)}.home .hero-lead{font-size:1rem}.hero-bottom{bottom:23px}.hero-bottom>span{display:none}.home .hero>.concept-note{bottom:28px;right:18px}.visual-showcase{padding-top:70px}.visual-heading{display:block;margin-bottom:25px}.visual-heading>p{margin-top:20px}.showcase-stage{height:680px}.showcase-slide{background-position:65% center;background-image:linear-gradient(90deg,rgba(3,19,37,.91),rgba(3,27,49,.51)),var(--scene)}.showcase-content{padding-top:45px;padding-bottom:130px;justify-content:center}.showcase-content h3{font-size:clamp(2.7rem,9vw,4rem)}.showcase-content p:not(.eyebrow){font-size:1rem}.showcase-links{display:flex;gap:0}.showcase-links a{padding:8px 0;font-size:.86rem}.showcase-nav{display:block;margin-top:-55px;padding-bottom:45px}.showcase-thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;padding-bottom:10px}.showcase-thumb{flex:0 0 190px;scroll-snap-align:start;min-height:72px}.thumb-photo{height:52px}.showcase-arrows{justify-content:flex-end;margin-top:12px}.support-layout{grid-template-columns:1fr;gap:30px}.support-links a{grid-template-columns:105px 1fr 20px}}
@media(max-width:480px){.home .hero h1{font-size:2.75rem}.hero-kib span{font-size:.62rem}.showcase-stage{height:710px}.showcase-content{padding-bottom:165px}.showcase-links{min-width:0}.showcase-thumb{flex-basis:165px}.support-links a{grid-template-columns:1fr 22px;gap:3px}.support-links span:first-child{grid-column:1/-1}.support-links strong{grid-column:1}.support-links span:last-child{grid-column:2;grid-row:2}}
@media(prefers-reduced-motion:reduce){.showcase-slide{animation:none}}