.project-photo-reel{grid-column:1/-1;min-width:0}.project-photo-reel figure{margin:0}.project-photo-reel-frame{background:#000;width:100%;height:min(65vh,760px);min-height:180px;position:relative;overflow:hidden}.project-photo-reel-frame img{object-fit:contain;width:100%;height:100%;display:block}.project-photo-reel-image-trigger{z-index:1;width:100%;height:100%;box-shadow:none;cursor:zoom-in;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:absolute;inset:0}.project-photo-reel-frame:has(.project-photo-reel-image-trigger:focus-visible)>img{opacity:.8}.project-photo-reel-moving{transform-origin:50%;animation:8s ease-in-out infinite alternate both project-photo-drift}.project-photo-reel-moving[data-motion-focus=right]{--detail-pan-start:0.5%;--detail-pan-end:-3%}.project-photo-reel-moving[data-motion-focus=face]{transform-origin:50%;animation:4.5s ease-out both project-face-pullback}@keyframes project-face-pullback{0%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes project-photo-drift{0%{transform:translateX(var(--detail-pan-start,-0.5%)) scale(1.02)}to{transform:translateX(var(--detail-pan-end,3%)) scale(1.1)}}.project-photo-reel-moving[data-motion-focus=case]{animation-name:brooklyn-case-drift}@keyframes brooklyn-case-drift{0%{transform:translate(-2%,-1%)scale(1.08)}to{transform:translate(-23%,-14%)scale(1.55)}}.project-photo-reel figcaption{color:var(--graphite);margin-top:.8rem;font-size:.8rem;line-height:1.5;display:grid}.project-photo-reel-caption-current,.project-photo-reel-caption-reserve{grid-area:1/1;min-width:0}.project-photo-reel-caption-current,.project-photo-reel-caption-reserve>div{justify-content:space-between;gap:1rem;min-width:0;display:flex}.project-photo-reel-caption-reserve{visibility:hidden;pointer-events:none;display:grid}.project-photo-reel-caption-reserve>div{grid-area:1/1}.project-photo-reel-controls{flex-wrap:wrap;gap:.5rem 1rem;margin-top:1rem;display:flex}.project-photo-reel-controls button{min-height:44px;color:inherit;box-shadow:none;font:400 .875rem/1.45 var(--brand-sans);letter-spacing:0;text-transform:none;cursor:pointer;text-underline-offset:.22em;background:0 0;border:0;border-radius:0;padding:.5rem .7rem;text-decoration-thickness:1px}.project-photo-reel-controls button:disabled{opacity:.45;cursor:default}.project-photo-reel-controls button:not(:disabled):is(:hover,:focus-visible){text-decoration:underline}.project-photo-reel-controls button:focus-visible{outline:none}.project-photo-reel-note{color:var(--graphite);font-size:.75rem;line-height:1.5}@media (width>=1024px) and (height>=501px){.project-detail .project-photo-reel .project-photo-reel-controls button{font-size:1rem}}@media (width<=680px){.project-photo-reel-frame{height:min(55vh,480px)}.project-photo-reel-caption-current,.project-photo-reel-caption-reserve>div{flex-wrap:wrap}}@media (height<=500px) and (orientation:landscape){.project-photo-reel-frame{height:65vh;min-height:120px}}@media (prefers-reduced-motion:reduce),(prefers-reduced-data:reduce){.project-photo-reel-moving{animation:none;transform:none}}@media print{.project-photo-reel{display:none}}.project-detail .project-detail-media,.project-detail .project-detail-after-hero{grid-column:1/-1;min-width:0}.project-detail .project-detail-media{--detail-media-height:min(65svh,760px)}.project-detail .project-detail-media-tabs{justify-content:flex-end;gap:.5rem;margin:0 0 1rem;display:flex}.project-detail .project-detail-media-tabs button{color:#222;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #222;padding:.55rem 1rem}.project-detail .project-detail-media-tabs button[aria-pressed=true]{color:#fff;background:#111}.project-detail .project-detail-media-tabs button:focus-visible{outline-offset:4px;outline:2px solid #222}.project-detail .project-detail-media [hidden]{display:none!important}.project-detail .project-detail-media .project-photo-reel-frame,.project-detail .project-detail-media .project-intro-group.is-detail .project-intro{width:100%;max-width:none;height:var(--detail-media-height);aspect-ratio:auto;background:#000;min-height:180px;margin:0;overflow:hidden}.project-detail .project-detail-media .project-intro-group{margin:0}.project-detail .project-detail-media .project-photo-reel-frame{height:auto;min-height:0;max-height:var(--detail-media-height);aspect-ratio:3/2;background:0 0}.project-detail .project-detail-media .project-photo-reel-frame>img{object-fit:cover}.project-detail .project-detail-media .project-photo-reel[data-reel-expanded] .project-photo-reel-frame>img{object-fit:contain;animation:none;transform:scale(1)}.project-detail .project-detail-media .project-photo-reel[data-project=intel-unknown]:not([data-reel-expanded]) .project-photo-reel-frame{width:min(100%,calc(var(--detail-media-height) * 481 / 731));aspect-ratio:481/731;height:auto;min-height:0;margin-inline:auto}.project-detail .project-detail-media .project-photo-reel[data-project=intel-unknown] .project-photo-reel-frame>img{object-fit:contain;animation:none;transform:none}.project-detail .project-sequence-trigger>.major-image-frame>img{object-fit:cover;width:100%;height:100%;max-height:none}.project-detail :is(.project-photo-reel-frame,.major-image-frame)>img[src="/project-research-images/ascend/source-216.webp"]{scale:1.26}.project-detail .project-detail-media .project-intro>img,.project-detail .project-detail-media .project-intro :is(video,iframe){object-fit:contain;width:100%;height:100%}.project-detail .project-detail-film-caption{margin-top:1rem}.project-detail .project-detail-after-hero{margin:0}.project-sequence-row{display:contents}@media screen and (width>=1024px) and (height>=501px){.project-detail .project-sequence-row{grid-column:1/-1;grid-template-columns:var(--project-row-columns);align-items:start;gap:clamp(1rem,2.5vw,2.6rem);min-width:0;display:grid}.project-detail .project-sequence-row:has(>.project-sequence-item:only-child){width:min(100%,calc(70svh * var(--project-row-ratio)));margin-inline:auto}.project-detail .project-sequence-row .project-sequence-item figcaption{grid-template-columns:minmax(0,1fr);gap:.35rem}.project-detail .project-sequence-row .project-sequence-item figcaption>*{grid-column:1}}.project-detail .project-sequence-item figcaption{grid-template-columns:3.25rem minmax(0,1fr);align-items:start;gap:.45rem 1rem;margin-top:.75rem;padding-top:.75rem;display:grid}.project-detail :is(.project-sequence-item figcaption,.project-photo-reel figcaption,.project-detail-film-caption){font-family:var(--brand-sans);letter-spacing:0;text-transform:none;font-size:.875rem;font-weight:400;line-height:1.5}.project-detail .compact-project-caption-title{font-size:1rem;font-weight:600;line-height:1.35}.project-detail .project-sequence-item figcaption>span:first-child{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem;line-height:1.8}.project-detail .project-sequence-item .project-image-writeup{max-width:65ch;font-family:var(--brand-sans);color:var(--graphite);text-transform:none;letter-spacing:0;grid-column:2;font-size:.8125rem;font-weight:400;line-height:1.5}.project-detail .project-sequence-item .project-image-credit{grid-column:2;margin:0}.project-lightbox .project-lightbox-controls{font-family:var(--brand-sans);letter-spacing:0;border-top-width:.5px}.project-lightbox .project-lightbox-controls button{min-height:44px;color:inherit;box-shadow:none;font:400 .875rem/1.45 var(--brand-sans);letter-spacing:0;text-transform:none;cursor:pointer;text-underline-offset:.22em;background:0 0;border:0;border-radius:0;text-decoration-thickness:1px}.project-lightbox .project-lightbox-controls button:is(:hover,:focus-visible){color:inherit;background:0 0;text-decoration:underline}.project-lightbox .project-lightbox-controls button:focus-visible{outline:none}.project-lightbox .project-lightbox-controls>div>span{font-family:var(--brand-sans);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;font-size:.75rem;line-height:1.45}.project-lightbox .project-lightbox-controls .project-image-credit{white-space:normal;text-overflow:clip;margin:0 0 .5rem;overflow:visible}.project-lightbox .project-lightbox-controls .project-lightbox-image-writeup{max-width:75ch;font-family:var(--brand-sans);letter-spacing:0;text-transform:none;white-space:normal;text-overflow:clip;margin-top:.4rem;font-size:.8125rem;line-height:1.5;display:block;overflow:visible}@media (height>=501px){.project-lightbox .project-lightbox-frame{padding-block:max(calc(var(--project-viewer-controls-height,7.5rem) + 1rem),env(safe-area-inset-top,0px))}}@media (width>=681px) and (height>=501px){.project-lightbox .project-lightbox-controls:has(.project-image-credit){padding-top:1.5rem}}@media (width<=680px){.project-detail .project-detail-media{--detail-media-height:min(55svh,480px)}.project-detail .project-detail-media-tabs{justify-content:flex-start}.project-detail .project-sequence-item figcaption{column-gap:.75rem}.project-lightbox .project-lightbox-controls:has(.project-image-credit){padding-top:1.5rem}}@media (width>=1024px) and (height>=501px){.project-detail :is(.project-sequence-item figcaption,.project-photo-reel figcaption,.project-detail-film-caption){font-size:1rem}.project-detail .compact-project-caption-title{font-size:1.125rem}.project-detail .project-sequence-item :is(.project-image-writeup,.project-image-credit){font-size:.875rem}.project-lightbox .project-lightbox-controls button{font-size:1rem}.project-lightbox .project-lightbox-controls>div>span{font-size:.875rem}}@media (height<=500px) and (orientation:landscape){.project-detail .project-detail-media{--detail-media-height:65svh}.project-detail .project-detail-media .project-photo-reel-frame,.project-detail .project-detail-media .project-intro-group.is-detail .project-intro{min-height:120px}}.project-detail .project-intro-playback-controls{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.8rem 0 0;display:flex}.project-detail .project-intro-playback-controls button{color:#222;min-width:88px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #222;padding:.55rem 1rem}.project-detail .project-intro-playback-controls button:focus-visible{outline-offset:4px;outline:2px solid #222}.project-detail .project-pagination-card>div{flex-direction:column;align-items:stretch;gap:.45rem;min-width:0;display:flex}.project-detail .project-pagination-card>div>*{order:initial}.project-detail .project-pagination-card strong,.project-detail .project-pagination-card small{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}