/* Страница «Коллекция» */
.c-hero{position:relative;isolation:isolate;min-height:clamp(520px,68vh,740px);display:flex;flex-direction:column;justify-content:center;padding:150px 6% 62px;max-width:1550px;margin:auto}
.c-hero::before{content:"";position:absolute;z-index:-2;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);background:#191321}
.c-hero-media{position:absolute;z-index:-1;left:50%;top:0;width:100vw;height:100%;transform:translateX(-50%);overflow:hidden;pointer-events:none}
.c-hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 48%;filter:brightness(.6) saturate(.8);opacity:.75}
.c-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,10,19,.98) 0%,rgba(21,14,27,.9) 30%,rgba(30,20,36,.45) 65%,rgba(13,10,19,.25) 100%),linear-gradient(0deg,#0b0910 0%,transparent 24%,rgba(13,10,19,.32) 100%)}
.c-hero .breadcrumbs{position:relative}
.c-hero h1{position:relative;max-width:640px;margin:18px 0;font:400 clamp(48px,7vw,96px)/1.05 var(--serif);letter-spacing:-.02em}
.c-hero .eyebrow{font-size:11px;letter-spacing:.2em}
.c-lead{position:relative;max-width:560px;margin:0;font-size:16px;line-height:1.8;color:#ddd2e2}
.c-hero-cta{justify-content:flex-start;margin-top:30px}
@media(max-width:700px){.c-hero{min-height:520px;padding:120px 6% 40px}}

.c-content{padding:0 6% 80px;max-width:1550px;margin:auto}
.filters{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid rgba(199,180,137,.16);padding:0 0 27px;margin-bottom:34px}
.filter{border:1px solid rgba(199,180,137,.32);background:transparent;border-radius:50px;padding:10px 17px;min-height:44px;font-size:13px;color:#d6c9dd}
.filter[aria-pressed=true],.filter:hover{background:var(--gold);color:#17131d;border-color:var(--gold)}
.c-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:55px 0 23px}
.c-head h2{font:400 clamp(29px,3vw,43px) var(--serif);margin:0}
.c-head span{color:var(--muted);font-size:13px}
.photos{columns:4;column-gap:16px}
.tile{break-inside:avoid;margin:0 0 16px;display:block;border:0;padding:0;background:#241c2c;width:100%;overflow:hidden;border-radius:6px;cursor:zoom-in}
.tile[hidden]{display:none}
.tile img{width:100%;height:auto;display:block;transition:transform .5s}
.tile:hover img{transform:scale(1.035)}
.c-videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.video{margin:0}
.video video{width:100%;aspect-ratio:3/4;object-fit:contain;display:block;background:#1c1721;border-radius:6px}
.video figcaption{font-size:12px;color:var(--muted);padding:9px 0 15px}
@media(max-width:900px){.photos{columns:3}.c-videos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.photos{columns:2;column-gap:10px}.tile{margin-bottom:10px}.c-videos{grid-template-columns:repeat(2,1fr);gap:10px}.c-head{margin-top:42px}}
@media(max-width:380px){.filters{gap:6px}.filter{padding:9px 12px}}

.cta-strip{max-width:1132px;margin:0 auto 90px;padding:clamp(36px,5vw,64px) clamp(24px,5vw,60px);border:1px solid rgba(199,180,137,.2);border-radius:24px;background:radial-gradient(100% 140% at 80% 0%,rgba(91,70,111,.5),rgba(24,19,32,.8));text-align:center}
.cta-strip h2{margin:0;font:400 clamp(30px,4vw,46px) var(--serif)}
.cta-strip p{max-width:540px;margin:12px auto 26px;color:var(--text);line-height:1.7}
@media(max-width:1180px){.cta-strip{margin-left:16px;margin-right:16px}}

.lightbox{position:fixed;inset:0;z-index:90;background:rgba(14,11,18,.96);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.lightbox[hidden]{display:none}
.lb-figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.lb-figure img{max-height:84vh;max-width:86vw;object-fit:contain}
.lb-figure figcaption{display:flex;gap:20px;align-items:center;font-size:13px;color:#e8e0ee}
.lb-order{color:var(--gold)}
.lb-btn{position:absolute;color:#fff;background:rgba(255,255,255,.1);border:0;border-radius:50%;width:48px;height:48px;font-size:26px;line-height:1}
.lb-close{top:20px;right:20px}
.lb-prev{left:20px}
.lb-next{right:20px}
@media(max-width:700px){.lb-prev{left:6px}.lb-next{right:6px}.lb-btn{width:42px;height:42px}}
