@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Montserrat:wght@500;600;700;800&display=swap');

:root{--ink:#0a1726;--muted:#677586;--blue:#0873bd;--blue2:#42aee9;--line:#d6dfe6;--mist:#eef3f6;--header:#414852;--white:#fff;--header-h:82px;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}button{font:inherit}.page-section{min-height:100svh;position:relative;scroll-margin-top:var(--header-h);overflow:hidden}.section-inner{width:min(1180px,calc(100% - 80px));margin:0 auto;padding:130px 0 100px}.eyebrow{margin:0 0 28px;color:var(--blue);font:700 13px/1 Montserrat,sans-serif;letter-spacing:.22em}.eyebrow.light{color:#8ed9ff}.display-title,.section-heading-row h2,.materials-copy h2,.textile-copy h2,.contact-inner h2,.company-copy h2{font:600 clamp(42px,5.4vw,74px)/1.06 Inter,sans-serif;letter-spacing:-.03em;margin:0}.lead{font-size:clamp(18px,2vw,25px);line-height:1.65;color:var(--muted)}
.site-header{height:var(--header-h);position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;padding:0 4.5vw;background:rgba(65,72,82,.96);border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;width:clamp(215px,22vw,315px)}.brand img{width:100%;height:auto}.site-nav{margin-left:auto;display:flex;gap:34px}.site-nav a{color:#fff;font:600 12px/1 Montserrat,sans-serif;letter-spacing:.08em;opacity:.78}.site-nav a:hover{opacity:1}.menu-button{display:none;margin-left:auto;width:42px;height:42px;padding:10px;border:0;background:none}.menu-button span{display:block;height:2px;margin:6px 0;background:#fff}
.hero{color:#fff}.hero-image,.textile-image{position:absolute;inset:0;background:center/cover no-repeat}.hero-image{background-image:url('assets/hero-battery-materials.webp')}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,16,30,.86),rgba(3,20,37,.36) 56%,rgba(0,0,0,.05))}.hero-copy{position:absolute;z-index:2;left:max(7vw,40px);top:50%;transform:translateY(-42%)}.hero h1{font:600 clamp(56px,8.4vw,128px)/.93 Inter,sans-serif;letter-spacing:-.045em;margin:0}.hero-copy>p:last-child{font-size:clamp(16px,1.7vw,24px);margin:35px 0 0;color:#d9e9f5}.scroll-cue{position:absolute;z-index:2;right:5vw;bottom:5vh;font:600 11px Montserrat,sans-serif;letter-spacing:.15em}.scroll-cue span{margin-left:12px}
.company-section{background:var(--mist)}.company-grid{display:grid;grid-template-columns:1fr;gap:70px;align-items:start}.company-copy{max-width:920px}.company-copy .lead{max-width:820px;margin:38px 0 0}.facts{border-top:2px solid #d3dde4;padding-top:38px;display:grid;grid-template-columns:1fr 1fr 1.8fr;gap:40px}.facts div{display:flex;flex-direction:column}.facts strong,.facts .fact-business strong{color:var(--ink);font:700 clamp(22px,2.4vw,33px) Montserrat,sans-serif}.facts span{margin-top:12px;color:var(--muted);font:700 10px Montserrat,sans-serif;letter-spacing:.15em}.facts .fact-business strong{white-space:nowrap}
.business-section{background:#fff}.business-section .display-title{margin-bottom:55px}.business-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.business-card{position:relative;min-height:430px;border-radius:var(--radius);padding:44px;color:#fff;overflow:hidden;transition:transform .3s}.business-card:hover{transform:translateY(-6px)}.business-card:before{content:"";position:absolute;inset:0;background:center/cover no-repeat;transition:transform .5s}.business-card:hover:before{transform:scale(1.04)}.business-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,18,31,.08),rgba(5,18,31,.8))}.battery-card:before{background-image:url('assets/cylindrical-components.webp')}.textile-card:before{background-image:url('assets/textile.webp')}.business-card>*{position:relative;z-index:1}.business-card>span{font:700 12px Montserrat,sans-serif;letter-spacing:.16em}.business-card h3{min-height:116px;font:600 clamp(34px,4vw,56px)/1.03 Inter,sans-serif;margin:150px 0 18px;letter-spacing:-.025em}.business-card p{max-width:370px;margin:0;color:#e4edf3;line-height:1.6}
.applications-section{background:#f5f7f8}.section-heading-row{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;align-items:end;margin-bottom:55px}.section-heading-row.single-heading{display:block}.section-heading-row>p{font-size:19px;line-height:1.65;color:var(--muted);margin:0}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.application-card{background:#fff;border-radius:var(--radius);overflow:hidden}.application-card img{height:340px;object-fit:cover}.application-card>div{padding:30px 34px 35px}.application-card span{color:var(--blue);font:700 11px Montserrat,sans-serif;letter-spacing:.15em}.application-card h3{font:700 25px Montserrat,sans-serif;margin:11px 0}.application-card p{color:var(--muted);margin:0;line-height:1.5}
.business-name{font-size:clamp(19px,1.8vw,25px);letter-spacing:.14em;margin-bottom:32px}
.materials-section{background:#eaf2f7}.materials-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center}.materials-copy .lead{font-size:19px;margin:35px 0}.supply-list{border-top:1px solid #bfcdd7}.supply-list>div{display:grid;grid-template-columns:48px 1fr;padding:22px 0;border-bottom:1px solid #bfcdd7}.supply-list span{color:var(--blue);font:700 11px Montserrat,sans-serif}.supply-list p{margin:0;color:var(--muted);line-height:1.55}.supply-list strong{display:block;color:var(--ink);font:700 13px Montserrat,sans-serif;letter-spacing:.04em;margin-bottom:4px}.materials-image{position:relative}.materials-image img{height:min(66vh,660px);object-fit:cover;border-radius:var(--radius)}.materials-image>span{position:absolute;left:25px;bottom:25px;padding:12px 15px;border-radius:8px;background:rgba(5,22,38,.82);color:#fff;font:700 10px Montserrat,sans-serif;letter-spacing:.12em}
.textile-section{color:#fff}.textile-image{background-image:url('assets/textile.webp')}.textile-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,24,43,.84),rgba(8,24,43,.1))}.textile-section .section-inner{position:relative;z-index:2;display:flex;min-height:100svh;flex-direction:column;justify-content:center}.textile-copy h2{font-size:clamp(46px,6.2vw,84px)}.textile-copy>p:last-child{font-size:22px;color:#d5e7f4;margin-top:30px}
.textile-scope-section{background:#fff}.textile-scope-section .section-heading-row{margin-bottom:80px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-grid>div{padding:38px 34px 48px;border-right:1px solid var(--line)}.process-grid>div:first-child{padding-left:0}.process-grid>div:last-child{border:0}.process-grid span{color:var(--blue);font:700 11px Montserrat,sans-serif}.process-grid h3{font:700 23px Montserrat,sans-serif;margin:55px 0 15px}.process-grid p{margin:0;color:var(--muted);line-height:1.6}
.textile-capabilities-section{background:#eef2f5}.capabilities-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:end;margin-bottom:62px}.capabilities-heading h2{font:600 clamp(42px,5.4vw,74px)/1.06 Inter,sans-serif;letter-spacing:-.03em;margin:0}.capabilities-heading>p{font-size:19px;line-height:1.65;color:var(--muted);margin:0}.capabilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.capability-card{min-height:175px;padding:30px;border-radius:14px;background:#fff}.capability-card span{color:var(--blue);font:700 11px Montserrat,sans-serif;letter-spacing:.12em}.capability-card h3{font:700 clamp(19px,2vw,25px)/1.2 Montserrat,sans-serif;margin:28px 0 14px}.capability-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.55;letter-spacing:.03em}
.locations-section{background:#edf3f6}.locations-section .locations-title{color:var(--ink);font-size:clamp(42px,5.4vw,74px);margin-bottom:55px}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.location-card{display:grid;grid-template-columns:.48fr .52fr;align-items:center;min-height:470px;background:#fff;border-radius:var(--radius);overflow:hidden}.location-photo{height:100%;min-height:470px;overflow:hidden}.location-photo img{height:100%;min-height:470px;object-fit:cover}.location-info{padding:35px}.location-info>span{color:var(--blue);font:700 10px Montserrat,sans-serif;letter-spacing:.13em}.location-info h3{font:700 24px Montserrat,sans-serif;margin:13px 0 28px}.location-info p{color:var(--muted);font-size:14px;line-height:1.7}.location-info a{display:inline-block;margin-top:25px;color:var(--blue);font:700 10px Montserrat,sans-serif;letter-spacing:.1em}
.contact-section{min-height:80svh;background:linear-gradient(135deg,#f7fbfd,#dcecf5);color:var(--ink)}.contact-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.55}.orb-one{width:560px;height:560px;right:-180px;top:-170px;background:radial-gradient(circle at 35% 35%,#fff,#8ed5f5)}.orb-two{width:360px;height:360px;left:-150px;bottom:-150px;background:radial-gradient(circle at 60% 40%,#fff,#b9dbea)}.contact-inner{position:relative;z-index:1;padding-top:140px}.contact-inner h2{font-size:clamp(42px,5.4vw,74px)}.contact-lead{font-size:19px;line-height:1.65;color:var(--muted);margin:36px 0}.email-link{display:inline-flex;align-items:center;gap:60px;padding:22px 0;border-bottom:2px solid var(--blue);color:var(--blue);font:600 clamp(18px,2.5vw,31px) Montserrat,sans-serif}.contact-inner footer{display:flex;justify-content:space-between;margin-top:100px;padding-top:25px;border-top:1px solid #b7cbd8;color:var(--muted);font:600 10px Montserrat,sans-serif;letter-spacing:.1em}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){:root{--header-h:70px}.section-inner{width:min(100% - 40px,680px);padding:105px 0 75px}.site-header{padding:0 20px}.brand{width:225px}.site-nav{position:absolute;top:70px;left:0;right:0;display:none;flex-direction:column;gap:0;background:var(--header);padding:10px 20px 20px}.site-nav.open{display:flex}.site-nav a{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.1)}.menu-button{display:block}.hero-copy{left:25px}.company-grid,.materials-grid,.section-heading-row,.capabilities-heading{grid-template-columns:1fr}.company-panel{margin-top:0}.facts{grid-template-columns:1fr 1fr}.facts .fact-business{grid-column:1/-1}.business-cards,.application-grid,.location-grid{grid-template-columns:1fr}.business-card{min-height:350px}.business-card h3{margin-top:110px}.section-heading-row,.capabilities-heading{gap:25px}.materials-image{order:-1}.materials-image img{height:430px}.process-grid{grid-template-columns:1fr;border-bottom:0}.process-grid>div,.process-grid>div:first-child{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.process-grid h3{margin:24px 0 10px}.location-card{grid-template-columns:1fr}.location-photo,.location-photo img{min-height:310px;height:310px}.contact-inner footer{margin-top:70px}.email-link{gap:20px}}
@media(max-width:520px){.hero h1{font-size:48px}.company-copy h2,.display-title,.section-heading-row h2,.materials-copy h2,.textile-copy h2,.capabilities-heading h2,.locations-section .locations-title,.contact-inner h2{font-size:36px}.facts{grid-template-columns:1fr;gap:24px}.facts .fact-business{grid-column:auto}.facts .fact-business strong{white-space:normal}.business-card h3{min-height:0}.application-card img{height:260px}.capabilities-grid{grid-template-columns:1fr}.capability-card{min-height:150px}.location-card{display:block}.location-info{padding:30px}.email-link{font-size:16px}.contact-inner footer{gap:25px}.brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}