@font-face{font-family:"Helvetica Neue";src:local("Helvetica Neue"),local("HelveticaNeue");font-weight:400;font-style:normal;font-display:swap}
:root{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#111;background:#fff;font-synthesis:none;--edge:26px}*{box-sizing:border-box}body{margin:0;padding-bottom:90px;background:#fff}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible{outline:2px solid currentColor;outline-offset:5px}h1,p,figure{margin:0}h1{font-weight:400}::selection{background:#111;color:#fff}.marquee{overflow:hidden;width:100%;font-size:clamp(95px,23.5vw,470px);line-height:1.13;letter-spacing:-.068em;padding:4px 0 10px;white-space:nowrap}.marquee-track{display:flex;width:max-content;animation:slide-right 25s linear infinite;will-change:transform}.marquee-track>span{display:block;flex:none;padding-right:.24em}.marquee-track[data-paused="true"]{animation-play-state:paused}@keyframes slide-right{from{transform:translateX(-33.333333%)}to{transform:translateX(0)}}.projects{padding:65px var(--edge) 130px}.project{margin-bottom:160px}.project-one{width:57%;margin-left:37%}.project-two{width:42%;margin-left:6%}.project-three{width:62%;margin-left:25%;margin-bottom:0}.project img{display:block;width:100%;height:auto}.project figcaption{font-size:13px;line-height:1.4;margin-top:12px;display:flex;gap:18px;justify-content:space-between}.project figcaption span{color:#666}.image-placeholder{aspect-ratio:3/2;background:#fff;display:flex;align-items:center;justify-content:center}.project-two .image-placeholder{aspect-ratio:4/5}.image-placeholder span{font-size:14px;color:#777}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#fff;padding:18px var(--edge) max(18px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:20px;font-size:15px;line-height:1.4}.bottom-bar nav{display:flex;gap:30px}.info-page{padding:40px var(--edge) 90px;display:grid;grid-template-columns:1fr 1fr;gap:40px;min-height:80vh}.back{font-size:14px;align-self:start;justify-self:start}.info-copy{text-align:right;font-size:16px;line-height:1.5;max-width:680px;justify-self:end;width:100%}.info-copy h1{font-size:18px;margin:0 0 42px}.info-copy p{margin-bottom:26px}.info-copy strong{font-weight:400}.info-copy p:has(>strong:only-child){margin-top:35px}.info-copy u{text-decoration:none}.placeholder-copy{color:#777}.legal .info-copy{font-size:15px;line-height:1.55}.legal a{overflow-wrap:anywhere}.legal .info-copy a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){:root{--edge:16px}.marquee{font-size:26vw;padding-top:24px}.projects{padding-top:70px;padding-bottom:60px}.project{margin-bottom:110px}.project-one{width:87%;margin-left:13%}.project-two{width:72%;margin-left:0}.project-three{width:84%;margin-left:10%}.project figcaption{font-size:12px;flex-wrap:wrap;gap:3px 16px}.bottom-bar{font-size:14px;padding-top:18px}.bottom-bar nav{gap:17px}.info-page{grid-template-columns:1fr;padding-top:25px;gap:65px}.info-copy{max-width:100%;font-size:16px}.legal .info-copy{font-size:15px}.info-copy h1{margin-bottom:35px}}
@media(max-width:360px){.bottom-bar nav{gap:10px}.bottom-bar{font-size:13px;gap:10px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;transform:none}}

/* Shared moving wordmark and quiet right-hand text column. */
.marquee{display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(80px,18vw,350px);font-weight:400!important;line-height:1.15;letter-spacing:-.055em;padding:6px 0 14px}.marquee:hover{text-decoration:none}.marquee-track,.marquee-track>span{font-weight:400!important}.marquee-track>span{padding-right:.5em}.info-copy{text-align:left;max-width:580px;justify-self:start}.info-page{min-height:65vh;padding-top:65px;padding-bottom:110px}.end-address{padding:90px var(--edge) 65px;display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:15px;line-height:1.55}.end-address p{grid-column:2}.project-set{margin:0 0 140px}.project-heading{font-size:14px;font-weight:400;line-height:1.5;margin:0 0 50px 51%}.project-heading span{display:block;color:#666;font-size:12px;margin-top:4px}.project-photos{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:22px;row-gap:65px}.photo{margin:0;grid-column:7/12}.photo:nth-child(6n+1){grid-column:7/12}.photo:nth-child(6n+2){grid-column:2/6;margin-top:90px}.photo:nth-child(6n+3){grid-column:8/11;margin-top:35px}.photo:nth-child(6n+4){grid-column:3/8;margin-top:30px}.photo:nth-child(6n+5){grid-column:9/12;margin-top:110px}.photo:nth-child(6n){grid-column:1/5;margin-top:55px}.photo-view{display:block;aspect-ratio:1;background-repeat:no-repeat;background-size:calc(var(--columns)*100%) 200%;background-position:var(--x) var(--y)}.photo figcaption{font-size:12px;margin-top:9px;line-height:1.4}.project-set:nth-child(2) .photo:nth-child(6n+1){grid-column:2/6}.project-set:nth-child(2) .photo:nth-child(6n+2){grid-column:8/12}.project-set:nth-child(3) .photo:nth-child(6n+1){grid-column:5/10}.projects{padding-top:65px;padding-bottom:0}.project-set:last-child{margin-bottom:0}
@media(max-width:700px){.marquee{font-size:21vw;padding-top:20px}.info-page{padding-top:45px;gap:45px;grid-template-columns:1fr 5fr}.info-page .back{grid-column:1/-1}.info-copy{grid-column:2;font-size:16px}.end-address{grid-template-columns:1fr 5fr;gap:10px;padding-top:60px;padding-bottom:50px;font-size:14px}.project-heading{margin-left:29%;margin-bottom:35px}.project-set{margin-bottom:95px}.project-photos{column-gap:10px;row-gap:35px}.photo:nth-child(n),.project-set:nth-child(n) .photo:nth-child(n){grid-column:5/13;margin-top:0}.photo:nth-child(3n+2),.project-set:nth-child(n) .photo:nth-child(3n+2){grid-column:1/8;margin-top:15px}.photo:nth-child(3n),.project-set:nth-child(n) .photo:nth-child(3n){grid-column:6/12;margin-top:10px}.projects{padding-top:45px}}

/* Compact project sheets and a single shared contact baseline. */
@font-face{font-family:"K2 Light";src:local("Helvetica Neue Light"),local("HelveticaNeue-Light"),local("Helvetica Light"),local("Arial Nova Light"),local("Segoe UI Light");font-weight:300;font-style:normal;font-display:swap}
.marquee{font-family:"K2 Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300!important;letter-spacing:-.05em}.marquee-track,.marquee-track>span{font-weight:300!important}
.project-set{margin-bottom:110px}.project-heading{margin:0 0 30px;font-size:clamp(26px,3.1vw,48px);line-height:1.15;letter-spacing:-.025em;max-width:1100px;font-weight:400}.project-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1mm;max-width:1100px;margin-left:auto}.photo:nth-child(n),.project-set:nth-child(n) .photo:nth-child(n){grid-column:auto;margin:0}.photo figcaption{display:none}.project-set:nth-child(2) .project-photos{grid-template-columns:repeat(4,minmax(0,1fr));margin-left:0;max-width:1200px}.project-set:nth-child(3) .project-photos{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1150px}.projects{padding-bottom:100px}.bottom-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.bottom-bar nav:last-child{justify-content:flex-end}.bar-contact{display:flex;gap:24px;white-space:nowrap;align-items:center;font-size:14px}.info-copy{grid-column:2}.info-page{min-height:75vh}
@media(max-width:900px){.bottom-bar{gap:12px;font-size:13px}.bottom-bar nav{gap:14px}.bar-contact{gap:12px;font-size:12px}}
@media(max-width:700px){.project-set{margin-bottom:65px}.project-heading{font-size:28px;margin:0 0 24px;max-width:100%}.project-photos,.project-set:nth-child(2) .project-photos,.project-set:nth-child(3) .project-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:1mm;margin:0}.bottom-bar{grid-template-columns:1fr 1fr;row-gap:10px;padding-top:12px}.bottom-bar nav:last-child{grid-column:2;grid-row:1}.bar-contact{grid-column:1/-1;grid-row:2;justify-content:center;font-size:12px;gap:20px}.info-page{display:grid;grid-template-columns:1fr 5fr}.info-copy{grid-column:2}body{padding-bottom:100px}}
.photo{overflow:hidden}.photo-view{transform:scale(1.018)}

.marquee{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400!important}.marquee-track,.marquee-track>span{font-weight:400!important}.bar-contact{visibility:hidden;pointer-events:none}body.at-bottom .bar-contact{visibility:visible;pointer-events:auto}
.collage{max-width:1100px;margin:0 auto}.collage-row{display:flex;gap:1mm;align-items:flex-end;margin-bottom:1mm}.collage-row.row-0{width:94%;margin-left:4%}.collage-row.row-1{align-items:flex-start}.collage-row.row-2{width:75%;margin-left:13%;align-items:flex-start}.collage-photo{display:block;position:relative;overflow:hidden;container-type:size;flex:1;aspect-ratio:1}.collage-photo.shape-0{flex:1.1;aspect-ratio:.78}.collage-photo.shape-1{flex:1.7;aspect-ratio:1.4}.collage-photo.shape-2{flex:.85;aspect-ratio:.66}.collage-photo.shape-3{flex:1.25;aspect-ratio:1.05}.collage-photo .photo-view{position:absolute;display:block;width:max(100cqw,100cqh);height:max(100cqw,100cqh);top:50%;left:50%;transform:translate(-50%,-50%) scale(1.018)}.project-heading{margin-bottom:35px}.project-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;padding:65px var(--edge) 120px;min-height:80vh}.detail-gallery{min-width:0}.detail-photo{display:block;width:100%;border:0;padding:0;background:#fff;cursor:pointer;overflow:hidden;aspect-ratio:1;position:relative}.detail-photo .photo-view{display:block;width:100%;height:100%}.detail-photo:focus-visible{outline:2px solid #111;outline-offset:5px}.image-counter{font-size:12px;margin-top:10px}.detail-copy{font-size:16px;line-height:1.5;max-width:580px}.detail-copy h1{font-size:24px;line-height:1.2;margin:0 0 30px;font-weight:400}.detail-copy h2{font-size:16px;font-weight:600;margin:0}.detail-copy p{margin:0 0 26px}.legal .info-copy h1{font-weight:700;margin:0;font-size:18px}.legal .info-copy h2{font-size:15px;line-height:1.55;font-weight:700;margin:0}.legal .info-copy strong{font-weight:700}.legal .info-copy p{margin:0 0 24px}.legal .info-copy p:has(>strong:only-child){margin:0}.info-page{min-height:80vh}
@media(max-width:700px){.collage-row{gap:1mm}.collage-row.row-0{width:96%;margin-left:2%}.project-heading{font-size:26px}.project-detail{grid-template-columns:1fr;gap:35px;padding-top:45px}.detail-copy{margin-left:12%;font-size:16px}.detail-copy h1{font-size:24px}.detail-photo{max-width:550px}.collage-photo.shape-2{aspect-ratio:.7}}

.marquee-track{animation-delay:var(--marquee-delay,0ms)}
.project-subtitle{display:block;font-size:clamp(17px,1.5vw,23px);line-height:1.35;letter-spacing:0;margin-top:8px}.horizontal-gallery{position:relative;margin-right:calc(-1 * var(--edge));margin-left:calc(-1 * var(--edge))}.image-rail{display:flex;align-items:center;gap:1mm;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding:14px var(--edge);overscroll-behavior-x:contain}.image-rail::-webkit-scrollbar{display:none}.image-rail .collage-photo{flex:none;width:clamp(220px,27vw,385px);aspect-ratio:1}.image-rail .shape-0{width:clamp(210px,24vw,340px);aspect-ratio:.78}.image-rail .shape-1{width:clamp(280px,35vw,490px);aspect-ratio:1.4}.image-rail .shape-2{width:clamp(190px,21vw,300px);aspect-ratio:.7}.image-rail .shape-3{width:clamp(230px,28vw,395px);aspect-ratio:1.05}.rail-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;border-radius:0;background:#fff;color:#111;font:400 30px Arial,sans-serif;width:46px;height:46px;cursor:pointer}.rail-arrow.previous{left:var(--edge)}.rail-arrow.next{right:var(--edge)}.rail-arrow:disabled{opacity:0;pointer-events:none}.rail-arrow:focus-visible{outline:2px solid #111;outline-offset:3px}.detail-copy .project-subtitle{font-size:17px;margin:8px 0 30px}.detail-copy h1:has(+.project-subtitle){margin-bottom:0}
@media(max-width:700px){.image-rail .collage-photo{width:65vw}.image-rail .shape-1{width:82vw}.image-rail .shape-2{width:53vw}.rail-arrow{width:40px;height:40px;font-size:26px}.project-subtitle{font-size:17px}}
@media(prefers-reduced-motion:reduce){.image-rail{scroll-behavior:auto}}

.project-heading,.detail-copy h1{font-family:"Times New Roman",Times,serif;font-weight:400}.project-heading .project-subtitle{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(34px,3vw,46px);color:#000;line-height:1.2}.detail-copy .project-subtitle{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:34px;line-height:1.2;color:#000}.image-rail{overflow:hidden;scroll-behavior:auto;height:560px;align-items:center}.image-rail .collage-photo{flex:none;width:var(--card-width);height:var(--card-height);aspect-ratio:auto;transform:translateY(var(--card-offset));}.pause-symbol{position:absolute;bottom:13px;left:13px;display:flex;gap:4px;z-index:2}.pause-symbol[hidden]{display:none}.pause-symbol i{display:block;width:3px;height:13px;background:#000}.legal .info-copy h2{margin-bottom:0}
@media(max-width:700px){.image-rail{height:440px}.image-rail .collage-photo{width:calc(var(--card-width)*.8);height:calc(var(--card-height)*.8)}.project-heading .project-subtitle{font-size:34px}.detail-copy .project-subtitle{font-size:30px}}

/* Independent sizes and offsets give each project its own rhythm. */
.image-rail{height:620px}.project-heading .project-subtitle{font-size:clamp(18px,1.55vw,24px);line-height:1.35;margin-top:9px}.detail-copy .project-subtitle{font-size:18px;line-height:1.4}.detail-copy h1{font-size:30px}
@media(max-width:700px){.image-rail{height:500px}.image-rail .collage-photo{transform:translateY(calc(var(--card-offset)*.7))}.project-heading .project-subtitle{font-size:18px}.detail-copy .project-subtitle{font-size:18px}}

/* Looser sequence: independent scales and baselines, with white drawing sheets. */
.image-rail{height:700px}.image-rail .drawing-photo{background:#fff}.image-rail .drawing-photo .photo-view{transform:translate(-50%,-50%)}
@media(max-width:700px){.image-rail{height:550px}}

/* Quiet typography and crossfading project views. */
.project-heading{font-size:clamp(38px,4vw,62px);line-height:1.08}.project-heading .project-subtitle{font-family:"K2 Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:clamp(17px,1.4vw,22px);font-weight:300;line-height:1.3;margin-top:3px}.detail-photo .photo-view{position:absolute;inset:0;transition:opacity 650ms ease-in-out;will-change:opacity}.detail-controls{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.detail-controls .image-counter{margin:0}.detail-controls button{border:0;background:#fff;color:#111;font:400 23px Arial,sans-serif;min-width:42px;min-height:42px;padding:4px 8px;cursor:pointer}.detail-controls button:focus-visible{outline:2px solid #111;outline-offset:2px}.legal .info-copy h2{margin:0;padding:0}.legal .info-copy h2+p{margin-top:0}
@media(max-width:700px){.project-heading{font-size:38px}.project-heading .project-subtitle{font-size:17px;margin-top:3px}}
@media(prefers-reduced-motion:reduce){.detail-photo .photo-view{transition:none}}

/* Tighter vertical rhythm on the project overview. */
.projects{padding-top:35px;padding-bottom:55px}.project-set{margin-bottom:48px}.project-heading{margin-bottom:14px}.image-rail{height:660px}
@media(max-width:700px){.projects{padding-top:25px;padding-bottom:35px}.project-set{margin-bottom:30px}.project-heading{margin-bottom:10px}.image-rail{height:515px}}

/* Fit each rail tightly around its actual image silhouettes. */
.projects{padding-top:16px;padding-bottom:24px}.project-set{margin-bottom:18px}.project-heading{margin-bottom:5px}.image-rail{padding-top:0;padding-bottom:0;align-items:flex-start;height:var(--rail-height,540px)}.image-rail .collage-photo{transform:translateY(var(--tile-top,0px))}
@media(max-width:700px){.projects{padding-top:12px;padding-bottom:20px}.project-set{margin-bottom:14px}.project-heading{margin-bottom:4px}.image-rail{height:var(--rail-height,430px)}.image-rail .collage-photo{transform:translateY(var(--tile-top,0px))}}

/* Consistent project spacing, with a larger opening below the wordmark. */
.projects{padding-top:80px}.projects .project-set{margin-bottom:36px}.projects .project-set:last-child{margin-bottom:0}
@media(max-width:700px){.projects{padding-top:55px}.projects .project-set{margin-bottom:28px}.projects .project-set:last-child{margin-bottom:0}}
.projects{position:relative;--sidebar-width:255px}.project-menu-area{position:relative;margin-bottom:26px;z-index:4}.project-menu-toggle{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:28px;height:21px;border:0;padding:0;background:#fff;cursor:pointer;z-index:2}.project-menu-toggle span{display:block;height:1px;width:26px;background:#111}.project-menu-toggle:focus-visible{outline:2px solid #111;outline-offset:7px}.project-sidebar{position:absolute;left:0;top:0;width:var(--sidebar-width);padding:47px 22px 22px 0;background:#fff}.project-sidebar[hidden]{display:none}.project-sidebar nav{display:flex;flex-direction:column;gap:20px;align-items:flex-start;font-size:17px;line-height:1.3}.projects .project-set{transition:margin-left 300ms ease;scroll-margin-top:24px}.projects.menu-open .project-set{margin-left:var(--sidebar-width)}.projects.menu-open .horizontal-gallery{margin-left:0}.projects.menu-open .project-heading{overflow-wrap:anywhere}
@media(max-width:700px){.projects{--sidebar-width:145px}.project-sidebar{padding-right:14px}.project-sidebar nav{font-size:14px;gap:18px}.projects.menu-open .project-heading{font-size:30px}.projects.menu-open .project-subtitle{font-size:16px}.project-menu-area{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.projects .project-set{transition:none}}

/* Render live text without a cached, fractionally translated texture. */
.marquee{filter:none;text-shadow:none;opacity:1;text-rendering:optimizeLegibility}.marquee-track{animation:none!important;will-change:transform;position:relative;left:0}

/* Fluid sizing follows the viewport while retaining the irregular proportions. */
:root{--edge:clamp(16px,1.8vw,64px);--image-scale:1}body{max-width:none;width:100%}.marquee{font-size:18vw;max-width:100%}.image-rail .collage-photo{width:calc(var(--card-width)*var(--image-scale));height:calc(var(--card-height)*var(--image-scale))}.project-heading{font-size:clamp(2.25rem,4vw,7rem);max-width:none}.project-heading .project-subtitle{font-size:clamp(1.0625rem,1.4vw,2.25rem)}.projects{padding-top:clamp(55px,5.55vw,150px);--sidebar-width:clamp(180px,18vw,420px)}.projects .project-set{margin-bottom:clamp(28px,2.5vw,72px)}.project-detail{gap:clamp(28px,3.8vw,100px);padding-top:clamp(40px,4.5vw,100px)}.detail-photo{max-width:none}.detail-copy,.info-copy{max-width:min(100%,42rem)}.detail-copy{font-size:clamp(1rem,1.1vw,1.4rem)}.detail-copy h1{font-size:clamp(1.875rem,2.1vw,3.5rem)}.detail-copy h2{font-size:inherit}.detail-copy .project-subtitle{font-size:clamp(1.125rem,1.25vw,1.75rem)}.info-page{gap:clamp(20px,2.8vw,80px)}.project-detail>*{min-width:0}.detail-copy,.info-copy{overflow-wrap:anywhere}
@media(max-width:700px){.marquee{font-size:21vw}.projects{--sidebar-width:clamp(125px,36vw,180px)}.project-detail{grid-template-columns:minmax(0,1fr)}.detail-copy{margin-left:8%;max-width:92%}.project-heading{font-size:clamp(2rem,7vw,2.8rem)}.project-heading .project-subtitle{font-size:1.0625rem}.detail-photo{width:100%;max-width:none}}

/* Reduce detail images and keep their controls aligned directly beneath. */
.project-detail .detail-gallery{width:80%;max-width:100%;justify-self:start}.project-detail .detail-photo{width:100%;max-width:none}

/* Let the text column follow the reduced image width. */
.project-detail{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(24px,2.4vw,64px)}.project-detail .detail-gallery{width:100%}
@media(max-width:700px){.project-detail{grid-template-columns:minmax(0,1fr)}.project-detail .detail-gallery{width:80%}.project-detail .detail-copy{margin-left:0}}

/* Equal outer gutters: the description fills the remaining right column. */
.project-detail .detail-copy{width:100%;max-width:none;margin-left:0;margin-right:0;justify-self:stretch}

/* Keep project text within the image height, with readable fluid type. */
.project-detail .detail-copy{align-self:start;height:var(--description-height,auto);max-height:var(--description-height,none);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;font-size:var(--description-font,clamp(1rem,1.1vw,1.375rem));line-height:1.4}.project-detail .detail-copy h1{font-size:1.8em;line-height:1.1}.project-detail .detail-copy .project-subtitle{font-size:1.1em;line-height:1.3;margin-top:.3em;margin-bottom:1.25em}.project-detail .detail-copy h2{font-size:1em}.project-detail .detail-copy p{margin-bottom:1em}.project-detail .detail-copy p:last-child{margin-bottom:0}

/* One project fits the viewport below the persistent navigation. */
.projects .project-set{box-sizing:border-box;min-height:var(--project-screen-height,calc(100svh - 65px));margin-bottom:0;padding-top:16px;padding-bottom:18px;scroll-margin-top:0}.projects .project-set:last-child{margin-bottom:0}.projects .project-heading{font-size:clamp(26px,min(4vw,6svh),100px);margin-bottom:8px}.projects .project-heading .project-subtitle{font-size:clamp(14px,min(1.4vw,2.7svh),30px)}.image-rail .collage-photo{width:calc(var(--card-width)*var(--image-scale));height:calc(var(--card-height)*var(--image-scale))}.project-detail{column-gap:clamp(20px,2.4vw,64px)}
@media(max-width:700px){.projects .project-set{margin-bottom:0}.projects .project-heading{font-size:clamp(26px,7vw,38px)}.projects .project-heading .project-subtitle{font-size:clamp(14px,3.8vw,18px)}}

/* Image buttons must not become nested scroll containers when focused. */
.project-detail .detail-photo{overflow:clip;touch-action:pan-y pinch-zoom}.project-detail .detail-controls button{touch-action:pan-y pinch-zoom}.project-detail .detail-copy{overscroll-behavior:auto}.projects.menu-open .horizontal-gallery .image-rail{padding-left:0}

/* Complete project drawings, preserving their original proportions. */
.photo-view.original-drawing{background-size:contain!important;background-position:center!important;background-color:#fff;transform:none!important;aspect-ratio:auto}.collage-photo .photo-view.original-drawing{width:100%;height:100%;top:0;left:0}

.image-rail .collage-photo .photo-view.original-drawing{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;transform:none!important;background-image:none!important}.detail-photo .photo-view.original-drawing{background-image:none!important;transform:none!important}

#projekt-carport .image-rail{column-gap:clamp(12px,1.2vw,22px)}