:root{--project-space-section: var(--space-11);--project-space-section-compact: var(--space-9)}@media(min-width:768px){:root{--project-space-section: 96px}}@media(min-width:1200px){:root{--project-space-section: 112px}}.project-detail{--project-accent-active: var(--project-accent-local, var(--color-accent))}.project-hero__inner,.project-meta-row__inner,.project-story__inner,.project-showcase__inner,.project-decisions__inner,.project-technology__inner,.project-results__inner,.project-testimonial__inner,.project-team__inner,.project-related__inner,.project-breadcrumb__inner{width:min(1440px,calc(100% - 32px));margin-inline:auto}@media(min-width:768px){.project-hero__inner,.project-meta-row__inner,.project-story__inner,.project-showcase__inner,.project-decisions__inner,.project-technology__inner,.project-results__inner,.project-testimonial__inner,.project-team__inner,.project-related__inner,.project-breadcrumb__inner{width:min(1440px,calc(100% - 64px))}}@media(min-width:1200px){.project-hero__inner,.project-meta-row__inner,.project-story__inner,.project-showcase__inner,.project-decisions__inner,.project-technology__inner,.project-results__inner,.project-testimonial__inner,.project-team__inner,.project-related__inner,.project-breadcrumb__inner{width:min(1440px,calc(100% - 80px))}}.project-breadcrumb{padding-block:var(--space-4) 0}.project-breadcrumb__inner{font-size:var(--text-xs);color:var(--color-text-secondary)}.project-breadcrumb__inner a{color:var(--color-text-secondary)}.project-breadcrumb__inner a:hover{color:var(--color-accent)}.project-breadcrumb__inner .breadcrumb_last{color:var(--color-text-primary);font-weight:var(--font-bold)}.project-hero{padding-block:var(--space-8) var(--space-10)}.project-hero__inner{display:flex;flex-direction:column;gap:var(--space-7)}.project-hero__eyebrow{font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.04em;color:var(--color-accent);text-transform:uppercase;margin:0 0 var(--space-3)}.project-hero__title{font-size:var(--h1-page);line-height:var(--leading-h1-page);font-weight:var(--font-black);margin:0 0 var(--space-4)}.project-hero__summary{font-size:var(--text-lead);line-height:var(--leading-lead);color:var(--color-text-secondary);max-width:56ch;margin:0 0 var(--space-6)}.project-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0 0 var(--space-6)}.project-chip{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-icon-button);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-secondary)}.project-hero__meta-line{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.project-hero__year{font-size:var(--text-sm);color:var(--color-text-secondary)}.project-hero__external svg{flex-shrink:0}.project-hero__visual{border-radius:var(--radius-card);overflow:hidden;background:var(--color-border)}.project-hero__cover,.project-hero__video{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}@media(min-width:1200px){.project-hero__inner{flex-direction:row-reverse;align-items:center;gap:var(--space-9);padding-block:var(--space-9) var(--space-8)}.project-hero__content{flex:0 0 42%}.project-hero__visual{flex:0 0 58%}}.project-meta-row{padding-block:var(--space-7);border-block:1px solid var(--color-border)}.project-meta-row__inner{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5) var(--space-4)}.project-meta-row__item{display:flex;flex-direction:column;gap:var(--space-1)}.project-meta-row__label{font-size:var(--text-xs);color:var(--color-text-secondary)}.project-meta-row__value{font-size:var(--text-md);font-weight:var(--font-bold)}@media(min-width:768px){.project-meta-row__inner{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-6)}}.project-story{padding-block:var(--project-space-section)}.project-story__heading{font-size:var(--h2);line-height:var(--leading-h2);font-weight:var(--font-black);margin:0 0 var(--space-7)}.project-story__triptych{display:flex;flex-direction:column;gap:var(--space-5)}.project-story__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6)}.project-story__card-title{font-size:var(--text-ui);font-weight:var(--font-bold);margin:0 0 var(--space-3);color:var(--color-accent)}.project-story__card-text{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary);margin:0}.project-story__note{margin-top:var(--space-5);font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic}.project-story__legacy{font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary);max-width:72ch;margin-inline:auto}.project-story__legacy img{display:block;max-width:100%;height:auto;margin-block:var(--space-5);margin-inline:auto;border-radius:var(--radius-card)}.project-story__legacy a{color:var(--color-accent);font-weight:var(--font-bold)}@media(min-width:768px){.project-story__triptych{flex-direction:row}.project-story__card{flex:1}}.project-showcase{padding-block:var(--project-space-section);background:var(--color-surface)}.project-showcase__inner{display:flex;flex-direction:column;gap:var(--space-8)}.project-showcase__label{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-secondary);margin:0 0 var(--space-3)}.project-showcase__link{display:block;border-radius:var(--radius-card);overflow:hidden;cursor:zoom-in}.project-showcase__img{width:100%;height:auto;transition:transform var(--project-transition-base, .24s) ease}.project-showcase__link:hover .project-showcase__img,.project-showcase__link:focus-visible .project-showcase__img{transform:scale(1.02)}.project-showcase__caption{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-2)}.project-showcase__item--full{grid-column:1 / -1}@media(min-width:768px){.project-showcase__inner{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-7)}}.project-before-after{margin-bottom:var(--space-6)}.project-before-after__frame{position:relative;border-radius:var(--radius-card);overflow:hidden;aspect-ratio:16/9;--baf-position: 50%}.project-before-after__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-before-after__img--after{clip-path:inset(0 calc(100% - var(--baf-position)) 0 0)}.project-before-after__divider{position:absolute;top:0;bottom:0;inset-inline-start:var(--baf-position);width:2px;background:#fff;box-shadow:0 0 0 1px #00000026;pointer-events:none}.project-before-after__label{position:absolute;top:var(--space-4);background:#111111b3;color:#fff;font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-icon-button)}.project-before-after__label--before{left:var(--space-4)}.project-before-after__label--after{right:var(--space-4)}.project-before-after__slider{position:absolute;inset-block-end:var(--space-4);inset-inline:var(--space-4);width:calc(100% - var(--space-8));accent-color:var(--project-accent-active)}.project-decisions{padding-block:var(--project-space-section-compact)}.project-decisions__heading{font-size:var(--h2);line-height:var(--leading-h2);font-weight:var(--font-black);margin:0 0 var(--space-7)}.project-decisions__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.project-decisions__card{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6);background:var(--color-surface)}.project-decisions__card-title{font-size:var(--text-ui);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.project-decisions__card-text{font-size:var(--text-md);line-height:var(--leading-body);color:var(--color-text-secondary);margin:0}@media(min-width:768px){.project-decisions__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.project-decisions__grid{grid-template-columns:repeat(4,1fr)}}.project-technology{padding-block:var(--project-space-section-compact);background:var(--color-surface)}.project-technology__heading{font-size:var(--h2);line-height:var(--leading-h2);font-weight:var(--font-black);margin:0 0 var(--space-6)}.project-technology__list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.project-technology__badge{padding:var(--space-2) var(--space-5);border-radius:var(--radius-icon-button);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:var(--font-bold)}.project-results{padding-block:var(--project-space-section)}.project-results__heading{font-size:var(--h2);line-height:var(--leading-h2);font-weight:var(--font-black);margin:0 0 var(--space-7)}.project-results__metrics,.project-results__qualitative{display:grid;grid-template-columns:1fr;gap:var(--space-5)}.project-results__metric{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-6);text-align:center}.project-results__metric-value{display:block;font-size:2.25rem;line-height:1.1;font-weight:var(--font-black);color:var(--color-accent)}.project-results__metric-label{display:block;margin-top:var(--space-2);font-size:var(--text-md);font-weight:var(--font-bold)}.project-results__metric-context{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary)}.project-results__outcome{border-right:3px solid var(--color-accent);padding-inline-start:var(--space-5);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-secondary)}@media(min-width:768px){.project-results__metrics{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.project-results__qualitative{grid-template-columns:repeat(2,1fr)}}.project-testimonial{padding-block:var(--project-space-section-compact)}.project-testimonial__card{max-width:46rem;margin-inline:auto;text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-8) var(--space-6);background:var(--color-surface)}.project-testimonial__avatar{border-radius:999px;margin:0 auto var(--space-5);object-fit:cover}.project-testimonial__quote{font-size:var(--text-lead);line-height:var(--leading-lead);margin:0 0 var(--space-5)}.project-testimonial__name{display:block;font-weight:var(--font-bold)}.project-testimonial__role{display:block;font-size:var(--text-sm);color:var(--color-text-secondary)}.project-team{padding-block:var(--project-space-section-compact);background:var(--color-surface)}.project-team__heading{font-size:var(--h2);line-height:var(--leading-h2);font-weight:var(--font-black);margin:0 0 var(--space-7);text-align:center}.project-team__row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-7)}.project-team__member{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;width:8rem}.project-team__avatar{border-radius:999px;object-fit:cover}.project-team__name{font-weight:var(--font-bold);font-size:var(--text-md)}.project-team__role{font-size:var(--text-xs);color:var(--color-text-secondary)}.project-related{padding-block:var(--project-space-section)}.project-related__heading{font-size:var(--h2);line-height:var(--leading-h2);font-weight:var(--font-black);margin:0 0 var(--space-7)}.project-related__grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:768px){.project-related__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.project-related__grid{grid-template-columns:repeat(3,1fr)}}.project-lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:#111111eb;padding:var(--space-6)}.project-lightbox.is-open{display:flex}.project-lightbox__figure{max-width:min(90vw,1400px);max-height:85vh;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.project-lightbox__img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--space-2)}.project-lightbox__caption{color:#fff;font-size:var(--text-sm);text-align:center}.project-lightbox__close,.project-lightbox__nav{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#ffffff1f;color:#fff;border:none;cursor:pointer}.project-lightbox__close{top:var(--space-6);left:var(--space-6)}.project-lightbox__nav--prev{inset-inline-start:var(--space-6);top:50%;transform:translateY(-50%)}.project-lightbox__nav--next{inset-inline-end:var(--space-6);top:50%;transform:translateY(-50%)}.project-lightbox__close:hover,.project-lightbox__nav:hover{background:#ffffff3d}.project-lightbox__nav[hidden]{display:none}@media(hover:hover){img[data-project-lightbox]{cursor:zoom-in;transition:transform var(--duration-normal, .25s) ease}img[data-project-lightbox]:hover{transform:scale(1.012)}}@media(prefers-reduced-motion:reduce){.project-showcase__img,img[data-project-lightbox]{transition:none}img[data-project-lightbox]:hover{transform:none}}.project-detail>section.is-reveal-pending{opacity:0;transform:translateY(1rem)}.project-detail>section.is-revealed{opacity:1;transform:translateY(0);transition:opacity .48s var(--ease-entrance, ease),transform .48s var(--ease-entrance, ease)}@media(prefers-reduced-motion:reduce){.project-detail>section.is-reveal-pending{opacity:1;transform:none}}