.panda-projects-archive,.panda-projects-archive *{box-sizing:border-box}
.panda-projects-archive{--archive-max:1400px;--archive-gutter:40px;background:#f8f9fb;color:var(--panda-navy);font-family:var(--panda-font-body)}
.panda-projects-archive__container{width:min(var(--archive-max),calc(100% - (var(--archive-gutter)*2)));margin-inline:auto}
.panda-projects-archive__hero{position:relative;overflow:hidden;background:#071626;color:#fff;padding:clamp(110px,11vw,190px) 0 clamp(80px,8vw,130px)}
.panda-projects-archive__grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;pointer-events:none}
.panda-projects-archive__eyebrow{position:relative;display:inline-flex;align-items:center;gap:14px;color:var(--panda-pink);font-size:11px;font-weight:850;letter-spacing:.2em}.panda-projects-archive__eyebrow:before{content:"";width:36px;height:2px;background:currentColor}
.panda-projects-archive__headline{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.55fr);gap:50px;align-items:end;margin-top:28px}
.panda-projects-archive h1,.panda-projects-archive h2{font-family:var(--panda-font-display);font-weight:400;text-transform:uppercase;margin:0}.panda-projects-archive h1{font-size:clamp(82px,11vw,180px);line-height:.78;letter-spacing:-.04em}.panda-projects-archive h1 em,.panda-projects-archive__cta h2 em{font-style:normal;color:var(--panda-cyan)}
.panda-projects-archive__intro{padding-bottom:10px}.panda-projects-archive__intro strong{display:block;color:var(--panda-cyan);font-family:var(--panda-font-display);font-size:clamp(70px,7vw,112px);font-weight:400;line-height:.8}.panda-projects-archive__intro p{max-width:410px;margin:24px 0 0;color:rgba(255,255,255,.7);font-size:15px;line-height:1.7}
.panda-projects-archive__work{padding:clamp(80px,8vw,130px) 0}.panda-projects-archive__section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding-bottom:26px;border-bottom:1px solid rgba(7,22,38,.12)}.panda-projects-archive__section-head span{font-size:11px;font-weight:850;letter-spacing:.18em;color:var(--panda-pink)}.panda-projects-archive__section-head p{max-width:460px;margin:0;color:#52616e;font-size:14px;line-height:1.6}
.panda-projects-archive__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,6vw,90px) clamp(28px,4vw,58px);padding-top:50px}.panda-projects-card{min-width:0}.panda-projects-card:nth-child(even){padding-top:clamp(45px,5vw,85px)}
.panda-projects-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;background:#dfe5e9;text-decoration:none}.panda-projects-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s ease}.panda-projects-card__number{position:absolute;left:20px;top:20px;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(7,22,38,.45);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:850;letter-spacing:.08em}.panda-projects-card__arrow{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#071626;color:var(--panda-cyan);font-size:26px;transition:transform .35s ease,background .35s ease,color .35s ease}.panda-projects-card__copy{padding:24px 2px 0}.panda-projects-card__meta{display:flex;justify-content:space-between;gap:16px;color:var(--panda-pink);font-size:9px;font-weight:850;letter-spacing:.13em}.panda-projects-card h2{margin-top:14px;font-size:clamp(44px,4.8vw,76px);line-height:.88}.panda-projects-card h2 a{color:var(--panda-navy);text-decoration:none;transition:color .3s ease}.panda-projects-card p{margin:20px 0 0;color:#53616d;font-size:15px;line-height:1.7;max-width:620px}.panda-projects-card small{display:block;margin-top:16px;color:#75818b;font-size:10px;font-weight:750;letter-spacing:.06em;line-height:1.6}.panda-projects-card__link{display:inline-flex;align-items:center;gap:13px;margin-top:22px;color:var(--panda-navy);font-size:11px;font-weight:850;letter-spacing:.08em;text-decoration:none}.panda-projects-card__link strong{color:var(--panda-pink);font-size:22px;transition:transform .35s ease,color .35s ease}
@media(hover:hover) and (pointer:fine){.panda-projects-card__media:hover img{transform:scale(1.045);filter:saturate(1.05)}.panda-projects-card__media:hover .panda-projects-card__arrow{transform:translate(5px,-5px) scale(1.06);background:var(--panda-cyan);color:#071626}.panda-projects-card h2 a:hover{color:var(--panda-cyan)}.panda-projects-card__link:hover strong{transform:translate(5px,-5px);color:var(--panda-cyan)}}
.panda-projects-archive__cta{padding:clamp(90px,9vw,150px) 0;background:#071626;color:#fff}.panda-projects-archive__cta span{display:block;color:var(--panda-pink);font-size:11px;font-weight:850;letter-spacing:.18em}.panda-projects-archive__cta h2{margin-top:22px;font-size:clamp(68px,9vw,138px);line-height:.82;max-width:1000px}.panda-projects-archive__cta>a,.panda-projects-archive__cta .panda-projects-archive__container>a{display:inline-flex;align-items:center;gap:24px;margin-top:38px;padding:16px 20px;border:1px solid var(--panda-cyan);border-radius:999px;color:#fff;text-decoration:none;font-size:11px;font-weight:850;letter-spacing:.06em;transition:transform .35s ease,background .35s ease,box-shadow .35s ease}.panda-projects-archive__cta a strong{color:var(--panda-pink);font-size:24px;transition:transform .35s ease,color .35s ease}@media(hover:hover) and (pointer:fine){.panda-projects-archive__cta a:hover{transform:translateY(-4px) scale(1.025);background:rgba(0,174,239,.14);box-shadow:0 18px 44px rgba(0,174,239,.15)}.panda-projects-archive__cta a:hover strong{transform:translate(6px,-6px);color:var(--panda-cyan)}}
.panda-projects-archive__empty{padding:70px 0;color:#5d6a74}
@media(max-width:1024px){.panda-projects-archive{--archive-gutter:24px}.panda-projects-archive__headline{grid-template-columns:1fr}.panda-projects-archive__intro{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:end}.panda-projects-archive__intro p{margin:0}}
@media(max-width:767px){.panda-projects-archive{--archive-gutter:17px}.panda-projects-archive__hero{padding-top:90px}.panda-projects-archive h1{font-size:clamp(68px,20vw,105px)}.panda-projects-archive__intro{grid-template-columns:1fr}.panda-projects-archive__intro p{margin-top:12px}.panda-projects-archive__section-head{align-items:flex-start;flex-direction:column}.panda-projects-archive__cards{grid-template-columns:1fr}.panda-projects-card:nth-child(even){padding-top:0}.panda-projects-card h2{font-size:clamp(46px,14vw,72px)}}

/* Portfolio Pro v2.12 */
.panda-projects-archive__section-head>div:first-child{min-width:0}.panda-projects-archive__section-head>div:first-child p{margin-top:9px}.panda-projects-archive__search-wrap{position:relative;width:min(100%,360px)}.panda-projects-archive__search-wrap svg{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--panda-navy);stroke-width:1.8;stroke-linecap:round;pointer-events:none}.panda-projects-archive__search-wrap input{width:100%;height:48px;padding:0 18px 0 46px;border:1px solid rgba(7,22,38,.14);border-radius:999px;background:#fff;color:var(--panda-navy);font:700 13px/1 var(--panda-font-body);outline:none;transition:border-color .25s ease,box-shadow .25s ease}.panda-projects-archive__search-wrap input:focus{border-color:var(--panda-cyan);box-shadow:0 0 0 3px rgba(0,174,239,.12)}
.panda-projects-archive__filters{display:flex;flex-wrap:wrap;gap:9px;padding:28px 0 2px}.panda-projects-archive__filters button{appearance:none;border:1px solid rgba(7,22,38,.13);border-radius:999px;background:#fff;color:#5a6874;padding:11px 15px;font:800 10px/1 var(--panda-font-body);letter-spacing:.09em;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}.panda-projects-archive__filters button small{margin-left:7px;color:#87929b;font-size:9px}.panda-projects-archive__filters button.is-active{background:var(--panda-navy);border-color:var(--panda-navy);color:#fff}.panda-projects-archive__filters button.is-active small{color:var(--panda-cyan)}@media(hover:hover) and (pointer:fine){.panda-projects-archive__filters button:hover{transform:translateY(-2px);border-color:var(--panda-cyan);color:var(--panda-navy)}}
.panda-projects-card[hidden]{display:none!important}.panda-projects-card__featured{position:absolute;left:20px;bottom:20px;z-index:2;padding:9px 11px;border-radius:999px;background:var(--panda-pink);color:#fff;font-size:9px;font-weight:900;letter-spacing:.13em}.panda-projects-card--featured .panda-projects-card__media:after{content:"";position:absolute;inset:0;border:1px solid rgba(0,174,239,.55);pointer-events:none}.panda-projects-archive__no-results{margin-top:54px;padding:48px;border:1px dashed rgba(7,22,38,.18);border-radius:22px;text-align:center;background:#fff}.panda-projects-archive__no-results strong{font-family:var(--panda-font-display);font-size:clamp(34px,4vw,58px);font-weight:400;color:var(--panda-navy)}.panda-projects-archive__no-results p{margin:10px 0 0;color:#66737e}
@media(max-width:767px){.panda-projects-archive__section-head{gap:24px}.panda-projects-archive__search-wrap{width:100%}.panda-projects-archive__filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.panda-projects-archive__filters::-webkit-scrollbar{display:none}.panda-projects-archive__filters button{flex:0 0 auto}}