.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quiet-header{display:flex;justify-content:space-between;align-items:flex-start;padding:30px 3vw;min-height:130px;gap:30px}.quiet-brand{display:block;width:112px;order:2}.quiet-brand img{display:block;width:100%;height:auto}.quiet-header nav{display:flex;gap:28px;padding-top:8px}.quiet-header nav a{font:12px Arial,sans-serif;text-decoration:none;color:#bbb}.quiet-header nav a:hover{color:#fff}.portfolio-home{padding:55px 3vw 70px;max-width:1800px;margin:auto}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portfolio-card{display:block;text-decoration:none}.cover img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.card-heading h3{font:12px Arial,sans-serif;font-weight:400;margin:0;letter-spacing:.025em;color:#ccc}.card-heading h3 span{font-size:10px;margin-right:15px;color:#777}.card-heading>span{display:none}.portfolio-card:hover h3{color:#fff}a:focus-visible{outline:1px solid #d64541;outline-offset:6px}@media(min-width:1600px){.portfolio-home{padding-top:8vh}}@media(max-width:650px){.quiet-header{padding:25px 6vw;min-height:110px}.quiet-brand{width:88px}.quiet-header nav{gap:20px}.portfolio-home{padding:30px 6vw 55px}.portfolio-grid{grid-template-columns:1fr;gap:42px}}

.current-home{padding-top:5px;max-width:660px;padding-bottom:50px}.current-home .portfolio-grid{grid-template-columns:1fr}.current-home .cover img{max-height:calc(100svh - 205px);width:100%;object-fit:contain}.current-home .card-heading{justify-content:center}.archive-home{max-width:1150px;padding-top:30px}.archive-home .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){.quiet-header nav{gap:16px}.quiet-header nav a{font-size:11px}.current-home{padding-top:25px}.current-home .cover img{max-height:none}.archive-home .portfolio-grid{grid-template-columns:1fr}}

/* Current is a continuous, image-led collection on both / and /current. */
.current-page .quiet-header{position:sticky;top:0;z-index:10;background:#000;min-height:110px;padding-top:22px;padding-bottom:22px}.current-sequence{max-width:1100px;margin:0 auto;padding:0 5vw 70px}.current-sequence h1{font:12px Arial,sans-serif;text-align:center;font-weight:400;color:#bbb;margin:12px 0 24px}.current-frame{margin:0 auto 65px;display:flex;justify-content:center;align-items:center;min-height:60vh}.current-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:82svh;object-fit:contain}.current-frame:first-of-type img{max-height:calc(100svh - 190px)}.current-frame:last-child{margin-bottom:0}@media(max-width:650px){.current-page .quiet-header{min-height:100px}.current-sequence{padding:0 6vw 40px}.current-sequence h1{margin:10px 0 22px}.current-frame{min-height:0;margin-bottom:34px}.current-frame img{width:100%;max-height:none}.current-frame:first-of-type img{max-height:none}}
@media(pointer:coarse){.quiet-header nav{gap:8px;padding-top:0}.quiet-header nav a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 5px}.quiet-header{gap:12px}.quiet-brand{flex-shrink:0}.collection-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}}
@supports(padding:max(0px)){.quiet-header{padding-left:max(3vw,env(safe-area-inset-left));padding-right:max(3vw,env(safe-area-inset-right))}}

/* Full-height horizontal filmstrip; native momentum scrolling on touch. */
body.current-page{height:100dvh;overflow:hidden}.current-page .quiet-header{position:fixed;inset:0;min-height:0;padding:0;background:none;pointer-events:none;z-index:20;mix-blend-mode:difference}.current-page .quiet-brand{position:absolute;right:max(24px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));width:112px;pointer-events:auto}.current-page .quiet-header nav{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));pointer-events:auto;padding:0}.current-page .quiet-header nav a{color:#fff}.current-sequence{display:flex;width:100%;height:100dvh;max-width:none;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;gap:0;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pinch-zoom;cursor:grab}.current-sequence::-webkit-scrollbar{display:none}.current-sequence:active{cursor:grabbing}.current-sequence h1{position:fixed;left:22px;bottom:max(30px,env(safe-area-inset-bottom));z-index:20;margin:0;color:#fff;mix-blend-mode:difference;pointer-events:none}.current-sequence .current-frame{flex:0 0 auto;height:100%;min-height:0;margin:0;display:block}.current-sequence .current-frame img,.current-sequence .current-frame:first-of-type img{width:auto;height:100%;max-width:none;max-height:none;object-fit:contain;user-select:none;-webkit-user-drag:none}.current-sequence:focus-visible{outline:1px solid #fff;outline-offset:-2px}@media(max-width:650px){.current-page .quiet-brand{width:88px;right:18px;top:max(18px,env(safe-area-inset-top))}.current-page .quiet-header nav{right:12px;bottom:max(10px,env(safe-area-inset-bottom))}.current-sequence h1{left:16px;bottom:max(26px,env(safe-area-inset-bottom));font-size:11px}}

.strip-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:20;border:0;background:transparent;color:white;mix-blend-mode:difference;font:28px Arial,sans-serif;width:48px;height:48px;cursor:pointer}.strip-prev{left:16px}.strip-next{right:16px}.strip-arrow:focus-visible{outline:1px solid white}@media(pointer:coarse){.strip-prev{left:4px}.strip-next{right:4px}}
@media(max-width:650px){
 .current-sequence{scroll-snap-type:x proximity}.current-sequence .current-frame{width:100vw;flex-basis:100vw;scroll-snap-align:start}.current-sequence .current-frame img,.current-sequence .current-frame:first-of-type img{width:100%;height:100%;object-fit:cover;object-position:center}
 .current-page .quiet-header{mix-blend-mode:normal}.current-page .quiet-brand{filter:drop-shadow(0 1px 4px #0009)}.current-page .quiet-header nav{left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:linear-gradient(transparent,#000b);padding:22px 12px max(12px,env(safe-area-inset-bottom));}.current-page .quiet-header nav a{font-size:13px;min-height:48px;text-shadow:0 1px 4px #000;}.current-page .quiet-header nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}.current-sequence h1{top:max(28px,env(safe-area-inset-top));bottom:auto;left:18px;mix-blend-mode:normal;text-shadow:0 1px 5px #000;font-size:12px}.strip-arrow{top:48%}
}

@media(max-width:650px){.current-page .quiet-header nav{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}}
@media(max-width:650px){body:not(.current-page) .quiet-header nav{gap:4px}body:not(.current-page) .quiet-header nav a{padding-inline:3px}body:not(.current-page) .quiet-brand{width:72px}}

/* Invert the fixed typography against the photographs as they move beneath it. */
.current-page .quiet-header,
.current-page .current-sequence h1{mix-blend-mode:difference}
.current-page .quiet-header nav{background:none}
.current-page .quiet-header nav a,
.current-page .current-sequence h1{color:#fff;text-shadow:none}
.current-page .quiet-brand{filter:none}
