:root{--c-dark: 76 66 55;--c-light: 247 242 234;--c-accent: 179 134 90;--c-muted: 140 129 119;--c-line: 234 226 214;--c-oat: 239 232 219}[data-theme=guoshi]{--c-dark: 62 50 42;--c-light: 251 247 239;--c-accent: 201 130 78;--c-muted: 150 137 122;--c-line: 232 220 200;--c-oat: 240 231 216}[data-theme=mojing]{--c-dark: 58 46 38;--c-light: 251 247 239;--c-accent: 138 154 123;--c-muted: 150 137 122;--c-line: 230 220 205;--c-oat: 240 231 216}[data-theme=beicha]{--c-dark: 46 38 32;--c-light: 247 242 234;--c-accent: 179 134 90;--c-muted: 140 129 119;--c-line: 234 226 214;--c-oat: 239 232 219}body{background-color:rgb(var(--c-light));color:rgb(var(--c-dark));overflow-x:hidden;scroll-behavior:smooth}.reveal{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.25,1,.5,1);will-change:transform,opacity}.reveal.active{opacity:1;transform:translateY(0)}.fab-icon-box{box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.fab-icon-box:hover{background-color:rgb(var(--c-dark));color:rgb(var(--c-light));transform:scale(1.1)}.hamburger-line{transition:transform .3s ease,opacity .3s ease}.menu-open #line-1{transform:translateY(8px) rotate(45deg)}.menu-open #line-2{opacity:0}.menu-open #line-3{transform:translateY(-8px) rotate(-45deg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:rgb(var(--c-light))}::-webkit-scrollbar-thumb{background:rgb(var(--c-accent));border-radius:3px}.form-input{width:100%;background:transparent;border:none;border-bottom:1px solid rgb(var(--c-light) / .2);padding:14px 0;color:rgb(var(--c-light));border-radius:0;font-size:.95rem;transition:all .3s ease}.form-input:focus{outline:none;border-bottom-color:rgb(var(--c-accent));background:rgb(var(--c-accent) / .05)}.form-label{display:block;font-family:"Noto Serif TC",serif;font-size:.75rem;letter-spacing:.2em;color:rgb(var(--c-light) / .4);margin-top:2rem;text-transform:uppercase}select.form-input option{background-color:rgb(var(--c-dark));color:rgb(var(--c-light))}.map-container{filter:grayscale(20%) contrast(90%);transition:filter .5s ease}.map-container:hover{filter:grayscale(0%) contrast(100%)}#site-nav{color:rgb(var(--c-light));background-color:transparent;border-bottom:1px solid transparent;text-shadow:0 1px 12px rgba(43,36,30,.35);transition:background-color .5s ease,border-color .5s ease,color .5s ease,box-shadow .5s ease,backdrop-filter .5s ease,text-shadow .5s ease}#site-nav.nav-scrolled{color:rgb(var(--c-dark));text-shadow:none;background-color:rgb(var(--c-light) / .88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:rgb(var(--c-dark) / .1);box-shadow:0 1px rgb(var(--c-dark) / .02)}#site-nav.nav-on-overlay{color:rgb(var(--c-light))!important;background-color:transparent!important;border-bottom-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#site-nav.nav-solid{color:rgb(var(--c-dark));text-shadow:none;background-color:rgb(var(--c-light) / .88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:rgb(var(--c-dark) / .1)}.nav-active{color:rgb(var(--c-accent))!important}.hero-panels{display:flex;height:clamp(560px,86vh,900px)}.hero-panel{position:relative;display:block;flex:1 1 0%;overflow:hidden;cursor:pointer;transition:flex 1.1s cubic-bezier(.25,1,.5,1)}.hero-panel--lead{flex:2.1 1 0%}.hero-panels:hover .hero-panel{flex:1 1 0%}.hero-panels:hover .hero-panel:hover{flex:2.6 1 0%}.hero-panel .panel-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.8s cubic-bezier(.25,1,.5,1)}.hero-panel:hover .panel-img{transform:scale(1.08)}.panel-veil{position:absolute;inset:0;background:linear-gradient(to top,#2b241e9e,#2b241e47 45%,#2b241e2e);transition:opacity 1s ease,background 1s ease}.hero-panel--dim .panel-veil{background:linear-gradient(to top,#2b241ec7,#2b241e94 45%,#2b241e7a)}.hero-panel:hover .panel-veil{background:linear-gradient(to top,#2b241e8c,#2b241e33 45%,#2b241e1a)}.panel-desc{opacity:0;transform:translateY(14px);transition:opacity .9s ease .15s,transform .9s cubic-bezier(.25,1,.5,1) .15s}.hero-panel--lead .panel-desc,.hero-panel:hover .panel-desc{opacity:1;transform:translateY(0)}.panel-word{transform:translateY(0);transition:transform 1.1s cubic-bezier(.25,1,.5,1),letter-spacing 1.1s ease}.hero-panel:hover .panel-word{transform:translateY(-6px)}.panel-vertical{writing-mode:vertical-rl;text-orientation:mixed;position:absolute;top:7rem;right:1.75rem;opacity:.75;transition:opacity .9s ease,transform .9s cubic-bezier(.25,1,.5,1)}.hero-panel:hover .panel-vertical{opacity:1;transform:translateY(6px)}@media(max-width:767px){.panel-vertical{display:none}}@media(max-width:767px){.hero-panels{display:block;position:relative;height:82svh;min-height:540px}.hero-panel,.hero-panel--lead{position:absolute;inset:0;height:100%;opacity:0;transition:opacity 1.3s ease;pointer-events:none;z-index:0}.hero-panel.slide-active{opacity:1;pointer-events:auto;z-index:1}.hero-panel>div{padding-bottom:5.5rem!important}.hero-dot{display:block;width:6px;height:6px;border-radius:999px;background:rgb(var(--c-light) / .4);transition:all .4s ease}.dot-active .hero-dot,.hero-dot.dot-active{width:22px;background:rgb(var(--c-light))}.hero-panel .panel-eyebrow{font-size:12px!important;letter-spacing:.4em}.hero-panel p.panel-desc{font-size:15px!important;line-height:1.9}.hero-panel span.panel-desc{font-size:12px!important}.hero-panel .panel-word,.hero-panel .panel-desc,.hero-panel .panel-eyebrow{text-shadow:0 1px 16px rgba(43,36,30,.5)}.panel-veil{background:linear-gradient(to top,#2b241ecc,#2b241e73,#2b241e38)!important}.panel-desc{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.scroll-line{animation:scrollPulse 2.4s cubic-bezier(.65,0,.35,1) infinite}.work-card .work-img{transform:scale(1.001);transition:transform 1.6s cubic-bezier(.25,1,.5,1);will-change:transform}.work-card:hover .work-img{transform:scale(1.06)}.work-card .work-title{transition:color .5s ease,transform .6s cubic-bezier(.25,1,.5,1)}.work-card:hover .work-title{color:rgb(var(--c-accent));transform:translate(8px)}.step-mini{border-top:1px solid rgb(var(--c-dark) / .12);transition:border-color .5s ease}.step-mini:hover{border-top-color:rgb(var(--c-accent) / .7)}.page-head{padding:9rem 2rem 3.5rem}@media(min-width:768px){.page-head{padding:12rem 4rem 5rem}}.m-dock{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:1fr 1fr 1fr;background:rgb(var(--c-dark) / .97);border-top:1px solid rgb(var(--c-light) / .12);padding-bottom:env(safe-area-inset-bottom)}.m-dock a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;color:rgb(var(--c-light));font-size:13px;letter-spacing:.2em;border-right:1px solid rgb(var(--c-light) / .12);transition:background .3s ease,color .3s ease}.m-dock a:last-child{border-right:0}.m-dock a:active{background:rgb(var(--c-accent))}.m-dock svg{width:17px;height:17px;flex-shrink:0}@media(min-width:768px){.m-dock{display:none}}@media(max-width:767px){footer{padding-bottom:6.5rem!important}}.ft-social{display:flex;flex-wrap:wrap;gap:12px}.ft-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid rgb(var(--c-light) / .25);color:rgb(var(--c-light) / .85);transition:all .3s ease}.ft-social a:hover{background:rgb(var(--c-accent));border-color:rgb(var(--c-accent));color:rgb(var(--c-light));transform:translateY(-2px)}.ft-social svg{width:18px;height:18px}#theme-gear-btn{position:fixed;left:1.25rem;bottom:1.25rem;z-index:70;width:48px;height:48px;border-radius:999px;border:none;cursor:pointer;background:rgb(var(--c-dark));color:rgb(var(--c-light));display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #281e184d;transition:transform .4s ease}#theme-gear-btn:hover{transform:rotate(45deg) scale(1.06)}@media(max-width:767px){#theme-gear-btn{bottom:5rem}}#theme-gear-panel{position:fixed;left:1.25rem;bottom:5.25rem;z-index:70;width:250px;background:#fffffff7;border:1px solid rgb(var(--c-dark) / .12);box-shadow:0 12px 36px #281e182e;padding:18px 18px 10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease,visibility .35s ease}@media(max-width:767px){#theme-gear-panel{bottom:9rem}}#theme-gear-panel.gear-open{opacity:1;visibility:visible;transform:translateY(0)}#theme-gear-panel .gear-head{font-family:Noto Sans TC,sans-serif;font-size:10px;letter-spacing:.35em;color:rgb(var(--c-muted));text-transform:uppercase;margin-bottom:12px}.theme-opt{display:flex;align-items:center;gap:10px;width:100%;padding:10px 8px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .3s ease}.theme-opt:hover{background:rgb(var(--c-oat))}.theme-opt .dots{display:flex;gap:4px;flex-shrink:0}.theme-opt .dot{width:14px;height:14px;border-radius:999px;box-shadow:inset 0 0 0 1px #00000014}.theme-opt .nm{font-family:Noto Sans TC,sans-serif;font-size:12.5px;letter-spacing:.12em;color:#4c4237}.theme-opt .chk{margin-left:auto;font-size:12px;color:#b3865a;opacity:0}.theme-opt.opt-active .chk{opacity:1}.theme-opt.opt-active .nm{font-weight:500}#theme-gear-panel .gear-foot{font-family:Noto Sans TC,sans-serif;font-size:10px;letter-spacing:.1em;color:#8c8177;border-top:1px solid rgba(76,66,55,.1);margin-top:8px;padding:10px 8px 6px;line-height:1.7}