/* Brand presentation: warm stone, charcoal and restrained brass. */
:root{--paper:#f5f2eb;--ink:#242720;--muted:#777a6e;--line:#dcd8ce;--accent:#9b8260}body{font-family:"Microsoft JhengHei","PingFang TC",sans-serif;-webkit-font-smoothing:antialiased;background:var(--paper)}header{height:104px;padding:0 6%;border-bottom:1px solid #ded9cf;position:relative;z-index:6}.brand{font-weight:500;font-size:23px;letter-spacing:.22em;gap:20px}.brand small{font-size:10px;letter-spacing:.23em;color:#8f7857;margin-top:1px}.brand-mark{height:58px;width:46px}.nav-contact{border:1px solid #aaa18d;padding:10px 20px}nav{gap:40px;font-size:14px;letter-spacing:.06em}nav a{transition:color .2s,background .2s}nav a:hover{color:#997b4e}.hero{height:760px;max-height:none;min-height:620px;margin:0 24px;isolation:isolate}.hero>img{object-position:62% 50%;filter:brightness(.87)}.hero-shade{background:linear-gradient(90deg,#111a14d9 0%,#17211b80 43%,#10151105 78%),linear-gradient(0deg,#101611a6,transparent 25%)}.hero-copy{left:7%;top:48%;max-width:760px}.hero .eyebrow{font-size:12px;letter-spacing:.24em;color:#d7c8ab;margin-bottom:28px}.hero h1{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:clamp(44px,5.7vw,82px);line-height:1.45;letter-spacing:.12em;margin-bottom:24px;font-weight:400}.hero h1 span{padding-left:.72em}.hero-copy>p:not(.eyebrow){font-size:15px;letter-spacing:.08em;line-height:2.1;color:#dedfd5}.light{border:1px solid #d0c3a888;background:transparent;color:#f6f3e8;padding:13px 25px;gap:65px;margin-top:23px;transition:background .2s}.light:hover{background:#f6f3e8;color:#292e25}.hero-bottom{left:7%;right:5%;bottom:30px;font-size:11px;letter-spacing:.13em}.hero-bottom i{font-style:normal;padding-left:35px;color:#d5c4a4;font-size:10px}.section{padding:115px 9%;max-width:1680px;margin:auto}.eyebrow{font-family:Arial,sans-serif;font-size:12px;color:#957b52;letter-spacing:.2em;margin-bottom:26px}h2{font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;letter-spacing:.1em;line-height:1.55;font-size:clamp(34px,3.25vw,48px)}.about{grid-template-columns:.95fr 1.1fr;gap:10%;padding-top:126px;padding-bottom:125px}.about-text{padding-top:13px}.about-text>p{font-size:16px;line-height:2.2;letter-spacing:.035em}.services{margin-top:38px;gap:0 28px;border-top:0;padding-top:0}.services span{border-bottom:1px solid #d4cfc2;padding:15px 0;font-size:13px;color:#555e4d}.projects{background:#eae9e0;max-width:none}.section-heading{align-items:center}.section-heading>p{font-size:14px;line-height:2;letter-spacing:.06em}.filters{margin:38px 0 42px;gap:26px;border-bottom:1px solid #cecec1;padding-bottom:0}.filter{border:none;border-bottom:2px solid transparent;font-size:14px;letter-spacing:.07em;padding:12px 1px;margin-bottom:-1px}.filter.active{background:none;color:#343e2c;border-bottom:2px solid #7d826b}.filter:hover{color:#947d59}.gallery{gap:42px 30px}.case>a{background:#d6d6cb}.case img{height:340px}.case:first-child img{height:580px;object-position:center 55%}.case p{font-family:"Microsoft JhengHei",sans-serif;font-size:12px;letter-spacing:.14em;color:#7c806f;margin-top:19px}.case h3{font-family:"Noto Serif TC","PMingLiU",serif;font-size:24px;letter-spacing:.08em}.view{background:#f6f2e8ec;color:#3e4936;font-size:11px;padding:8px 15px;letter-spacing:.08em;right:18px;bottom:18px}.result-count{letter-spacing:.09em;color:#878c7c;font-size:12px;margin-top:36px}.all-projects{padding-top:115px}.album-list{gap:39px 25px;margin-top:48px}.album-card{position:relative}.album-card img{height:230px;transition:filter .2s;filter:saturate(.85)}.album-card:hover img{filter:saturate(1.1)}.album-name{font-family:"Noto Serif TC","PMingLiU",serif;font-size:22px;letter-spacing:.06em;margin-top:15px}.album-total{display:block;font-size:11px;letter-spacing:.1em;color:#8f8d7e;padding-bottom:15px;border-bottom:1px solid #ddd7c9;margin-top:3px}.back-link{color:#8f754e;font-size:14px}.media-grid{gap:16px}.media-tile img{height:205px}.contact{max-width:none;background:#293229;position:relative;padding-top:105px;padding-bottom:105px}.contact h2{font-size:clamp(38px,4vw,58px);line-height:1.5}.contact>div>p:not(.eyebrow){font-size:15px;line-height:2;letter-spacing:.05em;color:#c3cabc}.contact .eyebrow{font-size:12px}.contact-actions{gap:40px;margin-top:36px}.line{background:#d6ccb5;color:#2a3228;min-width:220px;padding:16px 24px}.line:hover{background:#eee4ce}.phone{font-family:Arial,sans-serif;font-size:28px;font-weight:300;letter-spacing:.03em}.phone span{font-family:"Microsoft JhengHei",sans-serif;font-size:12px;color:#c5ccb9}.qr{padding:22px;background:#f5f2e9;border:1px solid #6b7560;box-shadow:12px 12px 0 #ffffff08}.qr p{color:#6b705e;letter-spacing:.06em}.footer-brand{font-family:"PMingLiU",serif;font-size:19px;letter-spacing:.13em;color:#3e4834}.footer-brand small{display:block;font:9px Arial,sans-serif;letter-spacing:.25em;margin-top:5px;color:#95856b}footer{padding:35px 6% 85px;align-items:center;font-size:11px;letter-spacing:.05em}.floating-line{background:#354533;border:1px solid #879375;color:#f6f3e8;padding:12px 23px;box-shadow:0 5px 24px #23301c26;letter-spacing:.08em;font-size:13px}#media-viewer{background:#20271f}#album-title{font-family:"PMingLiU",serif;letter-spacing:.1em;font-size:32px}.more-button{font-size:14px;background:#354330;padding:12px 26px}
@media(min-width:1700px){.hero{max-width:1680px;margin:auto}.projects,.contact{padding-left:max(9%,calc((100% - 1380px)/2));padding-right:max(9%,calc((100% - 1380px)/2))}}@media(max-width:900px){header{padding:0 5%}nav{gap:22px}.hero{margin:0 14px}.section{padding-left:7%;padding-right:7%}.hero-bottom i{display:none}.album-card img{height:185px}.brand{font-size:21px}.case:first-child img{height:440px}}@media(max-width:700px){header{height:90px;padding:0 6%}.brand{gap:12px;font-size:19px;letter-spacing:.15em}.brand-mark{height:49px;width:38px}.brand small{font-size:8px}.nav-contact{padding:8px 11px}nav{gap:13px}nav a{font-size:12px;letter-spacing:0}.hero{height:650px;margin:0 10px;min-height:0}.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,#162015d9,#17211b70 65%,#17211b33)}.hero-copy{left:8%;right:6%;top:48%}.hero h1{font-size:46px;line-height:1.55;letter-spacing:.07em}.hero h1 span{padding-left:0}.hero .eyebrow{font-size:9px;letter-spacing:.16em;margin-bottom:28px}.hero-copy>p:not(.eyebrow){font-size:13px;letter-spacing:.015em}.hero .button{font-size:13px;margin-top:22px;gap:38px}.hero-bottom{left:8%;right:6%;font-size:9px;letter-spacing:.03em;bottom:24px}.section{padding:72px 7%}.about{gap:28px}.about-text{padding-top:0}.about-text>p{font-size:15px}.services{gap:0 20px;margin-top:25px}.services span{font-size:12px}.eyebrow{font-size:10px;margin-bottom:20px}h2{font-size:34px;letter-spacing:.07em}.section-heading>p{font-size:12px;margin-top:20px}.filters{gap:20px;margin:28px 0}.filter{font-size:12px;padding:10px 0}.gallery{gap:32px}.case img,.case:first-child img{height:340px}.case h3{font-size:22px}.case p{font-size:11px;margin-top:14px}.view{font-size:10px;padding:6px 10px;right:12px;bottom:12px}.album-list{gap:26px 14px;margin-top:30px}.album-card img{height:170px}.album-name{font-size:18px;margin-top:12px}.album-total{font-size:10px;letter-spacing:.04em;padding-bottom:12px}.media-grid{gap:10px}.media-tile img{height:180px}.contact h2{font-size:40px}.contact-actions{gap:25px}.contact>div>p:not(.eyebrow){font-size:14px}.qr{padding:16px;box-shadow:none}.qr p{font-size:12px}.phone{font-size:26px}footer{align-items:flex-start;padding:30px 7% 95px;gap:20px}.floating-line{font-size:12px;padding:11px 17px}}@media(max-width:380px){.brand{font-size:17px}.brand-mark{width:30px}nav{gap:9px}.nav-contact{padding:7px}.hero h1{font-size:40px}.album-card img{height:145px}.filters{gap:15px}}