*{box-sizing:border-box}
body{margin:0;background:#202020;color:#fff;font-family:Arial,Helvetica,sans-serif;min-height:100vh;display:flex;flex-direction:column}
img{display:block;width:100%;height:auto}
header{position:sticky;top:0;z-index:20}
header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(32,32,32,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.bar{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:.7rem 1rem}
.brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.25rem;letter-spacing:.02em;margin-right:auto}
nav{display:flex;gap:1.6rem}
nav a{color:#fff;text-decoration:none;font-size:1rem;padding:.2rem 0;transition:opacity .15s}
nav a:hover{opacity:.6}
.burger{display:none;width:44px;height:44px;border:0;background:none;padding:10px;cursor:pointer;flex-direction:column;justify-content:space-between}
.burger span{display:block;height:3px;background:#fff;border-radius:2px}
.shade{display:none}
main{flex:1;width:100%;max-width:860px;margin:0 auto}
footer{display:flex;justify-content:center;gap:1rem;padding:2rem 1rem}
footer a{width:52px;height:52px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
footer svg{width:28px;height:28px}
:focus-visible{outline:3px solid #e0a526;outline-offset:2px}
@media(max-width:700px){
.bar{padding:.4rem .6rem}
.burger{display:flex;order:-1;margin-right:.2rem}
.brand{margin-right:0}
nav{position:fixed;top:0;left:0;bottom:0;width:260px;max-width:80vw;flex-direction:column;gap:0;padding:4.5rem 0 1rem;background:#202020;transform:translateX(-100%);transition:transform .25s ease;z-index:30;visibility:hidden}
nav a{padding:1rem 1.5rem;font-size:1.1rem}
.open nav{transform:none;visibility:visible}
.open .shade{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:25}
.open .burger{position:relative;z-index:40}
}
@media(prefers-reduced-motion:reduce){nav{transition:none}}

.txt{padding:1.5rem 1rem}
.txt h1{font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 1rem;line-height:1.2}
.txt p{line-height:1.6;margin:0 0 1rem}
.phone{text-align:center;margin:1.5rem 0 0;font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700}
.phone a{color:#fff;text-decoration:none}

nav a[href="tur-na-8-marta.html"]{color:#FC93BF}
.msgs{display:flex;gap:.5rem}
.msgs a{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.msgs svg{width:20px;height:20px}
@media(max-width:700px){.msgs a{width:32px;height:32px}.brand{margin-right:auto}}

.gal{column-count:3;column-gap:6px;padding:6px}
.gal a{display:block;margin-bottom:6px;break-inside:avoid}
.gal img{border-radius:3px;transition:opacity .15s}
.gal a:hover img{opacity:.85}
@media(max-width:600px){.gal{column-count:2}}
#lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center}
#lb[hidden]{display:none}
#lb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:0}
#lb button{position:absolute;background:rgba(32,32,32,.6);color:#fff;border:0;width:48px;height:48px;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer}
#lb .x{top:12px;right:12px}#lb .p{left:10px;top:50%;margin-top:-24px}#lb .n{right:10px;top:50%;margin-top:-24px}

.title{margin:0;padding:0;font-size:0}