/* Um produto por visita, com ligação direta à respetiva coleção. */
#colecao-momentos.studio-teaser { background: #eeeae3; padding: clamp(48px, 7vw, 96px) 5%; }
.studio-layout { max-width: 1240px; margin: auto; display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(32px, 6vw, 90px); align-items: center; }
.studio-eyebrow { color: #24786b; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; margin: 0 0 26px; }
.studio-copy h2 { font-family: var(--font-display), sans-serif; font-size: clamp(36px, 4.2vw, 58px); line-height: 1.07; font-weight: 500; letter-spacing: -.04em; color: #202a26; margin: 0 0 26px; }
.studio-copy > p:not(.studio-eyebrow) { color: #4e5a52; font-size: 15px; line-height: 1.8; max-width: 45ch; margin-bottom: 18px; }
.studio-link { display: inline-flex; align-items: center; gap: 42px; padding: 14px 0; margin-top: 10px; border-bottom: 1px solid #26796e; color: #26796e; font-size: 14px; font-weight: 600; }
.studio-link:hover { color: #202a26; }
.studio-link:focus-visible { outline: 2px solid #26796e; outline-offset: 5px; }
.studio-photo { margin: 0; }
.studio-copy, .studio-photo { min-width: 0; }
.studio-eyebrow a { color: inherit; }
.studio-photo > a { display: block; width: fit-content; max-width: 100%; margin-inline: auto; }
#colecao-momentos .studio-photo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 560px; border-radius: 3px; }
.studio-photo > a:focus-visible { outline: 2px solid #26796e; outline-offset: 5px; }
@media (max-width: 700px) { .studio-layout { grid-template-columns: 1fr; gap: 28px; } .studio-photo { grid-row: 1; } .studio-copy h2 br { display: none; } }