:root{color-scheme:dark;--bg:#101113;--ink:#f0f1ec;--muted:#999c98;--lime:#c3f56b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Malgun Gothic',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.wrap{max-width:1440px;margin:auto;padding:0 6%}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30322f}.logo{font-size:24px;font-weight:900;letter-spacing:-1.5px}.logo i{color:var(--lime);font-style:normal}nav{display:flex;gap:30px;font-size:14px}.hero{position:relative;min-height:690px;display:grid;grid-template-columns:1fr 1fr;align-items:center;isolation:isolate}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--lime);display:flex;gap:10px;align-items:center}.dot{width:6px;height:6px;background:var(--lime);border-radius:50%}h1{font-size:clamp(54px,6.5vw,94px);line-height:1.06;letter-spacing:-5px;font-weight:500;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.intro{font-size:16px;line-height:1.9;color:#aeb1ab;max-width:390px;word-break:keep-all}.jump{display:inline-flex;gap:55px;margin-top:30px;padding:15px 0;border-bottom:1px solid #767c70;font-size:14px}.visual{height:560px;position:relative}canvas{width:100%;height:100%;display:block}.visual-note{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:1px}.projects{padding:65px 0 95px;border-top:1px solid #30322f}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2{font-size:32px;font-weight:400;letter-spacing:-1px;margin:0}.section-head p{color:var(--muted);font-size:13px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{min-width:0}.thumb{height:250px;border:1px solid #343733;overflow:hidden;position:relative;background:#191c19}.calendar-art{background:#bdf16c;color:#182211;padding:30px;transition:background .25s}.card a:hover .calendar-art{background:#d2ff8e}.mini-heading{display:flex;justify-content:space-between;font-size:12px}.mini-heading strong{font-size:36px;letter-spacing:-2px}.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:20px}.mini-grid span{height:24px;border-top:1px solid #759648;font-size:9px;padding-top:3px}.mini-grid .mark{background:#253b20;color:#d2ff8e;padding-left:5px}.thumb-number{position:absolute;font-size:140px;font-family:Georgia,serif;font-style:italic;color:#343d30;left:30px;top:30px}.soon{position:absolute;bottom:25px;left:25px;font-size:11px;letter-spacing:2px;color:#878f80}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.meta h3{font-size:20px;font-weight:500;margin:0}.meta span{font-size:12px;color:var(--muted)}.card p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:10px}.about{padding:65px 0;border-top:1px solid #30322f;display:grid;grid-template-columns:1fr 2fr;gap:30px}.about h2{font-size:13px;font-weight:400;letter-spacing:2px;color:var(--lime)}.about p{font-size:clamp(20px,2.5vw,30px);line-height:1.7;word-break:keep-all;margin:0}.about small{display:block;margin-top:20px;color:var(--muted);font-size:14px}footer{padding:30px 0;border-top:1px solid #30322f;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}@media(max-width:760px){header{height:80px}nav{gap:18px}.hero{grid-template-columns:1fr;padding-top:60px;min-height:0}h1{letter-spacing:-3px}.visual{height:380px;margin-top:10px}.projects{margin-top:45px;padding-top:35px}.cards{grid-template-columns:1fr;gap:35px}.thumb{height:260px}.section-head p{display:none}.about{grid-template-columns:1fr}.visual-note{font-size:9px}footer{gap:20px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}