.variant-b .b-project-links{--project-gold:#c18b38;--project-gold-soft:oklch(72% .11 85/.7);--project-gold-glow:oklch(72% .11 85/.4);background:var(--apple-bg);color:var(--apple-text);border-top:1px solid var(--apple-border);padding-block:56px}.variant-b .b-project-links h2{margin:0 0 24px;font:700 16px/1.5 var(--b2b-font-display)!important;letter-spacing:0!important;color:var(--apple-muted)!important}.b-project-links-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.b-project-links-item{min-width:0}.variant-b .b-project-links .b-project-link,.variant-b .b-project-links .b-project-pending{border:1px solid var(--project-edge);background:var(--project-glass);width:100%;height:100%;min-height:240px;box-shadow:var(--project-shadow);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);color:var(--apple-text);text-align:left;white-space:normal;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;padding:26px;text-decoration:none;transition:transform .3s,background .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.variant-b .b-project-links .b-project-link:after,.variant-b .b-project-links .b-project-pending:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#0000 32%,oklch(100% 0 0/.22) 45%,oklch(100% 0 0/.42) 50%,oklch(100% 0 0/.22) 55%,#0000 68%) 130% 0/240% 100%;animation:9s ease-in-out infinite b-project-shimmer;position:absolute;inset:0}.variant-b .b-project-links .b-project-link:nth-child(2):after{animation-delay:1.2s}.dark .variant-b .b-project-links .b-project-link:after,.dark .variant-b .b-project-links .b-project-pending:after{background:linear-gradient(115deg,#0000 32%,oklch(100% 0 0/.08) 45%,oklch(100% 0 0/.16) 50%,oklch(100% 0 0/.08) 55%,#0000 68%) 0 0/240% 100%}@keyframes b-project-shimmer{0%{background-position:130% 0}55%,to{background-position:-130% 0}}.b-project-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.b-project-icon{background:var(--project-icon-surface);width:42px;height:42px;color:var(--project-accent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.variant-b .b-project-links .b-project-icon svg{width:22px;height:22px}.variant-b .b-project-links .b-project-external{width:17px;height:17px;color:var(--apple-muted)}.b-project-card-copy{gap:10px;min-width:0;display:grid}.b-project-links strong{overflow-wrap:anywhere;font-size:20px;font-weight:700;line-height:1.3}.b-project-benefit{color:var(--apple-muted);font-size:14px;font-weight:400;line-height:1.6}.b-project-links .b-project-card-bottom{color:var(--apple-muted);overflow-wrap:anywhere;margin-top:auto;padding-top:4px;font-size:12px;line-height:1.5}.b-project-status{color:var(--apple-muted);font-size:11px;font-weight:600;line-height:1.5}.variant-b .b-project-links .b-project-link:focus-visible{outline:2px solid var(--project-accent);outline-offset:4px}@media (hover:hover) and (pointer:fine){.variant-b .b-project-links .b-project-link:hover,.variant-b .b-project-links .b-project-pending:hover{background:var(--project-glass-hover);color:var(--apple-text);border-color:var(--project-gold);box-shadow:var(--project-shadow-hover), 0 0 0 2px var(--project-gold-soft), 0 12px 38px var(--project-gold-glow), 0 0 24px var(--project-gold-glow);transform:translateY(-4px)scale(1.02)}.b-project-link:hover .b-project-external{color:var(--project-accent)}}@media (width<=700px){.b-project-links-list{grid-template-columns:minmax(0,1fr);gap:16px}.variant-b .b-project-links{padding-block:40px}.variant-b .b-project-links .b-project-link,.variant-b .b-project-links .b-project-pending{min-height:230px;padding:24px}}@media (prefers-reduced-motion:reduce){.variant-b .b-project-links .b-project-link,.variant-b .b-project-links .b-project-pending{transition:none}.variant-b .b-project-links .b-project-link:hover,.variant-b .b-project-links .b-project-pending:hover{transform:none}.variant-b .b-project-links .b-project-link:after,.variant-b .b-project-links .b-project-pending:after{background:0 0;animation:none}}
