/* Scoped to the homepage category block. CSS owns all motion. */
:is(.tc-home,.vt-category-motion-editor) .vt-category-motion{--vt-card-width:clamp(270px,27vw,340px);--vt-card-gap:20px;max-width:1480px;min-width:0;margin:0 auto;position:relative}
:is(.tc-home,.vt-category-motion-editor) .vt-category-motion *{box-sizing:border-box}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-rows{display:grid;gap:22px;min-width:0;clear:both}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-row{min-width:0;width:100%;overflow:hidden;overflow:clip;padding:5px 0 12px;mask-image:linear-gradient(to right,transparent,#000 22px,#000 calc(100% - 22px),transparent)}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-track{display:flex;width:max-content;max-width:none;animation:vt-category-drift 76s linear infinite;will-change:transform}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-right .vt-motion-track{animation-direction:reverse;animation-duration:82s}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-group{display:flex;flex:none;gap:var(--vt-card-gap);list-style:none;margin:0;padding:0 var(--vt-card-gap) 0 0;width:max-content}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card{width:var(--vt-card-width);flex:none;list-style:none;margin:0;padding:0;border:1px solid #102e460d;border-radius:19px;background:#edf4fb;overflow:hidden;box-shadow:0 4px 14px #102e4606}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card[data-tone="blue"]{background:#edf4ff}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card[data-tone="mint"]{background:#eaf6f0}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card[data-tone="sage"]{background:#f1f5e7}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card[data-tone="lavender"]{background:#f2edfb}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card[data-tone="peach"]{background:#fff0e7}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card[data-tone="yellow"]{background:#fff7db}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card[data-tone="ice"]{background:#eaf5f8}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card[data-tone="rose"]{background:#fbeef2}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card a{display:flex;align-items:center;gap:18px;min-height:128px;padding:24px;color:#102e46;text-decoration:none!important;border:0;position:relative;transition:background .2s}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-icon{display:grid;place-items:center;width:46px;height:52px;flex:none;color:#102e46}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-icon svg{display:block;width:44px;height:44px;stroke-width:1.6}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card-label{flex:1;min-width:0;font-size:20px;line-height:1.35;font-weight:750;letter-spacing:-.3px;color:#102e46}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-arrow{display:grid;place-items:center;flex:none;color:#102e46;opacity:.65}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-arrow svg{width:19px;height:19px;stroke-width:1.8}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card a:hover{background:#ffffff40}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-card a:focus-visible{outline:3px solid #b27b00;outline-offset:-4px;border-radius:16px}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-rows:hover .vt-motion-track,:is(.tc-home,.vt-category-motion-editor) .vt-motion-rows:focus-within .vt-motion-track,:is(.tc-home,.vt-category-motion-editor) .vt-motion-pause:checked~.vt-motion-rows .vt-motion-track{animation-play-state:paused}
/* Keyboard navigation presents the original links in a native scrollable row. */
:is(.tc-home,.vt-category-motion-editor) .vt-motion-row:has(.vt-motion-group:not(.vt-motion-copy) a:focus){overflow-x:auto;overflow-y:hidden;mask-image:none;scroll-padding-inline:6px;scroll-behavior:auto!important;scrollbar-width:thin}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-row:has(.vt-motion-group:not(.vt-motion-copy) a:focus) .vt-motion-track{animation:none;transform:none;will-change:auto}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-row:has(.vt-motion-group:not(.vt-motion-copy) a:focus) .vt-motion-copy{display:none}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-pause{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-control{display:flex;align-items:center;justify-content:center;width:max-content;margin:0 0 20px auto;min-height:44px;padding:9px 16px;border:1px solid #cbd8e0;border-radius:999px;background:#fff;color:#173b55;font-size:15px;font-weight:650;cursor:pointer}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-pause:focus-visible+.vt-motion-control{outline:3px solid #b27b00;outline-offset:3px}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-resume-label{display:none}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-pause:checked+.vt-motion-control .vt-motion-pause-label{display:none}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-pause:checked+.vt-motion-control .vt-motion-resume-label{display:inline-flex}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-top:23px;border-top:1px solid #e1e9ee}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-footer p{margin:0;font-size:17px;line-height:1.6;color:#486276}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-browse{display:inline-flex;align-items:center;justify-content:center;gap:24px;flex:none;min-height:52px;padding:14px 23px;border-radius:11px;background:#ffcd00;color:#102e46!important;font-size:17px;font-weight:800;text-decoration:none!important}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-browse:hover{background:#f2bf00}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-browse:focus-visible{outline:3px solid #173b55;outline-offset:4px}
@keyframes vt-category-drift{from{transform:translateX(0)}to{transform:translateX(-33.333333333333%)}}
@media(max-width:700px){:is(.tc-home,.vt-category-motion-editor) .vt-category-motion{--vt-card-width:270px;--vt-card-gap:14px}:is(.tc-home,.vt-category-motion-editor) .vt-motion-rows{gap:14px}:is(.tc-home,.vt-category-motion-editor) .vt-motion-card a{min-height:112px;padding:20px;gap:14px}:is(.tc-home,.vt-category-motion-editor) .vt-motion-icon{width:38px}:is(.tc-home,.vt-category-motion-editor) .vt-motion-icon svg{width:36px;height:36px}:is(.tc-home,.vt-category-motion-editor) .vt-motion-card-label{font-size:18px}:is(.tc-home,.vt-category-motion-editor) .vt-motion-footer{flex-direction:column;align-items:stretch;gap:17px}:is(.tc-home,.vt-category-motion-editor) .vt-motion-footer p{font-size:16px}:is(.tc-home,.vt-category-motion-editor) .vt-motion-browse{width:100%}:is(.tc-home,.vt-category-motion-editor) .vt-motion-row{mask-image:linear-gradient(to right,transparent,#000 10px,#000 calc(100% - 10px),transparent)}}
@media(prefers-reduced-motion:reduce){:is(.tc-home,.vt-category-motion-editor) .vt-motion-track{animation:none;transform:none;will-change:auto}:is(.tc-home,.vt-category-motion-editor) .vt-motion-copy{display:none}:is(.tc-home,.vt-category-motion-editor) .vt-motion-row{overflow-x:auto;overflow-y:hidden;mask-image:none;scrollbar-width:thin}:is(.tc-home,.vt-category-motion-editor) .vt-motion-pause,:is(.tc-home,.vt-category-motion-editor) .vt-motion-control{display:none}}

.vt-category-motion-editor .vt-motion-track{animation:none;transform:none}.vt-category-motion-editor .vt-motion-copy{display:none}.vt-category-motion-editor .vt-motion-row{overflow-x:auto;mask-image:none}

:is(.tc-home,.vt-category-motion-editor) .vt-motion-pause-label,:is(.tc-home,.vt-category-motion-editor) .vt-motion-resume-label{align-items:center;gap:8px}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-pause-label{display:inline-flex}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-control svg{width:16px;height:16px;vertical-align:middle}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-browse svg{display:block;width:20px;height:20px}
:is(.tc-home,.vt-category-motion-editor) .vt-motion-pause:checked+.vt-motion-control .vt-motion-pause-label{display:none}
