.ce-portfolio { max-width: 1280px; margin: 0 auto; padding: 64px 28px 48px; }
.ce-header { max-width: 800px; margin-bottom: 36px; }
.ce-header h1 { margin: 0 0 24px; font: 600 clamp(2.5rem, 5.5vw, 4.5rem)/1.1 'Oswald', sans-serif; text-transform: uppercase; }
.ce-video-link { display: inline-block; padding: 10px 0; color: #f3ff00; text-underline-offset: 5px; }
.ce-client-nav { display: flex; flex-wrap: wrap; gap: 10px; padding: 0 0 36px; margin-bottom: 36px; border-bottom: 1px solid #ffffff26; }
.ce-client-nav a { padding: 12px 16px; border: 1px solid #ffffff40; color: #f8f8f8; font-size: .88rem; text-decoration: none; }
.ce-client-nav a:hover { border-color: #f3ff00; color: #f3ff00; }
.ce-portfolio a:focus-visible { outline: 3px solid #f3ff00; outline-offset: 4px; }
.ce-portfolio .cards-container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; align-items: start; }
.ce-portfolio .custom-card { min-width: 0; overflow: hidden; border: 1px solid #ffffff26; border-top: 3px solid #f3ff00; border-radius: 4px; background: #151515; scroll-margin-top: 104px; }
.ce-portfolio .custom-card:target { outline: 2px solid #f3ff00; outline-offset: 5px; }
.ce-portfolio .card-image { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; }
.ce-portfolio .card-content { padding: 24px; }
.ce-portfolio .card-title { margin: 0 0 8px; font: 500 1.8rem/1.2 'Oswald', sans-serif; color: #f3ff00; }
.ce-portfolio .card-event { margin: 0; color: #f8f8f8; font-size: .95rem; line-height: 1.5; }
.ce-portfolio .card-metrics { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 20px 0; color: #bfc0c7; font-size: .78rem; line-height: 1.6; }
.ce-portfolio .card-metrics strong { color: #fff; }
.ce-portfolio .content-section { border-top: 1px solid #ffffff1f; padding-top: 18px; margin-top: 18px; }
.ce-portfolio .section-label { margin: 0 0 9px; color: #f3ff00; font: 700 .72rem/1.4 'Roboto', sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.ce-portfolio .section-content { color: #bfc0c7; font-size: .9rem; line-height: 1.7; overflow-wrap: anywhere; }
.ce-portfolio .section-content strong { color: #f8f8f8; }
.ce-next { margin-top: 48px; padding: 32px; background: #171717; border: 1px solid #ffffff26; }
.ce-next h2 { margin: 0 0 14px; font: 500 1.8rem/1.25 'Oswald', sans-serif; text-transform: uppercase; }
.ce-next p { color: #bfc0c7; line-height: 1.7; }
.ce-next a { display: inline-block; padding: 14px 20px; background: #f3ff00; color: #050505; font-weight: 700; text-decoration: none; line-height: 1.5; }
@media (max-width: 1000px) { .ce-portfolio .cards-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .ce-portfolio { padding: 36px 18px 28px; }
  .ce-portfolio .cards-container { grid-template-columns: 1fr; }
  .ce-portfolio .card-content { padding: 22px; }
  .ce-client-nav { gap: 8px; }
  .ce-client-nav a { padding: 11px 12px; }
  .ce-next { padding: 24px 20px; }
}

.ce-intro{margin:0 0 40px;padding:0 0 24px;border-bottom:1px solid #ffffff26}
.ce-intro>h2{font:500 clamp(1.8rem,3vw,2.5rem)/1.2 'Oswald',sans-serif;margin:0 0 16px;text-wrap:balance}
.ce-intro>p{max-width:900px;color:#bfc0c7;line-height:1.7}
.ce-case-next{margin-top:24px;padding-top:22px;border-top:1px solid #f3ff0055}
.ce-case-next h3{font:500 1.3rem/1.3 'Oswald',sans-serif;color:#fff;margin:0 0 12px}
.ce-case-next p{color:#bfc0c7;font-size:.9rem;line-height:1.7}
.ce-case-next a{display:flex;align-items:center;min-height:44px;padding:7px 0;color:#f3ff00;line-height:1.5;text-underline-offset:4px}