.article-image{width:100%;height:100%;display:block;position:relative}.article-image__skeleton{z-index:1;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 50%,#ffffff0a 75%) 0 0/200% 100%;animation:1.2s linear infinite skeletonLoading;position:absolute;inset:0}.article-image__img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;display:block}.article-image[data-loaded] .article-image__img{opacity:1}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}
.gcards{container-type:inline-size}.gcards__heading{letter-spacing:.16em;text-transform:uppercase;color:var(--subtitle-gray);margin:0 0 1.1rem;font-size:.72rem;font-weight:600}.gcards__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.gcards__grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.gcards__item{min-width:0;margin:0;list-style:none;display:flex}.gcard{background:var(--card-color);width:100%;box-shadow:inset 0 0 0 1px var(--surface-border);color:inherit;transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);border-radius:16px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.gcard:hover{box-shadow:inset 0 0 0 1px var(--border-primary);transform:translateY(-2px)}.gcard:active{transform:translateY(0)scale(.99)}.gcard:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.gcard__media{aspect-ratio:16/9;background:color-mix(in srgb, var(--color) 4%, var(--card-color));flex:none;display:block;overflow:hidden}.gcard__media img{transition:opacity .4s var(--ease-out), transform .7s var(--ease-out)}.gcard:hover .gcard__media img{transform:scale(1.035)}.gcard__body{flex-direction:column;flex:1;gap:.45rem;min-width:0;padding:.95rem 1.05rem 1.05rem;display:flex}.gcard__meta{flex-wrap:wrap;align-items:baseline;gap:.2rem .55rem;font-size:.7rem;line-height:1.3;display:flex}.gcard__category{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);font-weight:600}.gcard__time{color:var(--subtitle-gray);font-variant-numeric:tabular-nums}.gcard__category+.gcard__time:before{content:"·";opacity:.7;margin-right:.55rem}.gcard__title{-webkit-line-clamp:4;letter-spacing:-.01em;color:var(--title);text-wrap:pretty;-webkit-box-orient:vertical;font-size:.98rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.gcard__summary{-webkit-line-clamp:2;color:var(--subtitle-gray);-webkit-box-orient:vertical;font-size:.84rem;line-height:1.5;display:-webkit-box;overflow:hidden}.gcard__cta{color:var(--subtitle-gray2);transition:color var(--dur-fast) var(--ease-out);align-items:center;gap:.35rem;margin-top:auto;padding-top:.35rem;font-size:.8rem;font-weight:600;display:inline-flex}.gcard__cta svg{transition:transform var(--dur-base) var(--ease-out)}.gcard:hover .gcard__cta{color:var(--primary)}.gcard:hover .gcard__cta svg{transform:translate(3px)}@container (max-width:760px){.gcards__grid[data-count="3"]{grid-template-columns:minmax(0,1fr)}.gcards__grid[data-count="3"] .gcard{flex-direction:row}.gcards__grid[data-count="3"] .gcard__media{aspect-ratio:auto;width:9.5rem;min-height:100%}}.gcards__grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.gcards__grid[data-count="1"] .gcard{flex-direction:row}.gcards__grid[data-count="1"] .gcard__media{aspect-ratio:auto;width:11rem}@container (max-width:520px){.gcards__grid,.gcards__grid[data-count="3"]{grid-template-columns:minmax(0,1fr);gap:10px}.gcard,.gcards__grid[data-count="3"] .gcard{border-radius:14px;flex-direction:row}.gcard__media,.gcards__grid[data-count="3"] .gcard__media,.gcards__grid[data-count="1"] .gcard__media{aspect-ratio:auto;width:6.75rem;min-height:100%}.gcard__body{gap:.3rem;padding:.8rem .9rem}.gcard__title{-webkit-line-clamp:3;font-size:.92rem}.gcard__summary,.gcard__cta{display:none}}@media (prefers-reduced-motion:reduce){.gcard,.gcard__media img,.gcard__cta svg{transition:none}.gcard:hover,.gcard:active,.gcard:hover .gcard__media img,.gcard:hover .gcard__cta svg{transform:none}}