:root{--black: #090909;--ink: #161411;--ivory: #f4efe7;--paper: #eee6dc;--muted: #b8ad9d;--bronze: #a97843;--bronze-2: #c59a63;--line: rgba(255, 255, 255, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ivory);font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;letter-spacing:.03em;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.loader{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#030303;animation:loaderOut .9s ease forwards;animation-delay:2.2s;pointer-events:none}.loader-inner{position:relative;width:min(560px,80vw);height:220px;display:grid;place-items:center;overflow:hidden}.loader-logo{font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,4vw,42px);letter-spacing:.36em;transform:translate(.18em);opacity:0;animation:logoIn .8s ease forwards .15s}.loader-line{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,var(--bronze-2),transparent);box-shadow:0 0 36px #c59a63b3;transform:scaleY(0);animation:lightCut 1.35s cubic-bezier(.22,.9,.2,1) forwards .72s}.loader-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(197,154,99,.18),transparent 44%);opacity:0;animation:glowPulse 1.2s ease forwards .95s}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,64px);background:linear-gradient(to bottom,rgba(0,0,0,.58),transparent)}.brand{line-height:1;font-family:Georgia,Times New Roman,serif;font-size:23px;letter-spacing:.28em;transform:translate(.14em)}.brand span{display:block;margin-top:8px;font-family:inherit;font-size:11px;letter-spacing:.36em;opacity:.85}.main-nav{display:flex;align-items:center;gap:36px;font-size:13px;color:#f4efe7db}.nav-cta{border:1px solid rgba(197,154,99,.55);background:#a97843d9;padding:12px 20px;color:#fff8ec}.hamburger{width:28px;height:18px;display:none;position:relative;border:0;background:transparent;color:inherit}.hamburger:before,.hamburger:after,.hamburger span{content:"";position:absolute;left:0;width:100%;height:1px;background:var(--ivory)}.hamburger:before{top:0}.hamburger span{top:8px}.hamburger:after{bottom:0}.hero{min-height:100vh;position:relative;display:grid;align-items:center;padding:120px clamp(24px,8vw,120px) 72px;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000000eb,#000000a3 36%,#0000001f),url(https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=2200&q=80) center / cover;transform:scale(1.07);animation:heroReveal 2.4s cubic-bezier(.22,.9,.2,1) forwards 1.45s,slowZoom 12s ease-in-out infinite alternate 3.2s;z-index:-2;filter:saturate(.72) contrast(1.08) brightness(.72)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 46%,rgba(197,154,99,.15),transparent 34%),linear-gradient(to bottom,transparent 72%,rgba(0,0,0,.82));z-index:-1}.side-label{position:absolute;left:clamp(18px,3vw,42px);top:48%;transform:rotate(-90deg) translate(-50%);transform-origin:left center;font-size:11px;letter-spacing:.5em;color:#f4efe775}.hero-content{max-width:660px}.eyebrow{color:var(--bronze-2);font-size:12px;letter-spacing:.32em;text-transform:uppercase;margin:0 0 26px;opacity:0;animation:riseIn .85s ease forwards 2.55s}h1{margin:0;font-family:Georgia,Times New Roman,"Noto Serif TC",serif;font-size:clamp(54px,8vw,112px);line-height:.92;letter-spacing:.01em;font-weight:600;text-wrap:balance}.title-line{display:block;overflow:hidden}.title-line span{display:block;transform:translateY(110%);animation:titleUp .95s cubic-bezier(.2,.85,.18,1) forwards}.title-line:nth-child(1) span{animation-delay:2.72s}.title-line:nth-child(2) span{animation-delay:2.9s}.title-line:nth-child(3) span{animation-delay:3.08s}.hero-copy{max-width:620px;margin-top:28px;color:#f4efe7d1;font-size:16px;line-height:2;opacity:0;transform:translateY(18px);animation:riseIn .9s ease forwards 3.35s}.hero-actions{display:flex;gap:16px;margin-top:36px;opacity:0;transform:translateY(18px);animation:riseIn .9s ease forwards 3.58s}.btn{display:inline-flex;align-items:center;gap:12px;min-width:170px;justify-content:center;padding:15px 22px;border:1px solid rgba(255,255,255,.28);background:transparent;color:var(--ivory);position:relative;overflow:hidden;cursor:pointer}.btn.primary{background:var(--bronze);border-color:#c59a63e6;color:#fff8ed}.btn:before{content:"";position:absolute;top:0;left:-90%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transition:left .7s ease}.btn:hover:before{left:120%}.btn:hover .arrow{transform:translate(5px)}.arrow{transition:transform .3s ease}.hero-index{position:absolute;right:clamp(20px,4vw,54px);top:42%;display:grid;gap:12px;font-size:12px;color:#ffffff6b}.hero-index span:first-child{color:var(--ivory)}.scroll-indicator{position:absolute;right:clamp(20px,4vw,54px);bottom:48px;font-size:11px;letter-spacing:.18em;color:#ffffffa6}.scroll-indicator:after{content:"";display:block;margin:12px auto 0;width:1px;height:42px;background:linear-gradient(to bottom,var(--ivory),transparent);animation:scrollLine 1.4s ease-in-out infinite}section{position:relative}.light-section{background:var(--paper);color:var(--ink);padding:84px clamp(22px,5vw,76px)}.section-grid{display:grid;grid-template-columns:260px 1fr;gap:clamp(28px,5vw,70px);align-items:start}.section-kicker{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#1614117a;margin:0 0 12px}.bronze-text{color:var(--bronze-2)}h2{margin:0;font-family:Georgia,Times New Roman,"Noto Serif TC",serif;font-size:clamp(30px,4vw,48px);line-height:1.18;font-weight:500}.section-link{margin-top:38px;display:inline-flex;gap:12px;color:#161411c7;font-size:14px;border-bottom:1px solid rgba(22,20,17,.28);padding-bottom:8px}.light-link{color:#f4efe7b8;border-color:#f4efe738}.reveal{opacity:0;transform:translateY(36px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.service-card{min-height:310px;position:relative;overflow:hidden;background:#17140f;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 14px 40px #00000014}.service-card:before{content:"";position:absolute;inset:0;background:var(--img) center / cover;opacity:.62;filter:saturate(.66) contrast(1.04);transform:scale(1.04);transition:transform .8s ease,opacity .8s ease}.service-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000d1,#0000001f)}.service-card:hover:before{transform:scale(1.12);opacity:.88}.service-card>*{position:relative;z-index:1}.icon{width:38px;height:38px;border:1px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center;margin-bottom:18px;color:var(--bronze-2);transition:transform .45s ease,background .45s ease}.service-card:hover .icon{transform:translateY(-6px);background:#a9784340}.service-title{font-family:Georgia,Times New Roman,"Noto Serif TC",serif;font-size:21px;color:var(--ivory);margin-bottom:4px}.service-en{font-size:12px;color:#f4efe7ad;margin-bottom:18px}.service-desc{font-size:13px;line-height:1.7;color:#f4efe7bf;max-height:0;opacity:0;transform:translateY(12px);transition:all .45s ease}.service-card:hover .service-desc{max-height:120px;opacity:1;transform:translateY(0)}.method{background:#080807;color:var(--ivory);padding:82px clamp(22px,5vw,76px);overflow:hidden}.method-wrap{display:grid;grid-template-columns:260px 1fr;gap:clamp(32px,6vw,80px)}.method .section-kicker{color:var(--bronze-2)}.steps{position:relative;display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:20px;padding-top:22px}.progress-line{position:absolute;top:31px;left:0;width:100%;height:1px;background:#ffffff2e}.progress-line span{display:block;width:0%;height:100%;background:linear-gradient(90deg,var(--bronze),var(--bronze-2));transition:width 1.35s ease}.method.visible .progress-line span{width:100%}.step{position:relative;opacity:.32;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.method.visible .step{opacity:1;transform:translateY(0)}.method.visible .step:nth-child(2){transition-delay:.1s}.method.visible .step:nth-child(3){transition-delay:.2s}.method.visible .step:nth-child(4){transition-delay:.3s}.method.visible .step:nth-child(5){transition-delay:.4s}.method.visible .step:nth-child(6){transition-delay:.5s}.method.visible .step:nth-child(7){transition-delay:.6s}.method.visible .step:nth-child(8){transition-delay:.7s}.method.visible .step:nth-child(9){transition-delay:.8s}.dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(197,154,99,.72);background:#080807;margin-bottom:28px;position:relative;z-index:1}.step-num{font-family:Georgia,serif;color:var(--bronze-2);font-size:28px;margin-bottom:10px}.step-name{font-size:14px;margin-bottom:6px}.step-en{font-size:11px;color:#f4efe773;margin-bottom:14px;text-transform:uppercase}.step p{margin:0;font-size:12px;line-height:1.8;color:#f4efe794}.projects{background:var(--ivory);color:var(--ink);padding:84px clamp(22px,5vw,76px)}.project-track{display:grid;grid-template-columns:repeat(6,minmax(220px,1fr));gap:14px}.project-card{position:relative;min-height:340px;overflow:hidden;background:#111;isolation:isolate}.project-card:before{content:"";position:absolute;inset:0;background:var(--img) center / cover;filter:saturate(.62) contrast(1.08) brightness(.75);transform:scale(1.05);transition:transform .9s ease,filter .9s ease;z-index:-2}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.86),transparent 58%);z-index:-1}.project-card:hover:before{transform:scale(1.12);filter:saturate(.85) contrast(1.1) brightness(.95)}.project-content{position:absolute;left:22px;right:22px;bottom:22px;color:var(--ivory);transform:translateY(20px);transition:transform .45s ease}.project-card:hover .project-content{transform:translateY(0)}.project-index{font-family:Georgia,serif;font-size:42px;color:#ffffff61}.project-title{font-size:22px;font-family:Georgia,Times New Roman,"Noto Serif TC",serif;margin-top:8px}.project-meta{margin-top:6px;font-size:12px;color:#f4efe7ad}.project-more{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;margin-top:18px;opacity:0;transform:translate(-10px);transition:all .45s ease}.project-card:hover .project-more{opacity:1;transform:translate(0)}.before-after{display:grid;grid-template-columns:270px 1fr;gap:50px;background:#080807;color:var(--ivory);padding:84px clamp(22px,5vw,76px);align-items:center}.ba-stage{position:relative;height:360px;overflow:hidden;background:#111;cursor:ew-resize;box-shadow:0 30px 70px #00000047}.ba-img{position:absolute;inset:0;background-size:cover;background-position:center}.ba-before{background-image:url(https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=80);filter:grayscale(1) contrast(.9) brightness(.78)}.ba-after{background-image:url(https://images.unsplash.com/photo-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1400&q=80);clip-path:inset(0 0 0 50%)}.ba-divider{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#ffffffd1;box-shadow:0 0 22px #ffffff59}.ba-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:#000000c2;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;color:var(--ivory);font-size:22px;user-select:none}.ba-label{position:absolute;bottom:18px;padding:8px 12px;background:#00000094;font-size:11px;letter-spacing:.22em}.ba-label.before{left:18px}.ba-label.after{right:18px}.about-cta{display:grid;grid-template-columns:1fr 1.25fr;background:var(--paper);color:var(--ink)}.about,.cta-panel{padding:72px clamp(22px,5vw,76px)}.about p,.cta-panel p{line-height:2;color:#161411ad;max-width:620px}.team-photo{height:240px;margin-top:30px;background:url(https://images.unsplash.com/photo-1521737852567-6949f3f9f2b5?auto=format&fit=crop&w=1000&q=80) center / cover;filter:grayscale(1) contrast(.92)}.cta-panel{background:linear-gradient(135deg,#efe6da,#dfd3c5);display:flex;flex-direction:column;justify-content:center}.cta-row{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.dark-btn{color:var(--ink);border-color:#16141147}.site-footer{background:#080807;color:#f4efe7ad;min-height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,76px);font-size:13px}.site-footer .brand{color:var(--ivory);font-size:20px}.social{display:flex;gap:18px}@keyframes loaderOut{to{opacity:0;visibility:hidden}}@keyframes logoIn{to{opacity:1}}@keyframes lightCut{0%{transform:scaleY(0)}45%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}@keyframes glowPulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1}to{opacity:0;transform:scale(1.2)}}@keyframes heroReveal{to{transform:scale(1);filter:saturate(.76) contrast(1.08) brightness(.82)}}@keyframes slowZoom{to{transform:scale(1.035)}}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}@keyframes titleUp{to{transform:translateY(0)}}@keyframes scrollLine{0%,to{transform:scaleY(.35);opacity:.45}50%{transform:scaleY(1);opacity:1}}@media(max-width:1080px){.main-nav{display:none}.hamburger{display:block}.section-grid,.method-wrap,.before-after,.about-cta{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(3,1fr)}.steps{overflow-x:auto;padding-bottom:18px}.project-track{overflow-x:auto;grid-auto-flow:column;grid-auto-columns:minmax(260px,74vw);grid-template-columns:none;padding-bottom:18px}}@media(max-width:720px){.site-header{height:70px}.brand{font-size:18px}.brand span{font-size:9px}.hero{min-height:100svh;padding:104px 22px 58px}.side-label,.hero-index,.scroll-indicator{display:none}h1{font-size:clamp(46px,15vw,72px)}.hero-copy{font-size:14px;line-height:1.85}.hero-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.light-section,.method,.projects,.before-after,.about,.cta-panel{padding:58px 20px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:240px}.ba-stage{height:260px}.site-footer{flex-direction:column;gap:18px;padding:28px 20px;align-items:flex-start}}