/* Karty do boku na telefonu: mřížka s třemi a více kartami (data-swipe) jede vodorovně s dorazem, karta má šířku obrazovky bez
   okraje a kousku další karty, další karta vykukuje; pod řádkem tečky s počítadlem (doplní swipe.mjs). Bez JavaScriptu posouvá
   samotné CSS. Na desktopu zůstává mřížka. Okraj (--gutter) kopíruje .wrap: 20 px, pod 380 px 16 px; šířky jen v procentech
   rodiče, ne podle okna, aby řádek nepřetekl s klasickým posuvníkem. Svislý padding se záporným okrajem nechá místo focus ringu a noční záři bez změny rytmu. */
@media(max-width:700px){
.work-grid[data-swipe],.team-grid[data-swipe]{--gutter:20px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:-24px calc(-1 * var(--gutter));padding:24px var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;overscroll-behavior-x:contain}
[data-swipe]::-webkit-scrollbar{display:none}
.work-grid[data-swipe]>*,.team-grid[data-swipe]>*{flex:0 0 calc(100% + var(--gutter) - 40px);min-width:0;scroll-snap-align:start}
[data-swipe]:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:var(--radius)}
.team-section .team-grid[data-swipe]{margin-bottom:-24px}
.swipe-nav{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}
.team-section .swipe-nav{margin-bottom:56px}
.swipe-dots{display:flex;gap:5px}
.swipe-dots i{display:block;width:6px;height:6px;border-radius:3px;background:var(--line);transition:width .25s,background .25s}
.swipe-dots i.is-on{width:18px;background:var(--ink)}
html[data-motion=off] .swipe-dots i{transition:none}
}
@media(max-width:380px){.work-grid[data-swipe],.team-grid[data-swipe]{--gutter:16px}}
@media(min-width:701px){.swipe-nav{display:none}}
@media print{[data-swipe]{display:grid!important;overflow:visible!important;margin:0!important;padding:0!important}.swipe-nav{display:none!important}}
@media(forced-colors:active){.swipe-dots i{background:CanvasText}.swipe-dots i.is-on{background:Highlight}}