@charset "UTF-8";
:root{color-scheme:dark;--bg:#090e18;--ink:#f4f4f5;--muted:#a5aebb;--red:#ee493f;--line:#26303e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft JhengHei",sans-serif;line-height:1.7;font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ff8175;outline-offset:6px}.wrap{width:min(1280px,88%);margin:auto}header{border-bottom:1px solid var(--line);background:#090e18}.header-inner{min-height:104px;display:flex;align-items:center;gap:40px}.brand{display:flex;align-items:center;gap:13px;margin-right:auto}.brand img{width:48px;height:48px;object-fit:contain;background:transparent;border-radius:0;padding:0}.brand span{font-size:22px;letter-spacing:.16em;font-weight:700}.brand small{display:block;font-size:10px;letter-spacing:.12em;font-weight:400}nav{display:flex;gap:32px}nav a{font-size:15px;color:var(--muted);padding:10px 0}nav a[aria-current],nav a:hover{color:white;border-bottom:2px solid var(--red)}.language{border:1px solid var(--line);padding:6px 14px;font-size:14px}.eyebrow{font-size:12px;letter-spacing:.19em;color:#d77b75;margin:0 0 26px}.hero{min-height:690px;height:calc(100svh - 104px);max-height:920px;position:relative;display:flex;align-items:center;isolation:isolate}.hero-copy{z-index:2;width:65%;padding:55px 0 90px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.1vw,76px);line-height:1.23;letter-spacing:-.035em;font-weight:600;margin-bottom:30px}h2{font-size:clamp(30px,3.2vw,46px);line-height:1.4;font-weight:500;letter-spacing:-.03em}h3{font-size:23px;font-weight:500;margin:15px 0 12px}.lead{font-size:18px;max-width:580px;color:var(--muted);line-height:1.9}.button{display:inline-flex;align-items:center;gap:36px;padding:15px 23px;margin-top:20px;background:var(--red);font-size:15px}.button:hover{background:#ff6053}.button span{font-size:23px}.hero-bottom{position:absolute;bottom:24px;width:100%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.2em;color:var(--muted);border-top:1px solid var(--line);padding-top:22px}.orbital{position:absolute;right:-1%;top:10%;width:53%;height:75%;z-index:-1;background:radial-gradient(ellipse,#5c1d232e,transparent 65%);overflow:hidden}.orbit{position:absolute;left:5%;top:10%;width:90%;height:80%;border:1px solid #85413e;border-radius:50%;transform:rotate(-30deg) scaleY(.55)}.orbit.two{transform:rotate(40deg) scaleY(.65);border-color:#45566e}.orbit.three{transform:rotate(-60deg) scaleY(.85);border-color:#394759}.star{position:absolute;left:45%;top:30%;color:var(--red);font-size:130px;text-shadow:0 0 70px #c22c3270;animation:pulse 7s ease-in-out infinite}.orbit-label{position:absolute;bottom:8%;right:8%;font-size:10px;color:#8a7779;letter-spacing:.2em}@keyframes pulse{50%{opacity:.65;transform:scale(.94)}}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;color:var(--muted);margin-bottom:8px}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work{border:1px solid var(--line);background:#101722}.work-image{aspect-ratio:1.8;overflow:hidden}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work:hover img{transform:scale(1.04)}.work-body{padding:26px}.num{font-size:12px;color:#d67a72;letter-spacing:.12em}.work p,.text-card p{color:var(--muted);margin-bottom:0}.note{font-size:14px;color:var(--muted);margin-top:27px}.page-intro{padding-top:100px;padding-bottom:80px}.page-intro .lead{max-width:740px}.platforms{display:flex;gap:12px;margin-top:30px}.platforms span{border:1px solid var(--line);padding:7px 18px;font-size:12px;letter-spacing:.1em}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.top-line{border-top:1px solid var(--line)}.process{background:#101722}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.steps .text-card{border-top:1px solid #83463f;padding-top:24px}.about-intro{position:relative;isolation:isolate;min-height:530px}.about-intro>div:first-child{max-width:760px}.about-intro .orbital{opacity:.45;right:-4%}.story{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-bottom:0}.story>p:last-child{font-size:23px;line-height:1.9;color:#c1c8d1}footer{border-top:1px solid var(--line);background:#080c13;padding-top:80px}.footer-top{display:flex;justify-content:space-between;gap:45px;align-items:center;padding-bottom:65px}.footer-top p:not(.eyebrow){color:var(--muted)}.email{border-bottom:1px solid var(--red);padding-bottom:15px;font-size:clamp(16px,1.8vw,24px)}.email span{display:block;font-size:14px;color:var(--muted);margin-bottom:10px}.footer-bottom{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.skip{position:fixed;left:20px;top:-100px;background:white;color:black;z-index:10;padding:10px}.skip:focus{top:10px}@media(min-width:1500px){.hero h1{font-size:78px}}@media(max-width:800px){.header-inner{gap:20px;min-height:92px;flex-wrap:wrap;padding:18px 0}.brand span{font-size:18px}.brand img{width:40px;height:40px}nav{order:3;width:100%;justify-content:space-between;gap:15px}nav a{font-size:14px;padding:2px 0}.hero{height:auto;min-height:690px;align-items:flex-start}.hero-copy{width:100%;padding-top:62px}.hero h1{font-size:clamp(40px,8vw,64px)}.hero .lead{max-width:90%}.hero .orbital{top:240px;right:-4%;height:380px;width:70%;opacity:.4}.hero-bottom span:last-child{display:none}.section{padding-top:64px;padding-bottom:64px}.section-heading{display:block}.section-heading>p{margin-top:25px;max-width:none}.works,.three-col,.steps{grid-template-columns:1fr;gap:28px}.work-image{aspect-ratio:2.3}.three-col .text-card{border-bottom:1px solid var(--line);padding-bottom:25px}.page-intro{padding-top:65px;padding-bottom:55px}.story{display:block}.story>p:last-child{font-size:19px}.footer-top{display:block}.email{display:inline-block;margin-top:15px}.footer-bottom{flex-direction:column}.about-intro .orbital{width:85%;opacity:.25}.platforms{flex-wrap:wrap}footer{padding-top:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}.skip:focus{clip-path:none;width:auto;height:auto}