:root{--ink:#202020;--gold:#d7aa6c;--muted:#6d6d6d;--line:#e8e8e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75;background:#fff}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.wrap{width:min(1200px,calc(100% - 72px));margin:auto}.topbar{height:40px;background:#202020;color:#bcbcbc;font-size:12px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.topbar a:hover{color:var(--gold)}.header{height:92px;background:#fff;position:relative;z-index:20;box-shadow:0 2px 12px rgba(0,0,0,.055)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand img{height:70px;width:120px;object-fit:contain}.branch-name{border-left:1px solid #d5d5d5;padding-left:13px;font-size:18px;font-weight:600;line-height:1.28;letter-spacing:2px;white-space:nowrap}.branch-name small{font-size:9px;color:#777;letter-spacing:1.2px;display:block;margin-top:5px;font-weight:400}.nav{display:flex;align-items:center;gap:clamp(16px,2vw,32px);font-size:15px;white-space:nowrap}.nav a{height:92px;display:inline-flex;align-items:center;position:relative;transition:color .2s}.nav a:after{position:absolute;content:"";height:2px;left:0;right:100%;bottom:21px;background:var(--gold);transition:right .2s}.nav a:hover,.nav a.active{color:#b78749}.nav a:hover:after,.nav a.active:after{right:0}.menu-toggle{display:none}.hero{height:clamp(560px,calc(100vh - 132px),790px);min-height:560px;position:relative;overflow:hidden;background:#202020;color:white}.hero-image{position:absolute;inset:0;background-image:url(hero.webp);background-size:cover;background-position:center;animation:heroZoom 14s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,22,.79),rgba(9,16,22,.31) 51%,rgba(9,16,22,.02))}.hero-content{position:relative;z-index:2;padding-top:clamp(118px,14vh,190px)}.eyebrow{display:block;color:#ae7e44;font-size:13px;font-weight:600;letter-spacing:3px;line-height:1.5}.eyebrow.light{color:#e0bd86;font-size:15px;letter-spacing:4px}.gold-line{background:var(--gold);height:2px;width:54px;margin:29px 0}.hero h1{font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.35;letter-spacing:5px;margin:0 0 18px;text-shadow:0 3px 20px #0005}.hero p{font-size:21px;letter-spacing:5px;margin:0 0 42px;color:#f1f1f1}.outline-button{border:1px solid rgba(255,255,255,.78);padding:14px 22px;min-width:205px;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;font-size:14px;transition:background .2s,border .2s}.outline-button:hover{background:var(--gold);border-color:var(--gold);color:#1e1e1e}.hero-side{position:absolute;right:30px;top:50%;writing-mode:vertical-rl;font-size:11px;letter-spacing:3px;color:#fffc}.hero-bottom{position:absolute;z-index:2;bottom:35px;left:max(36px,calc((100vw - 1200px)/2));right:max(36px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:18px;font-size:13px}.hero-bottom .progress{height:1px;width:145px;background:#fff7;position:relative}.hero-bottom .progress:before{content:"";position:absolute;inset:0 0 0 0;background:var(--gold)}.hero-bottom a{font-size:29px;margin-left:auto;line-height:1}.section{padding:110px 0;scroll-margin-top:92px}.section h2{font-size:43px;font-weight:500;letter-spacing:3px;line-height:1.4;margin:15px 0 0}.title-rule{width:48px;height:2px;background:var(--gold);margin:32px 0}.intro-grid{display:grid;grid-template-columns:42% 1fr;gap:90px}.intro .lead{font-size:24px;line-height:1.8;color:#3d3d3d;max-width:390px;margin:40px 0 0}.intro-copy{padding-top:42px}.intro-copy h3{font-size:27px;font-weight:500;margin:0 0 25px}.intro-copy p{color:#555;line-height:2.15;margin:0 0 18px}.text-link{display:inline-flex;align-items:center;gap:28px;color:#ad7f47;border-bottom:1px solid #bd9869;padding-bottom:9px;font-size:14px;margin-top:20px}.text-link span{font-size:18px}.text-link:hover{color:#805a2f}.news{background:#f5f6f8}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading p{margin:0 0 4px;max-width:500px;color:#777}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px}.featured-news{background:white;display:block;min-height:435px;transition:transform .25s,box-shadow .25s}.featured-news:hover{transform:translateY(-5px);box-shadow:0 16px 34px #0001}.feature-visual{height:235px;position:relative;overflow:hidden;background:linear-gradient(115deg,#141b22 5%,#35414c 55%,#916c42);color:#fff}.feature-visual:before{content:"";position:absolute;inset:-30%;border:1px solid #ffffff24;transform:rotate(31deg) translateX(30%);box-shadow:50px 0 0 #ffffff0a,100px 0 0 #ffffff0a}.feature-visual span{position:absolute;left:32px;top:30px;letter-spacing:5px;color:#d7aa6c;font-size:12px}.feature-visual strong{position:absolute;right:35px;bottom:15px;font-size:67px;letter-spacing:10px;white-space:nowrap;font-weight:300;color:#fff9}.featured-body{position:relative;padding:25px 82px 30px 32px}.news-category,.news-title small{color:#999;font-size:13px}.news-category i{display:inline-block;background:#bdbdbd;height:3px;width:3px;border-radius:50%;vertical-align:middle;margin:0 9px}.featured-body h3{font-size:19px;line-height:1.65;font-weight:500;margin:13px 0 0}.round-arrow{position:absolute;right:28px;bottom:36px;color:#b98b50;font-size:27px}.news-list{display:flex;flex-direction:column}.news-list>a{display:flex;align-items:center;gap:30px;padding:32px 0;border-bottom:1px solid #d9dcdf;min-height:145px}.news-list>a:first-child{border-top:1px solid #d9dcdf}.date{min-width:75px;display:block;line-height:1.15;color:#b6b6b6}.date strong{font-size:43px;font-weight:300}.date small{display:block;font-size:13px;margin-top:8px}.news-title{flex:1}.news-title small{display:block;margin-bottom:8px}.news-title strong{display:block;font-size:18px;font-weight:500;line-height:1.6}.list-arrow{font-size:22px;color:#b88b52;transition:transform .2s}.news-list>a:hover .list-arrow{transform:translate(4px,-4px)}.news-more{text-align:right}.practice{color:white;background:#202020;position:relative;overflow:hidden}.practice:before{content:"";position:absolute;right:-10%;top:-40%;width:70vw;height:70vw;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 120px #ffffff03,0 0 0 240px #ffffff02;pointer-events:none}.practice .wrap{position:relative}.light-heading h2{color:#fff}.light-heading p{color:#aaa}.practice-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #535353;border-left:1px solid #535353}.practice-grid article{padding:35px 34px 42px;min-height:205px;border-right:1px solid #535353;border-bottom:1px solid #535353;transition:background .25s}.practice-grid article:hover{background:#2b2b2b}.practice-grid article>span{color:#c19963;font-size:13px}.practice-grid h3{font-size:25px;font-weight:400;letter-spacing:2px;margin:28px 0 4px}.practice-grid p{color:#929292;font-size:14px;margin:0}.practice-more{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ad8550;color:#d7aa6c;width:max-content;gap:45px;margin:40px 0 0 auto;padding-bottom:8px;font-size:14px}.practice-more span{font-size:19px}.lawyer-layout{display:grid;grid-template-columns:40% 1fr;gap:12%;align-items:center}.lawyer-layout p{color:#626262;line-height:2.1;max-width:400px;margin-bottom:34px}.gold-button{background:#c99c61;color:#fff;min-width:205px;padding:15px 22px;display:inline-flex;justify-content:space-between;align-items:center;font-size:14px;transition:background .2s}.gold-button:hover{background:#ac7b42}.lawyer-panel{height:425px;background:linear-gradient(135deg,#222a32 0%,#151a1f 60%,#4c3c2f 100%);color:white;padding:28px 36px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:18px 18px 0 #eaeaea}.panel-top,.panel-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:3px;color:#d7aa6c}.panel-top b{font-size:16px;font-weight:400;color:white;letter-spacing:2px}.panel-center{display:flex;align-items:center;justify-content:center;gap:55px}.panel-mark{font-size:37px;line-height:1.35;color:#d7aa6c;font-weight:300;border-right:1px solid #c49a67;padding-right:38px;letter-spacing:6px}.panel-center p{font-size:25px;color:#eee;line-height:1.7;margin:0;letter-spacing:4px}.panel-bottom span{font-size:7px}.qualification{background:#f5f6f8}.qual-grid{display:grid;grid-template-columns:1fr 46%;gap:90px;align-items:center}.qual-grid p{color:#555;line-height:2;max-width:480px}.qual-grid .muted{font-size:13px;color:#999}.license-frame{background:white;display:block;padding:18px;box-shadow:0 15px 45px #00000013;transition:transform .2s}.license-frame:hover{transform:translateY(-4px)}.license-frame img{width:100%;height:auto}footer{background:#202020;color:#b9b9b9}.footer-main{display:grid;grid-template-columns:1.7fr .8fr 1.25fr;gap:70px;padding-top:75px;padding-bottom:75px}.footer-brand img{width:150px;filter:brightness(0) invert(1);margin-bottom:18px}.footer-brand strong{color:#fff;font-size:19px;font-weight:500}.footer-brand p{font-size:14px;color:#858585}.footer-links h3{font-size:18px;color:white;font-weight:400;margin:0 0 22px}.footer-links a{display:block;font-size:14px;margin:8px 0}.footer-links a:hover{color:var(--gold)}.footer-links p{font-size:14px;margin:0 0 17px;max-width:290px}.copyright{border-top:1px solid #3b3b3b;padding:22px 0 28px;font-size:12px;display:flex;justify-content:space-between;gap:20px;color:#818181}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes heroZoom{from{transform:scale(1.05)}to{transform:scale(1)}}
@media(max-width:1120px){.nav{gap:14px;font-size:13px}.brand img{width:100px}.branch-name{font-size:16px}.intro-grid{gap:45px}.news-grid{gap:30px}}
@media(max-width:900px){.header{height:76px}.brand img{height:62px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px;border:0;background:transparent;cursor:pointer}.menu-toggle span{height:2px;background:#202020;width:100%}.nav{position:absolute;left:0;right:0;top:76px;background:#fff;box-shadow:0 18px 25px #0002;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 36px 25px}.nav.open{display:flex}.nav a{height:auto;padding:12px 0;border-bottom:1px solid #eee;font-size:16px}.nav a:after{display:none}.hero{height:650px}.hero-content{padding-top:155px}.section{padding:80px 0;scroll-margin-top:76px}.intro-grid,.news-grid,.lawyer-layout,.qual-grid{gap:36px}.practice-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.wrap{width:min(100% - 40px,1200px)}.topbar{height:32px;font-size:10px}.header{height:70px}.brand{gap:5px}.brand img{width:82px;height:58px}.branch-name{font-size:15px;letter-spacing:1px;padding-left:10px}.branch-name small{font-size:8px}.nav{top:70px;padding:10px 20px 25px}.hero{height:620px;min-height:540px}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#0d1820ce,#0d182080)}.hero-content{padding-top:130px}.eyebrow.light{font-size:11px;letter-spacing:2px}.hero h1{font-size:42px;letter-spacing:2px}.hero p{font-size:16px;letter-spacing:2px;margin-bottom:35px}.hero-side{display:none}.hero-bottom{left:20px;right:20px}.section{padding:70px 0}.section h2{font-size:34px}.intro-grid,.news-grid,.lawyer-layout,.qual-grid{grid-template-columns:1fr;gap:25px}.intro-copy{padding-top:0}.intro .lead{font-size:21px;margin-top:22px}.intro-copy h3{font-size:23px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:16px}.featured-news{min-height:auto}.feature-visual{height:180px}.feature-visual strong{font-size:53px}.news-list>a{gap:17px;min-height:125px;padding:22px 0}.date{min-width:58px}.date strong{font-size:34px}.date small{font-size:11px}.news-title strong{font-size:16px}.practice-grid{grid-template-columns:1fr 1fr}.practice-grid article{padding:24px 17px;min-height:170px}.practice-grid h3{font-size:21px;margin:18px 0 4px}.practice-grid p{font-size:12px}.lawyer-panel{height:340px;box-shadow:9px 9px 0 #eaeaea}.panel-center{gap:20px}.panel-mark{font-size:28px;padding-right:21px}.panel-center p{font-size:19px}.qual-grid{gap:35px}.footer-main{grid-template-columns:1fr 1fr;gap:30px;padding-top:55px;padding-bottom:48px}.footer-brand{grid-column:1/-1}.copyright{display:block;font-size:11px}.copyright span{display:block;margin:3px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.reveal{opacity:1;transform:none;transition:none}}
