@charset "UTF-8";
:root{--paper:#f7f6f2;--ink:#272a29;--muted:#767974;--line:#dedfd7;--orange:#e66c37;--green:#386052}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}button,a{-webkit-tap-highlight-color:transparent}.wrap{max-width:1184px;margin:auto;padding-left:32px;padding-right:32px}.header{height:112px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center}.brand-icon{background:var(--ink);color:var(--paper);width:51px;height:51px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;letter-spacing:-2px}.brand-icon>span{color:#f6a27a}.brand-name{font-size:15px;font-weight:700}.brand-name>span{display:block;font-size:8px;letter-spacing:1.6px;margin-top:6px;color:var(--muted);font-weight:500}nav{display:flex;gap:35px;align-items:center;font-size:13px}nav a:hover{color:var(--orange)}nav a:last-child{padding:12px 17px;border:1px solid var(--line);border-radius:30px}nav a>span{margin-left:12px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;padding-top:58px;padding-bottom:78px;align-items:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;margin:0 0 28px}.dot,.tiny-dot{width:6px;height:6px;border-radius:100%;background:var(--orange);display:inline-block}.hero h1{font-size:clamp(42px,5vw,62px);line-height:1.32;letter-spacing:-2.5px;font-weight:750;margin:0 0 22px}.orange{color:var(--orange)}.period{display:inline-block;margin-left:-7px}.intro{color:var(--muted);font-size:15px;line-height:1.9;margin:0 0 29px}.button{display:inline-flex;align-items:center;gap:35px;padding:16px 23px;border-radius:7px;background:var(--ink);color:white;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:var(--green);transform:translateY(-2px)}.button span{font-size:20px}.hero-note{display:flex;gap:12px;align-items:center;font-size:10px;color:#83867f;margin-top:27px}.hero-note i{width:3px;height:3px;border-radius:50%;background:#adb0a8}.hero-art{position:relative;aspect-ratio:1.06;background:#eeeee6;border:1px solid #e2e3d9;border-radius:18px;overflow:hidden;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#daddcf80 1px,transparent 1px),linear-gradient(90deg,#daddcf80 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at center,black,transparent 80%)}.art-caption{position:absolute;top:27px;left:26px;font-size:7px;letter-spacing:1.15px;color:#787f71;display:flex;align-items:center;gap:7px}.tiny-dot{background:#74916a;width:5px;height:5px}.art-word{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:clamp(82px,9.6vw,124px);font-weight:850;letter-spacing:-10px;color:#365a47;white-space:nowrap;text-shadow:0 10px 0 #365a4707}.art-word>span{color:var(--orange)}.orbit{position:absolute;left:50%;top:48%;width:88%;height:48%;border:1px solid #88977c80;border-radius:50%;transform:translate(-50%,-50%) rotate(-31deg)}.orbit-two{width:74%;height:79%;transform:translate(-50%,-50%) rotate(28deg);border-color:#a4ad9680}.orbit-node{position:absolute;border-radius:50%;background:var(--orange);width:15px;height:15px;box-shadow:0 0 0 6px #e66c3713}.node-one{left:17%;top:58%}.node-two{right:20%;top:21%;width:9px;height:9px;background:#587351;box-shadow:none}.code-chip{position:absolute;right:27px;bottom:70px;background:#fffdf7;border:1px solid #d9ddcf;padding:12px 15px;box-shadow:0 7px 12px #313c2010;border-radius:6px;font-family:monospace;font-size:10px;transform:rotate(-6deg);display:flex;align-items:center;gap:8px}.chip-light{width:6px;height:6px;background:#7c9470;border-radius:50%}.art-coordinate{position:absolute;bottom:25px;left:26px;font-family:monospace;font-size:7px;letter-spacing:1px;color:#858a7a}.art-star{position:absolute;bottom:19px;right:25px;font-size:26px;color:var(--orange)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.marquee>div{display:flex;justify-content:space-between;align-items:center;height:64px;gap:20px;overflow:hidden}.marquee span{font-size:11px;font-weight:600;letter-spacing:2px;white-space:nowrap}.marquee b{color:var(--orange);font-size:19px;font-weight:400}.section{padding-top:79px;padding-bottom:0}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-bottom:70px;border-bottom:1px solid var(--line)}.section-kicker>span,.section-label{display:block;font-size:9px;font-weight:600;letter-spacing:1.7px;color:var(--muted);margin:0 0 19px}h2{font-size:30px;line-height:1.5;letter-spacing:-.8px;margin:0;font-weight:650}.about-content{padding-top:25px}.about-content p{font-size:14px;line-height:1.95;margin:0 0 12px}.muted{color:var(--muted)}.tags{display:flex;gap:9px;margin-top:21px}.tags>span{font-size:10px;border:1px solid var(--line);padding:7px 12px;border-radius:25px;color:#646962}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.section-label{margin-bottom:10px}.side-note{font-size:10px;color:var(--muted);padding-bottom:7px}.project-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dcdfd3;border-radius:13px;overflow:hidden;background:#efefe7;transition:border-color .2s}.project-card:hover{border-color:#7b9771}.project-copy{padding:39px 42px}.project-tag{display:inline-block;color:var(--green);border:1px solid #cbd2c2;border-radius:20px;padding:6px 11px;font-size:9px}.project-copy h3{font-size:45px;letter-spacing:-1.8px;margin:18px 0 13px;display:flex;justify-content:space-between}.project-copy h3>span{font-size:30px;font-weight:400;color:#57714d}.project-copy p{color:#717868;font-size:13px;line-height:1.9;margin:0 0 24px}.text-link{font-size:11px;font-weight:600}.text-link>span{margin-left:17px;font-size:17px}.project-visual{position:relative;background:#e2e7d9;padding:45px 33px 35px;display:flex;align-items:center;justify-content:center;overflow:hidden}.console{width:100%;max-width:350px;background:#fafbf7;border:1px solid #c5cebd;box-shadow:12px 16px 0 #bfcbb850;border-radius:9px;transform:rotate(-4deg);padding-bottom:15px}.console-top{height:33px;display:flex;align-items:center;gap:4px;border-bottom:1px solid #e5e8e0;padding:0 12px}.console-top>span{width:4px;height:4px;background:#c4cabd;border-radius:50%}.console-top>b{font-family:monospace;font-size:8px;font-weight:400;color:#86907e;margin-left:auto}.console-body{display:flex;gap:15px;padding:17px 15px 0}.console-side{width:20px;display:flex;flex-direction:column;gap:13px;padding-top:6px}.console-side i{display:block;width:15px;height:4px;background:#d5dccd}.console-side i:first-child{background:#77926b}.console-main{flex:1}.mini-tiles{display:flex;gap:8px}.mini-tiles>div{width:50%;background:#eef1e8;padding:10px;border-radius:3px}.mini-tiles small{display:block;font-size:5px;letter-spacing:1px;color:#909a85}.mini-tiles b{display:block;font-size:12px;color:#617452;margin-top:5px;font-weight:600}.chart{display:flex;align-items:flex-end;gap:7px;height:70px;border-bottom:1px solid #d4dacb;padding-top:13px}.chart span{flex:1;background:#8da47c;height:35%;border-radius:2px 2px 0 0}.chart span:nth-child(3n){height:64%}.chart span:nth-child(2n){height:49%;background:#b0bf9f}.chart span:nth-child(5n){height:95%;background:#d68b59}.chart span:last-child{height:82%}.console-line{height:4px;background:#e0e5d9;margin-top:12px;width:90%}.console-line.short{width:58%;margin-top:7px}.visual-label{position:absolute;bottom:16px;right:26px;font-size:6px;letter-spacing:1.3px;color:#809272}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.site-card{background:#fbfaf7;border:1px solid var(--line);border-radius:10px;padding:27px;transition:transform .2s,border-color .2s}.site-card:hover{transform:translateY(-5px);border-color:var(--orange)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.site-icon{font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;width:47px;height:47px;border-radius:11px;font-family:monospace}.icon-dev{color:#a56b35;background:#f3eadd;font-size:16px}.icon-hs{color:#67804d;background:#e9eddf}.icon-hs>span{font-size:16px}.icon-mess{color:#7e7094;background:#ede8f2;font-size:23px}.site-arrow{font-size:20px;color:#8a8d82}.site-category{font-size:7px;letter-spacing:1.5px;color:var(--muted)}.site-card h3{font-size:19px;font-weight:600;margin:11px 0 12px}.site-card p{font-size:11px;color:var(--muted);margin:0 0 27px;line-height:1.7}.domain{font-family:monospace;font-size:11px;display:block;padding-top:18px;border-top:1px solid #e7e8df;color:#747c6b}.directory-note{font-size:10px;color:#81857b;margin-top:17px}.closing{display:flex;align-items:center;gap:22px;padding-top:69px;padding-bottom:62px}.closing>span{font-size:52px;color:var(--orange);line-height:1}.closing p{font-size:24px;letter-spacing:-.5px;font-weight:600;margin:0 0 8px}.closing div>span{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.closing>a{margin-left:auto;border:1px solid var(--line);width:39px;height:39px;display:grid;place-items:center;border-radius:50%;font-size:18px}.closing>a:hover{border-color:var(--orange);color:var(--orange)}.footer{border-top:1px solid var(--line);min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted)}.footer>div{display:flex;align-items:center;gap:23px}.footer-logo{font-size:21px;letter-spacing:-1px;font-weight:750;color:var(--ink)}.footer-logo span{font-size:9px;vertical-align:top;margin-left:2px}.footer>a:hover{color:var(--orange)}.footer>a>span{margin-left:10px}@media(min-width:1400px){.hero{padding-top:76px;padding-bottom:97px}}@media(max-width:850px){.wrap{padding-left:25px;padding-right:25px}.hero{gap:25px;padding-top:36px;padding-bottom:57px}.hero h1{font-size:42px}.art-word{font-size:85px;letter-spacing:-7px}.hero-art{aspect-ratio:.9}.art-caption{font-size:5px;left:18px}.art-coordinate{font-size:5px;left:18px}.code-chip{font-size:8px;right:18px;bottom:58px;padding:10px}.about{gap:40px}h2{font-size:26px}.project-copy{padding:30px}.project-copy h3{font-size:38px}.project-visual{padding:30px 25px}.site-card{padding:22px}.site-category{font-size:6px}}@media(max-width:620px){.wrap{padding-left:22px;padding-right:22px}.header{height:87px}.brand-icon{width:42px;height:42px;font-size:18px;border-radius:10px}.brand-name{font-size:13px}.brand-name>span{font-size:6px}nav{gap:18px;font-size:11px}nav a:first-child{display:none}nav a:last-child{border:0;padding:0}nav a>span{margin-left:4px}.hero{grid-template-columns:1fr;gap:36px;padding-top:32px;padding-bottom:38px}.eyebrow{font-size:8px;margin-bottom:22px}.hero h1{font-size:47px;line-height:1.3;letter-spacing:-2px}.intro{font-size:13px;margin-bottom:23px}.button{font-size:12px;padding:13px 19px}.hero-note{margin-top:22px;font-size:9px}.hero-art{aspect-ratio:1.25;max-width:450px;width:100%;justify-self:center}.art-word{font-size:110px;letter-spacing:-9px}.art-caption{font-size:6px;top:20px;left:20px}.art-coordinate{font-size:6px;bottom:20px;left:20px}.code-chip{bottom:49px;font-size:9px}.art-star{bottom:13px}.marquee>div{height:53px;gap:19px}.marquee span{font-size:9px}.marquee span:nth-last-child(2),.marquee b:last-child{display:none}.marquee b{font-size:16px}.section{padding-top:48px}.about{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.about-content{padding-top:0}.about-content p{font-size:13px}.section-kicker>span{margin-bottom:14px}h2{font-size:26px}.side-note{display:none}.section-top{margin-bottom:23px}.project-card{grid-template-columns:1fr}.project-copy{padding:29px}.project-copy h3{font-size:41px}.project-copy p{font-size:12px}.project-visual{padding:35px 40px 42px}.console{max-width:340px}.site-grid{grid-template-columns:1fr;gap:13px}.site-card{position:relative;padding:23px 23px 22px 91px;min-height:162px}.card-top{margin:0}.site-icon{position:absolute;left:23px;top:26px;width:45px;height:45px}.site-arrow{position:absolute;top:22px;right:22px}.site-category{font-size:7px}.site-card h3{font-size:19px;margin:10px 0}.site-card p{font-size:11px;margin:0 0 16px}.domain{font-size:10px;padding-top:12px}.directory-note{font-size:9px;line-height:1.8}.closing{padding-top:43px;padding-bottom:37px;gap:15px}.closing>span{font-size:40px}.closing p{font-size:20px}.closing div>span{font-size:6px}.closing>a{width:34px;height:34px}.footer{padding-top:24px;padding-bottom:25px;align-items:flex-start;flex-direction:column;gap:17px}.footer>div{gap:19px}.footer-logo{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}