:root{color:#080808;background:#fff;font-family:Inter,Arial Narrow,Microsoft YaHei,sans-serif;font-synthesis:none;--ink: #080808;--muted: #565656;--hairline: #0d0d0d;--soft-line: rgba(8, 8, 8, .22);--orange: #f04a23;--page-x: clamp(22px, 3.6vw, 48px);--max-width: 1228px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.portfolio-page{width:min(var(--max-width),calc(100% - var(--page-x) * 2));margin:0 auto;background:#fff}.top-nav{display:flex;align-items:center;justify-content:space-between;min-height:94px;border-bottom:1.5px solid var(--hairline)}.logo{color:var(--ink);text-decoration:none;font-size:36px;font-weight:950;letter-spacing:-.06em;line-height:1}.top-nav nav{display:flex;gap:clamp(42px,6vw,80px);align-items:center}.top-nav nav a{text-decoration:none;font-size:14px;font-weight:850;letter-spacing:-.04em;transition:opacity .16s ease}.top-nav nav a:hover{opacity:.55}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.88fr);gap:clamp(70px,9.2vw,136px);align-items:start;padding:88px 0 70px;border-bottom:1.5px solid var(--hairline)}.hero-copy h1{margin:0;font-family:Impact,Arial Black,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:clamp(58px,6.2vw,92px);font-weight:950;line-height:.98;letter-spacing:-.09em;transform:scaleX(.94);transform-origin:left center;width:106%}.hero-copy h1 span{display:block;white-space:nowrap}.hero-copy>p{max-width:620px;margin:54px 0 0;color:#333;font-size:clamp(19px,2vw,25px);font-weight:450;line-height:1.72;letter-spacing:-.045em}.hero-actions{display:flex;gap:30px;margin-top:56px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:226px;min-height:72px;border:1.5px solid var(--hairline);padding:0 30px;text-decoration:none;font-size:16px;font-weight:850;letter-spacing:-.035em;transition:background .16s ease,color .16s ease,transform .16s ease}.btn:hover{transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#fff;color:var(--ink)}.focus-keywords{margin-top:70px}.focus-keywords span,.section-kicker,.eyebrow{display:block;color:var(--ink);font-size:12px;font-weight:900;letter-spacing:-.02em}.focus-keywords p{margin:22px 0 0;color:#222;font-size:14px;font-weight:650;letter-spacing:-.035em}.now-card{border:1.5px solid var(--hairline);padding:42px 39px 0}.now-list{margin-top:29px;border-top:1px solid var(--soft-line)}.now-item{display:grid;grid-template-columns:44px 1fr 100px;gap:18px;align-items:center;min-height:160px;border-bottom:1px solid var(--soft-line)}.now-item>span,.principle-item>span{color:var(--orange);font-size:18px;font-weight:800;line-height:1}.now-item h2{margin:0 0 13px;font-size:29px;font-weight:650;letter-spacing:-.075em}.now-item p{max-width:330px;margin:0;color:var(--muted);font-size:15px;line-height:1.72;letter-spacing:-.035em}.now-item a,.service-card a,.project-links a,.all-work{display:inline-flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:850;letter-spacing:-.03em}.now-item a{justify-self:end}.section{padding:70px 0 54px;border-bottom:1.5px solid var(--hairline)}.section h2{margin:36px 0 0;font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(38px,4.4vw,64px);font-weight:700;line-height:1;letter-spacing:-.11em}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:66px}.service-card{min-height:318px;padding:20px 42px 22px 0;border-right:1px solid var(--soft-line)}.service-card+.service-card{padding-left:44px}.service-card:last-child{border-right:0}.icon-box{display:grid;place-items:center;width:84px;height:84px;border:1.5px solid var(--hairline)}.service-card h3{margin:46px 0 0;font-size:28px;font-weight:600;letter-spacing:-.08em}.service-card p{min-height:78px;margin:22px 0 48px;color:var(--muted);font-size:15px;line-height:1.7;letter-spacing:-.04em}.projects-section{padding-top:73px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-top:63px}.project-card{min-height:300px;border:1px solid var(--soft-line);padding:36px 30px 32px}.project-head{display:flex;gap:22px;align-items:center}.project-icon{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border:1.5px solid var(--hairline)}.project-card:first-child .project-icon{background:var(--ink);color:#fff}.project-card h3{margin:0 0 6px;font-size:23px;font-weight:650;letter-spacing:-.07em}.project-card span{display:inline-block;border:1px solid var(--orange);padding:1px 6px 2px;color:var(--orange);font-size:13px;font-weight:750;line-height:1.1}.project-card p{margin:47px 0 0;color:var(--muted);font-size:15px;line-height:1.75;letter-spacing:-.04em}.project-links{display:flex;justify-content:space-between;gap:20px;margin-top:48px}.all-work{width:max-content;margin:44px auto 0}.principles-section{padding-top:74px}.principle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:62px}.principle-item{display:grid;grid-template-columns:45px 1fr;gap:16px;min-height:96px;padding-right:28px;border-right:1px solid var(--soft-line)}.principle-item+.principle-item{padding-left:32px}.principle-item:last-child{border-right:0;padding-right:0}.principle-item h3{margin:0;font-size:21px;font-weight:580;letter-spacing:-.075em}.principle-item p{margin:17px 0 0;color:var(--muted);font-size:13px;line-height:1.62;letter-spacing:-.035em}.footer-cta{padding-bottom:28px}.contact-row{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(280px,1fr) auto;gap:48px;align-items:center;min-height:136px;border-bottom:1.5px solid var(--hairline)}.contact-row h2{margin:0;font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(33px,3.4vw,50px);font-weight:700;line-height:1;letter-spacing:-.11em}.contact-row p{margin:0;color:var(--muted);font-size:15px;line-height:1.72;letter-spacing:-.04em}.contact-row .btn{min-width:196px;min-height:58px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;min-height:88px}.footer-bottom p{margin:0;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:-.035em}.socials{display:flex;gap:30px;align-items:center}.socials a{display:inline-flex;text-decoration:none}@media(max-width:1040px){.hero-grid{grid-template-columns:1fr;gap:58px}.now-card{max-width:760px}.service-grid,.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card:nth-child(2n),.principle-item:nth-child(2n){border-right:0}.service-card:nth-child(n),.principle-item:nth-child(n){padding-left:0;padding-right:28px;margin-bottom:34px}.project-grid,.contact-row,.footer-bottom{grid-template-columns:1fr}.contact-row{padding:34px 0}}@media(max-width:680px){:root{--page-x: 18px}.top-nav{min-height:74px}.logo{font-size:29px}.top-nav nav{gap:18px}.top-nav nav a{font-size:12px}.hero-grid{padding:54px 0 50px}.hero-copy h1{font-size:clamp(43px,12vw,68px)}.hero-copy>p{margin-top:34px;font-size:17px}.hero-actions{flex-direction:column;gap:14px;margin-top:34px}.btn{width:100%;min-height:58px}.focus-keywords{margin-top:42px}.now-card{padding:28px 22px 0}.now-item{grid-template-columns:40px 1fr;min-height:auto;padding:24px 0}.now-item a{grid-column:2;justify-self:start;margin-top:8px}.section{padding:52px 0 34px}.section h2{margin-top:24px}.service-grid,.principle-grid{grid-template-columns:1fr}.service-card,.service-card+.service-card,.principle-item,.principle-item+.principle-item{border-right:0;border-bottom:1px solid var(--soft-line);padding:0 0 34px;margin-bottom:34px}.service-card:last-child,.principle-item:last-child{border-bottom:0}.project-card{padding:28px 22px}}