/* =========================================================
   ZOOM PHOTO STUDIO - PHOTOGRAPHY-LOCATION.CSS v1.0
========================================================= */

/* 1. PAGE / CONTAINER */
.location_page{--location-ink:#29241f;--location-muted:#756b63;--location-bronze:#9a7459;--location-line:#8b6953;--location-cream:#f4eee8;background:#fff;color:var(--location-ink)}
.location_container{width:min(1180px,calc(100% - 64px));margin:0 auto}
.location_kicker{margin:0 0 14px;color:var(--location-bronze);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}
.location_gold_rule{display:block;width:62px;height:1px;margin:22px 0;background:var(--location-bronze)}

/* 2. HERO */
.location_hero{position:relative;min-height:640px;overflow:hidden;background:var(--location-ink);color:#fff}
.location_hero_media,.location_hero_media img,.location_hero_overlay{position:absolute;inset:0;width:100%;height:100%}
.location_hero_media{margin:0}.location_hero_media img{object-fit:cover;object-position:center 55%}
.location_hero_overlay{background:linear-gradient(90deg,rgba(29,25,22,.72) 0%,rgba(29,25,22,.48) 34%,rgba(29,25,22,.12) 68%,rgba(29,25,22,.04) 100%)}
.location_hero_content{position:relative;z-index:2;display:flex;min-height:640px;padding:70px 0;flex-direction:column;justify-content:center;align-items:flex-start}
.location_hero .location_kicker{color:#e1cbb9}
.location_hero h1{max-width:720px;margin:0;font-family:var(--zoom-serif);font-size:clamp(58px,6.4vw,92px);font-weight:400;letter-spacing:-.025em;line-height:.95}
.location_hero_intro{max-width:570px;margin:0;color:rgba(255,255,255,.92);font-size:15px;line-height:1.8}

/* 3. CONTENT */
.location_content{padding:84px 0 92px;background:#fff}.location_content_inner{max-width:900px}
.location_content h2,.location_visit h2,.location_cta h2{margin:0;font-family:var(--zoom-serif);font-size:clamp(42px,4.5vw,62px);font-weight:400;letter-spacing:-.02em;line-height:1.04}
.location_content p:not(.location_kicker){max-width:820px;margin:22px 0 0;color:var(--location-muted);font-size:15px;line-height:1.9}
.location_actions{display:flex;margin-top:34px;gap:12px;flex-wrap:wrap}

/* 4. STUDIO LOCATION */
.location_visit{padding:66px 0;background:var(--location-cream);text-align:center}.location_visit_inner{max-width:760px}
.location_visit p:not(.location_kicker){max-width:650px;margin:18px auto 0;color:var(--location-muted);font-size:14px;line-height:1.8}
.location_visit .location_address{color:var(--location-ink)!important;font-weight:600}

/* 5. GOOGLE MAP */
.location_map{width:100%;height:430px;overflow:hidden;border-top:1px solid var(--location-line);border-bottom:1px solid var(--location-line);background:var(--location-cream)}
.location_map iframe{display:block;width:100%;height:100%;border:0}

/* 6. FINAL CTA */
.location_cta{padding:58px 0;background:var(--location-cream)}
.location_cta_inner{display:flex;gap:50px;align-items:center;justify-content:space-between}.location_cta h2{max-width:760px}
.location_cta p:not(.location_kicker){max-width:650px;margin:15px 0 0;color:var(--location-muted);font-size:14px;line-height:1.75}.location_cta .button{flex:0 0 auto}

/* 7. TABLET */
@media(max-width:1000px){.location_container{width:min(900px,calc(100% - 48px))}.location_hero,.location_hero_content{min-height:580px}.location_cta_inner{gap:30px}}

/* 8. MOBILE */
@media(max-width:700px){.location_container{width:calc(100% - 40px)}.location_hero,.location_hero_content{min-height:620px}.location_hero_media img{object-position:62% center}.location_hero_overlay{background:linear-gradient(0deg,rgba(22,18,15,.78) 0%,rgba(22,18,15,.48) 52%,rgba(22,18,15,.10) 100%)}.location_hero_content{padding:70px 0 48px;justify-content:flex-end}.location_hero h1{font-size:clamp(48px,14vw,64px)}.location_hero_intro{max-width:100%;font-size:13px;line-height:1.75}.location_content{padding:52px 0 60px}.location_content h2,.location_visit h2,.location_cta h2{font-size:38px}.location_content p:not(.location_kicker){font-size:14px;line-height:1.8}.location_actions{flex-direction:column}.location_actions .button{width:100%}.location_visit{padding:48px 0}.location_map{height:360px}.location_cta{padding:48px 0}.location_cta_inner{align-items:stretch;flex-direction:column}.location_cta .button{width:100%}}
