/* Original JingDing wordmark, spacious architectural portfolio. */
:root{--paper:#fff;--ink:#222;--muted:#666;--line:#dedede;--accent:#b64720}
body{background:#fff;color:#222}
header{height:116px;padding:0 5%;background:#fff;border-bottom:0}
.brand{display:flex;align-items:center;gap:16px;letter-spacing:0}
.brand-wordmark{width:220px;height:auto;max-height:68px;object-fit:contain}
.brand .brand-company{font-family:"Microsoft JhengHei",sans-serif;font-size:18px;letter-spacing:.08em;line-height:1.5;border-left:1px solid #ddd;padding-left:16px;font-weight:500;white-space:nowrap}
nav{gap:28px;font-size:14px}nav a:hover{color:#b64720}.nav-contact{border-color:#222;padding:12px 20px}
.hero{margin:0;width:100%;height:calc(100svh - 116px);min-height:570px;max-height:900px}
.hero>img{filter:none;object-position:60% 50%}
.hero-shade{background:linear-gradient(90deg,#0007,transparent 78%),linear-gradient(0deg,#0007,transparent 55%)}
.hero-copy{left:7%;top:50%;bottom:auto;transform:translateY(-50%);max-width:520px}
.hero h1{font-family:"Microsoft JhengHei","PingFang TC",sans-serif;font-size:clamp(36px,3.4vw,48px);font-weight:400;line-height:1.35;letter-spacing:.06em;margin:0 0 22px}
.hero h1 span{padding-left:0;color:#fff}.hero .eyebrow{color:#fff;font-size:12px;margin:0 0 18px;letter-spacing:.16em;line-height:1.5}
.hero-copy>p:not(.eyebrow){font-size:16px;color:#fff;letter-spacing:.02em;line-height:1.85;margin:0}.hero .button{margin-top:26px;min-height:48px;padding:11px 22px;gap:36px;font-size:14px}.light{border:1px solid #fff9;background:#ffffff0a;color:#fff}.light:hover{background:#fff;color:#222}
.hero-bottom{left:7%;right:7%;font-size:12px;bottom:28px}.hero-bottom i{font-size:12px;color:#fff}
.section{padding:100px 7%;max-width:1600px}.eyebrow{color:#777;font-size:12px;letter-spacing:.22em}
h2,.case h3,.album-name,#album-title{font-family:"Microsoft JhengHei","PingFang TC",sans-serif;font-weight:400}
h2{font-size:clamp(30px,3vw,44px);line-height:1.65;letter-spacing:.08em}
.about{border-bottom:0;gap:9%;padding-top:110px;padding-bottom:110px}.about-text>p{font-size:16px;color:#555;line-height:2.2}.services span{font-size:14px;color:#444;border-color:#ddd}
.projects{background:#f5f5f5;max-width:none}.section-heading>p{font-size:14px;color:#666}.filters{border-color:#ddd;gap:30px}.filter{font-size:14px;color:#666;padding:14px 0}.filter.active{color:#222;border-bottom-color:#b64720}.filter:hover{color:#b64720}
.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}.case:first-child{grid-column:auto}.case img,.case:first-child img{height:300px;aspect-ratio:4/3;object-fit:cover}.case>a{background:#e5e5e5}.case h3{font-size:20px;letter-spacing:.035em}.case p{font-size:12px;color:#777;letter-spacing:.08em}.view{background:#fff;color:#333;font-size:12px;right:12px;bottom:12px;padding:7px 12px}.result-count{font-size:12px;color:#666}
.all-projects{border-top:0}.album-list{gap:36px 26px}.album-card img{height:230px;filter:none}.album-card:hover img{filter:brightness(.93)}.album-name{font-size:20px;letter-spacing:.04em}.album-total{font-size:12px;color:#777;border-color:#ddd;padding-bottom:18px}
.contact{background:#262626;max-width:none;color:#fff}.contact .eyebrow{color:#bbb}.contact h2{font-size:clamp(34px,3.6vw,50px)}.contact>div>p:not(.eyebrow){font-size:16px;color:#ddd}.line{background:#fff;color:#222}.line:hover{background:#e9e9e9}.phone span{color:#ddd;font-size:14px}.qr{background:#fff;border:0;box-shadow:none}.qr p{font-size:12px;color:#555}
footer{padding:40px 7% 95px;font-size:12px;background:#fff;color:#666}.footer-brand{font-family:"Microsoft JhengHei",sans-serif;font-size:14px;letter-spacing:.1em;color:#444}.footer-brand img{width:180px;height:auto;margin-bottom:14px}.floating-line{background:#282828;border-color:#555;color:#fff;font-size:14px}.back-link{color:#333}.more-button{background:#282828}.viewer-bar button,.viewer-nav button{font-size:14px}#media-viewer{background:#222}
@media(min-width:1700px){.hero{max-width:none}.projects,.contact{padding-left:max(7%,calc((100% - 1380px)/2));padding-right:max(7%,calc((100% - 1380px)/2))}}
@media(max-width:1100px){.brand .brand-company{display:none}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-wordmark{width:210px}nav{gap:20px}.case img,.case:first-child img{height:300px}}
@media(max-width:700px){header{height:auto;min-height:100px;flex-wrap:wrap;padding:18px 6% 12px;gap:14px}.brand-wordmark{width:175px;max-height:none}nav{gap:18px;flex-wrap:wrap}nav>a:first-child{display:inline}nav a{font-size:14px}.nav-contact{padding:6px 10px}.hero{margin:0;min-height:610px;height:76svh;max-height:800px}.hero-copy{left:7%;right:7%;bottom:95px}.hero h1{font-size:clamp(32px,8vw,46px);letter-spacing:.06em}.hero .eyebrow{font-size:12px}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:2}.hero .button{font-size:14px}.hero-bottom{font-size:12px;left:7%;right:7%;gap:20px}.section{padding:70px 7%}.eyebrow{font-size:12px}h2{font-size:30px}.about-text>p{font-size:16px}.services span{font-size:14px}.section-heading>p{font-size:14px}.filters{gap:20px}.filter{font-size:14px}.gallery{grid-template-columns:1fr}.case img,.case:first-child img{height:auto;aspect-ratio:4/3}.case h3{font-size:20px}.case p,.view,.result-count{font-size:12px}.album-card img{height:auto;aspect-ratio:4/3}.album-name{font-size:16px}.album-total{font-size:12px}.contact>div>p:not(.eyebrow){font-size:16px}.contact h2{font-size:34px}.floating-line{font-size:14px}.qr p{font-size:12px}footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){.hero-copy{top:50%;bottom:auto;transform:translateY(-50%);max-width:440px}.hero h1{font-size:clamp(30px,8vw,38px);line-height:1.4;letter-spacing:.045em;margin-bottom:20px}.hero .eyebrow{margin-bottom:16px;letter-spacing:.12em}.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;margin:0}.hero .button{margin-top:24px;padding:11px 20px;gap:32px}}

/* Unified portfolio categories */
#projects .filters{flex-wrap:wrap;gap:8px 28px}#projects .filter{font-size:14px}#projects .album-list{margin-top:32px}#projects .album-total{font-size:14px}#projects #archive-summary{font-size:14px}#all-projects{display:block;scroll-margin-top:24px}