:root{--paper:#f8f7f4;--ink:#232320;--muted:#787872;--rule:#c9c8c0}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Helvetica,Arial,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid #795242;outline-offset:6px}header,main,footer,.draft{width:calc(100% - 112px);max-width:1370px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:114px}.signature{font-family:Baskerville,'Baskerville Old Face','Times New Roman',serif;font-size:clamp(23px,2.6vw,36px);letter-spacing:-1px;line-height:1.1}nav{display:flex;align-items:center;gap:30px;font-size:13px;white-space:nowrap}.language{display:flex;gap:8px;margin-left:16px}.language button{border:0;background:none;padding:4px 0;color:var(--muted)}.language button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.art{display:block;border:0;padding:0;width:100%;background-image:url('assets/concept.png');background-repeat:no-repeat;background-color:#d8cec2;position:relative}.hero{aspect-ratio:967/515;background-size:112.306% auto;background-position:50.42% 9.65%}.embrace{aspect-ratio:459/506;background-size:236.6% auto;background-position:9.57% 83.12%}.seated{aspect-ratio:459/506;background-size:236.6% auto;background-position:90.59% 83.12%}.zoom{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:32px;height:32px;background:var(--paper);opacity:0;transition:opacity .2s}@media(hover:hover) and (pointer:fine){.art:hover .zoom,.art:focus-visible .zoom{opacity:1}}.intro{padding:28px 0 40px}.eyebrow{font-size:10px;letter-spacing:2.4px;text-transform:uppercase;margin:0 0 12px}h1,h2{font-family:Baskerville,'Baskerville Old Face','Times New Roman',serif;font-weight:400;letter-spacing:-1.7px;line-height:1.08;margin:0}h1{font-size:clamp(40px,5.1vw,74px)}h2{font-size:clamp(32px,3.4vw,48px)}.lead{font-size:18px;line-height:1.55;margin:14px 0 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:46px}figure{margin:0}figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:12px;margin-top:15px}.muted{color:var(--muted)}.series{display:grid;grid-template-columns:1fr 2fr;gap:46px;border-top:1px solid var(--rule);margin:84px 0 90px;padding-top:40px}.series>div{max-width:680px}.series p:not(.eyebrow){margin:24px 0;max-width:590px}.text-link{display:inline-block;border-bottom:1px solid var(--rule);padding-bottom:3px;font-size:13px}.text-page{min-height:65vh;padding:50px 0 100px}.text-page h1{font-size:clamp(44px,7vw,94px);max-width:1000px}.bio-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:65px}.bio-columns p:first-child{margin-top:0}.bio-columns>div{max-width:550px}.contact-note{color:var(--muted);font-size:13px}footer{border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;padding:25px 0;font-size:12px}.draft{font-size:10px;color:var(--muted);padding-bottom:22px;text-align:center}dialog{border:0;background:var(--paper);padding:55px 25px 14px;width:min(1000px,94vw);max-height:96vh;color:var(--ink)}dialog::backdrop{background:rgba(20,20,18,.88)}dialog .art{width:100%;max-height:75vh}dialog .art:not(.hero){width:auto;height:72vh;margin:auto}.close{position:absolute;top:0;right:14px;border:0;background:none;font-size:32px}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px}.dialog-bottom button{border:0;background:none;font-size:24px;padding:7px 14px}.skip{position:fixed;top:-60px;left:20px;background:var(--paper);padding:8px;z-index:4}.skip:focus{top:5px}[hidden]{display:none!important}@media(max-width:760px){header,main,footer,.draft{width:calc(100% - 40px)}header{align-items:flex-start;flex-direction:column;gap:20px;padding:26px 0;min-height:0}.signature{font-size:28px}nav{width:100%;gap:26px;font-size:12px}.language{margin-left:auto}.intro{padding:25px 0 30px}.lead{font-size:16px}.grid{gap:22px}.series{margin:50px 0;grid-template-columns:1fr;gap:16px;padding-top:24px}.text-page{padding:25px 0 60px}.bio-columns{grid-template-columns:1fr;gap:25px;margin-top:36px}footer{flex-wrap:wrap;font-size:11px}footer>a:first-child{width:100%}.draft{text-align:left}.zoom{width:24px;height:24px;font-size:12px;bottom:8px;right:8px}figcaption{font-size:10px}.text-page h1{font-size:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.artwork{background:none;aspect-ratio:var(--ratio);overflow:hidden}.artwork img{position:absolute;width:var(--iw);height:auto;max-width:none;left:var(--ix);top:var(--iy)}.opening-work{width:min(100%,580px);margin:16px auto 65px}.works-grid{row-gap:65px;align-items:start}.works-grid figcaption{align-items:start}.works-grid .muted,.opening-work .muted{text-align:right}.context-photos{margin-top:85px}.context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.context-grid figcaption{color:var(--muted)}#large-art{width:min(100%,480px);margin:auto}#large-art .artwork{width:100%;max-height:none;pointer-events:none}dialog{width:min(720px,94vw)}@media(max-width:600px){.works-grid{grid-template-columns:1fr;gap:45px}.opening-work{margin-bottom:40px}.context-grid{grid-template-columns:1fr}.context-grid figure{max-width:440px}figcaption{font-size:12px}#large-art{width:min(100%,340px)}}
.artwork[data-art="7"]{aspect-ratio:1888/1255}.artwork[data-art="7"] img{width:70.65678%;left:100%;top:-3.18725%;transform:rotate(90deg);transform-origin:top left}

.artist-portrait{width:min(100%,300px);margin-top:30px}.artist-portrait img{display:block;width:100%;height:auto}@media(max-width:760px){.artist-portrait{width:min(75%,280px);margin-top:25px}#o-mnie .bio-columns{gap:36px}}

.has-arrow::after{content:" ↗"}@media(max-width:760px){.zoom{display:none!important}.has-arrow::after{content:none}}

/* Touch screens do not have a hover state. */
@media(hover:none),(pointer:coarse){.zoom{display:none!important}.has-arrow::after{content:none}}
#large-art .artwork{height:auto;margin:0}#large-art .zoom{display:none!important}.bio-columns>*{min-width:0}
@media(max-width:760px){.text-page h1,.signature{overflow-wrap:anywhere}.dialog-bottom button{min-width:44px;min-height:44px}.close{min-width:44px;min-height:44px}.dialog-bottom p{min-width:0}}
