:root {
  --gr-page-gutter: clamp(24px, 5vw, 96px);
  --gr-content-rail: max(var(--gr-page-gutter), calc((100vw - 1728px) / 2));
  --gr-section-space: 96px;
  --gr-section-gap: 48px;
  --gr-column-gap: 64px;
}
.navbar-wrap { padding-inline: var(--gr-content-rail); }
.navbar-wrap > .navbar-links { min-width: 0; justify-content: center; }
.navbar-wrap > .navbar-right { min-width: 0; }
.section-heading-wrapper { width: 100%; min-width: 0; justify-content: flex-start; align-items: flex-start; }
.section-about-wrapper,.local-reduced-motion .section-about-wrapper { max-width: none; padding: var(--gr-section-space) var(--gr-content-rail); }
.about-pinned { max-width: none; margin: 0; column-gap: var(--gr-column-gap); }
.section-slider-showcase { padding-block: var(--gr-section-space); }
#work .section-projects-wrapper { gap: 0; }
#work .section-projects-wrapper > .section-projects-header { padding: 0 var(--gr-content-rail); margin: 0 0 var(--gr-section-gap); column-gap: var(--gr-column-gap); }
#work .projects-vertical-wrapper { padding: 0; }
#work .projects-list-wrapper { padding-inline: var(--gr-content-rail); }
#work .projects-list { gap: var(--gr-section-gap) 32px; }
#work .project-card { height: auto; }
#work .project-card-img-wrapper { position: relative; height: auto; aspect-ratio: 5/6; flex: none; }
#work .project-img,#work .project-img-hover { min-width: 0; }
.projects-end { min-width: 0; margin-top: var(--gr-section-space); }
.gr-bridge-copy { padding-left: var(--gr-content-rail); padding-right: var(--gr-column-gap); }
.section-services-wrapper { padding-top: var(--gr-section-space); gap: var(--gr-section-gap); }
.section-services .section-projects-header { padding: 0 var(--gr-content-rail); column-gap: var(--gr-column-gap); }
.section-services .gr-services-intro { margin-bottom: 0; }
.gr-services-catalog { margin: var(--gr-section-gap) var(--gr-content-rail) 0; padding-top: var(--gr-section-gap); column-gap: var(--gr-column-gap); }
.section-testimonials-wrapper { padding: var(--gr-section-space) var(--gr-content-rail); gap: var(--gr-section-gap); }
.section-testimonials .section-projects-header { justify-content: flex-start; }
.section-faq-wrapper { max-width: none; padding: var(--gr-section-space) var(--gr-content-rail); column-gap: var(--gr-column-gap); }
.footer { height: auto; min-height: 100svh; }
.footer-wrapper { height: auto; min-height: 100svh; padding: var(--gr-section-space) 24px 24px; gap: var(--gr-section-gap); }
.footer-top { width: 100%; height: auto; padding: 0 calc(var(--gr-content-rail) - 24px); gap: var(--gr-column-gap); }
.footer-top-left { gap: 24px; }
.footer-top-right { width: 40%; min-width: 0; max-width: none; height: auto; gap: var(--gr-section-gap); align-items: stretch; }
.footer-top-right-top { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.footer-top-right-btm { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.gr-footer-signoff { width: 100%; }

.gr-footer-art { padding-top: calc(6.4vw + 16px); overflow: visible clip; }
.footer-rights-text { margin: 0; padding: 0 calc(var(--gr-content-rail) - 24px) 16px; }
.contact-navbar { padding-inline: var(--gr-content-rail); }
.contact-page .contact-content { padding-inline: var(--gr-content-rail); column-gap: var(--gr-column-gap); }
.contact-page .contact-left { align-items: flex-start; }
.contact-page .contact-heading.left,.contact-page .contact-heading.right,.contact-page .contact-para.left { transform: none; }
@media (max-width: 991px) {
  :root { --gr-section-space: 80px; --gr-column-gap: 40px; }
  .footer-top-right { width: 42%; }
}
@media (max-width: 900px) {
  .gr-services-catalog,.section-faq-wrapper { row-gap: var(--gr-section-gap); }
}
@media (max-width: 700px) {
  #work .section-projects-wrapper > .section-projects-header { gap: 24px; }
}
@media (max-width: 600px) {
  :root { --gr-page-gutter: 24px; --gr-section-space: 64px; --gr-section-gap: 32px; --gr-column-gap: 24px; }
  #work .projects-list { gap: 32px; }
  .gr-bridge-copy { padding-inline: var(--gr-content-rail); }
  .section-services .section-projects-header { gap: 24px; }
  .footer-top { flex-direction: column; gap: 40px; }
  .footer-top-right { width: 100%; }
  .footer-top-right-btm { grid-template-columns: 1fr; gap: 24px; }
  .gr-footer-art { padding-top: calc(6.592vw + 16.8px); }
  .contact-page .contact-content { row-gap: 32px; }
}