/* Brand lock-up and hero artwork refinement. */
.site-header .header-inner{height:118px;align-items:center}
.site-header .brand-stack{position:relative;display:block;width:276px;height:112px;text-decoration:none}
.brand-logo-crop{display:block;width:192px;height:102px;overflow:hidden}
.site-header .brand-stack .brand-logo-crop img{display:block;width:220px;max-width:none;height:auto;transform:translate(-16px,-58px)}
.brand-registration,.footer-registration{font-size:7px;font-weight:600;letter-spacing:.08em;color:#4b5a5f;text-align:left;text-transform:uppercase;white-space:nowrap}
.brand-registration{position:absolute;right:92px;bottom:0}

.hero.hero{min-height:590px;isolation:isolate;overflow:hidden;background:#f7fbfb}
.hero.hero:before,.hero.hero:after{content:none;display:none}
.hero-grid,.hero-orbit{display:none!important}
.hero-content{position:relative;z-index:2;width:min(1304px,calc(100% - 80px));max-width:none;margin-left:auto;margin-right:auto;padding-right:0}
.hero h1{max-width:590px;font-size:clamp(2.65rem,4.3vw,4.35rem);font-weight:400;line-height:1.02;letter-spacing:-.045em}
.hero-copy{max-width:520px;font-size:1.08rem;line-height:1.65}
.hero-company-art{position:absolute;z-index:1;right:0;top:0;width:min(56vw,760px);height:100%;margin:0;overflow:hidden;background:#dcefee;mask-image:linear-gradient(90deg,transparent 0%,#000 23%,#000 100%);animation:hero-photo-in .9s .12s both cubic-bezier(.2,.8,.2,1)}
.hero-company-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-company-art:after{content:"";position:absolute;z-index:2;left:0;top:0;width:31%;height:43%;pointer-events:none;background:radial-gradient(ellipse at 34% 34%,#f7fbfb 0 22%,rgba(247,251,251,.98) 38%,rgba(247,251,251,.72) 55%,rgba(247,251,251,0) 78%)}

#solutions{position:relative;isolation:isolate;overflow:hidden}
#solutions>.section-heading,#solutions>.solution-grid,#solutions>.product-detail-grid{position:relative;z-index:1}
.solutions-linangkit-watermark{position:absolute;z-index:0;right:-125px;top:18px;width:clamp(330px,35vw,520px);aspect-ratio:1;background:url("assets/aki-linangkit-icon.png") center/contain no-repeat;opacity:.07;mix-blend-mode:multiply;pointer-events:none;animation:hero-linangkit-float 14s ease-in-out infinite alternate}

.footer-brand{position:relative;display:block;width:276px;height:112px;min-width:0}
.footer-logo-crop{display:block;width:192px;height:102px;overflow:hidden;margin:0;mix-blend-mode:multiply}
.footer-logo-crop img{display:block;width:220px;max-width:none;height:auto;transform:translate(-16px,-58px)}
.footer-registration{position:absolute;right:92px;top:103px;font-size:7px;margin:0}

/* Premium editorial hierarchy for every section headline. */
.section h2,.cta h2{font-weight:400;letter-spacing:-.045em;text-wrap:balance}
.section-heading h2,.serve-section h2,.about-copy h2,.quality-section h2,.roadmap-section h2,.cta h2{position:relative;padding-bottom:17px}
.section-heading h2:after,.serve-section h2:after,.about-copy h2:after,.roadmap-section h2:after{content:"";position:absolute;left:0;bottom:0;width:52px;height:4px;background:var(--lime)}
.quality-section h2:after,.cta h2:after{content:"";position:absolute;left:0;bottom:0;width:52px;height:4px;background:#b9eeee}
.section h2{font-size:clamp(2.35rem,3.7vw,3.65rem);line-height:1.02}
.section-heading>p{font-size:.98rem;line-height:1.65}
#quality.quality-section{padding-top:68px;padding-bottom:68px}
#quality .quality-card{padding:30px}
#quality .gdpmd-mark{width:min(100%,230px);margin-bottom:18px}

/* Keep the requested section headlines together on wider screens. */
@media(min-width:1001px){
  #solutions .section-heading>div,
  #services .section-heading>div,
  .milestone-section .section-heading>div{flex:1;min-width:0}
  #solutions h2,
  #services h2,
  #about h2,
  .milestone-section h2,
  #quality h2{white-space:nowrap;text-wrap:nowrap}
  #solutions h2,
  #services h2,
  .milestone-section h2{font-size:clamp(2.35rem,3.05vw,3.05rem)}
  #about h2{font-size:clamp(2.25rem,2.8vw,2.8rem)}
  #quality.quality-section{grid-template-columns:1.25fr .75fr;gap:60px}
  #quality h2{font-size:clamp(2rem,2.35vw,2.35rem)}
}
.solution-card h3,.service-grid h3,.roadmap-grid h3,.quality-card h3{font-weight:400;letter-spacing:-.025em}

@keyframes hero-photo-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes hero-mark-drift{from{transform:translate(-8%,-50%) rotate(-8deg)}to{transform:translate(8%,-50%) rotate(9deg)}}
@keyframes hero-linangkit-float{from{transform:translate3d(-14px,-8px,0) rotate(-9deg) scale(1)}to{transform:translate3d(18px,15px,0) rotate(7deg) scale(1.035)}}
@keyframes section-mark-drift{from{transform:rotate(var(--mark-rotate)) translate3d(-4px,-3px,0) scale(1)}to{transform:rotate(var(--mark-rotate)) translate3d(14px,8px,0) scale(1.04)}}

.about-section:before{--mark-rotate:15deg;animation:section-mark-drift 18s ease-in-out infinite alternate}
.roadmap-section:before{--mark-rotate:-16deg;animation:section-mark-drift 20s ease-in-out infinite alternate-reverse}
.milestone-section:after{--mark-rotate:0deg;animation:section-mark-drift 17s ease-in-out infinite alternate}
.quality-section:before{--mark-rotate:-18deg;animation:section-mark-drift 22s ease-in-out infinite alternate-reverse}

@media (max-width:900px){
  .site-header .header-inner{height:110px}
  .site-header .brand-stack{width:242px;height:104px}
  .brand-logo-crop{width:168px;height:90px}
  .site-header .brand-stack .brand-logo-crop img{width:192px;transform:translate(-14px,-51px)}
  .brand-registration{right:73px;bottom:0;font-size:6.3px}
  .hero.hero{min-height:575px}
  .hero-content{width:min(1304px,calc(100% - 56px));padding:74px 0}
  .hero-company-art{width:54vw}
  .hero-company-art:after{width:35%;height:40%}
  .solutions-linangkit-watermark{right:-145px;top:42px;width:400px}
  #quality.quality-section{padding-top:58px;padding-bottom:58px}
  .footer-brand{width:242px;height:104px}
  .footer-logo-crop{width:168px;height:90px}
  .footer-logo-crop img{width:192px;transform:translate(-14px,-51px)}
  .footer-registration{right:73px;top:91px;font-size:6.3px}
  .primary-nav{top:110px}
}

@media (max-width:680px){
  .site-header .header-inner{height:96px}
  .site-header .brand-stack{width:204px;height:88px}
  .brand-logo-crop{width:140px;height:74px}
  .site-header .brand-stack .brand-logo-crop img{width:158px;transform:translate(-12px,-42px)}
  .brand-registration{right:62px;bottom:0;font-size:5.1px;letter-spacing:.05em}
  .hero.hero{min-height:670px}
  .hero-content{width:calc(100% - 36px);max-width:none;padding:72px 0 290px}
  .hero h1{font-size:clamp(2.45rem,11vw,3.25rem)}
  .hero-copy{font-size:1rem}
  .hero-company-art{top:auto;bottom:0;width:100%;height:255px;mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 100%)}
  .hero-company-art:after{display:none}
  .solutions-linangkit-watermark{right:-130px;top:110px;width:310px;opacity:.055}
  #quality.quality-section{padding-top:52px;padding-bottom:52px}
  #quality .quality-card{padding:26px}
  .primary-nav{top:96px}
  .footer-brand{width:204px;height:88px}
  .footer-logo-crop{width:140px;height:74px}
  .footer-logo-crop img{width:158px;transform:translate(-12px,-42px)}
  .footer-registration{right:62px;top:75px;font-size:5.1px;letter-spacing:.05em}
}

@media (prefers-reduced-motion:reduce){
  .hero-company-art,.solutions-linangkit-watermark,.about-section:before,.roadmap-section:before,.milestone-section:after,.quality-section:before{animation:none}
}