.ft4-lab-preview{align-self:center;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}
.ft4-lab-tile{position:relative;min-width:0;min-height:356px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 96%,var(--brand) 4%),color-mix(in srgb,var(--surface-2) 91%,var(--accent) 9%));box-shadow:var(--shadow);color:var(--ink);text-decoration:none;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ft4-lab-tile:before{content:"";position:absolute;z-index:-1;inset:-45% 0 auto 42%;height:180px;border-radius:50%;background:color-mix(in srgb,var(--brand) 14%,transparent);filter:blur(22px);pointer-events:none}
.ft4-lab-tile:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:0 24px 58px rgba(16,40,35,.17)}
.ft4-lab-tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.ft4-lab-visual{height:156px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#0d1514}
.ft4-lab-visual img{display:block;width:100%;height:100%;object-fit:contain}
.ft4-lab-copy{display:flex;flex:1;flex-direction:column;gap:7px;padding:15px}
.ft4-lab-kicker{color:var(--brand);font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.ft4-lab-copy strong{font-size:1.02rem;line-height:1.16;letter-spacing:-.018em}
.ft4-lab-sample{display:inline-flex;min-height:32px;align-items:center;width:max-content;max-width:100%;padding:5px 8px;border:1px solid color-mix(in srgb,var(--brand) 33%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--ink);font-size:.67rem;font-weight:900;line-height:1.15}
.ft4-lab-boundary{margin:0;color:var(--muted);font-size:.72rem;line-height:1.34}
.ft4-lab-cta{display:flex;min-height:48px;align-items:end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:5px;color:var(--brand);font-size:.78rem;font-weight:950}
@media(prefers-reduced-motion:reduce){.ft4-lab-tile{transition:none}}
@media(max-width:1100px){.ft4-lab-preview{grid-template-columns:1fr}.ft4-lab-tile{min-height:230px;display:grid;grid-template-columns:minmax(130px,.72fr) minmax(0,1fr)}.ft4-lab-visual{height:100%;min-height:230px;border-right:1px solid var(--line);border-bottom:0}.ft4-lab-copy{padding:14px}}
@media(max-width:900px){.ft4-lab-preview{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.ft4-lab-tile{min-height:310px;display:flex}.ft4-lab-visual{height:145px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:640px){.ft4-lab-preview{grid-template-columns:1fr;gap:10px}.ft4-lab-tile{min-height:0;display:grid;grid-template-columns:minmax(118px,.7fr) minmax(0,1fr);border-radius:20px}.ft4-lab-visual{height:100%;min-height:220px;border-right:1px solid var(--line);border-bottom:0}.ft4-lab-copy{padding:13px}.ft4-lab-copy strong{font-size:.96rem}.ft4-lab-boundary{font-size:.69rem}.ft4-lab-cta{font-size:.74rem}}
@media(max-width:350px){.ft4-lab-tile{grid-template-columns:1fr}.ft4-lab-visual{height:132px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.ft4-lab-copy{padding:12px}.ft4-lab-sample{width:100%;border-radius:11px}}