:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--paper:#f7f8f5;--ink:#33463b;--muted:#657569;--accent:#788e7c;--line:#d9dfd6;--night:#202c24;--night-ink:#aebbb0;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Arial,TURNS OUT Sans TC,TURNS OUT Team TC,Noto Sans TC,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{background:var(--paper);z-index:90;padding:16px;position:fixed;top:-100px;left:20px}.skip:focus{top:16px}.header{z-index:30;background:linear-gradient(var(--paper) 70%, #f7f8f500);will-change:transform;justify-content:space-between;align-items:center;height:88px;padding:0 4.5%;display:flex;position:fixed;inset:0 0 auto}.brand{color:#111a21;letter-spacing:-1px;white-space:nowrap;align-items:center;min-height:44px;font:800 22px Arial,sans-serif;display:flex}.brand svg{width:28px;height:29px;margin-right:10px}.brand-dot{color:var(--accent)}.header nav{align-items:center;gap:30px;font-size:14px;display:flex}.header nav a{align-items:center;min-height:44px;display:flex}.header nav span{color:var(--ink)}.header .language-link{border-left:1px solid var(--line);justify-content:center;margin-left:4px;padding-left:22px;font-size:12px}.site-footer{z-index:1;border-top:1px solid var(--line);background:var(--paper);color:var(--muted);justify-content:space-between;align-items:center;gap:0 24px;padding:18px 4.5%;font-size:12px;display:flex;position:relative}.footer-links{align-items:center;gap:0 22px;display:flex}.footer-links a,.footer-links button{align-items:center;min-height:44px;font-size:12px;display:flex}main{z-index:1;will-change:transform;position:relative}section{position:relative}.ch{display:inline-block}.hero{height:100svh;min-height:560px;overflow:clip}.hero-copy{z-index:5;width:60%;position:absolute;top:max(16vh,112px);left:4.5%}h1{letter-spacing:-.02em;margin:0;font-size:clamp(40px,5.4vw,104px);font-weight:500;line-height:1.08}.hero-copy p{color:var(--muted);margin:2.2vw 0 0;font-size:clamp(14px,1.18vw,20px);line-height:1.75}.wordmark{aspect-ratio:1418/292;z-index:3;width:98.47%;position:absolute;bottom:7vh;left:1.53%}.glyph,.glyph-shadow{pointer-events:none;will-change:transform;max-width:none;display:block;position:absolute}.swing{display:none}.cue{z-index:5;letter-spacing:.12em;color:var(--muted);margin:0;font-size:12px;position:absolute;bottom:3.5vh;left:4.5%}.listen{min-height:120vh;padding:30vh 4.5% 24vh}.label{letter-spacing:.08em;color:var(--accent);margin:0 0 1.4vw;font-size:13px}.label>span:not(.ch,.word){color:var(--muted);margin-right:14px}h2{letter-spacing:-.02em;margin:0;font-size:clamp(56px,8vw,150px);font-weight:500;line-height:1.08}.body{max-width:34em;color:var(--muted);margin:2vw 0 0;font-size:clamp(14px,1.18vw,20px);line-height:1.75}.whispers{pointer-events:none;z-index:6;margin:0;padding:0;list-style:none;position:absolute;inset:0}.whispers li{white-space:nowrap;color:var(--muted);opacity:0;transform-origin:0;will-change:transform, opacity;border:1px solid #d9dfd600;border-radius:999px;padding:.6em 1.15em;font-size:clamp(15px,1.4vw,24px);transition:border-color .4s,background-color .4s,color .4s;position:absolute;top:0;left:0}.whispers li.is-near{border-color:var(--line);color:var(--ink);background-color:#f7f8f5e6}.whispers li.is-near.is-heard{background-color:#f7f8f500;border-color:#d9dfd600}.other{--flip:clamp(64px, 10.4vw, 200px);height:300vh}.sticky{height:100svh;position:sticky;top:0;overflow:clip}.night-panel{background:var(--night);will-change:transform;position:absolute;inset:0;transform:translate(-100%)}.other .label{margin:0;position:absolute;top:max(13vh,104px);left:4.5%}.night-label{letter-spacing:.16em;color:#9fb2a3;margin:0;font-size:13px;position:absolute;bottom:9vh;left:4.5%}.flip-title{font-size:var(--flip);white-space:nowrap;position:absolute;top:38vh;left:4.5%}.flip-body{left:4.6%;top:calc(38vh + 1.3 * var(--flip));color:var(--muted);margin:0;font-size:clamp(15px,1.3vw,22px);line-height:1.75;position:absolute}.other .label .ch,.flip-body .ch,.night-label .ch{transition:color .35s}.fatelens{--fl:clamp(100px, min(20.5vw, calc((61vh - 180px) / 1.16)), 420px);height:320vh}.fatelens .label{margin:0;position:absolute;top:max(14vh,104px);left:4.5%}.fl-word{font:400 var(--fl) / 1 Arial, sans-serif;letter-spacing:-.045em;white-space:nowrap;margin:0;position:absolute;top:35vh;left:4.2%}.fl-copy{left:4.5%;top:calc(35vh + 1.16 * var(--fl));max-width:40em;position:absolute}.fl-desc{color:var(--ink);margin:0;font-size:clamp(15px,1.35vw,23px);line-height:1.75}.product-link{border-bottom:1px solid var(--line);color:var(--ink);margin-top:1.8vw;padding-bottom:10px;font-size:14px;display:inline-block}.product-link:hover{color:var(--accent)}.contact{--title:clamp(56px, 8vw, 150px);height:100svh;min-height:560px}.contact .label{margin:0;position:absolute;top:22vh;left:4.5%}.contact h2{font-size:var(--title);position:absolute;top:calc(22vh + 30px);left:4.5%}.contact-sub{left:4.6%;top:calc(22vh + 30px + 1.2 * var(--title));margin:0;font-size:clamp(16px,1.55vw,26px);position:absolute}.wire{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.wire path{fill:none;stroke:#9ba999;stroke-width:1.4px}.contact-email{letter-spacing:-.04em;color:var(--ink);font:400 clamp(30px,4.45vw,86px)/1 Arial,sans-serif;position:absolute;top:calc(72% - .93em);left:4.4%}.contact-email:hover{color:var(--accent)}.contact-note{color:var(--muted);margin:0;font-size:clamp(12px,1vw,16px);position:absolute;top:calc(72% + 26px);left:4.6%}div:has(>.spirit-track){position:relative}.spirit-track{pointer-events:none;position:absolute;inset:0;overflow:clip}canvas.spirit{z-index:20;pointer-events:none;width:100%;height:100lvh;position:fixed;top:0;left:0}canvas.spirit.on-page{position:absolute}.glass{z-index:46;pointer-events:none;will-change:transform;position:fixed;inset:0;overflow:hidden}.glass>div{opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.sheen{background:linear-gradient(105deg,#fff0 20%,#ffffff8c 42%,#fff3 50%,#fff0 56% 64%,#ffffff40 70%,#fff0 76%);width:50vw;height:100%}.flash{transform-origin:0 0;background:radial-gradient(closest-side,#fffffff2,#ffffffb3 35%,#fff0);border-radius:50%;width:100px;height:100px}.ring{outline-offset:-4.5px;border:1.5px solid #ffffffeb;border-radius:50%;outline:3px solid #ffffff38}html[lang=en] .other{--flip:clamp(48px, 7.4vw, 140px)}html[lang=en] h1{letter-spacing:-.035em;line-height:1.02}html[lang=en] h2{letter-spacing:-.035em}:is(.hero-copy p,.body,.flip-body,.fl-desc,.contact-note){text-wrap:balance}.phrase{white-space:nowrap}@media (width<=700px){.header{height:76px;padding:0 6%}.brand{letter-spacing:-.9px;font-size:18px}.brand svg{width:24px;height:25px;margin-right:8px}.header nav{gap:16px;font-size:12px}.header .language-link{margin-left:0;padding-left:13px}.site-footer{padding:14px 6%}.hero{flex-direction:column;height:auto;min-height:0;padding:118px 6% 36px;display:flex}.hero-copy{width:auto;position:relative;top:auto;left:auto}h1{font-size:42px}.hero-copy p{margin-top:16px;font-size:15px}.wordmark{display:none}.swing{aspect-ratio:800/1000;perspective:900px;z-index:4;perspective-origin:50% 27.2%;margin:10px -6.4% 0;display:block;position:relative}.swing-rig{transform-origin:40.45% -135.94%;will-change:transform;position:absolute;inset:0}.swing-turns{width:92%;max-width:none;height:55.4%;display:block;position:absolute;top:0;left:4%;-webkit-mask-image:linear-gradient(#0000,#000 22%);mask-image:linear-gradient(#0000,#000 22%)}.swing-floor{width:64.25%;height:24%;position:absolute;top:67.8%;left:17.75%}.cue{margin-top:10px;position:relative;bottom:auto;left:auto}.listen{min-height:130vh;padding:34vh 6% 30vh}h2{font-size:50px}.body{margin-top:16px;font-size:15px}.whispers li{font-size:14px}.other{--flip:14.2vw;height:260vh}html[lang=en] .other{--flip:10vw}.other .label{top:96px;left:6%}.night-label{left:6%}.flip-title{top:42vh;left:6%}.flip-body{left:6%;top:calc(42vh + 1.4 * var(--flip));font-size:14px}.fatelens{height:300vh}.fatelens .label{top:96px;left:6%}.fl-word{font-size:21vw;top:30vh;left:5%}.fl-copy{top:calc(30vh + 30.45vw);left:6%;right:6%}.fl-desc{font-size:15px}.product-link{margin-top:16px;font-size:13px}.contact{--title:50px}html[lang=en] .contact{--title:38px}.contact .label{top:19vh;left:6%}.contact h2{top:calc(19vh + 28px);left:6%}.contact-sub{left:6%;top:calc(19vh + 28px + 1.2 * var(--title));font-size:16px}.contact-email{font-size:8.6vw;top:calc(68% - .93em);left:6%}.contact-note{top:calc(68% + 28px);left:6%}}