*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#fff;color:#080808;font-family:Courier,Cambria,"Hoefler Text","Liberation Serif",Times,"Times New Roman",serif;font-size:.8rem;line-height:1.3;letter-spacing:.035em}a{color:inherit;text-decoration:none}a:hover{color:#999}a:focus-visible{outline:1px solid #080808;outline-offset:5px}.sidebar{position:fixed;left:25px;top:30px;width:250px}.brand{display:block;width:fit-content;height:auto;background:none;border-radius:0;color:#080808;font-family:inherit;font-weight:bold;font-size:30px;line-height:1.1;letter-spacing:.01em;text-align:left;white-space:nowrap}.brand:hover{color:#080808;opacity:.9}.brand span{display:block}nav{margin-top:30px}nav a{display:block;line-height:30px;width:fit-content}nav a[aria-current=page]{font-weight:bold}main{margin-left:31.6%;padding:50px 65px 60px 0;min-height:100svh}.copyright{position:fixed;bottom:21px;left:31.6%;color:#aaa;font-size:.8rem}.contact{padding-top:0;max-width:520px;font-size:1rem;line-height:1.45}.contact p{margin:0 0 26px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:26px}.skip{position:fixed;left:25px;top:-100px;background:white;z-index:10;padding:10px}.skip:focus{top:10px}.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}@media(max-width:767px){.sidebar{position:relative;left:auto;top:auto;width:auto;padding:16px 25px 0}.brand{width:fit-content;height:auto;font-size:21px}nav{margin-top:22px;display:flex;flex-wrap:wrap;gap:0 22px}nav a{line-height:36px;font-size:.875rem}main{margin-left:0;padding:35px 25px 65px;min-height:calc(100svh - 174px)}.copyright{left:25px;bottom:15px;font-size:.75rem}.contact{font-size:1rem}.contact a{overflow-wrap:anywhere}}
.gallery{height:calc(100svh - 110px)}.slides{height:100%;display:flex;align-items:center;justify-content:center}.slides img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.slides img[hidden]{display:none}.gallery-controls{position:fixed;left:25px;bottom:15px;display:flex;gap:12px}.gallery-controls button{font:inherit;font-size:24px;line-height:1;border:0;padding:4px 0;background:white;color:#080808;cursor:pointer;min-width:24px}.gallery-controls button:hover{color:#999}.gallery-controls button:focus-visible{outline:1px solid black;outline-offset:3px}@media(max-width:767px){.gallery{height:calc(100svh - 260px);min-height:220px}.gallery-controls{bottom:38px}.slides img{max-width:100%;max-height:100%}}

.slides{cursor:pointer}.slides:focus-visible{outline:1px solid #080808;outline-offset:6px}

/* Gallery shares its left edge with the copyright. */
.slides{align-items:center;justify-content:flex-start}

.photo-caption{position:fixed;left:25px;bottom:54px;margin:0;max-width:calc(31.6vw - 50px);font-size:.8rem;line-height:1.4}@media(max-width:767px){.photo-caption{position:static;max-width:none;margin:16px 0 0}}

.commercial-toggle{display:block;font:inherit;letter-spacing:inherit;color:inherit;border:0;background:none;padding:0;line-height:30px;cursor:pointer;text-align:left}.commercial-toggle:hover{color:#999}.commercial-toggle:focus-visible{outline:1px solid #080808;outline-offset:5px}.commercial-projects{padding:4px 0 8px 14px}.commercial-projects[hidden]{display:none}.commercial-projects a{line-height:1.45;padding:6px 0;max-width:220px}.commercial-menu:has(a[aria-current=page]) .commercial-toggle{font-weight:bold}@media(max-width:767px){.commercial-menu{position:relative}.commercial-toggle{font-size:.875rem;line-height:36px}.commercial-projects{position:absolute;top:36px;left:0;width:245px;padding:10px 15px;background:#fff;z-index:5}.commercial-projects a{font-size:.875rem}}

.commercial-projects{overflow:hidden}

/* Overlap photographs during the shared dissolve. */
.slides{position:relative}.slides img{position:absolute;left:0;top:50%;transform:translateY(-50%)}

.brand{font-family:inherit;font-weight:400;letter-spacing:.01em}

.slides{isolation:isolate}.slides img{mix-blend-mode:plus-lighter}@media(min-width:768px){nav{transition:margin-top 450ms cubic-bezier(.22,1,.36,1)}}@media(prefers-reduced-motion:reduce){nav{transition:none}}

.brand{font-size:24px}@media(max-width:767px){.brand{font-size:21px}}

@media(min-width:768px){.sidebar nav{position:fixed;left:25px;top:50svh;transform:translateY(-50%);margin-top:0}}

@media(min-width:1024px){.contact{max-width:none}.contact>p:first-child{white-space:nowrap;font-size:clamp(.7rem,1.15vw,1rem)}}

.brand{font-family:"gill-sans-nova",Arial,sans-serif;font-weight:400;letter-spacing:.02em}

@media(min-width:768px){main:has(.contact){padding-top:max(50px,calc(50svh - 60px))}}

/* Shared bottom text baseline. */
.copyright,.photo-caption{bottom:21px;font-size:.8rem;line-height:1.3;margin:0}
.photo-caption{position:fixed;left:25px;max-width:calc(31.6vw - 50px)}
.gallery-controls{left:auto;right:25px;bottom:21px;gap:20px;align-items:baseline}
.gallery-controls button{font:inherit;font-size:.8rem;line-height:1.3;letter-spacing:inherit;padding:0;min-width:0;background:transparent}
@media(max-width:767px){.copyright,.photo-caption,.gallery-controls{bottom:15px;font-size:.6rem;line-height:1.3}.copyright{left:42%}.photo-caption{position:fixed;left:12px;max-width:calc(42vw - 24px);margin:0}.gallery-controls{right:12px;gap:10px}.gallery-controls button{font-size:.6rem}}

.gallery-controls{right:65px}@media(max-width:767px){.gallery-controls{right:25px}}

/* Limit direct saving without interfering with gallery navigation. */
.slides,.slides img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.slides img{-webkit-user-drag:none}

.mobile-menu-toggle{display:none}
@media(max-width:767px){
 .sidebar{position:relative;left:auto;top:auto;width:100%;height:88px;padding:25px 22px 0;z-index:20;background:#fff}
 .brand{font-size:clamp(18px,5vw,21px);line-height:1.2;max-width:calc(100% - 48px)}
 .mobile-menu-toggle{display:flex;position:absolute;right:14px;top:15px;width:44px;height:44px;padding:11px 10px;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:0;cursor:pointer;z-index:22}
 .mobile-menu-toggle span{display:block;width:24px;height:2px;background:#080808;transition:transform 400ms cubic-bezier(.22,1,.36,1),opacity 400ms}
 .mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
 .mobile-menu-toggle:focus-visible{outline:1px solid #080808;outline-offset:2px}
 .sidebar nav{position:absolute;left:0;right:0;top:68px;margin:0;transform:none;display:block;background:#fff;padding:0 22px;max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:max-height 400ms cubic-bezier(.22,1,.36,1),padding 400ms cubic-bezier(.22,1,.36,1),opacity 400ms,visibility 0s 400ms}
 .sidebar nav[data-mobile-open=true]{max-height:calc(100svh - 130px);padding:12px 22px 24px;overflow-y:auto;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
 .sidebar nav>a,.sidebar .commercial-toggle{font-size:.875rem;line-height:40px}
 .commercial-projects{position:static;top:auto;left:auto;width:100%;padding:4px 0 8px 16px;background:transparent}
 .commercial-projects a{max-width:100%;font-size:.875rem;line-height:1.5;padding:8px 0;overflow-wrap:anywhere}
 main{margin-left:0;padding:0 22px 100px;min-height:calc(100svh - 88px)}
 .gallery{height:calc(100svh - 188px);min-height:0}
 .slides img{top:0;left:0;transform:none;max-width:100%;max-height:100%}
 .copyright{left:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));font-size:.7rem;line-height:1.3}
 .photo-caption{left:22px;bottom:calc(44px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 44px);font-size:.75rem;line-height:1.3}
 .gallery-controls{right:22px;left:auto;bottom:calc(22px + env(safe-area-inset-bottom,0px));gap:14px;font-size:.7rem;line-height:1.3}
 .gallery-controls button{font-size:.7rem;line-height:1.3}
 main:has(.contact){padding-top:35px}
 .contact{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.sidebar nav,.mobile-menu-toggle span{transition:none}}

.gallery-control-arrow{display:none}
@media(max-width:767px){.gallery-control-label{display:none}.gallery-control-arrow{display:block;font-family:Arial,sans-serif;font-size:28px;font-weight:400;line-height:1}.gallery-controls{gap:10px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.gallery-controls button{position:relative;min-width:28px}.gallery-controls button::after{content:"";position:absolute;inset:-8px}}

@media(min-width:768px){.slides img.landscape-full-width{width:100%;height:auto;max-height:none}}

/* Align the desktop brand line bottom with the 50px gallery top. */
@media(min-width:768px){.brand{transform:translateY(calc(20px - 1.1em))}}

@media(max-width:767px){.contact{font-size:.9rem}}

/* Subtly lighter glyph rendering, preserving the current fonts and metrics. */
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* Smaller Contact typography, including its introductory line. */
.contact{font-size:.875rem}
@media(min-width:1024px){.contact>p:first-child{font-size:clamp(.7rem,1vw,.875rem)}}
@media(max-width:767px){.contact{font-size:.8rem}}

/* Neue Haas Grotesk Display Light for the brand only. */
.brand{font-family:"neue-haas-grotesk-display",Arial,sans-serif;font-weight:300;letter-spacing:.035em}

/* Only the photographs indicate a clickable gallery area. */
.slides{cursor:default}.slides img{cursor:pointer}

/* Cap only Selected Works landscape photos on larger desktop displays. */
@media(min-width:768px){
 main[aria-label="selected works"] .slides img.landscape-full-width{width:min(100%,1116.952px);height:auto;max-height:none}
}