:root{--ink:#171a1d;--paper:#f3f4f2;--white:#fff;--muted:#6f767c;--line:#d9dddf;--accent:#e1472d;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;letter-spacing:0}img,video{display:block;width:100%}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;height:88px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;color:#fff;border-bottom:1px solid #ffffff40}.brand{display:flex;align-items:center;gap:12px;min-width:300px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid currentColor;font-family:serif;font-size:25px}.brand strong{display:block;font-size:17px}.brand small{display:block;margin-top:4px;font-size:9px;color:#ffffffa5}.desktop-nav{display:flex;justify-content:center;gap:30px;flex:1}.desktop-nav a{font-size:14px;font-weight:700}.header-cta{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px}.header-cta svg,.text-link svg,.button svg{width:18px}.menu-button{display:none;color:#fff;border:0;background:none}.mobile-nav{display:none}.hero{position:relative;min-height:760px;height:100svh;max-height:960px;color:#fff;overflow:hidden}.hero>img{height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,12,15,.82),rgba(7,12,15,.28) 60%,rgba(7,12,15,.12)),linear-gradient(0deg,rgba(7,12,15,.78),transparent 45%)}.hero-copy{position:absolute;left:clamp(20px,7vw,110px);top:23%;max-width:760px}.eyebrow{margin:0 0 24px;font-size:12px;font-weight:800;text-transform:uppercase}.eyebrow.dark{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.2vw,92px);font-weight:300;line-height:1.04;margin-bottom:26px}h2{font-size:clamp(36px,4.3vw,64px);font-weight:300;line-height:1.13}h3{font-size:24px}.hero-lead{max-width:650px;font-size:18px;line-height:1.8;color:#eef0f1}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{min-height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;font-weight:800;font-size:15px;cursor:pointer}.button.primary{background:var(--accent);color:#fff}.button.ghost{border-color:#ffffff80;background:#1118;color:#fff}.button.outline{border-color:var(--ink)}.hero-metrics{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:0 clamp(20px,4vw,64px);background:#0d1115d9;backdrop-filter:blur(10px)}.hero-metrics div{padding:23px 28px;border-left:1px solid #ffffff28}.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics strong{font-size:25px}.hero-metrics span{margin-top:6px;color:#b9c0c4;font-size:12px}.band{padding:110px clamp(20px,7vw,110px)}.light{background:#f5f6f4}.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw}.section-heading{max-width:720px}.intro-copy{padding-top:46px;max-width:560px}.intro-copy p,.section-note,.project-copy>p,.qualification-copy>p,.contact-copy>p,.styles-title>p{font-size:17px;line-height:1.85;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding-bottom:7px;border-bottom:2px solid var(--accent);font-weight:800}.dark-band{background:#161a1d;color:#fff}.construction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:85px;padding-bottom:85px}.construction-feature{position:relative;min-height:300px;padding:30px 50px;border-left:1px solid #ffffff20}.construction-feature .number{position:absolute;right:24px;top:22px;color:#ffffff30;font-size:13px}.construction-feature>svg{width:34px;height:34px;color:var(--accent);margin-bottom:60px}.construction-feature p{color:#aeb5ba;line-height:1.8}.project-story{display:grid;grid-template-columns:1.4fr .6fr;background:#fff}.project-media{position:relative;min-height:650px;background:#111}.project-media video{height:100%;object-fit:cover}.media-label{position:absolute;left:24px;top:24px;padding:10px 14px;background:#111d;color:#fff;font-size:12px}.project-copy{padding:100px clamp(30px,5vw,85px);align-self:center}.project-copy dl{margin-top:48px}.project-copy dl div{display:flex;justify-content:space-between;padding:17px 0;border-top:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;font-weight:700}.gallery{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:16px;padding-top:24px}.gallery figure{margin:0;background:#111;color:#fff}.gallery img{height:420px;object-fit:cover}.gallery figcaption{padding:15px;font-size:13px}.pricing{background:#fff}.pricing>.section-heading{display:inline-block;width:55%}.section-note{display:inline-block;max-width:470px;vertical-align:top;padding-top:50px}.pricing-table{margin-top:50px;border-top:2px solid var(--ink)}.price-row{display:grid;grid-template-columns:1.1fr repeat(3,1fr);border-bottom:1px solid var(--line)}.price-row>*{padding:20px 12px}.price-row>*+*{border-left:1px solid var(--line)}.price-head{background:var(--ink);color:#fff}.highlight strong{font-size:24px;color:var(--accent)}.fine-print{margin:18px 0 0;color:var(--muted);font-size:12px}.styles{display:grid;grid-template-columns:30% 70%;background:#15191c;color:#fff}.styles-title{padding:90px 4vw}.styles-title h2{font-size:clamp(34px,3.7vw,56px)}.styles-title>p{color:#abb2b6}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:680px}.style-grid figure{position:relative;margin:0;overflow:hidden;border-left:1px solid #ffffff30}.style-grid img{height:100%;object-fit:cover;filter:saturate(.75)}.style-grid figcaption{position:absolute;inset:auto 0 0;padding:45px 24px 24px;background:linear-gradient(transparent,#111d)}.style-grid figcaption>*{display:block}.style-grid figcaption span{font-size:11px;color:#ddd;margin-top:5px}.process ol{display:grid;grid-template-columns:repeat(7,1fr);list-style:none;margin:55px 0 0;padding:0;border-top:2px solid var(--ink)}.process li{padding:24px 16px;border-right:1px solid var(--line)}.process li span{display:block;color:var(--accent);font-weight:800;margin-bottom:42px}.process li strong{font-size:17px}.process li p{margin:8px 0;color:var(--muted);font-size:13px;line-height:1.6}.promise{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.promise-list p{display:flex;gap:16px;padding:24px 0;border-bottom:1px solid #ffffff20;color:#afb5b9;line-height:1.7}.promise-list svg{flex:0 0 22px;color:var(--accent)}.promise-list strong{display:block;color:#fff;font-size:18px}.qualification{display:grid;grid-template-columns:1fr .7fr;gap:8vw;background:#fff}.qualification-copy{max-width:720px}.certificate-preview{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--line);background:#f4f5f3}.certificate-preview svg{width:64px;height:64px;color:var(--accent);margin-bottom:28px}.certificate-preview strong{font-size:28px}.certificate-preview span{margin:10px 0 36px;color:var(--muted)}.certificate-preview small{padding-top:16px;border-top:1px solid var(--line)}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:110px clamp(20px,7vw,110px);background:#1b2023;color:#fff}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact label{font-size:12px;font-weight:700;color:#bbc1c5}.contact input,.contact textarea{width:100%;margin-top:8px;padding:16px 0;border:0;border-bottom:1px solid #ffffff45;background:transparent;color:#fff;font:inherit;outline:none}.contact input:focus,.contact textarea:focus{border-color:var(--accent)}.full{grid-column:1/-1}.form-status{min-height:22px;margin:0;color:#f2b3a8;font-size:13px}footer{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding:70px clamp(20px,7vw,110px) 30px;background:#0d1012;color:#fff}footer>div{display:flex;flex-direction:column;gap:12px}footer a,footer span,footer p{color:#8e979d;font-size:13px}.footer-brand .brand-mark{color:#fff;margin-bottom:8px}.copyright{grid-column:1/-1;margin-top:40px;padding-top:24px;border-top:1px solid #ffffff20}
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-button{display:block;margin-left:auto}.brand{min-width:0}.mobile-nav{position:fixed;z-index:18;top:0;right:-100%;width:min(86vw,400px);height:100vh;padding:110px 35px 40px;display:flex;flex-direction:column;gap:26px;background:#131719;color:#fff;transition:right .25s}.mobile-nav.open{right:0}.hero{min-height:760px}.hero-metrics{grid-template-columns:1fr 1fr}.hero-copy{top:19%}.intro,.promise,.qualification,.contact{grid-template-columns:1fr}.construction-grid{grid-template-columns:1fr}.construction-feature{min-height:220px;border-left:0;border-top:1px solid #ffffff20}.project-story{grid-template-columns:1fr}.project-media{min-height:500px}.gallery{grid-template-columns:1fr 1fr}.gallery-wide{grid-column:1/-1}.pricing>.section-heading,.section-note{width:100%;padding-top:0}.styles{grid-template-columns:1fr}.style-grid{min-height:560px}.process ol{grid-template-columns:repeat(4,1fr)}footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}}
@media(max-width:620px){.site-header{height:74px}.brand-mark{width:40px;height:40px}.brand small{display:none}.hero{height:820px;max-height:none}.hero-copy{top:16%;right:20px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch;max-width:280px}.hero-metrics{padding:0}.hero-metrics div{padding:17px 18px}.hero-metrics strong{font-size:19px}.band{padding:78px 20px}.construction-grid{padding:40px 20px}.construction-feature{padding:28px 10px}.project-media{min-height:0}.project-media video{aspect-ratio:16/10}.project-copy{padding:70px 20px}.gallery{grid-template-columns:1fr;padding-top:20px}.gallery-wide{grid-column:auto}.gallery img{height:330px}.pricing-table{overflow-x:auto}.price-row{min-width:700px}.styles-title{padding:70px 20px}.style-grid{grid-template-columns:1fr 1fr;min-height:880px}.process ol{grid-template-columns:1fr 1fr}.promise{gap:20px}.qualification{gap:45px}.certificate-preview{min-height:320px}.contact{padding:80px 20px}.contact form{grid-template-columns:1fr}.full{grid-column:1}footer{grid-template-columns:1fr;padding:60px 20px 25px}.copyright{grid-column:1}.hero-metrics span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mobile-nav{transition:none}}
.direct-contact{grid-column:2;display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}.direct-contact span{color:#bbc1c5;font-size:13px}.direct-contact a{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700}.direct-contact svg{width:22px;color:var(--accent)}.contact form{grid-column:2}.contact-copy{grid-row:1/span 2}@media(max-width:980px){.direct-contact,.contact form{grid-column:1}.contact-copy{grid-row:auto}}@media(max-width:620px){.direct-contact{align-items:flex-start;flex-direction:column;gap:12px}.direct-contact a{font-size:22px}}