#animated-project-showcase{
    --cream:#fdfbf5;
    --mint:#e0f9ef;
    --teal:#4fdcc5;
    --ink:#171717;
    --spring:cubic-bezier(.34,1.22,.5,1);
  }#animated-project-showcase .project-card{display:block;position:relative;width:100%;max-width:1422px;margin:0 auto;color:inherit;text-decoration:none;cursor:pointer}#animated-project-showcase .stage{position:absolute;left:0;top:0;width:1512px;height:var(--h,680px);transform-origin:0 0}#animated-project-showcase .asset{
    position:absolute;
    --s:1;--s0:.15;--r0:-40deg;--fx:0px;--fy:0px;--delay:0s;
    transform:translate(-50%,-50%) translate(var(--fx),var(--fy)) rotate(calc(var(--rot) + var(--r0))) scale(calc(var(--s) * var(--s0)));
    opacity:0;
    transition:transform 1.05s var(--spring) var(--delay), opacity .3s ease var(--delay);
  }#animated-project-showcase .in .asset{transform:translate(-50%,-50%) rotate(var(--rot)) scale(var(--s));opacity:1}#animated-project-showcase .float{animation:showcase-bob var(--dur,5s) ease-in-out var(--fd,0s) infinite alternate;animation-play-state:paused}#animated-project-showcase .in .float{animation-play-state:running}@keyframes showcase-bob{
    from{transform:translateY(-4px) rotate(-.7deg)}
    to  {transform:translateY(4px)  rotate(.8deg)}
  }#animated-project-showcase .par{will-change:transform}#animated-project-showcase .jelly:hover{animation:showcase-jelly .75s ease}@keyframes showcase-jelly{
    0%{scale:1 1} 25%{scale:1.06 .95} 50%{scale:.97 1.03} 75%{scale:1.01 .99} 100%{scale:1 1}
  }#animated-project-showcase .main{width:738.8px;height:425px;background:var(--mint);position:relative;box-shadow:0 30px 60px -30px rgba(40,120,100,.35)}#animated-project-showcase .main > *{position:absolute}#animated-project-showcase .main .title{left:55.8px;top:14.16px;width:260px;font:italic 400 67.7px/normal 'Raleway',sans-serif;letter-spacing:.7px;color:#000}#animated-project-showcase .main .tag{left:426.7px;top:35.6px;width:251px;font:italic 500 19.7px/normal 'Raleway',sans-serif;letter-spacing:.49px;color:#000}#animated-project-showcase .main .p{font:300 16px/normal 'Inter',sans-serif;color:#1e1e1e}#animated-project-showcase .main .h{left:414.5px;top:142.4px;width:261px;font:400 18.5px/1.2 'Product Sans','Google Sans','Outfit',sans-serif;color:#000}#animated-project-showcase .main .foot{top:390.95px;font:italic 300 16px/1.53 'Inter',sans-serif;color:#000;white-space:nowrap}#animated-project-showcase .main .hline{left:0;top:383px;width:100%;height:1.5px;background:var(--teal)}#animated-project-showcase .main .vline{left:369px;top:145px;width:1.2px;height:224px;background:var(--teal)}#animated-project-showcase .star{position:absolute;display:block}#animated-project-showcase .star svg{width:100%;height:100%;display:block;overflow:visible}#animated-project-showcase .star.big{left:50%;top:23.8px;width:72px;height:70px;margin-left:-36px;animation:showcase-spin 34s linear infinite}#animated-project-showcase .project-card:hover .star.big{animation-duration:12s}#animated-project-showcase .star.sm{width:23.3px;height:23.3px;animation:showcase-twinkle 4.6s ease-in-out infinite}#animated-project-showcase .star.sm.b{animation-delay:.9s}#animated-project-showcase .star.sm.c{animation-delay:1.7s}@keyframes showcase-spin{to{transform:rotate(360deg)}}@keyframes showcase-twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.35) rotate(45deg)}}#animated-project-showcase .main .title,
