:root{--gold:#c9a84c;--gold-soft:rgba(201,168,76,.55);--gold-faint:rgba(201,168,76,.18);--ink:#0a0908;--bone:#e8dcc8;--smoke:#8a8178}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font-family:"Noto Serif TC",serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%}.wrap{max-width:1180px;margin:0 auto;padding-left:22px;padding-right:22px}.eyebrow{font-family:Cormorant Garamond,serif;font-size:12px;font-style:italic;color:var(--gold);letter-spacing:3px}.serif{font-family:"Noto Serif TC",serif}.mono{font-family:JetBrains Mono,monospace}.btn-gold{display:inline-block;background:var(--gold);color:#0a0908;border:none;border-radius:4px;font-family:"Noto Serif TC",serif;font-size:14px;letter-spacing:1px;padding:13px 28px;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px rgba(201,168,76,.6)}.btn-outline{display:inline-block;background:transparent;color:var(--gold);border:1px solid var(--gold-soft);border-radius:4px;font-family:"Noto Serif TC",serif;font-size:14px;letter-spacing:1px;padding:12px 26px;cursor:pointer;text-decoration:none;transition:background .15s}.btn-outline:hover{background:rgba(201,168,76,.1)}.card{background:hsla(0,0%,100%,.015);border:1px solid var(--gold-faint);border-radius:12px}.pv-mobile-cta,.pv-mobile-spacer{display:none}@media (max-width:640px){.pv-mobile-cta{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(8,7,6,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--gold-faint)}.pv-mobile-spacer{display:block;height:74px}}.quick-link{transition:transform .18s,border-color .18s,background .18s}.quick-link:hover{transform:translateY(-3px);border-color:var(--gold);background:rgba(201,168,76,.06)}@media (prefers-reduced-motion:reduce){.quick-link:hover{transform:none}}.prod{display:block;text-decoration:none;border:1px solid var(--gold-faint);border-radius:12px;overflow:hidden;position:relative;background:hsla(0,0%,100%,.012);transition:transform .2s,border-color .2s}.prod:hover{transform:translateY(-3px);border-color:var(--gold-soft)}.prod .img{aspect-ratio:1/1;background-size:cover;background-position:50%;background-color:#0a0908;transition:transform .35s}.prod:hover .img{transform:scale(1.05)}.ribbon{position:absolute;top:10px;left:10px;z-index:2;font-size:10px;font-weight:600;letter-spacing:1.5px;color:#0a0908;background:var(--gold);padding:3px 9px;border-radius:2px;box-shadow:0 2px 10px -2px rgba(201,168,76,.5)}.reveal{opacity:0;transform:translateY(16px);animation:rise .8s ease forwards}@keyframes rise{to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shine{background:linear-gradient(100deg,var(--bone) 30%,var(--gold) 50%,var(--bone) 70%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 5s linear infinite}@media (prefers-reduced-motion:reduce){.reveal,.shine{animation:none;opacity:1;transform:none}}input,textarea{font-family:"Noto Serif TC",serif}.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(60% 80% at 72% 45%,rgba(201,168,76,.16),rgba(10,9,8,0) 60%),radial-gradient(40% 50% at 20% 80%,rgba(201,168,76,.06),rgba(10,9,8,0) 60%),#0a0908}.hero:after{content:"";inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'/%3E%3C/svg%3E")}.ghost-w,.hero:after{position:absolute;pointer-events:none}.ghost-w{right:-4vw;top:50%;transform:translateY(-50%);font-family:Cormorant Garamond,serif;font-size:62vh;line-height:1;font-weight:300;color:rgba(201,168,76,.05);-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-2px}.hero-prod{filter:drop-shadow(0 30px 60px rgba(0,0,0,.7)) drop-shadow(0 0 50px rgba(201,168,76,.25));animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.ember{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px 1px rgba(201,168,76,.6);opacity:0;animation:ember 7s linear infinite}@keyframes ember{0%{transform:translateY(0) scale(1);opacity:0}12%{opacity:.8}88%{opacity:.5}to{transform:translateY(-86vh) scale(.3);opacity:0}}.h-title{font-size:clamp(40px,7vw,82px);font-weight:600;letter-spacing:8px;line-height:1.18;margin:16px 0 20px}.scroll-dot{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--smoke);letter-spacing:3px;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}.cat-tile{position:relative;display:block;text-decoration:none;aspect-ratio:3/4;border-radius:14px;overflow:hidden;border:1px solid var(--gold-faint)}.cat-tile .bg{position:absolute;inset:0;background-size:cover;background-position:50%;transition:transform .6s ease}.cat-tile:hover .bg{transform:scale(1.08)}.cat-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,7,6,.92) 8%,rgba(8,7,6,.15) 55%,rgba(8,7,6,.4))}.cat-tile .label{position:absolute;left:16px;right:16px;bottom:14px;z-index:2}.edit{position:relative;border-radius:16px;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;border:1px solid var(--gold-faint)}.edit .bg{position:absolute;inset:0;background-size:cover;background-position:50%;transition:transform .8s}.edit:hover .bg{transform:scale(1.05)}.edit:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.9) 10%,rgba(8,7,6,.2) 70%)}.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--gold-faint);border-bottom:1px solid var(--gold-faint);padding:14px 0}.marquee>div{display:inline-block;animation:scrollx 28s linear infinite}.marquee span{font-family:Cormorant Garamond,serif;font-size:18px;letter-spacing:4px;color:var(--smoke);margin:0 34px}@keyframes scrollx{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.reveal-2{animation:rise 1s ease .15s forwards}.reveal-2,.reveal-3{opacity:0;transform:translateY(24px)}.reveal-3{animation:rise 1s ease .3s forwards}@media (prefers-reduced-motion:reduce){.ember,.hero-prod,.marquee>div,.reveal-2,.reveal-3,.scroll-dot{animation:none;opacity:1}}@media (max-width:640px){.ghost-w{font-size:40vh;right:-10vw}.hero{min-height:86vh}}