*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#172b45;background:#fff;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}p{color:#607083;margin:0 0 22px}h1,h2,h3{line-height:1.4;margin:0;font-weight:750}h2{font-size:clamp(28px,3.1vw,42px);letter-spacing:-1px;margin:14px 0 26px}h3{font-size:24px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#317aa9}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:0}:focus-visible{outline:3px solid #219bd0;outline-offset:5px}header{height:94px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:#fffffffa;border-bottom:1px solid #e7edf2;position:sticky;top:0;z-index:20}.brand img{width:228px}nav{display:flex;gap:32px;align-items:center;font-size:15px;font-weight:650}nav a:hover,.text-link:hover{color:#218bc0}.nav-contact{background:#174d85;color:white;padding:13px 22px}.menu{display:none}.hero{position:relative;background:#f3f7fa;display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;overflow:hidden}.hero-copy{padding:85px 25px 50px max(6vw,24px);z-index:1}.hero h1{font-size:clamp(36px,4vw,58px);line-height:1.42;letter-spacing:-1.6px;margin:24px 0}.hero h1 span{color:#228ec1}.hero p{font-size:19px;line-height:1.9}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 23px;background:#174d85;color:white;font-weight:650;border:1px solid #174d85;font-size:15px;transition:background .2s}.button:hover{background:#287dab}.button.outline{background:transparent;color:#174d85}.button.outline:hover{background:#e4eff6}.hero-note{display:flex;gap:27px;margin-top:48px;font-size:14px;letter-spacing:4px;color:#738497}.hero-visual{position:relative;margin:34px 0 0;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}.hero-visual>img{height:100%;width:100%;object-fit:cover;object-position:center}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#071e35b5)}.image-caption{position:absolute;bottom:78px;left:15%;right:10%;color:white;z-index:1}.image-caption span{font-size:11px;letter-spacing:2px;display:block;margin-bottom:10px}.image-caption strong{font-size:21px}.hero-bottom{grid-column:1/-1;padding:20px 6%;background:#153d67;color:#dcebf5;font-size:14px;letter-spacing:2px}.hero-bottom span{margin:0 25px;color:#6895b4}.section{max-width:1320px;margin:auto;padding:96px 6%}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.lead{font-size:19px;color:#354b60}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d9e2ea;padding-top:24px;gap:12px;color:#174d85;font-size:15px}.products-section{background:#f6f8fa;max-width:none;padding-left:max(6%,calc((100vw - 1160px)/2));padding-right:max(6%,calc((100vw - 1160px)/2))}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}.section-head p{font-size:15px;min-width:250px;margin-bottom:30px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product{background:#fff;border:1px solid #e1e7ed}.product-photo{height:265px;background:#f5f6f8;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px}.product-photo img{height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.product-photo:hover img{transform:scale(1.04)}.product-info{padding:26px}.product-info .eyebrow{letter-spacing:1px}.product h3{margin:6px 0 12px}.product p{font-size:15px;line-height:1.9;min-height:86px}.text-link{display:flex;justify-content:space-between;border-top:1px solid #e4eaf0;padding-top:15px;font-size:14px;color:#174d85}.specs{margin-top:32px;background:#fff;border:1px solid #d9e3ec}.specs summary{cursor:pointer;display:flex;justify-content:space-between;gap:15px;padding:23px 26px;font-size:20px;font-weight:700}.spec-summary{font-size:14px;font-weight:400;color:#526b83}.spec-summary b{margin-left:25px}.spec-inner{padding:0 26px 26px}.spec-inner p{font-size:14px}table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}th{background:#eaf1f6}th,td{padding:10px 16px;border-bottom:1px solid #e3e9ef}td a{color:#176495}.applications{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.application{border-bottom:1px solid #d5e0e9}.application>img{width:100%;height:330px;object-fit:contain;background:#f8fafb;padding:16px}.application>div{display:flex;align-items:center;gap:22px;padding:20px 0}.application span{font-size:13px;color:#338ec0}.application h3{font-size:21px}.quality-section{background:#102f51;color:white}.quality{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center}.quality .eyebrow{color:#76c2e5}.quality p{color:#b9ccdc}.benefits{padding:0;list-style:none}.benefits li{padding:9px 0;border-bottom:1px solid #ffffff20}.benefits li:before{content:"＋";color:#6bc6eb;margin-right:16px}.small{font-size:13px;margin-top:24px}.documents{display:grid;grid-template-columns:1fr 1fr;gap:20px}.documents a{background:#fff;color:#183b61;padding:12px}.documents img{height:300px;width:100%;object-fit:contain}.documents span{display:flex;justify-content:space-between;font-size:14px;padding:16px 4px 3px}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:9%}.contact-details h3{font-size:23px}.english{font-size:12px;letter-spacing:.8px;margin-top:6px}dl{margin:26px 0}dl>div{display:flex;border-bottom:1px solid #e1e9ef;padding:10px 0;gap:20px}dt{flex:0 0 44px;font-size:14px;color:#738497}dd{margin:0;font-size:15px;overflow-wrap:anywhere}.line-qr{display:flex;gap:20px;align-items:center}.line-qr img{width:112px}.line-qr p{margin:0}.line-qr span{font-size:13px;color:#738497}footer{padding:32px 6%;border-top:1px solid #dce5ed;display:flex;gap:35px;align-items:center;justify-content:space-between;background:#f8fafb;font-size:13px}footer strong{display:block;font-size:21px;letter-spacing:3px}footer span{display:block;font-size:10px;letter-spacing:1px}footer p{margin:0}footer>a{white-space:nowrap}@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1380px)/2)}}@media(max-width:1000px){header{padding:0 4%;height:80px}.brand img{width:195px}nav{gap:18px;font-size:14px}.hero-copy{padding-top:65px}.hero{min-height:590px}.hero h1{font-size:39px}.products{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head p{margin:0}.quality{gap:4%}.documents{gap:12px}.documents img{height:230px}.contact{gap:5%}}@media(max-width:720px){html{scroll-padding-top:80px}header{height:74px}.brand img{width:178px}.menu{display:block;border:1px solid #d4e0ea;background:white;padding:7px 12px;font-size:14px;color:#174d85}nav{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:24px;box-shadow:0 12px 20px #1232;align-items:stretch}nav.open{display:flex;flex-direction:column}nav a{padding:10px}.hero{display:block}.hero-copy{padding:45px 6% 28px}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.hero h1{font-size:clamp(31px,7.8vw,47px);margin:19px 0}.hero p{font-size:17px}.hero-note{margin-top:30px;font-size:12px}.hero-visual{height:350px;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);margin:0 0 0 5%}.hero-visual>img{object-position:50% 55%}.image-caption{bottom:25px;left:10%}.hero-bottom{padding:17px 6%;font-size:11px;letter-spacing:0}.hero-bottom span{margin:0 8px}.section{padding:62px 6%}.about,.quality,.contact{grid-template-columns:1fr;gap:24px}.services{font-size:13px;gap:5px}.section-head{margin-bottom:28px}.section-head p{font-size:14px}.products{gap:14px}.product-photo{height:215px;padding:15px}.product-info{padding:18px}.product h3{font-size:22px}.product p{font-size:14px;min-height:130px}.product-info .eyebrow{font-size:10px}.text-link{font-size:13px}.specs summary{padding:20px 16px;display:block;font-size:18px}.spec-summary{display:block;margin-top:7px}.spec-inner{padding:0 14px 20px}th,td{padding:10px 8px;font-size:13px}.applications{gap:24px;grid-template-columns:1fr}.application>img{height:290px}.documents img{height:270px}.contact-details{margin-top:20px}footer{flex-wrap:wrap;gap:20px}footer p{order:4;width:100%}.button{font-size:14px;padding:12px 17px;gap:12px}.actions{gap:10px}.line-qr img{width:100px}}@media(max-width:380px){.products{grid-template-columns:1fr}.product p{min-height:0}.documents img{height:200px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Supplied horizontal logo: preserve its full image and aspect ratio. */
header{height:156px}.brand{flex-shrink:0}.brand img{width:270px;height:auto;object-fit:contain}html{scroll-padding-top:172px}@media(max-width:1000px){header{height:140px}.brand img{width:240px}html{scroll-padding-top:156px}}@media(max-width:720px){header{height:126px}.brand img{width:210px;max-width:calc(100vw - 125px)}nav{top:126px}html{scroll-padding-top:142px}}