#animated-project-showcase .main .tag,
#animated-project-showcase .main .p,
#animated-project-showcase .main .h,
#animated-project-showcase .main .foot{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .8s var(--spring)}#animated-project-showcase .in .main .title,
#animated-project-showcase .in .main .tag,
#animated-project-showcase .in .main .p,
#animated-project-showcase .in .main .h,
#animated-project-showcase .in .main .foot{opacity:1;transform:none}#animated-project-showcase .in .main .title{transition-delay:.35s}#animated-project-showcase .in .main .tag{transition-delay:.5s}#animated-project-showcase .in .main .p{transition-delay:.62s}#animated-project-showcase .in .main .h{transition-delay:.72s}#animated-project-showcase .in .main .foot{transition-delay:.85s}#animated-project-showcase .main .hline,
#animated-project-showcase .main .vline{transform-origin:left center;transform:scaleX(0);transition:transform .9s ease .5s}#animated-project-showcase .main .vline{transform-origin:center top;transform:scaleY(0)}#animated-project-showcase .in .main .hline{transform:scaleX(1)}#animated-project-showcase .in .main .vline{transform:scaleY(1);transition-delay:.7s}#animated-project-showcase .ui{background:#fff;border:1px solid #ebebeb;border-radius:16px;box-shadow:0 1px 2px rgba(10,13,20,.03),0 22px 40px -22px rgba(30,40,90,.35);font-feature-settings:"ss11" 1,"calt" 0,"liga" 0}#animated-project-showcase .proposal{width:244px;padding:14px;display:flex;flex-direction:column;gap:10px}#animated-project-showcase .proposal .hd{display:flex;gap:8px;align-items:center;font:500 12.5px/17px 'Inter';letter-spacing:-.12px}#animated-project-showcase .proposal hr{border:0;border-top:1px solid #ebebeb}#animated-project-showcase .proposal .sc{font:500 14px/17px 'Inter';color:#171717}#animated-project-showcase .proposal .sc b{color:#178c4e;font-weight:500}#animated-project-showcase .proposal .delta{font:500 9.5px/11px 'Inter';color:#178c4e;margin-top:3px}#animated-project-showcase .meter{display:flex;gap:2.6px;height:20px}#animated-project-showcase .meter i{flex:1;background:#ebebeb;transform-origin:bottom;transform:scaleY(.15);opacity:0}#animated-project-showcase .meter i.on{background:#1fc16b}#animated-project-showcase .in .meter i{animation:showcase-barUp .5s var(--spring) forwards;animation-delay:calc(1s + var(--i) * 22ms)}@keyframes showcase-barUp{to{transform:scaleY(1);opacity:1}}#animated-project-showcase .bid{width:266px;padding:18px;display:flex;flex-direction:column;gap:10px}#animated-project-showcase .bid .name{font:700 12.5px/17px 'Inter';letter-spacing:-.13px;color:#171717}#animated-project-showcase .bid .row{display:flex;justify-content:space-between;align-items:center}#animated-project-showcase .bid .org{font:500 14px/20px 'Inter';color:#5c5c5c;letter-spacing:-.08px}#animated-project-showcase .bid .pill{display:flex;gap:6px;align-items:center;background:#c2f5da;border-radius:4px;padding:3px 6px;font:500 11.5px/16px 'Inter';color:#171717}#animated-project-showcase .bid .pill b{font:700 9px/11px 'Inter';color:#1a7544}#animated-project-showcase .bid .amt{display:flex;gap:6px;align-items:center;font:400 11.5px/16px 'Inter';color:#5c5c5c}#animated-project-showcase .bid .amt b{font:700 11px/14px 'Inter';color:#171717}#animated-project-showcase .bid hr{border:0;border-top:1px solid #ebebeb}#animated-project-showcase .btn{display:flex;justify-content:center;align-items:center;gap:4px;background:#335cff;color:#fff;border-radius:10px;padding:10px;font:500 14px/20px 'Inter';letter-spacing:-.08px;transition:transform .3s var(--spring)}#animated-project-showcase .bid:hover .btn{transform:scale(1.04)}#animated-project-showcase .ring circle{transform-origin:center;transform:rotate(-90deg)}#animated-project-showcase .ring .arc{stroke-dasharray:44;stroke-dashoffset:44;transition:stroke-dashoffset 1.4s ease 1.1s}#animated-project-showcase .in .ring .arc{stroke-dashoffset:6.2}#animated-project-showcase .margin{position:relative;width:288.33px;height:106px;padding:0}#animated-project-showcase .margin .lbl{position:absolute;left:20px;top:20px;display:flex;gap:3.57px;align-items:center;font:500 12.488px/17.84px 'Inter';color:#5c5c5c;letter-spacing:-.075px;white-space:nowrap}#animated-project-showcase .margin .big{position:absolute;left:20px;top:41.57px;font:500 21.408px/28.544px 'Inter';color:#171717;letter-spacing:-.4px}#animated-project-showcase .margin .sub{position:absolute;left:20px;top:71.9px;font:500 12.488px/17.84px 'Inter';color:#5c5c5c;letter-spacing:-.075px;white-space:nowrap}#animated-project-showcase .margin .sub em{font-style:normal;color:#1fc16b}#animated-project-showcase .gauge{position:absolute;left:166.24px;top:20px;width:113.14px;height:66px}#animated-project-showcase .gauge svg{position:absolute;left:0;top:0;width:113.14px;height:66px;overflow:visible}#animated-project-showcase .gauge .num{position:absolute;left:30.76px;top:23.57px;width:51px;font:400 41.25px/45px 'Inter';color:#1c1c1e;letter-spacing:-1.6px;white-space:nowrap}#animated-project-showcase .gauge .sweep{stroke-dasharray:88;stroke-dashoffset:88;transition:stroke-dashoffset 1.1s ease 1s}#animated-project-showcase .in .gauge .sweep{stroke-dashoffset:0}#animated-project-showcase .needle{transform-origin:56.57px 56.57px;transform:rotate(-172deg);transition:transform 1.5s cubic-bezier(.3,1.2,.5,1) 1.15s}#animated-project-showcase .in .needle{transform:rotate(0deg)}#animated-project-showcase .badge{display:flex;gap:4px;align-items:center;padding:7px 8px;background:#fff;border:1px solid #7d52f4;border-radius:9px;font:500 13px/16px 'Inter';color:#7d52f4;white-space:nowrap;font-feature-settings:"ss11" 1,"calt" 0,"liga" 0}#animated-project-showcase .badge .dot{width:6px;height:6px;border-radius:50%;background:#7d52f4;animation:showcase-blink 1.6s ease-in-out infinite}@keyframes showcase-blink{50%{opacity:.25;transform:scale(.6)}}#animated-project-showcase .logo{width:170px;height:170px;filter:drop-shadow(0 24px 22px rgba(50,150,200,.28))}#animated-project-showcase .logo svg{width:100%;height:100%;display:block;transition:transform .9s var(--spring)}#animated-project-showcase .logo:hover svg{transform:rotate(-8deg) scale(1.03)}#animated-project-showcase .stack{position:relative;padding:7vh 0 30vh;isolation:isolate}#animated-project-showcase .stack-item{position:sticky;top:clamp(70px,13vh,150px);margin-bottom:-130px;background:transparent}#animated-project-showcase .stack-item:nth-child(1){z-index:1}#animated-project-showcase .stack-item:nth-child(2){z-index:2}#animated-project-showcase .stack-item .project-card{transform-origin:50% 14%;will-change:transform}#animated-project-showcase .veil{display:none}#animated-project-showcase .stack-item.covered .project-card{pointer-events:none}@media(max-width:700px){#animated-project-showcase .stack{padding-top:3vh;padding-bottom:20vh}#animated-project-showcase .stack-item{top:clamp(12px,5vh,35px);margin-bottom:-35px}
  }#animated-project-showcase .main.logi{background:#e9f6f6}#animated-project-showcase .logi .title{left:43px;top:33.8px;width:auto;white-space:nowrap;font-size:64px}#animated-project-showcase .logi .tag{left:543.2px;top:39.7px;width:154px}#animated-project-showcase .logi .star.big{left:452.6px;margin-left:0;top:38.9px}#animated-project-showcase .logi .hline,
