/* Info: presentación azul, imagen a sangre y directorio de proyectos. */
.studio-info { --info-gutter: clamp(22px, 1.65vw, 52px); background: #fff; color: var(--studio-blue); }
.studio-info .studio-header { transition: transform 350ms ease; }
.studio-info .studio-header:not(.is-scrolled):not(.is-menu-open) { background: var(--studio-blue); color: #fff; box-shadow: none; }
.studio-info .studio-header:not(.is-scrolled):not(.is-menu-open) .brand,
.studio-info .studio-header:not(.is-scrolled):not(.is-menu-open) .studio-navigation,
.studio-info .studio-header:not(.is-scrolled):not(.is-menu-open) .menu-toggle { color: #fff; }
.studio-info .studio-header:not(.is-scrolled):not(.is-menu-open) .brand__logo { filter: brightness(0) invert(1); }
.studio-info .studio-navigation .current-menu-item > a { font-weight: 600; }
.studio-info .studio-header.is-scrolled:not(.is-sticky-visible):not(.is-menu-open) { visibility: hidden; opacity: 0; pointer-events: none; transition: none; }
.studio-info .studio-header.is-scrolled:not(.is-menu-open) .studio-navigation { transition: none; }
.info-page { flex: 1; min-width: 0; }
.info-presentation { display: flex; flex-direction: column; justify-content: flex-end; min-height: 100vh; min-height: 100svh; padding: calc(var(--studio-header-height) + 100px) var(--info-gutter) clamp(38px, 2.7vw, 72px); background: var(--studio-blue); color: #fff; }
.info-presentation__copy { font-size: clamp(17px, 1.2vw, 25px); line-height: 1.45; text-align: justify; hyphens: auto; }
.info-presentation__copy p { margin: 0 0 1.25em; text-align: justify; }
.info-presentation__copy p:last-child { margin-bottom: 0; }
.info-presentation__copy a { color: inherit; }
.info-feature { position: relative; width: 100%; aspect-ratio: 8 / 7; overflow: hidden; background: #e7e7e3; }
.info-feature__setup { position: absolute; z-index: 1; inset: 0; display: grid; place-items: center; padding: 24px; color: var(--studio-blue); font-size: 14px; text-align: center; }
.info-details { padding: clamp(32px, 2.1vw, 56px) var(--info-gutter) clamp(140px, 12vw, 300px); font-size: clamp(18px, 1.2vw, 25px); line-height: 1.4; }
.info-details h2 { margin: 0; color: inherit; font: inherit; }
.info-details a { color: inherit; text-decoration: none; }
.info-email { display: block; width: fit-content; max-width: 100%; }
.info-email:hover, .info-clients__list a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.15em; }
.info-clients { margin-top: clamp(130px, 18vw, 450px); }
.info-clients__list { margin: 0; padding: 0; list-style: none; }
.info-clients__list li { margin: 0; }
.info-clients__list a { display: inline-block; padding-block: 1px; }
.info-clients__setup { margin-top: 18px; font-size: 14px; }
.info-session { display: flex; align-items: center; justify-content: center; width: clamp(280px, 28vw, 700px); max-width: 100%; min-height: clamp(62px, 4.3vw, 110px); margin-top: clamp(100px, 10vw, 250px); padding: 12px 24px; border: 1px solid #08257980; text-align: center; transition: background 250ms ease, color 250ms ease; }
.info-session:hover { background: var(--studio-blue); color: #fff; }

@media (min-width: 1000px) {
  .info-presentation__copy { width: 33.333333%; }
  .studio-info .studio-header .studio-navigation .menu { gap: clamp(30px, 4.2vw, 90px); }
  .studio-info .studio-header .studio-navigation a { font-size: clamp(14px, 1.05vw, 21px); }
}
@media (max-width: 700px) {
  .info-presentation { padding-top: calc(var(--studio-header-height) + 140px); padding-bottom: 32px; }
  .info-presentation__copy { font-size: 17px; line-height: 1.5; }
  .info-feature { aspect-ratio: 4 / 5; }
  .info-details { font-size: 18px; }
  .info-clients { margin-top: 140px; }
  .info-session { width: 100%; max-width: 420px; min-height: 64px; margin-top: 100px; }
}