.location-page{color:#292524;background-color:#f5f5f4;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.nav-brand{justify-content:center;align-items:center;min-width:200px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-title{cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;font-size:2rem;font-weight:700;display:flex}.location-page-header{text-align:center;z-index:20;background:linear-gradient(#f5f5f4 0%,#e7e5e4 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem 3rem;display:flex;position:fixed;top:0;left:0;right:0}.header-content{flex-direction:column;flex:1;justify-content:center;max-width:800px;margin:auto;display:flex}.header-title{cursor:pointer;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:2.5rem;font-weight:700;display:flex}.title-main{color:#1c1917;font-family:Georgia,serif}.title-divider,.title-sub{color:#78716c;font-weight:300}.header-description{color:#57534e;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.8}.header-stats{justify-content:center;gap:3rem;margin-top:2rem;margin-bottom:3rem;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-number{color:#1c1917;font-family:Georgia,serif;font-size:2rem;font-weight:700}.stat-label{color:#78716c;margin-top:.25rem;font-size:.875rem}.scroll-hint{color:#a8a29e;letter-spacing:.1em;white-space:nowrap;pointer-events:none;font-size:.875rem;animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.location-nav{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f5f4e6;justify-content:flex-end;align-items:center;min-height:60px;padding:1rem 2rem;display:flex;position:sticky;top:0}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.filter-section{background:#f5f5f4e6;justify-content:center;padding:1.5rem 2rem;display:flex}.region-filter{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.filter-btn{color:#57534e;cursor:pointer;background:#fff;border:1px solid #d6d3d1;border-radius:9999px;padding:.5rem 1.25rem;font-size:.875rem;transition:all .2s}.filter-btn:hover{background:#f5f5f4;border-color:#a8a29e}.filter-btn.active{color:#fff;background:#292524;border-color:#292524}.locations-grid{grid-template-columns:repeat(1,1fr);gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;display:grid}@media (min-width:640px){.locations-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.locations-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.locations-grid{grid-template-columns:repeat(4,1fr)}}.location-card{cursor:pointer;background:#fff;border-radius:1rem;flex-direction:column;transition:box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.location-card:hover{box-shadow:0 20px 40px #00000026}.location-card-image{height:200px;position:relative;overflow:hidden}.location-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.location-card:hover .location-img{transform:scale(1.05)}.location-image-overlay{background:linear-gradient(#0000 0%,#0000004d 50%,#000c 100%);position:absolute;inset:0}.location-region-tag{color:#57534e;background:#ffffffe6;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;left:1rem}.location-title-overlay{color:#fff;padding:1.25rem;position:absolute;bottom:0;left:0;right:0}.location-name{margin-bottom:.25rem;font-family:Georgia,serif;font-size:1.5rem;font-weight:700}.location-desc{color:#d6d3d1;-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.location-card-content{flex-direction:column;flex:1;padding:1.25rem;display:flex}.location-features{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.feature-tag{color:#57534e;background:#f5f5f4;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem}.location-buildings{flex:1;margin-bottom:1rem}.buildings-label{color:#78716c;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.buildings-list{flex-direction:column;gap:.375rem;display:flex}.building-item{align-items:center;gap:.5rem;display:flex}.building-dot{border-radius:50%;width:6px;height:6px}.building-name{color:#292524;font-size:.875rem}.location-card-footer{border-top:1px solid #e7e5e4;margin-top:auto;padding-top:1rem}.view-detail-btn{color:#57534e;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;transition:color .2s;display:flex}.location-card:hover .view-detail-btn{color:#1c1917}.view-detail-btn svg{transition:transform .2s}.location-card:hover .view-detail-btn svg{transform:translate(4px)}.location-footer{text-align:center;color:#a8a29e;background:#292524;padding:3rem 2rem}.location-footer p{font-size:1rem}.location-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.location-modal-content{background:#fff;border-radius:1rem;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@media (min-width:768px){.location-modal-content{flex-direction:row}}.location-modal-close{cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:9999px;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.location-modal-close:hover{background:#fff}.location-modal-close svg{color:#1c1917;width:1.25rem;height:1.25rem}.location-modal-image{background:#e7e5e4;width:100%;height:250px;position:relative}@media (min-width:768px){.location-modal-image{width:45%;height:auto;min-height:500px}}.modal-img{object-fit:cover;width:100%;height:100%}.modal-image-overlay{background:linear-gradient(#0000 40%,#000000b3 100%);align-items:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.modal-location-header{color:#fff}.modal-region-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:9999px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.modal-title{font-family:Georgia,serif;font-size:2rem;font-weight:700}.location-modal-details{width:100%;padding:2rem;overflow-y:auto}@media (min-width:768px){.location-modal-details{width:55%;max-height:90vh}}.modal-content-scroll{flex-direction:column;gap:2rem;display:flex}.modal-section{border-bottom:1px solid #e7e5e4;padding-bottom:1.5rem}.modal-section:last-child{border-bottom:none;padding-bottom:0}.modal-section-title{color:#1c1917;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.section-icon{font-size:1.25rem}.modal-description{color:#57534e;font-size:.95rem;line-height:1.8}.modal-features-grid{flex-wrap:wrap;gap:.625rem;display:flex}.modal-feature-tag{border:1px solid;border-radius:9999px;padding:.375rem 1rem;font-size:.875rem;font-weight:500}.modal-buildings-list{flex-direction:column;gap:1rem;display:flex}.modal-building-card{background:#f5f5f4;border-radius:.75rem;gap:1rem;padding:1rem;display:flex}.building-number{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.building-info{flex:1}.building-title{color:#1c1917;margin-bottom:.25rem;font-weight:600}.building-desc{color:#78716c;font-size:.875rem;line-height:1.5}.color-scheme-display{gap:1.5rem;display:flex}.color-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.color-block{border-radius:.75rem;width:60px;height:60px;box-shadow:0 2px 8px #0000001a}.color-label{color:#78716c;font-size:.75rem}.modal-loading{color:#fff;z-index:50;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-spinner{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (max-width:767px){.header-title{font-size:1.75rem}.header-description{font-size:1rem}.header-stats{gap:1.5rem}.stat-number,.modal-title{font-size:1.5rem}.color-scheme-display{gap:1rem}.color-block{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){.location-card,.location-img,.view-detail-btn svg{transition:none}}.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}}