@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&family=Space+Mono:wght@400;700&display=swap');
:root{--paper:#f5f1e8;--ink:#17232b;--muted:#6d7778;--line:rgba(23,35,43,.16);--blue:#315a76;--gold:#b38a4a;--white:#fffaf1;--serif:'Playfair Display',serif;--sans:'Noto Sans TC',sans-serif;--mono:'Space Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.8;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(23,35,43,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,35,43,.035) 1px,transparent 1px);background-size:48px 48px;z-index:-2}.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:99}.progress span{display:block;width:0;height:100%;background:var(--gold)}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:16px 4vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,241,232,.92);backdrop-filter:blur(14px);z-index:50}.brand,.footer-brand{display:flex;align-items:center;gap:12px}.brand img{width:72px;height:38px;object-fit:contain}.brand span{font-size:11px;line-height:1.3;letter-spacing:.04em}.brand small{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.35em;margin-top:5px}.site-header nav{display:flex;gap:24px;margin-left:auto;font:10px var(--mono);text-transform:lowercase}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--ink);transition:.3s}.site-header nav a:hover:after{width:100%}.domain{border:1px solid var(--ink);border-radius:999px;padding:5px 13px;font:10px var(--mono)}section{padding:100px 7vw;position:relative}.hero{min-height:610px;padding:0 7vw;display:flex;align-items:center;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,241,232,.97) 0%,rgba(245,241,232,.82) 36%,rgba(245,241,232,.08) 72%),url('assets/hero.jpg') center/cover no-repeat;z-index:-1;transform:scale(1.01);transition:transform .15s linear}.hero-copy{max-width:640px;padding-top:45px}.eyebrow,.section-label,.shop-note,.copyright{font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(46px,6vw,86px);line-height:1.08;font-weight:500;margin:20px 0}.hero h1 em,.trace-copy em,.shop-copy em,.next h2 em{font-family:var(--serif);font-style:italic}.lead{font-size:16px;color:#435159;max-width:520px}.line-link{display:inline-flex;align-items:center;gap:24px;margin-top:20px;font:11px var(--mono);border-bottom:1px solid var(--ink);padding-bottom:7px}.line-link span{font-size:18px;transition:.3s}.line-link:hover span{transform:translateX(8px)}.section-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;color:#59666a}.trace-section{background:#eef1ed}.trace-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;margin-top:48px;align-items:center}.trace-copy h2,.shop-copy h2,.next h2{font-size:clamp(42px,5vw,70px);line-height:1.1;font-weight:500;margin:0 0 25px}.trace-copy p,.shop-copy p{color:#5c6869;max-width:490px}.trace-animation{min-height:300px;position:relative;border:1px solid var(--line);background:rgba(255,255,255,.32);overflow:hidden}.trace-animation:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(23,35,43,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,35,43,.045) 1px,transparent 1px);background-size:40px 40px}.trace-animation svg{position:absolute;inset:22px;width:calc(100% - 44px);height:230px}.trace-line{fill:none;stroke:rgba(49,90,118,.28);stroke-width:1.2}.trace-line.main{stroke:var(--blue);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 6s ease-in-out infinite}.trace-line.secondary{stroke:var(--gold);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 7s 1.2s ease-in-out infinite}.trace-node circle{fill:var(--blue);opacity:.9;transform-box:fill-box;transform-origin:center;animation:nodePulse 3.5s ease-in-out infinite}.trace-node circle:nth-child(2){animation-delay:.7s}.trace-node circle:nth-child(3){animation-delay:1.4s}.trace-node circle:nth-child(4){animation-delay:2.1s}.trace-node.small circle{fill:#9b8a67;animation-delay:1s}.trace-caption{position:absolute;left:24px;right:24px;bottom:16px;display:flex;justify-content:space-between;color:var(--muted);font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.shop{background:var(--ink);color:var(--white)}.shop .section-label{border-color:rgba(255,255,255,.18);color:#b8c0bf}.shop-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center;margin-top:48px}.shop-art{overflow:hidden;order:2}.shop-art img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block;filter:saturate(.88);transition:transform 1.2s ease}.shop-art:hover img{transform:scale(1.025)}.shop-copy{order:1}.shop-copy p{color:#c0c8c6}.shop-note{display:flex;gap:24px;align-items:center;margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}.shop-note span{color:#c89d5e}.shop-note b{font-weight:400;letter-spacing:.03em}.journey-map{position:relative;margin-top:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:6vw}.map-line{position:absolute;left:7%;right:7%;top:15px;border-top:1px solid rgba(49,90,118,.35)}.journey article{position:relative;padding-top:50px}.journey article:before{content:"";position:absolute;top:9px;left:0;width:13px;height:13px;border:1px solid var(--blue);background:var(--paper);border-radius:50%;box-shadow:0 0 0 6px var(--paper)}.journey article small{font:9px var(--mono);letter-spacing:.12em;color:var(--gold)}.journey h3{font-size:22px;margin:15px 0 0}.journey article p{margin:0;color:#526166}.journey article span{display:block;margin-top:15px;font-size:12px;color:var(--muted)}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.archive figure{margin:0}.portrait{overflow:hidden;background:#dfe5e3}.portrait img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;display:block;filter:saturate(.92);transition:transform .65s ease,filter .45s}.archive figure:hover .portrait img{filter:saturate(1.03);transform:scale(1.035)}.archive figcaption{display:flex;justify-content:space-between;padding:12px 2px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.archive figcaption b{color:var(--ink)}.next{min-height:610px;display:flex;align-items:center;overflow:hidden}.next-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,241,232,.96) 0%,rgba(245,241,232,.64) 34%,rgba(245,241,232,.06) 67%),url('assets/next.jpg') center/cover no-repeat;z-index:-1;transform:scale(1.03)}.next-copy{max-width:520px}.next h2{margin-bottom:24px}.next p:not(.eyebrow){color:#5c6869}.site-footer{background:#10202a;color:#f7f4ed}.footer-art{height:220px;overflow:hidden}.footer-art img{width:100%;height:100%;object-fit:cover;display:block}.footer-inner{padding:28px 7vw 34px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px}.footer-brand img{width:70px;height:38px;object-fit:contain;filter:invert(1)}.footer-brand span{font-size:11px;line-height:1.4}.footer-brand small{font:9px var(--mono);letter-spacing:.3em}.footer-inner p{margin:0;color:#bfc8c7;font-family:var(--serif);font-style:italic}.copyright{color:#899596;font-size:8px}.section-reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.section-reveal.is-visible{opacity:1;transform:none}@keyframes draw{0%{stroke-dashoffset:1;opacity:.25}35%,70%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:-1;opacity:.25}}@keyframes nodePulse{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.55);opacity:1}}@media(max-width:900px){.site-header{height:70px;padding:12px 5vw}.site-header nav{display:none}.domain{margin-left:auto}.hero{min-height:610px;padding:0 6vw}.hero-art{background:linear-gradient(90deg,rgba(245,241,232,.98) 0%,rgba(245,241,232,.82) 60%,rgba(245,241,232,.2) 100%),url('assets/hero.jpg') 65% center/cover}.trace-grid,.shop-grid{grid-template-columns:1fr;gap:30px}.shop-art{order:1}.shop-copy{order:2}.journey-map{grid-template-columns:1fr;gap:36px}.map-line{left:6px;right:auto;top:20px;bottom:30px;border-top:0;border-left:1px solid rgba(49,90,118,.35)}.journey article{padding:0 0 0 38px}.journey article:before{left:0;top:4px}.archive-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr}.footer-inner p{order:3}}@media(max-width:520px){section{padding:75px 6vw}.hero{min-height:600px}.hero h1{font-size:43px}.hero-art{background:linear-gradient(90deg,rgba(245,241,232,.98) 0%,rgba(245,241,232,.84) 72%,rgba(245,241,232,.3)),url('assets/hero.jpg') 67% center/cover}.archive-grid{grid-template-columns:1fr}.section-label{font-size:8px}.brand img{width:62px}.brand span{font-size:10px}.footer-art{height:180px}}