:root{--ink:#171814;--paper:#f1eee6;--gold:#b18b4a;--red:#a33b2b;--line:rgba(23,24,20,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Serif TC","Songti TC","PMingLiU",serif}a{color:inherit;text-decoration:none}p{margin:0;line-height:1.8}h1,h2,h3{margin:0;font-weight:500}main{overflow:hidden}
.nav{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.12);position:absolute;z-index:5;width:100%;color:#eeeade}.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:.22em}.brand-icon{width:46px;height:46px;display:block;border-radius:50%;object-fit:cover;box-shadow:0 0 18px rgba(177,139,74,.2)}.nav-links{display:flex;gap:38px;font-size:14px;letter-spacing:.16em}.nav-links a,.text-link,footer a{transition:opacity .2s}.nav-links a:hover,.text-link:hover,footer a:hover{opacity:.55}.nav-cta{font-size:14px;letter-spacing:.14em;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.5)}
.hero{min-height:760px;height:100vh;max-height:980px;background:var(--ink);color:#eeeade;display:grid;grid-template-columns:55% 45%;align-items:center;position:relative;padding:100px 7vw 40px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.03),transparent 38%),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.035) 25%)}.hero-copy{position:relative;z-index:2;padding-top:5vh}.eyebrow{font-family:Arial,sans-serif;letter-spacing:.24em;font-size:11px;display:flex;align-items:center;gap:12px}.eyebrow span{width:32px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(64px,7vw,116px);line-height:1.08;letter-spacing:.04em;margin:30px 0}.hero h1 em,.contact h2 em{color:var(--gold);font-style:normal}.hero-lead{max-width:520px;color:rgba(238,234,222,.66);font-size:17px;letter-spacing:.07em}.hero-actions{display:flex;align-items:center;gap:42px;margin-top:48px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:18px 22px;font-size:14px;letter-spacing:.12em;transition:transform .25s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--gold);color:var(--ink);min-width:210px}.text-link{font-size:13px;letter-spacing:.15em}.text-link span{margin-left:10px}.hero-art{height:68%;min-height:440px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(177,139,74,.28);border-radius:50%}.orbit-one{width:min(32vw,500px);height:min(32vw,500px)}.orbit-two{width:min(27vw,420px);height:min(27vw,420px);border-style:dashed;transform:rotate(22deg)}.sun{width:min(20vw,310px);height:min(20vw,310px);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 80px rgba(177,139,74,.15);overflow:hidden}.hero-logo{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.seal{position:absolute;right:5%;bottom:8%;border:1px solid var(--red);color:#ce6654;padding:9px 10px;font-size:15px;line-height:1.15}.hero-art p{position:absolute;left:2%;top:8%;font-size:12px;letter-spacing:.3em;color:rgba(238,234,222,.42);writing-mode:vertical-rl}.scroll-note{position:absolute;left:5vw;bottom:28px;font:10px Arial;letter-spacing:.22em;color:rgba(238,234,222,.45)}.scroll-note span{margin-left:12px;color:var(--gold)}
.section-index{font:11px Arial;letter-spacing:.2em;color:var(--red)}.manifesto{padding:145px 8vw;display:grid;grid-template-columns:30% 70%;border-bottom:1px solid var(--line)}.manifesto h2,.section-heading h2,.process h2{font-size:clamp(42px,5vw,72px);line-height:1.35;letter-spacing:.035em}.manifesto h2 span{color:var(--gold)}.manifesto>div>p{max-width:620px;margin:48px 0 0 25%;font-size:16px;color:rgba(23,24,20,.65);letter-spacing:.05em}
.services{padding:130px 8vw;background:#e9e5db}.section-heading{display:grid;grid-template-columns:30% 70%;align-items:start}.section-heading .section-index{padding-top:18px}.service-list{margin-top:85px;border-top:1px solid var(--line)}.service-card{display:grid;grid-template-columns:14% 1fr auto;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:34px 10px;transition:background .25s,padding .25s}.service-card:hover{background:rgba(255,255,255,.34);padding-left:24px;padding-right:24px}.service-number{color:var(--red);font-size:13px}.service-card h3{font-size:28px;letter-spacing:.1em;margin-bottom:8px}.service-card p{color:rgba(23,24,20,.58);font-size:14px}.card-arrow{font-size:22px;color:var(--gold)}
.process{display:grid;grid-template-columns:1fr 1fr;min-height:800px}.process-visual{background:#24251f;position:relative;display:grid;place-items:center;color:#ddd8cb}.enso{width:55%;aspect-ratio:1;border:2px solid var(--gold);border-left-color:transparent;border-radius:50%;transform:rotate(-38deg);opacity:.8;position:absolute}.process-visual:before,.process-visual:after{content:"";position:absolute;width:1px;height:100%;background:rgba(255,255,255,.05)}.process-visual:before{left:33%}.process-visual:after{right:33%}.process-visual span{text-align:center;font-size:26px;line-height:2;letter-spacing:.24em;z-index:1}.process-copy{padding:120px 8vw}.process-copy h2{margin:24px 0 60px}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:50px 1fr;gap:22px;padding:24px 0;border-top:1px solid var(--line)}.process li>span{font:11px Arial;color:var(--red);padding-top:7px}.process li h3{font-size:21px;letter-spacing:.08em}.process li p{font-size:13px;color:rgba(23,24,20,.55);margin-top:5px}
.trust{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 8vw}.trust>div{display:flex;gap:20px;padding:38px 4vw;border-right:1px solid var(--line)}.trust>div:last-child{border:0}.trust span{font:10px Arial;color:var(--red)}.trust p{font-size:14px;letter-spacing:.06em}
.contact{background:var(--red);color:#f4ede1;text-align:center;padding:125px 20px}.contact .eyebrow{justify-content:center}.contact .eyebrow span{background:#e5cfa8}.contact h2{font-size:clamp(48px,6vw,82px);line-height:1.25;margin:28px 0}.contact h2 em{color:#ead3a8}.contact>p:not(.eyebrow){max-width:530px;margin:0 auto;color:rgba(255,255,255,.68);font-size:14px}.button.light{background:#eee8dc;color:var(--ink);margin-top:38px;min-width:220px}footer{background:var(--ink);color:#e7e2d7;padding:70px 7vw 28px;display:grid;grid-template-columns:1fr 1fr auto;align-items:start;gap:30px}footer>p{color:rgba(255,255,255,.48);font-size:13px}footer>div{display:flex;gap:28px;font-size:12px;letter-spacing:.1em}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:22px;font:9px Arial;letter-spacing:.18em;color:rgba(255,255,255,.3)}
@media(max-width:800px){.nav{height:72px}.nav-links{display:none}.nav-cta{font-size:12px}.hero{height:auto;min-height:900px;display:block;padding:145px 7vw 70px}.hero h1{font-size:58px}.hero-art{height:390px;min-height:0;margin-top:35px}.orbit-one{width:340px;height:340px}.orbit-two{width:290px;height:290px}.sun{width:220px;height:220px}.manifesto,.section-heading{grid-template-columns:1fr;gap:38px}.manifesto{padding:95px 7vw}.manifesto>div>p{margin:35px 0 0}.services{padding:90px 7vw}.service-list{margin-top:55px}.service-card{grid-template-columns:45px 1fr auto}.process{grid-template-columns:1fr}.process-visual{min-height:520px}.process-copy{padding:85px 7vw}.trust{grid-template-columns:1fr;padding:0 7vw}.trust>div{border-right:0;border-bottom:1px solid var(--line);padding:26px 0}.contact{padding:90px 7vw}footer{grid-template-columns:1fr;gap:22px}footer small{grid-column:1;margin-top:25px}}
@media(max-width:480px){.brand{font-size:17px}.nav-cta span{display:none}.hero h1{font-size:48px}.hero-lead{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:24px}.orbit-one{width:300px;height:300px}.orbit-two{width:260px;height:260px}.sun{width:190px;height:190px}.manifesto h2,.section-heading h2,.process h2{font-size:38px}.service-card{padding:28px 0}.service-card h3{font-size:23px}.process-visual{min-height:430px}.process-visual span{font-size:21px}.contact h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
