:root{--ink:#131a21;--blue:#183348;--gold:#c8a94f;--sand:#eef0ef;--mist:#f7f8f7;--line:#d6dbdc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,'Noto Sans TC',sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#fff;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;letter-spacing:1px;line-height:1.15}.brand small{font-size:7px;letter-spacing:.7px;font-weight:600;display:block;margin-top:5px;color:#657078}.brand-mark{width:41px;height:41px;border:2px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:12px;font-weight:800;transform:skew(-11deg)}.nav{display:flex;gap:32px;font-size:13px;font-weight:600;color:#596066}.nav a{padding:34px 0 27px;border-bottom:3px solid transparent}.nav .active,.nav a:hover{color:var(--gold);border-color:var(--gold)}.menu-button{display:none}.hero{min-height:650px;height:calc(100vh - 90px);max-height:790px;background:linear-gradient(105deg,rgba(8,24,35,.96),rgba(14,42,59,.77)),url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=2000&q=85') center/cover;position:relative;color:#fff;overflow:hidden}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.1) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.08) 50%,transparent 50.2%);background-size:25% 100%,100% 35%;opacity:.4}.hero-content{position:relative;padding:clamp(100px,15vh,160px) 10vw}.eyebrow,.overline,.section-label{font-size:11px;letter-spacing:2px;font-weight:700}.eyebrow{color:#dbc273;margin:0 0 24px}.hero h1,h2{margin:0;letter-spacing:-2px;line-height:1.2;font-size:clamp(42px,5vw,72px);font-weight:500}.hero h1 strong,.contact h2 strong{color:#e6cc78;font-weight:500}.hero-content>p:not(.eyebrow){font-size:15px;color:#dae1e4;margin:29px 0 35px}.button{border:1px solid #d2b85d;padding:13px 19px;color:#f4df98;font-size:13px;display:inline-flex;gap:35px;align-items:center;transition:.25s}.button:hover{background:#d2b85d;color:var(--ink)}.hero-data{position:absolute;right:8vw;bottom:45px;display:flex;gap:15px;align-items:center;color:#d8dee0;font-size:9px;letter-spacing:1.6px}.hero-data b{font-size:16px;color:#d8bd63}.hero-data i{height:1px;width:55px;background:#ddd}.section{padding:130px 8vw;display:grid;grid-template-columns:18% 1fr}.section-label{color:#9da6aa}.about{gap:8%}.overline{color:#b38b21;margin:0 0 16px}.about h2,.products h2,.news h2{font-size:clamp(33px,4vw,55px)}.lead{max-width:550px;color:#59636b;margin:32px 0}.arrow-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:7px}.arrow-link span{margin-left:18px;font-size:18px}.about aside{border-top:1px solid var(--line);margin-top:100px;display:grid;grid-template-columns:repeat(3,1fr)}.about aside div{padding:18px 0;border-right:1px solid var(--line);display:grid;gap:4px}.about aside div+div{padding-left:20px}.about aside b{font-size:15px}.about aside span{font-size:10px;color:#768087}.products{background:var(--sand);padding-top:110px;padding-bottom:120px}.products-head{margin-bottom:58px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cards article{background:#fff;padding:33px;min-height:265px;display:flex;flex-direction:column}.icon{color:var(--gold);font-weight:700;letter-spacing:2px;font-size:13px}.cards h3{font-size:22px;margin:35px 0 8px}.cards p{font-size:13px;color:#657078;margin:0}.cards a{font-size:12px;font-weight:700;margin-top:auto}.service-banner{padding:115px 10vw;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between}.service-banner h2{font-size:clamp(37px,4.5vw,64px)}.round-link{border:1px solid rgba(255,255,255,.5);height:132px;width:132px;border-radius:50%;display:grid;place-content:center;font-size:12px;line-height:1.6}.round-link span{color:#dfc469;font-size:18px}.news{padding-top:115px;padding-bottom:115px}.news-list{max-width:800px}.news-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.news-list>a{display:grid;grid-template-columns:130px 1fr 25px;gap:18px;padding:22px 0;border-top:1px solid var(--line);font-size:14px}.news-list>a:last-child{border-bottom:1px solid var(--line)}.news-list time{font-size:11px;color:#758086}.news-list span{text-align:right}.contact{padding:115px 10vw;background:#171d22;color:#fff;display:grid;grid-template-columns:1.6fr 1fr;gap:9%}.contact .overline{color:#d2b85d}.contact h2{font-size:clamp(36px,4vw,58px);margin-bottom:35px}.light{color:#f2db91}.contact-details{align-self:end;border-top:1px solid #4a5157;padding-top:20px;display:grid;gap:10px;font-size:14px}.contact-details p{margin:0}.contact-details p:last-child{font-size:11px;color:#bac1c4;margin-top:10px}footer{padding:35px 6vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.5px}footer>a:last-child{font-size:10px;border-bottom:1px solid var(--ink)}
@media(max-width:820px){.site-header{height:74px;padding:0 24px}.brand{font-size:16px}.brand-mark{width:34px;height:34px}.nav{display:none;position:absolute;top:74px;left:0;width:100%;padding:20px 24px;background:#fff;box-shadow:0 10px 15px #0001;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:11px 0;border:0}.menu-button{display:block;border:0;background:none;color:var(--ink);letter-spacing:1px;font-size:11px}.hero{height:670px}.hero-content{padding:120px 30px}.hero-content>p:not(.eyebrow){font-size:14px}.hero-data{right:30px}.section{display:block;padding:80px 24px}.section-label{margin-bottom:45px}.about aside{margin-top:70px;grid-template-columns:1fr}.about aside div,.about aside div+div{border-right:0;border-bottom:1px solid var(--line);padding:14px 0}.cards{grid-template-columns:1fr;gap:12px}.cards article{min-height:220px}.service-banner{padding:80px 30px;display:block}.round-link{margin-top:45px}.news-list>a{grid-template-columns:1fr 20px}.news-list time{grid-column:span 2}.contact{padding:80px 30px;display:block}.contact-details{margin-top:70px}footer{padding:28px 24px}footer p{display:none}}