:root{--bg:#f6f5f2;--ink:#232323;--accent:#cc6600;--accent-dark:#a35200;--brand:#004f90;--line:#dedbd5;--card:#fff;--radius:10px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:1000px;margin:0 auto;padding:0 20px}
header{background:var(--card);padding:12px 0;border-bottom:1px solid var(--line)}
header .logo img{display:block;max-width:100%;height:auto}
nav{background:var(--brand);position:sticky;top:0;z-index:10;box-shadow:0 2px 6px rgb(0 0 0/.15)}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
nav a{display:block;padding:14px 18px;color:#fff;text-decoration:none;font-weight:600}
nav a:hover,nav a.active{background:rgb(255 255 255/.16)}
a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.banner{background:#111}
.slideshow{position:relative;max-width:950px;margin:0 auto;aspect-ratio:950/355}
.slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:fade 32s infinite}
.slideshow img:nth-child(2){animation-delay:8s}
.slideshow img:nth-child(3){animation-delay:16s}
.slideshow img:nth-child(4){animation-delay:24s}
@keyframes fade{0%{opacity:0}4%{opacity:1}25%{opacity:1}29%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.slideshow img{animation:none}.slideshow img:first-child{opacity:1}html{scroll-behavior:auto}}
main{display:flex;gap:32px;padding-top:32px;padding-bottom:48px;align-items:flex-start}
.content{flex:1;min-width:0}
.sidebar{width:290px;flex:none;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:6px 20px 16px;box-shadow:0 1px 3px rgb(0 0 0/.06)}
.sidebar h3{margin:18px 0 4px;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-dark)}
.sidebar p{margin:0}
h1{font-size:clamp(1.4rem,3vw,1.9rem);line-height:1.25;margin:0 0 .8em}
a{color:var(--accent-dark)}
.btn{display:inline-block;padding:12px 22px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;border-radius:var(--radius)}
.btn:hover{background:var(--accent-dark)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.gallery a{display:block;overflow:hidden;border-radius:var(--radius);background:#ddd}
.gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .25s}
.gallery a:hover img{transform:scale(1.05)}
img.ad{max-width:100%;height:auto;border-radius:var(--radius)}
footer{background:#1d1d1d;color:#bbb;padding:20px 0;font-size:.85rem}
@media (max-width:760px){main{flex-direction:column}.sidebar{width:100%}nav a{padding:12px 14px}}
.lightbox{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;overflow:hidden}
.lightbox::backdrop{background:rgb(0 0 0/.88)}
.lightbox[open]{display:flex;align-items:center;justify-content:center}
.lightbox img{max-width:min(92vw,1100px);max-height:82vh;width:auto;height:auto;border-radius:var(--radius);box-shadow:0 8px 30px rgb(0 0 0/.5)}
.lightbox button{position:absolute;background:rgb(255 255 255/.15);color:#fff;border:0;cursor:pointer;font-size:2rem;line-height:1;width:48px;height:48px;border-radius:50%}
.lightbox button:hover{background:rgb(255 255 255/.3)}
.lb-close{top:16px;right:16px}
.lb-prev{left:16px;top:50%;transform:translateY(-50%)}
.lb-next{right:16px;top:50%;transform:translateY(-50%)}
.lb-count{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#ddd;font-size:.9rem}