.work-section .section-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.5rem;display:flex}.work-section .section-header .header-title-wrapper{flex-direction:column;gap:.5rem;display:flex}.work-section .section-header .header-title-wrapper .sub-badge{letter-spacing:.15em;text-transform:uppercase;color:#6b7280;font-size:.7rem;font-weight:700}.work-section .section-header .header-title-wrapper .title-row{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.work-section .section-header .header-title-wrapper h2.headline{color:#0a0a0a;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.work-section .section-header .header-description{text-align:right;max-width:480px}.work-section .section-header .header-description p{color:#6b7280;margin:0 0 .6rem;font-size:1.425rem;line-height:1.6}.work-section .section-header .scroll-nav-btn{color:#6b7280;cursor:pointer;background:0 0;border:2px solid #e5e7eb;border-radius:100px;padding:.6rem 1.4rem;font-size:1.2rem;font-weight:600;transition:all .2s;display:inline-block}.work-section .section-header .scroll-nav-btn:hover{color:#0a0a0a;background:#f9fafb;border-color:#0a0a0a}.work-section .work-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.work-section .work-filters button{letter-spacing:.04em;text-transform:uppercase;color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:100px;padding:.45rem 1.1rem;font-size:.8rem;font-weight:600;transition:all .2s}.work-section .work-filters button:hover{color:#0a0a0a;border-color:#0a0a0a}.work-section .work-filters button.active{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.work-section .bento-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:280px;gap:16px;display:grid}.work-section .bento-card{cursor:pointer;background:#111;border-radius:16px;position:relative;overflow:hidden}.work-section .bento-card.small{grid-area:span 1/span 3}.work-section .bento-card.medium{grid-area:span 1/span 4}.work-section .bento-card.large{grid-area:span 1/span 6}.work-section .bento-card.wide{grid-area:span 1/span 8}.work-section .bento-card.tall{grid-area:span 2/span 4}.work-section .bento-card .card-image{object-fit:cover;width:100%;height:100%;transition:opacity .4s;display:block}.work-section .bento-card .card-image-placeholder{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.work-section .bento-card .card-image-placeholder span{opacity:.2;font-size:3rem}.work-section .bento-card .card-overlay{opacity:0;z-index:1;background:#2874f0;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .35s;display:flex;position:absolute;inset:0}.work-section .bento-card .card-overlay .card-title{color:#fff;text-align:center;margin:0;font-size:2rem;font-weight:700;line-height:1.3;transition:transform .35s;transform:translateY(6px)}@media (max-width:1024px){.work-section .bento-card .card-overlay .card-title{font-size:1.7rem}}.work-section .bento-card:hover .card-image{opacity:.15}.work-section .bento-card:hover .card-overlay{opacity:1}.work-section .bento-card:hover .card-overlay .card-title{transform:translateY(0)}.work-section .bento-skeleton{border-radius:16px;animation:1.8s ease-in-out infinite skeleton-pulse;overflow:hidden}.work-section .bento-skeleton.small{grid-area:span 1/span 3}.work-section .bento-skeleton.medium{grid-area:span 1/span 4}.work-section .bento-skeleton.large{grid-area:span 1/span 6}.work-section .bento-skeleton.wide{grid-area:span 1/span 8}.work-section .bento-skeleton.tall{grid-area:span 2/span 4}@keyframes skeleton-pulse{0%,to{background:#f0f0f0}50%{background:#e0e0e0}}.work-section .work-empty{text-align:center;color:#9ca3af;grid-column:1/-1;padding:5rem 2rem}.work-section .work-empty p{margin:0;font-size:1rem}.work-section .work-error{text-align:center;grid-column:1/-1;padding:4rem 2rem}.work-section .work-error p{color:#ef4444;margin:0;font-size:.9rem}@media (max-width:1024px){.work-section .bento-grid{grid-template-columns:repeat(8,1fr)}.work-section .bento-card.small,.work-section .bento-card.medium{grid-column:span 4}.work-section .bento-card.large,.work-section .bento-card.wide{grid-column:span 8}.work-section .bento-card.tall,.work-section .bento-skeleton.small,.work-section .bento-skeleton.medium{grid-column:span 4}.work-section .bento-skeleton.large,.work-section .bento-skeleton.wide{grid-column:span 8}.work-section .bento-skeleton.tall{grid-column:span 4}}@media (max-width:640px){.work-section{padding-top:3.5rem;padding-bottom:3.5rem}.work-section .section-header{flex-direction:column;align-items:flex-start}.work-section .section-header .header-description{text-align:left;max-width:100%}.work-section .bento-grid{grid-template-columns:1fr 1fr;grid-auto-rows:200px;gap:10px}.work-section .bento-card.small,.work-section .bento-card.medium,.work-section .bento-skeleton.small,.work-section .bento-skeleton.medium{grid-area:span 1/span 1!important}.work-section .bento-card.large,.work-section .bento-card.wide,.work-section .bento-skeleton.large,.work-section .bento-skeleton.wide{grid-area:span 1/span 2!important}.work-section .bento-card.tall,.work-section .bento-skeleton.tall{grid-area:span 2/span 1!important}.work-section .bento-card{border-radius:10px}.work-section .bento-card .card-overlay .card-title{font-size:1.35rem}}