:root{--bg:#17151b;--ink:#f2eaf1;--muted:#aa9eab;--line:#4c3e4e;--accent:#d6a8d1}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ddb56e;outline-offset:4px}.wrap{width:min(1250px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-80px;background:white;color:#222;padding:12px;z-index:30}.skip:focus{top:5px}header{padding:25px 0;border-bottom:1px solid var(--line)}.head{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-size:21px;letter-spacing:2px;font-weight:600}.brand small{font-size:10px;color:var(--muted);letter-spacing:1px;margin-left:17px}nav{display:flex;gap:27px;font-size:12px}.hero{padding:50px 0 65px;display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.hero h1{font-family:Georgia,Batang,serif;font-size:clamp(42px,5vw,69px);font-weight:400;line-height:1.22;letter-spacing:-2px;margin:0 0 35px}.hero p{font-size:14px;color:var(--muted);max-width:380px}.eyebrow{font:10px/1.5 monospace;letter-spacing:2px;color:var(--accent);margin:0 0 26px}.hero figure{margin:0}.hero img{display:block;width:100%;height:560px;object-fit:cover}.hero figcaption{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:20px;padding:13px 0}.hero-link{display:inline-block;border-bottom:1px solid var(--accent);font-size:12px;padding:8px 0;margin-top:20px}.section{padding:60px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:35px}.section-head h2{font-family:Georgia,Batang,serif;font-size:32px;font-weight:400;margin:0;letter-spacing:-1px}.section-head p{font-size:13px;line-height:1.9;color:var(--muted);margin:0;max-width:540px}.works{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:start}.work img{width:100%;height:360px;object-fit:contain;display:block;background:#0b0a0e}.work:nth-child(2){padding-top:85px}.work:nth-child(2) img{height:280px;object-fit:cover}.work-info{border-top:1px solid var(--line);margin-top:20px;padding-top:17px;display:grid;grid-template-columns:35px 1fr;gap:20px}.work-info .number{font:10px monospace;color:var(--accent);padding-top:5px}.work h3{font-size:22px;font-weight:400;margin:0 0 10px}.work p{font-size:13px;color:var(--muted);margin:0 0 15px}.work a{font-size:10px;color:var(--accent);text-decoration:underline}.screen-layout{display:grid;grid-template-columns:1fr 250px;gap:30px}.canvas-frame{background:#090a12;border:1px solid var(--line)}canvas{display:block;width:100%;aspect-ratio:12/7;touch-action:none;cursor:crosshair}.canvas-caption{padding:12px 16px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.controls{background:#27212b;padding:22px}.controls label{display:block;font-size:12px;margin:0 0 10px}.controls .field{margin-bottom:25px}.controls input[type=range]{width:100%;accent-color:#d5b0d6}.controls output{color:var(--accent);font-size:12px}.button{background:var(--ink);color:#332939;border:1px solid var(--ink);padding:11px 20px;min-height:44px;font-size:12px}.button.secondary{background:none;color:var(--ink);border-color:#76617b}.controls .button{width:100%;margin-bottom:9px}.tiny{font-size:11px;color:var(--muted);line-height:1.8}.note-section{background:#d8ccd6;color:#332b38;padding:60px 0}.note-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.note-layout h2{font-family:Georgia,Batang,serif;font-size:32px;font-weight:400;margin:0 0 20px}.note-layout p{font-size:14px;color:#706173;max-width:470px}.view-choices{border-top:1px solid #8f7e91}.view-choices label{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #aa99aa;font-size:14px}.view-choices input{width:17px;height:17px;accent-color:#56415b}.time-control{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0;font-size:12px}.time-control select{background:#e8dfe6;border:1px solid #aa99aa;padding:10px;color:#332b38}.note-section .button{background:#3a2c41;color:white;border-color:#3a2c41}.note-section .button:disabled{opacity:.4;cursor:not-allowed}.total{font-size:20px!important;color:#49344f!important;margin:20px 0}.status{font-size:12px!important}.foot{display:flex;justify-content:space-between;gap:40px;padding:30px 0;font-size:11px;color:var(--muted)}.foot p{max-width:780px;margin:0}.foot a{white-space:nowrap}@media(max-width:750px){.wrap{width:calc(100% - 36px)}.brand small{display:none}.brand{font-size:18px}nav{gap:15px;font-size:11px}.hero{grid-template-columns:1fr;gap:28px;padding:38px 0 44px}.hero h1{font-size:47px;margin-bottom:22px}.hero p{max-width:100%;font-size:13px}.hero img{height:370px}.hero figcaption{font-size:9px}.section{padding:40px 0}.section-head,.works,.note-layout{grid-template-columns:1fr;gap:24px}.section-head h2,.note-layout h2{font-size:29px}.work:nth-child(2){padding-top:0}.work img{height:310px}.work:nth-child(2) img{height:295px}.works{gap:40px}.screen-layout{grid-template-columns:1fr;gap:15px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px}.controls .field{margin-bottom:0}.controls .tiny{grid-column:1/-1;margin:0}.controls .button{margin:0}.note-section{padding:44px 0}.foot{display:block}.foot a{display:block;margin-top:20px}.canvas-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}