:root{color:#f4f1e8;background:#060707;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:1180px;overflow-x:auto;background:linear-gradient(180deg,#050606,#0b0d0e 44%,#090a0b)}a{color:inherit;text-decoration:none}img,video{display:block}.shell{width:min(1700px,calc(100vw - 96px));margin:0 auto}.hero{position:relative;min-height:100vh;isolation:isolate;overflow:hidden;background:#060707}.heroMedia{position:absolute;inset:0;z-index:-2}.heroVideo,.heroFallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.heroVideo{opacity:.78}.heroFallback{background:linear-gradient(90deg,#050606db,#0506063d 48%,#050606cc),linear-gradient(180deg,#05060659,#050606cc),url(/portfolio-page-01.jpg) center / cover;animation:slowFrame 18s ease-in-out infinite alternate}.hero:after,.contactPage:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(90deg,black,transparent 68%);mask-image:linear-gradient(90deg,black,transparent 68%)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:36px;color:#f4f1e8e0;letter-spacing:0}.brand{font-size:15px;font-weight:700;white-space:nowrap}.navLinks{display:flex;align-items:center;gap:34px;font-size:14px;color:#f4f1e8b8}.navButton,.primaryLink,.secondaryLink{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid rgba(244,241,232,.22);border-radius:6px;background:#f4f1e814;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:14px;white-space:nowrap}.heroContent{min-height:calc(100vh - 92px);display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 92px}.eyebrow{margin:0 0 22px;color:#b6f0dc;font-size:13px;line-height:1.4;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{width:min(1180px,80vw);margin-bottom:34px;font-size:86px;line-height:1.04;font-weight:650;letter-spacing:0}.heroMeta{display:flex;gap:26px;color:#f4f1e8c7;font-size:16px}.section{padding:132px 0;position:relative}.split{display:grid;grid-template-columns:.86fr 1.14fr;gap:84px;align-items:center}.portraitFrame{height:760px;overflow:hidden;border-radius:8px;border:1px solid rgba(244,241,232,.14);background:#111}.portraitFrame img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08)}.bio h2,.sectionHead h2,.contactInner h2{margin-bottom:28px;font-size:52px;line-height:1.08;font-weight:620;letter-spacing:0}.bio p{max-width:860px;color:#f4f1e8b8;font-size:18px;line-height:1.9}.contactStrip{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 42px}.contactStrip a,.contactStrip span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid rgba(244,241,232,.12);border-radius:6px;color:#f4f1e8d6;background:#ffffff09;font-size:14px}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat,.strengthCard{border:1px solid rgba(244,241,232,.12);border-radius:8px;background:linear-gradient(180deg,#ffffff0f,#ffffff06)}.stat{min-height:136px;padding:24px}.stat strong{display:block;margin-bottom:16px;color:#fff;font-size:35px;line-height:1}.stat span{color:#f4f1e8ad;font-size:14px;line-height:1.5}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:42px}.sectionHead h2{margin-bottom:0}.projectGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.projectCard{position:relative;min-height:620px;overflow:hidden;border-radius:8px;border:1px solid rgba(244,241,232,.12);background:#101112}.projectCard img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.1);transition:transform .7s ease,filter .7s ease}.projectCard:hover img{transform:scale(1.045);filter:saturate(1) contrast(1.08)}.projectOverlay{position:absolute;inset:auto 0 0;min-height:270px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82) 34%,rgba(0,0,0,.94))}.projectOverlay span{color:#b6f0dc;font-size:13px}.projectOverlay h3{margin:12px 0 14px;font-size:30px;line-height:1.08}.projectOverlay p{margin:0;color:#f4f1e8b8;font-size:15px;line-height:1.7}.strengths{background:#0c0d0e}.strengthGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.strengthCard{min-height:286px;padding:34px}.strengthCard svg{color:#b6f0dc}.strengthCard h3{margin:38px 0 16px;font-size:26px}.strengthCard p{margin-bottom:0;color:#f4f1e8b3;font-size:16px;line-height:1.78}.contactPage{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#050606f2,#05060694),url(/portfolio-page-11.jpg) center / cover}.contactInner{position:relative;z-index:1}.contactInner h2{width:min(1000px,70vw);font-size:70px}.contactActions{display:flex;gap:14px;margin-top:44px}.primaryLink{min-height:58px;padding:0 24px;color:#08110e;background:#b6f0dc;border-color:#b6f0dc;font-weight:700}.secondaryLink{min-height:58px;padding:0 24px;color:#f4f1e8e6}.footerLine{position:absolute;left:0;right:0;bottom:-32vh;display:flex;justify-content:space-between;color:#f4f1e894;font-size:13px}.footerLine span{display:inline-flex;align-items:center;gap:8px}@keyframes slowFrame{0%{transform:scale(1.02) translate3d(-1.5%,0,0)}to{transform:scale(1.09) translate3d(1.5%,-1%,0)}}@media(max-width:1400px){h1{font-size:72px}.projectCard{min-height:540px}}