.card-news-section{border-bottom:1px solid #dedede;margin-bottom:64px;padding:72px 0 88px}.card-news-grid{grid-template-columns:repeat(auto-fill,minmax(240px,320px));gap:24px;display:grid}.card-news-trigger{min-width:0;display:block}.card-news-cover{aspect-ratio:1;background:#f1f2f4;display:block;overflow:hidden}.card-news-cover[data-ratio=portrait]{aspect-ratio:4/5}.card-news-cover img{object-fit:contain;width:100%;height:100%;transition:transform .4s var(--ease-out);display:block}.card-news-trigger:hover .card-news-cover img{transform:scale(1.025)}.card-news-more{width:fit-content;margin:40px auto 0;display:flex}.card-news-page main{height:100svh;height:100dvh;padding:calc(var(--header-height) + 16px) 0 max(16px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);gap:12px;display:grid}.card-news-page .site-header{background:var(--background)}.card-news-page .site-header:before{content:none}.card-news-page-heading{margin:0 var(--page-gutter);grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.card-news-back{white-space:nowrap;background:var(--background);min-height:40px;color:var(--foreground);justify-self:start;padding:9px 16px;font-size:14px}.card-news-back svg{width:18px;height:18px}.card-news-page-meta{text-align:center;min-width:0}.card-news-page-meta h1{-webkit-line-clamp:2;font:500 clamp(15px, 1.2vw, 20px)/1.4 var(--font-title);overflow-wrap:anywhere;text-wrap:pretty;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.card-news-page-meta time{color:#747980;margin-top:4px;font-size:12px;line-height:1.5;display:block}.card-news-page .card-news-viewer{grid-template-rows:minmax(0,1fr) 44px;gap:12px;min-height:0;display:grid;container-type:size}.card-news-page .card-news-viewport{--card-width:min(62cqw, calc((100cqh - 72px) * var(--card-ratio)));align-content:center;min-height:0;padding-block:8px}.card-news-page .card-news-controls{margin-top:0}.card-news-page .card-news-controls button{width:44px;height:44px}@media (max-height:450px){.card-news-page main{padding-top:calc(var(--header-height) + 8px);gap:4px;padding-bottom:8px}.card-news-page .card-news-viewer{gap:4px}.card-news-page .card-news-viewport{--card-width:min(62cqw, calc((100cqh - 64px) * var(--card-ratio)))}}.card-news-viewer{--card-ratio:1;width:100%;max-width:100%;container-type:inline-size}.card-news-viewer[data-ratio=portrait]{--card-ratio:.8}.card-news-viewport{--card-width:min(58cqw, 560px, calc((100svh - 260px) * var(--card-ratio)));touch-action:pan-y pinch-zoom;overscroll-behavior-x:contain;padding:12px 0;overflow:hidden}.card-news-track{transform:translateX(calc(50% - var(--card-width) / 2));align-items:center;gap:2px;display:flex}.card-news-carousel-slide{flex:0 0 var(--card-width);min-width:0}.card-news-slide{width:100%;aspect-ratio:var(--card-ratio);transition:transform .24s var(--ease-out);cursor:pointer;background:#f1f2f4;border:0;padding:0;display:block;overflow:hidden;transform:scale(.96)}.card-news-slide[data-active]{cursor:default;transform:scale(1)}.card-news-slide img{object-fit:contain;width:100%;height:100%;display:block}.card-news-slide:focus-visible{outline-offset:-4px}.card-news-controls{justify-content:center;align-items:center;gap:24px;margin-top:24px;display:flex}.card-news-controls button{color:#17191c;cursor:pointer;background:#fff;border:1px solid #dcdfe4;border-radius:50%;place-items:center;width:44px;height:44px;transition:color .2s,background .2s;display:grid}.card-news-controls button:hover:not(:disabled){color:#fff;background:#111}.card-news-controls button:disabled{opacity:.3;cursor:default}.card-news-controls svg{width:22px;height:22px}.card-news-controls output{text-align:center;min-width:60px;font:500 14px var(--font-body)}.card-news-controls output span{color:#898e95}@media (max-width:600px){.card-news-section{margin-bottom:40px;padding:40px 0 48px}.card-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card-news-page-heading{grid-template-columns:auto minmax(0,1fr);gap:16px}.card-news-page-meta{text-align:right}.card-news-page-meta h1{font-size:14px}.card-news-page-meta time{font-size:11px}.card-news-back{font-size:13px}.card-news-viewport{--card-width:min(82cqw, calc((100svh - 230px) * var(--card-ratio)))}.card-news-page .card-news-viewport{--card-width:min(86cqw, calc((100cqh - 72px) * var(--card-ratio)))}}html:where([data-motion=reduced]) .card-news-cover img,html:where([data-motion=reduced]) .card-news-slide,html:where([data-motion=reduced]) .card-news-controls button{transition:none}
