.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}.case-eyebrow{font-family:var(--ff-heading);font-size:.85rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-coral);margin-bottom:12px}.case-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}.case-metric{border:var(--border);box-shadow:var(--shadow-sm);background:var(--clr-surface);padding:18px}[data-theme=dark] .case-metric{background:#111}.case-metric__value{display:block;font-family:var(--ff-heading);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1;color:var(--clr-yellow);margin-bottom:8px}.case-metric__label{display:block;font-size:.9rem;line-height:1.35;color:var(--clr-text-muted)}.case-callout{border:var(--border-thick);box-shadow:var(--shadow);background:var(--clr-yellow);color:#111;padding:24px;margin:32px 0;font-weight:500;line-height:1.55}.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 40px}.decision-card{border:var(--border);box-shadow:var(--shadow-sm);background:var(--clr-surface);padding:22px}[data-theme=dark] .decision-card{background:#111}.decision-card h3{margin-top:0;margin-bottom:10px;color:var(--clr-coral)}.decision-card p{margin-bottom:0;font-size:1rem}.timeline-list{counter-reset:case-step;list-style:none;padding-left:0!important}.timeline-list li{counter-increment:case-step;border-left:4px solid var(--clr-yellow);padding:4px 0 16px 20px;position:relative}.timeline-list li:before{content:counter(case-step);position:absolute;left:-18px;top:0;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:var(--border);background:var(--clr-yellow);color:#111;font-family:var(--ff-heading);font-weight:700;font-size:.85rem}.code-path-list{list-style:none;padding-left:0!important}.code-path-list li{border:var(--border);background:var(--clr-surface);box-shadow:var(--shadow-sm);padding:14px 16px;margin-bottom:12px}[data-theme=dark] .code-path-list li{background:#111}.project-showcase__body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em;background:#7f7f7f26;padding:.12em .32em;border:1px solid rgba(127,127,127,.25)}.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)}.case-hero-media{margin:40px 0 0;border:var(--border-thick);box-shadow:var(--shadow);background:var(--clr-surface)}.case-hero-media img{display:block;width:100%;height:auto}.case-hero-media figcaption,.case-shot figcaption{border-top:var(--border);padding:12px 16px;font-family:var(--font-primary);font-size:.92rem;line-height:1.5;color:var(--clr-muted);background:color-mix(in srgb,var(--clr-surface) 88%,var(--clr-yellow))}.case-screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:32px 0 44px}.case-shot{margin:0;border:var(--border-thick);box-shadow:var(--shadow);background:var(--clr-surface)}.case-shot--wide{grid-column:1 / -1}.case-shot .project-showcase__gallery-item{display:block;width:100%;height:auto;object-fit:contain;border:0;box-shadow:none}.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}.case-metric-grid,.decision-grid,.case-screenshot-grid{grid-template-columns:1fr}}