.case-photos { display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.gallery-image { grid-column: span 5; }
.gallery-image:first-child { grid-column: span 7; }
.gallery-image img { width: 100%; height: auto; min-height: 0; aspect-ratio: 4 / 3; object-fit: cover; }
.gallery-image:first-child img { aspect-ratio: 16 / 10; }
.gallery-video { grid-column: span 5; margin: 0; padding: 16px; background: var(--ink); color: #fff; }
.video-label { display: flex; align-items: baseline; justify-content: space-between; padding: 2px 2px 13px; }
.video-label span { color: var(--green); font-size: 10px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.video-label b { font-size: 12px; font-weight: 500; }
.video-frame { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #202020; }
.video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.service-events { background-image: url('materiais-brutos/dell-summit-2024/3A304BFF-A95E-465B-8714-A4B1B5EBB6D8.JPG'); }
.service-kits { background-image: url('materiais-brutos/kit-rissul-dia-das-maes/Fotos%20e%20V%C3%ADdeos%20-%2020250414%20-%20Unidasul%20-%20Press%20Kit%20Dia%20das%20M%C3%A3es%20Rissul%20-%20Entregas%20dia%2010.05.25/Fotos%20by%20Vini%20Vargas/IMG_7088.JPG'); }
.site-header { height: 116px; padding: 30px 5.2vw; }
.case-motion-enabled .case-card { opacity: 0; transform: translateY(32px); }
.case-motion-enabled .case-card.case-revealed { opacity: 1; transform: translateY(0); transition: opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1); }
.site-logo { width: 172px; height: 62px; display: flex; align-items: center; }
.site-logo .logo-crop { width: 172px; height: 40px; }
.site-header nav { gap: 30px; margin-left: auto; margin-right: 34px; font-size: 15px; }
.site-header .language { padding-left: 30px; border-left-color: rgba(255,255,255,.45); }
.site-cta { display: inline-flex; align-items: center; align-self: center; gap: 7px; white-space: nowrap; border-bottom-color: var(--green); }
.menu-toggle,.mobile-menu { display: none; }
@media (max-width: 760px) { .gallery-image,.gallery-video { display: block; margin-bottom: 12px; } .gallery-image img, .gallery-image:first-child img { height: auto; min-height: 0; aspect-ratio: 4 / 3; } .gallery-image:first-child img { aspect-ratio: 3 / 2; } .gallery-video { padding: 12px; } .service-hero-copy h1 { max-width: 350px; font-size: 46px; line-height: .84; } .site-header { height: 88px; padding: 21px 20px; } .site-logo,.site-logo .logo { width: 200px; height: 46px; } .site-header > .menu-toggle { position: absolute; z-index: 12; right: 18px; top: 23px; display: grid; gap: 6px; width: 42px; height: 42px; padding: 10px 6px; border: 0; background: transparent; cursor: pointer; } .menu-toggle i { display: block; width: 100%; height: 1px; background: #fff; } .mobile-menu { position: fixed; z-index: 11; inset: 0; padding: 120px 24px 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 25px; background: rgba(12,12,14,.7); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); opacity: 0; pointer-events: none; transition: opacity .25s ease; } .mobile-menu[aria-hidden="false"] { opacity: 1; pointer-events: auto; } .mobile-menu a { color: #fff; font: 600 clamp(29px,8vw,42px) Barlow,Arial,sans-serif; letter-spacing: -.045em; text-align: center; } .mobile-menu span { margin-top: 22px; color: rgba(255,255,255,.62); font-size: 12px; letter-spacing: .14em; } }

@media (max-width: 760px) {
  .filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 28px; padding: 0; overflow: visible; }
  .filters button { width: 100%; min-width: 0; padding: 10px 5px; white-space: normal; font-size: 12px; line-height: 1.1; }
}

@media (max-width: 760px) {
  .site-logo,.site-logo .logo { width: 202px; }
  .site-header > .menu-toggle { display: block; padding: 0; }
  .site-header > .menu-toggle i { position: absolute; left: 6px; width: 30px; height: 1.5px; transform-origin: center; }
  .site-header > .menu-toggle i:first-child { top: 15px; }
  .site-header > .menu-toggle i:last-child { top: 25px; }
  body.menu-open .site-header > .menu-toggle i:first-child { transform: translateY(5px) rotate(45deg); }
  body.menu-open .site-header > .menu-toggle i:last-child { transform: translateY(-5px) rotate(-45deg); }
}