.photos-page{flex-direction:column;min-height:100dvh;display:flex}.photos-hero{max-width:var(--max);justify-content:space-between;align-items:flex-end;gap:18px;width:100%;margin:0 auto;padding:34px 18px 18px;display:flex}.photos-hero-inner{max-width:72ch}.photos-kicker{color:#fbf5eab3;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.photos-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;line-height:1.05}.photos-subtitle{color:#fbf5ead6;margin:14px 0 0;font-size:1.02rem;line-height:1.7}.photos-hero-actions{flex:none;align-items:center;gap:10px;display:flex}.photos-shell{max-width:var(--max);width:100%;margin:0 auto;padding:0 18px 44px;display:block}.photos-rail-panel{background:linear-gradient(#0c12308a,#0508142e);border:1px solid #e3c15a38;border-radius:18px;padding:16px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000059}.photos-rail-panel:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(520px 200px at 40% 0,#e3c15a1f,#0000 65%),linear-gradient(90deg,#e3c15a1a,#0000 40%,#2b63d914,#0000 70%);border-radius:17px;position:absolute;inset:1px}.photos-rail-panel>*{z-index:1;position:relative}.photos-rail-panel--hint{background:linear-gradient(#2b63d924,#0508141a);border-color:#2b63d961}.photos-rail-head{justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.photos-rail-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:900}.photos-rail-meta{color:#fbf5eab3;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:800}.photos-label{color:#fbf5eab8;letter-spacing:.12em;text-transform:uppercase;margin:12px 0 8px;font-size:.7rem;font-weight:800;display:block}.photos-select{color:#fbf5eaeb;letter-spacing:.1em;text-transform:uppercase;background:#0508146b;border:1px solid #e3c15a38;border-radius:14px;outline:none;width:100%;padding:12px 14px;font-size:.78rem;font-weight:800}.photos-select:focus-visible{outline-offset:3px;outline:2px solid #e3c15abf}.photos-city-desc{color:#fbf5ead6;margin:12px 0 0;line-height:1.7}.photos-error{color:#e3c15aeb;letter-spacing:.04em;margin:12px 0 0;font-weight:700}.photos-hint-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.9rem}.photos-hint-body{color:#fbf5ead6;margin:0;line-height:1.7}.photos-grid{background:radial-gradient(900px 320px at 40% 0,#e3c15a14,#0000 60%),#05081429;border:1px solid #e3c15a24;border-radius:22px;flex-direction:column;align-items:center;gap:22px;padding:22px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 70px #00000059}.photos-grid--cities{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.photos-grid--cities .photos-empty{grid-column:1/-1;justify-self:center}.photos-grid:before{content:"";pointer-events:none;opacity:1;background:repeating-linear-gradient(135deg,#fbf5ea03 0 1px,#0000 1px 14px);position:absolute;inset:0}.photos-grid>*{z-index:1;position:relative}.city-card{cursor:pointer;background:#05081442;border:1px solid #e3c15a2e;border-radius:22px;width:100%;transition:transform .18s,border-color .18s,background .18s;display:block;position:relative;overflow:hidden;box-shadow:0 22px 70px #0000005c}.city-card:hover{background:#05081457;border-color:#e3c15a57;transform:translateY(-3px)}.city-card:active{transform:translateY(-1px)scale(.99)}.city-card:focus-visible{outline-offset:4px;outline:2px solid #e3c15ad9}.city-frame{pointer-events:none;opacity:0;background:linear-gradient(115deg,#e3c15a24,#0000 42%,#2b63d91f,#0000 72%);transition:opacity .18s;position:absolute;inset:0}.city-card:hover .city-frame{opacity:1}.city-cta{z-index:2;color:#fbf5eaeb;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0508148c;border:1px solid #e3c15a47;border-radius:999px;align-items:center;padding:10px 12px;font-size:.7rem;font-weight:900;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 16px 40px #00000059}.city-card:hover .city-cta{color:#fbf5eafa;background:#e3c15a1f;border-color:#e3c15a7a;transform:translateY(-1px)}.city-img{aspect-ratio:16/9;object-fit:cover;background:radial-gradient(520px 260px at 20% 10%,#e3c15a1a,#0000 60%),radial-gradient(520px 260px at 80% 20%,#2b63d91f,#0000 60%),#05081438;width:100%;transition:transform .52s;display:block}.city-card:hover .city-img{transform:scale(1.03)}.city-meta{text-align:center;background:linear-gradient(#0000,#05081473 25%,#050814c7);padding:18px 18px 16px;position:absolute;inset:auto 0 0}.city-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;text-shadow:0 16px 40px #0000008c;margin:0;font-size:1.05rem;font-weight:900}.city-desc{color:#fbf5eadb;text-shadow:0 16px 40px #000000a6;max-width:70ch;margin:10px auto 0;line-height:1.7}.photos-empty{text-align:center;background:#0508144d;border:1px solid #e3c15a2e;border-radius:18px;width:min(820px,100%);margin:0;padding:16px}.photos-empty-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:.95rem;font-weight:900}.photos-empty-body{color:#fbf5eac7;margin-top:8px;line-height:1.7}.photo-card{background:#05081442;border:1px solid #e3c15a2e;border-radius:18px;width:min(920px,100%);margin:0;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden;box-shadow:0 18px 55px #00000052}.photo-card:hover{background:#05081457;border-color:#e3c15a57;transform:translateY(-2px)}.photo-frame{pointer-events:none;opacity:0;background:linear-gradient(115deg,#e3c15a1f,#0000 40%,#2b63d91a,#0000 70%);transition:opacity .18s;position:absolute;inset:0}.photo-card:hover .photo-frame{opacity:1}.photo-img{background:radial-gradient(520px 260px at 20% 10%,#e3c15a1a,#0000 60%),radial-gradient(520px 260px at 80% 20%,#2b63d91f,#0000 60%),#05081438;width:100%;height:auto;display:block}.photos-grid--photos .photo-img{object-fit:contain;width:auto;max-width:100%;max-height:50vh;margin:0 auto}.photos-grid--photos .photo-card{width:fit-content;max-width:100%}.photo-meta{text-align:center;background:linear-gradient(#0508141a,#05081466);border-top:1px solid #fbf5ea0f;padding:12px 14px 14px}.photo-meta-top{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;display:flex}.photo-city{letter-spacing:.12em;text-transform:uppercase;color:#fbf5eadb;font-size:.78rem;font-weight:900}.photo-open{letter-spacing:.12em;text-transform:uppercase;color:#e3c15aeb;background:#05081438;border:1px solid #e3c15a47;border-radius:999px;padding:6px 10px;font-size:.7rem;font-weight:900}.photo-desc{color:#fbf5ead1;font-family:var(--font-display);letter-spacing:.03em;margin:10px 0 0;font-size:1.3125rem;line-height:1.7}.photos-footer{background:#05081459;border-top:1px solid #e3c15a24;margin-top:auto}.photos-footer-inner{max-width:var(--max);text-align:center;color:#fbf5eab8;letter-spacing:.1em;text-transform:uppercase;margin:0 auto;padding:18px;font-size:.72rem;font-weight:800}@media (max-width:980px){.photos-grid--cities{grid-template-columns:repeat(2,minmax(0,1fr))}.city-meta{padding:16px 16px 14px}}@media (max-width:520px){.photos-hero{flex-direction:column;align-items:flex-start}.photos-grid--cities{grid-template-columns:1fr}.photos-grid--photos .photo-img{max-height:80vh}}