/* Arch Global CSS v2.4 — card animations added */
html{scroll-behavior:smooth;box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}
#arch-header{position:fixed;top:0;left:0;right:0;z-index:9999;background:#011826;transition:box-shadow .25s ease;height:100px}
#arch-header.arch-scrolled{box-shadow:0 2px 20px rgba(0,0,0,.5)}
.arch-header-inner{max-width:1488px;margin:0 auto;padding:0 80px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
@media(max-width:1200px){.arch-header-inner{padding:0 40px}}
@media(max-width:767px){.arch-header-inner{padding:0 20px}#arch-header{height:72px}}
.arch-logo-wrap img{display:block;object-fit:contain}
.arch-nav{display:flex;gap:24px;align-items:center}
.arch-nav-link{font:700 12px/1 Roboto,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#DBD8D5;text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}
.arch-nav-link:hover,.arch-nav-link.arch-active{color:#B59E5F;border-color:#B59E5F}
@media(max-width:1100px){.arch-nav{gap:16px}}
@media(max-width:900px){.arch-nav{display:none}}
.arch-header-ctas{display:flex;gap:10px;align-items:center;flex-shrink:0}
.arch-cta-sell:hover{background:#9C8648!important}
.arch-cta-buy:hover{color:#B59E5F!important;border-color:#B59E5F!important}
@media(max-width:900px){.arch-header-ctas{display:none}}
.arch-hamburger{display:none;background:none;border:none;cursor:pointer;padding:4px;line-height:0;flex-shrink:0}
@media(max-width:900px){.arch-hamburger{display:flex;align-items:center}}
#arch-mob{position:fixed;left:0;right:0;background:#011826;z-index:9998;display:flex;flex-direction:column;border-top:1px solid rgba(181,158,95,.25);max-height:0;overflow:hidden;transition:max-height .3s ease}
#arch-mob.arch-open{max-height:520px}
#arch-mob .arch-nav-link{display:block;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px}
.arch-mob-ctas{display:flex;gap:12px;padding:16px 24px 20px;border-top:1px solid rgba(181,158,95,.2)}
.arch-mob-ctas a{flex:1;text-align:center;padding:12px 16px;border-radius:6px;font:600 13px/1 Roboto,sans-serif;letter-spacing:.8px;text-transform:uppercase;text-decoration:none;transition:opacity .2s}
.arch-mob-ctas a:hover{opacity:.85}
.arch-mob-sell{background:#B59E5F;color:#fff}
.arch-mob-buy{border:1px solid #DBD8D5;color:#DBD8D5}
.elementor-page .elementor,.elementor-template-canvas .elementor{padding-top:100px}
body.admin-bar .elementor-page .elementor,body.admin-bar .elementor-template-canvas .elementor{padding-top:132px}
@media(max-width:782px){.elementor-page .elementor,.elementor-template-canvas .elementor{padding-top:72px}body.admin-bar .elementor-page .elementor,body.admin-bar .elementor-template-canvas .elementor{padding-top:118px}}
body.admin-bar #arch-header{top:32px}
@media(max-width:782px){body.admin-bar #arch-header{top:46px}#arch-mob{top:118px}}
@media(min-width:783px){#arch-mob{top:100px}body.admin-bar #arch-mob{top:132px}}

/* ── SCROLL FADE-UP (headings + text) ── */
@media(prefers-reduced-motion:no-preference){
  .a-up{
    opacity:0;transform:translateY(24px);
    transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);
  }
  .a-up.a-in{opacity:1;transform:none}
  .a-up.d1{transition-delay:0ms}.a-up.d2{transition-delay:80ms}
  .a-up.d3{transition-delay:160ms}.a-up.d4{transition-delay:240ms}
  .a-up.d5{transition-delay:320ms}.a-up.d6{transition-delay:400ms}
}

/* ── CARD ENTRANCE ANIMATION ── */
@media(prefers-reduced-motion:no-preference){
  .arch-card-anim{
    opacity:0;
    transform:translateY(32px);
    transition:
      opacity .6s cubic-bezier(.22,1,.36,1),
      transform .6s cubic-bezier(.22,1,.36,1),
      box-shadow .3s ease;
  }
  .arch-card-anim.arch-card-in{
    opacity:1;
    transform:translateY(0);
  }
  /* stagger delays for cards in a row */
  .arch-card-anim:nth-child(1){transition-delay:.05s}
  .arch-card-anim:nth-child(2){transition-delay:.15s}
  .arch-card-anim:nth-child(3){transition-delay:.25s}
  .arch-card-anim:nth-child(4){transition-delay:.05s}
  .arch-card-anim:nth-child(5){transition-delay:.15s}
  .arch-card-anim:nth-child(6){transition-delay:.25s}
}

/* ── CARD HOVER EFFECTS ── */
/* Listing cards */
.arch-listing-card{
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease !important;
  will-change:transform;
}
.arch-listing-card:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 16px 40px rgba(1,24,38,.14) !important;
}
.arch-listing-card:hover img{
  transform:scale(1.04);
}
.arch-listing-card img{
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}

/* Blog cards */
.arch-blog-card{
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease, opacity .2s !important;
  will-change:transform;
}
.arch-blog-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 14px 36px rgba(1,24,38,.12) !important;
  opacity:.96;
}
.arch-blog-card:hover img{
  transform:scale(1.04);
}
.arch-blog-card img{
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}

/* Resource cards */
.arch-resource-card{
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease !important;
  will-change:transform;
}
.arch-resource-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 14px 36px rgba(181,158,95,.18) !important;
}
.arch-resource-card:hover img{
  transform:scale(1.04);
}
.arch-resource-card img{
  transition:transform .5s cubic-bezier(.22,1,.36,1);
  overflow:hidden;
}

/* gold border highlight on hover */
.arch-listing-card:hover{border-color:#9C8648 !important}
.arch-resource-card:hover{border-color:#B59E5F !important}
