.project-detail{width:min(var(--jz-page-max,1280px),calc(100% - var(--jz-page-space,96px)));margin:0 auto;padding-bottom:3rem;color:var(--jz-ink)}.project-detail-hero{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);grid-template-areas:"back back" "copy media";column-gap:clamp(2rem,4vw,4.5rem);row-gap:1.25rem;align-items:center;margin-bottom:clamp(3rem,5vw,4.5rem)}.project-detail-back{grid-area:back;width:fit-content;color:inherit;text-decoration:underline;text-underline-offset:.2em;font-size:.92rem}.project-detail-back:hover,.project-detail-back:focus-visible{color:var(--jz-accent)}.project-detail-hero-copy{grid-area:copy;min-width:0;max-width:620px}.project-detail-eyebrow,.project-case-label{margin:0 0 .45rem;font-size:.73rem;line-height:1.2;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--jz-accent)}.project-detail-hero h1{margin:0;max-width:18ch;font-size:clamp(2.35rem,4.25vw,4.25rem);line-height:1;letter-spacing:-.035em;color:var(--jz-ink);text-wrap:balance}.project-detail-summary{max-width:58ch;margin-top:1rem;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.65;color:var(--jz-muted)}.project-detail-summary p{margin:0}.project-detail-summary a{color:var(--jz-accent);text-decoration:underline;text-underline-offset:.18em}.project-detail-meta{margin:.8rem 0 0;font-size:.86rem;color:var(--jz-muted)}.project-detail-hero-media{grid-area:media;margin:0;min-width:0;overflow:hidden;border:1px solid var(--jz-line);border-radius:1.1rem;background:var(--jz-surface);box-shadow:0 18px 45px -32px var(--jz-shadow)}.project-detail-hero-image{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:top center;cursor:zoom-in}.project-detail-sections{display:grid;gap:clamp(2.6rem,4.8vw,4.4rem)}.project-case-section{position:relative;display:grid;grid-template-columns:minmax(135px,180px) minmax(0,1fr);gap:clamp(1.6rem,3vw,3.25rem);align-items:start;scroll-margin-top:2rem}.project-case-section::before{content:"";position:absolute;top:-1.35rem;left:0;right:0;height:1px;background:var(--jz-line)}.project-case-heading{position:sticky;top:2rem}.project-case-heading h2{margin:0;max-width:11ch;font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.03;letter-spacing:-.02em;text-wrap:balance}.project-case-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:clamp(1.5rem,2.6vw,2.5rem);align-items:start;min-width:0}.project-case-content--text-only{grid-template-columns:minmax(0,1fr)}.project-case-text{min-width:0;max-width:95ch;font-size:1rem;line-height:1.7;overflow-wrap:anywhere;hyphens:auto}.project-case-text>*:first-child{margin-top:0}.project-case-text>*:last-child{margin-bottom:0}.project-case-text p,.project-case-text ul,.project-case-text ol{margin-bottom:.9rem}.project-case-text ul,.project-case-text ol{padding-left:1.2rem}.project-case-text ul{list-style:disc}.project-case-text ol{list-style:decimal}.project-case-text li+li{margin-top:.35rem}.project-case-text a{color:var(--jz-accent);text-decoration:underline;text-underline-offset:.18em}.project-case-text pre,.project-case-text code{overflow-wrap:anywhere;word-break:break-word}.project-case-text pre{max-width:100%;white-space:pre-wrap}.project-case-section--lead .project-case-text{font-size:clamp(1.02rem,1.2vw,1.12rem)}.project-case-section--showcase .project-case-gallery{max-width:520px}.project-case-section--technical .project-case-content{padding:clamp(.95rem,1.8vw,1.35rem);border:1px solid var(--jz-line);border-radius:1rem;background:var(--jz-surface)}.project-case-section--conclusion .project-case-content{padding:clamp(1rem,2vw,1.5rem);border-left:3px solid var(--jz-accent);background:var(--jz-surface);border-radius:0 .9rem .9rem 0}.project-case-section--conclusion .project-case-text{font-size:clamp(1rem,1.15vw,1.08rem)}.project-case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;max-width:460px;justify-self:end;align-content:start;min-width:0}.project-case-gallery--single{grid-template-columns:1fr;max-width:300px}.project-case-image-wrap{margin:0;width:100%;aspect-ratio:16/9;min-width:0;overflow:hidden;border:1px solid var(--jz-line);border-radius:.7rem;background:var(--jz-surface);box-shadow:0 10px 24px -20px var(--jz-shadow)}.project-case-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;cursor:zoom-in;transition:transform .2s ease}.project-case-image:hover{transform:scale(1.015)}.project-detail-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;margin-top:clamp(3.5rem,6vw,5rem);padding:clamp(1.25rem,2.5vw,1.8rem);border:1px solid var(--jz-line);border-radius:1rem;background:var(--jz-surface)}.project-detail-cta h2{margin:0;font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.05}.project-detail-cta p:not(.project-detail-eyebrow){max-width:62ch;margin:.65rem 0 0;line-height:1.6}.project-detail-cta-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.project-detail-cta-primary,.project-detail-cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem 1rem;border-radius:.5rem;font-weight:600;text-decoration:none}.project-detail-cta-primary{background:var(--jz-brand);color:var(--jz-on-brand)}.project-detail-cta-primary:hover,.project-detail-cta-primary:focus-visible{background:var(--jz-brand-hover);color:var(--jz-on-brand)}.project-detail-cta-secondary{border:1px solid var(--jz-line);color:var(--jz-ink)}.project-detail-cta-secondary:hover,.project-detail-cta-secondary:focus-visible{color:var(--jz-accent);border-color:currentColor}.project-detail-back:focus-visible,.project-detail-summary a:focus-visible,.project-case-text a:focus-visible,.project-detail-cta-primary:focus-visible,.project-detail-cta-secondary:focus-visible{outline:2px solid var(--jz-accent);outline-offset:3px}.lightbox-overlay{position:fixed;inset:0;width:100vw;height:100dvh;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease;cursor:zoom-out}.lightbox-overlay.show{opacity:1}.lightbox-overlay img{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:92vw;max-height:92dvh;border-radius:1rem;box-shadow:0 0 30px rgba(0,0,0,.4)}.lightbox-backdrop{position:absolute;inset:0}@media screen and (max-width:1400px){.project-detail-hero{grid-template-columns:1fr;grid-template-areas:"back" "copy" "media";gap:1.2rem}.project-detail-hero-copy{max-width:760px}.project-detail-hero h1{max-width:none}.project-detail-hero-media{width:min(820px,100%);margin:0 auto}.project-case-content,.project-case-section--conclusion .project-case-content{grid-template-columns:1fr}.project-case-gallery,.project-case-section--showcase .project-case-gallery{max-width:720px;justify-self:start;grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:1180px){.project-detail{width:min(var(--jz-page-max,1280px),calc(100% - var(--jz-page-space,48px)))}.project-case-gallery,.project-case-section--showcase .project-case-gallery{max-width:720px;justify-self:start;grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:980px){.project-case-section{grid-template-columns:minmax(120px,155px) minmax(0,1fr);gap:1.6rem}.project-case-gallery--single{grid-template-columns:1fr;max-width:300px}}@media screen and (max-width:756px){.project-detail{width:calc(100% - var(--jz-page-space,48px));padding-bottom:2rem}.project-detail-hero{margin-bottom:3rem}.project-detail-hero h1{font-size:clamp(2rem,9vw,3rem);line-height:1.03;overflow-wrap:anywhere}.project-detail-summary{font-size:.98rem;line-height:1.6}.project-detail-hero-media{border-radius:.85rem}.project-detail-sections{gap:3rem}.project-case-section{grid-template-columns:1fr;gap:.9rem}.project-case-section::before{top:-1.05rem}.project-case-heading{position:static}.project-case-heading h2{max-width:none;font-size:clamp(1.45rem,7vw,1.95rem)}.project-case-content,.project-case-section--conclusion .project-case-content{grid-template-columns:1fr;gap:1rem}.project-case-text{font-size:.96rem;line-height:1.65}.project-case-gallery,.project-case-section--showcase .project-case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;width:100%;max-width:none;justify-self:stretch}.project-case-gallery--single{grid-template-columns:1fr;max-width:100%}.project-case-section--technical .project-case-content,.project-case-section--conclusion .project-case-content{padding:1rem}.project-detail-cta{grid-template-columns:1fr;align-items:start;margin-top:3.5rem;padding:1.1rem}.project-detail-cta-actions{justify-content:flex-start}}@media screen and (max-width:390px){.project-case-gallery,.project-case-section--showcase .project-case-gallery{grid-template-columns:1fr 1fr}.project-detail-cta-actions{display:grid;grid-template-columns:1fr;width:100%}}@media(prefers-reduced-motion:reduce){.project-case-image,.lightbox-overlay{transition:none}}