@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500&display=swap";:root{--bg:#10120f;--panel:#171a15;--line:#30352b;--text:#efeee5;--muted:#93988b;--green:#c1f27a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Noto Sans SC,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:6px}header{height:100px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:600;letter-spacing:2px}.brand-mark{font-size:34px;color:var(--green)}.brand-en{font:10px monospace;letter-spacing:2px;margin-left:12px;color:var(--muted)}nav{display:flex;gap:36px;align-items:center;color:#b8bdaf}.nav-message{border:1px solid #454d3e;padding:10px 17px;border-radius:30px;color:var(--text)}.nav-message span{margin-left:15px}main{max-width:1440px;margin:auto}.hero{padding:65px 6% 60px;display:grid;grid-template-columns:1.1fr 1fr;min-height:620px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.eyebrow i{height:6px;width:6px;background:var(--green);border-radius:100%;box-shadow:0 0 10px #c1f27a50}.hero h1{font-size:clamp(40px,4.5vw,68px);line-height:1.32;font-weight:500;letter-spacing:-3px;margin:28px 0 24px}.serif{font-family:"Noto Serif SC",serif;color:var(--green);font-weight:400}.hero p{color:var(--muted);line-height:2;font-size:15px;margin-bottom:32px}.button{background:var(--green);color:#17200d;border:0;border-radius:2px;display:inline-flex;gap:44px;align-items:center;padding:15px 23px;font-weight:500}.button:hover{background:#d0ff8f}.button:disabled{opacity:.6;cursor:wait}.hero-note{display:flex;align-items:center;gap:18px;margin-top:50px;font-size:10px;color:var(--muted);letter-spacing:1px}.hero-note span{font:12px monospace;color:#c9cebf}.hero-art{position:relative;height:460px;border:1px solid #2e3626;background:radial-gradient(ellipse at center,#29351c77,transparent 65%);overflow:hidden}.hero-art:before,.project-image:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8b9d7110 1px,transparent 1px),linear-gradient(90deg,#8b9d7110 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.hero-art canvas{width:100%;height:100%;display:block}.art-top,.art-bottom{position:absolute;left:20px;right:20px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:var(--muted);pointer-events:none}.art-top{top:20px}.art-top span:last-child{color:var(--green)}.art-bottom{bottom:20px;align-items:end;line-height:1.8}.art-bottom b{font-weight:400;color:#606b58;font-size:9px}.cross{font-size:28px;color:var(--green)}.ticker{border-block:1px solid var(--line);padding:20px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;white-space:nowrap;font:10px monospace;letter-spacing:2px;color:#959b8c}.ticker b{color:var(--green);font-size:19px;font-weight:400}.section{padding:82px 6%;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.muted{color:var(--muted)}h2{font-size:34px;letter-spacing:-1px;line-height:1.5;font-weight:500;margin:15px 0 0}h2>span:not(.serif){color:var(--green)}.section-head>p{color:var(--muted);font-size:12px;line-height:2;margin:0}.section-head small{font-size:10px;color:#7c8473}.filters{display:flex;gap:10px;margin-bottom:28px}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:24px;padding:9px 17px;font-size:11px}.filters button.selected{background:var(--green);color:#1d2613;border-color:var(--green)}sup{font-size:8px;margin-left:8px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{display:block;padding:0;background:none;color:inherit;border:0;text-align:left;min-width:0}.project-image{position:relative;height:280px;background:#1c2418;border:1px solid #34412a;overflow:hidden}.p1 .project-image{background:#181c27;border-color:#2b344d}.p2 .project-image{background:#25251f;border-color:#3d3d31}.project-image canvas{width:100%;height:100%;transition:transform .5s}.project:hover canvas{transform:scale(1.06)}.project-num{position:absolute;left:16px;top:16px;color:#8a967b;font:9px monospace;letter-spacing:1px}.project-open{position:absolute;bottom:15px;right:15px;width:30px;height:30px;border:1px solid #ffffff35;display:grid;place-items:center;border-radius:50%;font-size:17px}.project-meta{display:flex;justify-content:space-between;margin-top:19px;font-size:10px;color:var(--muted)}.project h3{font-size:20px;font-weight:500;margin:10px 0 7px}.project>p{font:9px monospace;color:#717b65;letter-spacing:1.5px;margin:0}.about{border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#151812}.about h2{font-size:40px}.about-copy>p{font-size:20px;line-height:1.9;margin:0 0 20px}.about-copy .secondary{font-size:13px;line-height:2.2;color:var(--muted)}.tags{display:flex;gap:25px;font:9px monospace;color:var(--green);padding-top:15px}.guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.guestbook form{background:var(--panel);border:1px solid var(--line);padding:28px}.guestbook form h3{font-size:17px;font-weight:500;margin:0 0 24px;display:flex;justify-content:space-between}.guestbook form h3 span{color:var(--green)}label{display:block;color:#b9c0ae;font-size:11px;margin-bottom:10px}input,textarea{width:100%;display:block;border:1px solid #38402f;background:#10130e;border-radius:2px;padding:12px;color:var(--text);margin-bottom:20px;outline:none}input:focus,textarea:focus{border-color:var(--green)}textarea{resize:vertical;min-height:120px}::placeholder{color:#69705f;font-size:12px}.form-bottom{display:flex;align-items:center;justify-content:space-between}.form-bottom small{color:#717b65;font:10px monospace}.form-bottom .button{padding:12px 20px;font-size:12px}.privacy{color:#777f6d;font-size:10px;line-height:1.8;margin:18px 0 0}.status{font-size:12px;color:var(--green);margin-bottom:0;line-height:1.8}.status:empty{display:none}.message-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:12px}.message-heading b{font:10px monospace;color:var(--green);margin-left:10px}.message-heading button{background:none;border:0;color:var(--muted);font-size:11px}.messages{max-height:455px;overflow:auto}.empty{text-align:center;padding:60px 10px;color:var(--muted)}.empty>span{font-size:45px;color:#64724f}.empty h3{font-weight:400;font-size:16px;color:#c5ccba}.empty p{font-size:12px;line-height:2}.message{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:23px 0}.avatar{height:34px;width:34px;flex:none;background:#28321d;color:var(--green);display:grid;place-items:center;border-radius:50%;font-size:12px}.message>div:last-child{flex:1;min-width:0}.message-by{display:flex;justify-content:space-between;gap:15px;align-items:center}.message-by strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.message-by time{font:10px monospace;color:#77816d;white-space:nowrap}.message p{font-size:13px;color:#b3bbaa;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin-bottom:0}footer{max-width:1440px;margin:auto;border-top:1px solid var(--line);padding:30px 6%;display:flex;justify-content:space-between;align-items:center;color:#7f8874;font-size:11px}footer .brand{font-size:15px;color:#d1d8c7}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:10;display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}.modal{position:relative;width:min(650px,100%);max-height:90dvh;overflow:auto;padding:35px;background:#171c13;border:1px solid #4d5e3b}.close{position:absolute;right:20px;top:15px;z-index:1;background:#232b1b;border:1px solid #566445;color:var(--green);padding:8px 15px}.modal-art{height:310px}.modal-art canvas{width:100%;height:100%}.modal p{color:#a5b197;line-height:2}.modal small{color:#79876a;font-size:11px}@media(min-width:1600px){header,main,footer{border-inline:1px solid #22271d}}@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:20px}.hero-art{height:370px}.hero h1{font-size:42px}.brand-en{display:none}.section-head{align-items:start;flex-direction:column;gap:15px}.project-image{height:220px}.about{gap:35px}.about h2{font-size:32px}.about-copy>p{font-size:17px}.guest-grid{gap:25px}}@media(max-width:640px){header{height:76px;padding-inline:6%}.brand{font-size:17px;gap:7px}.brand-mark{font-size:27px}nav{gap:18px;font-size:12px}.nav-message{padding:8px 11px}.nav-message span{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:38px;gap:30px}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:13px}.hero-note{margin-top:28px}.hero-art{height:340px}.ticker{padding-block:14px;justify-content:start;gap:25px}.ticker span{font-size:9px}.section{padding-block:55px}h2{font-size:27px}.projects{grid-template-columns:1fr;gap:32px}.project-image{height:310px}.filters{gap:7px;flex-wrap:wrap}.filters button{padding:8px 13px}.about{grid-template-columns:1fr;gap:26px}.about h2{font-size:33px}.about-copy>p{font-size:18px}.guest-grid{grid-template-columns:1fr}.guestbook form{padding:22px}.messages{max-height:500px}footer{gap:20px;flex-wrap:wrap}footer>span{display:none}.modal{padding:25px}.modal-art{height:260px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}