/* Homepage services and the standalone project directory. */
.legacy-anchor{display:block;height:0;scroll-margin-top:35px}
.services-section{padding-bottom:70px}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:34px 36px 30px;border:1px solid var(--line);background:var(--surface);min-width:0}
.service-card-top{display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--muted);font-size:9px;letter-spacing:1.2px}
.service-card-top>span[aria-hidden]{font-size:22px;color:var(--accent);line-height:1}
.service-card h3{font-size:clamp(28px,2.8vw,40px);font-weight:450;letter-spacing:-1.1px;line-height:1.18;margin:32px 0 23px}
.service-card>p{font-size:13px;line-height:1.85;max-width:460px}
.service-card ul{list-style:none;padding:25px 0 28px;margin:0;display:grid;gap:13px;flex:1}
.service-card li{position:relative;padding-left:17px;font-size:11px;color:#b2bba9;line-height:1.7}
.service-card li::before{content:'+';position:absolute;left:0;color:var(--accent);font-family:var(--mono)}
.service-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;width:100%;font-size:12px}
.service-link>span{color:var(--accent);font-size:21px;transition:transform .2s}.service-link:hover>span{transform:translate(3px,-3px)}
.foundation-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:30px 0}
.foundation-strip>p{font-size:8px;letter-spacing:1px}.foundation-strip>div{display:flex;align-items:center;gap:24px;font-size:11px;color:#bcc5b4}.foundation-strip b{font-weight:400;color:#617353;font-family:var(--mono)}
html[lang=zh-CN] .service-card h3{line-height:1.4;letter-spacing:-.5px}
@media(max-width:1100px){.service-card{padding:28px}.service-card h3{font-size:32px}.foundation-strip>div{gap:16px}}
@media(max-width:760px){.services-section{padding-bottom:40px}.service-grid{grid-template-columns:1fr;gap:18px}.service-card{padding:25px}.service-card-top{font-size:8px}.service-card h3{font-size:31px;margin:28px 0 20px}.service-card>p{font-size:12px}.service-card ul{padding-block:22px;gap:10px}.service-card li{font-size:10px}.service-link{font-size:11px;padding-top:18px}.foundation-strip{align-items:flex-start;flex-direction:column;gap:17px;padding-top:25px}.foundation-strip>div{width:100%;gap:10px;justify-content:space-between;font-size:9px}.foundation-strip>p{font-size:8px}.portfolio-section{padding-top:48px}}

.industry-reach{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:25px 50px}.industry-reach>p{font-size:8px;letter-spacing:.8px}.industry-reach>div{display:flex;flex-wrap:wrap;gap:15px 25px}.industry-reach span{font-size:11px;color:#adb9a3}@media(max-width:760px){.industry-reach{flex-direction:column;align-items:flex-start;padding-block:24px 40px;gap:20px}.industry-reach>div{gap:16px 21px}.industry-reach span{font-size:10px}}

.project-entry{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:60px;border-top:1px solid var(--line)}
.project-entry h2{font-size:clamp(28px,3.1vw,42px);font-weight:450;letter-spacing:-1.4px;line-height:1.25;margin-top:22px}
.project-entry-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--accent);padding-block:14px;font-size:12px;white-space:nowrap}.project-entry-link span{color:var(--accent);font-size:20px}
.projects-hero{padding-block:86px 66px}.projects-hero h1{font-size:clamp(60px,7.5vw,104px);font-weight:450;letter-spacing:-.055em;line-height:1.1;margin-block:27px 25px}.projects-intro{font-size:15px;line-height:1.85;max-width:600px}
.project-list-row{display:grid;grid-template-columns:40px minmax(0,.85fr) minmax(0,1.2fr);gap:30px;padding-block:45px;border-top:1px solid var(--line)}.project-list-row:last-child{border-bottom:1px solid var(--line)}
.project-list-number{color:var(--project-accent);padding-top:3px;font-size:10px}.project-list-identity>.mono{font-size:8px;letter-spacing:1px;line-height:1.8;margin-bottom:14px}.project-list-identity h2{font-weight:450;font-size:clamp(28px,3vw,38px);letter-spacing:-1px;line-height:1.2;overflow-wrap:anywhere}.project-list-body>p{font-size:13px;line-height:1.9;max-width:540px}
.project-list-tags{display:flex;flex-wrap:wrap;gap:7px;margin-block:20px 24px}.project-list-tags span{font-size:8px;line-height:1.7;padding:5px 8px;border:1px solid var(--line);color:#a5af9b;font-family:var(--mono)}
.project-list-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.project-site-link{font-size:13px;overflow-wrap:anywhere;line-height:1.8}.project-site-link span{color:var(--project-accent);margin-left:8px}.project-site-link:hover{color:var(--project-accent)}.project-detail-link{display:inline-flex;gap:12px;font-size:11px;color:var(--muted);line-height:1.8}.project-detail-link:hover{color:var(--ink)}
.projects-contact{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:80px}.projects-contact h2{font-size:clamp(28px,3.5vw,46px);font-weight:450;letter-spacing:-1.4px;line-height:1.25;max-width:700px}.projects-contact p{font-size:13px;margin-top:18px;max-width:580px}.projects-contact>.button{flex-shrink:0}
@media(max-width:760px){.project-entry{flex-direction:column;align-items:flex-start;padding-block:42px;gap:18px}.project-entry h2{font-size:30px;letter-spacing:-1px}.project-entry-link{font-size:11px;padding-block:12px}.projects-hero{padding-block:55px 44px}.projects-hero h1{font-size:60px;margin-block:23px 20px}.projects-intro{font-size:13px}.project-list-row{grid-template-columns:24px minmax(0,1fr);gap:16px;padding-block:31px}.project-list-number{grid-row:1/3}.project-list-identity h2{font-size:31px}.project-list-identity>.mono{font-size:7px;margin-bottom:10px}.project-list-body{grid-column:2}.project-list-body>p{font-size:12px}.project-list-tags{margin-block:17px 19px;gap:6px}.project-list-tags span{font-size:7px}.project-list-actions{gap:15px 22px}.project-site-link{font-size:12px}.project-detail-link{font-size:10px}.projects-contact{flex-direction:column;align-items:flex-start;gap:25px;padding-block:50px}.projects-contact h2{font-size:33px;letter-spacing:-1px}.projects-contact p{font-size:12px}}
@media(max-width:390px){.projects-hero h1{font-size:49px}.project-list-row{gap:14px}.project-list-identity h2{font-size:28px}.project-entry h2{font-size:28px}}