.hero .dlx-hero-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78) contrast(1.08)}
.hero:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(0,0,0,.28) 42%,rgba(0,0,0,.68)),linear-gradient(90deg,rgba(0,0,0,.3),transparent 55%);pointer-events:none}
.hero .hero-glow{z-index:2}.hero .hero-meta,.hero .hero-bottom{position:relative;z-index:3}.hero .hero-title{z-index:3}.hero .hero-meta{margin-top:10px}.hero .orbital{display:none!important}.hero .hero-bottom{bottom:8px}
@media(prefers-reduced-motion:reduce){.hero .dlx-hero-video{display:none}}
.work-showcase{display:grid;grid-template-columns:repeat(12,1fr);gap:7vw 1.4vw;align-items:start}.work-card{grid-column:span 4}.work-card.feature{grid-column:span 8}.work-card.wide{grid-column:span 6}.work-card.square{grid-column:span 5}.work-card.portrait{grid-column:span 4}.work-card:nth-child(3){margin-top:10vw}.work-card:nth-child(4){margin-top:-4vw}.work-card:nth-child(6){margin-top:8vw}.work-photo{position:relative;overflow:hidden;background:#222;aspect-ratio:4/5}.work-card.feature .work-photo{aspect-ratio:16/10}.work-card.wide .work-photo{aspect-ratio:16/11}.work-card.square .work-photo{aspect-ratio:1}.work-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.88);transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .4s}.work-photo span{position:absolute;top:0;left:0;padding:11px 13px;background:#111;color:#fff;font:8px monospace}.work-caption{display:grid;grid-template-columns:1fr auto;gap:5px 18px;padding:15px 0;border-top:4px solid #63b9cd}.work-caption small,.work-caption b{font:8px monospace;color:#888}.work-caption h3{grid-column:1/2;margin:4px 0 0;font-size:clamp(20px,2.1vw,34px);font-weight:400;letter-spacing:-.035em}.work-caption b{grid-column:2;grid-row:1/3;align-self:end;color:#fff}.work-card a:hover img{transform:scale(1.035);filter:saturate(1)}@media(max-width:850px){.work-showcase{grid-template-columns:repeat(2,1fr);gap:60px 16px}.work-card,.work-card.feature,.work-card.wide,.work-card.square,.work-card.portrait{grid-column:span 1;margin-top:0}.work-card.feature,.work-card.wide{grid-column:1/-1}.work-caption b{display:none}}@media(max-width:540px){.work-showcase{grid-template-columns:1fr}.work-card,.work-card.feature,.work-card.wide,.work-card.square,.work-card.portrait{grid-column:1}.work-card:nth-child(even){margin-left:12vw}.work-card:nth-child(odd){margin-right:7vw}.work-card.feature{margin:0}.work-photo,.work-card.feature .work-photo,.work-card.wide .work-photo{aspect-ratio:4/5}.work-card.feature .work-photo{aspect-ratio:4/3}}
.process{display:block!important;min-height:auto!important}.process-copy{padding:120px 3vw!important}.process-copy>h2{max-width:1200px}.process-photo{display:none!important}
.mobile-menu{padding:22px 3vw 38px!important}.mobile-menu a{grid-template-columns:62px 1fr auto!important;align-items:center;gap:18px;padding:16px 0!important}.mobile-menu .menu-icon{width:54px;height:54px;border:1px solid rgba(17,17,17,.35);border-radius:50%;display:grid;place-items:center;font:28px/1 Arial;color:#111}.mobile-menu .menu-icon-1{color:#d35278}.mobile-menu .menu-icon-2{color:#137f9b}.mobile-menu .menu-icon-3{color:#f0d83d}.mobile-menu .menu-icon-4{color:#111}.mobile-menu .menu-label{font-size:34px;font-weight:700;letter-spacing:-.04em}.mobile-menu a b{font-size:30px;font-weight:400}.mobile-menu a:hover .menu-icon{background:#111;color:#63b9cd;border-color:#111}@media(max-width:540px){.mobile-menu a{grid-template-columns:54px 1fr auto!important;gap:14px}.mobile-menu .menu-icon{width:48px;height:48px;font-size:24px}.mobile-menu .menu-label{font-size:30px}}
.brand{background:#fff!important;padding:7px 10px!important;border-radius:2px}.brand img{filter:none!important;mix-blend-mode:normal!important}.mobile-menu .menu-icon{position:relative}.mobile-menu .menu-icon i,.mobile-menu .menu-icon:before,.mobile-menu .menu-icon:after{position:absolute;display:block;content:""}.menu-icon-1 i{width:25px;height:20px;border:2px solid currentColor;border-radius:3px}.menu-icon-1 i:before{content:"";position:absolute;width:5px;height:5px;border:2px solid currentColor;border-radius:50%;left:4px;top:3px}.menu-icon-1 i:after{content:"";position:absolute;width:14px;height:10px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);left:7px;top:10px}.menu-icon-2:before,.menu-icon-2:after{width:31px;height:3px;background:currentColor;border-radius:3px;left:11px;top:25px}.menu-icon-2:before{transform:rotate(45deg)}.menu-icon-2:after{transform:rotate(-45deg)}.menu-icon-2 i{width:8px;height:8px;border:3px solid currentColor;border-radius:50%;left:9px;top:9px}.menu-icon-3:before{width:13px;height:13px;border:2px solid currentColor;border-radius:50%;left:19px;top:9px}.menu-icon-3:after{width:26px;height:14px;border:2px solid currentColor;border-bottom:0;border-radius:18px 18px 0 0;left:13px;top:29px}.menu-icon-4 i{width:27px;height:20px;border:2px solid currentColor;border-radius:3px}.menu-icon-4 i:before,.menu-icon-4 i:after{content:"";position:absolute;width:17px;height:2px;background:currentColor;top:6px}.menu-icon-4 i:before{left:1px;transform:rotate(36deg)}.menu-icon-4 i:after{right:1px;transform:rotate(-36deg)}
.brand{position:relative;background:transparent!important;padding:0!important;border-radius:0}.brand:after{content:"";position:absolute;inset:0;background:url('assets/dlx-horizontal.png') center/100% 100% no-repeat;filter:brightness(0) invert(1);clip-path:inset(0 0 0 15%);pointer-events:none}
