@layer modules{.two-columns{display:flex;flex-direction:column;gap:var(--spacing-xl) var(--spacing-2xl);margin-block:var(--spacing-lg)}.two-columns:first-child{margin-top:0}.two-columns:last-child{margin-bottom:0}.two-columns .col-1{grid-area:col1}.two-columns .col-2{grid-area:col2}.two-columns .mobile-bottom{order:1}.two-columns .mobile-top{order:-1}@container (width > 50rem){.two-columns{flex-direction:row}.two-columns .col-1,.two-columns .col-2{flex:1 1 100%}.two-columns .mobile-bottom,.two-columns .mobile-top{order:unset}.two-columns .desktop-right{order:1}.two-columns .desktop-left{order:-1}}@container (width > 50rem){.two-columns:has(.col-1>:is(.rich-text,.media):only-child):has(.col-2>:is(.rich-text,.media):only-child){align-content:center}.two-columns:has(.col-1>:is(.rich-text,.media):only-child):has(.col-2>:is(.rich-text,.media):only-child) .media{height:100%}.two-columns:has(.col-1>:is(.rich-text,.media):only-child):has(.col-2>:is(.rich-text,.media):only-child) .media img{aspect-ratio:10/7;height:100%}.two-columns:has(.col-1>:is(.rich-text,.media):only-child):has(.col-2>:is(.rich-text,.media):only-child) [class*=col]:has(>.rich-text){align-self:center}}}/*# sourceMappingURL=two-columns.css.map */