body{text-align:center;color:#0b1c2d;background:#fff;margin:0;font-family:Inter,Arial,sans-serif;line-height:1.6}.hero{color:#fff;background:linear-gradient(#0b1c2d 0%,#0e243d 100%);padding:90px 20px 80px}.hero h1{margin-bottom:12px;font-size:clamp(2rem,6vw,3rem)}.hero p{color:#e6ecf3;max-width:520px;margin:0 auto 30px;font-size:1.05rem}.section{background:#fff;padding:70px 20px}.gray{background:#f5f7fa}.services{max-width:500px;margin:0 auto;padding:0;list-style:none}.services li{margin:14px 0;font-size:1.05rem}.btn,.gallery-button{color:#0b1c2d;background:#c9a24d;border-radius:999px;align-items:center;gap:8px;padding:14px 34px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn:hover,.gallery-button:hover{background:#b8933f;transform:translateY(-2px)}.btn-outline{color:#c9a24d;border:2px solid #c9a24d;border-radius:999px;padding:12px 30px;font-weight:600;text-decoration:none;transition:all .3s}.btn-outline:hover{color:#0b1c2d;background:#c9a24d}.gallery-grid{scroll-snap-type:x mandatory;gap:18px;padding:20px 0;display:flex;overflow-x:auto}.gallery-grid img{object-fit:cover;scroll-snap-align:start;border:3px solid #c9a24d;border-radius:14px;flex:none;width:200px;height:200px;transition:transform .3s}footer{color:#e6ecf3;background:#0b1c2d;padding:25px;font-size:.9rem}.gallery-grid{scroll-snap-type:x mandatory;gap:16px;padding-bottom:10px;display:flex;overflow-x:auto}.gallery-grid img{object-fit:cover;cursor:pointer;scroll-snap-align:start;border-radius:8px;flex:none;width:200px;height:200px;transition:transform .3s}.gallery-grid img:hover{transform:scale(1.05)}.gallery-button{color:#fff;background-color:#222;border-radius:8px;margin-top:20px;padding:10px 20px;text-decoration:none;transition:background .3s;display:inline-block}.gallery-button:hover{background-color:#555}@media (max-width:600px){.gallery-grid img{width:160px;height:160px}.gallery-button{text-align:center;width:100%}}.hero-logo{max-width:240px;margin:0 auto 20px;animation:.8s ease-out logo-entry;display:block}.hero-logo:hover{filter:drop-shadow(0 4px 8px #0006);transform:scale(1.1)rotate(-2deg)}@keyframes logo-entry{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hero-logo{animation:.8s ease-out logo-entry}.reviews{background:#f5f7fa}.reviews p{margin:12px 0;font-size:1.1rem}.buttons{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:25px;display:flex}
