.photo-stories-page{--bg-primary:#0f141a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent:#f97316;--accent-hover:#ea580c;--border:#94a3b81f;--border-light:#ffffff1a;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,sans-serif}.photo-stories-container{max-width:1400px;margin:0 auto;padding:0 1.5rem}.photo-hero{justify-content:center;align-items:center;width:100%;height:60vh;min-height:450px;max-height:600px;margin-bottom:3rem;display:flex;position:relative;overflow:hidden}.photo-hero-bg{z-index:0;position:absolute;inset:0}.photo-hero-bg img{object-fit:cover;filter:blur(8px);width:100%;height:100%;transition:transform 6s}.photo-hero:hover .photo-hero-bg img{transform:scale(1.05)}.photo-hero-overlay{z-index:1;background:linear-gradient(to top,var(--bg-primary)0%,var(--bg-primary)40%,#0f141a80 70%,transparent 100%);position:absolute;inset:0}.photo-hero-content{z-index:2;text-align:center;max-width:800px;padding:2rem;position:relative}.photo-hero-label{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-light);text-transform:uppercase;letter-spacing:.1em;color:var(--text-primary);background:#ffffff1a;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.photo-hero-label svg{width:16px;height:16px}.photo-hero-title{text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);text-shadow:0 2px 30px #00000080;margin:0 0 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.5rem,6vw,3.5rem);font-weight:800;line-height:1.1}.photo-hero-subtitle{color:var(--text-secondary);letter-spacing:.02em;margin:0 0 2rem;font-size:1.125rem;font-weight:400}.photo-hero-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.photo-hero-cta:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 25px #f9731666}.photo-hero-cta svg{width:20px;height:20px}.photo-filters-section{border-bottom:1px solid var(--border);flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.photo-filters-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.photo-filters-title{color:var(--text-primary);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.125rem;font-weight:600}.photo-meta-info{color:var(--text-muted);align-items:center;gap:1rem;font-size:.875rem;display:flex}.photo-count{background:#ffffff0f;border-radius:50px;padding:.35rem .75rem}.photo-filter-chips{flex-wrap:wrap;gap:.5rem;display:flex}.photo-filter-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:50px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:all .2s}.photo-filter-chip:hover{color:var(--text-primary);background:#ffffff1a}.photo-filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.photo-masonry-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2.5rem;display:grid}.photo-card{background:var(--bg-secondary);cursor:pointer;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.photo-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.photo-card:hover .photo-card-thumb img{transform:scale(1.05)}.photo-card:hover .photo-card-overlay{opacity:.9}.photo-card:hover .photo-card-content{opacity:1;transform:translateY(0)}.photo-card-tall{grid-row:span 2}.photo-card-wide{grid-column:span 2}.photo-card-thumb{width:100%;height:100%;min-height:200px;position:relative;overflow:hidden}.photo-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.photo-card-overlay{opacity:.7;background:linear-gradient(#0000 0%,#0f141a80 50%,#0f141af2 100%);transition:opacity .3s;position:absolute;inset:0}.photo-card-badges{z-index:3;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.photo-card-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:.3rem .6rem;font-size:.7rem;font-weight:700}.photo-card-badge.new{background:var(--accent);color:#fff}.photo-card-badge.date{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0009}.photo-card-content{z-index:3;opacity:.85;padding:.75rem;transition:all .2s;position:absolute;bottom:0;left:0;right:0;transform:translateY(5px)}.photo-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.photo-card-meta{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.photo-card-meta span{align-items:center;gap:.25rem;display:flex}.photo-card-location{color:var(--text-muted);align-items:center;gap:.25rem;margin-top:.2rem;font-size:.7rem;display:flex}.photo-card-location svg{width:12px;height:12px}.photo-newsletter{margin-bottom:4rem}.photo-newsletter-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;gap:2rem;padding:2.5rem 3rem;display:flex;position:relative;overflow:hidden}.photo-newsletter-card:before{content:"";background:linear-gradient(90deg,var(--accent),#ec4899);height:3px;position:absolute;top:0;left:0;right:0}.photo-newsletter-content{flex:1}.photo-newsletter-title{color:var(--text-primary);margin:0 0 .75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700}.photo-newsletter-desc{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.photo-newsletter-form{flex-shrink:0;gap:.75rem;display:flex}.photo-newsletter-input{border:1px solid var(--border);width:280px;color:var(--text-primary);background:#ffffff0d;border-radius:50px;outline:none;padding:.875rem 1.25rem;font-size:.9375rem;transition:all .2s}.photo-newsletter-input::placeholder{color:var(--text-muted)}.photo-newsletter-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f9731626}.photo-newsletter-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:50px;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;transition:all .2s}.photo-newsletter-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #f9731666}.photo-load-more{text-align:center;margin-bottom:4rem}.photo-load-more-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:inline-flex}.photo-load-more-btn:hover{border-color:var(--accent);color:var(--accent);background:#ffffff1a}.photo-load-more-btn svg{width:18px;height:18px}.photo-empty-state{text-align:center;color:var(--text-muted);padding:5rem 2rem}.photo-empty-state svg{opacity:.4;width:80px;height:80px;margin-bottom:1.5rem}.photo-empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}@media (max-width:1200px){.photo-masonry-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.photo-hero{height:50vh;min-height:400px}.photo-masonry-grid{grid-template-columns:repeat(2,1fr)}.photo-card-tall{grid-row:span 1}.photo-card-wide{grid-column:span 1}.photo-newsletter-card{text-align:center;flex-direction:column;padding:2rem}.photo-newsletter-form{flex-direction:column;width:100%}.photo-newsletter-input,.photo-newsletter-btn{width:100%}}@media (max-width:768px){.photo-hero{height:40vh;min-height:300px}.photo-hero-title{font-size:1.75rem}.photo-hero-subtitle{font-size:.9rem}.photo-masonry-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.photo-filters-header{flex-direction:column;align-items:flex-start;gap:.75rem}.photo-filters-title{font-size:1rem}.photo-filter-chip{padding:.4rem .75rem;font-size:.75rem}.photo-card-content{padding:.5rem}.photo-card-title{font-size:.75rem}.photo-card-meta{font-size:.65rem}}@media (max-width:480px){.photo-hero{height:35vh;min-height:250px}.photo-hero-title{font-size:1.5rem}.photo-hero-content{padding:1rem}.photo-hero-cta{padding:.75rem 1.25rem;font-size:.875rem}.photo-masonry-grid{grid-template-columns:repeat(2,1fr);gap:.4rem}.photo-card-content{padding:.35rem}.photo-card-title{-webkit-line-clamp:1;font-size:.7rem}.photo-card-meta{display:none}}