*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:#8bb8e8;overflow-x:hidden;font-family:system-ui,-apple-system,sans-serif}.scroll-container{height:500vh;position:relative}.landmark-panel{background:#081226e0;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:20px 24px;min-width:260px;max-width:360px;color:#e8eef8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;-webkit-user-select:none;user-select:none}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-header h2{font-size:1.1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#a8d4ff}.panel-close{background:none;border:none;color:#ffffff80;font-size:1.1rem;cursor:pointer;line-height:1;padding:2px 4px;border-radius:4px;transition:color .15s}.panel-close:hover{color:#fff}.panel-body{font-size:.875rem;line-height:1.6;color:#c8d8f0}.project-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 16px;margin-bottom:10px}.project-card:last-child{margin-bottom:0}.project-card h3{font-size:.9rem;font-weight:700;color:#d4eaff;margin-bottom:6px}.project-card p{font-size:.8rem;color:#9bb8d8;margin-bottom:10px;line-height:1.5}.project-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.project-tag{background:#64a0ff26;border:1px solid rgba(100,160,255,.3);border-radius:4px;padding:2px 8px;font-size:.7rem;color:#88c0ff}.project-links{display:flex;gap:10px}.project-link{color:#60b0ff;text-decoration:none;font-size:.78rem;font-weight:600;letter-spacing:.02em;transition:color .15s}.project-link:hover{color:#a0d0ff}.mobile-fallback{min-height:100vh;background:linear-gradient(180deg,#8bb8e8,#5a8fc0 40%,#2a5f90);color:#fff;padding:40px 24px 60px}.mobile-hero{text-align:center;padding:60px 0 48px}.mobile-hero h1{font-size:2rem;font-weight:800;margin-bottom:8px}.mobile-hero p{font-size:.95rem;opacity:.8}.mobile-section{max-width:480px;margin:0 auto 40px}.mobile-section h2{font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.2)}.mobile-about-text{font-size:.9rem;line-height:1.7;opacity:.85}.mobile-contact-links{display:flex;flex-direction:column;gap:12px}.mobile-contact-link{color:#fff;text-decoration:none;font-size:.9rem;opacity:.85;transition:opacity .15s}.mobile-contact-link:hover{opacity:1}