/* Index */
.loc-intro { padding: 18vh var(--pad-page) 2vh; max-width: var(--maxw); margin-inline: auto; }
.loc-intro h1 { font-size: var(--fs-display); margin: 0.3em 0 0; }
.loc-index-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; max-width: var(--maxw); margin: 0 auto; padding: 4vh var(--pad-page) 10vh; }

/* Outlet hero */
.loc-hero { position: relative; min-height: 70vh; display: flex; align-items: flex-end; padding: 16vh var(--pad-page) 6vh; overflow: hidden; }
.loc-hero__img { position: absolute; inset: 0; z-index: 0; background: linear-gradient(160deg, #241A14, #100F0C); }
.loc-hero__img::after { content: attr(data-shot); position: absolute; top: 90px; left: 7vw; font-family: var(--font-mono); font-size: 0.6rem; letter-spacing: 0.1em; color: rgba(184, 169, 143, 0.4); }
.loc-hero__glow { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: radial-gradient(60% 60% at 28% 60%, rgba(var(--glow), 0.18), transparent 70%); }
.loc-hero__inner { position: relative; z-index: 2; max-width: var(--maxw); margin-inline: auto; width: 100%; }
.loc-hero h1 { font-size: var(--fs-display); margin: 0.3em 0 0.2em; }

/* Info grid */
.info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2rem; }
.info-grid .item h3 { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.5rem; transition: color var(--dur-bg) linear; font-weight: 400; }
.info-grid .item p { color: var(--ivory-dim); font-size: 0.95rem; line-height: 1.6; }
.info-grid .item a { color: var(--ivory); }
.info-grid .item a:hover { color: var(--gold); }

/* Map */
.map-frame { width: 100%; aspect-ratio: 16 / 8; border: 1px solid var(--hair-strong); border-radius: 3px; filter: grayscale(0.35) contrast(1.05) brightness(0.82); }
.map-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 1.25rem; }

/* How to find us (Setapak) */
.findus { border: 1px solid rgba(201, 162, 75, 0.4); border-radius: 3px; padding: 2rem; background: rgba(201, 162, 75, 0.05); }
.findus h3 { font-size: var(--fs-h3); }
.findus ol { margin: 1rem 0 0; padding-left: 1.2rem; color: var(--ivory-dim); display: flex; flex-direction: column; gap: 0.6rem; }

/* Gallery */
.gallery-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; }
.gallery-grid .g { aspect-ratio: 4 / 3; background: linear-gradient(135deg, #241A14, #15100C); border-radius: 3px; position: relative; }
.gallery-grid .g::after { content: attr(data-shot); position: absolute; top: 8px; left: 10px; font-family: var(--font-mono); font-size: 0.55rem; color: rgba(184, 169, 143, 0.4); }

@media (max-width: 760px) { .loc-index-grid { grid-template-columns: 1fr; } }