*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#101010;color:#e8e8e3;font:14px Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ed754e;outline-offset:6px}::selection{background:#e7734d;color:#111}header,main,footer{max-width:1600px;margin:auto}header{height:104px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303030}.logo{font-size:29px;font-weight:800;letter-spacing:-1.6px}.logo sup{font-size:12px;vertical-align:top;margin-left:3px}nav{display:flex;gap:35px;font-size:12px}.edition{color:#888;font-size:11px}.hero{padding:30px 5% 40px}.hero-top{display:flex;justify-content:space-between;color:#888;font-size:11px}.hero-top i{display:inline-block;width:6px;height:6px;background:#e7734d;border-radius:50%;margin-right:9px}.hero-stage{height:520px;position:relative;isolation:isolate}.hero-title{position:absolute;top:85px;left:0;z-index:2;pointer-events:none}h1{font-size:clamp(70px,7.8vw,124px);letter-spacing:-.075em;line-height:.94;margin:0;font-weight:500}.hero-title p{margin-top:30px;font-size:18px;letter-spacing:4px;color:#bdbdb6}canvas{position:absolute;right:-2%;top:0;width:62%;height:100%}.object-caption{position:absolute;right:0;bottom:24px;color:#777;font:10px/1.8 monospace}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #303030;padding-top:25px}.hero-bottom p{font-size:12px;line-height:1.9;color:#9a9a94;margin:0}.discover{display:flex;gap:60px;align-items:center;font-size:12px}.discover span{border:1px solid #6a6a62;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;transition:.25s}.discover:hover span{background:#e7734d;border-color:#e7734d;color:#101010;transform:translateY(3px)}.coordinates{font-size:10px;line-height:1.8;color:#777}.projects{padding:70px 5% 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2{font-size:35px;font-weight:400;letter-spacing:-1px;margin:0}.section-heading h2 span{font-size:11px;margin-left:20px;letter-spacing:1px;color:#888}.section-note{font-size:11px;color:#888}.featured{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.feature{height:420px;border:0;padding:27px;text-align:left;position:relative;overflow:hidden;border-radius:0;display:flex;flex-direction:column;justify-content:space-between}.sound-panel{background:#d7d8cf;color:#242820}.code-panel{background:#d77652;color:#271b16}.panel-top,.panel-bottom{display:flex;justify-content:space-between;align-items:center;z-index:2;position:relative}.panel-top{font-size:10px}.panel-bottom span{font-size:10px;opacity:.7}.panel-bottom h3{font-size:19px;font-weight:500;margin:10px 0 0;letter-spacing:.4px}.panel-bottom b{font-weight:400;font-size:27px}.wave-art{position:absolute;inset:70px 20px 90px;display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(-9deg);transition:transform .7s}.wave-art i{display:block;width:5px;background:linear-gradient(90deg,#25302a,#667467,#b9c0af);border-radius:50%;box-shadow:2px 2px 1px #0002}.sound-panel:hover .wave-art{transform:rotate(0deg) scale(1.04)}.type-art{font-size:clamp(60px,6vw,95px);line-height:.88;letter-spacing:-.07em;font-weight:800;position:absolute;top:100px;left:27px;transform:rotate(-5deg);transition:.5s}.type-art span{color:transparent;-webkit-text-stroke:1px #34251e}.code-panel:hover .type-art{transform:rotate(0deg) translateX(6px)}.index-heading{display:flex;justify-content:space-between;align-items:center;margin-top:70px}.index-heading h2{font-size:21px;font-weight:400}.index-heading label{display:flex;align-items:center;gap:12px;border-bottom:1px solid #444;padding:9px 0}.index-heading input{border:0;background:none;width:175px;font-size:12px;outline-offset:8px}.filter-bar{display:flex;gap:25px;flex-wrap:wrap;padding:21px 0 25px;border-bottom:1px solid #444}.filter-bar button{background:none;border:0;padding:0 0 8px;color:#888;font-size:11px;border-bottom:1px solid transparent}.filter-bar button.active{color:#eb825e;border-color:#eb825e}.row{width:100%;background:transparent;border:0;border-bottom:1px solid #2c2c2c;padding:25px 12px 25px 0;display:grid;grid-template-columns:58px 1fr 120px 90px 25px;align-items:center;text-align:left;gap:20px;transition:background .25s,padding .25s}.row:hover{background:#1a1a18;padding-left:12px}.row-thumb{width:52px;height:52px;display:grid;place-items:center;background:#262b27;color:#b7c0b4;font:24px Georgia,serif}.row:nth-child(3n+2) .row-thumb{background:#362a25;color:#d8a18a}.row:nth-child(3n) .row-thumb{background:#2c2c2a;color:#d4d4c8}.row-title{font-size:16px;font-weight:400}.row-title small{display:block;font-size:11px;color:#777;margin-top:9px}.row-type,.row-date{font-size:10px;color:#888}.row-arrow{font-size:23px;color:#aaa}.index-end{display:flex;justify-content:space-between;padding:24px 0;color:#666;font-size:10px}#empty{padding:40px;text-align:center;color:#999}#clear{display:block;margin:20px auto;background:none;border:1px solid #666;padding:10px 20px}.statement{margin:70px 5% 0;padding:65px 0 85px;border-top:1px solid #41413b;display:grid;grid-template-columns:1fr 2fr .8fr;gap:30px}.statement-label{font-size:11px;color:#888;padding-top:8px}.statement h2{font-size:42px;line-height:1.4;font-weight:400;letter-spacing:1px;margin:0}.statement p{color:#888;font-size:12px;line-height:2;margin:25px 0}.statement button{border:0;border-bottom:1px solid #666;background:none;padding:10px 0;font-size:12px}.statement button span{margin-left:65px}.statement-star{font-size:130px;line-height:1;color:#d77652;justify-self:end}footer{border-top:1px solid #303030;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#777}.footer-logo{font-weight:700;font-size:24px;color:#bbb;letter-spacing:-1px}dialog{width:min(600px,90vw);padding:45px;background:#191919;border:1px solid #555;color:#e7e7de}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog h2{font-size:28px;font-weight:400;line-height:1.6}dialog p{color:#aaa;line-height:2}dialog small{display:block;color:#777;font-size:11px;border-top:1px solid #444;padding-top:20px;margin-top:25px}#detail-type{font-size:11px;color:#d98769}#close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:26px}.prologue{position:fixed;inset:0;background:#101010;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:exit-intro .8s 2.7s forwards;pointer-events:none}.boot-cross{color:#deded4;font-size:160px;line-height:1;animation:form-intro 2.6s cubic-bezier(.2,.6,.2,1) both}.boot-title{font-size:40px;letter-spacing:-2px;margin-top:25px;animation:text-intro 1s .6s both}.boot-caption{font-size:11px;color:#777;margin-top:14px;animation:text-intro 1s 1s both}#skip{position:absolute;bottom:35px;right:5%;pointer-events:auto;background:none;border:0;font-size:11px;color:#888}@keyframes form-intro{from{transform:scale(.02) rotate(-180deg);filter:blur(15px);opacity:0}50%{opacity:1;filter:blur(0)}to{transform:scale(1) rotate(90deg)}}@keyframes text-intro{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes exit-intro{to{opacity:0;visibility:hidden}}@media(min-width:1700px){.hero-stage{height:620px}.hero-title{top:120px}}@media(max-width:850px){header{height:85px}.edition{display:none}.hero-stage{height:650px}.hero-title{top:45px}h1{font-size:80px}canvas{width:100%;height:420px;top:230px;right:0;opacity:.85}.object-caption{bottom:15px}.hero-title p{font-size:15px}.featured{grid-template-columns:1fr 1fr}.feature{height:340px;padding:20px}.type-art{font-size:60px;left:20px}.panel-bottom h3{font-size:15px}.wave-art{gap:3px}.row{grid-template-columns:48px 1fr 75px 20px;gap:15px}.row-date{display:none}.statement{grid-template-columns:1fr 3fr}.statement-star{display:none}.statement h2{font-size:35px}}@media(max-width:540px){header{padding:0 6%}.logo{font-size:25px}nav{gap:22px;font-size:11px}.hero{padding:23px 6% 25px}.hero-top{font-size:9px}.hero-top>span:last-child{font-size:8px}.hero-stage{height:540px}h1{font-size:64px}.hero-title p{font-size:12px;letter-spacing:2px}.hero-title{top:40px}canvas{top:205px;height:325px}.hero-bottom p{font-size:10px}.coordinates{display:none}.discover{gap:15px;font-size:10px}.discover span{width:33px;height:33px}.projects{padding:45px 6% 0}.section-heading h2{font-size:27px}.section-heading h2 span{display:block;margin:10px 0 0;font-size:10px}.section-note{font-size:9px}.featured{grid-template-columns:1fr;gap:15px}.feature{height:340px}.type-art{font-size:80px}.index-heading{margin-top:40px}.index-heading h2{font-size:18px}.index-heading input{width:120px}.filter-bar{gap:17px}.row{grid-template-columns:40px 1fr 20px;gap:13px;padding:22px 0}.row-thumb{width:40px;height:44px;font-size:22px}.row-title{font-size:13px;line-height:1.5}.row-title small{font-size:10px}.row-type{display:none}.statement{margin:45px 6% 0;padding:35px 0 50px;grid-template-columns:1fr;gap:25px}.statement h2{font-size:32px}.statement p{font-size:11px}footer{padding:25px 6%;flex-wrap:wrap;gap:24px;font-size:9px}.footer-logo{font-size:22px}dialog{padding:35px 25px}dialog h2{font-size:23px}.index-end{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.prologue{display:none}}