#projects{position:relative}#projects>div.mt-14{gap:3.5rem}#projects article{position:relative;background:0 0!important;border:0!important;border-radius:1.75rem!important;padding:0!important;overflow:visible!important}#projects article>button:first-child{aspect-ratio:16/9;width:100%;min-height:360px;position:relative;box-shadow:0 18px 50px #00000014;border:1px solid hsl(var(--border))!important;background:hsl(var(--surface))!important;border-radius:1.25rem!important;padding:1rem!important}#projects article>button:first-child img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}#projects article:hover>button:first-child img{transform:scale(1.025)}#projects article>div:last-child{padding:.25rem .25rem 0}#projects article:first-child{box-shadow:inset 0 0 0 1px hsl(var(--border));grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);align-items:center;gap:3.5rem;display:grid;background:linear-gradient(135deg, hsl(var(--surface)), hsl(var(--background)))!important;border-radius:2rem!important;padding:2.25rem!important}#projects article:first-child>button:first-child{min-height:470px;box-shadow:0 24px 70px #0000001f;background:hsl(var(--background))!important;border:0!important}#projects article:first-child>button:first-child:before{content:"SHOPPER INTENT  →  AI UNDERSTANDS  →  PERSONALIZED PICKS";z-index:2;border:1px solid hsl(var(--border));background:hsl(var(--background) / .92);color:hsl(var(--foreground));letter-spacing:.12em;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;padding:.7rem 1rem;font-size:10px;font-weight:800;position:absolute;top:1.25rem;left:1.25rem;right:1.25rem}#projects article:first-child>div:last-child h3{max-width:14ch;letter-spacing:-.045em!important;font-size:clamp(2.1rem,4vw,4rem)!important;line-height:.98!important}#projects article:first-child>div:last-child>p{max-width:48ch;font-size:1.05rem!important}#projects article:first-child>div:last-child:before{content:"Featured system";color:hsl(var(--primary));letter-spacing:.16em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.7rem;font-weight:800;display:block}#projects article:not(:first-child){border-top:1px solid hsl(var(--border));grid-template-columns:minmax(260px,.7fr) minmax(0,1fr);align-items:center;gap:2.25rem;display:grid;border-radius:0!important;padding:1.5rem 0!important}#projects article:not(:first-child)>button:first-child{aspect-ratio:16/10;min-height:260px;box-shadow:none}#projects article:not(:first-child)>div:last-child h3{letter-spacing:-.035em!important;font-size:clamp(1.65rem,3vw,2.6rem)!important;line-height:1.05!important}#projects article .rounded-full.bg-secondary{border:1px solid hsl(var(--border));background:0 0!important}#projects article button.bg-primary{transition:transform .2s,background-color .2s}#projects article button.bg-primary:hover{transform:translate(3px)!important}@media (width<=900px){#projects article:first-child,#projects article:not(:first-child){grid-template-columns:1fr}#projects article:first-child{gap:2rem;padding:1.25rem!important}#projects article:first-child>button:first-child{min-height:340px}}@media (width<=640px){#projects article:first-child>button:first-child{min-height:250px}#projects article:first-child>button:first-child:before{letter-spacing:.08em;font-size:8px}}
