/* ============================================================
   Reach Us — minimal one-tap contact page
   ============================================================ */

.reach-body{
  background:var(--espresso-900);
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.5rem;
}
.reach-main{width:100%;display:flex;justify-content:center;}
.reach-card{
  width:100%;
  max-width:460px;
  background:var(--ivory-100);
  border-radius:var(--radius-lg);
  padding:clamp(2rem,6vw,3rem) clamp(1.5rem,5vw,2.5rem);
  text-align:center;
  box-shadow:0 40px 90px -30px rgba(0,0,0,0.5);
}
.reach-logo{display:inline-block;margin-bottom:1.6rem;}
.reach-logo img{height:44px;width:auto;}
.reach-eyebrow{justify-content:center;margin-bottom:0.8rem;}
.reach-title{
  font-family:var(--font-display);
  font-weight:560;
  font-size:clamp(1.6rem,5vw,2.1rem);
  color:var(--espresso-800);
  line-height:1.12;
  margin-bottom:0.7rem;
}
.reach-title em{font-style:italic;font-weight:500;color:var(--gold-600);}
.reach-sub{font-size:0.88rem;color:var(--muted);line-height:1.55;margin-bottom:2rem;}

.reach-actions{display:grid;gap:0.9rem;margin-bottom:1.8rem;}
.reach-btn{
  display:flex;align-items:center;gap:0.9rem;
  padding:1rem 1.1rem;
  border-radius:var(--radius-md);
  background:var(--white);
  border:1.5px solid rgba(74,50,38,0.12);
  text-align:left;
  transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s;
}
.reach-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);}
.reach-btn-icon{
  width:46px;height:46px;flex-shrink:0;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.reach-btn-icon svg{width:21px;height:21px;}
.reach-btn-text{flex:1;display:flex;flex-direction:column;gap:0.15rem;}
.reach-btn-text strong{font-family:var(--font-display);font-size:1rem;color:var(--espresso-800);}
.reach-btn-text span{font-size:0.78rem;color:var(--muted);}
.reach-btn-arrow{width:18px;height:18px;color:var(--muted);flex-shrink:0;}

.reach-directions .reach-btn-icon{background:var(--gold-100);color:var(--gold-600);}
.reach-whatsapp .reach-btn-icon{background:#DCFCE7;color:#1DA851;}
.reach-whatsapp{border-color:rgba(29,168,81,0.3);}
.reach-call .reach-btn-icon{background:var(--ivory-200);color:var(--espresso-700);}

.reach-hours{
  display:flex;align-items:center;justify-content:center;gap:0.55rem;
  font-size:0.82rem;color:var(--muted);
  padding-top:1.5rem;
  border-top:1px solid rgba(74,50,38,0.1);
}
.reach-hours svg{width:16px;height:16px;color:var(--gold-600);flex-shrink:0;}

.reach-back{
  display:inline-block;margin-top:1.6rem;
  font-size:0.82rem;font-weight:600;color:var(--espresso-700);
}
.reach-back:hover{color:var(--gold-600);}

@media (max-width:420px){
  .reach-body{padding:1rem;}
  .reach-card{padding:2rem 1.25rem;}
}