@font-face{font-family:Smiley;src:url('assets/fonts/smiley-sans-display.woff2')} :root{--navy:#071d38;--blue:#0d3157;--paper:#f4f2ec;--white:#fff;--orange:#c84b16;--copper:#b96b3c;--line:rgba(7,29,56,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font-family:"Microsoft YaHei",sans-serif;line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit}img{display:block;width:100%}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:fixed;z-index:100;top:1rem;left:1rem;background:#fff;padding:.7rem 1rem;transform:translateY(-180%)}.skip:focus{transform:none}header{position:fixed;z-index:40;inset:0 0 auto;height:82px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);transition:.25s}header.scrolled{background:rgba(7,29,56,.96)}.brand{display:flex;gap:.75rem;align-items:center;text-decoration:none;width:max-content}.brand svg{width:40px;fill:none;stroke:currentColor;stroke-width:1.7}.brand span{display:flex;flex-direction:column;line-height:1.15}.brand small{font-size:.56rem;letter-spacing:.13em}.desktop{display:flex;gap:1.8rem}.desktop a,.header-cta{text-decoration:none;font-size:.84rem}.header-cta{justify-self:end;border-bottom:1px solid}.menu{display:none;width:48px;height:48px;border:0;background:none;color:inherit}.menu span{display:block;height:1px;background:currentColor;margin:8px;transition:.2s}aside{position:fixed;z-index:35;inset:0;background:var(--navy);color:#fff;padding:8rem 7vw 3rem}aside nav{display:flex;flex-direction:column}aside a{font:2.8rem/1.2 Smiley;border-bottom:1px solid rgba(255,255,255,.2);padding:.6rem 0;text-decoration:none}aside p{position:absolute;bottom:2rem}.hero{position:relative;min-height:100svh;background:var(--navy);color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,34,.93),rgba(4,17,34,.5) 55%,rgba(4,17,34,.15)),linear-gradient(0deg,rgba(4,17,34,.68),transparent 50%)}.hero-copy{position:relative;z-index:2;padding:24vh 6vw 10vh;max-width:820px}.hero h1,.intro h2,.products h2,.quality h2,.green h2,.contact h2{font:600 clamp(3rem,6vw,6.5rem)/.95 Smiley;letter-spacing:-.035em;margin:0}.hero h1 em{color:#ccd7e2;font-style:normal}.hero-copy>p{max-width:570px;margin:1.8rem 0;font-size:1.05rem}.hero-copy>div{display:flex;gap:1rem}.button{display:inline-flex;min-height:48px;align-items:center;padding:.8rem 1.25rem;text-decoration:none}.live{background:var(--orange)}.outline{border:1px solid rgba(255,255,255,.7)}.hero-line{position:absolute;z-index:2;left:6vw;right:4vw;bottom:3.2rem;height:1px;background:rgba(255,255,255,.55);display:flex;justify-content:space-between}.hero-line i{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--orange);top:-6px;left:28%}.hero-line span{font-size:.58rem;letter-spacing:.14em;transform:translateY(-1.7rem)}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding:9rem 6vw 7rem}.intro h2{font-size:clamp(3rem,5vw,5.4rem)}.intro p{font-size:1.06rem}.feeder{position:sticky;z-index:5;top:82px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff}.feeder a{display:flex;gap:1rem;padding:1.2rem 3vw;text-decoration:none;border-right:1px solid rgba(255,255,255,.2)}.feeder b{color:#e89465}.products{background:#fff}.products article{display:grid;grid-template-columns:1.2fr .8fr;min-height:720px;scroll-margin-top:150px}.products article.reverse{grid-template-columns:.8fr 1.2fr}.products article.reverse img{grid-column:2}.products article.reverse div{grid-column:1;grid-row:1}.products img{height:100%;object-fit:cover}.products article>div{padding:10rem 5vw;display:flex;flex-direction:column;justify-content:center}.products article>div>span{font-size:.66rem;letter-spacing:.14em;color:var(--orange);margin-bottom:1.5rem}.products h2{font-size:clamp(2.8rem,4.6vw,5rem)}.quality{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--navy);color:#fff}.quality-copy{padding:8rem 6vw}.quality h2{font-size:clamp(3rem,5vw,5.4rem)}.quality-copy>p{color:#d9e2eb}.quality dl{margin-top:4rem}.quality dl div{display:grid;grid-template-columns:50px 1fr;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.2)}.quality dd{margin:0}.quality img{height:100%;object-fit:cover}.detail{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.detail img{height:100%;object-fit:cover}.detail blockquote{margin:0;padding:8rem 6vw;display:flex;align-items:center;font:clamp(2.4rem,4vw,4.5rem)/1.05 Smiley}.green{position:relative;min-height:700px;color:#fff;display:flex;align-items:end}.green>img{position:absolute;inset:0;height:100%;object-fit:cover}.green:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,24,44,.9),transparent 70%)}.green>div{position:relative;z-index:2;padding:6rem;max-width:980px}.green h2{font-size:clamp(3rem,5vw,5rem)}.green p{max-width:720px}.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding:9rem 6vw}.contact h2{font-size:clamp(3rem,5vw,5.3rem)}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}.contact label{display:flex;flex-direction:column;font-size:.8rem}.contact .wide{grid-column:1/-1}.contact input,.contact select,.contact textarea{border:0;border-bottom:1px solid #718096;background:transparent;padding:.8rem 0}.contact textarea{border:1px solid #718096;padding:1rem}.contact button{border:0;background:var(--navy);color:#fff;min-height:48px;padding:.8rem 1.4rem;width:max-content}.status{grid-column:1/-1;color:#8c340e;font-weight:700;min-height:1.5em}footer{display:grid;grid-template-columns:1.2fr 1fr auto;gap:2rem;padding:4rem 6vw;background:#031326;color:#fff;align-items:end}footer div{display:flex;flex-direction:column}footer span,footer p{font-size:.72rem;color:#b9c6d3}footer nav{display:flex;gap:1.2rem;flex-wrap:wrap}footer nav a{font-size:.8rem}@media(max-width:900px){header{grid-template-columns:1fr auto}.desktop,.header-cta{display:none}.menu{display:block}.menu[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.intro,.contact{grid-template-columns:1fr}.products article,.products article.reverse{grid-template-columns:1fr}.products article.reverse img,.products article.reverse div{grid-column:1;grid-row:auto}.products article>div{padding:6rem 6vw}.quality,.detail{grid-template-columns:1fr}.quality img,.detail img{max-height:620px}.feeder{overflow-x:auto;grid-template-columns:repeat(4,minmax(150px,1fr))}footer{grid-template-columns:1fr 1fr}footer p{grid-column:1/-1}}@media(max-width:600px){header{height:72px;padding:0 5vw}.brand small{display:none}.hero-copy{padding:19vh 5vw}.hero h1{font-size:15vw}.hero-copy>div{flex-direction:column}.hero-line{left:5vw;right:5vw;bottom:2.5rem}.hero-line span{font-size:.48rem}.intro{padding:6rem 5vw}.intro h2,.products h2,.quality h2,.green h2,.contact h2{font-size:12vw}.feeder{top:72px}.products article{min-height:0}.products article>div{padding:5rem 5vw}.quality-copy{padding:6rem 5vw}.detail blockquote{padding:6rem 5vw}.green{min-height:620px}.green>div{padding:5rem 5vw}.contact{padding:6rem 5vw}.contact form{grid-template-columns:1fr}.contact .wide{grid-column:auto}footer{grid-template-columns:1fr;padding:4rem 5vw}footer p{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}