/* Desktop fidelity contract: Illustrator artboard “Home”, 1440 × 6651.581. */
.page-home { overflow-x: hidden; }
.page-home main { overflow: visible; }
.page-home .site-header,
.page-home .hero,
.page-home .about,
.page-home .solutions,
.page-home .clients,
.page-home .blog-preview,
.page-home .closing,
.page-home .site-footer { position: relative; }
.page-home .hero,
.page-home .about,
.page-home .solutions,
.page-home .clients,
.page-home .blog-preview,
.page-home .closing { overflow: hidden; }

.desktop-only { display: inline; }

/* Keep artboard coordinates relative to a centered canvas, not the window edge. */
.artboard-frame {
  position: relative;
  left: calc(50% - 720px);
  width: 1440px;
  height: 100%;
}

/* Header */
.page-home .site-header,
.page-home .site-header.is-scrolled {
  position: absolute;
  z-index: 50;
  height: 100px;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.page-home .header-inner { position: relative; display: block; height: 100%; }
.page-home .brand {
  position: absolute;
  top: 24px;
  left: -2px;
  display: block;
  width: 175px;
  height: 53px;
}
.page-home .brand img { width: 175px; height: 53px; max-width: none; }
.page-home .site-nav {
  position: absolute;
  top: 43.848px;
  left: 530.09px;
  display: flex;
  width: 537.026px;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .2em;
  line-height: 16.575px;
}
.page-home .site-nav a { padding: 0; }
.page-home .site-nav a { position: absolute; top: 0; }
.page-home .site-nav a:nth-child(1) { left: 0; }
.page-home .site-nav a:nth-child(2) { left: 153px; }
.page-home .site-nav a:nth-child(3) { left: 273px; }
.page-home .site-nav a:nth-child(4) { left: 387px; }
.page-home .site-nav a:nth-child(5) { left: 460px; }
.page-home .site-nav a::after { bottom: -7px; }
.page-home .instagram-mark {
  position: absolute;
  top: 35px;
  left: 1098px;
  width: 31px;
  height: 31px;
  max-width: none;
}
.page-home .menu-toggle {
  position: absolute;
  top: 28px;
  left: 1153px;
  display: block;
  width: 50px;
  height: 44px;
  padding: 11px 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.page-home .menu-toggle img { width: 50px; height: 22px; max-width: none; }

/* Shared Illustrator section marker. */
.page-home .section-b {
  position: absolute;
  z-index: 5;
  top: -28px;
  left: 50%;
  width: 108.627px;
  height: 156.456px;
  max-width: none;
  transform: translateX(-50%);
}

/* Hero — local coordinates equal artboard coordinates at 1440px. */
.page-home .hero { height: 828.036px; background: var(--b2b-dark); }
.hero-copy h1 {
  position: absolute;
  z-index: 4;
  top: 360px;
  left: 137.464px;
  margin: 0;
  color: var(--white);
  font-family: "DIN2014-Demi", "DIN 2014", "Arial Narrow", sans-serif;
  font-size: 84px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: .966;
  text-transform: uppercase;
}
.hero-copy h1 span,
.hero-copy h1 strong { display: block; white-space: nowrap; }
.hero-copy h1 span { margin-left: 33.08px; font-weight: 600; }
.hero-copy h1 strong { color: var(--b2b-green); font-weight: 600; }
.page-home .button {
  min-height: 0;
  border-width: 1px;
  font-family: var(--font-body);
  font-size: 13.16px;
  font-weight: 400;
  letter-spacing: .18em;
  white-space: nowrap;
}
.hero-copy .button {
  position: absolute;
  z-index: 6;
  top: 573.43px;
  left: 153.616px;
  width: 239.874px;
  height: 40.832px;
  gap: 14px;
  padding: 0 27px;
}
.whatsapp-icon {
  display: block;
  flex: 0 0 auto;
  width: 18.945px;
  height: 19.039px;
  max-width: none;
}
.solutions-cta .whatsapp-icon { width: 18.949px; }
.hero-composition { position: absolute; z-index: 2; top: 0; left: 0; width: 1440px; height: 930px; pointer-events: none; }
.hero-glow { position: absolute; top: 0; left: 150px; width: 1140px; height: 930px; max-width: none; }
.hero-artwork {
  position: absolute;
  top: 110px;
  left: 540px;
  width: 360px;
  height: 630px;
  max-width: none;
}
.hero-metrics { position: absolute; z-index: 6; inset: 0; margin: 0; }
.hero-metrics .metric { position: static; text-align: left; }
.hero-metrics dt {
  position: absolute;
  margin: 0;
  color: var(--b2b-green);
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 84px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}
.hero-metrics dd {
  position: absolute;
  margin: 0;
  color: var(--white);
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 26.667px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.metric-launches dt { top: 212.115px; left: 945.782px; }
.metric-launches dd { top: 290.076px; left: 945.783px; }
.metric-vgv dt { top: 381.056px; left: 973.689px; }
.metric-vgv dd { top: 458.018px; left: 1109.087px; }
.metric-developers dt { top: 540.114px; left: 972.504px; }
.metric-developers dd { top: 618.075px; left: 932.48px; }
.hero-pagination {
  position: absolute;
  z-index: 7;
  top: 779.737px;
  left: 683.499px;
  display: flex;
  width: 73.002px;
  height: 3px;
  justify-content: flex-start;
  gap: 6px;
}
.hero-pagination span { width: 16px; height: 3px; background: var(--white); }
.hero-pagination span:first-child { background: var(--b2b-green); }
.hero-pagination span:nth-child(1) { width: 30px; }
.hero-pagination span:nth-child(3) { width: 15px; }

/* Quem somos */
.page-home .about { height: 967.349px; background: var(--b2b-green); }
.about-heading { position: absolute; top: 172.9px; left: 0; width: 100%; max-width: none; margin: 0; color: var(--white); }
.about-heading h2 {
  margin: 0;
  color: var(--b2b-dark);
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 54.943px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.about-heading p {
  margin: 26px 0 0;
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  transform: scaleX(.9786);
  transform-origin: center top;
}
.about-heading p span { display: inline-block; }
.about-heading p span:first-child { transform: translateX(-3px); }
.people-grid { display: contents; }
.person-card { position: absolute; width: 272px; color: var(--b2b-dark); }
.person-luciano { top: 379.383px; left: 221px; }
.person-vicente { top: 370.525px; left: 584px; }
.person-daiani { top: 392.414px; left: 952px; }
.person-image { position: absolute; top: 0; overflow: visible; }
.person-image picture,
.blog-preview .post-media picture { display: block; width: 100%; height: 100%; }
.person-image img { width: 100%; height: auto; max-width: none; }
.person-luciano .person-image { left: -40.905px; width: 358.187px; }
.person-vicente .person-image { left: -75.546px; width: 410.382px; }
.person-daiani .person-image { left: -33.806px; width: 350.072px; }
.person-label {
  position: absolute;
  height: auto;
  max-width: none;
}
.person-luciano .person-label { top: 11.098%; left: 53.831%; width: 22.288%; }
.person-vicente .person-label { top: 13.187%; left: 54.922%; width: 18.856%; }
.person-daiani .person-label { top: 7.669%; left: 59.088%; width: 22.699%; }
.person-copy { position: absolute; top: 243px; left: 0; width: 272px; padding: 0; font-size: 14px; line-height: 16.8px; }
.person-vicente .person-copy { top: 251.5px; }
.person-daiani .person-copy { top: 229px; }
.person-vicente .person-copy,
.person-daiani .person-copy { left: 1px; }
.person-copy h3 { position: relative; top: 1px; margin: 0; font-family: "DIN2014-Bold", "DIN 2014", sans-serif; font-size: 14px; font-weight: 700; line-height: 16.8px; text-transform: uppercase; }
.person-copy p { margin: 0 0 17px; }
.person-copy .person-role { position: relative; top: 1px; min-height: 0; margin-bottom: 18px; font-weight: 400; }
.person-daiani .person-copy .person-role { font-family: "DIN2014-Bold", "DIN 2014", sans-serif; font-weight: 700; }
.person-copy p:not(.person-role) { color: var(--white); }

/* Soluções */
.page-home .solutions {
  height: 2316.617px;
  background-color: var(--b2b-dark);
}
.solutions .section-b { top: -28.902px; width: 108.627px; height: 165.687px; }
.solutions-heading { position: absolute; z-index: 3; top: 215.15px; left: 0; width: 100%; max-width: none; margin: 0; }
.solutions-heading h2 {
  margin: 0;
  color: var(--b2b-green);
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 60px;
  font-weight: 600;
  line-height: 1;
  transform: translateY(-3px) scaleX(.914);
  transform-origin: center top;
}
.solutions-heading p {
  margin: 20px 0 0;
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
  transform: scaleX(.923);
  transform-origin: center top;
}
.solutions-heading p span { display: inline-block; }
.solutions-heading p span + br + span { position: relative; left: -9px; }
.video-poster {
  position: absolute;
  z-index: 3;
  top: 410.727px;
  left: 333.551px;
  width: 772px;
  height: 474px;
  margin: 0;
  overflow: hidden;
  background: #29242d;
}
.video-poster img { width: 100%; height: 100%; object-fit: cover; }
.solutions-list { margin: 0; padding: 0; list-style: none; }
.solution-card {
  position: absolute;
  z-index: 3;
  width: 362.205px;
  height: 248.538px;
  padding: 106.562px 22px 20px 24.92px;
  border: 2.438px solid transparent;
  background: transparent;
}
.solution-card::before {
  position: absolute;
  z-index: 0;
  inset: -2.438px;
  background: url("../images/solution-card-frame.svg") 0 0 / 100% 100% no-repeat;
  content: "";
  pointer-events: none;
}
.solution-card:nth-child(odd) { left: 337.489px; }
.solution-card:nth-child(even) { left: 744.463px; }
.solution-projects,
.solution-development { top: 946.465px; }
.solution-planning,
.solution-commercial { top: 1242.596px; }
.solution-marketing,
.solution-stock { top: 1547.079px; }
.solution-legal { top: 1834.859px; }
.solution-planning { padding-top: 94.562px; }
.solution-marketing { padding-top: 108.062px; }
.solution-stock { padding-top: 127.062px; }
.solution-legal { padding-top: 107.562px; }
.solution-icon { position: absolute; top: 19px; right: 28px; width: 83px; height: 83px; max-width: none; }
.solution-projects .solution-icon,
.solution-development .solution-icon,
.solution-planning .solution-icon,
.solution-commercial .solution-icon { top: 18px; }
.solution-card h3 {
  position: relative;
  left: 0;
  margin: 0 0 9px;
  color: var(--b2b-green);
  font-family: "DIN2014-Bold", "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.solution-card p { width: 290px; margin: 0; color: var(--white); font-size: 16px; line-height: 19.2px; }
.solution-projects h3,
.solution-projects p { transform: translate(1px, 1px); }
.solution-development h3 { transform: translate(1px, 1px); }
.solution-development p { transform: translateY(1px); }
.solution-planning p { transform: translateX(1px); }
.solution-commercial h3,
.solution-commercial p { transform: translateX(1px); }
.solution-stock h3 { transform: translateX(1px); }
.solution-legal h3,
.solution-legal p { transform: translateY(1px); }
.solution-marketing p { width: 291px; }
.solution-marketing p span { display: inline-block; white-space: nowrap; }
.page-home .solutions-cta {
  position: absolute;
  z-index: 4;
  top: 2181.527px;
  left: 600.063px;
  width: 239.874px;
  height: 40.832px;
  gap: 13px;
  padding: 0 27px;
  font-family: var(--font-body);
  font-size: 13.333px;
  font-weight: 400;
  border-color: rgba(255, 255, 255, .75);
  letter-spacing: 2.4px;
  white-space: nowrap;
}
.page-home .solutions-cta .whatsapp-icon { transform: translate(1px, -1px); }
.decorative-two {
  position: absolute;
  z-index: 1;
  width: 248px;
  max-width: none;
  height: auto;
  pointer-events: none;
}
.decorative-two-top { top: 241.615px; left: 1251px; }
.decorative-two-left { top: 1325.615px; left: -92px; }
.solutions-glow { position: absolute; z-index: 0; display: block; max-width: none; pointer-events: none; }
.solutions-glow-top { top: -185.385px; left: -160px; width: 1810px; height: 1520px; }
.solutions-glow-bottom { top: 1714.615px; left: 700px; width: 1320px; height: 1010px; }

/* Clientes */
.page-home .clients { height: 938.97px; margin-top: -1.107px; overflow: hidden; background: var(--white); }
.clients-heading { position: absolute; z-index: 3; top: 196px; left: 0; width: 100%; max-width: none; margin: 0; }
.clients-heading h2 {
  margin: 0;
  color: var(--b2b-green);
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 54.943px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.clients-heading p {
  margin: 23px 0 0;
  color: var(--b2b-dark);
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  transform: scaleX(.9773);
  transform-origin: center top;
}
.clients-heading p span { display: inline-block; }
.clients-heading p span:first-child { transform: translateX(-3px); }
.client-logos { position: absolute; z-index: 2; top: 369.105px; left: 350px; width: 750px; height: 470px; max-width: none; }
.decorative-two-clients { top: 262.105px; left: 1266px; }

/* Blog2News */
.page-home .blog-preview { height: 1106.941px; overflow: hidden; background: var(--b2b-green); }
.blog-heading { position: absolute; top: 198px; left: -4px; width: 100%; max-width: none; margin: 0; }
.blog-heading h2 {
  margin: 0;
  color: var(--b2b-dark);
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 54.943px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.blog-heading h2 span { color: var(--white); }
.blog-preview .post-grid {
  position: absolute;
  top: 306.979px;
  left: 120px;
  display: block;
  width: 1197.926px;
  margin: 0;
}
.blog-preview .post-card { position: absolute; top: 0; width: 377.375px; }
.blog-preview .post-card:nth-child(1) { left: 0; }
.blog-preview .post-card:nth-child(2) { left: 408.928px; }
.blog-preview .post-card:nth-child(3) { left: 822.625px; }
.blog-preview .post-media { width: 377.375px; height: 212.387px; margin: 0 0 26px; }
.blog-preview .post-card:nth-child(2) .post-media { width: 375.06px; margin-left: 2.505px; }
.blog-preview .post-card:nth-child(3) .post-media { margin-left: -2.075px; }
.blog-preview .post-media img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
.blog-preview .post-card h3 {
  width: 330px;
  min-height: 48px;
  margin: 0 0 11px;
  font-family: "DIN2014-Bold", "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  transform: translateY(-1px);
}
.blog-preview .post-card > p {
  position: relative;
  width: 100%;
  min-height: 98px;
  margin: 0 0 28px;
  padding: 0 0 23px;
  border-bottom: 0;
  font-size: 14px;
  letter-spacing: .02em;
  line-height: 25px;
}
.blog-preview .post-card > p::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% + 1px);
  height: 1px;
  background: var(--white);
  content: "";
}
.blog-preview .post-card:nth-child(2) > p::after,
.blog-preview .post-card:nth-child(3) > p::after { left: -1px; }
.blog-preview .text-link {
  position: relative;
  width: 138.438px;
  height: 38.796px;
  justify-content: space-between;
  padding: 0 11px 0 20px;
  border: 0;
  font-family: var(--font-body);
  font-size: 12px;
  letter-spacing: .2em;
  line-height: 1;
}
.blog-preview .text-link { transform: translateY(1px); }
.blog-preview .text-link::before {
  position: absolute;
  inset: -1px -1px 0;
  border: 1px solid var(--white);
  content: "";
  pointer-events: none;
}
.blog-preview .text-link::before { border-bottom-color: rgba(255, 255, 255, .75); }
.blog-preview .post-card:nth-child(1) .text-link::before,
.blog-preview .post-card:nth-child(2) .text-link::before { border-left-color: rgba(255, 255, 255, .5); }
.blog-preview .post-card:nth-child(2) .text-link::before { border-right-color: rgba(255, 255, 255, .75); }
.blog-preview .post-card:nth-child(3) .text-link::before { border-right-color: rgba(255, 255, 255, .5); }
.blog-preview .text-link::after {
  position: absolute;
  inset: -1px -1px 0;
  content: "";
  pointer-events: none;
}
.blog-preview .post-card:nth-child(1) .text-link::after {
  background:
    linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)) left 1px top 1px / 1px calc(100% - 2px) no-repeat,
    linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) left 1px bottom 1px / calc(100% - 2px) 1px no-repeat;
}
.blog-preview .post-card:nth-child(2) .text-link::after {
  background:
    linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)) left 1px top 1px / 1px calc(100% - 2px) no-repeat,
    linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) right 1px top 1px / 1px calc(100% - 2px) no-repeat,
    linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) left 1px bottom 1px / calc(100% - 2px) 1px no-repeat;
}
.blog-preview .post-card:nth-child(3) .text-link::after {
  background:
    linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)) right 1px top 1px / 1px calc(100% - 2px) no-repeat,
    linear-gradient(rgba(255, 255, 255, .25), rgba(255, 255, 255, .25)) left 1px bottom 1px / calc(100% - 2px) 1px no-repeat;
}
.blog-preview .text-link .arrow-icon { transform: translate(-1.52px, -1.52px); }
.arrow-icon { display: block; width: 11.592px; height: 11.591px; max-width: none; flex: 0 0 auto; }
.page-home .blog-cta {
  position: absolute;
  top: 853.313px;
  left: 547.487px;
  width: 345.027px;
  height: 40px;
  padding: 0 0 2px 2px;
  color: var(--white);
  border-top-color: rgba(255, 255, 255, .75);
  border-bottom-color: rgba(255, 255, 255, .25);
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .2055em;
}
.page-home .blog-cta::before {
  position: absolute;
  top: -2px;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(255, 255, 255, .25);
  content: "";
}
.page-home .blog-cta::after {
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
  height: 1px;
  background: rgba(255, 255, 255, .75);
  content: "";
}
.closing-display {
  position: absolute;
  z-index: 1;
  top: 972.819px;
  left: 17.137px;
  width: max-content;
  margin: 0;
  color: var(--b2b-dark);
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 160.29px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Closing + footer: 494.775px combined. */
.page-home .closing { height: 415px; background: var(--b2b-dark); }
.closing-inner { position: relative; height: 100%; }
.closing h2 {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  margin: 0;
  color: var(--b2b-green);
  font-family: "DIN2014-Demi", "DIN 2014", sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.12;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(1px);
}
.contact-row {
  position: absolute;
  top: 0;
  left: 240.157px;
  display: block;
  width: 959.685px;
  height: 415px;
  margin: 0;
  color: var(--b2b-cream);
  font-size: 15.407px;
  font-style: normal;
}
.contact-row a {
  position: absolute;
  top: 214.76px;
  display: flex;
  width: 318.164px;
  height: 48px;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 17px;
  padding: 0 0 10px;
  border-bottom: 1px solid var(--b2b-green);
}
.contact-row a:first-child { left: 0; }
.contact-row a:last-child { right: 0; justify-content: flex-end; gap: 14.437px; padding-right: 1px; color: var(--white); }
.contact-row a:first-child img { margin-bottom: 3.8px; }
.contact-row a:last-child img { margin-bottom: 2.9px; }
.contact-row a:first-child .arrow-icon { transform: translateX(1px); }
.contact-row a:last-child .whatsapp-icon { width: 14.473px; height: 14.543px; }
.contact-row .closing-logo { position: absolute; top: 170px; left: 388.343px; width: 183px; height: auto; max-width: none; }
.page-home .site-footer { height: 79.775px; padding: 0; background: var(--b2b-dark); }
.page-home .footer-inner {
  position: absolute;
  top: 33px;
  left: calc(50% - 527px);
  display: flex;
  width: 988px;
  align-items: center;
  justify-content: space-between;
  color: var(--b2b-green);
  font-size: 10px;
  letter-spacing: 0;
}
.page-home .footer-inner p:last-child { transform: translateX(-1px); }

@media (min-width: 1340px) and (max-width: 1439px) {
  .closing-display { left: 50%; font-size: calc((100vw - 32px) * .11384); transform: translateX(-50%); }
}

@media (max-width: 1339px) {
  .artboard-frame { display: contents; }
  .desktop-only { display: none; }
  .page-home .site-header,
  .page-home .site-header.is-scrolled {
    position: fixed;
    height: 76px;
    background: color-mix(in srgb, var(--b2b-dark) 96%, transparent);
    box-shadow: 0 8px 30px rgba(20, 17, 23, .14);
    backdrop-filter: blur(14px);
  }
  .page-home .header-inner { display: flex; align-items: center; justify-content: space-between; }
  .page-home .brand { position: relative; top: auto; left: auto; width: 146px; height: 42px; }
  .page-home .brand img { width: 139px; height: auto; }
  .page-home .instagram-mark { display: none; }
  .page-home .menu-toggle { position: relative; top: auto; left: auto; width: 48px; height: 44px; padding: 11px 0; }
  .page-home .site-nav {
    position: fixed;
    z-index: 80;
    top: 76px;
    right: 0;
    left: 0;
    display: grid;
    visibility: hidden;
    width: auto;
    max-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    gap: 0;
    padding: 0 var(--side);
    background: var(--b2b-dark);
    opacity: 0;
    pointer-events: none;
    transition: max-height .3s ease, opacity .2s ease, padding .3s ease, visibility 0s linear .3s;
  }
  .page-home .site-nav.is-open {
    visibility: visible;
    max-height: calc(100vh - 76px);
    padding-top: 24px;
    padding-bottom: 34px;
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s;
  }
  .page-home .site-nav a,
  .page-home .site-nav a:nth-child(1),
  .page-home .site-nav a:nth-child(2),
  .page-home .site-nav a:nth-child(3),
  .page-home .site-nav a:nth-child(4),
  .page-home .site-nav a:nth-child(5) { position: relative; top: auto; left: auto; padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,.15); font-size: 14px; }
  .page-home .hero,
  .page-home .about,
  .page-home .solutions,
  .page-home .clients,
  .page-home .blog-preview,
  .page-home .closing,
  .page-home .site-footer { height: auto; min-height: 0; margin-top: 0; }
  .page-home .section-b { top: -20px; width: 76px; height: auto; }

  .page-home .hero { min-height: 820px; }
  .hero-copy h1 { top: 164px; left: var(--side); font-size: clamp(55px, 9vw, 78px); }
  .hero-copy h1 span { margin-left: .38em; }
  .hero-copy .button { top: 350px; left: var(--side); }
  .hero-composition { top: 70px; left: 64%; transform: translateX(-50%) scale(.72); transform-origin: top center; }
  .hero-metrics { position: absolute; top: auto; right: var(--side); bottom: 52px; left: var(--side); display: grid; height: auto; align-items: end; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .hero-metrics .metric { position: static; width: auto; }
  .hero-metrics dt,
  .hero-metrics dd { position: static; top: auto; left: auto; }
  .hero-metrics dt { font-size: clamp(36px, 7vw, 55px); text-align: center; }
  .hero-metrics dd { margin-top: 6px; font-size: 16px; text-align: center; }
  .hero-pagination { display: none; }

  .page-home .about { padding: 120px var(--side) 100px; }
  .about-heading { position: static; }
  .about-heading h2 { font-size: clamp(42px, 7vw, 55px); }
  .about-heading p { font-size: clamp(19px, 3vw, 24px); line-height: 1.16; }
  .about-heading p,
  .solutions-heading h2,
  .solutions-heading p,
  .clients-heading p { transform: none; }
  .about-heading p span:first-child { transform: none; }
  .clients-heading p span:first-child { transform: none; }
  .people-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 68px; }
  .person-card { position: relative; top: auto; left: auto; width: auto; min-width: 0; }
  .person-image,
  .person-luciano .person-image,
  .person-vicente .person-image,
  .person-daiani .person-image { position: relative; top: auto; left: 50%; width: min(100%, 350px); transform: translateX(-50%); }
  .person-copy,
  .person-vicente .person-copy,
  .person-daiani .person-copy { position: static; width: auto; margin-top: 12px; font-size: 14px; line-height: 1.4; }
  .person-copy h3,
  .person-copy .person-role { top: auto; }
  .person-copy h3,
  .person-copy p:not(.person-role) { letter-spacing: normal; }

  .page-home .solutions { padding: 140px var(--side) 110px; }
  .solutions-glow-top { top: 150px; left: 50%; width: min(1100px, 180%); height: auto; transform: translateX(-50%); }
  .solutions-glow-bottom { top: auto; bottom: -100px; left: 45%; width: min(900px, 160%); height: auto; }
  .solutions-heading { position: static; }
  .solutions-heading h2 { font-size: clamp(44px, 7vw, 60px); }
  .solutions-heading p { font-size: clamp(19px, 3vw, 26px); }
  .video-poster { position: relative; top: auto; left: auto; width: min(772px, 100%); height: auto; aspect-ratio: 772 / 474; margin: 60px auto; }
  .solutions-list { display: grid; width: min(770px, 100%); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px; margin: 0 auto; }
  .solution-card,
  .solution-card:nth-child(odd),
  .solution-card:nth-child(even),
  .solution-projects,
  .solution-development,
  .solution-planning,
  .solution-commercial,
  .solution-marketing,
  .solution-stock,
  .solution-legal { position: relative; top: auto; left: auto; width: 100%; height: auto; min-width: 0; min-height: 250px; }
  .solution-marketing p { width: 290px; max-width: 100%; }
  .solution-marketing p span { display: inline; white-space: normal; }
  .solution-card p { width: auto; max-width: 100%; }
  .solution-card h3,
  .solution-card p { transform: none; }
  .page-home .solutions-cta { position: relative; top: auto; left: 50%; margin-top: 70px; transform: translateX(-50%); }
  .decorative-two { opacity: .55; }
  .decorative-two-left { left: -200px; }

  .page-home .clients { padding: 130px var(--side) 80px; }
  .clients-heading { position: static; }
  .clients-heading h2 { font-size: clamp(42px, 7vw, 55px); }
  .clients-heading p { font-size: clamp(19px, 3vw, 24px); }
  .client-logos { position: relative; top: auto; left: auto; width: min(800px, 100%); height: auto; margin: 40px auto 0; }

  .page-home .blog-preview { padding: 140px var(--side) 155px; }
  .blog-heading { position: static; }
  .blog-heading h2 { font-size: clamp(42px, 7vw, 55px); }
  .blog-preview .post-grid { position: static; display: grid; width: 100%; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 60px; }
  .blog-preview .post-card,
  .blog-preview .post-card:nth-child(1),
  .blog-preview .post-card:nth-child(2),
  .blog-preview .post-card:nth-child(3) { position: relative; top: auto; left: auto; display: flex; width: 100%; flex-direction: column; }
  .blog-preview .post-media,
  .blog-preview .post-card:nth-child(2) .post-media,
  .blog-preview .post-card:nth-child(3) .post-media { width: 100%; height: auto; margin-left: 0; aspect-ratio: 377.376 / 212.386; }
  .blog-preview .post-card h3 { width: auto; transform: none; }
  .blog-preview .post-card > p { flex: 1 1 auto; }
  .blog-preview .text-link { align-self: flex-start; }
  .page-home .blog-cta { position: relative; top: auto; left: 50%; margin-top: 70px; transform: translateX(-50%); }
  .closing-display { right: auto; bottom: -5px; top: auto; left: 50%; font-size: clamp(28px, 10.4vw, 130px); transform: translateX(-50%); }

  .page-home .closing { min-height: 415px; padding: 0 var(--side); }
  .closing h2 { position: static; padding-top: 28px; font-size: clamp(27px, 4vw, 36px); transform: none; }
  .contact-row { position: relative; top: auto; left: auto; display: grid; width: min(960px, 100%); height: auto; margin: 115px auto 0; grid-template-columns: minmax(0, 1fr) 150px minmax(0, 1fr); column-gap: 38px; }
  .contact-row a,
  .contact-row a:first-child,
  .contact-row a:last-child { position: relative; top: auto; right: auto; left: auto; width: auto; align-items: center; }
  .contact-row a:last-child { padding-right: 0; }
  .contact-row .closing-logo { position: relative; top: auto; left: auto; width: 150px; }
  .page-home .site-footer { min-height: 80px; }
  .page-home .footer-inner { position: static; width: min(calc(100% - (2 * var(--side))), 988px); margin: 0 auto; padding-top: 28px; align-items: center; flex-direction: row; }
  .page-home .footer-inner p:last-child { transform: none; }
  .page-home .solutions::before { display: none; }
}

