/* A photographic portfolio: one image surface, quiet captions, direct image access. */
.gallery-source{display:none!important}
.view-mode .portfolio-project{max-width:none;margin:0;width:100%}
.view-mode .project-viewer{width:100%;margin:0}
.view-mode .viewer-frames{display:grid;grid-template-columns:minmax(0,1fr);background:#171918;min-height:280px;height:clamp(300px,48svh,680px);overflow:hidden}
.view-mode .viewer-photo{display:flex;align-items:center;justify-content:center;position:relative;background:transparent;border:0;padding:0;width:100%;min-width:0;height:100%;overflow:hidden;cursor:zoom-in}
.view-mode .viewer-frames .viewer-photo img{display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center;background:transparent;filter:none;transform:none;transition:none;margin:0}
.view-mode .viewer-photo .process-image-label,.view-mode .viewer-photo .process-enlarge,.view-mode .viewer-photo .project-caption,.view-mode .viewer-photo .arch-image-caption{display:none}

.view-mode .viewer-photo:hover:after,.view-mode .viewer-photo:focus-visible:after{opacity:1}
.viewer-footer{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:14px;min-height:32px}
.viewer-caption{font-size:11px!important;line-height:1.6!important;letter-spacing:.7px;color:#d7d7cf!important;margin:0!important;max-width:65%;text-transform:uppercase}
.viewer-controls{display:flex;align-items:center;gap:16px;flex-shrink:0}
.viewer-controls button{border:0;background:none;padding:0 3px;font-size:21px;color:#f2f0e6;line-height:1.2;min-height:30px;min-width:30px}
.viewer-controls button:hover{color:#FFD500}
.viewer-controls .viewer-compare{font-size:11px;min-width:0;border-bottom:1px solid #707269;padding:3px 0;margin-right:14px}
.viewer-controls .viewer-compare[aria-pressed="true"]{color:#FFD500;border-color:#FFD500}
.viewer-count{font:10px 'Courier New',monospace;color:#a6a8a0;letter-spacing:1px;white-space:nowrap}
.viewer-rail{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;scrollbar-width:thin;padding:5px 0 0;margin-top:12px;max-width:100%}
.viewer-thumbnail{position:relative;display:block;flex:0 0 82px;border:0;border-bottom:2px solid transparent;padding:0 0 7px;background:none;opacity:.45;transition:opacity .2s;min-height:54px}
.viewer-thumbnail img{display:block;width:82px;height:51px;object-fit:cover}
.viewer-thumbnail span{position:absolute;bottom:12px;left:5px;padding:2px 4px;background:#121412b3;font:9px 'Courier New',monospace;color:#fff}
.viewer-thumbnail[aria-pressed="true"]{border-color:#FFD500;opacity:1}
.viewer-thumbnail:hover,.viewer-thumbnail:focus-visible{opacity:1}
.view-mode .viewer-frames.is-comparing{grid-template-columns:1fr 1fr;gap:2px}
.view-mode .viewer-photo.compare-build:before,.view-mode .viewer-photo.compare-finished:before{position:absolute;top:15px;left:15px;padding:7px 9px;background:#131513d9;color:#fff;font:10px 'Courier New',monospace;letter-spacing:1px;z-index:1}
.view-mode .viewer-photo.compare-build:before{content:'THE BUILD'}
.view-mode .viewer-photo.compare-finished:before{content:'FINISHED'}
.view-mode .work-heading h2,.view-mode .objects-view>h2,.view-mode .drawings-view>h2{font-size:clamp(28px,2.9vw,42px);font-weight:400;letter-spacing:-1px}
.view-mode .work-heading .outline{-webkit-text-stroke:0;color:inherit}
.view-mode .work-heading .scribble{display:none}
.view-mode .portfolio-project .process-heading,.view-mode .portfolio-project .arch-subheading{margin-bottom:15px;align-items:baseline}
.view-mode .portfolio-project .process-heading h3,.view-mode .portfolio-project .arch-subheading h3{font-size:19px;font-weight:400;letter-spacing:-.3px;margin:0}
.view-mode .portfolio-project .process-heading>.mono,.view-mode .portfolio-project .arch-subheading>.mono{display:none}
.view-mode .section-tabs{gap:10px 26px;margin:20px 0 22px;padding-bottom:7px;border-color:#ffffff25}
.view-mode .section-tabs button{color:#a9aaa3;font-size:12px;font-weight:400;padding:8px 0}
.view-mode .section-tabs button[aria-selected="true"]{color:#fff;border-bottom-color:#FFD500}
.view-mode #work>.section-tabs{margin-bottom:16px}
.view-mode .scenic-panel>.section-tabs,.view-mode .lighting-studies>.section-tabs{border:0;margin-bottom:20px;padding-bottom:0;gap:10px 24px}
.view-mode .scenic-panel>.section-tabs button,.view-mode .lighting-studies>.section-tabs button{font-size:12px}
.project-picker{display:none}
.view-mode .portfolio-project>.drawing-download{display:inline-block;margin-top:17px;font-size:9px;color:#d5d5cc}
/* Photographs stay photographic on the board, with drafting marks as the backdrop. */












@media(min-width:1500px){.view-mode .viewer-frames{height:clamp(380px,52svh,750px)}}
@media(max-width:900px){.viewer-controls{gap:10px}.viewer-controls .viewer-compare{margin-right:3px}.viewer-caption{max-width:55%}.view-mode .viewer-frames{height:48svh;min-height:300px}}
@media(max-width:650px){.view-mode .viewer-frames{height:42svh;min-height:250px}.viewer-footer{display:block;margin-top:12px}.viewer-caption{max-width:100%;font-size:9px!important;min-height:22px}.viewer-controls{margin-top:7px;justify-content:flex-end;gap:13px}.viewer-controls .viewer-compare{margin-right:auto}.viewer-thumbnail{flex-basis:65px}.viewer-thumbnail img{width:65px;height:44px}.viewer-rail{margin-top:7px;gap:7px}.view-mode .viewer-frames.is-comparing{grid-template-columns:1fr 1fr;height:36svh;min-height:200px}.view-mode .viewer-photo.compare-build:before,.view-mode .viewer-photo.compare-finished:before{top:7px;left:7px;font-size:8px;padding:5px}.view-mode .viewer-photo:after{display:none}.project-picker{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;margin:16px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.project-picker>span{font:9px 'Courier New',monospace;color:#a6a8a0;text-transform:uppercase;letter-spacing:.5px}.project-picker select{max-width:70%;background:#202321;color:#fff;border:0;padding:8px 4px;font:13px Nimbus,Arial,sans-serif}.view-mode .section-tabs.has-project-picker{display:none}.view-mode .portfolio-project .process-heading h3,.view-mode .portfolio-project .arch-subheading h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.viewer-thumbnail,.view-mode .viewer-photo:after{transition:none}}

.viewer-scope{font-size:12px;color:#e0dfd4;margin:5px 0 12px}
.view-mode .panel-study.portfolio-project{max-width:none}
/* The photographic centre opens out into chalk contours, beyond the picture edge. */
.view-mode .viewer-frames{background:transparent;overflow:visible}
.view-mode .viewer-frames .viewer-photo.chalk-photo{isolation:isolate;overflow:hidden;background:transparent}
.view-mode .viewer-frames .viewer-photo.chalk-photo>img{position:relative;z-index:1;width:auto;height:auto;max-width:76%;max-height:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%)}
.gallery-chalk{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.view-mode .viewer-photo.chalk-photo:after,.view-mode .viewer-photo.chalk-photo:before{z-index:2}
.view-mode .viewer-frames.is-comparing{gap:16px}
.view-mode .viewer-frames.is-comparing .chalk-photo>img{max-width:84%}
@media(max-width:650px){.view-mode .viewer-frames .viewer-photo.chalk-photo>img{max-width:84%}.view-mode .viewer-frames.is-comparing{gap:5px}.view-mode .viewer-frames.is-comparing .chalk-photo>img{max-width:89%}}

.view-mode .noodling-study h4{font:400 19px Nimbus,Arial,sans-serif;margin:0 0 12px}.noodling-note{font-size:9px;color:#a9aaa3;margin:0 0 18px;letter-spacing:1px}