.logo-box {
  left: -65px !important;
  top: -86px !important;
  width: 270px !important;
  height: 190px !important;
  z-index: 2;
}

.art {
  background: url('/assets/pitch-media-urban-collage.png') center / cover no-repeat;
  background-color: #ffcd29;
  background-size: 165% auto;
  background-position: 8% 50%;
  background-blend-mode: multiply;
  border-right: 9px solid #e50909;
}

.portrait {
  border: 9px solid #fff !important;
  box-shadow: 14px 14px 0 #ffcd29;
}

.mic {
  border-color: #ffcd29 !important;
  box-shadow: -12px 12px 0 #0047bb;
}

.art.service-grid { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(3, 1fr); gap:8px; height:470px; background:#fff; border:0; background-image:none; background-size:auto; background-blend-mode:normal; }
.art.service-grid .service-tile { position:relative!important; margin:0; overflow:hidden; min-width:0; width:auto!important; height:auto!important; background:#111; }
.art.service-grid .service-tile img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.service-tile::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,0) 58%); pointer-events:none; }
.service-tile figcaption { position:absolute; left:15px; bottom:13px; z-index:1; color:#fff; font:700 12px/1.05 Arial,sans-serif; letter-spacing:-.02em; }
.service-tile:nth-child(3n+1) figcaption { color:#ffcd29; }
.service-tile:hover img { transform:scale(1.05); }

@media (max-width: 750px) {
  .logo-box {
    left: -35px !important;
    top: -38px !important;
    width: 190px !important;
    height: 135px !important;
  }
}

.see-work { cursor:pointer; font:inherit; font-weight:700; letter-spacing:.01em; transition:color .2s ease; }
.see-work span { color:#e50909; font-size:1.35em; vertical-align:-.04em; }
.see-work:hover,.see-work:focus-visible { color:#e50909; outline:none; }
.work-carousel { position:relative; margin-top:46px; overflow:hidden; background:#090909; color:#fff; min-height:500px; }
.carousel-track { display:flex; width:100%; height:100%; transition:transform .55s cubic-bezier(.22,.7,.18,1); }
.carousel-slide { flex:0 0 100%; min-height:500px; position:relative; isolation:isolate; background-position:center; background-size:cover; }
.carousel-shade { position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.3) 57%,rgba(0,0,0,.06)); }
.carousel-copy { position:absolute; left:clamp(25px,5vw,70px); bottom:72px; max-width:530px; }
.carousel-copy p { margin:0 0 13px; color:#ffcd29; font:700 12px/1.2 monospace; letter-spacing:.08em; text-transform:uppercase; }
.carousel-copy h3 { margin:0; font-size:clamp(40px,5.6vw,78px); letter-spacing:-.065em; line-height:.9; }
.carousel-copy div { margin-top:18px; max-width:410px; line-height:1.45; color:#eee; }
.carousel-number { position:absolute; right:clamp(25px,5vw,70px); top:30px; color:#ffcd29; font:700 15px monospace; }
.carousel-controls { position:absolute; display:flex; align-items:center; gap:13px; right:28px; bottom:22px; z-index:3; }
.carousel-controls button { width:42px; height:42px; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:transparent; color:#fff; font-size:21px; cursor:pointer; transition:all .2s ease; }
.carousel-controls button:hover,.carousel-controls button:focus-visible { background:#e50909; border-color:#e50909; outline:none; }
.carousel-controls span { min-width:61px; text-align:center; font:700 12px monospace; letter-spacing:.05em; }
@media (max-width:750px) { .work-carousel,.carousel-slide { min-height:430px; } .carousel-copy { left:25px; right:25px; bottom:86px; } .carousel-copy h3 { font-size:48px; } .carousel-number { right:25px; } .carousel-controls { right:18px; bottom:18px; } }
@media (max-width:750px) { .art.service-grid { height:385px; gap:6px; } .service-tile figcaption { left:9px; bottom:8px; font-size:10px; } }