@font-face{font-family:Cormorant Garamond;src:url('/fonts/CormorantGaramond-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/Manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/Manrope-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
:root{color-scheme:dark;--ink:#0e0d0c;--paper:#eee9df;--body:#d7d0c6;--muted:#aaa59c;--gold:#bd9a66;--line:rgba(189,154,102,.25);--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif;--edge:clamp(24px,6.4vw,104px);--header:68px}
*{box-sizing:border-box}
html{background:var(--ink);scroll-padding-top:calc(var(--header) + 24px)}
body{margin:0;color:var(--paper);background:var(--ink);font:400 14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
body.viewer-open{overflow:hidden}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button:disabled{cursor:default;opacity:.35}
button:focus-visible,a:focus-visible{outline:1px solid var(--gold);outline-offset:6px}
[hidden]{display:none!important}
img{display:block;max-width:100%}
h1,h2,p,figure{margin:0}
::selection{color:var(--paper);background:#664b31}
.skip{position:fixed;top:8px;left:16px;padding:10px 18px;background:var(--paper);color:var(--ink);transform:translateY(-150%);z-index:100}
.skip:focus{transform:none}
.site-header{position:sticky;top:0;z-index:20;height:var(--header);padding:0 clamp(24px,3.75vw,72px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(10,10,11,.93);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.wordmark{font:400 22px/1 var(--serif);letter-spacing:.2em;white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:clamp(25px,2.65vw,48px)}
.main-nav a{position:relative;display:block;padding:15px 0;font-size:12px;color:var(--muted);white-space:nowrap}
.main-nav a:hover,.main-nav a[aria-current]{color:var(--paper)}
.main-nav a[aria-current]:after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--gold)}
.menu-toggle{display:none;background:none;border:0;min-height:44px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:0}
.menu-toggle svg{margin-left:10px;vertical-align:middle;stroke:var(--gold)}
.selection-page{max-width:1600px;padding:43px var(--edge) 110px;margin:0 auto}
.eyebrow{font-size:10px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:17px 0 24px}
h1{font:400 clamp(54px,5.16vw,82px)/1.12 var(--serif);letter-spacing:-.018em}
.selection-note{font:400 22px/1.3 var(--serif);color:var(--muted);padding-right:clamp(0px,5.1vw,82px)}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(64px,7.3vw,118px);row-gap:76px}
.work-card{min-width:0}
.work-link{display:block}
.work-link figure{height:clamp(310px,28.05vw,445px);display:flex;align-items:center;justify-content:center;padding:0 22px}
.work-link img{width:100%;height:100%;object-fit:contain;transition:opacity .25s ease}
.work-link:hover img{opacity:.92}
.work-caption{padding-top:28px;display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.work-caption h2{font:400 29px/1.15 var(--serif)}
.work-medium{font:400 11px/1.6 var(--sans);color:var(--muted);margin-top:7px}
.work-status{font-size:10px;line-height:1.5;color:var(--muted);white-space:nowrap}
.selection-footer{margin:0 var(--edge);padding:27px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);font-size:11px;letter-spacing:.04em}
.selection-footer a{padding:10px 0}
.selection-footer a:hover{color:var(--paper)}
.photo-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--ink);color:var(--paper);overflow:hidden}
.photo-viewer::backdrop{background:rgba(0,0,0,.92)}
.viewer-bar{height:78px;padding:18px clamp(22px,3.75vw,72px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.viewer-title{font:400 28px/1.1 var(--serif)}
.viewer-close{display:flex;align-items:center;gap:14px;min-height:44px;min-width:44px;background:none;border:0;padding:7px 0 7px 12px;font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.viewer-close svg{width:19px;height:19px;stroke:var(--paper);stroke-width:1.1}
.viewer-body{height:calc(100dvh - 78px);display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:clamp(25px,4vw,70px);padding:32px clamp(22px,4vw,70px) 38px}
.viewer-image-area{display:flex;flex-direction:column;min-width:0;min-height:0}
.viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden}
.image-scroll{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
.viewer-image{display:block;width:100%;height:100%;object-fit:contain;cursor:zoom-in}
.image-scroll.is-zoomed{display:block;touch-action:pan-x pan-y pinch-zoom}
.image-scroll.is-zoomed .viewer-image{max-width:none;width:200%;height:200%;object-fit:contain;cursor:zoom-out}
.viewer-arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:44px;height:52px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(14,13,12,.88);font:400 30px/1 var(--serif)}
.viewer-arrow:hover{border-color:var(--gold)}
.viewer-arrow.prev{left:0}.viewer-arrow.next{right:0}
.viewer-image-area.is-zoomed .viewer-arrow{display:none}
.viewer-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:15px;min-height:40px;color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.zoom-toggle{min-height:40px;min-width:44px;background:none;border:0;padding:6px 0;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--body)}
.viewer-info{padding-top:8px;display:flex;flex-direction:column;min-height:0;overflow:auto}
.viewer-medium{font:400 22px/1.35 var(--serif);color:var(--body);margin:12px 0 20px}
.viewer-status{font-size:11px;color:var(--muted);line-height:1.6}
.viewer-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px}
.thumbnail{aspect-ratio:4/5;min-width:0;padding:7px;background:transparent;border:1px solid transparent}
.thumbnail img{width:100%;height:100%;object-fit:contain}
.thumbnail[aria-pressed=true]{border-color:var(--gold)}
.thumbnail:hover{border-color:var(--muted)}
.photo-error{font:400 19px/1.4 var(--serif);text-align:center;padding:20px}
@media(min-width:1600px){.selection-page{padding-top:58px}.page-heading{margin-bottom:34px}.work-grid{row-gap:90px}}
@media(max-width:900px){.site-header{padding:0 24px}.wordmark{font-size:19px;letter-spacing:.15em}.main-nav{gap:21px}.main-nav a{font-size:11px}.selection-page{padding-left:32px;padding-right:32px}.work-grid{column-gap:36px}.work-link figure{height:320px;padding:0 5px}.selection-note{padding-right:0}.viewer-body{grid-template-columns:minmax(0,1fr) 205px;padding:26px 22px;gap:26px}.viewer-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}}
@media(max-width:640px){:root{--header:64px;--edge:24px}.site-header{padding:0 22px}.wordmark{font-size:19px;letter-spacing:.15em}.menu-toggle{display:block}.main-nav{position:absolute;left:0;right:0;top:var(--header);padding:20px 24px 27px;background:#0e0d0c;border-bottom:1px solid var(--line);display:none;align-items:flex-start;gap:5px}.site-header.menu-open .main-nav{display:flex;flex-direction:column}.main-nav a{font-size:14px;padding:11px 0;min-height:44px}.main-nav a[aria-current]:after{bottom:4px}.selection-page{padding:38px 24px 66px}.eyebrow{font-size:9px;letter-spacing:.24em}.page-heading{display:block;margin:15px 0 35px}h1{font-size:58px}.selection-note{font-size:22px;margin-top:13px}.work-grid{grid-template-columns:minmax(0,1fr);row-gap:53px}.work-link figure{height:clamp(330px,104vw,475px);padding:0 14px}.work-caption{padding-top:21px}.work-caption h2{font-size:29px}.work-medium{font-size:11px;margin-top:6px}.selection-footer{font-size:10px;padding:23px 0;gap:12px}.viewer-bar{height:68px;padding:12px 20px}.viewer-title{font-size:27px}.viewer-body{height:calc(100dvh - 68px);display:flex;flex-direction:column;padding:19px 18px 22px;gap:12px}.viewer-image-area{flex:1;min-height:180px}.viewer-info{flex:none;overflow:visible;padding:0}.viewer-info .eyebrow{display:none}.viewer-medium{font:400 15px/1.4 var(--serif);margin:0 0 4px}.viewer-status{font-size:10px}.viewer-thumbnails{display:flex;overflow-x:auto;gap:8px;padding:7px 2px;margin-top:10px;scrollbar-width:thin}.thumbnail{flex:0 0 47px;width:47px;height:61px;aspect-ratio:auto;padding:4px}.viewer-arrow{width:40px;height:47px}.viewer-tools{padding-top:5px;font-size:9px}.zoom-toggle{font-size:9px}.viewer-close span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