#animated-project-showcase .logi .vline{background:#4a79e6}#animated-project-showcase .logi .foot{font-style:normal}#animated-project-showcase .slot{position:relative;overflow:visible}#animated-project-showcase .slot img{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block;object-fit:contain;-webkit-user-drag:none;user-select:none}#animated-project-showcase .slot.missing{background:repeating-linear-gradient(45deg,#e8e3ff,#e8e3ff 9px,#f3f0ff 9px,#f3f0ff 18px);outline:1px dashed #a79bea}#animated-project-showcase .slot.missing::after{content:attr(data-file);position:absolute;inset:0;display:grid;place-items:center;
    font:500 11px/1.2 ui-monospace,Menlo,monospace;color:#6b5ccf;text-align:center;padding:6px}#animated-project-showcase .trophy{width:305px;height:305px;filter:drop-shadow(0 22px 20px rgba(100,70,220,.22))}#animated-project-showcase .mousepanel{width:277px;height:244px;filter:drop-shadow(0 18px 22px rgba(20,20,40,.22))}#animated-project-showcase .bulb{width:147px;height:179px;filter:drop-shadow(0 16px 18px rgba(150,90,240,.28))}#animated-project-showcase .photo{width:220px;height:214px;filter:drop-shadow(0 16px 20px rgba(20,20,40,.3))}#animated-project-showcase .slide{width:320px;height:208px;filter:drop-shadow(0 16px 22px rgba(20,20,40,.25))}#animated-project-showcase .slide .arr{position:absolute;width:20px;height:20px;top:calc(50% - 10px);z-index:2;pointer-events:none}#animated-project-showcase .slide .arr.l{left:22px}#animated-project-showcase .slide .arr.r{right:22px}#animated-project-showcase .slot img{transform-origin:50% 60%;animation:showcase-sway var(--sw,7s) ease-in-out var(--sd,0s) infinite alternate}@keyframes showcase-sway{
    from{transform:perspective(520px) rotateY(calc(var(--sa,6deg) * -1)) rotateX(calc(var(--sa,6deg) * .4))}
    to  {transform:perspective(520px) rotateY(var(--sa,6deg)) rotateX(calc(var(--sa,6deg) * -.4))}
  }#animated-project-showcase .trophy img{--sa:15deg;--sw:6s}#animated-project-showcase .bulb img{--sa:11deg;--sw:5s;--sd:-1.5s;animation:showcase-sway var(--sw) ease-in-out var(--sd) infinite alternate,showcase-glow 2.2s ease-in-out infinite alternate}@keyframes showcase-glow{from{filter:drop-shadow(0 0 4px rgba(190,120,255,.25))}to{filter:drop-shadow(0 0 22px rgba(205,140,255,.9))}}#animated-project-showcase .mousepanel img{--sa:5deg;--sw:8s;--sd:-3s}#animated-project-showcase .photo img{--sa:4deg;--sw:9s;--sd:-5s}#animated-project-showcase .slide img{--sa:4deg;--sw:7.5s;--sd:-2s}#animated-project-showcase .sheen{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
    -webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat}#animated-project-showcase .sheen::before{content:"";position:absolute;inset:0;
    background:linear-gradient(112deg,transparent 34%,rgba(255,255,255,.7) 46%,rgba(150,205,255,.5) 50%,rgba(255,150,230,.45) 54%,transparent 66%);
    background-size:300% 100%;background-position:130% 0;animation:showcase-sweep 5.5s cubic-bezier(.5,0,.3,1) var(--sd2,0s) infinite}@keyframes showcase-sweep{0%{background-position:130% 0}45%,100%{background-position:-30% 0}}#animated-project-showcase .sheen::after{content:"";position:absolute;inset:0;opacity:var(--hv,0);transition:opacity .35s ease;
    background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.75),rgba(180,160,255,.25) 38%,transparent 62%)}#animated-project-showcase .slot:hover .sheen{--hv:1}#animated-project-showcase .trophy .sheen{--sd2:.4s}#animated-project-showcase .mousepanel .sheen{--sd2:1.8s}#animated-project-showcase .photo .sheen{--sd2:3s}#animated-project-showcase .slide .sheen{--sd2:2.4s}#animated-project-showcase .bulb .sheen{--sd2:1s}#animated-project-showcase .spark{pointer-events:none}#animated-project-showcase .spk{position:relative;display:block;width:var(--z,16px);height:var(--z,16px);animation:showcase-twinkle 3s ease-in-out var(--td,0s) infinite;filter:drop-shadow(0 0 6px rgba(80,120,255,.55))}#animated-project-showcase .spk svg{width:100%;height:100%;display:block;overflow:visible}#animated-project-showcase .stack-item:nth-child(3){z-index:3}#animated-project-showcase .main.prompt{background:#eee8fc;box-shadow:0 30px 60px -30px rgba(110,70,200,.38)}#animated-project-showcase .prompt .title{left:27.9px;top:32px;width:auto;white-space:nowrap;font:400 64px/normal 'Raleway',sans-serif;letter-spacing:.3px}#animated-project-showcase .prompt .tag{left:556px;top:44px;width:172px}#animated-project-showcase .prompt .star.big{left:478px;margin-left:0;top:36px}#animated-project-showcase .prompt .hline,
