.project-showcase{padding:calc(var(--section-py) * 1.5) var(--container-px) var(--section-py)}.project-showcase__header{margin-bottom:60px}.brutalist-back-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--ff-heading);font-weight:700;color:var(--clr-surface);background:var(--clr-text);padding:8px 16px;border:var(--border);box-shadow:var(--shadow-sm);text-decoration:none;font-size:.9rem;margin-bottom:32px;transition:all .2s ease}[data-theme=dark] .brutalist-back-btn{color:#111;background:var(--clr-yellow)}.brutalist-back-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow)}.project-showcase__title{font-family:var(--ff-heading);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:16px;text-transform:uppercase}.project-showcase__subtitle{font-size:clamp(1.2rem,2vw,1.5rem);color:var(--clr-text-muted);max-width:800px;margin-bottom:32px}.project-showcase__links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}.project-showcase__image-placeholder{width:100%;aspect-ratio:16 / 9;background:var(--clr-yellow);border:var(--border-thick);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:60px}[data-theme=dark] .project-showcase__image-placeholder{background:#222}.project-showcase__image-placeholder img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.project-showcase__image-placeholder:after{content:"Media Loading...";font-family:var(--ff-heading);font-weight:700;font-size:1.5rem;opacity:.3}.project-showcase__content{display:grid;grid-template-columns:1fr 300px;gap:60px;align-items:start}.project-showcase__body{font-size:1.1rem}.project-showcase__body h2{font-family:var(--ff-heading);font-size:2rem;margin:48px 0 24px;text-transform:uppercase}.project-showcase__body h3{font-family:var(--ff-heading);font-size:1.5rem;margin:32px 0 16px}.project-showcase__body p{margin-bottom:24px;line-height:1.6}.project-showcase__body ul{margin-bottom:24px;padding-left:24px}.project-showcase__body li{margin-bottom:12px;line-height:1.6}.project-sidebar{background:var(--clr-surface);border:var(--border-thick);box-shadow:var(--shadow);padding:32px;position:sticky;top:100px}[data-theme=dark] .project-sidebar{background:#111}.project-sidebar__section{margin-bottom:32px}.project-sidebar__section:last-child{margin-bottom:0}.project-sidebar__heading{font-family:var(--ff-heading);font-size:1.2rem;font-weight:700;margin-bottom:16px;text-transform:uppercase;color:var(--clr-text-muted)}.project-sidebar .tech-tag{display:inline-block;margin-bottom:8px}.eng-highlight{border-left:4px solid var(--clr-yellow);padding-left:24px;margin-bottom:32px}.eng-highlight__title{font-weight:700;color:var(--clr-coral);margin-bottom:8px;font-size:1.2rem}.eng-highlight__fix{font-weight:700;color:var(--clr-green)}.eng-highlight__image{margin-top:24px;width:100%;border:var(--border-thick);box-shadow:var(--shadow);display:block;background:var(--clr-surface)}.project-showcase__gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:40px 0}.project-showcase__gallery-item{width:100%;height:100%;object-fit:cover;border:var(--border-thick);box-shadow:var(--shadow);background:var(--clr-surface)}.zoomable-img{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.zoomable-img:not(.expanded):hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--clr-text)}[data-theme=dark] .zoomable-img:not(.expanded):hover{box-shadow:6px 6px #d3d3d3}img.expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)!important;max-width:95vw;max-height:95vh;width:auto;height:auto;z-index:9999;padding:16px;background:var(--clr-surface);border:var(--border-thick);box-shadow:16px 16px #000!important;cursor:zoom-out!important;margin:0!important;object-fit:contain}[data-theme=dark] img.expanded{box-shadow:16px 16px #111!important}.mermaid{background:#fff!important;border:var(--border-thick);box-shadow:var(--shadow);padding:24px;margin:32px 0;overflow-x:auto;cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.mermaid:not(.expanded):hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--clr-text)}[data-theme=dark] .mermaid:not(.expanded):hover{box-shadow:6px 6px #d3d3d3}.mermaid.expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:95vw;height:95vh;z-index:9999;padding:40px;cursor:zoom-out!important;margin:0}.mermaid.expanded svg{max-width:none!important;width:max-content!important;min-width:100%}[data-theme=dark] .mermaid{border-color:#f0f0f0;box-shadow:4px 4px #d3d3d3}@media(max-width:1024px){.project-showcase__content{display:flex;flex-direction:column;gap:40px}.project-sidebar{position:static;order:-1}.project-showcase__body{order:1}}