.studio-rule { position: absolute; top: var(--header-height); left: 0; width: 100%; height: 1px; background: url('assets/divider-horizontal.svg') center / 100% 1px no-repeat; }
.studio-stage { position: relative; width: 100%; aspect-ratio: 1728 / 5181.84765625; }
.studio-stage figure { position: absolute; margin: 0; overflow: hidden; }
.studio-stage figure img { display: block; width: 100%; height: 100%; object-fit: fill; }
.studio-stage { --gallery-caption-height: 32px; }
@font-face { font-family: 'BEAUXON Helvetica Neue Thin'; src: local('Helvetica Neue Thin'), local('HelveticaNeue-Thin'); font-style: normal; font-weight: 100; font-display: swap; }
.gallery-caption { position: absolute; left: 0; right: 0; bottom: 0; height: var(--gallery-caption-height); display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 10px; background: #fff; color: #000; font: 100 .875rem / 20px 'BEAUXON Helvetica Neue Thin', 'Helvetica Neue', Helvetica, Arial, sans-serif; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity 200ms ease, visibility 200ms; }
.project-trigger:focus-visible + .gallery-caption { opacity: 1; visibility: visible; }
@media (hover: hover) {
  .studio-project:hover .gallery-caption { opacity: 1; visibility: visible; }
}
@media (prefers-reduced-motion: reduce) {
  .gallery-caption { transition: none; }
}
.gallery-title { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.studio-stage .gallery-caption .gallery-enter-icon { display: block; width: 20px; height: 20px; flex: none; object-fit: contain; }
.studio-brand a { display: block; width: 100%; height: 100%; cursor: pointer; }
.studio-brand a:focus-visible { outline: 2px solid #000; outline-offset: -4px; }
.studio-footer { position: absolute; left: 1.444444444%; right: 1.400462963%; top: 96.738614%; display: flex; justify-content: space-between; align-items: flex-start; color: #000; font: 700 1.25rem/24px 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: -0.4px; }
.studio-footer div { display: flex; flex-direction: column; gap: 6.278808594px; max-width: 45%; overflow-wrap: anywhere; }
.studio-footer div:last-child { text-align: right; }
.studio-footer a { color: inherit; text-decoration: none; }
.studio-footer a:focus-visible { outline: 2px solid #000; outline-offset: 3px; }
.studio-instagram { position: absolute; left: 50%; top: 42.278808594px; transform: translateX(-50%); }
@media (max-width: 700px) {
  .studio-stage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 24px 12px 32px; aspect-ratio: auto; }
  .studio-stage figure { position: static; width: auto !important; height: auto !important; order: var(--mobile-order); }
  .studio-stage figure.studio-project { position: relative; }
  .studio-stage figure[data-node-id="101:65"] { margin-top: 24px; align-self: start; }
  .studio-stage figure img { height: auto; }
  .studio-stage .studio-brand { grid-column: 1 / -1; width: min(60%, 260px) !important; margin: 12px auto 24px; order: -1; }
  .studio-footer { position: static; grid-column: 1 / -1; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; margin-top: 40px; font-size: 0.875rem; line-height: 20px; letter-spacing: -0.28px; order: 100; }
  .studio-footer div { max-width: 100%; }
  .studio-footer div:last-child { text-align: left; }
  .studio-instagram { position: static; transform: none; width: 32px; height: 32px; }
}