.number-card{--cut:0px;--card-bg:var(--surface);isolation:isolate;min-height:280px;transition:color var(--dur-hover) var(--ease-hover);flex-direction:column;gap:24px;padding:32px;display:flex;position:relative;overflow:hidden}.number-card:before{content:"";z-index:-1;background:var(--card-bg);transition:background-color var(--dur-hover) var(--ease-hover),clip-path var(--dur-hover) var(--ease-hover);position:absolute;inset:0}.number-card:before,.number-card .number-card__art{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut))}.number-card:hover,.number-card:focus-within{--cut:32px;--card-bg:var(--yellow);color:var(--ink)}.number-card:hover .number-card__label,.number-card:focus-within .number-card__label{color:var(--ink)}.number-card:hover .number-card__text,.number-card:focus-within .number-card__text{opacity:1;transform:none}.number-card:hover .number-card__art,.number-card:focus-within .number-card__art{opacity:0}@media (hover:none){.number-card .number-card__text{opacity:1;transform:none}}.number-card--wide{grid-column:span 3;min-height:220px}.number-card__label{font-family:var(--font-mono);letter-spacing:-.05em;color:var(--muted-strong);font-size:12px;font-weight:500;line-height:1.35}.number-card__title{z-index:1;font-family:var(--font-mono);letter-spacing:-.05em;font-size:24px;font-weight:600;line-height:1.32;position:relative}.number-card__text{z-index:1;font-family:var(--font-sans);letter-spacing:0;opacity:0;max-width:48ch;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);font-size:16px;font-weight:400;line-height:1.5;position:relative;transform:translateY(8px)}.number-card__art{object-fit:cover;object-position:left bottom;z-index:-1;opacity:.9;transition:opacity var(--dur-hover) var(--ease-hover),clip-path var(--dur-hover) var(--ease-hover);-webkit-mask-image:linear-gradient(#0000 0%,#000 45%);mask-image:linear-gradient(#0000 0%,#000 45%)}.number-grid{gap:var(--gap);grid-template-columns:repeat(6,1fr);display:grid}.number-grid>.number-card{grid-column:span 2}.number-grid>.number-card:nth-child(4){grid-area:2/1/auto/4}.number-grid>.number-card:nth-child(5){grid-area:3/1/auto/4}.number-grid>.number-card:nth-child(6){grid-area:2/4/4/7}@media (max-width:1024px){.number-grid{grid-template-columns:repeat(2,1fr)}.number-grid>.number-card,.number-grid>.number-card:nth-child(4),.number-grid>.number-card:nth-child(5),.number-grid>.number-card:nth-child(6){grid-area:auto/span 1;min-height:220px}}@media (max-width:768px){.number-grid{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:320px;grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.number-grid::-webkit-scrollbar{display:none}.number-grid>*{scroll-snap-align:start}.number-grid>.number-card,.number-grid>.number-card:nth-child(4),.number-grid>.number-card:nth-child(5),.number-grid>.number-card:nth-child(6){grid-column:auto;min-height:424px}}