.related-projects{margin:0 auto;max-width:1000px;padding:56px 24px 0;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:#fff;-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:44px 24px 0;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:40px 16px 0}.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:40px 16px 0}.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:#1a1a1a!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,.portfolio-detail-layout>.main-content.portfolio-detail-tail{padding:0 0 var(--portfolio-section-gap) 0;box-sizing:border-box}.portfolio-detail-layout .portfolio-detail-article{display:block;margin:0;padding:0}.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:#fff;-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-detail-layout .hero-section{background:#121212!important;border-bottom:1px solid rgba(255,255,255,.08)}.portfolio-detail-layout .hero-title{color:#fff;letter-spacing:-.01em}.portfolio-detail-layout .hero-subtitle{font-family:Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;color:#ffffff8c}.portfolio-detail-layout .hero-image{border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 40px #00000073}.portfolio-detail-layout .main-content .content-section>.section-title{position:relative;padding-left:16px}.portfolio-detail-layout .main-content .content-section>.section-title:before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:3px;border-radius:2px;background:red}.portfolio-detail-layout .feature-item{background:#141414!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px;padding:22px 20px;transition:border-color .2s ease}.portfolio-detail-layout .feature-item:hover{border-color:#ff000059!important}.portfolio-detail-layout .feature-item h3{color:#fff}.portfolio-detail-layout .related-projects-title{position:relative;padding-left:16px}.portfolio-detail-layout .related-projects-title:before{content:"";position:absolute;left:0;top:.12em;bottom:.12em;width:3px;border-radius:2px;background:red}.portfolio-detail-layout .main-content .content-section img:not(.hero-image){border-radius:8px}.portfolio-detail-layout .download-link .link-arrow{display:inline-block;transition:transform .2s ease}.portfolio-detail-layout .download-link:hover .link-arrow{transform:translate(4px)}.sd{--sd-panel: #121212;--sd-line: #242424;--sd-hair: #1b1b1b;--sd-dim: #8b8b8b;--sd-mono: source-code-pro, "SF Mono", Menlo, Consolas, monospace;max-width:900px;margin:0 auto;padding:0 20px;color:var(--color-text-primary, #fff)}.sd-head{padding:0 0 28px;border-bottom:1px solid var(--sd-hair)}.sd-id{display:flex;align-items:center;gap:16px;margin-bottom:18px}.sd-logo{flex:0 0 auto;width:64px;height:64px;border-radius:14px;object-fit:cover;background:var(--sd-panel)}.sd-name{font-family:Pixelify Sans,system-ui,sans-serif;font-size:2.1rem;line-height:1.05;font-weight:700;margin:0;color:#fff;overflow-wrap:anywhere}.sd-tagline{margin:6px 0 0;font-family:var(--sd-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-dim)}.sd-summary{margin:0 0 22px;max-width:62ch}.sd-summary p{margin:0 0 13px;font-size:1.02rem;line-height:1.65;color:#d4d4d4}.sd-summary p:last-child{margin-bottom:0}.sd-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.sd-action{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 20px;border:1px solid var(--sd-line);border-radius:10px;background:transparent;color:#fff;font-family:var(--sd-mono);font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .16s,border-color .16s,transform .16s}.sd-action:hover{background:#1a1a1a;border-color:#3a3a3a;color:#fff}.sd-action-primary{background:var(--color-accent, #ff0000);border-color:var(--color-accent, #ff0000);color:#fff}.sd-action-primary:hover{background:#d40000;border-color:#d40000;color:#fff}.sd-action-arrow{transform:translateY(-1px);opacity:.8}.sd-copy{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 14px;background:#000;border:1px solid var(--sd-line);border-radius:10px;overflow:hidden}.sd-copy-label{flex:0 0 auto;font-family:var(--sd-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-dim)}.sd-copy-value{flex:1 1 0;min-width:0;display:block;overflow-x:auto;font-family:var(--sd-mono);font-size:.85rem;color:#e6e6e6;white-space:nowrap;scrollbar-width:none}.sd-copy-value::-webkit-scrollbar{display:none}.sd-copy-btn{flex:0 0 auto;width:auto;height:32px;padding:0 14px;border:1px solid var(--sd-line);border-radius:8px;background:#161616;color:#cfcfcf;font-family:var(--sd-mono);font-size:.72rem;font-weight:600;cursor:pointer;transition:background .16s,color .16s}.sd-copy-btn:hover{background:#232323;color:#fff}.sd-specs{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;border-bottom:1px solid var(--sd-hair)}.sd-spec{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--sd-hair)}.sd-spec:last-child{border-bottom:0}.sd-spec dt{flex:0 0 auto;font-family:var(--sd-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-dim)}.sd-spec dd{margin:0;text-align:right;font-size:.92rem;color:#e6e6e6;overflow-wrap:anywhere}.sd-spec dd a{color:#fff;text-decoration:none;border-bottom:1px solid #444}.sd-spec dd a:hover{color:var(--color-accent, #ff0000);border-bottom-color:var(--color-accent, #ff0000)}.sd-sec{padding:34px 0 0}.sd-h{margin:0 0 16px;font-family:var(--sd-mono);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sd-dim)}.sd-shots{display:grid;grid-template-columns:1fr;gap:14px}.sd-shot{margin:0}.sd-shot-btn img{max-width:min(100%,var(--shot-w, 100%))}.sd-shots.portrait{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.sd-shots.portrait .sd-shot{flex:0 1 auto;min-width:0}.sd-shots.portrait .sd-shot-btn{height:100%}.sd-shots.portrait .sd-shot-btn img{width:auto;height:auto;max-height:440px}.sd-shot-btn{display:block;width:100%;padding:0;border:1px solid var(--sd-line);border-radius:12px;background:var(--sd-panel);overflow:hidden;cursor:zoom-in;transition:border-color .16s}.sd-shot-btn:hover{border-color:#454545}.sd-shot-btn img{display:block;width:100%;height:auto}.sd-shot-cap{margin:8px 2px 0;font-family:var(--sd-mono);font-size:.7rem;letter-spacing:.06em;color:var(--sd-dim)}.sd-caps{list-style:none;margin:0;padding:0;counter-reset:cap}.sd-cap{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--sd-hair)}.sd-cap:first-child{border-top:0;padding-top:0}.sd-cap-n{flex:0 0 auto;width:26px;font-family:var(--sd-mono);font-size:.75rem;font-weight:700;color:var(--color-accent, #ff0000);padding-top:3px}.sd-cap-t{margin:0 0 5px;font-size:1rem;font-weight:700;color:#fff}.sd-cap-b{margin:0;font-size:.93rem;line-height:1.6;color:#b4b4b4;max-width:60ch}.sd-faq{margin:0}.sd-faq-item{padding:16px 0;border-bottom:1px solid var(--sd-line)}.sd-faq-item:last-child{border-bottom:0;padding-bottom:0}.sd-faq-q{margin:0 0 6px;font-size:.98rem;font-weight:600;color:#fff}.sd-faq-a{margin:0;font-size:.93rem;line-height:1.6;color:#b4b4b4;max-width:62ch}@media(max-width:560px){.sd-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:10px 14px 12px}.sd-copy-value{padding-bottom:2px}.sd-copy-btn{width:100%;margin-top:6px}.sd-shots.portrait{flex-wrap:nowrap;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px 4px;scroll-padding-left:20px}.sd-shots.portrait::-webkit-scrollbar{display:none}.sd-shots.portrait .sd-shot{flex:0 0 min(72%,280px);scroll-snap-align:start}.sd-shots.portrait .sd-shot-btn img{width:100%;height:auto;max-height:none}}@media(min-width:768px){.sd{padding:0 24px}.sd-id{gap:20px}.sd-logo{width:84px;height:84px;border-radius:18px}.sd-name{font-size:3rem}.sd-summary p{font-size:1.08rem}.sd-specs{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}.sd-spec:nth-last-child(-n+2){border-bottom:0}.sd-sec{padding-top:44px}.sd-shots.multi{grid-template-columns:repeat(2,minmax(0,1fr))}}