/* Editorial collection stack. Everything is scoped to the existing section. */
#colecoes {
    --collection-height: clamp(520px, 40vw, 600px);
    --collection-top: max(112px, calc((100svh - var(--collection-height)) / 2));
    --collection-paper: var(--token-1fb746f0-fea8-4a60-aca3-eedbad6ba03a, #fff);
    --collection-ink: var(--token-213cf09d-7a17-40b8-a2a8-9b412b0f21fe, #080a0c);
    --collection-muted: var(--token-a1a2767c-da8e-41fc-b5fe-94b6054bde84, rgba(0, 0, 0, .5));
    --collection-border: var(--token-d1e99d88-baa0-4b7b-a768-aec4985b00bc, rgba(0, 0, 0, .1));
    padding: 100px var(--sl-gutter, 40px) !important;
    overflow: visible !important;
}
#colecoes .framer-11cpww9 {
    width: 100%;
    max-width: 1280px;
    overflow: visible !important;
}
#colecoes .framer-1ini7o9 {
    padding: 0 0 clamp(48px, 6vw, 88px) !important;
}
#colecoes .framer-1ti5d8j {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: clamp(64px, 12vh, 120px) !important;
    width: 100% !important;
    max-width: 1200px !important;
    padding: 0 0 120px !important;
    overflow: visible !important;
    isolation: isolate;
}
#colecoes :is(.framer-qmqogq, .framer-14wwq68, .framer-aorrfp) {
    position: sticky !important;
    top: var(--collection-top) !important;
    display: block !important;
    width: 100% !important;
    height: var(--collection-height) !important;
    flex: none !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: none !important;
}
#colecoes .framer-qmqogq { z-index: 1; }
#colecoes .framer-14wwq68 { z-index: 2; }
#colecoes .framer-aorrfp { z-index: 3; }
#colecoes .framer-f7k4tk { display: none !important; }
#colecoes :is(.framer-14mcd8t, .framer-1v3x9n3, .framer-1s7c8q3),
#colecoes :is(.framer-14mcd8t, .framer-1v3x9n3, .framer-1s7c8q3) > div,
#colecoes :is(.framer-14mcd8t, .framer-1v3x9n3, .framer-1s7c8q3) > .ssr-variant > div {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    padding: 0 !important;
    transform: none !important;
    opacity: 1 !important;
}
#colecoes a.framer-Plpd7 {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 40% 60%;
    grid-template-rows: 1fr;
    width: 100% !important;
    height: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--collection-border);
    border-radius: 0 !important;
    background: var(--collection-paper);
    color: var(--collection-ink);
    text-decoration: none;
    overflow: hidden !important;
    transform: none !important;
    opacity: 1 !important;
}
#colecoes .framer-f4iwzc {
    grid-column: 2;
    grid-row: 1;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    overflow: hidden;
}
#colecoes .framer-1qq6rg2 {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    transform: none !important;
}
#colecoes .framer-f4iwzc img {
    object-fit: cover !important;
    object-position: center !important;
}
#colecoes .framer-qmqogq img { object-position: 50% 52% !important; }
#colecoes .framer-14wwq68 img { object-position: 50% 45% !important; }
#colecoes .framer-aorrfp img { object-position: 50% 40% !important; }
#colecoes .framer-o3beez {
    box-sizing: border-box;
    grid-column: 1;
    grid-row: 1;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: clamp(28px, 3.5vw, 56px) !important;
    gap: 24px !important;
    border-radius: 0 !important;
    background: var(--collection-paper) !important;
}
#colecoes .framer-o3beez::after { border: 0 !important; }
#colecoes :is(.framer-1hrroqe, .framer-i0bv9n, .framer-lp94j) {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: left !important;
}
#colecoes .framer-1hrroqe p {
    --framer-font-family: "Inter Display", "Inter", sans-serif !important;
    --framer-font-size: clamp(40px, 4.1vw, 60px) !important;
    --framer-font-weight: 400 !important;
    --framer-letter-spacing: -.06em !important;
    --framer-line-height: 1em !important;
    --framer-text-alignment: left !important;
    --framer-text-color: var(--collection-ink) !important;
}
#colecoes .framer-lp94j p {
    --framer-font-family: "Inter", sans-serif !important;
    --framer-font-size: 18px !important;
    --framer-font-weight: 300 !important;
    --framer-letter-spacing: -.01em !important;
    --framer-line-height: 1.4em !important;
    --framer-text-alignment: left !important;
    --framer-text-color: var(--collection-muted) !important;
}
#colecoes .sl-collection-eyebrow {
    margin: 0 0 8px;
    font: 400 14px/1.3 "Fragment Mono", monospace;
    letter-spacing: -.03em;
    color: var(--collection-ink);
}
#colecoes .sl-collection-cta {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    width: fit-content;
    min-height: 44px;
    padding: 0;
    margin-top: 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--collection-ink);
    font: 400 16px/1.3 "Inter Display", "Inter", sans-serif;
}
#colecoes .sl-collection-cta svg { transition: transform .2s ease; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    #colecoes a:hover .sl-collection-cta svg { transform: translateX(4px); }
}
#colecoes a:focus-visible { outline: 2px solid currentColor; outline-offset: 5px; }
@media (max-width: 809.98px) {
    #colecoes {
        --collection-height: 640px;
        --collection-top: max(96px, calc((100svh - var(--collection-height)) / 2));
        padding: 64px 20px !important;
    }
    #colecoes .framer-1ti5d8j { gap: 40px !important; padding-bottom: 48px !important; }
    #colecoes a.framer-Plpd7 { grid-template-columns: 1fr; grid-template-rows: 52% 48%; }
    #colecoes .framer-f4iwzc { grid-column: 1; grid-row: 1; }
    #colecoes .framer-o3beez { grid-column: 1; grid-row: 2; padding: 24px !important; gap: 16px !important; }
    #colecoes .framer-1hrroqe p { --framer-font-size: 40px !important; }
    #colecoes .framer-lp94j p { --framer-font-size: 17px !important; }
    #colecoes .sl-collection-eyebrow { margin: 0; font-size: 12px; }
    #colecoes .sl-collection-cta { margin: 0; }
}
/* Short landscape screens and small phones must be able to read a whole card. */
@media (max-height: 759px), (prefers-reduced-motion: reduce) {
    #colecoes :is(.framer-qmqogq, .framer-14wwq68, .framer-aorrfp) { position: relative !important; top: auto !important; }
    #colecoes .framer-1ti5d8j { padding-bottom: 0 !important; }
}
/* Override the old card's centered mobile text without affecting other cards. */
#colecoes :is(.framer-1hrroqe, .framer-lp94j) p { text-align: left !important; }
@media (max-width: 375px) {
    #colecoes { --collection-height: 680px; }
    #colecoes a.framer-Plpd7 { grid-template-rows: 48% 52%; }
}
@media (max-width: 375px) and (max-height: 799px) {
    #colecoes :is(.framer-qmqogq, .framer-14wwq68, .framer-aorrfp) { position: relative !important; top: auto !important; }
    #colecoes .framer-1ti5d8j { padding-bottom: 0 !important; }
}
