@charset "UTF-8";
:root{--bg:#f5f3ee;--ink:#18222d;--muted:#6c7175;--blue:#2555ed;--line:#d8d8d1;--serif:Georgia,"Songti SC","SimSun",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--bg);font-family:"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #2555ed;outline-offset:5px}[hidden]{display:none!important}.header{max-width:1400px;margin:auto;padding:26px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.logo{display:flex;gap:11px;align-items:center;font-size:18px;font-weight:800;letter-spacing:.1em}.logo-mark{display:grid;place-items:center;position:relative;width:42px;height:42px;background:var(--ink);color:white;font-size:32px;line-height:1;letter-spacing:-.12em}.logo-mark span{position:absolute;right:3px;top:1px;font-size:19px;color:#bde1ff}.logo-sub{display:block;font-size:8px;font-weight:500;letter-spacing:.22em;margin-top:4px;color:var(--muted)}nav{display:flex;gap:30px;align-items:center;font-size:13px}nav a:hover{color:var(--blue)}.nav-tool{padding:10px 16px;border:1px solid var(--line);border-radius:24px}.nav-tool span{margin-left:10px}.hero{max-width:1400px;margin:auto;padding:76px 6% 74px;display:grid;grid-template-columns:1.14fr 1fr;align-items:center;gap:50px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;margin:0 0 24px;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:8px;box-shadow:0 0 0 4px #2555ed12}h1{font-size:clamp(35px,4.2vw,62px);line-height:1.4;letter-spacing:-.055em;font-weight:650;margin:0 0 23px}.underline{position:relative;white-space:nowrap}.underline:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:5px;background:#ffd14b;transform:rotate(-1.5deg)}.hero-desc{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:29px}.primary{display:inline-flex;align-items:center;gap:34px;padding:16px 22px;background:var(--ink);color:white;font-size:13px;transition:background .2s}.primary:hover{background:var(--blue)}.primary span{font-size:20px}.hero-foot{margin-top:38px;font-size:10px;color:var(--muted)}.hero-foot span{padding:0 12px;color:#a4a4a0}.hero-art{position:relative;overflow:hidden;background:#c7d7ef;aspect-ratio:1.04;box-shadow:10px 12px 0 #e8e6df}.art-grain{position:absolute;inset:0;background:linear-gradient(135deg,#d3e2f5,#9abce5);opacity:.9}.art-index{position:absolute;left:22px;top:22px;font-size:9px;letter-spacing:.12em}.art-orbit{position:absolute;border:1px solid #5173a75c;border-radius:50%;width:120%;height:80%;transform:rotate(-34deg)}.orbit-a{top:10%;left:-12%}.orbit-b{top:18%;left:-12%}.art-cylinder{position:absolute;width:72%;height:28%;background:linear-gradient(#f18a38,#f6a348 25%,#d86c22);transform:rotate(-28deg);left:35%;top:25%;border-radius:50%;box-shadow:0 35px 0 #db7427}.art-card{position:absolute;background:#f7f3e7;width:59%;height:69%;left:14%;top:17%;transform:rotate(-9deg);box-shadow:12px 16px 20px #1d346635;padding:8% 7%}.art-card>span{font-family:Arial,sans-serif;font-size:clamp(28px,4.4vw,60px);line-height:.94;font-weight:900;letter-spacing:-.06em}.art-card em{font-style:normal;color:var(--blue)}.art-card small{position:absolute;bottom:10%;left:12%;font-size:7px;letter-spacing:.16em}.art-stamp{position:absolute;right:7%;bottom:13%;font-size:10px;font-weight:700;line-height:1.2;transform:rotate(7deg);letter-spacing:-.03em}.art-stamp b{position:absolute;right:35px;top:10px;color:var(--blue);font-size:51px}.art-bottom{position:absolute;bottom:18px;left:22px;right:22px;font-size:7px;letter-spacing:.13em;display:flex;justify-content:space-between}.ticker{overflow:hidden;display:flex;justify-content:space-evenly;align-items:center;gap:34px;background:var(--ink);color:#faf9f4;padding:23px 20px;font-size:15px;font-weight:600;letter-spacing:.06em;white-space:nowrap}.ticker b{font-size:23px;color:#b6cdfb}.work-section{max-width:1400px;margin:auto;padding:82px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2{font-size:30px;letter-spacing:-.045em;margin:0}.section-heading .eyebrow{margin-bottom:12px}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.filters{display:flex;gap:9px;margin-bottom:27px;flex-wrap:wrap}.filter{border:1px solid var(--line);border-radius:30px;background:transparent;padding:10px 17px;font-size:11px}.filter.active{background:var(--ink);color:white;border-color:var(--ink)}.filter span{margin-left:7px;opacity:.65}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{text-align:left;border:0;padding:0;background:none;min-width:0}.project-art{aspect-ratio:1.03;overflow:hidden;position:relative;transition:transform .25s}.project:hover .project-art{transform:translateY(-5px)}.project-number{position:absolute;left:19px;top:18px;font-size:8px;letter-spacing:.08em;z-index:2}.project-arrow{position:absolute;bottom:17px;right:17px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;font-size:18px}.project-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:18px}.project-meta h3{font-size:12px;margin:0;font-weight:600}.project-meta>span{font-size:9px;color:var(--muted);white-space:nowrap}.mountain-art{background:#314e41;color:#e4e7da}.mountain-grid{position:absolute;inset:0;background:linear-gradient(0deg,transparent 49.6%,#ffffff08 50%,transparent 50.4%),linear-gradient(90deg,transparent 49.6%,#ffffff08 50%,transparent 50.4%);background-size:40px 40px}.mountain{position:absolute;width:88%;height:65%;clip-path:polygon(50% 0,100% 100%,0 100%);background:#97ad88;bottom:-5%;left:-16%;transform:rotate(10deg)}.mountain-two{width:80%;background:#67836e;left:30%;height:81%;bottom:-13%;transform:rotate(-12deg)}.mountain-title{position:absolute;top:34%;width:100%;text-align:center;font-family:var(--serif);font-size:62px;letter-spacing:.18em;text-shadow:0 3px 12px #20312840}.mountain-title small{display:block;font:7px/1 "Segoe UI",sans-serif;letter-spacing:.22em;margin-top:13px}.pulse-art{background:#dda994;color:#422b28}.pulse-circle{position:absolute;border-radius:50%;border:1px solid #f6d3c4;width:80%;height:80%;left:25%;top:32%}.circle-two{left:-5%;top:-13%}.pulse-device{position:absolute;left:27%;top:19%;width:47%;height:68%;border-radius:17px;background:#fcf7f1;transform:rotate(9deg);padding:15px;box-shadow:14px 18px 17px #88544935;border:4px solid #ffffff70}.device-header{font-size:8px;font-weight:800;display:flex;justify-content:space-between}.device-header span{color:#e29072}.device-small{display:block;font-size:5px;color:#98897d;text-align:center;margin-top:21px}.device-ring{display:grid;place-items:center;border:10px solid #e59d85;border-left-color:#f2dfd3;width:86%;aspect-ratio:1;border-radius:50%;margin:11px auto}.device-ring>span{font-size:25px;font-weight:700;text-align:center;line-height:1}.device-ring small{display:block;font-size:5px;font-weight:400;margin-top:6px}.device-bars{display:flex;align-items:end;justify-content:space-between;height:22px;gap:5px;margin:15px 4px 0}.device-bars i{height:60%;background:#e5a188;flex:1;border-radius:2px}.device-bars i:nth-child(2n){height:100%}.device-bars i:nth-child(3n){height:40%}.index-art{background:#c9d0ef;color:#2e3671}.index-window{position:absolute;background:#f6f3e9;width:86%;height:70%;left:13%;top:22%;transform:rotate(-7deg);box-shadow:10px 14px 22px #7784b04a;border:1px solid #6c77a745}.window-top{border-bottom:1px solid #d4d1c7;height:23px;display:flex;align-items:center;gap:4px;padding:0 8px}.window-top i{width:3px;height:3px;border-radius:50%;background:#8b90a2}.window-top span{font-size:4px;margin-left:8px;letter-spacing:.07em}.index-page{padding:17px}.index-page>small{font-size:6px;letter-spacing:.08em}.index-page strong{display:block;font-family:var(--serif);font-size:32px;font-weight:400;line-height:1.05;margin-top:10px;letter-spacing:-.04em}.index-page strong span{float:right;margin-top:14px}.index-blocks{display:flex;gap:7px;height:38px;margin-top:18px}.index-blocks i{flex:1;background:#a8b2e5}.index-blocks i:nth-child(2){background:#ddba72}.index-blocks i:nth-child(3){background:#789683}.demo-note{font-size:10px;color:var(--muted);margin:28px 0 0}.about-section{max-width:1232px;margin:0 auto;padding:57px 0 68px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;width:88%}.about-section h2{font-size:43px;font-weight:500;line-height:1.5;letter-spacing:-.03em;margin:0}.about-copy{padding-top:30px}.about-copy p{font-size:13px;color:var(--muted);line-height:2.2;max-width:420px;margin:0 0 16px}.text-link{display:inline-flex;font-size:11px;gap:24px;border-bottom:1px solid var(--ink);padding:9px 0}.closing{background:#dce5ef;max-width:1232px;width:88%;margin:0 auto 65px;padding:40px 45px;position:relative}.closing>span{font-size:9px;letter-spacing:.13em}.closing h2{font-size:34px;line-height:1.5;font-weight:500;letter-spacing:-.02em;margin:22px 0 0}.closing>a{position:absolute;right:45px;bottom:45px;background:white;padding:14px 18px;font-size:11px}.closing>a span{margin-left:22px}footer{max-width:1400px;margin:auto;border-top:1px solid var(--line);padding:27px 6%;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}.footer-logo{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:.02em}.footer-logo span{color:var(--blue)}dialog{width:min(540px,90vw);border:0;padding:43px;background:var(--bg);color:var(--ink);box-shadow:0 25px 80px #0004}dialog::backdrop{background:#111a25b3;backdrop-filter:blur(5px)}dialog h2{font-size:28px;line-height:1.4;margin:0 0 20px}dialog>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.dialog-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:27px}.dialog-tags{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.dialog-tags span{padding:6px 10px;font-size:10px;background:#e2e8ed}.dialog-brief{border-top:1px solid var(--line);padding-top:17px}.dialog-brief h3{font-size:13px}.dialog-brief p{font-size:12px;color:var(--muted);line-height:2}.dialog-note{font-size:10px!important;margin-top:24px}@media(min-width:1600px){.hero-art .art-card>span{font-size:60px}}@media(max-width:1000px){.hero{gap:28px;padding-top:60px}.project-meta{display:block}.project-meta>span{display:block;margin-top:7px}.device-ring{border-width:7px}.device-small{margin-top:10px}.index-page strong{font-size:25px}.mountain-title{font-size:47px}.hero-art .art-card>span{font-size:42px}}@media(max-width:700px){.header{padding:20px 6%}.logo{font-size:15px}.logo-mark{width:34px;height:34px;font-size:26px}.logo-sub{font-size:6px}nav{gap:17px;font-size:11px}.nav-tool{display:none}.hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:44px;gap:40px}.hero h1{font-size:40px}.hero-desc{font-size:14px}.hero-foot{margin-top:25px}.hero-art{max-width:440px;width:100%;margin:auto}.hero-art .art-card>span{font-size:60px}.ticker{justify-content:start;font-size:12px;padding:15px 20px}.ticker span:nth-of-type(n+3){display:none}.work-section{padding-top:50px;padding-bottom:45px}.section-heading{display:block}.section-heading h2{font-size:25px}.section-heading>p{margin-top:16px}.projects{grid-template-columns:1fr;gap:31px}.project-art{aspect-ratio:1.3}.project-meta{display:flex}.project-meta>span{margin-top:0}.mountain-title{font-size:75px}.pulse-device{width:39%;height:75%;left:31%;top:13%;padding:17px}.device-ring{border-width:11px;margin-top:16px}.device-small{margin-top:20px}.device-ring>span{font-size:35px}.index-window{height:75%;top:20%}.index-page strong{font-size:50px}.index-blocks{height:50px}.about-section{grid-template-columns:1fr;gap:0;padding:35px 0 45px}.about-section h2{font-size:34px}.about-copy{padding-top:24px}.closing{padding:30px;margin-bottom:40px}.closing h2{font-size:27px}.closing>a{position:static;display:inline-block;margin-top:25px}footer{flex-wrap:wrap;gap:20px}footer>span{order:3;width:100%}dialog{padding:35px 27px}.art-card small{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}