:root{--bg:#fff;--bg-clean:#fff;--bg-soft:#fff;--ink:#1f1d1a;--muted:#6d675f;--line:#1f1d1a24;--gold:#a98242;--gold-strong:#7d5e2d;--panel:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Arial,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{z-index:50;pointer-events:none;opacity:1;will-change:transform, opacity;justify-content:space-between;align-items:flex-start;min-height:132px;padding:22px 44px 0;transition:opacity .3s,transform .3s;display:flex;position:fixed;inset:0 0 auto;transform:translateY(0);box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.site-header.is-hidden{opacity:0;transform:translateY(-120%)}.brand-logo,.header-actions,.site-header a{pointer-events:auto;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.site-header *,.site-header :before,.site-header :after{box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.brand-logo{width:clamp(150px,15vw,250px);display:inline-flex}.brand-logo img{object-fit:contain;width:100%;height:auto}.header-actions{flex-direction:column;align-items:flex-end;gap:26px;display:flex;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.primary-nav{color:#1f1d1af0;align-items:flex-start;gap:34px;display:flex;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.nav-item{justify-items:center;display:grid;position:relative;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.nav-link{letter-spacing:.2em;place-items:center;min-width:86px;min-height:28px;font-size:19px;font-weight:600;line-height:1;display:inline-grid;position:relative;overflow:hidden;text-shadow:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.nav-label{grid-area:1/1;transition:opacity .22s,transform .22s;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.nav-label-zh{opacity:0;letter-spacing:.28em;font-size:16px;transform:translateY(12px)}.nav-link:hover .nav-label-en,.nav-item:focus-within .nav-label-en{opacity:0;transform:translateY(-12px)}.nav-link:hover .nav-label-zh,.nav-item:focus-within .nav-label-zh{opacity:1;transform:translateY(0)}.nav-dropdown{min-width:112px;box-shadow:none;opacity:0;pointer-events:none;background:0 0;border:0;gap:8px;padding:10px 12px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:34px;left:50%;transform:translate(-50%,-6px)}.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{opacity:1;pointer-events:auto;transform:translate(-50%)}.nav-dropdown a{color:var(--ink);letter-spacing:.14em;white-space:nowrap;font-size:14px;line-height:1.4}.nav-dropdown a:hover{color:var(--gold-strong)}.socials{justify-content:flex-end;align-items:center;gap:14px;display:flex;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.socials a{width:32px;height:32px;color:var(--ink);border-radius:999px;place-items:center;transition:background .18s,color .18s,transform .18s;display:inline-grid;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.socials a:hover{color:var(--ink);transform:translateY(-1px);background:0 0!important}.socials svg{fill:currentColor;width:17px;height:17px;display:block}.floating-cta{z-index:60;min-height:52px;color:var(--ink);letter-spacing:.08em;background:#fff;border:1px solid #1f1d1a1f;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:inline-flex;position:fixed;bottom:28px;right:28px;box-shadow:0 14px 38px #1f1d1a1f}.floating-cta:hover{color:#fff;background:#1f1d1a;border-color:#a982428c}.hero-slider{background:#fff;min-height:100svh;position:relative;overflow:hidden}.hero-slider img{object-fit:cover;opacity:0;transition:opacity 1.4s;transform:none}.hero-slider img.is-active{opacity:1}.hero-slider:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000001a,#0000);position:absolute;inset:0}.hero-next-zone{z-index:3;width:min(24vw,210px);position:absolute;top:0;bottom:0;right:0}.hero-arrow{color:#fff;cursor:pointer;opacity:0;text-shadow:0 2px 18px #0000006b;background:0 0;border:0;width:48px;height:82px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,42px);line-height:1;transition:opacity .22s,transform .22s;position:absolute;top:50%;right:clamp(16px,3vw,40px);transform:translateY(-50%)}.hero-next-zone:hover .hero-arrow,.hero-next-zone:focus-within .hero-arrow,.hero-next-zone:hover .hero-counter,.hero-next-zone:focus-within .hero-counter{opacity:1}.hero-arrow:hover{transform:translateY(-50%)scale(1.04)}.hero-counter{color:#fff;letter-spacing:.08em;opacity:0;text-shadow:0 2px 18px #0000006b;font-size:clamp(14px,1.7vw,20px);font-weight:600;line-height:1;transition:opacity .22s;position:absolute;bottom:clamp(24px,5vw,58px);right:clamp(24px,4vw,62px)}.hero-copy{z-index:2;max-width:620px;position:absolute;bottom:clamp(72px,13vh,148px);left:clamp(24px,8vw,112px)}.eyebrow{color:var(--gold-strong);letter-spacing:.28em;margin:0 0 16px;font-size:12px}.hero-copy h1,.page-hero h1,.project-page h1,.contact-info h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,7vw,92px);font-weight:400;line-height:.98}.hero-copy p,.page-hero p,.project-page>p,.contact-intro{color:var(--muted);line-height:1.85}.page-hero,.project-page,.contact-page{width:min(1120px,100% - 48px);margin:0 auto;padding:150px 0 88px}.project-page{width:min(1456px,100% - 48px)}.project-page>.eyebrow,.project-page>h1{width:min(1120px,100%);margin-left:auto;margin-right:auto}.project-page>.tags{width:min(1120px,100%);margin:28px auto 34px}.works-page,.awards-page{width:min(1120px,100% - 48px);margin:0 auto;padding:150px 0 96px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px;display:grid}.award-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card,.award-card{display:block;overflow:hidden}.project-card-image{aspect-ratio:1;background:#f3f3f3;position:relative;overflow:hidden}.award-card-image{aspect-ratio:9/16;background:#f3f3f3;position:relative;overflow:hidden}.project-card-image img,.award-card-image img,.portable-image{object-fit:cover}.project-card-image img,.award-card-image img{transition:opacity .26s,transform .42s}.project-card-overlay{z-index:1;color:#1f1f1f;opacity:0;text-align:center;background:#ffffffbd;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px;transition:opacity .26s;display:flex;position:absolute;inset:0}.project-card-title{letter-spacing:.1em;font-size:clamp(21px,1.9vw,27px);font-weight:400;line-height:1.45}.project-card-subtitle{letter-spacing:.08em;font-size:clamp(15px,1.35vw,19px);font-weight:400;line-height:1.5}.project-card:hover .project-card-image img,.award-card:hover .award-card-image img{transform:scale(1.025)}.project-card:hover .project-card-overlay,.award-card:hover .project-card-overlay{opacity:1}.award-detail-subtitle{width:min(1120px,100%);color:var(--muted);letter-spacing:.08em;margin:24px auto 34px;font-size:18px;line-height:1.8}.works-filter,.tags{flex-wrap:wrap;gap:10px;margin:0 0 34px;display:flex}.works-filter a,.tags span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:8px 14px;font-size:13px}.works-filter a.is-active,.works-filter a:hover{border-color:var(--ink);background:var(--ink);color:#fff}.video-button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;display:inline-flex}.project-content{color:var(--muted);gap:28px;margin-top:54px;line-height:1.9;display:grid}.project-content>*{margin:0}.portable-image-wrap{aspect-ratio:16/10;background:var(--bg-soft);margin:0;position:relative;overflow:hidden}.about-page{color:var(--ink);background:#fff}.about-hero{border-bottom:1px solid #1f1d1a1a;width:min(1600px,100% - 64px);margin:0 auto;padding:clamp(138px,12vw,188px) 0 clamp(82px,8vw,118px)}.about-heading{margin-bottom:clamp(44px,5vw,72px)}.about-eyebrow{color:#9a6a32;letter-spacing:.32em;margin:0 0 24px;font-size:12px;font-weight:400}.about-heading h1{color:#252321;letter-spacing:.08em;white-space:nowrap;margin:0;font-family:Arial,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:clamp(30px,3vw,48px);font-weight:500;line-height:1.32}.about-hero-body{grid-template-columns:minmax(360px,.72fr) minmax(660px,1.28fr);align-items:center;gap:clamp(44px,4.6vw,82px);display:grid}.about-copy{align-content:center;gap:clamp(20px,2vw,30px);min-height:clamp(360px,32vw,560px);padding-top:0;display:grid}.about-copy h1{color:#252321;letter-spacing:.04em;margin:0;font-family:Arial,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:clamp(18px,1.25vw,24px);font-weight:600;line-height:1.7}.about-copy p{color:#4f4942;letter-spacing:.035em;text-align:left;margin:0;font-size:clamp(16px,1vw,20px);line-height:1.92}.about-copy .about-eyebrow{margin-bottom:clamp(4px,.7vw,10px);font-size:11px}.about-hero-media{background:#f4f4f2;min-height:clamp(420px,32vw,620px);margin:0;position:relative;overflow:hidden}.about-hero-media img{object-fit:cover}.about-service{background:#fff;padding:clamp(82px,8.6vw,124px) 0}.about-service-inner{width:min(1500px,100% - 88px);margin:0 auto}.about-service h2{color:#252321;letter-spacing:.08em;text-wrap:balance;max-width:1280px;margin:0 0 clamp(50px,6vw,78px);font-family:Arial,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.32}.service-flow{border-top:0;grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.service-flow-step{text-align:center;grid-template-columns:auto auto;grid-template-areas:"icon icon""number title";place-content:start center;align-items:center;gap:28px 12px;min-height:150px;padding:0 14px 20px 0;display:grid}.service-flow-step+.service-flow-step{padding-left:14px}.service-flow-line{display:none}.service-flow-number{color:#9a6a32;letter-spacing:.22em;grid-area:number;margin:0;font-size:12px;line-height:1.55;display:inline-block}.service-flow-step h3{color:#4f4942;letter-spacing:.01em;grid-area:title;min-height:0;margin:0;font-size:13px;font-weight:400;line-height:1.55}.service-flow-icon{color:#a0642bb8;grid-area:icon;justify-content:center;align-items:center;width:72px;min-height:68px;margin:0 auto;display:flex}.service-flow-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:64px;height:64px}.contact-page-full{background:#fff;width:100%;padding:116px 0 96px}.contact-map{aspect-ratio:16/4.25;background:#fff;border:1px solid #1f1d1a14;width:min(1120px,100% - 48px);margin:0 auto 58px;overflow:hidden}.contact-map iframe{filter:grayscale()contrast(.92)brightness(1.05);border:0;width:100%;height:100%}.contact-layout{background:#fff;grid-template-columns:minmax(0,34fr) minmax(0,66fr);align-items:start;gap:56px;width:min(920px,100% - 48px);margin:0 auto;display:grid}.contact-layout-minimal{grid-template-columns:minmax(0,34fr) minmax(0,66fr);gap:56px}.contact-info h1,.contact-title{color:#1f1f1f;letter-spacing:.08em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,1.85vw,29px);font-weight:400;line-height:1.2}.contact-label{color:#9a6a32;letter-spacing:.28em;margin:0 0 16px;font-size:11px;font-weight:400}.contact-rule{background:#9a6a32;width:38px;height:1px;margin:0 0 24px;display:block}.company-list{gap:20px;margin:48px 0 0;display:grid}.company-list-minimal,.contact-info-list{align-content:start;gap:0;width:100%;max-width:520px;margin-top:0}.company-list-minimal div,.contact-row{border-bottom:1px solid #9a6a3221;grid-template-columns:84px 1fr;align-items:center;gap:0;min-height:48px;padding:0;display:grid}.company-list dt,.contact-row-label{color:#9a6a32;letter-spacing:.16em;font-size:11px;font-weight:400;line-height:1.35}.company-list dd,.contact-row-value{color:#1f1f1f;letter-spacing:.04em;margin:0;font-size:13px;font-weight:400;line-height:1.35}.contact-row-value.email{letter-spacing:.02em;font-size:12px}.empty-state{min-height:24px;color:var(--gold-strong)}.video-page{width:min(1120px,100% - 48px);margin:0 auto;padding:150px 0 96px}.video-hero{gap:18px;margin-bottom:44px;display:grid}.video-eyebrow{color:#9a6a32;letter-spacing:.28em;margin:0;font-size:12px;font-weight:400}.video-hero h1{color:#1f1f1f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,4.8vw,72px);font-weight:400;line-height:1}.video-filters{flex-wrap:wrap;align-items:center;gap:9px;margin-top:4px;display:flex}.video-filters button{color:#6d675f;cursor:pointer;letter-spacing:.12em;background:#fff;border:1px solid #1f1d1a1f;border-radius:999px;min-height:31px;padding:0 13px;font-size:12px;font-weight:400;transition:border-color .18s,color .18s,background .18s,transform .18s}.video-filters button:hover,.video-filters button.is-active{color:#fff;background:#1f1f1f;border-color:#1f1f1f}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 16px;display:grid}.video-card{opacity:1;gap:13px;animation:.26s both videoCardIn;display:grid;transform:translateY(0)}.video-cover{aspect-ratio:16/9;cursor:pointer;background:#efefef;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.video-cover img,.video-cover-empty{object-fit:cover;width:100%;height:100%;transition:opacity .22s,transform .42s;display:block}.video-cover:after{content:"";background:#0000001f;transition:background .22s;position:absolute;inset:0}.video-cover:hover img{transform:scale(1.025)}.video-cover:hover:after{background:#0003}.video-play-icon{z-index:2;background:#ffffffdb;border-radius:9px;width:46px;height:31px;transition:background .18s,transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-play-icon:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #1f1f1f;width:0;height:0;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)}.video-cover:hover .video-play-icon{background:#fffffff5;transform:translate(-50%,-50%)scale(1.04)}.video-card h2{color:#1f1f1f;letter-spacing:.04em;margin:0;font-size:15px;font-weight:400;line-height:1.6}.video-empty{color:var(--muted);letter-spacing:.08em;margin:48px 0 0;font-size:14px}.video-lightbox{z-index:100;place-items:center;padding:44px;display:grid;position:fixed;inset:0}.video-lightbox-backdrop{cursor:zoom-out;background:#000000db;border:0;position:absolute;inset:0}.video-lightbox-frame{z-index:1;aspect-ratio:16/9;background:#000;width:min(1180px,92vw);position:relative;box-shadow:0 30px 80px #0000005c}.video-lightbox-frame iframe{border:0;width:100%;height:100%;display:block}.video-lightbox-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:31px;font-weight:300;line-height:1;position:absolute;top:-42px;right:0}@keyframes videoCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1500px){.service-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 0}.service-flow-step{min-height:210px}.service-flow-step h3{font-size:14px}}@media (max-width:1320px){.about-heading h1{white-space:normal}.about-hero-body{grid-template-columns:1fr;gap:38px}.about-copy,.about-hero-media{min-height:clamp(320px,44vw,520px)}}@media (max-width:980px){.service-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:920px){.site-header{flex-direction:column;gap:18px;min-height:154px;padding:18px 18px 0}.header-actions{align-items:flex-start;gap:18px;width:100%}.primary-nav{gap:18px;width:100%;padding-bottom:42px;overflow-x:auto}.nav-link{min-width:74px;font-size:14px}.nav-dropdown{top:30px}.brand-logo{width:168px}.contact-layout{grid-template-columns:1fr}.project-grid,.award-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.company-list-minimal div{grid-template-columns:1fr;gap:8px}.contact-row{grid-template-columns:1fr;align-items:start;gap:8px;padding:16px 0}.company-list dd{grid-area:auto}.contact-map{aspect-ratio:4/3}.video-page{width:min(100% - 36px,720px);padding-top:136px}.video-grid{grid-template-columns:1fr;gap:34px}.video-lightbox{padding:18px}.video-lightbox-frame{width:100%}.floating-cta{bottom:18px;right:18px}}@media (max-width:760px){.about-hero,.about-service-inner{width:min(100% - 44px,720px)}.about-hero{padding:136px 0 70px}.about-heading{margin-bottom:34px}.about-heading h1,.about-service h2{font-size:34px;line-height:1.36}.about-copy{min-height:auto;padding-top:0}.about-copy p,.about-copy p:first-child{text-align:left;font-size:16px;line-height:1.9}.about-hero-media{aspect-ratio:1.08;min-height:auto}.about-service{padding:72px 0 82px}.service-flow{border-top:0;grid-template-columns:1fr;gap:0}.service-flow-step,.service-flow-step+.service-flow-step{border-bottom:1px solid #a0642b38;min-height:auto;padding:0 0 28px}.service-flow-step+.service-flow-step{padding-top:28px}.service-flow-line{width:72px;margin-bottom:18px}.service-flow-step h3{min-height:0;font-size:16px}.service-flow-icon{min-height:72px;margin-top:18px}}@media (max-width:920px) and (orientation:landscape){.video-lightbox{padding:0}.video-lightbox-frame{aspect-ratio:auto;width:100vw;height:100vh;max-height:100vh}.video-lightbox-close{z-index:2;text-shadow:0 2px 16px #000c;top:12px;right:16px}}