@import url("_ds/marseille-balboa-week-end-design-system-f83b1349-f9b1-49c5-b8d9-31c9275ab356/tokens/fonts.css");
@import url("_ds/marseille-balboa-week-end-design-system-f83b1349-f9b1-49c5-b8d9-31c9275ab356/tokens/colors.css");
@import url("_ds/marseille-balboa-week-end-design-system-f83b1349-f9b1-49c5-b8d9-31c9275ab356/tokens/typography.css");
@import url("_ds/marseille-balboa-week-end-design-system-f83b1349-f9b1-49c5-b8d9-31c9275ab356/tokens/spacing.css");
@import url("_ds/marseille-balboa-week-end-design-system-f83b1349-f9b1-49c5-b8d9-31c9275ab356/tokens/elevation.css");
@import url("_ds/marseille-balboa-week-end-design-system-f83b1349-f9b1-49c5-b8d9-31c9275ab356/tokens/motion.css");
@import url("_ds/marseille-balboa-week-end-design-system-f83b1349-f9b1-49c5-b8d9-31c9275ab356/tokens/base.css");


@media (max-width: 420px) { 
    .main-title-balboa {
        font-size: var(--text-4xl); 
    }
    .navbar-title {
        white-space: wrap;
    }
    #fr-infos img,
    #en-infos img {
        width: 279px;
    }
    .above-the-fold-spacer {
     display: none;   
    }
}
@media (min-width: 421px) {
    .main-title-balboa {
        font-size: var(--text-6xl); 
    }
    .navbar-title {
        white-space: nowrap;
    }
    #fr-infos img,
    #en-infos img {
        width: 492px;
    }
    body, .sc-host {
        display: grid;
        grid-template-rows: min-content 1fr;
    }
    .sc-host-x[data-dc-tpl="13"] {
        display: grid !important;
        position: sticky;
        top: 0;
        grid-column-start: 1;
        grid-row-start: 1;
        z-index: 1;
    }
    div[data-dc-tpl="15"], 
    div[data-dc-tpl="283"] {
        display: grid;
        grid-column-start: 1;
        grid-row-start: 2;
    }
    .sc-host-x[data-dc-tpl="13"] header {
        position: sticky;
        top: 0;
                grid-column-start: 1;
        grid-row-start: 1;
    }
    .above-the-fold-spacer {
        height: 100vh;
        grid-column: 1 / -1;
        grid-row: 1 / span 2;
    }
}
.main-title-balboa {
    font-family: var(--font-deco); 
    letter-spacing: var(--tracking-deco); 
    line-height: var(--leading-tight); 
    color: var(--white); 
    margin: 4px 0;
}