/* Portfolio archive: shares blog grid and global container widths. */
.vn644-archive-main{padding-top:var(--vn-header-height,78px);overflow:clip}
.vn644-archive-hero{padding:clamp(82px,9vw,130px) 0 clamp(65px,7vw,100px);background:linear-gradient(135deg,#111923 5%,#1a232d 65%,#11171e)}
.vn644-archive-inner{max-width:var(--width,1200px)}
.vn644-archive-hero h1{font-size:clamp(2.5rem,5.2vw,5.4rem);max-width:960px;margin:.25em 0;line-height:1.08}
.vn644-lead{max-width:830px;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.7;color:var(--muted,#b5bfc8)}
.vn644-project-list-section,.vn644-seo-section{padding:clamp(62px,7vw,104px) 0}
.vn644-section-head{max-width:850px;margin-bottom:34px}.vn644-section-head h2{margin:10px 0}.vn644-section-head p{line-height:1.75}
.vn644-project-grid .vn644-project-card{min-width:0;display:flex;flex-direction:column;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.vn644-project-image{display:block;aspect-ratio:16/10;overflow:hidden}.vn644-project-image img{height:100%;object-fit:cover;transition:transform .35s ease}
.vn644-project-image .vn644-image-fallback{display:grid;height:100%;place-items:center;color:var(--orange,#f1a34d);background:#162029;font-weight:800}
.vn644-project-grid .vn52-blog-body{flex:1;display:flex;flex-direction:column;gap:12px}
.vn644-project-grid .vn52-blog-body h3{font-size:clamp(1.2rem,1.6vw,1.5rem);line-height:1.35;margin:0}
.vn644-project-grid .vn52-blog-body p{flex:1;line-height:1.65;margin:0}
.vn644-card-more{align-self:flex-start}.vn644-pagination{margin-top:30px}
.vn644-seo-section{background:var(--panel,#151b21)}.vn644-seo-content>p{max-width:920px;line-height:1.8}.vn644-seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:38px 0 52px}
.vn644-seo-grid article{background:rgba(0,0,0,.16);border:1px solid var(--line,#394149);border-radius:var(--vn-radius,14px);padding:clamp(20px,3vw,32px)}
.vn644-seo-grid h3{margin:0 0 12px}.vn644-seo-grid p{line-height:1.75;margin:0}
.vn644-archive-cta{border:1px solid var(--line,#394149);padding:clamp(20px,3vw,34px);border-radius:var(--vn-radius,14px);margin-top:35px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.vn644-archive-cta p{margin:0;max-width:650px;line-height:1.6}
/* Gutenberg hover: high specificity, no unsupported mix-blend-mode. */
body .vn643-hover{position:relative;will-change:auto;transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s ease,background-color .32s ease,border-color .32s ease!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 body .vn643-hover.vn643-hover-pop:hover,body .vn643-hover.vn643-hover-both:hover{transform:translate3d(0,calc(-1 * var(--vn643-move,8px)),0)!important}
 body .vn643-hover.vn643-hover-glow:hover,body .vn643-hover.vn643-hover-both:hover{box-shadow:0 9px var(--vn643-blur,20px) var(--vn643-glow,#f1a34d)!important;border-color:var(--vn643-glow,#f1a34d)!important}
 body .vn643-hover:hover{background-color:var(--vn643-hover-bg,inherit)!important}
 .vn644-project-grid .vn644-project-card:hover{transform:translateY(-5px);border-color:var(--orange,#f1a34d);box-shadow:0 12px 30px #0004}
 .vn644-project-grid .vn644-project-card:hover img{transform:scale(1.035)}
}
@media(max-width:767px){.vn644-seo-grid{grid-template-columns:1fr}.vn644-archive-cta{align-items:flex-start}.vn644-archive-hero{padding:75px 0 65px}}
@media(prefers-reduced-motion:reduce){body .vn643-hover,.vn644-project-card,.vn644-project-image img{transition:none!important}}