@layer components{.kr{--kr-gutter:16px;--kr-gap:12px;--kr-card:280px;--kr-inset:max(var(--kr-gutter), calc((100% - var(--container-page)) / 2 + var(--kr-gutter)))}@media (min-width:768px){.kr{--kr-gutter:40px;--kr-gap:20px;--kr-card:340px}}@media (min-width:1440px){.kr{--kr-gutter:96px;--kr-gap:24px;--kr-card:384px}}.kr-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.kr-nav{display:none}@media (min-width:768px){.kr-nav{flex-shrink:0;gap:8px;display:flex}}.kr-btn{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background-color:var(--color-neutral-0);width:40px;height:40px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;transition:border-color .18s,color .18s;display:flex}.kr-btn:hover{border-color:var(--color-brand-blue);color:var(--color-brand-blue)}.kr-btn[aria-disabled=true]{border-color:var(--color-border);color:var(--color-neutral-400);cursor:default;background-color:#0000}.kr-scroller{padding-block:12px 36px;padding-inline:var(--kr-inset);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--kr-inset);scrollbar-width:none;margin-block:20px -36px;position:relative;overflow:auto hidden}.kr-scroller::-webkit-scrollbar{display:none}.kr-scroller[data-dragging]{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.kr-scroller[data-dragging] .kr-card{pointer-events:none}.kr-list{gap:var(--kr-gap);width:max-content;display:flex}.kr-item{flex:0 0 var(--kr-card);width:var(--kr-card);scroll-snap-align:start;display:flex}.kr-item:nth-child(2){--kr-i:1}.kr-item:nth-child(3){--kr-i:2}.kr-item:nth-child(4){--kr-i:3}.kr-item:nth-child(5){--kr-i:4}.kr-item:nth-child(6){--kr-i:5}.kr-item:nth-child(7){--kr-i:6}.kr-item:nth-child(n+8){--kr-i:7}.kr-more{margin-top:32px}@media (min-width:768px){.kr-more{margin-top:40px}}.kr-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-neutral-0);min-width:0;min-height:184px;transition:transform .26s var(--motion-ease), box-shadow .26s var(--motion-ease), border-color .18s ease;flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}@media (min-width:768px){.kr-card{min-height:196px;padding:28px}}.kr-tag{letter-spacing:.13em;text-transform:uppercase;color:var(--color-gold-on-light);font-size:11px;font-weight:700;line-height:14px}.kr-title{font-size:var(--text-body-l);color:var(--color-text);font-weight:600;line-height:24px;transition:color .18s}@media (min-width:768px){.kr-title{font-size:var(--text-h4);line-height:var(--leading-h4);letter-spacing:var(--tracking-heading)}}.kr-read{font-size:var(--text-body-s);color:var(--color-brand-blue);gap:6px;margin-top:auto;padding-top:20px;font-weight:600;line-height:22px;display:flex}.kr-arrow{transition:transform .22s var(--motion-ease)}.kr-card:is(:hover,:focus-visible){border-color:var(--color-border-strong)}.kr-card:is(:hover,:focus-visible) .kr-title{color:var(--color-brand-blue)}@media (prefers-reduced-motion:no-preference){@media (hover:hover){.kr-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px -12px #070d2647}}.kr-card:is(:hover,:focus-visible) .kr-arrow{transform:translate(4px)}}.motion.kr-row[data-anim]:not([data-anim=reset]) .kr-card{animation:kr-in .56s var(--motion-ease) calc(var(--motion-delay) + var(--kr-i,0) * 70ms) backwards}@media (prefers-reduced-motion:reduce){.kr-btn,.kr-card,.kr-title,.kr-arrow{transition:none}}}@keyframes kr-in{0%{opacity:0;transform:translate(40px)}}