.detail-images video{display:block;width:100%;height:auto;background:#fff;pointer-events:none}
.adobe-timeline{display:block;width:100%;height:clamp(420px,75vh,950px);border:0;background:#fff}
.timeline-interactive{position:relative;width:100%}
#timeline-canvas.enlarged .timeline-interactive{width:2376px}
#timeline-canvas .timeline-interactive img{width:100%;max-width:none}
.timeline-project-link{position:absolute;display:block;border:1px solid transparent;border-radius:2px}
.timeline-project-link:hover,.timeline-project-link:focus-visible{background:rgba(211,43,35,.12);border-color:#d32b23;outline:2px solid #d32b23;outline-offset:1px}
#site-intro{display:none}
.intro-pending #site-intro{display:block;position:fixed;inset:0;z-index:1000;background:#000;pointer-events:none;animation:intro-safety 1.9s step-end forwards}
.intro-pending .intro-logo{position:absolute;left:50%;top:50%;display:block;transform:translate(-50%,-50%);color:#fff;font:900 74px/1 Arial,Helvetica,sans-serif;letter-spacing:-6px;white-space:nowrap}
.intro-logo>span{font-size:52px}
.intro-pending header .logo{visibility:hidden;animation:logo-safety 1.9s step-end forwards}
@keyframes logo-safety{to{visibility:visible}}
@keyframes intro-safety{to{visibility:hidden}}
@media(prefers-reduced-motion:reduce){.intro-pending #site-intro{display:none}.intro-pending header .logo{visibility:visible}}

.detail-images figure > figcaption{display:block;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:1.5;color:#666;letter-spacing:0;text-align:left;margin:10px 0 0;padding:0}
.detail-image-number{font-family:Arial,Helvetica,sans-serif;font-size:clamp(64px,8vw,112px);font-weight:900;line-height:1;letter-spacing:-.055em;text-align:right;color:#000;margin:0 3% 25px 0}

.detail-image-number img{display:block;width:clamp(85px,12%,155px);height:auto;margin-left:auto}
/* Individually captioned A01 panels, retaining the paired portfolio composition. */
.detail-images .gallery-group{display:grid;gap:24px;align-items:start;margin-bottom:38px;min-width:0}
.detail-images .gallery-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.detail-images .gallery-form-columns{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.detail-images .gallery-stack{grid-template-columns:minmax(0,1fr)}
.detail-images .gallery-group > figure,.detail-images .gallery-group > .gallery-group{margin:0;min-width:0}
.detail-images .gallery-copy{font:400 13px/1.5 Arial,Helvetica,sans-serif;color:#666;margin:0;letter-spacing:0}
.detail-images figure:has(img[src*="downtown-infill-concept-sketches"]){width:45%;min-width:220px}
@media(max-width:850px){.detail-images .gallery-columns{grid-template-columns:minmax(0,1fr)}.detail-images .gallery-group{gap:22px}.detail-images figure:has(img[src*="downtown-infill-concept-sketches"]){width:75%;min-width:0}}

.detail-images .gallery-sketch{width:45%;min-width:220px}@media(max-width:850px){.detail-images .gallery-sketch{width:75%;min-width:0}}

html{scroll-behavior:smooth}.project-copyright{font:400 11px/1.5 Arial,Helvetica,sans-serif;color:#888;margin:28px 0 12px}.detail-images img{height:auto}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.detail-images .gallery-heading{font:600 14px/1.5 Arial,Helvetica,sans-serif;margin:10px 0 0}