*{box-sizing:border-box}body{margin:0;background:#f4f3ef;color:#252522;font:12px Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:12px}button:hover{color:#777}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #766551;outline-offset:4px}button:disabled{opacity:.25;cursor:default}header{height:94px;margin:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d7d1}.name{font-family:Georgia,serif;font-size:28px;letter-spacing:-1px;color:inherit;text-decoration:none}.folio{text-transform:uppercase;letter-spacing:.25em;font-size:10px}header button{font-size:11px}header button span{margin-left:18px;font-size:20px}main{max-width:1640px;margin:auto;padding:0 4vw}.intro{display:flex;justify-content:space-between;margin:28px 0 20px;text-transform:uppercase;letter-spacing:.13em;font-size:9px;color:#73736a}.stage{perspective:2200px;display:flex;align-items:center;justify-content:center;min-height:180px}.book{width:min(100%,calc((100svh - 290px)*1.77778));aspect-ratio:16/9;position:relative;background:#fff;box-shadow:0 12px 35px #29251916,0 1px 3px #0002}.book>img{width:100%;height:100%;object-fit:contain;display:block}#leaf{position:absolute;inset:0;pointer-events:none;backface-visibility:hidden;transform-origin:left center;background:#fff;display:none}#leaf img{width:100%;height:100%;object-fit:contain}#leaf.turn{display:block;animation:turn .7s cubic-bezier(.4,0,.2,1) forwards}#leaf.back{transform-origin:right center;animation-name:back}@keyframes turn{0%{transform:rotateY(0);filter:brightness(1)}100%{transform:rotateY(-105deg);filter:brightness(.65);opacity:0}}@keyframes back{0%{transform:rotateY(0)}100%{transform:rotateY(105deg);filter:brightness(.65);opacity:0}}.edge{position:absolute;top:0;bottom:0;width:15%;padding:0}.left{left:0}.right{right:0}nav{display:flex;justify-content:space-between;align-items:center;margin:22px 0 5px}.arrows{display:flex;align-items:center;gap:20px}.arrows button{font-size:24px}.arrows span{font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:10px}.tools{display:flex;gap:12px;font-size:10px}.tools button[aria-pressed=true]{text-decoration:underline;text-underline-offset:5px}input[type=range]{width:100%;height:2px;accent-color:#4c4c44;display:block;margin:22px 0 26px}footer{display:flex;justify-content:space-between;border-top:1px solid #d9d7d1;padding:22px 0;font-size:9px;color:#77776f;letter-spacing:.06em}dialog{border:0;padding:24px;background:#f4f3ef;color:#252522;max-width:none}dialog::backdrop{background:#171713bb}#gallery{width:94vw;height:90svh}.dialoghead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9d7d1;margin-bottom:24px}h2{font:26px Georgia,serif}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}#grid button{padding:0;text-align:left}#grid img{width:100%;aspect-ratio:16/9;object-fit:contain;background:white;box-shadow:0 3px 10px #0001}#grid span{display:block;margin:10px 0;font-size:10px}#viewer{width:96vw;height:96svh}.zoomscroll{height:calc(100% - 70px);overflow:auto}.zoomscroll img{display:block;width:1920px;max-width:none}.book:fullscreen{width:100vw;height:100vh;background:#111}.book:fullscreen>img{object-fit:contain}@media(max-width:700px){header{height:78px}.name{font-size:24px}.folio{display:none}main{padding:0 5vw}.intro{margin-top:30px}.book{width:100%}.stage{min-height:calc(65svh - 170px)}nav{flex-direction:column;gap:15px;margin-top:15px}.tools{gap:6px}footer{gap:20px;font-size:8px}#grid{grid-template-columns:repeat(2,1fr);gap:15px}.arrows{gap:30px}}@media(prefers-reduced-motion:reduce){#leaf.turn{animation-duration:.01s}}
@font-face{font-family:PortfolioGothic;src:url('/fonts/portfolio-gothic.otf') format('opentype');font-weight:400;font-display:swap}body{background:#fff;color:#111;font-family:PortfolioGothic,'Century Gothic',Arial,sans-serif}header{height:112px;border-color:#111;gap:24px}.brand{margin:0;line-height:1;margin-right:auto}.name{display:block}.name img{display:block;width:236px;height:52px;object-fit:contain}.folio{margin-right:auto;letter-spacing:.2em}.contact-link{color:#111;text-decoration:none;font-size:12px;white-space:nowrap}header button{font-size:12px}.intro{color:#555}.book{box-shadow:0 0 0 1px #eee,0 12px 30px #00000008}h2{font-family:PortfolioGothic,Arial,sans-serif;font-weight:400;font-size:32px;letter-spacing:-.06em}dialog{background:white}footer{border-color:#111;color:#444}.archive{margin:65px 0 55px;border-top:1px solid #111;padding-top:30px}.archive h2{margin:0 0 15px}.archive p{max-width:650px;font-size:14px;line-height:1.7;color:#555}.archive summary{cursor:pointer;padding:18px 0;font-size:12px}.archive-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0}.archive-links a{color:#444;text-decoration:none;line-height:1.6}.archive-links a:hover{text-decoration:underline}.contact{border-top:1px solid #111;padding:55px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:10vw;scroll-margin-top:30px}.contact h2{font-size:58px;margin:24px 0;letter-spacing:-.07em}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:10px}.contact a{color:#111;text-underline-offset:6px;font-size:14px}.contact form{display:flex;flex-direction:column}.contact label{font-size:11px;margin:0 0 8px}.contact input:not([type=hidden]),.contact textarea{font:16px PortfolioGothic,Arial,sans-serif;border:0;border-bottom:1px solid #aaa;border-radius:0;background:white;color:#111;padding:10px 0;margin:0 0 26px;width:100%}.contact textarea{resize:vertical}.contact input:focus,.contact textarea:focus{outline:1px solid #111;outline-offset:5px}.contact .send{align-self:flex-start;border:1px solid #111;background:#111;color:white;padding:16px 32px;font-size:12px}.contact .send:hover{background:#333}.form-note{font-size:10px;line-height:1.6;color:#666}.honeypot{display:none!important}.work-page{padding-top:50px;padding-bottom:60px}.work-page>a{color:#111;font-size:14px}.work-page h1{font-weight:400;font-size:clamp(24px,4vw,48px);letter-spacing:-.05em}.work-page>img{width:100%;height:auto;display:block}.work-page p{line-height:1.6}@media(max-width:700px){header{height:90px;gap:12px}.name img{width:170px;height:auto}.contact-link{font-size:10px}header button{padding:8px}header button span{margin-left:3px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:44px}.archive-links{grid-template-columns:1fr 1fr}.archive{margin-top:50px}.contact input:not([type=hidden]),.contact textarea{font-size:16px}}
.page-caption{width:min(100%,calc((100svh - 290px)*1.77778));margin:18px auto 0;line-height:1.6}.page-caption p{margin:0}.page-caption #collection-name{font-size:12px;color:#111}.page-caption #image-description{font-size:11px;color:#666;margin-top:5px}.archive-links strong{display:block;font-weight:400;color:#111}.archive-links span{display:block;font-size:11px;color:#666;margin-top:8px}.archive-links{gap:28px}@media(max-width:700px){.page-caption{width:100%}}
