@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600&family=Noto+Serif+TC:wght@500;600;700&display=swap";:root{color:#172638;--paper:#f8f3eb;--ivory:#fffdf9;--cream:#eee5d8;--navy:#172d47;--muted:#6c6d69;--gold:#b78a4a;--blue:#5f91b7;--line:#172d471f;--shadow:0 24px 70px #312a211c;--serif:"Noto Serif TC",Georgia,serif;background:#f8f3eb;font-family:DM Sans,Noto Sans TC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 85% 3%,#dbc39f57,transparent 28%),var(--paper);color:var(--navy);margin:0}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}img{max-width:100%;display:block}.section-shell{width:min(1200px,100% - 48px);margin-inline:auto}.site-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9e0;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;height:82px;padding:0 max(24px,50vw - 600px);display:grid;position:sticky;top:0}.brand{font:600 22px var(--serif);letter-spacing:.04em;background:0 0;border:0}.brand span{font-size:16px}.site-header nav{justify-content:center;gap:22px;display:flex}.site-header nav button,.lang-toggle{color:#5f6365;background:0 0;border:0;padding:13px 2px;font-size:13px}.site-header nav button.active{color:var(--navy);box-shadow:inset 0 -2px var(--gold)}.lang-toggle b{color:var(--navy)}.menu-toggle,.mobile-menu{display:none}.hero{grid-template-columns:1.06fr .94fr;align-items:center;gap:54px;min-height:720px;padding:64px 0 44px;display:grid}.eyebrow{color:#9b7040;letter-spacing:.22em;text-transform:uppercase;margin:0 0 15px;font-size:11px;font-weight:600}.hero h1,.page-hero h1{font:600 clamp(48px,6vw,82px)/1.05 var(--serif);letter-spacing:-.05em;margin:0 0 24px}.hero h1 i{color:#b9915f;font-style:normal;font-weight:400}.hero-subtitle{font:500 clamp(20px,2vw,26px)/1.55 var(--serif);max-width:650px;margin:0 0 12px}.hero-line{color:var(--muted);max-width:600px;font-size:16px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{border:1px solid var(--line);background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:13px 22px;font-weight:600;display:inline-flex}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.secondary{background:#ffffff80}.hero-proof{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:11px 14px;max-width:600px;margin-top:48px;padding-top:20px;display:grid}.hero-proof span{font:600 23px var(--serif);color:var(--gold)}.hero-proof p{color:var(--muted);margin:0;font-size:12px}.hero-visual{min-height:620px;box-shadow:var(--shadow);background:linear-gradient(150deg,#eadfce,#cebba8);border-radius:180px 180px 18px 18px;align-self:stretch;position:relative;overflow:hidden}.portrait{z-index:2;object-fit:contain;object-position:center bottom;filter:saturate(.88)contrast(.98);width:100%;height:96%;position:absolute;inset:auto 0 0}.portrait-glow{aspect-ratio:1;background:#fffaf1bd;border-radius:50%;width:85%;position:absolute;top:8%;left:8%;box-shadow:0 0 100px #fff7e8}.mascot{z-index:3;filter:drop-shadow(0 14px 18px #2b262033);width:112px;position:absolute;bottom:18px}.mascot-gold{left:8px}.mascot-ice{right:8px}.signature{z-index:4;color:#7c6347;font:italic 18px Georgia;position:absolute;top:32px;right:28px}.principles{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:110px;display:grid}.principles button{text-align:left;background:#fffdf9e0;border:0;min-height:170px;padding:27px 30px;position:relative}.principles span{color:#aa8f6e;font-size:11px}.principles b{font:600 24px var(--serif);margin:12px 0;display:block}.principles small{color:var(--muted);line-height:1.7}.principles i{font-style:normal;position:absolute;top:24px;right:22px}.section-block{padding:0 0 110px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.section-heading h2,.contact-band h2{font:600 clamp(36px,4vw,52px)/1.15 var(--serif);margin:0}.section-heading>p{max-width:430px;color:var(--muted);line-height:1.75}.section-heading>button{background:0 0;border:0;font-weight:600}.projects-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-card{border:1px solid var(--line);background:#fffdf9c2;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #372d210a}.project-art{background:linear-gradient(145deg,#e8e0d4,#faf6ef);place-items:center;height:265px;display:grid}.project-art img{object-fit:contain;width:75%;height:85%}.project-card.law .project-art{background:#e7ebef}.project-card>div:last-child{padding:25px}.project-kicker,.article-meta{letter-spacing:.16em;color:#9b7040;font-size:10px}.project-card h3{font:600 23px var(--serif);margin:10px 0}.project-card>div>p:not(.project-kicker){color:var(--muted);min-height:43px}.project-card a{border-top:1px solid var(--line);justify-content:space-between;margin-top:22px;padding-top:15px;font-weight:600;display:flex}.quote{text-align:center;border-block:1px solid var(--line);margin-bottom:110px;padding:64px 8%}.quote>p{color:var(--gold);height:42px;margin:0;font:70px Georgia}.quote blockquote{font:500 clamp(27px,3vw,42px)/1.6 var(--serif);max-width:900px;margin:10px auto 22px}.quote span{letter-spacing:.15em;color:var(--muted);font-size:12px}.articles-grid{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.articles-grid article{border-right:1px solid var(--line);padding:30px}.articles-grid article:last-child{border:0}.articles-grid h3{font:600 23px/1.45 var(--serif);min-height:68px}.articles-grid article>p:not(.article-meta){color:var(--muted);min-height:92px;line-height:1.8}.articles-grid button{background:0 0;border:0;padding:0;font-weight:600}.contact-band{background:var(--navy);color:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:90px;padding:55px 64px;display:flex}.contact-band .eyebrow{color:#d4b383}.btn.light{color:var(--navy);background:#fff}footer{color:#fff;background:#12263e;grid-template-columns:1fr 2fr auto;align-items:end;gap:35px;padding:54px max(24px,50vw - 600px);display:grid}footer strong{font:600 22px var(--serif)}footer p,footer small{color:#aeb9c5;font-size:12px}footer nav{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}footer button{color:#d9e0e7;background:0 0;border:0;font-size:12px}.page-hero{border-bottom:1px solid var(--line);padding:110px 0 72px}.page-hero h1{max-width:1000px;font-size:clamp(42px,5vw,68px)}.page-hero>p:last-child{color:var(--muted);max-width:780px;font-size:20px;line-height:1.75}.page-body{padding:70px 0 120px}.about-layout{grid-template-columns:1.25fr .75fr;align-items:start;gap:60px;display:grid}.about-layout>div>p{font:500 23px/1.9 var(--serif);margin-top:0}.about-layout>img{object-fit:contain;object-position:center bottom;background:#e5d8c8;border-radius:160px 160px 16px 16px;width:100%;height:620px}.value-grid,.topic-grid,.inquiry-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.value-grid article,.topic-grid article,.inquiry-grid article{border:1px solid var(--line);background:#fffdf9b8;border-radius:12px;padding:24px}.value-grid small,.inquiry-grid small{color:#9b7040;letter-spacing:.12em}.value-grid h3,.topic-grid h3,.inquiry-grid h3{font:600 23px var(--serif);margin:8px 0}.value-grid p,.topic-grid p{color:var(--muted);line-height:1.75}.topic-grid{grid-template-columns:repeat(3,1fr);margin-bottom:38px}.topic-grid span{color:#b48a59}.standalone{width:max-content}.projects-grid.full .project-art{height:350px}.articles-section.section-shell{width:100%}.contact-card{border:1px solid var(--line);background:#fffdf9;border-radius:18px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:22px;padding:45px;display:flex}.contact-card span{color:#9b7040;letter-spacing:.12em;font-size:11px}.contact-card h2{font:600 38px var(--serif);margin:8px 0}.contact-card p{color:var(--muted)}.inquiry-grid{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.section-shell{width:min(100% - 32px,1200px)}.site-header{grid-template-columns:1fr auto auto;height:72px;padding:0 16px}.site-header nav{display:none}.menu-toggle{background:0 0;border:0;gap:4px;padding:9px;display:grid}.menu-toggle span{background:var(--navy);width:22px;height:1.5px}.menu-toggle b{width:1px;height:1px;position:absolute;overflow:hidden}.mobile-menu{background:var(--ivory);border-bottom:1px solid var(--line);padding:15px;display:grid;position:absolute;top:72px;left:0;right:0}.mobile-menu button{text-align:left;background:0 0;border:0;padding:14px 20px}.hero{grid-template-columns:1fr;gap:32px;padding-top:32px}.hero-visual{grid-row:1;justify-self:center;width:min(100%,560px);min-height:560px}.hero-copy{text-align:center}.hero-line,.hero-subtitle,.hero-proof{margin-inline:auto}.hero-actions{justify-content:center}.principles,.projects-grid,.topic-grid,.about-layout{grid-template-columns:1fr}.about-layout>img{grid-row:1;height:520px}.articles-grid{grid-template-columns:1fr}.articles-grid article{border-right:0;border-bottom:1px solid var(--line)}.articles-grid article>p:not(.article-meta),.articles-grid h3{min-height:0}.inquiry-grid{grid-template-columns:repeat(2,1fr)}footer{text-align:center;grid-template-columns:1fr}footer nav{order:3}}@media (width<=560px){.section-shell{width:calc(100% - 24px)}.site-header{gap:8px}.brand{font-size:18px}.brand span{font-size:13px}.lang-toggle{font-size:11px}.hero{padding-top:18px}.hero-visual{border-radius:120px 120px 14px 14px;min-height:405px}.mascot{width:76px}.hero h1{font-size:43px}.hero-subtitle{font-size:18px}.hero-proof{text-align:left;grid-template-columns:auto 1fr;margin-top:28px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.principles{margin-bottom:75px}.principles button{min-height:145px}.section-block{padding-bottom:75px}.section-heading{display:block}.project-art{height:230px}.quote{margin-bottom:75px;padding:45px 16px}.contact-band{padding:36px 24px;display:block}.contact-band .btn{width:100%;margin-top:24px}.page-hero{padding:72px 0 50px}.page-body{padding:45px 0 80px}.value-grid,.inquiry-grid{grid-template-columns:1fr}.about-layout>img{height:410px}.contact-card{padding:28px;display:block}.contact-card .btn{width:100%;margin-top:22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.article-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:18px;display:flex}.article-heading-actions button{background:0 0;border:0;padding:0;font-weight:600}.article-heading-actions a{background:var(--navy);color:#fff;border-radius:7px;align-items:center;min-height:42px;padding:10px 16px;font-weight:600;display:inline-flex}.article-actions{justify-content:space-between;align-items:center;gap:18px;display:flex}.article-actions a{font-weight:600}.article-actions button{color:var(--muted)}@media (width<=560px){.article-heading-actions{justify-content:flex-start;margin-top:20px}.article-heading-actions a{justify-content:center;width:100%}}html,body,#root,.app-shell{inline-size:100%;min-inline-size:0;max-inline-size:none}body,#root,.app-shell{min-block-size:100%}.app-shell,.site-header,main,footer{inline-size:100%}.app-shell{container:app-shell/inline-size}#root,.app-shell{inline-size:100%!important;max-inline-size:none!important}.hero,.hero-copy,.hero-visual,.portrait,.section-shell{min-width:0}.portrait{object-fit:contain;object-position:right bottom}.portrait-stage{isolation:isolate;background:radial-gradient(circle at 76% 30%,#fffdf7eb 0 24%,#0000 49%),linear-gradient(145deg,#f1eee4 0%,#e5e5d9 53%,#d8dfd1 100%);border:1px solid #4053411f;position:relative;overflow:hidden;box-shadow:0 26px 70px #2b342a1c}.portrait-stage:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#ffffff52,#0000 43%),repeating-linear-gradient(0deg,#0000 0 42px,#3c554107 42px 43px);position:absolute;inset:0}.portrait-stage .portrait{z-index:4;object-position:right bottom;filter:saturate(.86)contrast(.98);width:auto;max-width:none;height:95%;bottom:0;left:auto;right:0}.portrait-stage .portrait-glow{z-index:1;background:#fffdf7a8;width:76%;top:8%;left:auto;right:2%;box-shadow:0 0 90px #fffdf7b8}.portrait-atmosphere{z-index:2;pointer-events:none;position:absolute;inset:0}.estate-linework{opacity:.5;border-bottom:1px solid #39503d42;width:34%;height:42%;position:absolute;bottom:19%;left:6%}.estate-linework span{background:linear-gradient(#ffffff26,#61796309);border:1px solid #39503d36;border-bottom:0;position:absolute;bottom:0}.estate-linework span:first-child{width:27%;height:44%;left:0}.estate-linework span:nth-child(2){width:32%;height:70%;left:24%}.estate-linework span:nth-child(3){width:24%;height:55%;left:53%}.estate-linework span:nth-child(4){width:26%;height:86%;left:74%}.estate-linework span:before,.estate-linework span:after{content:"";background:#39503d29;height:1px;position:absolute;left:22%;right:22%}.estate-linework span:before{top:32%}.estate-linework span:after{top:64%}.botanical{transform-origin:bottom;border-left:1px solid #3d5b4057;position:absolute}.botanical i{aspect-ratio:1.7;background:linear-gradient(145deg,#708c6f2e,#4e70520f);border:1px solid #3d5b402e;border-radius:100% 0;width:clamp(38px,7vw,72px);display:block;position:absolute;box-shadow:inset 9px 0 18px #ffffff2e}.botanical-back{opacity:.8;width:1px;height:48%;bottom:-3%;left:13%;transform:rotate(-8deg)}.botanical-back i:first-child{top:8%;left:-3px;transform:rotate(-34deg)}.botanical-back i:nth-child(2){top:29%;right:3px;transform:scaleX(-1)rotate(-28deg)}.botanical-back i:nth-child(3){top:52%;left:-2px;transform:rotate(-27deg)scale(.86)}.botanical-back i:nth-child(4){top:72%;right:3px;transform:scaleX(-1)rotate(-23deg)scale(.78)}.botanical-front{opacity:.56;width:1px;height:32%;bottom:-5%;left:3%;transform:rotate(8deg)}.botanical-front i:first-child{top:5%;right:3px;transform:scaleX(-1)rotate(-28deg)scale(.82)}.botanical-front i:nth-child(2){top:37%;left:-3px;transform:rotate(-31deg)scale(.72)}.botanical-front i:nth-child(3){top:65%;right:3px;transform:scaleX(-1)rotate(-23deg)scale(.62)}.portrait-place{color:#2a4530b8;letter-spacing:.17em;gap:6px;margin:0;display:grid;position:absolute;top:10%;left:7%}.portrait-place span{font-size:clamp(8px,1vw,11px)}.portrait-place strong{font:500 clamp(12px, 1.5vw, 17px)/1.2 var(--serif);letter-spacing:.09em}.about-portrait-stage{border-radius:160px 160px 16px 16px;width:100%;height:620px;min-height:620px}@media (width<=900px){.about-portrait-stage{grid-row:1}}.title-line,.sentence-line{display:block}.title-line{white-space:nowrap}.signature{display:none}.hero-subtitle,.hero-line,.section-heading h2,.section-heading>p{text-wrap:balance;word-break:keep-all;overflow-wrap:normal}.semantic-intro{text-wrap:wrap;word-break:normal;overflow-wrap:normal;line-break:strict;max-inline-size:min(100%,780px)}.semantic-phrase{white-space:nowrap;max-inline-size:100%;display:inline-block}.page-title-line{white-space:nowrap;width:max-content;max-width:100%;display:block}.topic-grid article>a{border-top:1px solid var(--line);color:var(--navy);justify-content:space-between;align-items:center;gap:12px;min-height:46px;margin-top:20px;padding-top:15px;font-size:14px;font-weight:700;line-height:1.45;display:flex}.project-card a,.article-actions a,.article-actions button,.article-heading-actions a,.article-heading-actions button,footer button{align-items:center;min-height:44px;display:inline-flex}.site-header button{min-height:44px}.brand{text-align:left;align-items:center;gap:11px;padding:4px 0;display:inline-flex}.brand-avatar{background:#eee5d8;border:1px solid #172d4729;border-radius:50%;flex:none;width:42px;height:42px;overflow:hidden;box-shadow:0 5px 14px #172d471f}.brand-avatar img{object-fit:cover;width:100%;height:100%}.brand-name{white-space:nowrap;align-items:baseline;display:inline-flex}.brand-name small{font:inherit;font-size:16px}.real-estate-actions{flex-wrap:wrap;gap:12px;display:flex}.project-private-note{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:15px;font-size:14px;font-weight:600;line-height:1.55}.project-card.ximan .project-art{background:linear-gradient(145deg,#073c34,#153a55);overflow:hidden}.project-card.ximan .project-art img{object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%}.project-card.ximan h3{text-wrap:balance;word-break:normal;overflow-wrap:normal;line-break:strict}.project-card.ximan a{transition:transform .12s,color .12s,opacity .12s}.project-card.ximan a:hover{color:#0a604f}.project-card.ximan a:active{opacity:.76;transform:translateY(2px)}.project-card.ximan a:focus-visible{outline-offset:4px;border-radius:4px;outline:3px solid #0a604f5c}@media (prefers-reduced-motion:reduce){.project-card.ximan a{transition:none}.project-card.ximan a:active{color:#0a604f;opacity:.72;transform:none}}@media (width>=700px) and (width<=1024px){.section-shell{width:min(100% - 40px,984px)}.hero{grid-template-columns:minmax(0,1.04fr) minmax(310px,.96fr);gap:clamp(24px,4vw,44px);min-height:700px;padding:46px 0}.hero-copy{text-align:left}.hero h1{font-size:clamp(37px,4.7vw,49px)}.hero-subtitle{font-size:clamp(18px,2.3vw,22px)}.hero-line{font-size:14px}.page-hero{padding:clamp(76px,10vw,100px) 0 58px}.page-hero h1{letter-spacing:-.04em;font-size:clamp(35px,4.55vw,44px);line-height:1.2}.page-hero>p:last-child{font-size:clamp(17px,2.2vw,19px)}.page-body{padding-top:58px}.topic-grid h3,.value-grid h3,.inquiry-grid h3{font-size:clamp(21px,2.7vw,24px)}.hero-actions{justify-content:flex-start}.hero-line,.hero-subtitle,.hero-proof{margin-inline:0}.hero-proof{grid-template-columns:auto 1fr;margin-top:30px}.hero-visual{border-radius:150px 150px 18px 18px;grid-row:auto;width:100%;min-height:clamp(520px,68vw,650px)}.portrait-stage .portrait{height:93%}.mascot{display:none}.signature{font-size:15px;top:27px;right:22px}}@media (width<=699px){.brand{gap:8px}.brand-avatar{width:36px;height:36px}.brand-name small{font-size:13px}.title-real-estate,.title-ai{display:block}.hero{grid-template-columns:minmax(0,1fr);gap:30px;min-height:0;padding:clamp(30px,8vw,48px) 0 42px}.hero-copy{text-align:left}.hero h1{font-size:clamp(31px,9.2vw,43px)}.hero-subtitle{font-size:clamp(18px,5vw,21px)}.page-hero{padding:clamp(58px,15vw,76px) 0 44px}.page-hero h1{letter-spacing:-.035em;font-size:clamp(27px,8.35vw,36px);line-height:1.24}.page-hero>p:last-child{font-size:clamp(16px,4.5vw,18px);line-height:1.75}.page-hero-contact h1{letter-spacing:-.025em;font-size:clamp(23px,7vw,32px)}.page-body{padding:42px 0 76px}.topic-grid article,.value-grid article,.inquiry-grid article{padding:22px 20px}.topic-grid h3,.value-grid h3,.inquiry-grid h3{font-size:clamp(21px,6vw,24px)}.topic-grid p,.value-grid p{font-size:15px}.real-estate-actions{grid-template-columns:1fr;display:grid}.real-estate-actions .btn{white-space:normal;text-align:center;width:100%}.hero-line,.hero-subtitle,.hero-proof{margin-inline:0}.hero-actions{justify-content:stretch}.hero-visual{border-radius:clamp(90px,27vw,125px) clamp(90px,27vw,125px) 14px 14px;grid-row:auto;width:100%;min-height:clamp(360px,112vw,470px)}.portrait-stage .portrait{height:94%}.portrait-place{top:8%;left:6%}.estate-linework{width:38%;left:4%}.about-portrait-stage{border-radius:clamp(90px,27vw,125px) clamp(90px,27vw,125px) 14px 14px;height:clamp(430px,112vw,540px);min-height:clamp(430px,112vw,540px)}.mascot{display:none}.signature{font-size:14px;top:24px;right:20px}}@container app-shell (width<=699px){.page-hero h1{font-size:clamp(24px,8.35cqi,36px)}.page-hero>p:last-child{font-size:clamp(16px,4.5cqi,18px)}.page-hero-contact h1{font-size:clamp(23px,7cqi,32px)}}@media (orientation:landscape) and (width>=650px) and (height<=600px){.hero{grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:28px;min-height:0;padding:28px 0 36px}.hero-copy{text-align:left}.hero h1{font-size:clamp(34px,4.8vw,46px)}.hero-line{display:none}.hero-actions{justify-content:flex-start;margin-top:20px}.hero-proof{margin-top:22px}.hero-visual{grid-row:auto;width:100%;min-height:430px}.mascot{display:none}}