.g-section{padding-top:clamp(28px,4vw,52px)}
.g-count{display:inline-block;margin-left:10px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--muted);vertical-align:middle}
.g-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.g-grid.g-start{grid-template-columns:repeat(6,minmax(0,1fr))}
.g-grid.g-start>li{grid-column:span 2}
.g-grid.g-start>li:nth-child(n+4){grid-column:span 3}
.g-grid>li{display:flex;min-width:0}
.gcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:22px;border-top:3px solid var(--tile)}
.g-top{display:flex;align-items:center;gap:12px;min-width:0}
.g-kicker{margin:0;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.gcard h3{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(19px,1.7vw,22px);line-height:1.25;letter-spacing:-.005em;color:var(--ink);text-wrap:balance}
.gcard h3 a{color:inherit;text-decoration:none}
.gcard h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.g-learn{margin:0;font-size:16px;line-height:1.55;color:var(--ink-2)}
.g-go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-weight:600;font-size:16px;line-height:1.3;color:var(--tile)}
.g-go .ic{width:18px;height:18px}
.g-soon .g-go{color:var(--muted)}
.g-pill{display:inline-flex;align-items:center;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 55%,transparent);background:rgba(242,184,75,.08);border-radius:999px;padding:3px 9px;white-space:nowrap}
.gcard:has(a:focus-visible){outline:2px solid var(--amber);outline-offset:3px}
@supports selector(:has(*)){ .gcard h3 a:focus-visible{outline:none} }
.gcard{--pop-c:var(--tile)}
.gcard h3 a:hover{text-decoration:none}
@media (hover:hover) and (pointer:fine){
  .gcard:hover{border-color:color-mix(in srgb,var(--tile) 45%,var(--line));border-top-color:var(--tile)}
}
@media (prefers-reduced-motion:no-preference){
  .gcard{transition:var(--pop-tr)}
  .g-go .ic{transition:transform 170ms var(--settle)}
  @media (hover:hover) and (pointer:fine){
    .gcard:hover{transform:var(--pop);box-shadow:var(--glow-shape) color-mix(in srgb,var(--pop-c) 55%,transparent),var(--glow-base);transition:var(--pop-tr-in)}
    .gcard:hover .g-go .ic{transform:translateX(4px)}
  }
  .gcard:has(a:focus-visible){transform:var(--pop);box-shadow:var(--glow-shape) color-mix(in srgb,var(--pop-c) 55%,transparent),var(--glow-base);transition:var(--pop-tr-in)}
  .gcard:has(a:focus-visible) .g-go .ic{transform:translateX(4px)}
  .gcard:active{transform:var(--press);transition:var(--pop-tr-press)}
}
@media (max-width:1000px){
  .g-grid,.g-grid.g-start{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-grid.g-start>li,.g-grid.g-start>li:nth-child(n+4){grid-column:auto}
  .g-grid.g-start>li:last-child:nth-child(odd){grid-column:1/-1}
}
@media (max-width:640px){
  .g-grid,.g-grid.g-start{grid-template-columns:minmax(0,1fr)}
  .g-grid.g-start>li:last-child:nth-child(odd){grid-column:auto}
  .gcard{padding:20px}
}
.g-note{margin:22px 0 0;max-width:62ch;font-size:17px;line-height:1.55;color:var(--ink-2)}
.g-note-btn{margin:12px 0 0}