*{margin:0;padding:0;box-sizing:border-box}:root{--paper: #f4f0e6;--ink: #2b2b2b;--ink-soft: #55524c}html,body{background:var(--paper);color:var(--ink);font-family:"Noto Serif TC",Songti TC,Hiragino Mincho ProN,serif;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.52 0 0 0 0 0.46 0 0 0 0.06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 40%,transparent 55%,rgba(120,110,90,.1) 100%)}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;display:block;z-index:0}.site-head{position:fixed;top:0;left:0;right:0;padding:34px 40px;z-index:5;display:flex;justify-content:space-between;pointer-events:none}.site-head h2{font-size:20px;letter-spacing:.5em;font-weight:600}.site-head p{font-size:10px;letter-spacing:.28em;margin-top:8px;color:var(--ink-soft)}#scroll-wrap{position:relative;z-index:3}.hero{height:100vh;display:flex;align-items:flex-end;padding:0 0 42px 40px}.hero-title .line{display:block;overflow:hidden}.hero-title .line span{display:block;font-size:clamp(28px,4.2vw,52px);font-weight:500;letter-spacing:.34em;line-height:1.55;transform:translateY(110%);transition:transform 1.1s cubic-bezier(.19,1,.22,1)}.hero-title.on .line span{transform:translateY(0)}.hero-title .line:nth-child(2) span{transition-delay:.12s}.hero-title .line:nth-child(3) span{transition-delay:.24s}.intro-section{position:relative;height:calc(var(--len, 3.4) * 100vh);pointer-events:none}.intro-section.tall{height:1000vh}.intro-section .copy{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;padding-left:8.5vw;opacity:0;will-change:opacity}.intro-section .copy p{font-size:clamp(16px,1.5vw,21px);letter-spacing:.22em;line-height:2.6;color:var(--ink-soft)}.after{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(transparent,#786e5a0f)}.after h2{font-size:22px;letter-spacing:.4em}.after p{font-size:13px;letter-spacing:.2em;color:var(--ink-soft)}