/* Motion and portfolio refinements */
.site-header{background:rgba(7,21,29,.74);backdrop-filter:blur(12px)}
.nav-shell{min-height:112px;transition:min-height .35s ease}
.site-header .brand img{width:255px;transition:width .35s ease,transform .35s ease}
.site-header.is-scrolled .nav-shell{min-height:68px}
.site-header.is-scrolled .brand img{width:160px;transform:translateY(-1px)}
.hero-content.visible .eyebrow,.hero-content.visible h1,.hero-content.visible .hero-copy,.hero-content.visible .hero-actions,.hero-content.visible .scroll-cue{animation:hero-rise .8s both}
.hero-content.visible h1{animation-delay:.08s}.hero-content.visible .hero-copy{animation-delay:.16s}.hero-content.visible .hero-actions{animation-delay:.24s}.hero-content.visible .scroll-cue{animation-delay:.38s}
@keyframes hero-rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
.work-grid{grid-template-columns:repeat(12,1fr);gap:16px}
.work-card{grid-column:span 4;position:relative;background:#0c2029;color:#fff;isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}
.work-card:nth-child(5n+1){grid-column:span 8}.work-card:nth-child(5n+4){grid-column:span 5}.work-card:nth-child(5n){grid-column:span 7}
.work-card:after{content:'';position:absolute;inset:0;z-index:-1;background:rgba(7,21,29,.42);opacity:0;transition:opacity .3s ease}
.work-card:hover{transform:translateY(-9px);box-shadow:0 21px 45px rgba(3,14,18,.22)}.work-card:hover:after{opacity:1}
.work-visual{height:250px}.work-card:nth-child(5n+1) .work-visual{height:330px}.work-card:nth-child(5n+4) .work-visual{height:225px}.work-card:nth-child(5n) .work-visual{height:225px}
.work-visual:after{content:'View project';position:absolute;left:18px;bottom:18px;background:#12b9bc;color:#062027;padding:8px 10px;font:700 10px var(--font);letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:.28s}.work-visual{position:relative}.work-card:hover .work-visual:after{opacity:1;transform:none}
.work-name{background:#0c2029;color:#fff}.work-name i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(18,185,188,.55);color:#12b9bc;transition:background .2s,color .2s}.work-card:hover .work-name i{background:#12b9bc;color:#07202a}
.work-card.is-extra{display:none}.work-grid.show-all .work-card.is-extra{display:block;animation:hero-rise .45s both}
@media(max-width:800px){.nav-shell{min-height:82px}.site-header .brand img{width:190px}.site-header.is-scrolled .nav-shell{min-height:64px}.site-header.is-scrolled .brand img{width:140px}.site-nav{top:82px}.site-header.is-scrolled .site-nav{top:64px}.work-grid{grid-template-columns:1fr}.work-card,.work-card:nth-child(5n+1),.work-card:nth-child(5n+4),.work-card:nth-child(5n){grid-column:auto}.work-visual,.work-card:nth-child(5n+1) .work-visual,.work-card:nth-child(5n+4) .work-visual,.work-card:nth-child(5n) .work-visual{height:230px}}