#animated-project-showcase .prompt .vline{background:#a780f4}#animated-project-showcase .prompt .foot{font-style:normal}#animated-project-showcase .pl-card{background:#fff;box-shadow:0 1px 2px rgba(20,16,50,.04),0 26px 44px -24px rgba(70,45,140,.38);font-feature-settings:"ss11" 1,"calt" 0,"liga" 0}#animated-project-showcase .pl-toast{width:210px;height:112px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font:700 11.5px/1.2 'Inter',sans-serif;color:#111;letter-spacing:-.1px}#animated-project-showcase .pl-toast .chk{position:relative;width:30px;height:30px;border-radius:50%;background:#d9f6e5;display:grid;place-items:center;transform:scale(.2);opacity:0;transition:transform .7s var(--spring) 1.05s,opacity .3s ease 1.05s}#animated-project-showcase .pl-toast .chk::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #34c77b;opacity:0}#animated-project-showcase .pl-toast .chk svg{width:16px;height:16px;overflow:visible}#animated-project-showcase .pl-toast .chk path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .5s ease 1.3s}#animated-project-showcase .in .pl-toast .chk{transform:none;opacity:1}#animated-project-showcase .in .pl-toast .chk path{stroke-dashoffset:0}#animated-project-showcase .in .pl-toast .chk::after{animation:showcase-ping 2.8s ease-out 2s infinite}@keyframes showcase-ping{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(1.9);opacity:0}}#animated-project-showcase .pl-toast .msg{opacity:0;transform:translateY(6px);transition:opacity .5s ease 1.4s,transform .6s var(--spring) 1.4s}#animated-project-showcase .in .pl-toast .msg{opacity:1;transform:none}#animated-project-showcase .pl-persona{width:244px;padding:17px 16px 16px;border-radius:22px;font-family:'Inter',sans-serif}#animated-project-showcase .pl-persona .tg{display:table;padding:5px 9px;border-radius:5px;font:500 12px/1.2 'Inter',sans-serif;margin-bottom:6px;background:#d7f7e1;color:#166534;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .6s var(--spring)}#animated-project-showcase .pl-persona .tg.g{background:#f1f1f3;color:#4b4b52}#animated-project-showcase .in .pl-persona .tg{opacity:1;transform:none;transition-delay:1.0s}#animated-project-showcase .in .pl-persona .tg.g{transition-delay:1.15s}#animated-project-showcase .pl-persona h3{font:700 13.5px/1.28 'Inter',sans-serif;letter-spacing:-.2px;margin:14px 0 10px;color:#111}#animated-project-showcase .pl-persona p{font:400 11.5px/1.55 'Inter',sans-serif;color:#6b7280;margin-bottom:14px}#animated-project-showcase .pl-persona h3,
#animated-project-showcase .pl-persona p{opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .7s var(--spring)}#animated-project-showcase .in .pl-persona h3{opacity:1;transform:none;transition-delay:1.25s}#animated-project-showcase .in .pl-persona p{opacity:1;transform:none;transition-delay:1.4s}#animated-project-showcase .pl-persona .view{position:relative;overflow:hidden;display:block;text-align:center;background:#7c4dec;color:#fff;border-radius:10px;padding:12px;font:600 12.5px/1 'Inter',sans-serif;transition:transform .3s var(--spring),box-shadow .3s ease}#animated-project-showcase .pl-persona .view::after{content:"";position:absolute;inset:-80% -35%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.45),transparent 57%);transform:translateX(-110%)}#animated-project-showcase .in .pl-persona .view::after{animation:showcase-plShine 4.8s ease-in-out 2s infinite}@keyframes showcase-plShine{0%,45%{transform:translateX(-110%)}75%,100%{transform:translateX(110%)}}#animated-project-showcase .pl-persona:hover .view{transform:scale(1.04);box-shadow:0 8px 18px -6px rgba(124,77,236,.55)}#animated-project-showcase .pl-save{display:flex;align-items:center;gap:9px;border:1px solid #ececf1;border-radius:999px;padding:12px 20px 12px 18px;font:400 17px/1 'Inter',sans-serif;color:#111;white-space:nowrap;transition:border-color .3s ease}#animated-project-showcase .pl-save svg{width:18px;height:18px;overflow:visible}#animated-project-showcase .pl-save path{stroke-dasharray:60;stroke-dashoffset:60;fill:transparent;transition:stroke-dashoffset .9s ease 1.2s,fill .35s ease}#animated-project-showcase .in .pl-save path{stroke-dashoffset:0}#animated-project-showcase .pl-save:hover{border-color:#b7a0f6}#animated-project-showcase .pl-save:hover path{fill:#7c4dec;stroke:#7c4dec}#animated-project-showcase .pl-copy{width:46px;height:46px;border-radius:50%;border:1px solid #ececf1;display:grid;place-items:center}#animated-project-showcase .pl-copy svg{width:19px;height:19px;transition:transform .5s var(--spring)}#animated-project-showcase .pl-copy:hover svg{transform:rotate(90deg) scale(1.15)}#animated-project-showcase .pl-opt{width:304px;border-radius:16px;overflow:hidden;font-family:'Inter',sans-serif}#animated-project-showcase .pl-opt .hd{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font:600 13.5px/1 'Inter',sans-serif;border-bottom:1px solid #eceaf2;color:#111}#animated-project-showcase .pl-opt .hd span{display:flex;align-items:center;gap:8px}#animated-project-showcase .pl-opt .hd svg.bolt{width:16px;height:16px;animation:showcase-twinkle 2.6s ease-in-out infinite}#animated-project-showcase .pl-opt .bd{padding:13px 14px 12px}#animated-project-showcase .pl-opt .ey{font:600 9.5px/1 'Inter',sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:#4b5563}#animated-project-showcase .pl-opt .tk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 9px}#animated-project-showcase .pl-opt .tk div{background:#fafafb;border:1px solid #ebebf0;border-radius:15px;padding:10px 4px 8px;text-align:center;font:400 9.5px/1.3 'Inter',sans-serif;color:#6b7280;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .7s var(--spring),background .3s ease}#animated-project-showcase .in .pl-opt .tk div{opacity:1;transform:none;transition-delay:1.1s}#animated-project-showcase .in .pl-opt .tk div:nth-child(2){transition-delay:1.22s}#animated-project-showcase .in .pl-opt .tk div:nth-child(3){transition-delay:1.34s}#animated-project-showcase .pl-opt .tk b{display:block;font:600 16px/1.3 'Inter',sans-serif;color:#151515;margin:2px 0 0;font-variant-numeric:tabular-nums}#animated-project-showcase .pl-opt .tk div:hover{background:#f1ebff}#animated-project-showcase .pl-opt .ft{font:400 8.5px/1.45 'Inter',sans-serif;color:#6b7280}#animated-project-showcase .pl-shot{filter:drop-shadow(0 0 .6px rgba(40,50,90,.5)) drop-shadow(0 16px 18px rgba(30,25,70,.22))}#animated-project-showcase .pl-shot img{border-radius:8px}#animated-project-showcase .pl-shot .sheen{border-radius:8px;overflow:hidden}#animated-project-showcase .pl-dash{width:274px;height:185px}#animated-project-showcase .pl-dash img{--sa:4deg;--sw:8s;--sd:-3s}#animated-project-showcase .pl-work{width:286px;height:230px}#animated-project-showcase .pl-work img{--sa:5deg;--sw:9s;--sd:-5s}#animated-project-showcase .pl-dash .sheen{--sd2:1.2s}#animated-project-showcase .pl-work .sheen{--sd2:3s}@media (prefers-reduced-motion:reduce){#animated-project-showcase .pl-toast .chk,
#animated-project-showcase .pl-toast .msg,
#animated-project-showcase .pl-persona .tg,
#animated-project-showcase .pl-persona h3,
#animated-project-showcase .pl-persona p,
#animated-project-showcase .pl-opt .tk div{opacity:1!important;transform:none!important;transition:none!important}#animated-project-showcase .pl-toast .chk path,
#animated-project-showcase .pl-save path{stroke-dashoffset:0!important;transition:none!important}#animated-project-showcase .pl-toast .chk::after,
#animated-project-showcase .pl-persona .view::after,
#animated-project-showcase .pl-opt .hd svg.bolt{animation:none!important}
  }#animated-project-showcase .cursor{display:none!important}#animated-project-showcase .cursor .bubble{
    position:absolute;left:0;top:0;translate:-50% -50%;white-space:nowrap;
    display:flex;align-items:center;gap:9px;padding:15px 24px;border-radius:999px;
    color:#23232b;font:400 18px/1 'Inter',sans-serif;letter-spacing:-.1px;
    background:rgba(255,255,255,.58);
    -webkit-backdrop-filter:blur(18px) saturate(1.5);
    backdrop-filter:blur(18px) saturate(1.5);
    border:1px solid rgba(255,255,255,.55);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 30px -10px rgba(60,50,110,.28);
    transform:scale(0) rotate(-20deg);transition:transform .55s var(--spring);
  }#animated-project-showcase .cursor.show .bubble{transform:scale(1) rotate(0)}#animated-project-showcase .cursor svg{width:17px;height:17px;flex:none}@media (prefers-reduced-motion:reduce){#animated-project-showcase .stack-item .project-card{transform:none!important;filter:none!important}#animated-project-showcase .slot img,
