.cs-screens{box-sizing:border-box;margin:0 auto;max-width:1440px;padding:var(--cs-spacing) var(--margin);width:100%}.cs-screens-head{align-items:flex-start;display:flex;flex-direction:column;gap:var(--gap);margin-bottom:var(--container-spacing)}.cs-screens-head .h2{margin:0}.cs-screens-intro p{color:var(--oa-blue);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-lh);margin:0}.cs-screens-row{align-items:flex-start}.cs-screen,.cs-screens-row{display:flex;gap:var(--gap)}.cs-screen{flex:1 1 0;flex-direction:column;max-width:calc((100% - var(--gap))/2);min-width:0}.cs-screen-media{outline:1px solid var(--oa-grey);outline-offset:-1px;width:100%}.cs-screen-media img{aspect-ratio:var(--cs-screen-ratio,9/16);display:block;height:auto;object-fit:cover;width:100%}.cs-screens:not(.cs-screens--portrait) .cs-screen-media{border-radius:var(--corners);overflow:hidden}.cs-screens--portrait{--cs-screen-ratio:9/16}.cs-screens--square{--cs-screen-ratio:1/1}.cs-screens--landscape{--cs-screen-ratio:4/3}.cs-screens--wide{--cs-screen-ratio:16/9}.cs-screens--portrait .cs-screen{max-width:calc(33.33333% - var(--gap)*2/3)}.cs-screen-caption{color:var(--oa-blue);font-size:var(--body-size);font-weight:var(--body-weight);line-height:var(--body-lh);margin:0;opacity:.85}@media (max-width:599.98px){.cs-screens{padding-left:0;padding-right:0}.cs-screens-head,.cs-screens-row{padding:0 var(--margin)}.cs-screens-row{overflow-x:auto;overflow-y:hidden;scroll-padding-left:var(--margin);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cs-screens-row::-webkit-scrollbar{display:none}.cs-screen,.cs-screens--portrait .cs-screen{flex:0 0 78%;max-width:none;scroll-snap-align:start}}