:root{font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:#f4f4f4;background:#090909;--ink:#f4f4f4;--line:#272727;--muted:#999;color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:45px}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #eee;outline-offset:6px}[hidden]{display:none!important}.wrap{width:min(1000px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:0;left:20px;transform:translateY(-150%);padding:12px;background:#fff;color:#111;z-index:10}.skip:focus{top:10px;transform:none}.site-header{height:94px;display:flex;align-items:center;justify-content:center;gap:50px;animation:arrive .9s both}.brand{font-size:19px;font-weight:600;letter-spacing:-.6px}.site-header nav{display:flex;gap:30px;font-size:13px;color:#999}.site-header nav a{transition:color .3s}.site-header nav a:hover{color:#fff}.home{text-align:center}.intro{padding:90px 0 87px}.hello{font-size:19px;color:#aaa;margin:0 0 16px;animation:arrive 1.1s .08s both}.intro h1{font-size:clamp(72px,12vw,144px);font-weight:600;letter-spacing:-.075em;line-height:1.16;margin:0;animation:arrive 1.2s .16s both}.intro h1 span{color:#666}.intro-line{font-size:clamp(23px,3vw,34px);font-weight:400;letter-spacing:.01em;margin:32px 0 15px;animation:arrive 1.2s .26s both}.intro-note{font-size:15px;line-height:1.9;color:#888;margin:0;animation:arrive 1.2s .34s both}.explore{display:inline-flex;align-items:center;gap:14px;color:#aaa;font-size:12px;margin-top:45px;padding:10px;animation:arrive 1.2s .42s both;transition:color .3s}.explore span{display:inline-block;transition:transform .45s cubic-bezier(.22,1,.36,1)}.explore:hover{color:#fff}.explore:hover span{transform:translateY(5px)}.entries{max-width:800px;margin:0 auto 90px;display:grid;grid-template-columns:1fr 1fr;gap:20px;animation:arrive 1.3s .45s both}.entries h2{grid-column:1/-1;color:#777;font-weight:400;font-size:13px;margin:0 0 8px}.entry{border:1px solid #262626;background:#111;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:40px 24px;transition:transform .6s cubic-bezier(.22,1,.36,1),background .4s,border-color .4s;min-width:0}.entry h3{font-weight:500;font-size:27px;letter-spacing:-.025em;margin:0 0 15px}.entry p{font-size:13px;line-height:1.9;margin:0;color:#999}.entry>span{font-size:22px;color:#999;transition:transform .5s cubic-bezier(.22,1,.36,1),color .3s}.entry:hover{transform:translateY(-5px);background:#171717;border-color:#444}.entry:hover>span{transform:translateX(6px);color:#fff}.site-footer{height:96px;border-top:1px solid #202020;display:flex;align-items:center;justify-content:center;font-size:11px;color:#777}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{height:82px;gap:35px}.site-header nav{gap:24px;font-size:12px}.brand{font-size:18px}.intro{padding:76px 0 64px}.hello{font-size:16px;margin-bottom:22px}.intro h1{font-size:clamp(62px,17vw,96px)}.intro-line{font-size:25px;margin-top:28px}.intro-note{font-size:12px;line-height:1.9}.explore{margin-top:30px}.entries{grid-template-columns:1fr;gap:14px;max-width:400px;margin-bottom:60px}.entries h2{margin-bottom:10px}.entry{padding:30px 20px;gap:17px;border-radius:12px}.entry h3{font-size:24px;margin-bottom:10px}.entry p{font-size:12px}.site-footer{height:80px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.entry:hover,.explore:hover span,.entry:hover>span{transform:none}}