@media (max-width: 767px) {

    .sm-ar-1-1 { aspect-ratio: 1 / 1; }
    .sm-ar-3-2 { aspect-ratio: 3 / 2; }
    .sm-d-f { display: flex; }
    .sm-d-g { display: grid; }
    .sm-d-ib { display: inline-block; }

    .sm-fd-c { flex-direction: column; }
    .sm-fd-cr { flex-direction: column-reverse; }
    .sm-fs-lg { font-size: var(--fs-lg); }
    .sm-fs-xl { font-size: var(--fs-xl); }
    .sm-fs-2xl { font-size: var(--fs-2xl); }
    .sm-fs-3xl { font-size: var(--fs-3xl); }
    .sm-fs-4xl { font-size: var(--fs-4xl); }
    .sm-fs-5xl { font-size: var(--fs-5xl); }
    .sm-fs-6xl { font-size: var(--fs-6xl); }
    .sm-fs-7xl { font-size: var(--fs-7xl); }
    .sm-fs-8xl { font-size: var(--fs-8xl); }

    .sm-gtc-1 { grid-template-columns: 1fr; }
    .sm-gtc-2 { grid-template-columns: 1fr 1fr; }

    .sm-jc-c { justify-content: center; }
    
    .sm-m-a { margin: auto; }
    .sm-mlr-a { margin-left: auto; margin-right: auto; }
    .sm-mb0 { margin-bottom:0; }
    .sm-mb1 { margin-bottom: 1rem; }
    .sm-mb2 { margin-bottom: 2rem; }
    .sm-mt0 { margin-top:0; }
    .sm-mt1 { margin-top: 1rem; }
    .sm-mt2 { margin-top: 2rem; }
    .sm-mw100 { max-width: 100%; }
    .sm-mw75 { max-width: 75%; }
    .sm-mw50 { max-width: 50%; }

    .sm-o1 { order: 1; }
    .sm-o2 { order: 2; }
    .sm-o3 { order: 3; }
    .sm-o4 { order: 4; }

    .sm-plr2 { padding-left: 2rem; padding-right: 2rem; }
    .sm-plr5vw { padding-left: 5vw; padding-right: 5vw; }
    .sm-plr10vw { padding-left: 10vw; padding-right: 10vw; }
    .sm-plr15vw { padding-left: 15vw; padding-right: 15vw; }
    .sm-plr20vw { padding-left: 20vw; padding-right: 20vw; }
    .sm-plr25vw { padding-left: 25vw; padding-right: 25vw; }
    .sm-pb1 { padding-bottom: 1rem; }
    .sm-pt1 { padding-top: 1rem; }
    .sm-pb2 { padding-bottom: 2rem; }
    .sm-pt2 { padding-top: 2rem; }

    .sm-tac { text-align: center; }

    .sm-w100 { width: 100%; }
    .sm-ws-nw { white-space: nowrap; }

    .cg-lg { column-gap: 48px; }
    .cg-md { column-gap: 24px; }
    .cg-sm { column-gap: 12px; }
    .rg-lg { row-gap: 48px; }
    .rg-md { row-gap: 24px; }
    .rg-sm { row-gap: 12px; }
}