*{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%}}
[hidden]{display:none!important}.bio-page{height:100%;overflow:auto;padding:clamp(22px,4vw,64px);background:white;color:#111}.bio-page .bio-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 18px}.bio-page h2{font-size:clamp(26px,3vw,44px);margin:0 0 25px;letter-spacing:-.04em}.bio-copy{columns:2;column-gap:48px;max-width:1100px}.bio-copy p{font-size:13px;line-height:1.8;margin:0 0 18px;break-inside:avoid}.bio-thumb{aspect-ratio:16/9;background:#fff;border:1px solid #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px}.bio-thumb small{font-size:10px;margin-top:12px}.about-page{max-width:1100px}.about-page .bio-kicker{margin-top:55px}.about-page .bio-copy{columns:1;max-width:760px}.about-page .bio-copy p{font-size:16px}.about-page h1{font-size:50px}#leaf .bio-page{width:100%}@media(max-width:700px){.bio-page .bio-copy{columns:1}.bio-page .bio-copy p{font-size:12px}.bio-page{padding:20px}.bio-page h2{margin-bottom:15px}}
.yarden-name{display:inline-block;line-height:1;vertical-align:baseline;font-family:PortfolioGothic,Arial,sans-serif}.yarden-name>img{display:inline-block!important;height:1.05em!important;width:auto!important;max-width:none;aspect-ratio:236/52;vertical-align:-.13em;object-fit:contain}.bio-thumb .yarden-name>img{height:24px!important;box-shadow:none!important;border:0!important}.about-page>a .yarden-name>img{height:1.05em!important}
.cover-page{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:white}.cover-page>img{width:clamp(160px,28%,380px);height:auto}.bio-page{padding:clamp(18px,2.5vw,40px)}.bio-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:32px;align-items:start}.bio-photo{width:100%;height:auto;display:block}.bio-layout .bio-copy{columns:1}.bio-page .bio-copy p{font-size:11px;line-height:1.65;margin-bottom:12px}.bio-page h2{margin-bottom:20px}.about-page .bio-layout{grid-template-columns:1fr 1.6fr}.about-page .bio-copy p{font-size:14px}@media(max-width:700px){.bio-layout,.about-page .bio-layout{grid-template-columns:1fr}.bio-photo{max-width:360px;margin:auto}.bio-page .bio-copy p{font-size:13px}.bio-layout{gap:22px}}
/* Keep the original cover name scale, with a centered position. */
.cover-page>img{width:11.9%;min-width:0;max-width:none;height:auto}
/* Readable biography: allow the page to grow instead of shrinking its text. */
.book.bio-open{width:100%;max-width:1280px;aspect-ratio:auto;min-height:620px}.book.bio-open .bio-page{height:auto;overflow:visible;padding:clamp(28px,4vw,64px)}.book.bio-open .bio-layout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:clamp(30px,4vw,64px)}.book.bio-open .bio-copy{max-width:720px}.book.bio-open .bio-copy p{font-size:16px;line-height:1.85;margin:0 0 22px}.book.bio-open h2{font-size:38px;margin-bottom:32px}.book.bio-open .bio-photo{width:100%;height:auto}.book.bio-open .edge{width:24px}.book.bio-open:fullscreen{overflow:auto}.about-page .bio-copy p{font-size:16px;line-height:1.85}.about-page .bio-layout{gap:40px}
@media(min-width:1600px){.book.bio-open .bio-copy p{font-size:18px}}
@media(max-width:1000px){.book.bio-open .bio-layout{grid-template-columns:1fr}.book.bio-open .bio-photo{max-width:420px;margin:0 auto 8px}.book.bio-open .bio-copy{max-width:720px;margin:auto}.book.bio-open h2{font-size:32px}.book.bio-open{min-height:0}.about-page .bio-layout{grid-template-columns:1fr}.about-page .bio-photo{max-width:420px}}
@media(max-width:700px){.book.bio-open .bio-page{padding:26px 22px}.book.bio-open .bio-copy p{font-size:16px;line-height:1.8}.book.bio-open h2{font-size:28px;margin-bottom:24px}.book.bio-open .bio-photo{max-width:340px}.cover-page>img{width:11.9%}}
/* Portfolio first: every folio shares one frame, including the biography. */
.book,.book.bio-open{width:min(100%,calc((100svh - 250px)*1.77778));max-width:none;aspect-ratio:16/9;min-height:0;height:auto;overflow:hidden;touch-action:pan-y pinch-zoom}.book.bio-open .bio-page{position:absolute;inset:0;height:100%;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:clamp(22px,3vw,46px)}.book.bio-open .bio-layout{grid-template-columns:minmax(180px,.7fr) minmax(0,1.4fr);gap:30px}.book.bio-open .bio-copy p{font-size:15px;line-height:1.75;margin-bottom:18px}.book.bio-open .bio-photo{max-width:none}.book.bio-open h2{font-size:32px;margin-bottom:18px}.bio-hint{font-size:10px;line-height:1.5;color:#666;margin:0 0 22px}.book.bio-open .edge{width:18px}.stage{min-height:0}.intro{margin:18px 0 14px}.page-caption{margin-top:10px}.page-caption #collection-name{font-size:11px}.arrows button{min-width:48px;min-height:48px}.tools button{min-height:44px}nav{margin:7px 0 0}.tools{gap:4px}input[type=range]{margin:12px 0 16px;min-height:18px}.archive{margin:20px 0 0;padding:0;border-top:1px solid #ddd}.archive h2{font-size:17px;letter-spacing:0;margin:0;padding-top:16px}.archive summary,.contact-accordion>summary{padding:18px 0;font-size:13px;cursor:pointer;min-height:48px}.archive-links{padding:8px 0 20px;gap:20px}.contact-accordion{margin:0;border-top:1px solid #ddd;scroll-margin-top:15px}.contact-accordion .contact{display:block;max-width:640px;border:0;padding:10px 0 25px;margin:0 auto}.contact-accordion form{width:100%}.contact-accordion input:not([type=hidden]),.contact-accordion textarea{margin-bottom:18px}.contact-accordion .form-note{margin-bottom:0}footer{border-color:#ddd;padding:15px 0;font-size:9px}#leaf.turn{animation-duration:.35s}.book:fullscreen,.book.bio-open:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.book.bio-open:fullscreen{overflow:hidden}.book .bio-page{touch-action:pan-y pinch-zoom}
@media(max-width:1000px){.book.bio-open .bio-layout{grid-template-columns:.7fr 1.3fr}.book.bio-open .bio-copy p{font-size:14px}.book.bio-open .bio-photo{margin:0}}
@media(max-width:700px){header{height:68px;margin:0 14px;gap:12px}.name img{width:148px}.folio{display:none}.contact-link{display:none}header button{font-size:12px;min-height:44px}main{padding:0 12px}.intro{margin:16px 2px 12px;font-size:8px}.book,.book.bio-open{width:100%;height:clamp(300px,57svh,560px);aspect-ratio:auto;min-height:0}.cover-page>img{width:43%;max-width:240px}.book>img{object-fit:contain}.book.bio-open .bio-page{padding:24px 22px}.book.bio-open .bio-layout{grid-template-columns:1fr;gap:22px}.book.bio-open .bio-photo{max-width:300px;width:100%;margin:0 auto}.book.bio-open .bio-copy p{font-size:16px;line-height:1.7;margin-bottom:20px}.book.bio-open h2{font-size:28px;margin-bottom:14px}.bio-hint{font-size:11px;margin-bottom:20px}.book.bio-open .edge{width:12px}.book .edge{width:12%}.book.bio-open .edge{width:12px}.page-caption{min-height:30px;margin:8px 4px 0}.page-caption #collection-name{font-size:10px}.arrows{gap:20px}.arrows span{font-size:11px}nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 16px;margin:0}.tools{gap:0;font-size:10px}.tools button{padding:10px 8px}.arrows button{font-size:25px}.archive{margin-top:10px}.archive h2{font-size:15px;padding-top:14px}.archive summary,.contact-accordion>summary{font-size:12px;padding:15px 0}.archive-links{grid-template-columns:1fr;gap:18px}.archive-links a{font-size:12px}.archive-links span{font-size:11px}.contact-accordion .contact{padding:10px 8px 22px}footer{font-size:8px;padding:12px 0}#gallery{padding:16px}#grid{gap:12px}}
@media(max-width:950px) and (orientation:landscape){.book,.book.bio-open{width:min(100%,calc((100svh - 145px)*1.77778));height:auto;aspect-ratio:16/9}.cover-page>img{width:18%}header{height:48px}.intro{margin:10px 0}.book.bio-open .bio-layout{grid-template-columns:.7fr 1.3fr}.book.bio-open .bio-page{padding:22px}}

/* Mobile portfolio pages use the full screen width while keeping every scan uncropped. */
@media(max-width:700px){
  .stage{margin-left:-12px;margin-right:-12px}.book,.book.bio-open{width:100%;margin-left:0;height:min(70svh,680px);aspect-ratio:auto}
  .book>img{width:100%;height:100%;object-fit:contain;object-position:center}
  .book.bio-open .edge{width:44px;min-width:44px}
}

/* Full-screen-width scan images on phone sized screens only. */
@media (max-width:700px) {
  .work-page {
    padding-left:0;
    padding-right:0;
  }
  .work-page > img {
    width:100vw;
    max-width:100vw;
    height:auto;
    margin-left:calc(50% - 50vw);
    object-fit:contain;
  }
  .work-page > a,
  .work-page > h1,
  .work-page > p {
    margin-left:14px;
    margin-right:14px;
  }
  .about-page .bio-photo {
    width:100vw;
    max-width:100vw;
    height:auto;
    margin:0 0 0 calc(50% - 50vw);
    object-fit:contain;
  }
  #gallery {
    width:100vw;
    height:100svh;
    padding:12px;
  }
}