/* Precise one-layer wordmark on the transparent home navigation. */
.home-page .site-header:not(.is-scrolled) .brand img{clip-path:inset(0 52% 0 0)}
.home-page .site-header:not(.is-scrolled) .brand::after{clip-path:inset(0 0 0 48%);background-size:100% 100%}
.values-headline{display:flex;flex-direction:column;gap:.06em}
.values-headline span{display:block;color:#fff;font:inherit;white-space:nowrap}
.statement-values{display:flex;flex-wrap:wrap;gap:.15em 1.25em;align-items:center}
.statement-values span{font:inherit;color:#fff!important;white-space:nowrap}
.visual-strip{margin-top:28px;display:flex;align-items:center;gap:20px;background:#eff7fc;padding:14px}
.visual-strip img{display:block;width:min(360px,46%);height:210px;object-fit:cover}
.visual-strip p{font-size:17px;color:#25557a}
.visual-split{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center}
.visual-split img{display:block;width:100%;height:350px;object-fit:cover}
.visual-split p:not(.section-kicker){color:#56748d;font-size:17px;line-height:1.9}
.visual-split .lead{margin-bottom:12px}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}
.capability-grid article{background:#f2f8fc;overflow:hidden}
.capability-grid img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .55s ease}
.capability-grid article:hover img{transform:scale(1.045)}
.capability-grid h3{font-size:21px;color:#154f80;margin:19px 20px 7px}
.capability-grid p{margin:0 20px 22px;line-height:1.75;color:#56748d}
.milestone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}
.milestone-grid article{padding:26px;border-top:3px solid #278bd0;background:#f4f9fd}
.milestone-grid strong{font:600 35px 'Barlow Condensed',sans-serif;color:#1876b6}
.milestone-grid p{font-size:15px;color:#56748d;line-height:1.8}
.about-values{display:flex;gap:12px;flex-wrap:wrap}
.about-values span{font:inherit;padding:14px 20px;background:#eaf5fc;color:#1b669b}
.detail-link{display:block;margin-top:14px;color:#197bc2;font-weight:600}
.carousel-slide.is-active img{animation:hero-drift 7s ease-out both}
@keyframes hero-drift{from{transform:scale(1.045)}to{transform:scale(1)}}
.carousel-slide.is-active .hero-content{animation:hero-enter .65s ease-out both}
@keyframes hero-enter{from{opacity:.5;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
.page-tabs a,.model-card,.category-card,.contact-card{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.model-card:hover,.category-card:hover,.contact-card:hover{transform:translateY(-4px);box-shadow:0 13px 25px rgba(23,87,137,.12)}
.page-tabs a:hover{transform:translateY(-2px)}
@media(max-width:850px){.capability-grid,.milestone-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.values-headline span{white-space:normal}.statement-values{display:block}.statement-values span{display:block}.visual-split,.capability-grid,.milestone-grid{grid-template-columns:1fr}.visual-strip{display:block}.visual-strip img{width:100%}.visual-split img{height:250px}.about-values span{width:100%}.carousel-slide.is-active img,.carousel-slide.is-active .hero-content{animation:none}}
@media(prefers-reduced-motion:reduce){.carousel-slide.is-active img,.carousel-slide.is-active .hero-content{animation:none}.motion-ready .reveal{opacity:1;transform:none;transition:none}}

/* Readable wordmark built from live text and the original Jiufang symbol. */
.brand{gap:12px;flex:0 0 auto;white-space:nowrap}
.brand img{width:110px;height:auto;clip-path:none!important}
.brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;line-height:1.08;color:#172c43}
.brand-wordmark strong{font-size:25px;font-weight:700;letter-spacing:.045em}
.brand-wordmark small{font:800 11px/1.3 Arial,sans-serif;letter-spacing:.015em}
.home-page .site-header:not(.is-scrolled) .brand-wordmark{color:#fff}
.home-page .site-header:not(.is-scrolled) .brand::after{display:none}
.carousel-controls{justify-content:flex-start}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.about-nav{position:sticky;top:88px;z-index:45;background:#fff;border-bottom:1px solid #d7e7f2;box-shadow:0 5px 20px #195c8b0d}
.about-nav .container{display:flex;gap:42px;align-items:center;min-height:62px}
.about-nav a{padding:18px 0;color:#476b86;font-size:15px;font-weight:600;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}
.about-nav a:hover,.about-nav a[aria-current="page"]{color:#166caa;border-color:#258bd0}
.about-banner{background:#93bfe6;line-height:0}
.about-banner img{display:block;width:100%;height:auto;max-height:700px;object-fit:cover}
.profile-copy{max-width:1120px}
.profile-copy p:not(.section-kicker){font-size:18px;color:#446985;line-height:2.05;margin:0 0 22px}
.capabilities .capability-grid{grid-template-columns:repeat(4,1fr)}
.capabilities .capability-grid img{height:195px}
.about-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
.about-module-grid a{display:flex;flex-direction:column;min-height:250px;padding:27px;background:linear-gradient(135deg,#eff7fc,#dbeffa);border-top:3px solid #278bd0;transition:transform .25s,box-shadow .25s}
.about-module-grid a:hover{transform:translateY(-5px);box-shadow:0 15px 30px #1a679b21}
.about-module-grid span,.story-grid span{font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:.12em;color:#177cbd}
.about-module-grid h3{font-size:26px;color:#143f68;margin:20px 0 9px}
.about-module-grid p{color:#54738b;line-height:1.8;margin:0}
.about-module-grid b{margin-top:auto;padding-top:20px;color:#146da9;font-size:14px}
.subpage-hero{position:relative;padding:90px 0 100px;overflow:hidden;background:linear-gradient(105deg,#d6eafa,#a9d4ee);color:#124d7c}
.subpage-hero::after{content:"";position:absolute;width:450px;height:450px;right:-80px;top:-200px;border:1px solid #197aba52;border-radius:50%;box-shadow:0 0 0 80px #2093d013,0 0 0 160px #2093d00b}
.subpage-hero .container{position:relative;z-index:1}
.subpage-hero h1{font-size:clamp(45px,5vw,72px);margin:0 0 18px}
.subpage-hero p:not(.section-kicker){font-size:18px;line-height:1.8;margin:0;color:#386b91}
.story-hero{background:linear-gradient(90deg,#b6d8f1,#eaf5fc)}
.innovation-hero{background:linear-gradient(115deg,#dceefa,#abd4ef)}
.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:38px}
.story-grid article{background:#f2f8fc;overflow:hidden}
.story-grid img{width:100%;height:260px;object-fit:cover;display:block;transition:transform .5s}
.story-grid article:hover img{transform:scale(1.035)}
.story-grid article>div{padding:25px 28px 30px}
.story-grid h3{font-size:24px;color:#164d7a;margin:10px 0}
.story-grid p{font-size:16px;color:#57738a;line-height:1.8;margin:0}
.timeline{position:relative;max-width:1100px}
.timeline::before{content:"";position:absolute;top:10px;bottom:0;left:102px;width:2px;background:#a4cfe9}
.timeline article{display:grid;grid-template-columns:140px 1fr;gap:30px;padding:0 0 52px;position:relative}
.timeline-year{font:700 38px 'Barlow Condensed',Arial,sans-serif;color:#176faf;background:#fff;position:relative;z-index:1}
.timeline-year::after{content:"";position:absolute;left:96px;top:11px;width:14px;height:14px;border-radius:50%;background:#228ad0;border:4px solid #e5f4fc}
.timeline h2{font-size:29px;margin:0 0 15px}
.timeline ul{padding:0;margin:0;list-style:none;border-top:1px solid #d9e8f1}
.timeline li{padding:11px 0;border-bottom:1px solid #d9e8f1;font-size:16px;color:#55758c;line-height:1.7}
.timeline li strong{color:#176faf;margin-right:12px}
.innovation-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:start}
.innovation-intro p:not(.section-kicker){font-size:18px;line-height:2;color:#4f7089}
.patent-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:35px 20px;background:#eef7fc}
.patent-panel div{text-align:center;border-right:1px solid #bbd7e9}
.patent-panel div:last-child{border:0}
.patent-panel strong{display:block;font:600 48px 'Barlow Condensed',Arial,sans-serif;color:#1978b8}
.patent-panel span{font-size:14px;color:#4c6d85}
.direction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}
.direction-grid article{padding:28px;background:#f2f8fc;border-left:3px solid #2c90ce}
.direction-grid span{font:600 14px 'Barlow Condensed',sans-serif;color:#2c90ce}
.direction-grid h3{font-size:22px;color:#174c77;margin:25px 0 10px}
.direction-grid p{color:#58758a;line-height:1.8;margin:0}
@media(max-width:1100px){.capabilities .capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.about-nav{top:88px}.about-nav .container{gap:24px;overflow-x:auto;white-space:nowrap}}
@media(max-width:700px){.brand img{width:82px}.brand-wordmark strong{font-size:19px}.brand-wordmark small{font-size:9px}.about-nav{top:72px}.about-nav .container{min-height:52px;gap:22px}.about-nav a{font-size:14px;padding:14px 0}.about-banner img{height:330px;object-position:24% center}.profile-copy p:not(.section-kicker){font-size:16px}.capabilities .capability-grid,.about-module-grid,.story-grid,.innovation-intro,.direction-grid{grid-template-columns:1fr}.subpage-hero{padding:67px 0}.story-grid img{height:210px}.timeline::before{left:18px}.timeline article{grid-template-columns:1fr;gap:8px;padding-left:45px}.timeline-year::after{left:-32px}.patent-panel{padding:20px 8px}.patent-panel strong{font-size:37px}.patent-panel span{font-size:11px}}

/* Company overview, data and page-specific introductions. */
.profile-copy{position:relative;isolation:isolate;padding-top:20px;padding-bottom:20px}
.profile-copy::before{content:"JIUFANG";position:absolute;z-index:-1;left:-.045em;top:-.14em;font:900 clamp(90px,15vw,218px)/1 Arial,sans-serif;letter-spacing:-.075em;color:rgba(15,82,139,.045);white-space:nowrap;pointer-events:none}
.profile-copy>*{position:relative}
.jiufang-overview{background:linear-gradient(125deg,#f5faff,#e5f2fb)}
.overview-heading p:last-child{font-size:17px;color:#5a778e;line-height:1.8;margin:0}
.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.stat-card{min-height:220px;padding:27px 30px 25px;background:#fff;border-top:3px solid #258bd0;box-shadow:0 12px 32px rgba(27,103,159,.06);transition:background .3s,transform .3s,box-shadow .3s,color .3s}
.stat-card:hover{background:#dceefa;transform:translateY(-6px);box-shadow:0 18px 34px rgba(27,103,159,.15)}
.stat-label{font-size:15px;color:#567992}
.stat-card strong{display:block;margin:14px 0 6px;font:700 clamp(55px,5vw,78px)/1 'Barlow Condensed',Arial,sans-serif;color:#176ba9;letter-spacing:-.025em}
.stat-card small{font-size:.45em;margin-left:4px}
.stat-card p{font-size:15px;line-height:1.7;color:#668399;margin:0}
.story-cover,.history-cover,.innovation-cover{position:relative;overflow:hidden}
.story-cover{height:min(560px,55vw);min-height:430px;display:flex;align-items:end;color:#fff;background:#347cab}
.story-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.story-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,65,113,.76),rgba(12,82,133,.24) 80%),linear-gradient(0deg,rgba(6,49,87,.64),transparent 60%)}
.story-cover .container{position:relative;z-index:1;padding-bottom:75px}
.story-cover .section-kicker{color:#bbe5ff}
.story-cover h1,.history-cover h1,.innovation-cover h1{font-size:clamp(48px,5vw,78px);line-height:1.15;margin:0 0 18px}
.story-cover p:last-child,.innovation-cover p:last-child{font-size:20px;line-height:1.7;max-width:680px;margin:0;color:#e4f4ff}
.history-cover{background:#f4f9fd;border-bottom:1px solid #d9e9f3}
.history-cover .container{min-height:370px;display:flex;align-items:center;justify-content:space-between;gap:70px}
.history-intro{position:relative;border-left:4px solid #278bd0;padding-left:30px}
.history-intro p:last-child{font-size:19px;line-height:1.7;color:#54748b;margin:0}
.history-years{display:flex;align-items:center;gap:18px;min-width:370px;transform:rotate(-7deg);color:#3689c0;opacity:.75;font:700 clamp(54px,6vw,95px)/1 'Barlow Condensed',Arial,sans-serif}
.history-years i{display:block;width:90px;height:3px;background:#9fc9e4}
.innovation-cover{color:#fff;background:linear-gradient(115deg,#0d4d86,#2381bd 68%,#57a9d0)}
.innovation-cover::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff0e 1px,transparent 1px),linear-gradient(90deg,#ffffff0e 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 30%,#000)}
.innovation-cover .container{min-height:440px;position:relative;display:grid;grid-template-columns:1fr 380px;align-items:center;gap:40px}
.innovation-cover .section-kicker{color:#bdedff}
.innovation-orbit{position:relative;width:310px;height:310px;margin:auto;border:1px solid #d1f1ff88;border-radius:50%;box-shadow:0 0 0 44px #caefff13,0 0 0 88px #caefff0b}
.innovation-orbit span{position:absolute;display:block;border-radius:50%;border:1px solid #d1f1ff77;inset:38px}
.innovation-orbit span:nth-child(2){inset:84px}
.innovation-orbit span:nth-child(3){inset:-18px;border-style:dashed;opacity:.6}
.innovation-orbit b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:700 23px/1.25 'Barlow Condensed',Arial,sans-serif;letter-spacing:.14em;color:#e9f9ff}
.innovation-side-note{padding:45px;background:linear-gradient(145deg,#e7f4fc,#cfe9f8);min-height:245px;display:flex;flex-direction:column;justify-content:space-between}
.innovation-side-note>span{font:600 14px 'Barlow Condensed',sans-serif;letter-spacing:.17em;color:#2784bc}
.innovation-side-note strong{font-size:clamp(28px,3vw,42px);line-height:1.35;color:#174d77}
.innovation-side-note p{font-size:14px!important;line-height:1.5!important;margin:0!important}
.innovation-numbers{background:#fff}
.innovation-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}
.innovation-metric{min-height:345px;padding:30px 32px;background:#f3f8fc;display:flex;flex-direction:column;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.innovation-metric:hover{background:#155a98;color:#fff;transform:translateY(-5px);box-shadow:0 18px 35px rgba(18,76,128,.22)}
.metric-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.metric-heading strong{font:600 clamp(58px,5vw,82px)/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:-.035em;color:#1475b4}
.metric-heading small{font-size:.55em;margin-left:2px}
.metric-heading h3{font-size:19px;font-weight:600;color:#255c84;margin:0}
.metric-rule{height:2px;width:100%;background:#c6dce9;margin:26px 0 auto}
.innovation-metric p{font-size:16px;line-height:1.9;color:#56758b;margin:24px 0 0}
.innovation-metric:hover .metric-heading strong,.innovation-metric:hover .metric-heading h3,.innovation-metric:hover p{color:#fff}
.innovation-metric:hover .metric-rule{background:#a9d9f2}
.story-grid article,.about-module-grid a{transition:background .3s,transform .3s,box-shadow .3s}
.story-grid article:hover{background:#e6f3fb;box-shadow:0 14px 30px rgba(21,88,136,.12)}
.about-module-grid a:hover{background:#d6ebfa}
.motion-ready .timeline article.reveal{transform:translateX(-26px)}
.motion-ready .timeline article.reveal.is-visible{transform:translateX(0)}
@media(max-width:900px){.innovation-metrics{grid-template-columns:1fr}.innovation-metric{min-height:230px}.history-years{min-width:270px;font-size:58px}.history-years i{width:44px}.innovation-cover .container{grid-template-columns:1fr 230px}.innovation-orbit{width:200px;height:200px}}
@media(max-width:700px){.profile-copy::before{font-size:24vw;top:.2em}.overview-stats{grid-template-columns:1fr}.stat-card{min-height:185px}.story-cover{min-height:400px;height:60vh}.story-cover .container{padding-bottom:48px}.story-cover p:last-child,.innovation-cover p:last-child{font-size:16px}.history-cover .container{min-height:310px;display:block;padding-top:65px;padding-bottom:50px}.history-years{min-width:0;transform:none;margin:25px 0 0;font-size:46px}.history-years i{width:50px}.innovation-cover .container{min-height:385px;grid-template-columns:1fr}.innovation-orbit{position:absolute;right:-65px;top:48px;opacity:.25}.innovation-metric{min-height:215px}.metric-heading strong{font-size:64px}}
@media(prefers-reduced-motion:reduce){.motion-ready .timeline article.reveal{transform:none}}

/* A compact chapter heading keeps the history timeline in focus. */
.history-cover{background:#fff;border-bottom:0;overflow:visible}
.history-cover .container{min-height:0;padding-top:58px;padding-bottom:38px;align-items:end;gap:30px;border-bottom:1px solid #d9e8f2}
.history-intro{border-left:0;padding-left:0}
.history-intro .section-kicker{margin-bottom:12px}
.history-cover h1{font-size:clamp(38px,4vw,58px);margin-bottom:10px}
.history-intro p:last-child{font-size:17px}
.history-years{min-width:0;transform:none;opacity:1;gap:10px;color:#337eaf;font-size:clamp(28px,3vw,42px);white-space:nowrap}
.history-years i{width:32px;height:1px;background:#8bbbd9}
.history-cover+.page-section{padding-top:35px}
@media(max-width:700px){.history-cover .container{padding-top:36px;padding-bottom:28px;display:block}.history-years{margin-top:24px;font-size:30px}.history-years i{width:28px}}

/* One about page with section navigation from the main menu. */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown>a{display:inline-flex;align-items:center;gap:8px}
.nav-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.nav-dropdown:hover .nav-chevron,.nav-dropdown:focus-within .nav-chevron{transform:rotate(225deg) translateY(-2px)}
.nav-dropdown-menu{position:absolute;left:-27px;top:100%;min-width:170px;padding:17px 0;background:#fff;box-shadow:0 15px 35px rgba(20,68,110,.18);border-top:2px solid #298bcb;opacity:0;visibility:hidden;transform:translateY(9px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.desktop-nav .nav-dropdown-menu a{display:block;padding:12px 27px;color:#285d83;font-size:15px;white-space:nowrap;border:0}
.desktop-nav .nav-dropdown-menu a:hover,.desktop-nav .nav-dropdown-menu a:focus-visible{color:#176eae;background:#ecf6fc}
.about-content section[id]{scroll-margin-top:94px}
.about-chapter{padding:74px 0 44px}
.about-chapter h2{font-size:clamp(38px,3.5vw,56px);margin:0 0 17px;color:#184b75}
.about-chapter p:last-child{font-size:19px;line-height:1.75;color:#54748b;margin:0}
.about-story-chapter{background:#f0f7fb}
.chapter-layout{display:grid;grid-template-columns:1fr 45%;gap:8%;align-items:center}
.chapter-layout img{display:block;width:100%;height:270px;object-fit:cover}
.about-history-chapter{background:#fff;padding-bottom:18px}
.chapter-title-row{display:flex;align-items:end;justify-content:space-between;gap:32px}
.chapter-title-row strong{font:600 clamp(29px,3vw,45px)/1 'Barlow Condensed',Arial,sans-serif;color:#2b84be;white-space:nowrap}
.chapter-title-row strong span{color:#a6c8dd;padding:0 10px}
.about-innovation-chapter{background:linear-gradient(110deg,#15598f,#398fc0);padding:65px 0;color:#fff}
.about-innovation-chapter h2,.about-innovation-chapter .section-kicker,.about-innovation-chapter p:last-child{color:#fff}
.mobile-sub-link{padding-left:22px!important;font-size:14px;opacity:.9}
@media(max-width:850px){.nav-dropdown-menu{display:none}.chapter-layout{grid-template-columns:1fr 42%;gap:28px}}
@media(max-width:700px){.about-chapter{padding:54px 0 30px}.chapter-layout{grid-template-columns:1fr}.chapter-layout img{height:220px}.chapter-title-row{display:block}.chapter-title-row strong{display:block;margin-top:24px}.about-innovation-chapter{padding:55px 0}}

/* Align the About chapters with the company profile and keep its figures together. */
.about-content .page-section>.container{max-width:1120px}
.about-content #company{overflow-x:hidden}
.about-content .timeline{max-width:1120px}
.about-content #company{padding-bottom:72px}
.about-content .profile-copy{padding-bottom:0}
.about-content .overview-stats{max-width:960px;margin:44px 0 0;padding:26px 18px;background:linear-gradient(180deg,#f2f8fe,#fff);border:1px solid #e5f0f9;gap:0}
.about-content .stat-card{min-height:175px;padding:8px 17px;display:grid;grid-template-columns:auto auto;grid-template-rows:45px auto 1fr;column-gap:5px;align-items:center;justify-content:center;text-align:center;background:transparent;border:0;border-right:1px solid #c8def0;box-shadow:none;transform:none}
.about-content .stat-card:last-child{border-right:0}
.about-content .stat-card:hover{background:#e6f3fc;transform:none;box-shadow:none}
.about-content .stat-card svg{grid-column:1/-1;grid-row:1;width:36px;height:36px;margin:auto;color:#176baa}
.about-content .stat-card strong{grid-column:1;grid-row:2;margin:3px 0;font-size:clamp(38px,3vw,52px);line-height:1.1}
.about-content .stat-label{grid-column:2;grid-row:2;align-self:end;margin-bottom:9px;color:#255e8d;font-size:14px;font-weight:600;white-space:nowrap}
.about-content .stat-card p{grid-column:1/-1;grid-row:3;align-self:start;margin:10px 0 0;font-size:13px;line-height:1.55;color:#668399}
.about-content .visual-split>div{order:1}
.about-content .visual-split>img{order:2}
@media(max-width:700px){.about-content #company{padding-bottom:50px}.about-content .overview-stats{grid-template-columns:1fr;padding:10px 18px;margin-top:34px}.about-content .stat-card{min-height:155px;border-right:0;border-bottom:1px solid #c8def0}.about-content .stat-card:last-child{border-bottom:0}.about-content .stat-card strong{font-size:47px}.about-content .visual-split>img{order:1}.about-content .visual-split>div{order:2}}

.about-content .overview-stats{margin-left:auto;margin-right:auto}
.anchor-alias{position:absolute;top:0;left:0;scroll-margin-top:94px}
.about-content .timeline article:has(.timeline-photo)>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) 38%;column-gap:32px;align-items:start}
.about-content .timeline article:has(.timeline-photo) h2{grid-column:1;grid-row:1}
.about-content .timeline article:has(.timeline-photo) ul{grid-column:1;grid-row:2}
.timeline-photo{grid-column:2;grid-row:1/span 2;margin:0}
.timeline-photo img{display:block;width:100%;height:230px;object-fit:cover}
.timeline-photo figcaption{margin-top:8px;font-size:13px;color:#7890a2}
@media(max-width:700px){.about-content .timeline article:has(.timeline-photo)>div:last-child{grid-template-columns:1fr}.timeline-photo{grid-column:1;grid-row:3;margin-top:18px}.timeline-photo img{height:210px}}

/* The milestone evidence follows each year's text in a centered timeline. */
.about-content .timeline{max-width:900px;margin-left:auto;margin-right:auto}
.history-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}
.history-gallery-single{grid-template-columns:1fr;max-width:660px}
.history-gallery figure{margin:0;min-width:0}
.history-gallery img{display:block;width:100%;height:245px;object-fit:contain;background:#f3f7fa;border:1px solid #e0ebf3}
.history-gallery-single img{height:auto;max-height:370px;object-fit:cover}
.history-gallery figcaption{margin-top:9px;color:#668399;font-size:13px;line-height:1.5}
@media(max-width:700px){.history-gallery{grid-template-columns:1fr}.history-gallery img{height:auto;max-height:330px}.history-gallery-single{max-width:none}}

.about-content .page-section>.container.timeline{max-width:900px;margin-left:auto;margin-right:auto}
.history-gallery{grid-template-columns:1fr;max-width:660px}
.history-gallery img{height:auto;max-height:420px}


/* Keep the homepage dropdown legible over the photographic hero. */
.home-page .site-header:not(.is-scrolled) .nav-dropdown-menu{background:rgba(10,65,115,.97);border-top-color:#70c9f0;box-shadow:0 18px 42px rgba(4,31,65,.34);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.home-page .site-header:not(.is-scrolled) .desktop-nav .nav-dropdown-menu a{color:#fff}
.home-page .site-header:not(.is-scrolled) .desktop-nav .nav-dropdown-menu a:hover,.home-page .site-header:not(.is-scrolled) .desktop-nav .nav-dropdown-menu a:focus-visible{color:#fff;background:rgba(73,164,220,.32)}

/* Present research as part of the page flow instead of a full-width color band. */
.about-innovation-chapter{background:#fff;color:#153f68;padding:86px 0 30px;border-bottom:0}
.about-innovation-chapter h2{color:#153f68}
.about-innovation-chapter .section-kicker{color:#167ac1}
.about-innovation-chapter p:last-child{color:#56748d;font-size:18px;line-height:1.8;margin:0}
@media(max-width:700px){.about-innovation-chapter{padding:62px 0 20px}.about-innovation-chapter p:last-child{font-size:16px}}

/* Product center: clean white catalogue with restrained brand accents. */
.products-page{background:#fff;color:#202a33}
.products-hero{position:relative;min-height:510px;display:flex;align-items:center;overflow:hidden;background:#fff;color:#202a33;border-bottom:1px solid #e2e6e9}
.products-hero>img{position:absolute;inset:0 0 0 auto;width:49%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.82) contrast(.98)}
.products-hero::after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:48%;width:10%;background:linear-gradient(90deg,#fff,rgba(255,255,255,0));pointer-events:none}
.products-hero .container{position:relative;z-index:2;padding-top:82px;padding-bottom:78px;padding-right:55%}
.products-hero .section-kicker{color:#176ba7;margin-bottom:17px}
.products-hero h1{max-width:620px;margin:0 0 24px;font-size:clamp(52px,6vw,84px);font-weight:600;line-height:1.08;color:#17232d}
.products-hero p:not(.section-kicker){max-width:610px;margin:0 0 36px;font-size:18px;line-height:1.9;color:#5d6871}
.products-hero .btn{height:54px;padding:0 21px;background:#fff;color:#1b4f73;border:1px solid #9eb7c8;gap:44px;transition:border-color .25s,color .25s,background .25s}
.products-hero .btn:hover{background:#f8fafb;border-color:#176ba7;color:#176ba7;transform:none}
.product-center{padding:78px 0 112px;scroll-margin-top:86px;background:#fff}
.product-center-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:48px;align-items:start}
.product-sidebar{position:sticky;top:98px;padding:27px 24px 24px;background:#fff;border:1px solid #dfe4e7}
.product-sidebar::before{content:"";display:block;width:36px;height:2px;margin:-28px 0 25px;background:#176ba7}
.product-sidebar .section-kicker{font-size:12px;margin:0 0 9px;color:#176ba7}
.product-sidebar h2{font-size:29px;margin:0 0 21px;color:#202a33}
.product-sidebar nav{border-top:1px solid #dfe4e7}
.product-sidebar details,.product-sidebar .sidebar-main-link{border-bottom:1px solid #dfe4e7}
.product-sidebar summary,.product-sidebar .sidebar-main-link{display:block;position:relative;padding:16px 22px 16px 0;color:#2d3740;font-size:16px;font-weight:650;cursor:pointer;list-style:none}
.product-sidebar summary::-webkit-details-marker{display:none}
.product-sidebar summary::after{content:"+";position:absolute;right:2px;top:14px;color:#77848d;font-size:21px;font-weight:400}
.product-sidebar details[open] summary::after{content:"−"}
.product-sidebar details a{display:block;padding:7px 4px;color:#707a82;font-size:14px;line-height:1.45}
.product-sidebar details a:last-child{padding-bottom:16px}
.product-sidebar details a:hover,.product-sidebar .sidebar-main-link:hover{color:#176ba7}
.sidebar-contact{display:flex;justify-content:space-between;margin-top:22px;padding:13px 15px;background:#fff;color:#1b4f73;border:1px solid #aabcc8;font-weight:650;transition:border-color .2s,color .2s}
.sidebar-contact:hover{border-color:#176ba7;color:#176ba7}
.product-family{padding:0 0 96px;scroll-margin-top:105px}
.product-family+.product-family{padding-top:38px;border-top:1px solid #dfe4e7}
.product-family-heading{display:block;margin-bottom:42px;padding-top:0}
.product-family-heading h2{margin:7px 0 0;font-size:clamp(38px,4vw,57px);font-weight:600;color:#202a33}
.product-family-heading>p{max-width:800px;margin:18px 0 0;color:#68747d;font-size:16px;line-height:1.85}
.product-family .section-kicker{display:none}
.product-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #dfe4e7;border-left:1px solid #dfe4e7;counter-reset:product-card}
.product-item{position:relative;min-width:0;background:#fff;border-right:1px solid #dfe4e7;border-bottom:1px solid #dfe4e7;counter-increment:product-card;transition:box-shadow .28s,transform .28s;overflow:hidden;display:flex;flex-direction:column}
.product-item::after{content:counter(product-card,decimal-leading-zero);position:absolute;right:18px;top:17px;font:600 12px/1.1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.12em;color:#9ca6ad;z-index:2}
.product-item:hover{z-index:2;transform:translateY(-3px);box-shadow:0 16px 34px rgba(24,45,60,.1)}
.product-image{height:220px;padding:30px 25px 20px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}
.product-item:hover .product-image img{transform:scale(1.035)}
.product-item-copy{padding:21px 22px 25px;border-top:1px solid #edf0f2;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.product-item h3{margin:0 0 11px;color:#202a33;font-size:19px;line-height:1.42}
.product-item p{min-height:67px;margin:0 0 18px;color:#707a82;font-size:14px;line-height:1.72}
.product-item a{display:inline-flex;gap:9px;align-items:center;margin-top:auto;padding:9px 14px;color:#365d75;font-size:13px;font-weight:650;border:1px solid #b9c9d3;background:#fff;transition:color .2s,border-color .2s,background .2s}
.product-item a:hover{color:#176ba7;border-color:#176ba7;background:#f7fafc}
.products-page .page-cta{padding:62px 0;background:#fff;border-top:1px solid #dfe4e7}
.products-page .page-cta h2{color:#202a33;font-weight:600}
.products-page .page-cta .btn{background:#fff;color:#1b4f73;border:1px solid #9eb7c8}
.products-page .page-cta .btn:hover{background:#f8fafb;border-color:#176ba7;transform:none}
.product-nav-dropdown .nav-dropdown-menu{min-width:196px}
.product-nav-dropdown .nav-dropdown-menu a{padding-left:25px;padding-right:25px}
@media(max-width:1180px){.product-center-layout{grid-template-columns:205px minmax(0,1fr);gap:34px}.product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-family-heading{grid-template-columns:1fr;gap:12px}}
@media(max-width:850px){.products-hero>img{width:45%}.products-hero::after{left:44%}.products-hero .container{padding-right:48%}.product-center{padding-top:55px}.product-center-layout{grid-template-columns:1fr}.product-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.product-sidebar::before,.product-sidebar>p,.product-sidebar>h2{grid-column:1/-1}.product-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;grid-column:1/-1}.sidebar-contact{grid-column:1/-1}}
@media(max-width:700px){.products-hero{min-height:0;display:flex;flex-direction:column;align-items:stretch}.products-hero>img{position:relative;order:2;width:100%;height:290px;object-position:60% center}.products-hero::after{display:none}.products-hero .container{order:1;padding-top:68px;padding-bottom:52px;padding-right:0}.products-hero h1{font-size:50px}.products-hero p:not(.section-kicker){font-size:16px;line-height:1.75}.product-center{padding:42px 0 72px}.product-sidebar{grid-template-columns:1fr;padding:24px 20px}.product-sidebar nav{grid-template-columns:1fr}.product-family{padding-bottom:72px}.product-family+.product-family{padding-top:30px}.product-family-heading{margin-bottom:24px}.product-family-heading h2{font-size:38px}.product-card-grid{grid-template-columns:1fr}.product-image{height:250px}.product-item p{min-height:0}.products-page .page-cta{padding:48px 0}}

/* Keep every desktop navigation control on one shared vertical rhythm. */
@media(min-width:851px){
  .site-header{padding-top:0;padding-bottom:0}
  .desktop-nav{align-self:stretch;align-items:stretch}
  .desktop-nav>a,.desktop-nav>.nav-dropdown,.desktop-nav>.nav-dropdown>a{height:100%}
  .desktop-nav>a,.desktop-nav>.nav-dropdown>a{display:inline-flex;align-items:center;padding-top:2px}
  .desktop-nav a[aria-current="page"]{padding-bottom:0;box-shadow:inset 0 -2px currentColor;border-bottom:0}
  .header-contact{align-self:stretch;height:auto;min-height:88px}
  .nav-dropdown-menu{top:100%}
}

/* Refined company values and research cards with a quieter editorial style. */
.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.about-values span{position:relative;display:flex;align-items:flex-end;min-height:168px;padding:30px 30px 28px;background:#fff!important;border:1px solid #dce7ee;color:#173f62!important;font-size:clamp(27px,2.4vw,40px);line-height:1.25;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s,color .3s}
.about-values span::before{content:"";position:absolute;left:30px;top:29px;width:34px;height:2px;background:#2690c8;transition:width .35s}
.about-values span::after{content:"0" counter(value-card);position:absolute;right:20px;top:12px;font:600 48px/1 'Barlow Condensed',Arial,sans-serif;color:#edf3f6;letter-spacing:-.03em}
.about-values{counter-reset:value-card}
.about-values span{counter-increment:value-card}
.about-values span:hover{transform:translateY(-5px);border-color:#b7d3e3;box-shadow:0 18px 38px rgba(24,67,99,.1);color:#0c689f!important}
.about-values span:hover::before{width:72px}
.direction-grid article{position:relative;padding:34px 32px 32px;background:#fff;border:1px solid #dce7ee;border-left:1px solid #dce7ee;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.direction-grid article::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#1a78ae,#65b7d8);transform:scaleX(.16);transform-origin:left;transition:transform .4s}
.direction-grid article:hover{transform:translateY(-5px);border-color:#bfd8e6;box-shadow:0 18px 38px rgba(24,67,99,.1)}
.direction-grid article:hover::before{transform:scaleX(1)}
.direction-grid span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #bdd6e4;border-radius:50%;color:#1f79ad;background:#fff}
.direction-grid h3{margin-top:34px;color:#173f62}
.direction-grid p{color:#637b8c}

/* The history line grows with the reader and activates each year as it passes. */
.timeline::before{background:#dce8ef}
.timeline-progress{position:absolute;z-index:0;left:102px;top:10px;width:2px;height:0;background:linear-gradient(180deg,#56b4d9,#176fad);box-shadow:0 0 12px rgba(38,143,196,.28);pointer-events:none;transition:height .12s linear}
.timeline article{z-index:1}
.timeline-year{transition:color .35s,transform .35s}
.timeline-year::after{background:#fff;border-color:#dcecf4;box-shadow:inset 0 0 0 3px #9ecbe1;transition:background .35s,border-color .35s,box-shadow .35s,transform .35s}
.timeline article.is-passed .timeline-year{color:#0d5f95;transform:translateX(4px)}
.timeline article.is-passed .timeline-year::after{background:#238bc5;border-color:#e3f5fc;box-shadow:0 0 0 5px rgba(36,139,197,.11);transform:scale(1.08)}
@media(max-width:700px){.about-values{grid-template-columns:1fr;gap:14px}.about-values span{min-height:132px}.timeline-progress{left:18px}}
@media(prefers-reduced-motion:reduce){.timeline-progress{transition:none}.timeline-year,.timeline-year::after{transition:none}.about-values span,.direction-grid article,.direction-grid article::before{transition:none}}

/* Softer metric hover and a photographic closing note for the About page. */
.innovation-metric:hover{background:linear-gradient(145deg,#edf7fc,#dceef8);color:#173f62;box-shadow:0 16px 34px rgba(24,78,116,.12)}
.innovation-metric:hover .metric-heading strong{color:#1475b4}
.innovation-metric:hover .metric-heading h3{color:#255c84}
.innovation-metric:hover p{color:#56758b}
.innovation-metric:hover .metric-rule{background:#9dc9df}
.about-team-footer{padding:38px 0 72px;background:#fff}
.about-team-footer .container{max-width:1120px}
.about-team-footer img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}
@media(max-width:700px){.about-team-footer{padding:20px 0 48px}.about-team-footer .container{width:calc(100% - 24px)}}

/* Match the catalogue hierarchy on both sides: family, subgroup, product. */
.product-subgroups{display:grid;gap:64px}
.product-subgroup{scroll-margin-top:105px}
.product-subgroup-heading{display:block;margin-bottom:22px}
.product-subgroup-heading>span{display:none}
.product-subgroup-heading h3{margin:0;color:#27323a;font-size:25px;line-height:1.35}
.product-subgroup-heading p{max-width:720px;margin:9px 0 0;color:#768088;font-size:14px;line-height:1.7}
.product-subgroup .product-card-grid{margin-top:0}
@media(max-width:850px){.product-subgroups{gap:54px}}
@media(max-width:700px){.product-subgroups{gap:46px}.product-subgroup-heading h3{font-size:23px}}

/* Product details: image, features, application, specifications and related items. */
.product-detail-page{background:#fff;color:#202a33}
.detail-breadcrumb{display:flex;align-items:center;gap:10px;min-height:62px;color:#7a848b;font-size:13px;border-bottom:1px solid #e1e5e8}
.detail-breadcrumb a:hover{color:#176ba7}
.detail-hero{padding:72px 0 82px;background:#fff;border-bottom:1px solid #e1e5e8}
.detail-hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:8%;align-items:center}
.detail-image{height:480px;display:flex;align-items:center;justify-content:center;padding:52px;border:1px solid #dfe4e7;background:#fff}
.detail-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.detail-intro .section-kicker{color:#176ba7;margin-bottom:18px}
.detail-intro h1{margin:0 0 24px;color:#202a33;font-size:clamp(42px,4.8vw,72px);line-height:1.16;font-weight:600;letter-spacing:-.045em}
.detail-intro>p:not(.section-kicker){margin:0;color:#69747c;font-size:18px;line-height:1.9}
.detail-actions{display:flex;align-items:center;gap:28px;margin-top:40px}
.detail-primary-action{display:inline-flex;align-items:center;justify-content:space-between;min-width:180px;padding:16px 20px;background:#183e59;color:#fff;font-size:14px;font-weight:650}
.detail-primary-action span{font-size:18px}
.detail-back-link{color:#68747c;font-size:14px;border-bottom:1px solid #b7c2c9;padding-bottom:5px}
.detail-local-nav{position:sticky;top:0;z-index:15;background:rgba(255,255,255,.96);border-bottom:1px solid #e1e5e8;backdrop-filter:blur(10px)}
.detail-local-nav .container{display:flex;gap:38px;align-items:center;min-height:58px}
.detail-local-nav a{color:#56636c;font-size:14px;font-weight:600}
.detail-local-nav a:hover{color:#176ba7}
.detail-section{padding:92px 0;border-bottom:1px solid #e1e5e8;scroll-margin-top:58px}
.detail-section .section-kicker{color:#176ba7;margin-bottom:15px}
.detail-section h2,.detail-contact h2{margin:0;color:#202a33;font-size:clamp(35px,3.8vw,54px);font-weight:600;letter-spacing:-.04em}
.detail-two-column{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:9%;align-items:start}
.detail-feature-list{list-style:none;margin:0;padding:0;border-top:1px solid #dfe4e7}
.detail-feature-list li{display:grid;grid-template-columns:60px 1fr;gap:22px;align-items:center;padding:25px 0;border-bottom:1px solid #dfe4e7}
.detail-feature-list span{font:600 13px/1 'Barlow Condensed',Arial,sans-serif;letter-spacing:.13em;color:#176ba7}
.detail-feature-list p{margin:0;color:#3e4a52;font-size:18px;line-height:1.6}
.detail-application-section{background:#fafafa}
.detail-application{margin:0;color:#59666e;font-size:20px;line-height:1.95;max-width:800px}
.detail-section-heading{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);column-gap:7%;align-items:end;margin-bottom:38px}
.detail-section-heading .section-kicker{grid-column:1}
.detail-section-heading h2{grid-column:1}
.detail-section-heading>p:last-child{grid-column:2;grid-row:1/span 2;margin:0;color:#768088;font-size:14px;line-height:1.7}
.detail-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid #dfe4e7;border-left:1px solid #dfe4e7}
.detail-specs>div{display:grid;grid-template-columns:minmax(120px,.45fr) 1fr;min-height:76px;border-right:1px solid #dfe4e7;border-bottom:1px solid #dfe4e7}
.detail-specs dt,.detail-specs dd{display:flex;align-items:center;margin:0;padding:17px 20px}
.detail-specs dt{color:#727d84;font-size:14px;background:#fafafa;border-right:1px solid #e6e9eb}
.detail-specs dd{color:#27323a;font-size:16px;font-weight:600}
.detail-related-section{background:#fafafa}
.detail-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.detail-related-grid>a{display:block;padding-bottom:25px;background:#fff;border:1px solid #dfe4e7;transition:transform .25s,box-shadow .25s}
.detail-related-grid>a:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(24,45,60,.09)}
.detail-related-grid a>div{height:240px;padding:28px;border-bottom:1px solid #edf0f2}
.detail-related-grid img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.detail-related-grid p{margin:21px 22px 8px;color:#176ba7;font:600 12px 'Barlow Condensed',Arial,sans-serif;letter-spacing:.1em}
.detail-related-grid h3{margin:0 22px 24px;color:#27323a;font-size:20px;line-height:1.4}
.detail-related-grid span{margin:0 22px;color:#526d7e;font-size:13px;border-bottom:1px solid #c8d3da;padding-bottom:3px}
.detail-contact{padding:68px 0;background:#fff}
.detail-contact .container{display:flex;justify-content:space-between;align-items:end;gap:30px}
.detail-contact .section-kicker{color:#176ba7;margin-bottom:14px}
.detail-contact a{display:inline-flex;justify-content:space-between;min-width:175px;padding:15px 18px;color:#1b4f73;border:1px solid #aabcc8;font-size:14px;font-weight:650}
@media(max-width:900px){.detail-hero-layout{grid-template-columns:1fr 1fr;gap:42px}.detail-image{height:390px;padding:36px}.detail-two-column{grid-template-columns:1fr;gap:34px}.detail-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.detail-breadcrumb{overflow-x:auto;white-space:nowrap}.detail-hero{padding:40px 0 58px}.detail-hero-layout{grid-template-columns:1fr;gap:38px}.detail-image{height:330px;padding:30px}.detail-intro h1{font-size:42px}.detail-intro>p:not(.section-kicker){font-size:16px}.detail-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:30px}.detail-local-nav .container{gap:25px;overflow-x:auto;white-space:nowrap}.detail-section{padding:62px 0}.detail-feature-list li{grid-template-columns:42px 1fr;gap:12px}.detail-feature-list p{font-size:16px}.detail-application{font-size:17px}.detail-section-heading{grid-template-columns:1fr;gap:20px}.detail-section-heading>p:last-child{grid-column:1;grid-row:auto}.detail-specs{grid-template-columns:1fr}.detail-specs>div{grid-template-columns:120px 1fr}.detail-related-grid{grid-template-columns:1fr}.detail-contact .container{display:block}.detail-contact a{margin-top:28px}.detail-contact h2{font-size:35px}}