#animated-project-showcase .sheen::before{animation:none!important}#animated-project-showcase .asset{filter:none!important}#animated-project-showcase .asset:not(.main-asset) > .float{translate:none!important;scale:none!important;opacity:1!important}#animated-project-showcase .asset{transition:none;opacity:1;transform:translate(-50%,-50%) rotate(var(--rot)) scale(var(--s))}#animated-project-showcase .float,
#animated-project-showcase .star,
#animated-project-showcase .badge .dot{animation:none!important}#animated-project-showcase .main *,
#animated-project-showcase .meter i{transition:none!important;opacity:1!important;transform:none!important;animation:none!important}
  }#animated-project-showcase .slot img{animation:none!important;transform:none!important}#animated-project-showcase .sheen{display:none!important}#animated-project-showcase .trophy{filter:drop-shadow(0 20px 18px rgba(100,70,220,.18))}#animated-project-showcase .mousepanel{filter:drop-shadow(0 16px 20px rgba(20,20,40,.16))}#animated-project-showcase .bulb{filter:drop-shadow(0 14px 14px rgba(150,90,240,.2))}#animated-project-showcase .photo{filter:drop-shadow(0 14px 18px rgba(20,20,40,.22))}#animated-project-showcase .slide{filter:drop-shadow(0 14px 18px rgba(20,20,40,.18))}#animated-project-showcase .pl-shot{filter:none;overflow:hidden;background:#fff;border-radius:12px;border:1px solid #ebebeb;
    box-shadow:0 1px 2px rgba(10,13,20,.03),0 22px 40px -22px rgba(30,40,90,.35)}#animated-project-showcase .pl-shot img{border-radius:0;object-fit:cover}#animated-project-showcase .project-card:not(.vis) .float,
