:root{--ink:#14211d;--muted:#53635d;--forest:#10251f;--forest-2:#183a30;--gold:#b9975b;--sand:#eee8dc;--paper:#f8f6f1;--white:#fff;--line:#d8d6ce;--max:1180px;--shadow:0 24px 70px rgba(8,27,22,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:16px;line-height:1.75}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;background:var(--white);color:var(--forest);padding:10px 16px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;background:rgba(248,246,241,.94);border-bottom:1px solid rgba(20,33,29,.1);backdrop-filter:blur(14px)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--forest);color:var(--sand);font-family:var(--font-serif);font-weight:700;letter-spacing:.08em}.brand strong,.brand small{display:block}.brand strong{font-family:var(--font-serif);letter-spacing:.12em}.brand small{font-size:11px;color:var(--muted);letter-spacing:.05em}.site-nav{display:flex;align-items:center;gap:28px}.site-nav a{text-decoration:none;font-size:14px;font-weight:600}.site-nav a:not(.nav-cta):hover{color:#5f4a25}.nav-cta{padding:10px 18px;color:var(--white);background:var(--forest)}.nav-toggle{display:none}.hero{min-height:calc(100dvh - 82px);display:grid;align-items:center;padding:64px 0 72px;background:linear-gradient(110deg,var(--paper) 0 62%,#e7e1d5 62%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(40px,7vw,96px)}.eyebrow{margin:0 0 16px;color:#775d30;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.22em}.hero h1,.section h2{font-family:var(--font-serif);letter-spacing:.02em}.hero h1{max-width:720px;margin:0;font-size:clamp(42px,5.4vw,74px);line-height:1.16;font-weight:600}.hero-lead{max-width:650px;color:#40504a;font-size:18px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:28px;margin:32px 0}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border:0;padding:12px 22px;text-decoration:none;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--forest);color:var(--white)}.text-link{font-weight:700;text-underline-offset:5px}.credential-strip{display:flex;gap:0;padding:0;margin:42px 0 0;list-style:none}.credential-strip li{padding:0 18px;border-left:1px solid #aaa69d;font-size:14px}.credential-strip li:first-child{padding-left:0;border-left:0}.portrait-wrap{margin:0;position:relative}.portrait-frame{aspect-ratio:3/4;overflow:hidden;box-shadow:var(--shadow);background:#fff}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center top}.portrait-wrap figcaption{position:absolute;right:-24px;bottom:28px;padding:18px 24px;background:var(--forest);color:var(--white);box-shadow:var(--shadow)}.portrait-wrap figcaption strong,.portrait-wrap figcaption span{display:block}.portrait-wrap figcaption strong{font-family:var(--font-serif);font-size:22px;letter-spacing:.12em}.portrait-wrap figcaption span{font-size:12px;color:#dcd5c6}.trust-band{background:var(--forest);color:var(--white)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr)}.trust-grid p{margin:0;padding:26px 34px;border-left:1px solid rgba(255,255,255,.15);font-size:14px}.trust-grid p:last-child{border-right:1px solid rgba(255,255,255,.15)}.trust-grid span{display:block;color:#d5b777;font-family:var(--font-serif);font-size:23px}.section{padding:112px 0}.section h2{font-size:clamp(34px,4vw,54px);line-height:1.2;margin:0}.lead{font-family:var(--font-serif);font-size:clamp(20px,2.4vw,28px);line-height:1.6;color:#33443e}.about{background:var(--white)}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(60px,9vw,130px)}.about-body>p{font-size:17px}.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}.profile-columns h3{font-family:var(--font-serif);font-size:20px}.profile-columns ul{margin:0;padding-left:20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:50px}.section-head>p{max-width:550px;color:var(--muted)}.featured-service{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:48px;background:var(--forest);color:var(--white)}.service-number{color:#d6bc83;font-family:var(--font-serif);font-size:38px}.service-kicker{color:#d6bc83;font-size:12px;font-weight:700;letter-spacing:.18em}.featured-service h3{margin:0 0 18px;font-family:var(--font-serif);font-size:clamp(26px,3vw,38px)}.featured-service p{color:#e1e7e4}.tag-list{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:26px 0 0;list-style:none}.tag-list li{border:1px solid rgba(255,255,255,.3);padding:5px 12px;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);margin-top:40px}.service-card{padding:38px 32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card span{color:#92713d;font-family:var(--font-serif)}.service-card h3{font-family:var(--font-serif);font-size:23px;line-height:1.4}.service-card p{color:var(--muted);font-size:15px}.approach{background:var(--sand)}.approach-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,9vw,130px)}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:62px 1fr;gap:24px;padding:25px 0;border-top:1px solid #c9c0b0}.steps li:last-child{border-bottom:1px solid #c9c0b0}.steps span{color:#7f6335;font-family:var(--font-serif);font-size:18px}.steps h3{margin:0;font-family:var(--font-serif);font-size:22px}.steps p{margin:5px 0 0;color:var(--muted)}.contact{background:var(--white)}.contact-panel{display:grid;grid-template-columns:.85fr 1.15fr;background:var(--forest);color:var(--white);box-shadow:var(--shadow)}.contact-info{padding:clamp(38px,6vw,72px)}.contact-info h2{color:var(--white)}.contact-info>p:not(.eyebrow){color:#d7dedb}.contact-info address{display:grid;gap:18px;margin-top:40px;font-style:normal}.contact-info address a,.contact-info address p{display:grid;grid-template-columns:92px 1fr;margin:0;text-decoration:none}.contact-info address span{color:#d5b777;font-size:13px}.contact-form{padding:clamp(38px,6vw,72px);background:#eee8dc;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px;margin-bottom:18px}.field label{font-weight:700;font-size:14px}.field label span{color:#8b1e1e}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #9d9b94;border-radius:0;background:#fff;color:var(--ink)}.field textarea{resize:vertical}.form-note{font-size:13px;color:#4f5d58}.button-light{background:var(--forest);color:var(--white);width:100%}.form-status{min-height:1.75em;margin-bottom:0;font-size:14px}.site-footer{padding:72px 0 24px;background:#0b1915;color:#cbd2cf}.footer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.footer-brand{color:var(--white)}.footer-brand .brand-mark{background:var(--sand);color:var(--forest)}.footer-grid h2{margin-top:0;color:#d5b777;font-family:var(--font-serif);font-size:18px}.footer-grid p{font-size:14px}.footer-grid details{font-size:14px}.footer-grid summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.copyright{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.15);padding-top:24px;margin-top:50px;font-size:13px}.copyright a{color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #d7a944;outline-offset:4px}
@media(max-width:900px){.site-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:18px 20px 28px;box-shadow:0 18px 30px rgba(0,0,0,.12);align-items:stretch;flex-direction:column;gap:0}.site-nav.is-open{display:flex}.site-nav a{display:flex;align-items:center;min-height:48px}.nav-toggle{display:grid;place-items:center;width:48px;height:48px;border:0;background:transparent}.nav-toggle span[aria-hidden]{width:24px;height:2px;background:var(--ink);position:relative}.nav-toggle span[aria-hidden]::before,.nav-toggle span[aria-hidden]::after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--ink);transform:translateY(-7px)}.nav-toggle span[aria-hidden]::after{transform:translateY(7px)}.hero{min-height:auto;background:linear-gradient(180deg,var(--paper) 0 72%,#e7e1d5 72%)}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:24px}.portrait-wrap{max-width:520px;margin-left:auto}.about-grid,.approach-grid{grid-template-columns:1fr;gap:50px}.service-grid{grid-template-columns:repeat(2,1fr)}.contact-panel{grid-template-columns:1fr}.footer-grid{gap:50px}}
@media(max-width:620px){.container{width:min(100% - 28px,var(--max))}.nav-wrap{height:72px}.brand-mark{width:42px;height:42px}.site-nav{top:72px}.hero{padding:48px 0}.hero h1{font-size:40px}.hero-lead{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:18px}.text-link{text-align:center}.credential-strip{flex-wrap:wrap;gap:10px}.credential-strip li{padding:0;border:0;width:100%}.portrait-wrap{margin-top:10px}.portrait-wrap figcaption{right:0;bottom:16px}.trust-grid{grid-template-columns:1fr}.trust-grid p,.trust-grid p:last-child{border:0;border-bottom:1px solid rgba(255,255,255,.15);padding:18px 4px}.section{padding:76px 0}.profile-columns,.service-grid,.form-row,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.featured-service{grid-template-columns:1fr;padding:32px 24px}.service-number{font-size:24px}.service-grid{border-top:1px solid var(--line)}.service-card{padding:30px 24px}.contact{padding-inline:0}.contact .container{width:100%}.contact-info,.contact-form{padding:40px 24px}.footer-grid{gap:36px}.copyright{gap:20px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Contract consultation hero */
.hero{position:relative;isolation:isolate;min-height:calc(100dvh - 82px);padding:72px 0 80px;background-color:#0d1d18;background-image:url("assets/contract-consultation-hero.jpg?v=2");background-position:center;background-size:cover;background-repeat:no-repeat;color:var(--white)}
.hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(8,22,18,.97) 0%,rgba(8,22,18,.91) 34%,rgba(8,22,18,.5) 58%,rgba(8,22,18,.08) 100%)}
.hero-grid{display:block}
.hero-copy{max-width:720px}
.hero .eyebrow{color:#d5b777}
.hero-lead{color:#e0e6e3}
.hero .button-primary{background:var(--sand);color:var(--forest)}
.hero .text-link{color:var(--white)}
.hero .credential-strip li{border-left-color:rgba(255,255,255,.45);color:#f2f0e9}
.hero .credential-strip li:first-child{border-left:0}

@media(max-width:900px){.hero{min-height:720px;background-position:62% center}.hero::before{background:linear-gradient(90deg,rgba(8,22,18,.96) 0%,rgba(8,22,18,.84) 55%,rgba(8,22,18,.3) 100%)}}
@media(max-width:620px){.hero{min-height:680px;padding:64px 0;background-position:68% center}.hero::before{background:linear-gradient(90deg,rgba(8,22,18,.97) 0%,rgba(8,22,18,.88) 72%,rgba(8,22,18,.62) 100%)}}

/* Contact information footer */
.site-footer{padding-top:88px}
.footer-grid{grid-template-columns:.8fr 1.05fr 1fr;gap:clamp(44px,6vw,88px);align-items:start}
.footer-intro>p{max-width:280px;margin:24px 0;color:#aebbb6}
.footer-call{display:inline-flex;align-items:center;min-height:48px;color:#f1e8d7;font-weight:700;text-underline-offset:5px}
.footer-social{display:flex;align-items:center;gap:12px;margin-top:22px}
.footer-social-link{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid rgba(213,183,119,.48);border-radius:50%;color:#f1e8d7;text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease}
.footer-social-link svg{width:22px;height:22px}
.footer-social-link[href]:hover{border-color:#d5b777;background:rgba(213,183,119,.12);color:#fff;transform:translateY(-2px)}
.footer-social-link.is-pending{cursor:default;opacity:.48}
.footer-label{margin:0 0 8px!important;color:#d5b777;font-size:11px!important;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.footer-contact h2{margin-bottom:26px;color:var(--white);font-size:28px}
.footer-contact address{display:grid;gap:15px;font-style:normal}
.footer-contact address a,.footer-contact address p{display:grid;grid-template-columns:76px 1fr;gap:12px;margin:0;text-decoration:none}
.footer-contact address span{color:#d5b777;font-size:13px}
.footer-contact address strong{color:#edf1ef;font-size:14px;font-weight:500;overflow-wrap:anywhere}
.footer-contact address a:hover strong{color:#d5b777}
.footer-notice{padding-left:32px;border-left:1px solid rgba(255,255,255,.15)}
.footer-notice h2{color:#d5b777}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.footer-notice{padding-left:0;border-left:0}}
@media(max-width:620px){.site-footer{padding-top:64px}.footer-grid{grid-template-columns:1fr}.footer-intro{grid-column:auto}.footer-contact{padding-top:28px;border-top:1px solid rgba(255,255,255,.15)}.footer-notice{padding-top:28px;border-top:1px solid rgba(255,255,255,.15)}}

/* Official ChenYuluoyan Thin font, SIL OFL 1.1 */
@font-face{font-family:"ChenYuluoyan";src:url("assets/fonts/chenyuluoyan/ChenYuluoyan-Logo.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Iansui";src:url("assets/fonts/iansui/Iansui-Footer.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
.copyright>span,.copyright .design-credit{font-family:"Iansui","PingFang TC","Microsoft JhengHei",sans-serif}
.site-header .brand strong{font-family:"ChenYuluoyan","Kaiti TC","BiauKai",cursive;font-size:28px;font-weight:400;letter-spacing:.08em;line-height:1.35}
.site-header .brand{min-height:44px}
@media(max-width:620px){.site-header .brand strong{font-size:22px;letter-spacing:.05em}}

/* Attorney portrait in profile section */
.about-portrait{margin:42px 0 0;max-width:440px;background:var(--forest);box-shadow:var(--shadow)}
.about-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top}
.about-portrait figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;color:var(--white)}
.about-portrait figcaption strong{font-family:var(--font-serif);font-size:19px;letter-spacing:.06em}
.about-portrait figcaption span{max-width:160px;color:#d9dfdc;font-size:12px;text-align:right}
@media(max-width:900px){.about-intro{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;align-items:start}.about-intro .eyebrow,.about-intro h2,.about-intro .lead{grid-column:1}.about-portrait{grid-column:2;grid-row:1/5;margin-top:0}}
@media(max-width:620px){.about-intro{display:block}.about-portrait{margin-top:36px}.about-portrait figcaption{padding:18px}.about-portrait figcaption span{max-width:145px}}

/* Keep both office wordmarks in ChenYuluoyan */
.footer-brand strong{font-family:"ChenYuluoyan","Kaiti TC","BiauKai",cursive;font-size:28px;font-weight:400;letter-spacing:.06em;line-height:1.5}

/* Two-column footer: brand story left, contact details right */
.footer-grid{grid-template-columns:minmax(0,430px) minmax(0,440px);justify-content:space-between;gap:80px}
.footer-intro>p{max-width:430px;line-height:1.9}
.footer-contact{justify-self:end;width:100%;max-width:440px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:56px}.footer-intro{grid-column:auto}.footer-contact{justify-self:stretch}}
@media(max-width:620px){.footer-grid{grid-template-columns:1fr;gap:40px}.footer-contact{padding-top:32px;border-top:1px solid rgba(255,255,255,.15)}}

/* Footer utility and design credit */
.footer-top-row{display:flex;justify-content:flex-end;margin-top:44px}
.back-to-top{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 0;color:var(--white);font-size:13px;font-weight:700;text-underline-offset:5px}
.copyright{margin-top:12px}
.design-credit{color:#fff;text-decoration:none;text-underline-offset:4px}
.design-credit:hover{text-decoration:underline}
@media(max-width:620px){.footer-top-row{margin-top:32px}.copyright{align-items:flex-start;flex-direction:column}.design-credit{min-height:44px;display:inline-flex;align-items:center}}

/* Attorney profile — balanced editorial layout */
.about-header{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);column-gap:clamp(60px,9vw,130px);align-items:end;margin-bottom:56px}
.about-header .eyebrow,.about-header h2{grid-column:1}
.about-header .lead{grid-column:2;grid-row:1/3;max-width:720px;margin:0}
.about-profile{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:clamp(48px,7vw,96px);align-items:start}
.about-body{padding-top:6px}
.about-body>p{max-width:720px;margin:0 0 20px;font-size:17px}
.about-portrait{width:100%;max-width:none;margin:0}
.about-portrait img{aspect-ratio:4/5}
@media(max-width:900px){.about-header{display:block;margin-bottom:42px}.about-header .lead{margin:24px 0 0}.about-profile{grid-template-columns:1fr;gap:44px}.about-profile>.about-portrait{grid-column:auto;grid-row:auto;max-width:480px;margin-inline:auto}.about-body{padding-top:0}.about-profile .profile-columns{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.about-header{margin-bottom:32px}.about-profile{gap:36px}.about-profile .profile-columns{grid-template-columns:1fr}}

/* Compact attorney profile: portrait supports the biography */
.about-header{margin-bottom:48px}
.about-profile{grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:clamp(48px,6vw,78px)}
.about-portrait{aspect-ratio:3/4;overflow:hidden;box-shadow:0 18px 48px rgba(8,27,22,.12)}
.about-portrait img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top}
.profile-identity{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--gold)}
.profile-identity h3{margin:0;font-family:var(--font-serif);font-size:clamp(26px,2.7vw,34px);font-weight:600;letter-spacing:.04em;line-height:1.3}
.profile-identity p{flex:0 0 auto;margin:0;color:var(--muted);font-size:13px}
.about-body>p{line-height:1.9}
.about-profile .profile-columns{margin-top:30px;padding-top:26px}
@media(max-width:900px){.about-profile{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:40px}.about-profile>.about-portrait{max-width:none;margin:0}.profile-identity{display:block}.profile-identity p{margin-top:6px}.about-profile .profile-columns{grid-template-columns:1fr}}
@media(max-width:720px){.about-profile{grid-template-columns:1fr}.about-profile>.about-portrait{max-width:360px;margin-inline:auto}.about-profile .profile-columns{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.about-profile>.about-portrait{width:100%;max-width:340px}.about-profile .profile-columns{grid-template-columns:1fr}.profile-identity{margin-bottom:24px}.about-body>p{font-size:16px}}
@media(min-width:721px){.about-profile{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.about-profile>.about-portrait{grid-column:2;grid-row:1;margin:0}.about-profile>.about-body{grid-column:1;grid-row:1}}
@media(min-width:721px) and (max-width:900px){.about-profile{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}}

/* Attorney-provided biography content */
.profile-identity{display:block}
.profile-identity h3{font-size:clamp(23px,2.2vw,30px)}
.profile-identity p{margin-top:6px}
.about-profile .profile-columns{margin-top:0;padding-top:0;border-top:0}
.profile-experience{grid-column:1/-1;padding-top:22px;border-top:1px solid var(--line)}
.profile-specialty{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.profile-specialty h3{margin:0 0 12px;font-family:var(--font-serif);font-size:20px}
.profile-specialty p{margin:0 0 12px;font-size:16px;line-height:1.9}
@media(max-width:900px){.profile-experience{grid-column:auto}.profile-specialty{margin-top:24px}}
@media(max-width:720px){.profile-experience{grid-column:1/-1}}
@media(max-width:620px){.profile-experience{grid-column:auto}.profile-identity h3{font-size:24px}}

/* Simplified transition from hero to attorney profile */
.trust-statement{max-width:920px;margin:0 auto;padding:26px 0;color:var(--white);font-family:var(--font-serif);font-size:clamp(19px,2.1vw,26px);line-height:1.6;text-align:center;letter-spacing:.02em}
.profile-identity h2{margin:0;font-family:var(--font-serif);font-size:clamp(23px,2.2vw,30px);font-weight:600;letter-spacing:.04em;line-height:1.3}
@media(max-width:620px){.trust-statement{padding:22px 4px;font-size:19px;text-align:left}.profile-identity h2{font-size:24px}}

/* Biography first, credentials second */
.profile-specialty{margin-top:24px;padding-top:0;border-top:0}
.about-profile .profile-columns{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}

/* Linked service cards */
.featured-service,.service-card{text-decoration:none}
.featured-service,.service-card{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.featured-service:hover,.featured-service:focus-visible{transform:translateY(-3px);box-shadow:0 20px 46px rgba(8,27,22,.2)}
.service-card:hover,.service-card:focus-visible{position:relative;z-index:1;background:var(--white);box-shadow:0 14px 32px rgba(8,27,22,.09);transform:translateY(-2px)}
.service-read-more{display:inline-block;margin-top:24px;color:#d6bc83;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:5px}

/* Detailed services page */
.site-nav a[aria-current="page"]{color:#775d30;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.services-page-hero{position:relative;z-index:1;padding:clamp(88px,11vw,150px) 0 84px;background-image:linear-gradient(90deg,rgba(248,246,241,.97) 0%,rgba(248,246,241,.94) 48%,rgba(248,246,241,.82) 76%,rgba(248,246,241,.38) 100%),url("assets/services-hero-material-v1.webp");background-position:center;background-size:cover;border-bottom:0;box-shadow:0 18px 30px -28px rgba(8,27,22,.42)}
.services-page-hero-grid{display:grid;grid-template-columns:.69fr 1.31fr;gap:clamp(52px,7.5vw,105px);align-items:end}
.services-page-hero h1{margin:0;font-family:var(--font-serif);font-size:clamp(48px,6vw,76px);font-weight:600;letter-spacing:.03em;line-height:1.12}
.services-page-hero-grid>p{align-self:center;max-width:700px;margin:0;color:#40504a;font-family:var(--font-serif);font-size:clamp(20px,2.35vw,28px);line-height:1.7}
.services-detail-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(56px,8vw,110px);padding-top:96px;padding-bottom:112px}
.services-toc{position:sticky;top:118px;align-self:start;padding-top:5px}
.services-toc>p{margin:0 0 18px;color:#775d30;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.services-toc ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.services-toc a{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;min-height:48px;padding:13px 4px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.55;text-decoration:none}
.services-toc a:hover{color:var(--forest)}
.services-toc a span{color:#92713d;font-family:var(--font-serif)}
.services-detail-list{min-width:0}
.service-detail{scroll-margin-top:110px;padding:66px 0;border-top:1px solid var(--line)}
.service-detail:first-child{padding-top:0;border-top:0}
.service-detail-heading{display:grid;grid-template-columns:70px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:26px}
.service-detail-heading>span{color:#92713d;font-family:var(--font-serif);font-size:30px;line-height:1.3}
.service-detail-heading h2{margin:0;font-family:var(--font-serif);font-size:clamp(28px,3.35vw,44px);font-weight:600;line-height:1.35}
.service-detail-heading p{margin:0 0 6px;color:#775d30;font-size:12px;font-weight:800;letter-spacing:.18em}
.service-detail>p{max-width:800px;margin:0 0 0 92px;color:#34453f;font-size:17px;line-height:2}
.service-detail-featured{padding:46px;border-radius:8px 0 0 0;background:linear-gradient(125deg,#10251f 0%,rgba(16,37,31,.96) 54%,rgba(24,58,48,.82) 100%);color:var(--white)}
.service-detail-featured .service-detail-heading>span,.service-detail-featured .service-detail-heading p{color:#d6bc83}
.service-detail-featured>p{color:#e1e7e4}
.services-cta{padding:96px 0;background:var(--sand);text-align:center}
.services-cta h2{margin:0;font-family:var(--font-serif);font-size:clamp(32px,4vw,52px);line-height:1.3}
.services-cta>div>p:not(.eyebrow){margin:20px auto 28px;color:var(--muted)}
.services-cta .button-primary{border-radius:6px}
@media(max-width:1219px){.services-page-hero{padding:64px 0 58px}.services-page-hero-grid{grid-template-columns:1fr;gap:24px}.services-page-hero-grid>p{align-self:auto;max-width:760px;font-size:clamp(19px,2.1vw,22px);line-height:1.65}}
@media(max-width:1024px){.services-detail-layout{grid-template-columns:1fr;padding-top:72px}.services-toc{position:static}.services-toc ol{display:grid;grid-template-columns:1fr 1fr}.services-toc a{padding-inline:12px}.service-detail-list{margin-top:10px}}
@media(max-width:620px){.services-page-hero{padding:68px 0 58px;background:var(--paper)}.services-page-hero h1{font-size:46px}.services-detail-layout{padding-top:54px;padding-bottom:76px;gap:42px}.services-toc ol{grid-template-columns:1fr}.service-detail{padding:52px 0}.service-detail-heading{grid-template-columns:44px 1fr;gap:12px}.service-detail-heading>span{font-size:23px}.service-detail-heading h2{font-size:28px}.service-detail>p{margin-left:0;font-size:16px;line-height:1.9}.service-detail-featured{margin-inline:-14px;padding:34px 24px}.services-cta{padding:76px 0}}

/* Slightly softened primary navigation action */
.nav-cta{border-radius:6px}
.hero .button-primary{border-radius:6px}

/* Attorney portrait and service philosophy */
.about-visual{width:100%}
.about-visual .about-portrait{width:100%;max-width:none;margin:0}
.attorney-quote{position:relative;margin:0;padding:38px 30px 34px;background:var(--forest);color:var(--white);font-family:var(--font-serif);font-size:clamp(20px,2vw,25px);line-height:1.7;letter-spacing:.02em}
.attorney-quote::before{content:"";display:block;width:46px;height:2px;margin-bottom:22px;background:var(--gold)}
@media(min-width:721px){.about-profile>.about-visual{grid-column:2;grid-row:1}.about-profile>.about-body{grid-column:1;grid-row:1}}
@media(max-width:720px){.about-visual{max-width:360px;margin-inline:auto}.attorney-quote{padding:30px 24px 28px;font-size:20px}}

/* Soften only the top edge of the featured service card */
.featured-service{border-radius:8px 0 0 0;background:linear-gradient(125deg,#10251f 0%,rgba(16,37,31,.96) 54%,rgba(24,58,48,.82) 100%)}

/* Restore breathing room overridden by the first-detail rule */
.service-detail.service-detail-featured{padding:64px 46px 52px}
@media(max-width:620px){.service-detail.service-detail-featured{padding:42px 24px 38px}}

/* Align experience and philosophy as a shared lower row */
.about-profile{row-gap:30px}
.about-profile>.profile-experience-block{grid-column:1;grid-row:2;margin:0;padding:28px 0 0;border-top:1px solid var(--line)}
.profile-experience-block h3{margin:0 0 20px;font-family:var(--font-serif);font-size:20px}
.profile-experience-block ul{margin:0;padding-left:20px}
.about-profile>.attorney-quote{grid-column:2;grid-row:2;align-self:start;width:calc(100% + 120px);margin-left:-120px;z-index:2}
@media(min-width:721px) and (max-width:900px){.about-profile>.attorney-quote{width:calc(100% + 80px);margin-left:-80px}}
@media(max-width:720px){.about-profile>.profile-experience-block,.about-profile>.attorney-quote{grid-column:auto;grid-row:auto;width:100%;max-width:360px;margin-inline:auto}.about-profile>.profile-experience-block{max-width:none}.about-profile>.attorney-quote{margin-top:0}}

/* Philosophy as editorial text rather than a card */
.about-profile>.attorney-quote{padding:0;background:transparent;color:#33443e;font-size:clamp(22px,2.35vw,30px);line-height:1.7;box-shadow:none}
.about-profile>.attorney-quote::before{display:none}
@media(max-width:720px){.about-profile>.attorney-quote{max-width:none;font-size:22px}}

/* Wider two-line philosophy treatment */
.about-profile>.attorney-quote{width:calc(100% + 180px);margin-left:-180px;padding-top:30px;font-size:clamp(19px,1.8vw,23px);line-height:1.8}
@media(min-width:721px) and (max-width:900px){.about-profile>.attorney-quote{width:calc(100% + 130px);margin-left:-130px;padding-top:26px}}
@media(max-width:720px){.about-profile>.attorney-quote{width:100%;margin-left:auto;padding-top:18px;font-size:19px}}

/* Attorney profile: the portrait stays in view while the longer biography scrolls. */
.about-body>.profile-experience-block{margin:28px 0 0;padding:28px 0 0;border-top:1px solid var(--line)}
@media(min-width:901px){
  .about-profile{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;row-gap:0}
  .about-profile>.about-body{grid-column:1;grid-row:1}
  .about-profile>.about-visual{grid-column:2;grid-row:1;position:sticky;top:112px;align-self:start}
}

/* Ground the attorney portrait without making it feel like a floating card. */
.about-visual .about-portrait{border-bottom:0;box-shadow:0 18px 18px -20px rgba(8,27,22,.42)}

/* A restrained reflective breath for the featured service card. */
.featured-service{position:relative;overflow:hidden;isolation:isolate}
.featured-service>*{position:relative;z-index:1}
.featured-service::before{content:"";position:absolute;z-index:0;inset:-45% -30%;pointer-events:none;background:linear-gradient(112deg,transparent 35%,rgba(255,255,255,.015) 43%,rgba(225,216,185,.13) 50%,rgba(255,255,255,.035) 56%,transparent 66%);opacity:0;transform:translate3d(-55%,0,0) skewX(-12deg);will-change:transform,opacity;animation:featured-service-sheen 8s cubic-bezier(.45,0,.3,1) infinite;animation-play-state:paused}
.featured-service.is-visible::before{animation-play-state:running}
@keyframes featured-service-sheen{0%,14%{opacity:0;transform:translate3d(-55%,0,0) skewX(-12deg)}22%{opacity:.72}50%{opacity:.45;transform:translate3d(50%,0,0) skewX(-12deg)}58%,100%{opacity:0;transform:translate3d(58%,0,0) skewX(-12deg)}}
@media(prefers-reduced-motion:reduce){.featured-service::before{animation:none;opacity:0}}

/* Bundled traditional-Chinese serif face for consistent typography across devices. */
@font-face{font-family:"Noto Serif TC Web";src:url("assets/fonts/noto-serif-tc/NotoSerifTC-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Noto Serif TC Web";src:url("assets/fonts/noto-serif-tc/NotoSerifTC-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
:root{--font-serif:"Noto Serif TC Web","Songti TC","Noto Serif TC","PMingLiU",serif}

/* Full-page font loading gate: restrained, accessible, and failure-safe. */
.site-loader{position:fixed;z-index:2000;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--paper);color:var(--forest);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease,visibility 0s linear .24s}
.is-loading{overflow:hidden}
.is-loading .site-loader{opacity:1;visibility:visible;pointer-events:auto;transition:none}
.site-loader-mark{position:relative;width:52px;height:52px;border:1px solid rgba(16,37,31,.18);border-radius:50%}
.site-loader-mark::before{content:"";position:absolute;inset:6px;border:2px solid transparent;border-top-color:var(--gold);border-right-color:rgba(185,151,91,.35);border-radius:50%;animation:site-loader-spin 1.1s linear infinite}
.site-loader p{margin:4px 0 0;font-family:"PingFang TC","Microsoft JhengHei",sans-serif;font-size:14px;font-weight:600;letter-spacing:.16em}
.site-loader small{color:#775d30;font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;animation:site-loader-breathe 1.4s ease-in-out infinite}
@keyframes site-loader-spin{to{transform:rotate(360deg)}}
@keyframes site-loader-breathe{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.site-loader{transition:none}.site-loader-mark::before,.site-loader small{animation:none}}

/* Keep the firm name legible as one branded phrase inside the hero statement. */
.hero-brand-name{position:relative;display:inline-block;white-space:nowrap;color:#e4c98e;margin-inline:.06em}
.hero-brand-name::after{content:"";position:absolute;left:.16em;right:.16em;bottom:.02em;height:2px;background:linear-gradient(90deg,rgba(228,201,142,.25),#e4c98e 48%,rgba(228,201,142,.25));border-radius:999px}
@supports((-webkit-background-clip:text) or (background-clip:text)){
  .hero-brand-name{background:linear-gradient(110deg,#e4c98e 0 36%,#fff9e8 47%,#e4c98e 58% 100%);background-size:230% 100%;background-position:105% 0;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:hero-brand-sheen 10s cubic-bezier(.45,0,.3,1) infinite}
}
@keyframes hero-brand-sheen{0%,18%{background-position:105% 0}68%,100%{background-position:-85% 0}}
@media(prefers-reduced-motion:reduce){.hero-brand-name{animation:none;background:#e4c98e;background-clip:text;-webkit-background-clip:text}}
@media(min-width:901px){.hero-title-opening{display:inline-block;white-space:nowrap}}
.keep-together{display:inline-block;white-space:nowrap}

/* Official brand assets: mint wordmark on light navigation, yellow lockup on dark footer. */
.header-wordmark{width:clamp(205px,20vw,240px);height:auto}
.footer-brand{display:inline-flex;width:min(320px,100%);max-width:100%}
.footer-brand strong{display:block;width:100%;aspect-ratio:1960.74/348;height:auto;font-size:0;background:url("assets/logo/橫版測試橫1.svg") left center/contain no-repeat}
@media(max-width:620px){
  .header-wordmark{width:192px}
  .footer-brand{width:min(286px,100%)}
}