.machno-instagram { position: relative; margin: 0 !important; background: #fff; color: #1d1e1b; font-family: "Unbounded", Arial, sans-serif; }
.machno-instagram__stage { position: relative; padding: 80px 5%; overflow: hidden; }
.machno-instagram .machno-instagram__label { margin: 0 0 35px !important; text-align: right;    font-size: 20px; font-weight: 500; }
.machno-instagram__track { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0 !important; }
.machno-instagram .machno-instagram__photo { margin: 0 !important; aspect-ratio: 3 / 4; overflow: hidden; }
.machno-instagram__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.machno-instagram .machno-instagram__handle { margin: 45px 0 25px !important; font-size: 35px; font-weight: 300; overflow-wrap: anywhere; }
.machno-instagram__handle a { color: inherit; }
.machno-instagram .machno-instagram__copy { margin: 0 0 0 50% !important; font-size: 20px; line-height: 1.55; font-weight: 300; }
/* Animation geometry is opt-in: all six images remain readable without JS or with reduced motion. */
.machno-instagram.is-animated .machno-instagram__stage { height: 100svh; padding: 0; }
.machno-instagram.is-animated .machno-instagram__label { position: absolute; top: 10%; right: 5%; }
.machno-instagram.is-animated .machno-instagram__track { position: absolute; z-index: 1; inset: 0; display: block; margin: 0 !important; pointer-events: none; }
.machno-instagram.is-animated .machno-instagram__photo { position: absolute; top: 0; left: 0; width: min(600px, 43vw, calc((100svh - 250px) * .75)); height: auto; aspect-ratio: 3 / 4; transform-origin: center; will-change: transform; }
.machno-instagram.is-animated .machno-instagram__handle { position: absolute; z-index: 2; left: 5%; bottom: 95px; margin: 0 !important; }
.machno-instagram.is-animated .machno-instagram__copy { position: absolute; z-index: 0; bottom: 30px; left: 50%; margin: 0 !important; }
.machno-instagram.is-animated .machno-instagram__label { z-index: 2; }
@media (max-width: 1024px) {
 .machno-instagram__track { grid-template-columns: repeat(2, 1fr); gap: 10px; }
 .machno-instagram.is-animated .machno-instagram__photo { width: min(72vw, calc((100svh - 240px) * .75)); height: auto; }
 .machno-instagram .machno-instagram__handle { font-size: 15px; }
 .machno-instagram .machno-instagram__copy { font-size: 11px; }
 .machno-instagram.is-animated .machno-instagram__copy { left: 30%; }
}

/* Match the Systems label typography without inheriting its absolute positioning. */
.machno-instagram .machno-instagram__label strong { font-size: 35px; font-weight: 200; }

@media (min-width: 1025px) {
 .machno-instagram.is-animated .machno-instagram__handle { bottom: 130px; }
 .machno-instagram.is-animated .machno-instagram__copy { bottom: 12px; }
}
@media (max-width: 1024px) {
 .machno-instagram__stage { padding-inline: 7px; }
 .machno-instagram .machno-instagram__label { margin-right: 12px !important; font-size: 14px; font-weight: 500; }
 .machno-instagram .machno-instagram__label strong { font-size: 20px; font-weight: 200; }
 .machno-instagram.is-animated .machno-instagram__label { right: 19px; margin-right: 0 !important; top: 8%; }
 .machno-instagram .machno-instagram__handle { font-size: clamp(14px, 4.10256vw, 18px); font-weight: 400; }
 .machno-instagram.is-animated .machno-instagram__handle { left: 7px; right: 7px; bottom: 23%; }
 .machno-instagram .machno-instagram__copy { font-size: clamp(12px, 3.58974vw, 16px); font-weight: 300; }
 .machno-instagram.is-animated .machno-instagram__copy { left: auto; right: 7px; bottom: 7%; max-width: 66%; }
}
@media (min-width: 768px) and (max-width: 1024px) {
 .machno-instagram .machno-instagram__label { font-size: 18px; }
 .machno-instagram .machno-instagram__label strong { font-size: 26px; }
 .machno-instagram .machno-instagram__handle { font-size: 22px; }
 .machno-instagram .machno-instagram__copy { font-size: 18px; }
}