#animated-project-showcase .project-card:not(.vis) .star,
#animated-project-showcase .project-card:not(.vis) .badge .dot,
#animated-project-showcase .project-card:not(.vis) .pl-opt .hd svg.bolt,
#animated-project-showcase .project-card:not(.vis) .pl-toast .chk::after,
#animated-project-showcase .project-card:not(.vis) .pl-persona .view::after{animation-play-state:paused!important}#animated-project-showcase .stack{z-index:1}

#animated-project-showcase .project-card:focus-visible { outline: 3px solid #ff4fa8; outline-offset: 8px; }
#animated-project-showcase.stack { padding-bottom: 34vh; }
@media (max-width:700px) { #animated-project-showcase.stack { padding-bottom: 22vh; } }

.work-research-flow {
  position: relative;
}

.project-showcase-ribbon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  opacity: .82;
}

.work-section .section-label-wrap,
.work-section .project-showcase-prompt {
  position: relative;
  z-index: 2;
}

.work-section .project-showcase-prompt {
  display: grid;
  height: 35vh;
  min-height: 180px;
  place-items: center;
  margin: -24px 0 0;
  transform: translateY(-clamp(120px, 24vh, 210px));
  color: #9a9a92;
  font: 400 14px/1.5 'Inter', sans-serif;
  letter-spacing: .04em;
}

