.related-projects{margin:0 auto;max-width:1000px;padding:0 24px;width:100%;box-sizing:border-box}.related-projects-title{font-size:2.5rem;font-weight:700;margin:0 0 32px;text-align:left;text-transform:none;letter-spacing:normal;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.related-projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:0}.related-project-card{text-decoration:none;color:inherit;display:block}.related-project-card.portfolio-item-wrapper{cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease,opacity .6s ease;width:100%;aspect-ratio:4 / 3;min-height:380px;border-radius:8px}.related-project-card.portfolio-item-wrapper:hover{transform:translateY(-2px)}.related-project-card .portfolio-item{width:100%;height:100%;position:relative;overflow:hidden}.related-project-card .portfolio-item-image{position:relative;width:100%;height:100%;overflow:hidden;background:#1a1a1a}.related-project-card .portfolio-item-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease,filter .5s ease}.related-project-card.portfolio-item-wrapper:hover .portfolio-item-image img{transform:scale(1.05)}.related-project-card .category-badge{position:absolute;top:16px;right:16px;padding:6px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.related-project-card .category-badge-software{background:var(--color-badge-software, #cc0000);color:#fff;border:1px solid rgba(255,255,255,.3)}.related-project-card .category-badge-asset{background:var(--color-badge-asset, #0066cc);color:#fff;border:1px solid rgba(255,255,255,.3)}.related-project-card .category-badge-brand{background:var(--color-badge-brand, #b8860b);color:#fff;border:1px solid rgba(255,255,255,.3)}.related-project-card .portfolio-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 50%,transparent 100%);padding:30px 24px 20px;transform:translateY(0);transition:transform .3s ease,padding .3s ease}.related-project-card.portfolio-item-wrapper:hover .portfolio-item-overlay{padding-bottom:25px}.related-project-card .portfolio-item-content{color:#fff}.related-project-card .portfolio-item-title{font-size:1.125rem;font-weight:700;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.9);transition:color .3s ease;line-height:1.2;font-family:Pixelify Sans,sans-serif}.related-project-card.portfolio-item-wrapper:hover .portfolio-item-title{color:red}.related-project-card .portfolio-item-category{font-size:.7rem;font-weight:500;margin:0;text-transform:uppercase;font-family:Pixelify Sans,sans-serif;letter-spacing:.5px;color:#b0b0b0;text-shadow:1px 1px 4px rgba(0,0,0,.9)}@media (max-width: 1200px){.related-projects-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.related-projects{margin:0 auto;padding:0 24px;max-width:100%}.related-projects-title{font-size:2rem;margin-bottom:24px;padding:0}.related-projects-grid{grid-template-columns:repeat(2,1fr)!important;gap:0!important;column-gap:6px!important;row-gap:0!important;margin:0!important;padding:0 0 48px!important}.related-project-card.portfolio-item-wrapper{min-height:260px!important;aspect-ratio:3 / 4!important;height:auto!important;margin:0!important}.related-project-card .portfolio-item-overlay{padding:24px 12px 18px!important;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 40%,rgba(0,0,0,.6) 60%,transparent 100%)!important;min-height:100px!important;z-index:10!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important}.related-project-card .portfolio-item-title{font-size:.8rem!important;letter-spacing:.5px!important;line-height:1.3!important;margin:0 0 6px!important;white-space:nowrap!important;overflow:visible!important}.related-project-card .portfolio-item-category{font-size:.7rem!important;margin:0!important;line-height:1.2!important}}@media (max-width: 428px) and (min-width: 361px){.related-projects{padding:0 16px}.related-projects-grid{grid-template-columns:repeat(2,1fr)!important;gap:0!important;column-gap:6px!important;row-gap:0!important;padding:0 0 40px!important;overflow-x:hidden!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;margin:0 auto!important;justify-items:stretch!important}.related-projects-title{font-size:1.75rem;padding:0}.related-project-card.portfolio-item-wrapper{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;height:auto!important;aspect-ratio:3 / 4!important;min-height:240px!important}.related-project-card .portfolio-item-title{font-size:.8rem!important}.related-project-card .portfolio-item-category{font-size:.7rem!important}}@media (max-width: 360px){.related-projects{padding:0 16px}.related-projects-grid{grid-template-columns:1fr!important;gap:0!important;column-gap:0!important;row-gap:0!important;padding:0 0 48px!important}.related-projects-title{font-size:1.75rem;padding:0}.related-project-card.portfolio-item-wrapper{min-height:280px!important;aspect-ratio:3 / 4!important}.related-project-card .portfolio-item-title{font-size:.8rem!important}.related-project-card .portfolio-item-category{font-size:.7rem!important}}.portfolio-detail-layout{background:#0b0b0b!important;min-height:100vh;--portfolio-section-gap: clamp(3rem, 5vw, 5rem);--portfolio-breadcrumb-bar-height: 48px}.portfolio-detail-layout .hero-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)!important;box-sizing:border-box}.hero-section:has(>nav.breadcrumb):has(>.hero-content){min-height:100svh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;padding-top:calc(var(--site-header-offset, 68px) + var(--portfolio-breadcrumb-bar-height, 48px))!important;padding-bottom:clamp(1.25rem,3vh,2.5rem)!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}.hero-section:has(>nav.breadcrumb):has(>.hero-content)>.hero-content{flex:1 1 auto!important;min-height:0!important;margin-top:auto!important;margin-bottom:auto!important}.portfolio-detail-layout .main-content,.portfolio-detail-layout main.main-content{background:#0b0b0b!important}.portfolio-detail-layout>main#main-content.main-content{padding:0 0 var(--portfolio-section-gap) 0;box-sizing:border-box}.portfolio-detail-layout>main#main-content.main-content>.main-content{padding-top:var(--portfolio-section-gap);padding-bottom:0;padding-left:0;padding-right:0;box-sizing:border-box}.portfolio-detail-layout main.main-content .content-section:not(.portfolio-detail-at-a-glance){margin-bottom:var(--portfolio-section-gap)}.content-wrapper>.portfolio-detail-at-a-glance{margin-bottom:var(--portfolio-section-gap)}.portfolio-detail-layout .portfolio-detail-at-a-glance .section-title{font-size:2.5rem;font-weight:700;margin:0 0 32px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-detail-band{max-width:100%;width:100%;margin:0 auto 48px;padding:28px 28px 32px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#141414;box-sizing:border-box}.portfolio-detail-band--accent{border-color:#ff000059;background:#141414}.portfolio-detail-band-title{font-family:Pixelify Sans,sans-serif;font-size:clamp(1.25rem,2.5vw,1.5rem);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(255,0,0,.5)}.portfolio-detail-band-lead{font-family:Inter,system-ui,sans-serif;font-size:1.05rem;line-height:1.65;color:#ffffffe0;margin:0 0 16px;max-width:65ch}.portfolio-detail-at-a-glance .portfolio-detail-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin:0}.portfolio-detail-at-a-glance .portfolio-detail-spec-grid>div{padding:16px 20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}.portfolio-detail-at-a-glance .portfolio-detail-spec-grid dt{font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;margin:0}.portfolio-detail-at-a-glance .portfolio-detail-spec-grid dd{font-family:Inter,system-ui,sans-serif;margin:8px 0 0;font-size:1rem;line-height:1.5;color:#fff;font-weight:600}.portfolio-detail-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.portfolio-detail-pill{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;background:#00000059}@media (prefers-reduced-motion: reduce){.portfolio-detail-band{transition:none}}.portfolio-detail-layout .download-link.sbox-link{background:#14b8a6;border-left:4px solid #14b8a6;color:#fff}.portfolio-detail-layout .download-link.sbox-link:hover{background:#0f9a8c;border-left-color:#0f9a8c;color:#fff}.portfolio-detail-layout .tag-sbox{background:#14b8a6;color:#fff}.portfolio-hero-category-tag{display:flex;flex-wrap:wrap;gap:6px;max-width:100%;align-items:flex-start}.portfolio-hero-category-tag__pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:16px;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff;line-height:1.2;box-sizing:border-box;max-width:100%}.portfolio-hero-category-tag__pill--software{background:linear-gradient(135deg,#4facfe,#00f2fe)}.portfolio-hero-category-tag__pill--brand{background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.portfolio-hero-category-tag__pill--asset{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}@media (max-width: 768px){.hero-text .portfolio-hero-category-tag,.hero-text-content .portfolio-hero-category-tag{justify-content:center;width:100%}}