.projects-showcase-page{width:100%;max-width:none;margin:0;padding:0;overflow-x:clip}.projects-showcase-content{isolation:isolate;position:relative}.projects-showcase-page .hn-showcase-stack{aspect-ratio:1.37;align-self:start}.projects-showcase-page .hn-showcase-control span{gap:8px}.projects-showcase-page .hn-showcase-control svg{flex-shrink:0}.projects-showcase-page .hn-showcase-card{background:linear-gradient(#07051a,#07051a) padding-box padding-box,linear-gradient(135deg,#8b5cf6,#4f46e5,#3b82f6) border-box;border:2px solid #0000;box-shadow:0 0 18px #6366f11a}.projects-showcase-page .hn-showcase-card:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(115deg,#0000 35%,#8b5cf608 43%,#ddd6fe14 49%,#ffffff1a 51%,#c4b5fd0a 57%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}@media (prefers-reduced-motion:no-preference){.projects-showcase-page .hn-showcase-card[data-active=true]:after{animation:.65s ease-in-out projects-capture-sheen}}@keyframes projects-capture-sheen{0%{opacity:0;transform:translate(-120%)}20%,75%{opacity:1}to{opacity:0;transform:translate(120%)}}.projects-showcase-media,.projects-showcase-placeholder{border-radius:15px;position:absolute;inset:0;overflow:hidden}.projects-showcase-page .projects-showcase-backdrop,.projects-showcase-page .hn-showcase-image{width:100%;height:100%;display:block;position:absolute;inset:0}.projects-showcase-page .projects-showcase-backdrop{object-fit:cover;filter:blur(16px)brightness(.55)contrast(.8);transform:scale(1.12)}.projects-showcase-page .hn-showcase-image{object-fit:contain;object-position:center}.projects-showcase-shell{width:min(1280px,100% - 80px);margin-inline:auto;padding:136px 0 96px}.projects-showcase-intro{text-align:center;max-width:760px;margin:0 auto 100px}.projects-showcase-eyebrow{color:#c4b5fd;letter-spacing:.19em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:700}.projects-showcase-intro h1{color:#f5f3ff;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(34px,4vw,56px);font-weight:650;line-height:1.12}.projects-showcase-summary{color:#c9c4d8;margin:24px 0 0;font-size:16px;line-height:1.8}@media (max-width:1099px){.projects-showcase-shell{width:min(720px,100% - 60px);padding-top:112px}.projects-showcase-intro{margin-bottom:80px}}@media (max-width:767px){.projects-showcase-shell{width:calc(100% - 48px);padding:104px 0 64px}.projects-showcase-intro{margin-bottom:72px}}
.projects-shader-cta{isolation:isolate;color:#f5f3ff;background:#07051a;height:auto;min-height:max(680px,100svh);position:relative}.projects-shader-cta canvas{filter:hue-rotate(235deg);pointer-events:none}.projects-shader-cta[data-shader-state=fallback] canvas{opacity:0}.projects-shader-cta:before{content:"";background:radial-gradient(#632b9b70,#07051a 75%);position:absolute;inset:0}.projects-shader-cta .shader-content{min-height:inherit;background:linear-gradient(#07051a33,#07051aa8 35%,#07051ab3 70%,#07051a66);padding:88px 24px;position:relative}.projects-shader-cta .shader-title{margin:0;font-weight:700;line-height:1.1}.projects-shader-cta .shader-headline{letter-spacing:-.04em;color:#0000;background-image:linear-gradient(100deg,#e9d5ff,#c4b5fd,#a5b4fc);font-size:clamp(38px,6vw,84px);line-height:1.1;display:block}.projects-shader-cta .shader-badge>div{background:#8b5cf61a;border-color:#c4b5fd55}.projects-shader-cta .shader-badge span{color:#ede9fe}.projects-shader-cta .shader-subtitle{color:#ede9fe;max-width:48ch;margin:0 auto}.projects-shader-cta .shader-primary,.projects-shader-cta .shader-secondary{justify-content:center;align-items:center;max-width:100%;min-height:52px;text-decoration:none;display:inline-flex}.projects-shader-cta .shader-primary{color:#fff;background:linear-gradient(110deg,#6d28d9,#4338ca);box-shadow:0 8px 32px #6d28d933}.projects-shader-cta .shader-primary:hover{background:linear-gradient(110deg,#7c3aed,#4f46e5)}.projects-shader-cta .shader-secondary{color:#ede9fe;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07051a88;border:1px solid #c4b5fd70}.projects-shader-cta .shader-secondary:hover{background:#312056aa;border-color:#c4b5fd}.projects-shader-cta a:focus-visible{outline-offset:6px;outline:2px solid #ede9fe}@media (prefers-reduced-motion:reduce){.projects-shader-cta *,.projects-shader-cta :before,.projects-shader-cta :after{opacity:1;transition:none;animation:none;transform:none}}