@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+TC:wght@400;500;600;700&display=swap');
:root{--ink:#11110f;--paper:#f5f3ee;--orange:#f28c18;--line:rgba(245,243,238,.2);--muted:#aaa9a2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans','Noto Sans TC',sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:20;background:rgba(17,17,15,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;min-width:230px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--orange);color:var(--orange);font-size:24px;font-weight:600;line-height:1}.brand b{display:block;font-size:14px;font-weight:600;letter-spacing:.08em}.brand small{display:block;color:#85847d;font-size:8px;letter-spacing:.18em;margin-top:2px}.main-nav{display:flex;gap:30px;color:#aaa9a2;font-size:12px}.main-nav a{padding:29px 0;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--paper)}.main-nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:21px;height:2px;background:var(--orange)}.header-actions{display:flex;gap:18px;align-items:center;min-width:230px;justify-content:flex-end}.language{color:#aaa9a2;font-size:12px;display:flex;align-items:center;gap:6px}.language span{color:var(--orange)}select{color:inherit;background:transparent;border:0;font:inherit;outline:0;cursor:pointer}option{color:var(--ink)}.phone{font-size:12px;color:var(--orange);white-space:nowrap}.snap{min-height:100vh;scroll-snap-align:start;position:relative}.hero{display:flex;align-items:flex-end;overflow:hidden;padding:0 8vw 9vw}.hero-image{position:absolute;inset:0;background:url('assets/brand-wall.jpg') center/cover no-repeat;filter:grayscale(1) contrast(1.08);opacity:.5;transform:scale(1.04);animation:slow-zoom 18s ease-in-out infinite alternate}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,17,15,.94) 0%,rgba(17,17,15,.42) 55%,rgba(17,17,15,.62) 100%)}.hero-content{position:relative;max-width:670px}.kicker{font-size:11px;letter-spacing:.22em;color:var(--orange);margin:0 0 24px;font-weight:500}.hero h1,.about-section h2,.contact-section h2{font-size:clamp(42px,6.2vw,88px);line-height:1.08;font-weight:500;letter-spacing:-.01em;margin:0 0 28px}.hero h1 em,.about-section h2 em,.contact-section h2 em,.section-intro h2 em{font-style:normal;color:var(--orange)}.hero-copy{max-width:500px;color:#cbc9c1;font-size:16px;line-height:1.9;margin:0 0 38px}.outline-button{display:inline-flex;align-items:center;gap:35px;border:1px solid rgba(245,243,238,.55);padding:14px 18px;font-size:12px;transition:.25s}.outline-button:hover{border-color:var(--orange);color:var(--orange);gap:45px}.hero-meta{position:absolute;right:8vw;bottom:8vw;display:flex;align-items:center;gap:14px;color:#bdbbb3;font-size:10px;letter-spacing:.15em;writing-mode:vertical-rl}.scroll-line{width:1px;height:62px;background:var(--orange)}.division-section{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:34% 66%;align-items:center;padding:100px 8vw}.section-intro{padding-right:8vw}.section-intro .kicker{color:#c86d0a}.section-intro h2{font-size:clamp(34px,4vw,60px);line-height:1.14;font-weight:500;margin:0 0 25px}.section-intro p:last-child{color:#686761;max-width:300px;line-height:1.9}.division-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #d7d4cc;border-left:1px solid #d7d4cc}.division-card{min-height:220px;padding:28px;border-right:1px solid #d7d4cc;border-bottom:1px solid #d7d4cc;transition:.3s;position:relative}.division-card:hover{background:#eae6dc}.division-card .index{font-size:11px;color:#b66b16}.division-card h3{font-size:21px;margin:42px 0 8px;font-weight:500}.division-card p{font-size:13px;color:#71706a;margin:0;max-width:230px}.division-card .arrow{position:absolute;right:25px;bottom:25px;color:var(--orange);font-size:22px}.about-section{display:grid;grid-template-columns:25% 50% 25%;align-items:center;padding:100px 8vw;background:#1b1b18}.about-number{color:var(--orange);font-size:12px;letter-spacing:.2em;align-self:start}.about-section h2,.contact-section h2{font-size:clamp(37px,4.8vw,70px)}.about-copy{font-size:17px;color:#aaa9a2;max-width:480px;line-height:1.9;margin:0 0 38px}.text-link{font-size:13px;border-bottom:1px solid var(--orange);padding-bottom:8px;color:var(--paper)}.text-link span,.contact-link span{color:var(--orange);margin-left:28px}.about-rule{height:1px;background:var(--line);align-self:end;margin-left:5vw}.contact-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:100px 8vw;background:var(--orange);color:var(--ink)}.contact-section .kicker{color:#7c4100}.contact-section h2 em{color:var(--ink)}.contact-info{padding-left:10vw;max-width:470px}.contact-info p{font-size:16px;line-height:1.9;margin:0 0 35px;color:#633b0b}.contact-link{font-size:19px;display:block;border-bottom:1px solid rgba(17,17,15,.35);padding:17px 0}.contact-link span{color:var(--ink)}footer{padding:32px 8vw;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--ink);color:#77766f;font-size:10px}.footer-brand span{margin-left:14px;color:#4f4e49}.partners{display:flex;align-items:center;gap:18px}.partners img{height:20px;width:auto;max-width:100px;object-fit:contain;filter:grayscale(1) invert(1);opacity:.45}.detail-page{padding-top:78px}.detail-hero{min-height:53vh;padding:130px 8vw 80px;background:linear-gradient(120deg,#24231f,#11110f)}.detail-hero h1{font-size:clamp(48px,7vw,100px);font-weight:500;margin:0 0 20px}.detail-hero>p:last-child{color:#aaa9a2;max-width:580px;font-size:17px;line-height:1.9}.detail-body{display:grid;grid-template-columns:2fr 1fr;gap:12vw;padding:100px 8vw;background:var(--paper);color:var(--ink);min-height:47vh}.detail-item{border-top:1px solid #cbc7bc;padding:22px 0;display:grid;grid-template-columns:80px 1fr;gap:15px}.detail-item .num{color:#c86d0a;font-size:12px}.detail-item h3{font-size:19px;font-weight:500;margin:0 0 5px}.detail-item p{margin:0;color:#74726b;font-size:13px;max-width:500px}.detail-body aside{border-left:1px solid #cbc7bc;padding-left:35px;color:#74726b}.detail-body aside .text-link{display:inline-block;color:var(--ink);margin-top:28px}.detail-body aside .kicker{color:#c86d0a}@keyframes slow-zoom{to{transform:scale(1.1)}}@media(max-width:900px){.main-nav{display:none}.header-actions{min-width:0}.brand{min-width:0}.hero{padding:0 7vw 18vw}.division-section,.about-section,.contact-section,.detail-body{display:block;padding:85px 7vw}.section-intro{padding:0 0 55px}.division-card{min-height:190px;padding:22px}.about-number{margin-bottom:40px}.about-rule{display:none}.contact-info{padding:40px 0 0}.hero-meta{right:7vw;bottom:8vw}.partners{display:none}}@media(max-width:560px){.site-header{padding:0 5vw;height:68px}.brand small{display:none}.header-actions{gap:8px}.phone{display:none}.language select{max-width:70px}.hero{min-height:calc(100vh - 0px);padding-bottom:22vw}.hero h1{font-size:46px}.hero-copy{font-size:14px}.division-grid{grid-template-columns:1fr}.division-card h3{margin-top:30px}.division-section,.about-section,.contact-section,.detail-body{padding-top:75px;padding-bottom:75px}.detail-hero{padding:100px 7vw 65px}.detail-item{grid-template-columns:50px 1fr}.detail-body aside{margin-top:50px;padding:30px 0 0;border-left:0;border-top:1px solid #cbc7bc}}