:root{--paper:#f2f0eb;--paper-deep:#e9e6df;--ink:#20201e;--muted:#77746d;--line:rgba(32,32,30,.18);--serif:'Playfair Display',Georgia,serif;--sans:'Manrope','Noto Sans TC',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:13px;line-height:1.65}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}img{display:block;width:100%;object-fit:cover}.site-shell{min-height:100vh}.sidebar{width:18vw;min-width:245px;height:100vh;position:fixed;z-index:20;left:0;top:0;padding:36px 32px 30px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line);background:var(--paper)}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand-mark{font-size:29px;letter-spacing:.09em;font-weight:600}.brand-name{font-size:18px;letter-spacing:.29em;margin-top:7px}.brand-cn{font-family:'Noto Sans TC',sans-serif;color:var(--muted);font-size:11px;letter-spacing:.18em;margin-top:17px}.desktop-nav{display:flex;flex-direction:column;gap:24px;margin-top:-32px}.nav-link{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;padding:0;transition:transform .35s ease,opacity .35s ease}.nav-link:hover{transform:translateX(6px)}.nav-link span{font-size:11px;letter-spacing:.12em}.nav-link small{font-family:var(--mono);font-size:9px;color:var(--muted);margin-right:10px}.nav-link em{grid-column:1;font-style:normal;color:var(--muted);font-family:'Noto Sans TC',sans-serif;font-size:10px;margin:3px 0 0 22px}.nav-link i{grid-row:1 / span 2;grid-column:2;color:var(--muted);font-style:normal;opacity:0;transition:opacity .3s}.nav-link:hover i{opacity:1}.sidebar-bottom{display:flex;flex-direction:column;gap:18px}.consultation-link{font-size:11px;letter-spacing:.11em;border-bottom:1px solid var(--ink);padding-bottom:15px}.consultation-link span{float:right;font-size:16px;line-height:1}.consultation-link em{display:block;font-family:'Noto Sans TC',sans-serif;color:var(--muted);font-size:10px;font-style:normal;letter-spacing:.09em;margin-top:5px}.social-links{display:flex;gap:19px;font-family:var(--mono);font-size:9px;letter-spacing:.04em}.social-links a{transition:opacity .2s}.social-links a:hover{opacity:.5}.copyright{font-family:var(--mono);font-size:8px;color:var(--muted);letter-spacing:.08em}.mobile-header{display:none}main{margin-left:18vw;min-height:100vh}.home-hero{height:100vh;min-height:640px;position:relative;color:#faf9f6;overflow:hidden}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image img{height:100%;object-position:center}.hero-overlay{background:linear-gradient(90deg,rgba(16,17,15,.6),rgba(16,17,15,.08) 70%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 50%)}.hero-copy{position:absolute;left:8vw;bottom:11vh}.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:.13em;line-height:1.4;margin:0;color:var(--muted)}.eyebrow span{font-family:'Noto Sans TC',sans-serif;letter-spacing:.1em;margin-left:12px}.hero-copy .eyebrow{color:rgba(250,249,246,.7)}h1,h2,h3,p{margin-top:0}.hero-copy h1{font-family:var(--serif);font-size:clamp(55px,7vw,110px);line-height:.96;letter-spacing:-.055em;font-weight:500;margin:26px 0 27px}.hero-copy h1 i,h1 i,h2 i{font-weight:500}.hero-description{font-family:'Noto Sans TC',sans-serif;color:rgba(250,249,246,.82);font-size:13px;letter-spacing:.05em}.hero-actions{display:flex;gap:33px;margin-top:38px}.text-link{display:inline-flex;align-items:center;gap:21px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;border-bottom:1px solid var(--ink);padding-bottom:9px;transition:gap .3s ease}.text-link:hover{gap:29px}.text-link span{font-size:16px;line-height:.5}.text-link.light{border-color:rgba(250,249,246,.65)}.hero-scroll{position:absolute;bottom:35px;right:42px;font-family:var(--mono);font-size:8px;letter-spacing:.12em;color:rgba(250,249,246,.7)}.hero-scroll b{font-size:17px;margin-left:15px;font-weight:400}.home-section{padding:130px 7vw}.space-types{display:grid;grid-template-columns:38% 1fr;gap:6vw;background:var(--paper)}.section-label h2,.section-heading h2{font-family:var(--serif);font-size:clamp(44px,5vw,75px);font-weight:500;line-height:.98;letter-spacing:-.05em;margin:25px 0}.type-grid{border-top:1px solid var(--line)}.type-item{min-height:82px;display:grid;grid-template-columns:36px 1fr auto 20px;align-items:center;border-bottom:1px solid var(--line);transition:padding .35s ease}.type-item:hover{padding-left:12px}.type-item span{font-family:var(--mono);font-size:9px;color:var(--muted)}.type-item strong{font-size:14px;font-weight:500;letter-spacing:-.01em}.type-item small{font-family:'Noto Sans TC',sans-serif;color:var(--muted);font-size:10px}.type-item b{font-size:17px;font-weight:400;color:var(--muted)}.featured-section{background:var(--paper-deep)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:53px}.section-heading h2{margin-bottom:0}.section-heading .text-link{margin-bottom:11px}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:74px 27px}.project-card{display:block}.card-image{height:clamp(250px,29vw,460px);position:relative;overflow:hidden;background:#ddd}.card-image img{height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-card:hover .card-image img{transform:scale(1.035)}.card-index,.card-arrow{position:absolute;top:17px;font-family:var(--mono);font-size:9px;color:#fff;mix-blend-mode:difference}.card-index{left:17px}.card-arrow{right:17px;font-size:17px;line-height:1;opacity:0;transform:translate(-5px,5px);transition:opacity .35s,transform .35s}.project-card:hover .card-arrow{opacity:1;transform:translate(0,0)}.card-meta{display:flex;justify-content:space-between;padding-top:17px}.card-meta h3{font-size:16px;font-weight:500;letter-spacing:.01em;margin:0}.card-meta p{color:var(--muted);font-family:'Noto Sans TC',sans-serif;font-size:11px;margin:2px 0}.card-meta dl{display:grid;grid-template-columns:repeat(4,auto);gap:16px;margin:0}.card-meta dl div{display:flex;flex-direction:column;gap:3px}.card-meta dt,.card-meta dd{font-family:var(--mono);font-size:8px;letter-spacing:.04em;margin:0}.card-meta dt{color:var(--muted)}.card-meta dd{font-size:9px;white-space:nowrap}.philosophy-section{display:grid;grid-template-columns:55% 1fr;gap:8vw;align-items:center}.philosophy-image{height:550px}.philosophy-image img{height:100%}.philosophy-copy h2{font-family:var(--serif);font-weight:500;font-size:clamp(42px,4.4vw,68px);line-height:1;letter-spacing:-.05em;margin:24px 0 31px}.philosophy-copy>p:not(.eyebrow){font-family:'Noto Sans TC',sans-serif;color:#5f5c56;font-size:13px;line-height:2.1;margin-bottom:32px}.home-cta,.detail-cta{text-align:center;background:var(--ink);color:var(--paper);padding:160px 30px}.home-cta .eyebrow,.detail-cta .eyebrow{color:#aaa7a0}.home-cta h2,.detail-cta h2{font-family:var(--serif);font-size:clamp(45px,5.4vw,83px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:25px 0 43px}.button-link,.submit-button{display:inline-flex;align-items:center;gap:36px;color:var(--paper);background:transparent;border:1px solid rgba(242,240,235,.55);padding:16px 21px 15px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;transition:background .3s,color .3s}.button-link:hover,.submit-button:hover{background:var(--paper);color:var(--ink)}.button-link span,.submit-button span{font-size:17px;line-height:.5}.mega-menu{position:fixed;z-index:30;inset:0;background:rgba(25,25,23,.94);color:var(--paper);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}.mega-menu.is-open{opacity:1;visibility:visible}.mega-inner{width:calc(100% - max(18vw,245px));margin-left:max(18vw,245px);height:100%;padding:10vh 9vw;display:flex;flex-direction:column}.mega-heading{display:flex;justify-content:space-between;font-family:var(--serif);font-size:clamp(44px,6vw,90px);letter-spacing:-.05em;line-height:1}.mega-close,.mobile-close{font-size:38px;font-weight:200;line-height:1;color:#aaa}.mega-menu .eyebrow{color:#aaa;margin:9vh 0 32px}.mega-columns{display:grid;grid-template-columns:repeat(2,minmax(200px,360px));gap:8vw}.mega-group-label{font-family:var(--mono);font-size:9px;color:#aaa;letter-spacing:.13em;margin:0 0 23px}.mega-group-label span{font-family:'Noto Sans TC',sans-serif;margin-left:13px;letter-spacing:.06em}.mega-columns a{display:grid;grid-template-columns:27px 1fr;align-items:baseline;margin:18px 0;transition:transform .3s;color:#ddd}.mega-columns a:hover{transform:translateX(10px);color:#fff}.mega-columns a{font-family:var(--mono);font-size:9px}.mega-columns a strong{font-family:var(--sans);font-size:16px;font-weight:400;letter-spacing:-.02em}.mega-columns a small{grid-column:2;font-family:'Noto Sans TC',sans-serif;color:#999;font-size:10px}.mega-all{margin-top:auto;padding-top:20px;border-top:1px solid rgba(242,240,235,.25);font-family:var(--mono);font-size:10px;letter-spacing:.13em}.mega-all span{font-size:18px;margin-left:16px}.mega-all small{font-family:'Noto Sans TC',sans-serif;color:#999;margin-left:15px;font-size:10px}.content-page{padding:10vw 7vw 10vw;min-height:100vh}.page-intro{max-width:960px;padding-bottom:95px}.page-intro h1{font-family:var(--serif);font-size:clamp(58px,7.2vw,116px);line-height:.93;letter-spacing:-.06em;font-weight:500;margin:27px 0 30px}.intro-description{max-width:440px;color:#65615b;font-family:'Noto Sans TC',sans-serif;font-size:14px;line-height:2}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);padding-bottom:22px}.filter-pill{font-family:var(--mono);font-size:9px;letter-spacing:.08em;padding:9px 13px;border:1px solid var(--line);transition:background .25s,color .25s}.filter-pill:hover,.filter-pill.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.projects-toolbar{display:flex;justify-content:space-between;padding:20px 0 42px;font-family:var(--mono);font-size:8px;color:var(--muted);letter-spacing:.1em}.secondary-filter{text-decoration:underline;text-underline-offset:4px;font-size:8px;color:var(--ink)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:80px 27px}.reveal{opacity:0;transform:translateY(15px);transition:opacity .7s ease var(--delay),transform .7s ease var(--delay)}.reveal.is-visible{opacity:1;transform:none}.project-detail{background:var(--paper)}.detail-hero{height:min(78vh,850px);min-height:540px;position:relative;color:var(--paper)}.detail-hero img{height:100%}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 60%)}.detail-hero-copy{position:absolute;z-index:1;left:7vw;bottom:8vh}.detail-hero-copy h1{font-family:var(--serif);font-size:clamp(55px,7vw,112px);font-weight:500;line-height:.9;letter-spacing:-.06em;margin:24px 0}.detail-hero-copy h1 i{display:block;font-family:'Noto Sans TC',sans-serif;font-style:normal;font-size:18px;letter-spacing:.14em;margin-top:22px}.detail-facts{display:flex;gap:25px;font-family:var(--mono);font-size:9px;color:rgba(242,240,235,.75);letter-spacing:.05em}.detail-body{padding:130px 9vw}.detail-statement{display:grid;grid-template-columns:28% 42% 1fr;gap:30px;align-items:start;padding-bottom:150px}.detail-statement h2{font-family:var(--serif);font-size:clamp(36px,4vw,62px);font-weight:500;line-height:1;letter-spacing:-.05em;margin:0}.detail-statement>p:last-child,.story-block>p:last-of-type{font-family:'Noto Sans TC',sans-serif;color:#65615b;line-height:2.05;margin-top:8px}.detail-story{display:grid;grid-template-columns:1fr 1fr;gap:12vw;border-top:1px solid var(--line);padding-top:30px;padding-bottom:150px}.story-block{max-width:370px}.story-block h3{font-family:var(--serif);font-size:31px;line-height:1.1;font-weight:500;margin:50px 0 22px}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.tag-list span{border:1px solid var(--line);border-radius:50px;font-family:var(--mono);font-size:8px;padding:6px 10px}.detail-gallery{display:grid;grid-template-columns:1.1fr .8fr;gap:27px;align-items:start;padding-bottom:150px}.detail-gallery>div img{height:590px}.detail-gallery .gallery-offset{margin-top:180px}.detail-gallery .gallery-offset img{height:400px}.detail-gallery small{display:block;color:var(--muted);font-family:var(--mono);font-size:8px;margin-top:13px}.project-info{border-top:1px solid var(--line);padding:27px 0 150px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 30px;margin-top:58px}.info-grid div{display:flex;flex-direction:column;gap:8px}.info-grid small{font-family:var(--mono);font-size:8px;color:var(--muted);letter-spacing:.06em}.info-grid strong{font-family:'Noto Sans TC',sans-serif;font-weight:400;font-size:13px}.related-projects{padding:0 9vw 140px}.related-projects .section-heading{margin-bottom:52px}.detail-cta{padding:130px 30px}.detail-cta>p:not(.eyebrow){max-width:430px;margin:-20px auto 36px;color:#aaa7a0;font-family:'Noto Sans TC',sans-serif;line-height:2}.generic-page .page-intro{padding-bottom:80px}.coming-soon{border-top:1px solid var(--line);padding-top:28px;min-height:320px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.coming-soon span{font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--muted)}.coming-soon p{max-width:420px;color:#65615b;font-family:'Noto Sans TC',sans-serif;line-height:2;margin:20px 0 30px}.consultation-page .page-intro{padding-bottom:65px}.consultation-form{max-width:970px;border-top:1px solid var(--line)}.form-section{padding:32px 0 62px;border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 32px;margin-top:37px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:8px;letter-spacing:.1em}.form-grid .full{grid-column:1/-1}input,select,textarea{font:inherit;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 0;outline:none;letter-spacing:0}input:focus,select:focus,textarea:focus{border-color:var(--ink)}textarea{resize:vertical}.submit-button{color:var(--ink);border-color:var(--ink);margin-top:35px}.submit-button:hover{background:var(--ink);color:var(--paper)}.form-success{padding:110px 0}.form-success span{font-family:var(--mono);font-size:9px;color:var(--muted)}.form-success h2{font-family:var(--serif);font-size:50px;font-weight:500;line-height:1;margin:24px 0}.form-success p{font-family:'Noto Sans TC',sans-serif;color:var(--muted)}.mobile-menu{display:none}
@media(max-width:900px){.sidebar{display:none}.mobile-header{position:fixed;z-index:25;top:0;left:0;right:0;height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 21px;background:rgba(242,240,235,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.mobile-brand{font-size:16px;font-weight:600;letter-spacing:.13em}.mobile-brand span{font-size:11px;letter-spacing:.22em;margin-left:4px}.menu-toggle{display:flex;align-items:center;gap:13px;font-family:var(--mono);font-size:9px;letter-spacing:.1em}.menu-toggle b{font-size:23px;font-weight:300;line-height:1}main{margin-left:0}.home-hero{height:100svh;min-height:620px}.hero-copy{left:24px;right:24px;bottom:12vh}.hero-copy h1{font-size:65px;margin:22px 0}.hero-actions{gap:18px;flex-wrap:wrap}.hero-scroll{right:22px;bottom:26px}.home-section{padding:88px 24px}.space-types,.philosophy-section{display:block}.space-types .section-label{margin-bottom:60px}.section-label h2,.section-heading h2{font-size:52px}.featured-grid,.projects-grid{grid-template-columns:1fr;gap:53px}.section-heading{display:block;margin-bottom:42px}.section-heading .text-link{margin-top:22px}.card-image{height:76vw;max-height:500px}.card-meta{display:block}.card-meta dl{margin-top:18px;grid-template-columns:repeat(4,auto);justify-content:start}.philosophy-image{height:105vw;max-height:600px;margin-bottom:55px}.home-cta,.detail-cta{padding:100px 24px}.mega-menu{display:none}.content-page{padding:140px 24px 90px}.page-intro{padding-bottom:68px}.page-intro h1{font-size:62px;margin:23px 0 25px}.filter-bar{gap:6px}.filter-pill{font-size:8px;padding:8px 9px}.projects-toolbar{padding-bottom:33px}.detail-hero{height:77svh;min-height:580px}.detail-hero-copy{left:24px;right:24px;bottom:55px}.detail-hero-copy h1{font-size:64px}.detail-body{padding:85px 24px}.detail-statement{display:block;padding-bottom:90px}.detail-statement h2{font-size:48px;margin:28px 0}.detail-story{display:block;padding-bottom:90px}.story-block{max-width:none;margin-bottom:75px}.story-block h3{font-size:31px;margin-top:35px}.detail-gallery{display:block;padding-bottom:90px}.detail-gallery>div img{height:110vw;max-height:600px}.detail-gallery .gallery-offset{margin:60px 0 0 22%;}.detail-gallery .gallery-offset img{height:74vw;max-height:430px}.project-info{padding-bottom:90px}.info-grid{grid-template-columns:repeat(2,1fr);gap:30px 18px;margin-top:38px}.related-projects{padding:0 24px 90px}.detail-cta{padding-left:24px;padding-right:24px}.form-grid{grid-template-columns:1fr;gap:25px}.form-grid .full{grid-column:auto}.mobile-menu{display:block;position:fixed;z-index:40;inset:0;background:var(--ink);color:var(--paper);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .35s,transform .35s,visibility .35s}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.mobile-menu-inner{height:100%;padding:25px 24px;display:flex;flex-direction:column}.mobile-menu-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.1em}.mobile-close{color:#aaa}.mobile-menu nav{display:flex;flex-direction:column;margin-top:76px;gap:21px}.mobile-menu nav a{font-family:var(--serif);font-size:33px;line-height:1;letter-spacing:-.03em;display:grid;grid-template-columns:34px 1fr auto;align-items:baseline}.mobile-menu nav small{font-family:var(--mono);font-size:8px;color:#aaa}.mobile-menu nav em{font-family:'Noto Sans TC',sans-serif;font-style:normal;font-size:10px;color:#999;letter-spacing:.08em}.mobile-consultation{margin-top:auto;border-top:1px solid rgba(242,240,235,.3);padding-top:18px;font-family:var(--mono);font-size:10px;letter-spacing:.1em}.mobile-consultation span{float:right;font-size:19px}.mobile-consultation small{display:block;color:#999;font-family:'Noto Sans TC',sans-serif;margin-top:5px}.mobile-menu .social-links{margin-top:34px;color:#aaa}}
@media(max-width:420px){.hero-copy h1{font-size:57px}.hero-actions{display:block}.hero-actions .text-link{margin:0 0 14px}.page-intro h1{font-size:53px}.card-meta dl{gap:12px}.detail-hero-copy h1{font-size:54px}.detail-facts{gap:13px;font-size:8px}}
.line-consultation{max-width:970px;border-top:1px solid var(--line);padding:24px 0 28px;display:flex;align-items:center;gap:28px}.line-consultation span{font-family:var(--mono);font-size:8px;color:var(--muted);letter-spacing:.1em}.line-consultation p{font-family:'Noto Sans TC',sans-serif;color:#65615b;font-size:12px;margin:0 auto 0 0}.line-consultation .text-link{white-space:nowrap}@media(max-width:900px){.line-consultation{display:block}.line-consultation p{margin:14px 0}.line-consultation .text-link{display:inline-flex}}
.detail-video-gallery{border-top:1px solid var(--line);padding:30px 0 150px}.detail-video-gallery .section-heading{align-items:flex-start}.video-gallery-intro{max-width:330px;color:#65615b;font-family:'Noto Sans TC',sans-serif;line-height:2;margin:14px 0 0}.detail-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.detail-video-card{margin:0}.detail-video-card video{display:block;width:100%;aspect-ratio:9 / 16;object-fit:cover;background:#1f1f1d}.detail-video-card figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:14px;font-family:var(--mono);font-size:8px;letter-spacing:.08em;color:var(--muted)}.detail-video-card figcaption strong{font-weight:400;color:var(--ink)}
@media(max-width:900px){.detail-video-gallery{padding-bottom:90px}.detail-video-gallery .section-heading{display:block}.video-gallery-intro{margin:24px 0 42px}.detail-video-grid{grid-template-columns:1fr;gap:38px}.detail-video-card video{aspect-ratio:9 / 16;max-height:680px}}
.fee-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:70px}.fee-card{padding:28px;border:1px solid var(--line);background:var(--paper-deep)}.fee-card:hover{border-color:var(--ink)}.fee-card h2{font-size:24px;margin:10px 0}.fee-card p{margin:0}.fee-card small{color:var(--muted)}.fees-page .page-intro h1{font-family:var(--sans);font-size:clamp(30px,3.5vw,58px);line-height:1.6;letter-spacing:0}.fees-page .page-intro h1 i{font-style:normal}.fee-section{padding:40px 0;border-top:1px solid var(--line)}.fee-section h2{font-size:26px}.fee-section h3{font-size:21px;margin-top:20px}.fee-section p{max-width:850px;line-height:2}.fee-calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;margin-top:30px}.fee-calculator label{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;font-size:14px}.fee-calculator input,.fee-calculator select{width:100%;padding:13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit}.fee-calculator small{font-size:12px;color:var(--muted)}.fee-calculator fieldset{padding:20px;border:1px solid var(--line);margin:0 0 20px;min-width:0}.fee-calculator [hidden]{display:none!important}.fee-calculator legend{padding:0 8px}#fee-result{padding:28px;background:var(--paper-deep);align-self:start;min-width:0}.fee-breakdown{margin:25px 0}.fee-breakdown>div{display:flex;justify-content:space-between;gap:18px;padding:18px 0;border-top:1px solid var(--line)}.fee-breakdown dd{margin:0;white-space:nowrap;font-size:18px}.fee-breakdown small{display:block}.fee-total{font-weight:600}.fee-total dd{font-size:23px}.fee-notice{border-left:3px solid #76654b;padding-left:16px}.fee-steps{line-height:2.3;padding-left:22px}.mobile-menu-inner{overflow-y:auto}@media(max-width:900px){.fee-calculator{grid-template-columns:1fr}.fee-services{gap:12px}.fee-card{padding:18px}.fee-card h2{font-size:20px}#fee-result{padding:20px}.mobile-menu nav{margin-top:40px;gap:19px}}@media(max-width:420px){.fee-services{grid-template-columns:1fr}.fee-breakdown dd{font-size:16px}.fee-total dd{font-size:19px}}
.fee-table-wrap{overflow-x:auto;border:1px solid var(--line);margin:24px 0}.fee-table{border-collapse:collapse;width:100%;min-width:650px;font-size:14px}.fee-table caption{text-align:left;padding:18px;font-weight:600;background:var(--paper-deep)}.fee-table th,.fee-table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}.fee-table thead th{background:var(--paper-deep)}.fee-table tbody th{font-weight:500}.fee-table td{white-space:nowrap}.fee-rules,.fee-delivery ul{line-height:2.2;padding-left:22px}.fee-delivery{border:1px solid var(--line);padding:20px;margin-top:25px}.fee-delivery summary{cursor:pointer;font-weight:600}.design-phases{border:1px solid var(--line);padding:35px;max-width:850px;text-align:center}.design-phases article{padding:22px}.design-phases h3{font-size:24px;margin:10px 0}.design-phases p{margin:10px auto}.design-phases span{display:inline-block;background:var(--paper-deep);border-radius:20px;padding:4px 14px;font-size:12px}.phase-arrow{color:var(--muted);padding:18px}.website-steps{list-style:none;counter-reset:flow;padding:0;max-width:850px}.website-steps li{counter-increment:flow;position:relative;padding:18px 20px 18px 65px;border-bottom:1px solid var(--line)}.website-steps li:before{content:counter(flow,decimal-leading-zero);position:absolute;left:4px;top:18px;font-size:24px;color:var(--muted);font-family:var(--mono)}.website-steps strong{font-size:18px}.website-steps p{margin:6px 0 0}.fee-section{scroll-margin-top:35px}@media(max-width:600px){.design-phases{padding:16px}.design-phases article{padding:16px 6px}.fee-table{font-size:13px}.fee-section h2{font-size:23px}.website-steps li{padding-left:50px}.website-steps strong{font-size:16px}}
.fees-hero{margin:0 0 48px}.fees-hero-label{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px;font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.05em}.fees-hero img{width:100%;height:auto;aspect-ratio:2.1 / 1;object-fit:cover;object-position:center 52%;border-radius:20px}.fees-hero figcaption{margin-top:10px;font-size:11px;color:var(--muted)}@media(max-width:600px){.fees-hero{margin-bottom:30px}.fees-hero img{aspect-ratio:1.45 / 1;border-radius:14px}.fees-hero-label{font-size:10px;margin-bottom:12px}}

/* 2026-11-10 content, responsive, and bilingual hierarchy refinements */
.hero-copy h1{max-width:790px;font-family:'Noto Sans TC',var(--sans);font-size:clamp(52px,6.2vw,96px);font-weight:500;letter-spacing:-.055em;line-height:1.13}
.hero-title-en,.section-label h2 small,.section-heading h2 small,.philosophy-copy h2 small,.home-cta h2 small{display:block;font-family:var(--serif);font-weight:500;letter-spacing:-.035em}
.hero-title-en{margin-top:13px;font-size:.48em;font-style:italic;line-height:1}
.section-label h2,.section-heading h2,.philosophy-copy h2{font-family:'Noto Sans TC',var(--sans);letter-spacing:-.045em;line-height:1.18}
.section-label h2 small,.section-heading h2 small,.philosophy-copy h2 small{margin-top:13px;color:var(--muted);font-size:.43em;font-style:italic;line-height:1.05}
.home-cta h2 small{margin-top:18px;color:#aaa7a0;font-size:.35em;font-style:italic}
.card-meta>div:first-child{min-width:0}
.card-meta dl{min-width:0}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:7vw;padding:65px 7vw 80px;border-top:1px solid var(--line);background:var(--paper);font-family:'Noto Sans TC',sans-serif}
.site-footer>div>p:not(.eyebrow){max-width:390px;margin:15px 0 0;color:#65615b;line-height:1.9}
.footer-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;font-family:var(--mono);font-size:9px;letter-spacing:.08em}
.verified-contact-list{margin:0}
.verified-contact-list div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}
.verified-contact-list dt{color:var(--muted)}
.verified-contact-list dd{margin:0}
.contact-pending{max-width:430px;margin:28px 0;color:#65615b;font-family:'Noto Sans TC',sans-serif;line-height:1.9}
@media(min-width:901px) and (max-width:1180px){.card-meta{display:block}.card-meta dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-top:18px}.card-meta dd{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:900px){.hero-copy h1{font-size:clamp(46px,13vw,64px)}.section-label h2,.section-heading h2{font-size:48px}.card-meta dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}.card-meta dd{white-space:normal;overflow-wrap:anywhere}.reveal{opacity:1;transform:none}.site-footer{grid-template-columns:1fr;padding:55px 24px 105px}.verified-contact-list div{grid-template-columns:1fr;gap:2px}.hero-scroll{display:none}}
@media(max-width:420px){.home-hero{min-height:640px}.hero-copy{bottom:16vh}.hero-copy h1{font-size:47px}.hero-title-en{font-size:.43em}.hero-description{max-width:285px}.section-label h2,.section-heading h2{font-size:42px}.card-meta dl{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:105px}}
.detail-photo-gallery>div img{height:auto;aspect-ratio:auto;object-fit:contain;background:var(--paper-deep)}
.detail-photo-gallery .gallery-offset{margin-top:120px}
.detail-photo-gallery .gallery-offset img{height:auto;aspect-ratio:auto}
@media(max-width:900px){.detail-photo-gallery>div img,.detail-photo-gallery .gallery-offset img{height:auto;max-height:none}.detail-photo-gallery .gallery-offset{margin:42px 0 0 12%}}

/* Launch-ready content pages and contact flow */
.about-hero-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:7vw;align-items:center;padding:0 0 145px}
.about-image{min-height:620px;background:var(--paper-deep);overflow:hidden}
.about-image img{height:100%;min-height:620px}
.about-copy h2,.about-services h2,.about-cta h2,.journal-launch h2,.journal-cta h2,.contact-card h2,.form-handoff h2{font-family:var(--serif);font-size:clamp(38px,4.2vw,66px);font-weight:500;line-height:1.05;letter-spacing:-.05em;margin:28px 0}
.about-copy>p:last-child{max-width:470px;color:#65615b;font-family:'Noto Sans TC',sans-serif;line-height:2.1}
.about-principles{padding:0 0 145px;border-top:1px solid var(--line)}
.about-principles .section-heading{padding-top:30px}
.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.principle-card{padding:30px 28px 12px 0;border-right:1px solid var(--line)}
.principle-card+article{padding-left:28px}
.principle-card:last-child{border-right:0}
.principle-card>span,.journal-card>span,.journal-resource-card>span{font-family:var(--mono);font-size:9px;color:var(--muted)}
.principle-card h3{font-family:'Noto Sans TC',sans-serif;font-size:20px;font-weight:500;margin:48px 0 4px}
.principle-card em{display:block;font-family:var(--serif);font-size:17px;color:var(--muted)}
.principle-card p{max-width:310px;margin:25px 0;color:#65615b;font-family:'Noto Sans TC',sans-serif;line-height:2}
.about-credentials{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(440px,1.28fr);gap:8vw;padding:0 0 145px;border-top:1px solid var(--line)}
.about-credentials>div{padding-top:30px}
.about-credentials h2{font-family:'Noto Sans TC',sans-serif;font-size:clamp(38px,4.3vw,66px);font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:26px 0 45px}
.about-credentials h2 small{display:block;margin-top:10px;color:var(--muted);font-family:var(--serif);font-size:.36em;font-style:italic;font-weight:500;letter-spacing:-.02em}
.client-list,.award-list{border-top:1px solid var(--line)}
.client-list>div{display:grid;grid-template-columns:45px 1fr;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}
.client-list span{font-family:var(--mono);font-size:8px;color:var(--muted)}
.client-list strong{font-family:'Noto Sans TC',sans-serif;font-size:14px;font-weight:400}
.award-list article{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}
.award-list time{font-family:var(--serif);font-size:24px}
.award-list ul{list-style:none;margin:0;padding:0}
.award-list li{padding:3px 0;color:#56534e;font-family:'Noto Sans TC',sans-serif;line-height:1.75}
.about-verse{margin:0 0 145px;padding:78px 7vw;background:var(--paper-deep);text-align:center}
.about-verse p{max-width:850px;margin:0 auto 25px;font-family:var(--serif),'Noto Sans TC',sans-serif;font-size:clamp(26px,3.2vw,48px);line-height:1.45;letter-spacing:-.035em}
.about-verse cite{font-family:var(--mono);font-size:9px;color:var(--muted);font-style:normal;letter-spacing:.13em}
.about-services{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(380px,1fr);gap:8vw;padding:0 0 145px}
.about-links{border-top:1px solid var(--line)}
.about-link-card{display:grid;grid-template-columns:1fr auto 20px;gap:18px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);transition:padding .3s ease}
.about-link-card:hover{padding-left:12px}
.about-link-card span{font-size:16px}
.about-link-card small{font-family:var(--mono);font-size:9px;color:var(--muted)}
.about-link-card b{font-size:18px;font-weight:400}
.about-cta,.journal-cta{margin:0 -7vw -10vw;padding:130px 7vw;background:var(--ink);color:var(--paper)}
.about-cta .eyebrow,.journal-cta .eyebrow{color:#aaa7a0}
.about-cta .button-link,.journal-cta .button-link{margin-top:12px}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:145px}
.journal-card{min-height:330px;padding:34px;background:var(--paper);display:flex;flex-direction:column;align-items:flex-start}
.journal-card .eyebrow{margin-top:46px}
.journal-card h2{font-family:'Noto Sans TC',sans-serif;font-size:30px;font-weight:500;margin:12px 0 24px}
.journal-card>p:last-child{max-width:410px;margin-top:auto;color:#65615b;font-family:'Noto Sans TC',sans-serif;line-height:2}
.journal-launch{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1fr);gap:8vw;align-items:end;padding:0 0 85px}
.journal-launch>p{max-width:500px;color:#65615b;font-family:'Noto Sans TC',sans-serif;line-height:2}
.journal-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin-bottom:145px}
.journal-resource-card{display:grid;grid-template-columns:1fr auto;align-items:end;min-height:180px;padding:25px 26px 25px 0;border-right:1px solid var(--line)}
.journal-resource-card+article,.journal-resource-card+a{padding-left:26px}
.journal-resource-card:last-child{border-right:0}
.journal-resource-card strong{grid-column:1;font-family:'Noto Sans TC',sans-serif;font-size:19px;font-weight:500;margin-top:45px}
.journal-resource-card small{grid-column:1;font-family:var(--serif);color:var(--muted);font-size:15px}
.journal-resource-card b{grid-column:2;grid-row:2 / 4;font-size:20px;font-weight:400}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.contact-card{min-height:570px;padding:45px;background:var(--paper)}
.contact-primary{background:var(--ink);color:var(--paper)}
.contact-primary .eyebrow{color:#aaa7a0}
.contact-primary>p:not(.eyebrow){max-width:390px;color:#c4c1ba;font-family:'Noto Sans TC',sans-serif;line-height:2}
.contact-primary .text-link{margin-left:25px;border-color:rgba(242,240,235,.45)}
.contact-line-button{margin-top:50px}
.contact-channel-list{margin-top:45px;border-top:1px solid var(--line)}
.contact-channel-item{display:flex;flex-direction:column;gap:7px;padding:18px 0;border-bottom:1px solid var(--line)}
.contact-channel-item strong{font-family:'Noto Sans TC',sans-serif;font-weight:500}
.contact-channel-item span{color:#65615b;font-family:'Noto Sans TC',sans-serif;line-height:1.8}
.contact-bottom{display:flex;justify-content:space-between;align-items:end;padding:38px 0 0}
.contact-bottom p:not(.eyebrow){margin:12px 0 0;color:#65615b;font-family:'Noto Sans TC',sans-serif}
.form-disclosure{max-width:620px;margin:18px 0 0;color:var(--muted);font-family:'Noto Sans TC',sans-serif;font-size:11px;line-height:1.8}
.form-handoff{padding:75px 0}
.form-handoff>p:not(.eyebrow){max-width:540px;color:#65615b;font-family:'Noto Sans TC',sans-serif;line-height:2}
.consultation-summary{display:block;width:100%;max-width:760px;margin:35px 0 25px;padding:22px;border:1px solid var(--line);background:var(--paper-deep);font-family:'Noto Sans TC',sans-serif;line-height:1.8;resize:vertical}
.handoff-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.copy-button{padding:15px 20px;border:1px solid var(--ink);font-family:var(--mono);font-size:9px;letter-spacing:.1em}
.copy-button:hover{background:var(--ink);color:var(--paper)}
.form-handoff .button-link{color:var(--ink);border-color:var(--ink)}
.form-handoff .button-link:hover{color:var(--paper);background:var(--ink)}
.form-handoff>small{display:block;color:var(--muted);font-family:'Noto Sans TC',sans-serif;line-height:1.8}
@media(max-width:900px){.about-hero-panel,.about-services,.about-credentials,.journal-launch{grid-template-columns:1fr;gap:55px}.about-hero-panel,.about-principles,.about-credentials,.about-services{padding-bottom:95px}.about-image,.about-image img{min-height:0}.about-image img{height:auto}.principle-grid{grid-template-columns:1fr}.principle-card,.principle-card+article{padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}.principle-card h3{margin-top:25px}.about-credentials>div{padding-top:26px}.about-credentials h2{margin-bottom:30px}.about-verse{margin:0 0 95px;padding:60px 24px}.about-cta,.journal-cta{margin:0 -24px -90px;padding:95px 24px}.journal-grid{grid-template-columns:1fr;margin-bottom:95px}.journal-card{min-height:300px}.journal-resource-grid{grid-template-columns:1fr;margin-bottom:95px}.journal-resource-card,.journal-resource-card+article,.journal-resource-card+a{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:0;padding:35px 28px}.contact-primary .text-link{display:flex;width:max-content;margin:24px 0 0}.contact-bottom{display:block}.contact-bottom .text-link{margin-top:25px}.form-handoff{padding:55px 0}}
@media(max-width:420px){.about-copy h2,.about-services h2,.about-cta h2,.journal-launch h2,.journal-cta h2,.contact-card h2,.form-handoff h2{font-size:39px}.journal-card{min-height:280px;padding:27px 23px}.contact-card{padding:30px 22px}.contact-line-button{margin-top:35px}.line-floating-cta{max-width:calc(100vw - 32px)}}

/* Search-ready FAQ */
.seo-faq{padding:135px 0 25px;border-top:1px solid var(--line)}
.seo-faq .section-heading{padding-top:0}
.seo-faq .section-heading h2{font-family:'Noto Sans TC',sans-serif;font-size:clamp(36px,4.2vw,62px);font-weight:500;line-height:1.15;letter-spacing:-.05em}
.seo-faq .section-heading h2 small{display:block;margin-top:10px;color:var(--muted);font-family:var(--serif);font-size:.38em;font-style:italic;font-weight:500;letter-spacing:-.02em}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;gap:18px;align-items:center;padding:25px 0;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{font-family:var(--mono);font-size:9px;color:var(--muted)}
.faq-item summary strong{font-family:'Noto Sans TC',sans-serif;font-size:17px;font-weight:500;line-height:1.6}
.faq-item summary b{font-size:20px;font-weight:400;transition:transform .25s ease}
.faq-item[open] summary b{transform:rotate(45deg)}
.faq-item>p{max-width:760px;margin:0 0 28px 66px;color:#65615b;font-family:'Noto Sans TC',sans-serif;line-height:2}
@media(max-width:900px){.seo-faq{padding-top:95px}.faq-item summary{grid-template-columns:34px minmax(0,1fr) 20px;gap:12px}.faq-item>p{margin-left:46px}}