@media (max-width: 820px) {
  .people-grid { grid-template-columns: 1fr; gap: 72px; }
  .person-image,
  .person-luciano .person-image,
  .person-vicente .person-image,
  .person-daiani .person-image { width: min(86vw, 410px); }
  .person-copy,
  .person-vicente .person-copy,
  .person-daiani .person-copy { width: min(100%, 410px); margin: 8px auto 0; font-size: 15px; line-height: 1.45; }
  .contact-row { column-gap: 24px; }
  .contact-row a:first-child { gap: 12px; }
}

@media (min-width: 721px) and (max-width: 900px) {
  .hero-composition { left: 70%; transform: translateX(-50%) scale(.65); }
  .people-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px 28px; }
  .person-image,
  .person-luciano .person-image,
  .person-vicente .person-image,
  .person-daiani .person-image { width: min(100%, 350px); }
  .person-card:last-child { width: calc((100% - 28px) / 2); grid-column: 1 / -1; justify-self: center; }
}

@media (max-width: 720px) {
  .page-home .hero { min-height: 820px; }
  .hero-copy h1 { top: 120px; left: 50%; transform: translateX(-50%); font-size: clamp(48px, 12vw, 68px); }
  .hero-copy .button { top: 280px; left: 50%; width: 220px; transform: translateX(-50%); }
  .hero-composition { top: 315px; left: 50%; transform: translateX(-50%) scale(.47); }
  .hero-metrics { bottom: 35px; gap: 8px; }
  .hero-metrics dt { font-size: clamp(29px, 10vw, 44px); }
  .hero-metrics dd { font-size: 12px; }
  .people-grid { grid-template-columns: 1fr; gap: 72px; }
  .person-image,
  .person-luciano .person-image,
  .person-vicente .person-image,
  .person-daiani .person-image { width: min(86vw, 410px); }
  .person-copy,
  .person-vicente .person-copy,
  .person-daiani .person-copy { width: min(100%, 410px); margin: 8px auto 0; font-size: 15px; line-height: 1.45; }
  .solutions-list { grid-template-columns: 1fr; }
  .solution-card,
  .solution-card:nth-child(odd),
  .solution-card:nth-child(even),
  .solution-projects,
  .solution-development,
  .solution-planning,
  .solution-commercial,
  .solution-marketing,
  .solution-stock,
  .solution-legal { height: auto; min-height: 230px; }
  .decorative-two { display: none; }
  .blog-preview .post-grid { grid-template-columns: 1fr; gap: 52px; }
  .blog-preview .post-card > p { min-height: 0; }
  .page-home .blog-cta { width: min(346px, 100%); }
  .closing-display { font-size: 10vw; }
  .page-home .closing { padding-bottom: 70px; }
  .contact-row { grid-template-columns: 1fr; justify-items: center; gap: 28px; margin-top: 65px; }
  .contact-row .closing-logo { grid-row: 1; width: 150px; }
  .contact-row a { width: min(100%, 350px); }
  .page-home .footer-inner { flex-direction: column; gap: 10px; padding-bottom: 25px; text-align: center; }
  .page-home .footer-inner { font-size: 12px; line-height: 1.4; }
}

@media (max-width: 360px) {
  .page-home .blog-cta { font-size: clamp(10px, 3.33vw, 13px); letter-spacing: .18em; }
}