*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#031021;color:#f5f5f6;font-family:Arial,Helvetica,sans-serif}a{color:inherit}header{max-width:1100px;margin:auto}.art-wrap{position:relative;max-width:1024px;margin:auto}.poster{width:100%;height:auto;display:block}.hotspot{position:absolute;display:block;border-radius:10px;outline-offset:3px}.hotspot:focus-visible{outline:3px solid #fff}.qrhot{left:2.8%;top:51.0%;width:23%;height:16.5%}.callhot{left:27.1%;top:52.5%;width:22.3%;height:13.4%}.texthot{left:50.5%;top:52.5%;width:22.6%;height:13.4%}.emailhot{left:74%;top:52.5%;width:23.3%;height:13.4%}.projecthot{left:1%;top:69%;width:98%;height:19%}.liveqr{position:absolute;left:4%;top:52%;width:20.5%;height:11.1%;object-fit:contain;background:white;padding:3px;border-radius:5px}.nav{display:flex;justify-content:center;gap:12px;padding:16px;flex-wrap:wrap}.nav a,.action{display:inline-block;padding:12px 22px;border:1px solid #e4ba6d;border-radius:30px;text-decoration:none;color:#f4d394;background:#071c33}.nav a:hover,.action:hover{background:#16385b}.note{text-align:center;color:#b8cfe0;font-size:14px;max-width:740px;margin:10px auto 24px;padding:0 14px}.page{max-width:1140px;margin:auto;padding:18px 18px 50px}.page h1{text-align:center;color:#f4d394;font-size:clamp(28px,4vw,48px);margin:14px 0 8px}.intro{text-align:center;color:#bdd8e8;margin:0 0 26px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project{border:1px solid #29aaf1;background:linear-gradient(155deg,#112d4b,#031021);border-radius:16px;padding:10px 10px 18px;text-align:center}.project img{display:block;width:100%;max-height:460px;object-fit:contain;border-radius:9px}.project p{color:#bcd4e6;margin:12px 0 4px;font-size:14px}.signature{max-width:900px;width:100%;display:block;margin:25px auto 0}footer{text-align:center;color:#7b9cb7;font-size:12px;padding:24px}.contact-fallback{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:10px 0}.contact-fallback a{color:#c5e9ff}@media(max-width:680px){.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project{padding:6px 6px 12px}.page{padding:10px}.nav{padding:10px}.nav a{padding:10px 14px}.note{font-size:12px}}@media(max-width:390px){.projects{grid-template-columns:1fr 1fr}}