/* Keep the supplied portrait photo inside the existing hero frame. */
.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Original construction photos follow the assembly demonstrations. */
.site-photos{margin-top:64px;padding-top:48px;border-top:1px solid #d5e0e9}.site-photos .section-head{margin-bottom:26px}.site-photos h3{font-size:clamp(24px,2.5vw,32px);margin-top:12px}.site-photo{margin:0;background:#f5f8fa;min-width:0}.site-photo img{width:100%;height:auto;display:block}.site-photo figcaption{padding:24px 28px}.site-photo h4{font-size:21px;line-height:1.5;margin:0 0 10px}.site-photo p{font-size:15px;margin:0}.site-photo-wide{display:grid;grid-template-columns:1.65fr 1fr;align-items:center}.site-photo-wide h4{margin-top:10px}.drainage-photos{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}@media(max-width:720px){.site-photos{margin-top:44px;padding-top:34px}.site-photo-wide,.drainage-photos{grid-template-columns:1fr}.drainage-photos{gap:24px;margin-top:24px}.site-photo figcaption{padding:22px}.site-photo h4{font-size:20px}}

.concrete-site-photo{margin-top:30px}@media(max-width:720px){.concrete-site-photo{margin-top:24px}}

.spec-image-link{display:inline-flex;align-items:center;gap:14px}.spec-image-link img{display:block;width:104px;height:120px;object-fit:contain;background:#061a46}.spec-image-link span{white-space:nowrap;font-size:14px}.spec-inner td{vertical-align:middle}@media(max-width:720px){.spec-image-link{flex-direction:column;align-items:flex-start;gap:8px}.spec-image-link img{width:78px;height:90px}.spec-inner th,.spec-inner td{font-size:14px}.spec-inner p{font-size:14px}}