#animated-project-showcase.stack {
  position: relative;
  z-index: 1;
}

@media (max-width:700px) {
  .work-section .project-showcase-prompt { height: 25vh; min-height: 140px; }
}

/* Keep the Logitech and Prompt Library dividers visible without drawing them in. */
#animated-project-showcase .main.logi .hline,
#animated-project-showcase .main.logi .vline,
#animated-project-showcase .main.prompt .hline,
#animated-project-showcase .main.prompt .vline {
  opacity: 1;
  transform: none;
  transition: none;
  animation: none;
}

#animated-project-showcase .main.prompt .title {
  font-style: italic;
}

/* Let the source composition use the full browser width, like the reference. */
#animated-project-showcase.stack {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

#animated-project-showcase .project-card {
  width: 100%;
  max-width: none;
}

/* Keep the project cards in normal document flow; the ribbon remains scroll-led. */
#animated-project-showcase.stack {
  padding: 5vh 0 8vh;
}

#animated-project-showcase .stack-item {
  position: relative;
  top: auto;
  margin: 0 0 clamp(36px, 7vh, 88px);
  z-index: auto;
}

#animated-project-showcase .stack-item .project-card {
  transform: none;
  opacity: 1;
  filter: none;
  will-change: auto;
}

@media (max-width: 700px) {
  #animated-project-showcase.stack { padding: 3vh 0 6vh; }
  #animated-project-showcase .stack-item { margin-bottom: 5vh; }
}