/* ==========================================================
   Contact forms dev by M.Salman | AS Map Contact
   Same design as the original HTML/CSS. Scoped to .asm
   ========================================================== */
@keyframes ascf-rise{from{opacity:0;transform:translateY(24px)}}

.asm{
  --blue:#094E91;--soft:#EAF1F9;--yellow:#F4C223;--cream:#FFF6D9;
  --ink:#0C0C0C;--text:#3B4656;--muted:#657287;--line:#DCE6F1;
  --sh:0 18px 44px rgba(9,78,145,.12);
  --head:'Sora',system-ui,sans-serif;--body:'DM Sans',system-ui,sans-serif;
  font-family:var(--body);font-size:17px;line-height:1.65;color:var(--text);overflow-x:clip;-webkit-font-smoothing:antialiased;
}
.asm *,.asm *::before,.asm *::after{box-sizing:border-box}
body .asm :is(h1,h2,h3,h4){font-family:var(--head);color:var(--ink);line-height:1.18;letter-spacing:-.02em;margin:0;font-weight:700}
body .asm p{margin:0}

.asm .wrap{width:min(1200px,92%);margin-inline:auto}
.asm .sec{padding:104px 0}
.asm .eyebrow{display:inline-block;font:700 13px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;color:var(--blue);background:var(--soft);padding:8px 14px;border-radius:99px;margin-bottom:16px}
.asm .sh{max-width:720px;margin:0 auto 56px;text-align:center}
.asm .sh h2{font-size:clamp(28px,3.4vw,44px);letter-spacing:-.03em}
.asm .sh p{margin-top:14px;color:var(--muted);font-size:18px}

/* ---------- simple map ---------- */
.asm .mapc{position:relative;height:460px;border-radius:36px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh);background:linear-gradient(160deg,var(--soft),var(--cream))}
.asm .mapc iframe{position:absolute;inset:0;width:100%;height:100%;border:0;max-width:none}

@supports (animation-timeline:view()){
  .asm .mapc{animation:ascf-rise both linear;animation-timeline:view();animation-range:entry 0% entry 35%}
}

@media (max-width:640px){
  .asm .sec{padding:72px 0}
  .asm .mapc{height:320px;border-radius:28px}
}
@media (prefers-reduced-motion:reduce){
  .asm *,.asm *::before,.asm *::after{animation:none!important;transition:none!important}
}
