:root{--ink:#111211;--paper:#f8f8f6;--red:#971f28;--muted:#777;--line:#d9d9d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans TC','Microsoft JhengHei',sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:94px;background:#000;display:flex;align-items:center;padding:0 5.5%;gap:44px;color:#eee;border-bottom:1px solid #262626}.brand{margin-right:auto}.brand img{width:200px;display:block}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:#bbb}.nav-contact{border:1px solid #666;padding:8px 23px;font-size:14px}.menu{display:none}.hero{height:680px;min-height:580px;background:#101110;color:white;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('assets/hero.jpg') center/cover no-repeat}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),transparent 72%)}.hero-content{position:relative;padding:76px 9%}.eyebrow{font-size:12px;letter-spacing:.2em;color:#bcbcbc;display:block}.dark{color:#777}h1,h2,h3{font-family:'Noto Serif TC','Songti TC','PMingLiU',serif;font-weight:400;margin:0}h1{font-size:76px;line-height:1.45;letter-spacing:.15em;margin:26px 0 19px}h1 span{color:#d1d1ca}.hero p{color:#b9b9b9;font-size:16px;letter-spacing:.14em;margin-bottom:30px}.button{display:inline-block;padding:12px 28px;font-size:14px;letter-spacing:.12em}.light{background:#ecece8;color:#222}.light:hover{background:white}.hero-bottom{position:absolute;bottom:30px;left:9%;right:6%;display:flex;justify-content:space-between;color:#aaa;font-size:12px;letter-spacing:.1em}.hero-bottom a span{margin-left:12px}.vertical{writing-mode:vertical-rl;position:absolute;right:4%;top:100px;color:#c7c7c7;font-family:serif;font-size:14px;letter-spacing:.4em}.wrap{max-width:1180px;margin:auto;padding:100px 40px}h2{font-size:42px;letter-spacing:.08em;line-height:1.6;margin-top:20px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:100px}.intro-copy{padding-top:10px;color:#676767}.intro-copy p{margin:20px 0}.red-line{display:block;width:30px;height:2px;background:var(--red)}.signature{border-top:1px solid var(--line);padding-top:22px;margin-top:28px;letter-spacing:.2em;color:#333}.signature span{font-size:12px;color:#888;margin-left:20px;letter-spacing:.08em}.services{background:#eeefec}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.section-top p{color:#777;font-size:14px;margin-bottom:10px}.service-list{margin-top:54px}article{position:relative}.service-list article{display:grid;grid-template-columns:70px 1fr 230px;border-top:1px solid #c9cbc6;padding:32px 0;gap:24px}.service-list article:last-child{border-bottom:1px solid #c9cbc6}.number{font-family:Georgia,serif;color:#888;font-size:20px}.service-list h3{font-size:26px;letter-spacing:.1em}.service-list p{color:#777;max-width:610px;margin:9px 0 0;font-size:14px}.service-label{font-size:12px;letter-spacing:.08em;color:#888;text-align:right;padding-top:12px}.quote{padding:90px 25px;text-align:center;background:#161716;color:#ecece7}.quote h2{font-size:34px;margin:24px 0 18px}.quote p{font-size:14px;color:#989b97}.seal{display:block;border:1px solid var(--red);color:var(--red);width:30px;height:36px;line-height:32px;margin:35px auto 0;font-family:serif}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px}.steps article{border-top:1px solid #ccc;padding:26px 20px 0 0}.steps article+article{border-left:1px solid #ddd;padding-left:25px}.steps span{font-family:Georgia,serif;font-size:30px;color:#a2a39e}.steps h3{font-size:21px;margin:15px 0}.steps p{color:#777;font-size:14px;max-width:200px}.faq{background:#eeefec}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:90px}details{border-bottom:1px solid #c9cbc6}summary{cursor:pointer;list-style:none;padding:23px 32px 23px 0;position:relative;font-size:16px}summary:after{content:'+';position:absolute;right:0;font-size:22px;color:#777}details[open] summary:after{content:'−'}details p{font-size:14px;color:#666;margin:0 0 24px;line-height:2}.contact{text-align:center;padding-top:95px;padding-bottom:95px}.contact h2{font-size:40px}.contact p{font-size:14px;color:#888;margin-top:25px}.contact-actions{display:flex;gap:12px;justify-content:center;margin-top:30px}.contact-actions a{padding:13px 40px;border:1px solid #222;background:#141414;color:white;font-size:14px}.contact-actions a+a{background:transparent;color:#222}.contact-actions a:hover{border-color:var(--red)}footer{background:#000;color:#888;text-align:center;padding:42px 6% 24px;font-size:12px}footer img{width:210px}footer p{letter-spacing:.2em;margin:10px 0 40px}footer>div{display:flex;justify-content:space-between;border-top:1px solid #292929;padding-top:20px}.mobile-contact{display:none}dialog{border:0;padding:38px;width:min(460px,90vw);background:var(--paper);color:#222}dialog::backdrop{background:#0009}dialog h3{font-size:26px;margin-top:18px}dialog p{font-size:16px;color:#666}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:25px}.dismiss{background:#111;color:white;border:0;padding:8px 22px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #bd5960;outline-offset:5px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(min-width:1600px){.hero-content{padding-left:calc((100vw - 1180px)/2 + 40px)}}@media(max-width:800px){header{height:78px;padding:0 22px;gap:20px}.brand img{width:170px}.nav-contact{display:none}.menu{display:block;background:none;color:white;border:1px solid #555;padding:4px 12px;font-size:14px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:#111;z-index:10;padding:28px;flex-direction:column;gap:20px}nav.open{display:flex}.hero{height:650px}.hero-content{padding:65px 28px}.hero-photo{background-position:65% center;opacity:.65}.hero-photo:after{background:linear-gradient(90deg,#0009,transparent)}h1{font-size:58px}.vertical{display:none}.hero-bottom{left:28px;right:28px}.hero-bottom>span{max-width:180px}.wrap{padding:65px 25px}h2{font-size:34px}.intro{grid-template-columns:1fr;gap:25px}.intro-copy p{font-size:16px}.section-top{display:block}.section-top p{margin-top:22px}.service-list{margin-top:35px}.service-list article{grid-template-columns:35px 1fr;gap:15px;padding:26px 0}.service-label{display:none}.service-list h3{font-size:24px}.quote{padding:65px 25px}.quote h2{font-size:27px}.steps{grid-template-columns:1fr 1fr;margin-top:35px;gap:25px 0}.steps article+article{border-left:0;padding-left:0}.steps article:nth-child(even){padding-left:20px}.steps h3{font-size:22px}.faq-grid{grid-template-columns:1fr;gap:25px}.contact h2{font-size:32px}.contact-actions a{padding:12px 24px}footer{padding-bottom:85px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;background:#111;color:#eee;border-top:1px solid #444;text-align:center;font-size:14px}.mobile-contact a{padding:14px}.mobile-contact a+a{border-left:1px solid #555;background:#eee;color:#222}}@media(max-width:380px){h1{font-size:49px}.eyebrow{letter-spacing:.1em}.signature span{display:block;margin-left:0;margin-top:8px}}
/* Content enters gently when scrolled into view. */
.reveal-pending{opacity:0;transform:translateY(38px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-pending.is-visible{opacity:1;transform:translateY(0)}.hero-content{animation:hero-enter 1.1s ease both}.hero-photo{animation:photo-enter 1.7s ease both}@keyframes hero-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-enter{from{transform:scale(1.035)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none;transition:none}.hero-content,.hero-photo{animation:none}}
/* Xiang Dong: photographic opening, bright service strip, dark editorial panels. */
header{height:84px;padding:0 5%;gap:28px}.brand img{width:190px}nav{gap:25px}.hero{height:570px;min-height:530px}.hero-content{padding:70px 7.5%}.hero h1{font-size:62px;line-height:1.5;letter-spacing:.1em;margin:20px 0 12px}.hero p{margin:0 0 28px;line-height:1.9}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{border-radius:30px;padding:10px 28px}.outline{color:#eee;border:1px solid #9a9a94;background:transparent}.outline:hover{background:#ffffff14}.hero-bottom{left:7.5%;bottom:24px}.service-gates{display:grid;grid-template-columns:repeat(4,1fr);max-width:1300px;margin:auto;padding:35px 4%;background:#f6f6f3}.service-gates>a{text-align:center;padding:0 14px}.service-gates>a+a{border-left:1px solid #ddd}.gate-symbol{font-family:Georgia,serif;font-size:36px;line-height:1;display:block;color:#555;margin-bottom:15px}.service-gates h3{font-size:23px;letter-spacing:.14em}.service-gates p{font-size:14px;color:#777;margin:6px 0 10px}.gate-label{font-size:12px;letter-spacing:.1em;color:#777}.service-gates a:hover h3{color:var(--red)}.intro{max-width:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0;background:#171817;color:#eee;min-height:440px}.about-photo{overflow:hidden;min-height:440px;position:relative}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:88% center;position:absolute;inset:0;filter:grayscale(1)}.intro-copy{padding:55px 12% 50px 10%;color:#c4c4bd;max-width:650px}.intro-copy h2{margin:14px 0 18px;font-size:35px;color:#eee}.intro-copy p{font-size:14px;line-height:2;letter-spacing:.04em;margin:18px 0}.intro-copy .button{margin-top:6px;font-size:14px}.journey.wrap{padding-top:55px;padding-bottom:55px}.journey .section-top{align-items:center}.journey h2{font-size:32px;margin-top:10px}.steps{margin-top:32px}.steps article{padding-top:20px}.steps span{display:block;font-size:18px;border:1px solid #bbb;border-radius:50%;width:40px;height:40px;text-align:center;line-height:38px;color:#555;background:#f8f8f6}.steps h3{font-size:21px;margin:14px 0 5px}.steps p{margin:0}.services{background:#141514;color:#eee}.services .wrap{padding-top:55px;padding-bottom:60px}.services .section-top h2{font-size:34px}.services .dark{color:#aaa}.services .section-top p{color:#aaa}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.service-list article,.service-list article:last-child{display:block;background:#f3f3ef;color:#222;padding:0 0 22px;border:0}.service-photo{height:175px;background-image:url('assets/hero.jpg');background-size:cover;filter:grayscale(1)}.photo-one{background-position:80% 45%}.photo-two{background-size:180%;background-position:80% 38%}.photo-three{background-size:150%;background-position:100% 100%}.service-list .number{display:none}.service-list article>div:not(.service-photo){padding:20px 22px 0}.service-list h3{font-size:24px}.service-list p{font-size:14px;line-height:1.8}.service-label{display:block;padding:14px 22px 0;text-align:left;font-size:12px;color:#888}.quote{background:#e9eae5;color:#222;padding:55px 25px}.quote .eyebrow{color:#777}.quote h2{font-size:31px;margin:15px 0 10px}.quote p{color:#777}.quote .seal{margin-top:23px}.faq{background:#f8f8f6}.faq-grid{padding-top:65px;padding-bottom:65px}.faq h2{font-size:32px}.contact.wrap{background:#151615;max-width:none;color:#eee;padding:55px 25px}.contact .eyebrow{color:#aaa}.contact h2{font-size:34px;margin-top:15px}.contact p{color:#aaa;margin-top:16px}.contact-actions{margin-top:20px}.contact-actions a{border-radius:4px;background:#eee;color:#222;border:1px solid #eee}.contact-actions a+a{color:#eee;background:transparent;border-color:#888}footer{padding-top:28px}footer p{margin-bottom:24px}
@media(max-width:800px){header{height:76px;padding:0 20px}.brand img{width:165px}nav{top:76px}.hero{height:580px;min-height:560px}.hero-content{padding:65px 25px}.hero h1{font-size:48px;line-height:1.55}.hero-bottom{left:25px;right:25px}.service-gates{grid-template-columns:repeat(2,1fr);padding:25px 20px;gap:25px 0}.service-gates>a:nth-child(3){border-left:0}.service-gates h3{font-size:22px}.gate-label{font-size:12px;letter-spacing:0}.intro{grid-template-columns:1fr;min-height:0}.about-photo{min-height:280px}.intro-copy{padding:36px 25px 42px;max-width:none}.intro-copy h2{font-size:31px}.journey.wrap{padding:42px 25px}.journey h2{font-size:29px}.journey .section-top p{margin-top:12px}.steps{gap:24px 0}.services .wrap{padding:42px 25px}.services .section-top h2{font-size:29px}.service-list{grid-template-columns:1fr;gap:22px}.service-photo{height:210px}.service-list article>div:not(.service-photo){padding:18px 20px 0}.service-label{padding-left:20px}.quote h2{font-size:26px}.faq-grid{padding:45px 25px}.contact h2{font-size:30px}footer{padding-bottom:80px}}

.contact-actions a{display:inline-block;font:inherit;padding:12px 28px;text-align:center;line-height:1.6}.contact-actions a:focus-visible{outline:2px solid white;outline-offset:5px}