@font-face{font-family:Smiley;src:url('assets/fonts/smiley-sans-display.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#03111d;color:#ecf5f4;font-family:Smiley,"Microsoft YaHei",sans-serif;line-height:1.65}body.menu-open{overflow:hidden}::selection{background:#d9a557;color:#071b2b}a{color:inherit;text-underline-offset:.25em}img{display:block;max-width:100%}button,input,textarea{font:inherit}.skip{position:fixed;left:16px;top:-80px;z-index:100;background:#ecf5f4;color:#071b2b;padding:12px 18px}.skip:focus{top:16px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #d9a557;outline-offset:4px}.header{position:fixed;z-index:50;top:0;left:0;width:100%;height:88px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(3,17,29,.94),rgba(3,17,29,0));transition:background .25s}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;line-height:1.15}.brand img{width:46px;height:46px}.brand small{display:block;margin-top:5px;font-size:10px;letter-spacing:.15em;color:#9bb6bd}.nav{display:flex;gap:34px}.nav a{text-decoration:none;font-size:14px}.nav a:hover{color:#55c8c1}.menu-button{display:none;width:48px;height:48px;border:0;background:none;color:white;position:relative}.menu-button span:not(.sr){position:absolute;left:10px;width:28px;height:2px;background:currentColor;transition:.25s}.menu-button span:first-child{top:18px}.menu-button span:nth-child(2){top:29px}.menu-open .menu-button span:first-child{transform:translateY(5.5px) rotate(45deg)}.menu-open .menu-button span:nth-child(2){transform:translateY(-5.5px) rotate(-45deg)}.mobile-menu{display:none}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,29,.95) 0%,rgba(3,17,29,.75) 38%,rgba(3,17,29,.14) 75%),linear-gradient(0deg,rgba(3,17,29,.85),transparent 40%)}.hero-copy{position:relative;z-index:2;width:min(680px,54vw);margin-left:clamp(24px,8vw,140px);padding-top:70px}.hero-name{color:#85cfc9;letter-spacing:.1em;font-size:14px}.hero h1{font-size:clamp(58px,7.2vw,106px);line-height:.98;letter-spacing:-.03em;margin:28px 0}.hero-copy>p:last-of-type{max-width:31em;font-size:20px;color:#c6d9dc}.hero-actions{display:flex;gap:14px;margin-top:36px}.button{min-height:48px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;text-decoration:none;cursor:pointer;border-radius:999px}.primary{background:#d9a557;color:#071b2b}.primary:hover{background:#f2d19a}.ghost{border-color:#72929a;background:rgba(3,17,29,.28)}.route{position:absolute;z-index:2;right:-5%;bottom:-3%;width:70%;height:auto;fill:none;stroke:#55c8c1;stroke-width:1.5;opacity:.55}.route path{stroke-dasharray:1100;stroke-dashoffset:0;animation:draw 2.2s ease-out}.depth{position:absolute;z-index:2;right:3vw;top:20%;bottom:9%;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#bad0d3;writing-mode:vertical-rl}.intro{background:#f4f1e9;color:#102934;padding:clamp(90px,11vw,170px) clamp(24px,7vw,120px);display:grid;grid-template-columns:4fr 7fr;gap:8vw;align-items:center}.intro h2,.section-heading h2,.application h2,.research h2,.contact h2{font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:-.03em;margin:0 0 30px}.intro-copy p{max-width:52ch;color:#405b62}.cutaway{margin:0;position:relative}.cutaway img{width:100%;aspect-ratio:3/2;object-fit:cover}.cutaway figcaption{position:absolute;right:-2vw;bottom:-28px;background:#d9a557;color:#071b2b;padding:13px 20px}.products{padding:clamp(90px,10vw,150px) clamp(24px,7vw,120px);background:#071b2b}.section-heading{display:grid;grid-template-columns:2fr 1fr;gap:10vw;align-items:end;margin-bottom:80px}.section-heading p{color:#9bb6bd}.product-line{display:grid;grid-template-columns:1fr 2fr 4fr;gap:4vw;align-items:center;padding:52px 0;border-top:1px solid #31515b;opacity:.88;transform:translateY(18px);transition:.36s cubic-bezier(.22,1,.36,1)}.product-line.seen,.timeline>div.seen,.research-media img.seen{opacity:1;transform:none}.product-line.reverse{grid-template-columns:1fr 2fr 4fr}.product-line.reverse img{grid-column:3;grid-row:1}.product-line h3{font-size:clamp(28px,3vw,48px);line-height:1.2;margin:0 0 18px}.product-line p{color:#abc0c4}.product-index{font-size:12px;letter-spacing:.18em;color:#55c8c1;align-self:start}.product-line img{height:360px;width:100%;object-fit:cover}.application{position:relative;min-height:1120px;background:#061827;overflow:hidden}.application>img:first-child{width:100%;height:720px;object-fit:cover;opacity:.8}.application-copy{position:absolute;left:7vw;top:510px;z-index:2;width:min(690px,56vw);padding:46px;background:#03111d}.application-copy p{max-width:55ch;color:#a8c0c5}.application .riser{position:absolute;right:6vw;top:610px;width:32vw;max-width:430px;height:620px;object-fit:cover}.research{background:#f4f1e9;color:#102934;padding:clamp(90px,10vw,150px) clamp(24px,7vw,120px)}.research-title{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:10vw}.timeline{margin:70px 0 90px;border-top:1px solid #9eb0ae}.timeline>div{display:grid;grid-template-columns:1fr 2fr 3fr;gap:4vw;padding:28px 0;border-bottom:1px solid #9eb0ae;opacity:.85;transform:translateY(12px);transition:.36s}.timeline time{color:#147b7a;font-variant-numeric:tabular-nums}.timeline h3,.timeline p{margin:0}.timeline p{color:#526b70}.research-media{display:grid;grid-template-columns:5fr 7fr;gap:22px}.research-media img{width:100%;height:430px;object-fit:cover;opacity:.86;transform:translateY(16px);transition:.36s}.contact{padding:clamp(90px,10vw,150px) clamp(24px,7vw,120px);display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#0a2636}.contact-copy>p{color:#abc0c4;max-width:50ch}.contact address{display:flex;flex-direction:column;gap:9px;margin-top:38px;font-style:normal}.contact form{border-top:1px solid #54747c;padding-top:28px}.contact label{display:block;margin-bottom:20px;color:#bdd0d2}.contact input,.contact textarea{width:100%;margin-top:8px;background:#071b2b;border:1px solid #54747c;color:white;border-radius:6px;padding:12px}.contact textarea{resize:vertical}.form-note{min-height:28px;color:#f2d19a}footer{background:#020a10;padding:42px clamp(24px,7vw,120px);display:grid;grid-template-columns:2fr 2fr 1fr;gap:30px;align-items:center;color:#9bb6bd;font-size:13px}footer p{margin:4px 0}.footer-brand{display:flex;align-items:center;gap:14px;color:#ecf5f4}.footer-brand img{width:44px}footer>a{justify-self:end}
@keyframes draw{from{stroke-dashoffset:1100}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route path{animation:none}.product-line,.timeline>div,.research-media img{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.nav{display:none}.menu-button{display:block}.mobile-menu{display:flex;position:fixed;z-index:45;inset:0;background:#03111d;align-items:center;padding:110px 8vw 50px;clip-path:inset(0 0 100% 0);pointer-events:none;transition:clip-path .42s cubic-bezier(.22,1,.36,1)}.menu-open .mobile-menu{clip-path:inset(0);pointer-events:auto}.mobile-menu nav{display:flex;flex-direction:column;width:100%}.mobile-menu a{font-size:clamp(34px,7vw,64px);text-decoration:none;padding:13px 0;border-bottom:1px solid #31515b}.hero-copy{width:72vw}.intro{grid-template-columns:1fr}.section-heading,.research-title{grid-template-columns:1fr}.product-line,.product-line.reverse{grid-template-columns:1fr 2fr}.product-line img,.product-line.reverse img{grid-column:1/-1;grid-row:auto}.product-index{grid-row:1}.application .riser{width:38vw}.contact{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}footer>a{justify-self:start}}
@media(max-width:600px){.header{height:72px;padding:0 18px}.brand img{width:40px;height:40px}.brand{font-size:15px}.hero{min-height:760px}.hero-copy{width:auto;margin:0 22px;padding-top:80px}.hero-shade{background:linear-gradient(90deg,rgba(3,17,29,.92),rgba(3,17,29,.36)),linear-gradient(0deg,#03111d 0%,transparent 48%)}.hero h1{font-size:56px}.hero-name{max-width:22em}.hero-actions{flex-direction:column;align-items:stretch}.depth{display:none}.route{width:120%;right:-40%;bottom:2%}.intro,.products,.research,.contact{padding-left:22px;padding-right:22px}.cutaway figcaption{position:static}.section-heading{margin-bottom:46px}.product-line,.product-line.reverse{grid-template-columns:1fr;padding:38px 0}.product-index{grid-row:auto}.product-line img{height:260px}.application{min-height:auto;padding-bottom:0}.application>img:first-child{height:500px}.application-copy{position:relative;left:auto;top:auto;width:auto;margin:-80px 22px 0;padding:28px 0}.application .riser{position:relative;right:auto;top:auto;width:100%;max-width:none;height:600px;margin-top:40px}.timeline>div{grid-template-columns:1fr;gap:8px}.research-media{grid-template-columns:1fr}.research-media img{height:260px}footer{grid-template-columns:1fr}footer>a{justify-self:start}}
