.photo-page{color:#292524;background-color:#f5f5f4;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.photo-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f5f4cc;border-bottom:1px solid #e7e5e4;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.photo-nav h1{letter-spacing:-.025em;color:#1c1917;font-size:1.5rem;font-weight:700}.photo-nav span{color:#78716c;margin-left:.5rem;font-size:1.125rem;font-weight:300}.masonry-container{columns:1;gap:1.5rem;max-width:80rem;margin:0 auto;padding:1.5rem}@media (min-width:768px){.masonry-container{columns:2}}@media (min-width:1024px){.masonry-container{columns:3}}.photo-card{break-inside:avoid;cursor:pointer;will-change:transform;height:var(--card-height);background:#fff;border-radius:.75rem;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.photo-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a}.photo-img{object-fit:cover;width:100%;height:100%;display:block}.photo-overlay{opacity:.9;pointer-events:none;background:linear-gradient(#0000 0%,#0003 50%,#000c 100%);transition:opacity .3s;position:absolute;inset:0}.photo-info{color:#fff;padding:1.25rem;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(.5rem)}.photo-card:hover .photo-info{transform:translateY(0)}.photo-title{margin-bottom:.25rem;font-size:1.25rem;font-weight:700;line-height:1.2}.photo-location{color:#d6d3d1;align-items:center;gap:.25rem;font-size:.875rem;display:flex}.photo-photographer{color:#a8a29e;opacity:0;margin-top:.5rem;font-size:.75rem;transition:opacity .3s .1s}.photo-card:hover .photo-photographer{opacity:1}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:1rem;flex-direction:column;width:100%;max-width:56rem;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (min-width:768px){.modal-content{flex-direction:row}}.modal-image{background:#e7e5e4;width:100%;height:16rem;position:relative}@media (min-width:768px){.modal-image{width:50%;height:auto;min-height:400px}}.modal-image img{object-fit:cover;width:100%;height:100%}.modal-details{flex-direction:column;justify-content:center;width:100%;padding:2rem;display:flex;position:relative}@media (min-width:768px){.modal-details{width:50%}}.modal-close{cursor:pointer;z-index:10;background:#f5f5f4;border:none;border-radius:9999px;padding:.5rem;transition:background .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:#e7e5e4}.modal-close svg{color:#1c1917;width:1.5rem;height:1.5rem}.location-tag{letter-spacing:.05em;color:#78716c;text-transform:uppercase;background:#f5f5f4;border-radius:9999px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.modal-title{color:#1c1917;margin-bottom:1rem;font-family:Georgia,serif;font-size:2.25rem;font-weight:700;line-height:1.2}.modal-desc{color:#57534e;margin-bottom:1.5rem;line-height:1.625}.modal-footer{border-top:1px solid #f5f5f4;justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.photographer-info{align-items:center;gap:.75rem;display:flex}.photographer-avatar{color:#78716c;background:#e7e5e4;border-radius:9999px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:700;display:flex}.photographer-name{color:#1c1917;font-size:.875rem;font-weight:700}.photographer-label{color:#a8a29e;font-size:.75rem}.back-home-btn{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text-secondary);background-color:#fff9;border:1px solid #ffffff48;border-radius:30px;align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:105px;right:32px;box-shadow:0 4px 20px #0000004d}.btn-icon{justify-content:center;align-items:center;width:20px;height:20px;transition:transform .3s;display:flex}.btn-icon svg{stroke:currentColor;width:100%;height:100%}.back-home-btn:hover{color:var(--color-gold);border-color:var(--color-gold);background-color:#acacac26;transform:translateY(-2px);box-shadow:0 6px 24px #d4af3733}.back-home-btn:hover .btn-icon{transform:translate(-3px)}@media (max-width:768px){.back-home-btn{padding:8px 12px;top:20px;right:20px}.btn-text{display:none}.back-home-btn{border-radius:50%;justify-content:center;gap:0;width:44px;height:44px}}