.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.work-photo{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.work-photo img{display:block;width:100%;height:270px;object-fit:contain;background:var(--night)}.work-photo video{display:block;width:100%;max-height:430px;background:#071e1b}.work-photo figcaption{padding:1rem;font-size:.9rem}.demo-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;margin-top:2rem}.atm{background:#20453f;border:8px solid #396359;border-radius:24px;padding:1.4rem;box-shadow:0 20px 50px #001b1840;color:#f5fff9}.atm-brand{font-weight:800;letter-spacing:.12em;margin-bottom:1.4rem}.atm-brand span{display:block;font-size:.65rem;color:#a8dfd0}.oled{background:#051713;color:#f1fff8;min-height:310px;padding:1.5rem;border:2px solid #72c9b5;border-radius:12px}.oled label{display:block;margin:.8rem 0}.oled input,.oled select{display:block;width:100%;font:inherit;padding:.65rem;margin:.5rem 0 1rem;border-radius:6px;border:1px solid #80c9b7;background:#edf7ef;color:#123b30}.oled button{background:#d5b569;color:#14382e}.deposit-slot{border:8px solid #112e28;border-radius:10px;text-align:center;margin:1.5rem 0 .5rem;padding:1rem;color:#b9dccf}.process li{padding:.7rem;border-bottom:1px solid var(--line)}.demo-token{font:700 1.7rem monospace;letter-spacing:.2em;color:#f2cf7d}.language-toggle{margin-left:.5rem;padding:.5rem;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);font:inherit;font-size:.8rem}.lang-note{padding:1rem;background:var(--surface);border-bottom:1px solid var(--line)}@media(max-width:800px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-layout{grid-template-columns:1fr}}@media(max-width:480px){.photo-grid{grid-template-columns:1fr}.atm{padding:.7rem}.oled{padding:1rem}.language-toggle{font-size:.7rem}}
