:root{--ink:#0b0c0d;--panel:#141618;--gold:#c9a557;--gold2:#e4c87c;--muted:#a7a9aa;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#f7f5ef;font:16px/1.65 Manrope,Arial,sans-serif}
body.lightbox-open{overflow:hidden}
button{font:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:min(1320px,calc(100% - 48px));margin:auto}
.topbar{position:relative;z-index:10;border-bottom:1px solid var(--line);background:#0b0c0d}
.topbar-in{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{display:block;width:190px;height:auto}
.back{border:1px solid var(--gold);padding:11px 18px;color:var(--gold2);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}
.back:hover,.back:focus-visible{background:var(--gold);color:#111;outline:none}
.hero{padding:84px 0 62px;background:radial-gradient(circle at 18% 18%,rgba(201,165,87,.13),transparent 32%),linear-gradient(145deg,#151719,#090a0b 68%);border-bottom:1px solid var(--line)}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);gap:70px;align-items:end}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold2);font-size:.73rem;letter-spacing:.24em;text-transform:uppercase}
.eyebrow:before{content:"";width:46px;height:1px;background:var(--gold)}
h1{font:500 clamp(3.8rem,7vw,7.3rem)/.92 'Playfair Display',serif;letter-spacing:-.04em;margin:23px 0 0}
.intro{margin:0;color:#b7b9bb;font-size:1.02rem;max-width:580px}
.count{display:block;margin-top:25px;color:var(--gold2);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}
.gallery{padding:72px 0 116px}
.gallery-grid{column-count:3;column-gap:16px}
.gallery-item{position:relative;display:block;width:100%;padding:0;margin:0 0 16px;border:1px solid rgba(255,255,255,.12);background:#151719;color:inherit;cursor:zoom-in;break-inside:avoid;overflow:hidden;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.gallery-item:after{content:"Ogled";position:absolute;right:15px;bottom:14px;padding:7px 10px;background:rgba(8,9,10,.78);border:1px solid rgba(228,200,124,.5);color:var(--gold2);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:.25s ease}
.gallery-item img{width:100%;height:auto;transition:transform .5s ease,filter .5s ease}
.gallery-item:hover,.gallery-item:focus-visible{border-color:rgba(228,200,124,.78);box-shadow:0 18px 42px rgba(0,0,0,.34);outline:none}
.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.012);filter:brightness(1.045)}
.gallery-item:hover:after,.gallery-item:focus-visible:after{opacity:1;transform:none}
.disclosure{margin-top:44px;padding:22px 26px;border:1px solid var(--line);background:#111315;color:#8f9192;font-size:.78rem;line-height:1.65}
.disclosure strong{display:block;margin-bottom:5px;color:var(--gold2);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.lightbox[hidden]{display:none}
.lightbox{position:fixed;z-index:100;inset:0;display:grid;grid-template-columns:68px minmax(0,1fr) 68px;align-items:center;gap:18px;padding:70px 24px 24px;background:rgba(3,4,5,.965);backdrop-filter:blur(10px)}
.lightbox-figure{min-width:0;margin:0;display:grid;justify-items:center;gap:16px}
.lightbox-image{display:block;max-width:100%;max-height:78vh;width:auto;height:auto;object-fit:contain;box-shadow:0 24px 70px rgba(0,0,0,.52)}
.lightbox-caption{width:min(100%,1100px);display:flex;justify-content:space-between;gap:20px;color:#aeb0b1;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.lightbox-caption span:first-child{color:var(--gold2)}
.lightbox-control,.lightbox-close{display:grid;place-items:center;border:1px solid rgba(228,200,124,.5);background:rgba(18,20,22,.82);color:var(--gold2);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.lightbox-control{width:58px;height:58px;font:400 2.4rem/1 Georgia,serif}
.lightbox-close{position:absolute;right:24px;top:20px;width:45px;height:45px;font-size:1.45rem}
.lightbox-control:hover,.lightbox-control:focus-visible,.lightbox-close:hover,.lightbox-close:focus-visible{background:var(--gold);border-color:var(--gold);color:#111;outline:none}
.footer{border-top:1px solid var(--line);padding:34px 0;color:#898b8c}
.footer-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:.75rem}
.footer-note{width:100%;padding-top:18px;border-top:1px solid var(--line);font-size:.7rem;line-height:1.5;color:#737576}
@media(max-width:1000px){.hero-in{grid-template-columns:1fr;gap:30px}.gallery-grid{column-count:2}}
@media(max-width:640px){.wrap{width:min(100% - 28px,1320px)}.topbar-in{min-height:94px}.logo{width:150px}.back{padding:8px 11px;font-size:.67rem}.hero{padding:60px 0 48px}.gallery{padding:44px 0 82px}.gallery-grid{column-count:1}.gallery-item{margin-bottom:13px}.lightbox{grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;padding:64px 8px 18px}.lightbox-control{width:42px;height:48px;font-size:2rem}.lightbox-close{right:10px;top:10px}.lightbox-image{max-height:72vh}.lightbox-caption{font-size:.64rem;gap:10px}.lightbox-caption span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.gallery-item,.gallery-item img,.gallery-item:after{transition:none}}