:root{--navy:#061f3c;--blue:#0a3c73;--cyan:#22c8c0;--orange:#ff7a2f;--ice:#eef7f8;--ink:#0a1c2c;--line:#c9d8df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:'Noto Sans TC',sans-serif;color:var(--ink);background:#fff;line-height:1.8}img{display:block;width:100%}a{color:inherit;text-decoration:none}.topbar{height:92px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;gap:38px;position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #dbe4e8;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;min-width:238px}.brand-mark{width:54px;height:54px}.mark-shield{fill:var(--navy)}.mark-wave{fill:var(--cyan)}.mark-roof{fill:#fff}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand b{font-size:22px;letter-spacing:.14em}.brand small{font-size:10px;letter-spacing:.16em;color:#617182}.topbar nav{display:flex;gap:clamp(14px,1.8vw,30px);align-items:center;margin-left:auto}.topbar nav a{font-weight:600;font-size:14px;white-space:nowrap;position:relative}.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--cyan);transition:.25s}.topbar nav a:hover:after{right:0}.nav-call{background:var(--orange);color:#fff;padding:13px 18px;font-weight:700;font-size:14px;white-space:nowrap}.menu-toggle{display:none}.hero{margin-top:92px;height:calc(100svh - 92px);min-height:640px;position:relative;color:#fff;overflow:hidden}.hero>img{height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,39,.94) 0%,rgba(3,20,39,.7) 45%,rgba(3,20,39,.16) 76%),linear-gradient(0deg,rgba(3,20,39,.76),transparent 40%)}.hero:after{content:"";position:absolute;right:-90px;top:-180px;width:430px;height:620px;border:1px solid rgba(34,200,192,.4);transform:rotate(20deg)}.hero-content{position:absolute;left:clamp(28px,8vw,135px);top:50%;transform:translateY(-56%);max-width:760px;z-index:2}.eyebrow,.kicker{text-transform:uppercase;font-weight:700;letter-spacing:.12em}.eyebrow{font-size:14px;display:flex;gap:12px;align-items:center}.eyebrow span{width:42px;height:2px;background:var(--cyan)}h1{font-size:clamp(46px,6vw,88px);line-height:1.13;letter-spacing:-.04em;margin:20px 0 28px;font-weight:900}h1 em{font-style:normal;color:var(--cyan)}.hero-content>p:last-of-type{font-size:18px;max-width:610px;color:#d6e3e7}.hero-actions{display:flex;gap:14px;margin-top:34px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 26px;font-weight:700;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#fff}.ghost{border-color:#fff;color:#fff}.proof-strip{position:absolute;right:0;bottom:0;background:rgba(6,31,60,.94);min-width:min(690px,58vw);padding:22px 42px;display:flex;gap:22px;align-items:center;z-index:3}.proof-strip b{font-size:40px;color:var(--cyan)}.proof-strip b span{font-size:15px}.proof-strip p{font-size:13px;line-height:1.5;margin:0;color:#d9e6eb}.proof-strip i{width:1px;height:38px;background:#577083}.section{padding:110px clamp(28px,8vw,140px)}.section-label{font-size:12px;font-weight:800;letter-spacing:.22em;color:#617182;border-left:4px solid var(--cyan);padding-left:12px;margin-bottom:28px}.section-label.light{color:#a9c3cf}.kicker{color:#0b897f;font-size:14px;margin:0 0 12px}h2{font-size:clamp(36px,4.4vw,64px);line-height:1.25;letter-spacing:-.035em;margin:0;font-weight:900}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:end}.intro-grid>div:last-child{font-size:17px;color:#486070}.values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:72px;border-top:1px solid var(--line)}.values article{padding:34px 32px 0 0;border-right:1px solid var(--line)}.values article+article{padding-left:32px}.values b,.service-mini b{color:var(--cyan);font-size:14px}.values h3,.service-mini h3{font-size:23px;margin:10px 0}.values p,.service-mini p{color:#647987;margin:0}.services{background:var(--navy);color:#fff}.section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end;margin-bottom:58px}.section-head>p{color:#bbccd3;margin:0 0 10px}.section-head:not(.dark)>p{color:#617182}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{min-height:420px;position:relative;overflow:hidden}.service-card img{height:100%;object-fit:cover;filter:saturate(.7)}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,25,48,.95),transparent 66%)}.service-card>span{position:absolute;top:20px;left:20px;border:1px solid rgba(255,255,255,.6);padding:3px 10px;z-index:2;font-size:13px}.service-card>div{position:absolute;z-index:2;left:26px;right:26px;bottom:24px}.service-card h3{font-size:25px;margin:0}.service-card p{margin:7px 0 0;color:#d8e4e8;font-size:14px}.service-card.featured{grid-column:span 1}.service-mini{padding:34px;border:1px solid #37516c;min-height:210px}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:58px;counter-reset:steps}.steps article{position:relative;padding:28px 22px;border-top:4px solid var(--navy);background:var(--ice)}.steps article+article{border-left:1px solid #cfdee3}.steps b{font-size:13px;color:#0b8f86}.steps h3{margin:8px 0;font-size:20px}.steps p{margin:0;color:#647987;font-size:14px}.cases{background:#071a2c;color:#fff}.case-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:18px}.case-grid article{position:relative;height:480px;overflow:hidden}.case-grid img{height:100%;object-fit:cover;transition:.5s}.case-grid article:hover img{transform:scale(1.04)}.case-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,38,.9),transparent 55%)}.case-grid div{position:absolute;z-index:2;left:25px;bottom:22px}.case-grid small{color:var(--cyan)}.case-grid h3{font-size:25px;margin:4px 0}.project-names{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.project-names span{padding:8px 16px;border:1px solid #385066;color:#b8cbd3;font-size:13px}.material-list{border-top:1px solid var(--line)}.material-list article{display:grid;grid-template-columns:80px .55fr 1fr;gap:28px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.material-list span{font-weight:800;color:var(--cyan)}.material-list h3{font-size:23px;margin:0}.material-list p{color:#5d7280;margin:0}.news{background:var(--ice)}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:52px;border-top:1px solid #b8cbd2}.news-grid article{padding:30px 36px 34px 0;border-bottom:1px solid #b8cbd2}.news-grid article:nth-child(even){padding-left:36px;border-left:1px solid #b8cbd2}.news-grid small{color:#0b8f86;font-weight:700}.news-grid h3{font-size:21px;margin:10px 0;line-height:1.5}.news-grid time{font-size:13px;color:#7a8d99}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px}.quotes blockquote{margin:0;background:#f3f7f8;padding:36px;border-top:4px solid var(--blue)}.quotes p{font-size:17px;margin:0 0 28px}.quotes footer{font-weight:700}.quotes span{float:right;color:var(--orange);letter-spacing:.08em}.contact{background:linear-gradient(125deg,#082847,#061a2e);color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center}.contact-card{background:#fff;color:var(--ink);padding:42px}.contact-card p{font-size:13px;color:#6f8290;margin:0 0 8px}.contact-card>a:not(.btn){display:block;font-size:clamp(25px,3vw,40px);font-weight:900;line-height:1.25}.contact-card hr{border:0;border-top:1px solid var(--line);margin:28px 0}.contact-card address{font-style:normal;font-size:18px}.contact-actions{display:flex;gap:10px;margin-top:30px}.line{background:#08b36b;color:#fff}.footer{background:#03121f;color:#b4c7d0;padding:54px clamp(28px,8vw,140px);display:flex;align-items:center;gap:40px}.footer .brand{margin-right:auto}.footer .brand b{color:#fff}.footer .brand small{color:#8ea5b0}.footer .mark-shield{fill:#143a5c}.footer>p,.footer>small{font-size:13px}.float-call{display:none}.menu-toggle{font:inherit;background:none;border:0;font-weight:700}
@media(max-width:1150px){.topbar nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:20px 28px;box-shadow:0 15px 30px #071a2c22;flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.nav-call{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.case-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar{height:76px;padding:0 18px}.brand{min-width:0}.brand-mark{width:45px;height:45px}.brand b{font-size:18px}.brand small{font-size:8px}.topbar nav{top:76px}.hero{margin-top:76px;height:auto;min-height:720px}.hero>img{position:absolute;inset:0;height:100%}.hero-shade{background:linear-gradient(0deg,rgba(3,20,39,.97),rgba(3,20,39,.22))}.hero-content{left:24px;right:24px;top:46%;transform:translateY(-50%)}h1{font-size:43px}.hero-content>p:last-of-type{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch;text-align:center}.proof-strip{left:0;right:0;min-width:0;padding:18px 22px;gap:15px}.proof-strip b{font-size:32px}.proof-strip p:last-child,.proof-strip i{display:none}.section{padding:76px 24px}.intro-grid,.section-head,.contact{grid-template-columns:1fr;gap:28px}.values{grid-template-columns:1fr}.values article,.values article+article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.service-grid{grid-template-columns:1fr}.service-card{min-height:360px}.service-mini{min-height:auto}.steps{grid-template-columns:1fr}.steps article+article{border-left:0}.case-grid{grid-template-columns:1fr}.case-grid article{height:390px}.material-list article{grid-template-columns:45px 1fr;gap:12px}.material-list p{grid-column:2}.news-grid,.quotes{grid-template-columns:1fr}.news-grid article:nth-child(even){padding-left:0;border-left:0}.contact-card{padding:28px}.contact-actions{flex-direction:column}.footer{flex-direction:column;align-items:flex-start;gap:10px;padding-bottom:90px}.footer .brand{margin:0}.float-call{display:block;position:fixed;z-index:60;bottom:16px;right:16px;background:var(--orange);color:#fff;padding:13px 20px;font-weight:800;box-shadow:0 10px 30px #071a2c55}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.topbar .custom-logo-link{display:flex}.topbar .custom-logo{width:auto;height:54px;max-width:150px}.topbar .menu{display:flex;gap:clamp(14px,1.8vw,30px);margin:0;padding:0;list-style:none}.topbar nav .sub-menu{position:absolute;top:100%;background:#fff;min-width:180px;padding:12px;display:none;box-shadow:0 14px 28px #061f3c22}.topbar nav li{position:relative}.topbar nav li:hover>.sub-menu,.topbar nav li:focus-within>.sub-menu{display:block}.text-link{display:inline-block;margin-top:28px;color:var(--cyan);font-weight:700}.content-shell{max-width:1240px;margin:92px auto 0;padding:80px 28px 110px}.content-shell.narrow{max-width:920px}.page-hero{padding:60px 0;border-bottom:1px solid var(--line);margin-bottom:54px}.page-hero h1{color:var(--navy);font-size:clamp(40px,6vw,72px);margin:0}.page-hero p{color:#647987}.entry-content{font-size:18px;max-width:920px}.entry-content h2,.entry-content h3{color:var(--navy);margin-top:2em}.entry-content a{color:#087f78;text-decoration:underline}.entry-cover{max-height:600px;object-fit:cover;margin-bottom:40px}.post-grid,.project-archive{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.post-card,.project-archive article{border-bottom:3px solid var(--navy);padding-bottom:24px}.post-card img,.project-archive img{aspect-ratio:4/3;object-fit:cover;margin-bottom:20px}
.post-card img{object-position:var(--desktop-focus,50% 50%)}
@media (max-width:767px){.post-card img{object-position:var(--mobile-focus,var(--desktop-focus,50% 50%))}}.post-card small,.project-archive small{color:#0b8f86;font-weight:700}.post-card h2,.project-archive h2{font-size:24px;line-height:1.4;margin:10px 0}.post-card p{color:#647987}.navigation.pagination{margin-top:50px}.nav-links{display:flex;gap:8px}.page-numbers{padding:8px 14px;border:1px solid var(--line)}.page-numbers.current{background:var(--navy);color:#fff}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){.topbar .menu{flex-direction:column;align-items:flex-start}.topbar nav .sub-menu{position:static;box-shadow:none;padding-left:20px}.topbar nav li:hover>.sub-menu,.topbar nav li:focus-within>.sub-menu{display:block}}
@media(max-width:760px){.content-shell{margin-top:76px;padding:48px 24px 76px}.post-grid,.project-archive{grid-template-columns:1fr}.page-hero{padding:32px 0;margin-bottom:36px}.entry-content{font-size:16px}.topbar .custom-logo{height:45px}}
.topbar nav a{font-size:16px}.section-label{letter-spacing:.16em}.values b,.service-card>span,.service-mini>b,.material-list>article>span{display:none}.values article{padding-top:28px}.service-mini{padding-top:38px}.material-list article{grid-template-columns:.55fr 1fr}.hero>img{image-rendering:auto}.service-card img,.case-grid img,.post-card img,.project-archive img{image-rendering:auto}
.page-hero-image{position:relative;min-height:360px;overflow:hidden;padding:0;border:0;display:flex;align-items:flex-end;background:#061f3c}.page-hero-image>img{position:absolute;inset:0;height:100%;object-fit:cover}.page-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,31,60,.9),rgba(6,31,60,.16))}.page-hero-image>div{position:relative;z-index:2;color:#fff;padding:48px}.page-hero-image span{font-size:13px;letter-spacing:.18em;color:#77e0d9}.page-hero-image h1{color:#fff}
.social-float{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;flex-direction:column-reverse;align-items:center;gap:10px}.social-trigger,.social-actions a{width:58px;height:58px;border:0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;box-shadow:0 10px 25px #061f3c55}.social-trigger{background:#ff7a2f;font-size:28px;cursor:pointer;animation:socialPulse 2.4s infinite}.social-actions{display:flex;flex-direction:column-reverse;gap:10px;opacity:0;transform:translateY(12px) scale(.85);pointer-events:none;transition:.25s}.social-float.open .social-actions{opacity:1;transform:none;pointer-events:auto}.social-line{background:#08b36b;font-size:12px}.social-phone{background:#0a3c73;font-size:23px}.social-top{background:#22c8c0;font-size:23px}.social-float.open .social-trigger{animation:none;transform:rotate(90deg)}@keyframes socialPulse{0%,100%{box-shadow:0 0 0 0 #ff7a2f66,0 10px 25px #061f3c55}50%{box-shadow:0 0 0 12px #ff7a2f00,0 10px 25px #061f3c55}}
@media(max-width:760px){.topbar nav a{font-size:18px}.material-list article{grid-template-columns:1fr}.material-list p{grid-column:1}.page-hero-image{min-height:280px}.page-hero-image>div{padding:28px}.social-float{right:16px;bottom:16px}.social-trigger,.social-actions a{width:52px;height:52px}}
.content-section{margin:0 0 86px}.content-intro{max-width:820px;margin-bottom:44px}.content-intro h2,.content-band h2,.split-feature h2,.contact-detail h2{font-size:clamp(32px,4vw,52px);color:var(--navy);margin:0 0 18px}.page-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.page-cards article{background:#f2f7f8;border-bottom:3px solid var(--blue)}.page-cards img{height:260px;object-fit:cover}.page-cards article>div{padding:24px}.page-cards h3,.feature-list h3,.content-steps h3{font-size:22px;margin:0 0 10px}.page-cards p,.feature-list p,.content-steps p{font-size:15px;color:#5d7280;margin:0}.content-band{margin:80px calc(50% - 50vw);padding:78px max(24px,calc((100vw - 1184px)/2));background:var(--ice)}.content-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:38px;background:#cbdce1}.content-steps article{background:#fff;padding:24px}.split-feature{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center}.split-feature>img{height:520px;object-fit:cover}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:70px}.feature-list article{border:1px solid var(--line);padding:26px}.contact-detail{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:start}.contact-detail .contact-card{box-shadow:0 18px 45px #061f3c1c}.entry-content:has(.content-section),.entry-content:has(.contact-detail){max-width:none}.entry-content:has(.content-section)>p:empty{display:none}
@media(max-width:900px){.page-cards,.feature-list{grid-template-columns:repeat(2,1fr)}.content-steps{grid-template-columns:repeat(2,1fr)}.split-feature,.contact-detail{grid-template-columns:1fr}.split-feature>img{height:400px}}
@media(max-width:600px){.page-cards,.feature-list,.content-steps{grid-template-columns:1fr}.page-cards img{height:230px}.content-band{padding-top:58px;padding-bottom:58px}.split-feature>img{height:340px}}

/* Accessibility and navigation refinements */
body{font-size:18px;line-height:1.85}
p,li,address,.entry-content,.intro-grid>div:last-child{font-size:clamp(18px,1.25vw,20px);line-height:1.85}
h1{font-size:clamp(48px,5.6vw,82px);line-height:1.18}
h2,.content-intro h2,.content-band h2,.split-feature h2,.contact-detail h2{font-size:clamp(36px,4.2vw,58px);line-height:1.32}
h3,.values h3,.service-mini h3,.page-cards h3,.feature-list h3,.content-steps h3{font-size:clamp(23px,2vw,28px);line-height:1.45}
.eyebrow,.kicker,.section-label,.news-grid small,.post-card small,.project-archive small{font-size:15px;line-height:1.6}
.hero-content>p:last-of-type,.service-card p,.steps p,.page-cards p,.feature-list p,.content-steps p,.post-card p{font-size:18px;line-height:1.8}
.btn,.nav-call,.menu-toggle{font-size:17px;min-height:54px}
.topbar{gap:clamp(14px,2vw,30px);padding-inline:clamp(20px,3.5vw,56px)}
.brand{min-width:210px}.topbar nav,.topbar .menu{gap:clamp(12px,1.35vw,22px)}.topbar nav a{font-size:16px}
.steps b,.values b,.service-card>span,.service-mini>b,.material-list>article>span{display:none!important}
@media(max-width:1280px){.topbar nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:24px 28px;box-shadow:0 15px 30px #071a2c22;flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.topbar .menu{flex-direction:column;align-items:flex-start;gap:12px}.topbar nav a{font-size:18px}.menu-toggle{display:block;margin-left:auto}.nav-call{display:none}}
@media(max-width:760px){body{font-size:18px}p,li,address,.entry-content,.intro-grid>div:last-child{font-size:18px;line-height:1.85}h1{font-size:clamp(38px,11vw,48px);line-height:1.2}h2,.content-intro h2,.content-band h2,.split-feature h2,.contact-detail h2{font-size:clamp(31px,8.5vw,40px)}h3,.values h3,.service-mini h3,.page-cards h3,.feature-list h3,.content-steps h3{font-size:23px}.hero-content>p:last-of-type,.service-card p,.steps p,.page-cards p,.feature-list p,.content-steps p,.post-card p{font-size:18px}.topbar nav{top:76px;max-height:calc(100svh - 76px);overflow-y:auto}.menu-toggle{min-height:46px;padding:0 10px}}
.contact-card p,.proof-strip p,.news-grid time,.footer>p,.footer>small,.project-names span{font-size:15px;line-height:1.7}
.project-tabs{display:flex;gap:10px;overflow-x:auto;padding:0 0 18px;margin:0 0 44px;border-bottom:1px solid var(--line);scrollbar-width:thin}.project-tabs button{appearance:none;border:1px solid var(--line);background:#fff;color:var(--navy);font:inherit;font-size:17px;font-weight:700;line-height:1.4;white-space:nowrap;padding:13px 20px;cursor:pointer}.project-tabs button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}.project-panel[hidden]{display:none}.project-panel-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:30px}.project-panel-head h2{font-size:clamp(32px,4vw,48px);color:var(--navy);margin:0}.project-panel-head p{margin:0;color:#5d7280}.project-archive h3{font-size:24px;line-height:1.45;margin:10px 0}.project-empty{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:34px;align-items:center;background:var(--ice);padding:28px}.project-empty img{height:260px;object-fit:cover}.project-empty h3{font-size:28px;margin:0 0 10px}.project-empty p{margin:0;color:#5d7280}@media(max-width:760px){.project-tabs{margin-inline:-24px;padding-inline:24px}.project-tabs button{font-size:18px;padding:14px 18px}.project-panel-head,.project-empty{grid-template-columns:1fr}.project-empty img{height:220px}}
.project-empty[hidden]{display:none!important}
.project-image-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;overflow:visible;border:0;padding:0;margin-bottom:54px}.project-image-tabs button{position:relative;height:220px;padding:0;overflow:hidden;border:0;background:var(--navy);box-shadow:0 10px 28px #061f3c1c}.project-image-tabs button img{width:100%;height:100%;object-fit:cover;transition:transform .35s,opacity .35s}.project-image-tabs button:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,24,46,.92),rgba(4,24,46,.08) 70%)}.project-image-tabs button span{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;color:#fff;font-size:23px;font-weight:800;text-align:left;line-height:1.35}.project-image-tabs button:hover img,.project-image-tabs button:focus-visible img{transform:scale(1.04)}.project-image-tabs button[aria-selected="true"]{outline:5px solid var(--cyan);outline-offset:-5px}.project-image-tabs button[aria-selected="true"] img{opacity:.75}@media(max-width:900px){.project-image-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.project-image-tabs{grid-template-columns:1fr;margin-inline:0;padding-inline:0}.project-image-tabs button{height:210px}.project-image-tabs button span{font-size:24px}}
body.admin-bar .topbar{top:32px}@media(max-width:782px){body.admin-bar .topbar{top:46px}}
@media(max-width:1450px){.topbar nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:24px 28px;box-shadow:0 15px 30px #071a2c22;flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.topbar .menu{flex-direction:column;align-items:flex-start;gap:12px}.topbar nav a{font-size:18px}.menu-toggle{display:block;margin-left:auto}.nav-call{display:none}body.admin-bar .topbar nav{top:92px}}
@media(min-width:1451px){.topbar{column-gap:36px}.brand{flex:0 0 238px}.topbar nav{min-width:0}.topbar .menu{justify-content:flex-end}}
.page-card-link,.post-card>a{display:block;height:100%}.read-more{display:inline-block;margin-top:18px;color:#087f78;font-size:17px;font-weight:800}.page-card-link:hover h3,.post-card>a:hover h3{color:#087f78}.contact-map{display:grid;grid-template-columns:.65fr 1.35fr;gap:46px;align-items:center;margin-top:70px;padding-top:54px;border-top:1px solid var(--line)}.contact-map h2{font-size:clamp(32px,4vw,48px);color:var(--navy);margin:0 0 12px}.contact-map iframe{width:100%;height:460px;border:0}@media(max-width:760px){.contact-map{grid-template-columns:1fr;gap:24px;margin-top:50px;padding-top:40px}.contact-map iframe{height:360px}}
.project-category-links a{position:relative;height:220px;overflow:hidden;background:var(--navy);box-shadow:0 10px 28px #061f3c1c}.project-category-links a img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.project-category-links a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,24,46,.94),rgba(4,24,46,.05) 72%)}.project-category-links a span,.project-category-links a b{position:absolute;z-index:2;left:22px;right:22px;color:#fff}.project-category-links a span{bottom:45px;font-size:24px;font-weight:800}.project-category-links a b{bottom:17px;font-size:15px;color:var(--cyan)}.project-category-links a:hover img{transform:scale(1.04)}.project-detail-intro{max-width:850px;margin-bottom:38px}.project-detail-intro h2{font-size:clamp(34px,4vw,52px);color:var(--navy);margin:0 0 16px}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0 58px}.project-gallery figure{margin:0;background:var(--ice)}.project-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.project-gallery figcaption{padding:13px 16px;font-size:15px;color:#526b79}.project-detail-note{padding:38px;background:var(--ice)}.project-detail-note h3{font-size:28px;color:var(--navy);margin:0 0 12px}.project-detail-note .btn{margin-top:18px;color:#fff;text-decoration:none}@media(max-width:760px){.project-gallery{grid-template-columns:1fr}.project-category-links a{height:210px}.project-detail-note{padding:26px}}
.roof-project-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0 64px}.roof-project-links a{position:relative;display:block;height:260px;overflow:hidden;background:var(--navy);box-shadow:0 10px 28px #061f3c1c}.roof-project-links a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,24,46,.96),rgba(4,24,46,.06) 72%)}.roof-project-links img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.roof-project-links span,.roof-project-links b{position:absolute;z-index:2;left:22px;right:22px;color:#fff}.roof-project-links span{bottom:48px;font-size:clamp(21px,2vw,26px);font-weight:800;line-height:1.35}.roof-project-links b{bottom:18px;color:var(--cyan);font-size:16px}.roof-project-links a:hover img,.roof-project-links a:focus-visible img{transform:scale(1.04)}.roof-project-feature{margin:0 0 48px}.roof-project-feature img{width:100%;max-height:780px;object-fit:contain;background:var(--ice)}.roof-project-feature figcaption{padding:14px 18px;background:var(--ice);font-size:16px;color:#526b79}@media(max-width:900px){.roof-project-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.roof-project-links{grid-template-columns:1fr}.roof-project-links a{height:250px}}
.highrise-hero{position:relative;min-height:640px;margin:0 0 90px;display:flex;align-items:flex-end;overflow:hidden;background:var(--navy)}.highrise-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.highrise-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,39,.95),rgba(3,20,39,.48) 58%,rgba(3,20,39,.12))}.highrise-hero>div:last-child{position:relative;z-index:2;max-width:760px;padding:70px;color:#fff}.highrise-hero h2{font-size:clamp(42px,5.2vw,70px);line-height:1.2;margin:10px 0 22px;color:#fff}.highrise-hero p{color:#e4eef1}.highrise-actions{display:flex;gap:14px;margin-top:30px}.highrise-actions .ghost{border:1px solid #fff;color:#fff;background:transparent}.highrise-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start;margin:0 0 95px}.highrise-intro h2,.highrise-safety h2{font-size:clamp(36px,4.5vw,58px);line-height:1.3;color:var(--navy);margin:0}.highrise-intro p{margin-top:0}.highrise-services{display:flex;flex-direction:column;gap:76px;margin-bottom:100px}.highrise-services article{display:grid;grid-template-columns:1.08fr .92fr;min-height:430px;background:var(--ice);align-items:stretch}.highrise-services article.image-right .highrise-image{order:2}.highrise-services article.image-right>div{order:1}.highrise-image{display:block;overflow:hidden}.highrise-image img{width:100%;height:100%;min-height:430px;object-fit:cover;transition:transform .45s}.highrise-image:hover img{transform:scale(1.035)}.highrise-services article>div{padding:clamp(34px,5vw,70px);align-self:center}.highrise-services h3{font-size:clamp(30px,3.3vw,46px);color:var(--navy);margin:8px 0 18px}.highrise-safety{margin:0 calc(50% - 50vw);padding:90px max(24px,calc((100vw - 1184px)/2));background:#071f37;color:#fff}.highrise-safety h2{color:#fff}.highrise-safety>.kicker{color:var(--cyan)}.highrise-safety-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff26;margin-top:48px}.highrise-safety-grid article{padding:34px;background:#0b2945}.highrise-safety-grid h3{color:#fff;margin:0 0 12px}.highrise-safety-grid p{color:#bed0d8;margin:0;font-size:18px}.highrise-cta{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:90px;padding:52px 58px;background:var(--ice);border-left:6px solid var(--orange)}.highrise-cta h2{font-size:clamp(32px,4vw,50px);color:var(--navy);margin:6px 0 10px}.highrise-cta p{margin:0}.highrise-cta .btn{flex:0 0 auto}@media(max-width:900px){.highrise-hero>div:last-child{padding:48px}.highrise-intro,.highrise-services article{grid-template-columns:1fr}.highrise-services article.image-right .highrise-image,.highrise-services article.image-right>div{order:initial}.highrise-safety-grid{grid-template-columns:1fr}.highrise-cta{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.highrise-hero{min-height:620px;margin-bottom:64px}.highrise-hero>div:last-child{padding:34px 26px}.highrise-actions{flex-direction:column}.highrise-intro{grid-template-columns:1fr;gap:22px;margin-bottom:64px}.highrise-services{gap:34px;margin-bottom:70px}.highrise-image img{min-height:290px}.highrise-services article>div{padding:30px 26px}.highrise-safety{padding-top:68px;padding-bottom:68px}.highrise-cta{padding:34px 28px;margin-top:64px}}
.entry-content:has(.highrise-hero){max-width:none}.highrise-hero,.highrise-services article,.highrise-cta{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.highrise-hero>div:last-child{margin-left:max(24px,calc((100vw - 1184px)/2));padding-left:0}.highrise-services article>div{padding-left:max(42px,calc((50vw - 592px) + 70px));padding-right:max(42px,calc((50vw - 592px) + 70px))}.highrise-cta{padding-left:max(28px,calc((100vw - 1184px)/2));padding-right:max(28px,calc((100vw - 1184px)/2))}@media(max-width:900px){.highrise-hero>div:last-child{margin-left:0;padding-left:48px}.highrise-services article>div{padding:42px max(28px,calc((100vw - 720px)/2))}}@media(max-width:600px){.highrise-hero>div:last-child{padding-left:26px}.highrise-services article>div{padding:30px 26px}.highrise-cta{padding-left:28px;padding-right:28px}}
.content-shell .page-hero{box-sizing:border-box;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(24px,calc((100vw - 1184px)/2));padding-right:max(24px,calc((100vw - 1184px)/2))}.content-shell .page-hero-image{padding-left:0;padding-right:0}.content-shell .page-hero-image>div{box-sizing:border-box;width:100%;padding-left:max(24px,calc((100vw - 1184px)/2));padding-right:max(24px,calc((100vw - 1184px)/2))}@media(max-width:760px){.content-shell .page-hero{padding-left:24px;padding-right:24px}.content-shell .page-hero-image{padding-left:0;padding-right:0}.content-shell .page-hero-image>div{padding-left:24px;padding-right:24px}}
.project-archive-banner{min-height:500px;margin-bottom:68px}.project-archive-banner>img{object-position:center 48%}.project-archive-banner:after{background:linear-gradient(90deg,rgba(4,24,46,.94),rgba(4,24,46,.56) 58%,rgba(4,24,46,.14))}.project-archive-banner>div{max-width:1184px;margin:0 auto;padding-top:70px;padding-bottom:70px}.project-archive-banner h1{font-size:clamp(48px,6vw,78px);line-height:1.15;margin:10px 0 18px}.project-archive-banner p{max-width:720px;margin:0;color:#e2edf1;font-size:clamp(18px,1.5vw,21px);line-height:1.8}@media(max-width:760px){.project-archive-banner{min-height:420px;margin-bottom:48px}.project-archive-banner>div{padding-top:48px;padding-bottom:48px}.project-archive-banner h1{font-size:42px}}
.topbar nav a,.topbar .menu a{font-size:20px;line-height:1.55}.topbar nav .sub-menu a{font-size:19px;line-height:1.55}.topbar .menu{gap:clamp(15px,1.45vw,24px)}@media(max-width:1450px){.topbar nav a,.topbar .menu a{font-size:22px;line-height:1.6}.topbar nav .sub-menu a{font-size:21px}.topbar .menu{gap:15px}.topbar nav .sub-menu{min-width:230px}}
.social-trigger.mascot-trigger{width:108px;height:108px;padding:0;overflow:hidden;border:5px solid #fff;background:#07386d;box-shadow:0 12px 32px #061f3c66;animation:socialPulse 2.4s infinite}.mascot-trigger img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.social-float.open .mascot-trigger{transform:scale(.96);animation:none}.mascot-trigger:hover,.mascot-trigger:focus-visible{transform:translateY(-3px);box-shadow:0 16px 38px #061f3c77}@media(max-width:760px){.social-trigger.mascot-trigger{width:86px;height:86px;border-width:4px}.social-float{right:12px;bottom:12px}}
.mascot-tooltip{position:absolute;right:116px;bottom:34px;white-space:nowrap;padding:10px 17px;border-radius:8px;background:#071f37;color:#fff;font-size:18px;font-weight:800;line-height:1.35;box-shadow:0 10px 26px #061f3c44;opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}.mascot-tooltip:after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;background:#071f37;transform:translateY(-50%) rotate(45deg)}.social-float:has(.mascot-trigger:hover) .mascot-tooltip,.social-float:has(.mascot-trigger:focus-visible) .mascot-tooltip{opacity:1;visibility:visible;transform:none}@media(max-width:760px){.mascot-tooltip{right:94px;bottom:24px;font-size:16px;padding:8px 13px}}@media(hover:none){.mascot-tooltip{display:none}}

/* 2026 content migration and responsive menu */
.menu-toggle{width:58px;min-width:58px;padding:14px 13px;border:0;background:transparent}.menu-toggle>span{display:block;width:32px;height:4px;margin:5px auto;border-radius:4px;background:var(--navy);transition:transform .25s,opacity .25s}.menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.entry-content .kicker,.service-overview .kicker,.about-story .kicker,.about-advantages .kicker,.news-themes .kicker,.contact-form-section .kicker{font-size:clamp(20px,1.65vw,24px);letter-spacing:.08em;line-height:1.55;font-weight:800}
.about-story{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;margin-bottom:90px}.about-story h2,.about-advantages h2,.service-lead h2,.material-showcase h2{font-size:clamp(38px,4.4vw,60px);line-height:1.28;color:var(--navy);margin:10px 0 22px}.about-story>img{width:100%;height:560px;object-fit:cover}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0 70px}.about-values article{padding:30px;background:var(--ice);border-top:5px solid var(--cyan)}.about-values h3{margin:0 0 12px;color:var(--navy)}.about-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:80px}.about-gallery figure{margin:0;overflow:hidden}.about-gallery img{width:100%;height:310px;object-fit:cover;transition:transform .4s}.about-gallery img:hover{transform:scale(1.035)}
.service-lead{max-width:920px;margin-bottom:52px}.service-focus{display:flex;flex-direction:column;gap:34px;margin-bottom:100px}.service-focus article{display:grid;grid-template-columns:1fr 1fr;background:var(--ice);align-items:stretch}.service-focus article:nth-child(even) img{order:2}.service-focus article>img{width:100%;height:100%;min-height:430px;object-fit:cover}.service-focus article>div{padding:clamp(32px,5vw,68px)}.service-focus h3,.material-detail-list h3{font-size:clamp(30px,3.3vw,46px);line-height:1.3;color:var(--navy);margin:8px 0 16px}.material-showcase{margin-bottom:80px}.material-detail-list{display:flex;flex-direction:column;gap:24px}.material-detail-list article{display:grid;grid-template-columns:360px 1fr;gap:38px;align-items:center;padding:26px;background:#f2f7f8}.material-detail-list img{width:100%;height:250px;object-fit:cover}.material-detail-list h3{font-size:30px}.material-detail-list p{margin:0}
.news-themes{margin-bottom:54px}.news-themes nav{display:flex;flex-wrap:wrap;gap:12px}.news-themes nav a{display:inline-flex;align-items:center;min-height:52px;padding:10px 22px;background:var(--navy);color:#fff;font-size:19px;font-weight:800}.news-themes nav a:hover{background:#087f78}
.contact-form-section{margin:90px 0;padding:60px;background:var(--ice)}.haihao-contact-form{background:#fff;padding:38px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.haihao-contact-form label{display:flex;flex-direction:column;gap:8px;color:var(--navy);font-size:18px;font-weight:800}.haihao-contact-form input,.haihao-contact-form select,.haihao-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #aec2ca;background:#fff;padding:14px 16px;color:#132d42;font:inherit;font-size:18px}.haihao-contact-form textarea{resize:vertical}.form-wide{grid-column:1/-1}.form-notice{padding:18px 22px}.form-notice.success{background:#dff5ef;color:#075f59}
@media(max-width:900px){.about-story,.service-focus article,.material-detail-list article{grid-template-columns:1fr}.service-focus article:nth-child(even) img{order:initial}.about-story>img{height:430px}.about-values,.about-gallery{grid-template-columns:repeat(2,1fr)}.material-detail-list img{height:330px}}
@media(max-width:600px){.menu-toggle{width:52px;min-width:52px;padding:10px}.menu-toggle>span{width:30px}.about-story{gap:30px;margin-bottom:64px}.about-story>img{height:340px}.about-values,.about-gallery,.form-grid{grid-template-columns:1fr}.about-gallery img{height:270px}.service-focus article>img{min-height:300px}.service-focus article>div{padding:30px 26px}.material-detail-list article{padding:18px;gap:22px}.material-detail-list img{height:260px}.contact-form-section{margin-left:-24px;margin-right:-24px;padding:42px 24px}.haihao-contact-form{padding:24px 18px}}

/* Independent special-service pages */
.topbar nav .sub-menu{border-top:4px solid var(--cyan);z-index:30}.topbar nav .sub-menu a{display:block;padding:11px 14px;white-space:nowrap}.topbar nav .sub-menu a:hover,.topbar nav .sub-menu a:focus-visible{background:var(--ice);color:#087f78}
.mineral-intro,.leak-detection-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:80px}.mineral-intro>img,.leak-detection-intro>img{width:100%;height:560px;object-fit:cover}.mineral-intro h2,.leak-detection-intro h2,.mineral-gallery h2,.detection-methods h2,.mineral-process h2,.detection-flow h2{font-size:clamp(38px,4.4vw,60px);line-height:1.28;color:var(--navy);margin:10px 0 20px}.mineral-features,.detection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:90px}.mineral-features article,.detection-grid article{padding:30px;background:var(--ice);border-top:5px solid var(--cyan)}.mineral-features h3,.detection-grid h3{font-size:clamp(23px,2.2vw,30px);color:var(--navy);margin:0 0 12px}.mineral-gallery{margin-bottom:90px}.mineral-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mineral-photo-grid figure{margin:0;overflow:hidden;background:var(--ice)}.mineral-photo-grid img{width:100%;height:360px;object-fit:cover;transition:transform .4s}.mineral-photo-grid figure:nth-child(4n+1) img{height:480px}.mineral-photo-grid img:hover{transform:scale(1.035)}.mineral-process,.detection-flow{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;padding:56px;background:var(--ice)}.mineral-process .btn,.detection-flow .btn{margin-top:20px}.detection-grid{grid-template-columns:repeat(2,1fr)}
.detection-gallery{margin-top:90px}.detection-gallery>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detection-gallery figure{margin:0;overflow:hidden;background:var(--ice)}.detection-gallery img{width:100%;height:390px;object-fit:cover}.detection-gallery figure:first-child img{object-position:center 35%}
@media(max-width:1450px){.topbar nav .sub-menu{display:block;position:static;border-top:0;border-left:4px solid var(--cyan);box-shadow:none;margin:8px 0 0 10px;padding:4px 0 4px 14px}.topbar nav .sub-menu a{font-size:19px}}
@media(max-width:900px){.mineral-intro,.leak-detection-intro,.mineral-process,.detection-flow{grid-template-columns:1fr}.mineral-intro>img,.leak-detection-intro>img{height:430px}.mineral-features,.mineral-photo-grid,.detection-gallery>div:last-child{grid-template-columns:repeat(2,1fr)}.mineral-photo-grid figure:nth-child(4n+1) img,.mineral-photo-grid img{height:330px}}
@media(max-width:600px){.mineral-intro,.leak-detection-intro{gap:28px;margin-bottom:60px}.mineral-intro>img,.leak-detection-intro>img{height:310px}.mineral-features,.detection-grid,.mineral-photo-grid,.detection-gallery>div:last-child{grid-template-columns:1fr}.mineral-photo-grid figure:nth-child(4n+1) img,.mineral-photo-grid img{height:auto;max-height:460px}.detection-gallery img{height:auto}.mineral-process,.detection-flow{gap:20px;padding:32px 24px}}

/* 日礦泥置中全寬銷售頁 */
.content-shell.day-mud-page{max-width:none;padding:0;margin-top:92px}.day-mud-page .entry-content{max-width:none}.day-mud-sales{text-align:center}.day-mud-wrap{width:min(1184px,calc(100% - 56px));margin-inline:auto}.day-mud-hero{position:relative;min-height:690px;display:flex;align-items:center;overflow:hidden;background:var(--navy);color:#fff}.day-mud-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.day-mud-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,48,.94),rgba(4,25,48,.66) 54%,rgba(4,25,48,.28))}.day-mud-hero .day-mud-wrap{position:relative;z-index:2}.day-mud-hero .kicker{color:var(--cyan);font-size:22px}.day-mud-hero h1{max-width:920px;margin:12px auto 22px}.day-mud-hero p{max-width:820px;margin-inline:auto;color:#e2edf1;font-size:clamp(20px,1.65vw,25px)}.day-mud-actions{display:flex;justify-content:center;gap:14px;margin-top:34px}.day-mud-benefits,.day-mud-process{padding:100px 0}.day-mud-benefits h2,.day-mud-process h2,.day-mud-proof h2{color:var(--navy);margin:10px auto 46px}.day-mud-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.day-mud-benefit-grid article{padding:34px 28px;background:var(--ice);border-top:5px solid var(--cyan)}.day-mud-benefit-grid h3{color:var(--navy);margin:0 0 12px}.day-mud-benefit-grid p{margin:0;color:#526b79}.day-mud-process{background:#f3f7f8}.day-mud-stage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:stretch}.day-mud-stage-grid article{display:flex;flex-direction:column;background:#fff;box-shadow:0 14px 35px #061f3c14;overflow:hidden}.day-mud-stage-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.day-mud-stage-grid article>div{display:flex;flex:1;flex-direction:column;padding:24px 20px}.day-mud-stage-grid h3{font-size:clamp(22px,1.7vw,27px);color:var(--navy);margin:0 0 12px}.day-mud-stage-grid p{font-size:17px;line-height:1.75;color:#526b79;margin:0 0 20px}.day-mud-stage-grid strong{display:block;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);color:#087f78;font-size:16px}.day-mud-proof{padding:96px 0;background:linear-gradient(125deg,#082847,#061a2e);color:#fff}.day-mud-proof>.day-mud-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center;text-align:left}.day-mud-proof h2{color:#fff;margin:10px 0 18px}.day-mud-proof p{color:#cbdbe1}.day-mud-contact{text-align:center;background:#fff;color:var(--navy);padding:38px}.day-mud-contact span,.day-mud-contact small{display:block}.day-mud-contact>a:not(.btn){display:block;font-size:clamp(30px,3vw,42px);font-weight:900;line-height:1.35;margin:8px 0}.day-mud-contact small{font-size:17px;color:#526b79;margin-bottom:24px}.day-mud-contact .btn{color:#fff;text-decoration:none}
@media(max-width:980px){.day-mud-stage-grid{grid-template-columns:repeat(2,1fr)}.day-mud-stage-grid article:last-child{grid-column:1/-1}.day-mud-proof>.day-mud-wrap{grid-template-columns:1fr;text-align:center;gap:36px}}
@media(max-width:760px){.content-shell.day-mud-page{margin-top:76px}.day-mud-wrap{width:min(100% - 40px,1184px)}.day-mud-hero{min-height:610px}.day-mud-hero h1{font-size:clamp(42px,13vw,62px)}.day-mud-actions{flex-direction:column}.day-mud-benefits,.day-mud-process,.day-mud-proof{padding:68px 0}.day-mud-benefit-grid,.day-mud-stage-grid{grid-template-columns:1fr}.day-mud-stage-grid article:last-child{grid-column:auto}.day-mud-stage-grid img{aspect-ratio:16/10}.day-mud-contact{padding:30px 20px}}

/* 關於我們置中全寬版型 */
.content-shell.about-page{max-width:none;padding-left:0;padding-right:0;padding-bottom:0}.about-page .entry-content{max-width:none}.about-page .about-story{width:100%;padding:88px max(28px,calc((100vw - 1184px)/2));margin:0;gap:clamp(48px,7vw,100px);background:#fff}.about-page .about-story>div{text-align:center}.about-page .about-story>img{height:clamp(460px,46vw,680px)}.about-page .about-advantages{width:100%;padding:92px max(28px,calc((100vw - 1184px)/2));background:var(--ice);text-align:center}.about-page .about-advantages .content-intro{max-width:920px;margin:0 auto 44px}.about-page .about-values{margin:0}.about-page .about-values article{background:#fff;padding:38px 30px}.about-page .about-gallery{width:100%;grid-template-columns:repeat(3,1fr);gap:0;margin:0}.about-page .about-gallery figure{height:clamp(360px,34vw,580px)}.about-page .about-gallery img{height:100%}.about-page .page-hero-image{margin-bottom:0}
@media(max-width:900px){.about-page .about-story{grid-template-columns:1fr;padding-top:68px;padding-bottom:68px}.about-page .about-story>img{height:500px}.about-page .about-gallery{grid-template-columns:1fr 1fr}.about-page .about-gallery figure:last-child{grid-column:1/-1}.about-page .about-gallery figure{height:420px}}
@media(max-width:600px){.content-shell.about-page{padding-top:48px}.about-page .page-hero-image{margin-top:-48px}.about-page .about-story,.about-page .about-advantages{padding:58px 24px}.about-page .about-story>img{height:340px}.about-page .about-gallery{grid-template-columns:1fr}.about-page .about-gallery figure,.about-page .about-gallery figure:last-child{grid-column:auto;height:330px}}

/* 科技測漏頁面置中配置 */
.tech-leak-page .page-hero-image>div{text-align:center}.tech-leak-page .entry-content{max-width:none;text-align:center}.tech-leak-page .leak-detection-intro{max-width:1120px;margin-left:auto;margin-right:auto}.tech-leak-page .leak-detection-intro>div{text-align:center}.tech-leak-page .leak-detection-intro p{max-width:720px;margin-left:auto;margin-right:auto}.tech-leak-page .detection-methods>.content-intro,.tech-leak-page .detection-gallery>.content-intro{max-width:900px;margin-left:auto;margin-right:auto;text-align:center}.tech-leak-page .detection-grid{max-width:1120px;margin-left:auto;margin-right:auto}.tech-leak-page .detection-grid article{text-align:center}.tech-leak-page .detection-flow{max-width:1120px;margin-left:auto;margin-right:auto;grid-template-columns:1fr;text-align:center;gap:20px}.tech-leak-page .detection-flow p{max-width:820px;margin-left:auto;margin-right:auto}.tech-leak-page .detection-gallery>div:last-child{max-width:1120px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.tech-leak-page .leak-detection-intro{gap:34px}.tech-leak-page .leak-detection-intro>div{order:2}.tech-leak-page .leak-detection-intro>img{order:1}.tech-leak-page .detection-flow{padding:44px 30px}}
.day-mud-results{padding:96px 0;background:#fff}.day-mud-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.day-mud-results-grid figure{margin:0;background:#f3f7f8;border-radius:16px;overflow:hidden}.day-mud-results-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}.day-mud-results-grid figcaption,.detection-gallery figcaption{padding:16px 20px;font-size:18px;font-weight:800;color:var(--navy)}
@media(max-width:760px){.day-mud-results-grid{grid-template-columns:1fr}}

/* Homepage editable three-banner slider */
.haihao-home-slider{position:relative;width:100%;height:clamp(620px,78vh,860px);overflow:hidden;background:#061d35}.haihao-home-slide{position:absolute;inset:0;opacity:0;animation:haihaoBannerCycle 18s infinite}.haihao-home-slide.slide-2{animation-delay:6s}.haihao-home-slide.slide-3{animation-delay:12s}.haihao-home-slide>img{width:100%;height:100%;object-fit:cover}.haihao-home-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,23,43,.94) 0%,rgba(3,23,43,.7) 34%,rgba(3,23,43,.1) 68%)}.haihao-slide-content{position:absolute;z-index:2;left:max(6vw,24px);top:50%;transform:translateY(-50%);width:min(650px,86vw);color:#fff}.haihao-slide-content h1{font-size:clamp(42px,5.4vw,82px);line-height:1.12;margin:18px 0}.haihao-slide-content .slide-lead{font-size:clamp(22px,2vw,30px);font-weight:700}.haihao-slide-content .slide-areas{font-size:clamp(18px,1.45vw,23px);letter-spacing:.08em}.haihao-elementor-slider{position:relative;min-height:720px;overflow:hidden}.haihao-elementor-slide{position:absolute!important;inset:0;opacity:0;animation:haihaoBannerCycle 18s infinite}.haihao-elementor-slide:nth-child(2){animation-delay:6s}.haihao-elementor-slide:nth-child(3){animation-delay:12s}@keyframes haihaoBannerCycle{0%,29%{opacity:1;z-index:2}34%,95%{opacity:0;z-index:1}100%{opacity:1;z-index:2}}@media(max-width:760px){.haihao-home-slider{height:680px}.haihao-home-slide>img{object-position:66% center}.haihao-home-slide:after{background:linear-gradient(90deg,rgba(3,23,43,.94),rgba(3,23,43,.48))}.haihao-slide-content h1{font-size:40px}.haihao-slide-content .slide-lead{font-size:22px}}
@media(prefers-reduced-motion:reduce){.haihao-home-slide,.haihao-elementor-slide{animation:none}.haihao-home-slide:first-child,.haihao-elementor-slide:first-child{opacity:1}}


/* 2026-09-13 layout, readability and editable banner controls */
body{overflow-x:clip}
.content-shell{margin-top:92px;padding-top:0;padding-bottom:88px}
.content-shell>.page-hero:first-child{margin-top:0}
.section{padding-top:clamp(68px,5.2vw,86px);padding-bottom:clamp(68px,5.2vw,86px)}
.intro.section{padding-top:72px}
.section-label{margin-bottom:20px}
.intro .kicker,.section>.kicker,.section-head .kicker,.contact .kicker{font-size:clamp(20px,1.55vw,23px);line-height:1.55;letter-spacing:.08em}
.intro-grid{align-items:center;gap:clamp(52px,7vw,104px)}
.values{margin-top:54px}
.section-head{margin-bottom:44px}
.content-section{margin-bottom:68px}
.content-intro{margin-bottom:36px}
.content-band{margin-top:68px;margin-bottom:68px;padding-top:66px;padding-bottom:66px}
.service-focus{margin-bottom:76px}
.about-story{margin-bottom:70px}
.about-page .about-story{padding-top:70px;padding-bottom:70px}
.about-page .about-advantages{padding-top:72px;padding-bottom:72px}
.contact-form-section{margin-top:68px;margin-bottom:68px;padding:48px}
.highrise-hero{margin-bottom:70px}
.highrise-intro{margin-bottom:72px}
.highrise-services{gap:54px;margin-bottom:76px}
.project-archive-banner{margin-bottom:52px}
.page-hero{margin-bottom:44px}
.haihao-home-slider{height:var(--haihao-banner-height,560px);margin-top:92px}
.haihao-home-slide>img{background:#061d35}
.haihao-slide-content{top:50%}
.haihao-slide-content .slide-areas{margin-bottom:0}
@media(max-width:760px){
 .content-shell{margin-top:76px;padding-top:0;padding-bottom:64px}
 .content-shell.about-page{padding-top:0}
 .about-page .page-hero-image{margin-top:0}
 .section{padding-top:58px;padding-bottom:58px}
 .intro.section{padding-top:54px}
 .haihao-home-slider{height:520px;margin-top:76px}
 .content-band{padding-top:54px;padding-bottom:54px}
 .contact-form-section{padding:36px 24px}
}

/* 2026-09-13 page alignment and image focus */
.content-shell > .entry-content{width:100%;margin-left:auto;margin-right:auto}
.leak-detection-intro>img{object-position:left center}
.page-id-85 .project-gallery figure:nth-child(3) img{object-position:left center}
.highrise-services article:nth-child(3) .highrise-image img{object-position:left center}


/* Haihao homepage service focal points */
.home .service-grid .service-card:nth-child(1) img{object-position:68% 22%}
.home .service-grid .service-card:nth-child(2) img{object-position:50% 40%}
.home .service-grid .service-card:nth-child(3) img{object-position:56% 45%}
.home .service-grid .service-card:nth-child(4) img{object-position:50% 28%}
.home .service-grid .service-card:nth-child(5) img{object-position:44% 28%}
@media(max-width:760px){
.home .service-grid .service-card:nth-child(1) img{object-position:70% 22%}
.home .service-grid .service-card:nth-child(2) img{object-position:50% 40%}
.home .service-grid .service-card:nth-child(3) img{object-position:56% 44%}
.home .service-grid .service-card:nth-child(4) img{object-position:50% 24%}
.home .service-grid .service-card:nth-child(5) img{object-position:42% 24%}
}


/* Haihao homepage case focal points */
.home .case-grid article:nth-child(1) img{object-position:68% 40%}
.home .case-grid article:nth-child(2) img{object-position:24% 50%}
.home .case-grid article:nth-child(3) img{object-position:56% 58%}
@media(max-width:760px){
.home .case-grid article:nth-child(1) img{object-position:70% 40%}
.home .case-grid article:nth-child(2) img{object-position:24% 50%}
.home .case-grid article:nth-child(3) img{object-position:55% 60%}
}


/* 2026-09-19 unified inner-page banners */
.page-hero-image,
.project-archive-banner,
.day-mud-hero,
.highrise-hero{min-height:360px!important;height:360px!important}
.page-hero-image>img,.day-mud-hero>img,.highrise-hero>img{width:100%;height:100%;object-fit:cover}
.project-archive-banner>img{object-position:72% 50%!important}
.project-archive-banner>div{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:38px max(24px,calc((100vw - 1184px)/2))}
.project-archive-banner h1{font-size:clamp(40px,6vw,72px);margin:8px 0 12px}
.project-archive-banner p{max-width:720px;line-height:1.65}
.highrise-hero>div:last-child{box-sizing:border-box;width:100%;max-width:none;padding:34px max(24px,calc((100vw - 1184px)/2))}
.highrise-hero h2{font-size:clamp(38px,4.8vw,58px);margin:6px 0 12px}
.highrise-hero p{margin:0}
.highrise-actions{margin-top:18px}
.day-mud-hero>img{object-position:50% 50%}
.highrise-hero>img{object-position:72% 50%}
@media(max-width:760px){
 .page-hero-image,.project-archive-banner,.day-mud-hero,.highrise-hero{min-height:260px!important;height:260px!important}
 .page-hero-image>div,.project-archive-banner>div,.highrise-hero>div:last-child{padding:24px}
 .project-archive-banner>img{object-position:72% 50%!important}
 .project-archive-banner h1{font-size:40px;margin:4px 0 8px}
 .project-archive-banner p{font-size:15px;line-height:1.5}
 .day-mud-hero .kicker,.highrise-hero .kicker{font-size:15px;line-height:1.4}
 .day-mud-hero h1,.highrise-hero h2{font-size:34px;line-height:1.2;margin:6px 0}
 .day-mud-hero>img{object-position:50% 50%}
 .highrise-hero>img{object-position:72% 50%}
 .day-mud-hero .day-mud-wrap>p:not(.kicker),.day-mud-actions,.highrise-hero>div:last-child>p:not(.kicker),.highrise-actions{display:none}
}


/* 2026-09-19 home banner and highrise title update */
@media (min-width: 761px) {
  .haihao-home-slider {
    height: 360px !important;
    min-height: 360px !important;
  }
}
.highrise-hero h2 {
  font-size: clamp(40px, 6vw, 72px);
  line-height: 1.15;
  margin: 8px 0 12px;
}

/* 2026-09-19 highrise hero content alignment */
@media (min-width: 761px) {
  .highrise-hero > div:last-child {
    margin-left: max(24px, calc((100vw - 1184px) / 2)) !important;
    padding-left: 0 !important;
    padding-bottom: 32px !important;
  }
}

/* 2026-09-20 remove highrise duplicate page hero */
.page-id-9 .page-hero {
  display: none !important;
}

/* 2026-09-20 highrise English eyebrow */
.highrise-eyebrow {
  display: block;
  color: rgb(119, 224, 217);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 2.34px;
  line-height: 24.05px;
  margin-bottom: 0;
}