/* ARCHIMETRICA 481 — plugin-owned gallery and service reveal controls. */
.archimetrica-ui-hidden-477,
.archimetrica-ui-toggle-wrap-477[hidden]{
  display:none!important;
}

/* The legacy theme declares service cards as display:flex!important. */
#services .service-packages-grid>.service-package.archimetrica-ui-hidden-477,
.service-packages-grid>.service-package.archimetrica-ui-hidden-477,
#services .service-packages-grid>.service-package[hidden]{
  display:none!important;
  visibility:hidden!important;
}

/* Mobile compact galleries inherit display overrides from older theme builds. */
#projects .creative-grid>.project-card.archimetrica-ui-hidden-477,
#projects [data-home-projects-grid]>.project-card.archimetrica-ui-hidden-477{
  display:none!important;
  visibility:hidden!important;
}

.archimetrica-ui-toggle-wrap-477{
  display:flex;
  justify-content:center;
  width:100%;
  margin-top:clamp(20px,2.4vw,38px);
}

.service-packages-grid>.archimetrica-ui-toggle-wrap-477--services{
  grid-column:1/-1;
  margin-top:clamp(12px,1.8vw,26px);
}

.archimetrica-ui-toggle-button-477{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-width:clamp(210px,16vw,270px);
  min-height:48px;
  padding:13px 18px;
  border:1px solid #111;
  border-radius:0;
  background:#fff;
  color:#111;
  cursor:pointer;
  font:500 11px/1.15 Jost,Arial,sans-serif;
  letter-spacing:.01em;
  text-transform:none;
  transition:background-color .32s ease,color .32s ease,border-color .32s ease,transform .32s ease;
}

.archimetrica-ui-toggle-button-477:hover,
.archimetrica-ui-toggle-button-477:focus-visible{
  background:#111;
  color:#fff;
  border-color:#111;
  transform:translateY(-2px);
  outline:none;
}

.archimetrica-ui-toggle-label-477{
  display:block;
  text-align:left;
}

.archimetrica-ui-toggle-arrow-477{
  display:inline-block;
  font-size:16px;
  line-height:1;
  transition:transform .3s ease;
}

.archimetrica-ui-toggle-button-477[aria-expanded="true"] .archimetrica-ui-toggle-arrow-477{
  transform:rotate(180deg);
}

.projects>.archimetrica-ui-toggle-wrap-477{
  margin-top:clamp(26px,3vw,46px);
}

@media (max-width:767px){
  .archimetrica-ui-toggle-wrap-477{margin-top:18px}
  .archimetrica-ui-toggle-button-477{width:min(100%,340px)}
}