@font-face{font-family:"EB Garamond";src:url(../fonts/eb-garamond-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(../fonts/eb-garamond-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(../fonts/eb-garamond-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
:root{--bg:#f1f1ee;--fg:#1d1d1b;--mute:#5f5f59;--line:#c9c9c3;--field:#8d8d86;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:19px/1.45 "EB Garamond",Georgia,serif}
a{color:inherit;text-decoration:none}a:hover{color:#6a6a64}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
img{display:block;width:100%;height:auto}
i{font-style:italic}
h1{margin:0;font-size:44px;line-height:1.1;font-weight:400}
h2{margin:0 0 14px;font-size:26px;line-height:1.2;font-weight:400}
.page{min-height:100vh;display:flex;flex-direction:column}
.top{width:100%;max-width:1320px;margin:0 auto;padding:32px max(40px,env(safe-area-inset-right,0px)) 32px max(40px,env(safe-area-inset-left,0px));display:flex;gap:16px 40px;justify-content:space-between;align-items:baseline}
.name{font-size:20px;letter-spacing:.14em;font-variant-caps:all-small-caps;white-space:nowrap}
.desk{display:flex;flex-wrap:wrap;gap:8px 32px}
.sw,.sw a{color:var(--mute)}
.mob{display:none}
main{flex:1;width:100%}
.foot .fr{display:flex;gap:4px 28px;flex-wrap:wrap}.foot a:hover{color:var(--fg)}
.legal{max-width:720px}.legal .prose{margin-top:0}.legal h2{margin:36px 0 10px}.legal h2:first-child{margin-top:0}.legal a{border-bottom:1px solid var(--line)}.nw{white-space:nowrap}
.foot{width:100%;max-width:1320px;margin:0 auto;padding:72px 40px 32px;display:flex;flex-wrap:wrap;gap:4px 32px;justify-content:space-between;color:var(--mute);font-size:16px}
/* home */
.home{max-width:1040px;margin:0 auto;padding:96px 40px 0}
.hero{display:block}.hero img{margin:0 auto}
.hc{margin-top:14px;display:flex;flex-wrap:wrap;gap:2px 24px;justify-content:space-between;align-items:baseline}
.hc span{color:var(--mute)}
.tiles{margin-top:84px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 40px}
.tile{display:block}.tile img{height:220px;object-fit:contain;object-position:left bottom}
.tile span{display:block;margin-top:12px;font-size:26px}
.q{margin:96px auto 0;max-width:760px;text-align:center}
.q p{margin:0;font-size:27px;line-height:1.32;text-wrap:balance}
.q footer{margin-top:12px;color:var(--mute)}
/* series */
.series{max-width:1320px;margin:0 auto;padding:64px 40px 0}
.series h1{margin-bottom:48px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 48px}
.card{display:block}.card img{height:300px;object-fit:contain;object-position:left bottom}
.card i{display:block;margin-top:12px}.card span{display:block;color:var(--mute)}
/* work */
.work{max-width:1320px;margin:0 auto;padding:64px 40px 0;display:flex;flex-wrap:wrap;gap:40px 64px;align-items:flex-end;align-content:flex-start}
.work figure{margin:0;flex:999 1 560px;min-width:0;max-width:960px}
.cartel{flex:1 1 240px;min-width:0}
.cartel .ser{color:var(--mute)}
.cartel h1{margin:10px 0 14px;font-size:32px;line-height:1.15;font-style:italic;text-wrap:balance}
.cartel p{margin:0}
.ask{display:inline-block;padding:10px 0;border-bottom:1px solid var(--fg)}
.cartel .ask{margin-top:28px}.cartel .st{margin-top:28px;color:var(--mute)}
.pn{margin-top:44px!important;display:flex;flex-wrap:wrap;gap:4px 24px}.pn a{color:var(--mute);padding:6px 0}
/* bio */
.text{max-width:1040px;margin:0 auto;padding:64px 40px 0}
.text h1{margin-bottom:48px}
.text figure{margin:0}.text figcaption{margin-top:10px;color:var(--mute);font-size:17px}
.prose{max-width:640px;margin:64px auto 0;font-size:21px;line-height:1.5}
.prose p{margin:0 0 22px}.prose p:last-of-type{margin-bottom:0}
.salim{margin-top:72px;padding-top:40px;border-top:1px solid var(--line)}
.salim p{margin-bottom:14px}.salim footer{margin-top:18px;font-size:18px;color:var(--mute)}
/* exhibitions */
.expo{max-width:1040px;margin:0 auto;padding:64px 40px 0;font-variant-numeric:lining-nums tabular-nums}
.cols{display:flex;flex-wrap:wrap;gap:56px 72px;align-items:flex-start}
.list{flex:999 1 480px;min-width:0}.list h1{margin-bottom:32px}
.rows{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px 8px}.y{color:var(--mute)}
aside{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:44px;padding-top:12px}
aside p{margin:0 0 10px}
.views{margin-top:84px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px}
.views figure{margin:0}.views img{height:300px;object-fit:cover}
.views figcaption{margin-top:10px;color:var(--mute)}
/* contact */
.contact{max-width:640px;margin:0 auto;padding:64px 40px 0}
.lead{margin:20px 0 44px;font-size:21px;line-height:1.5}
form{display:flex;flex-direction:column;gap:24px}
form label{display:flex;flex-direction:column;gap:4px}
input,textarea{font:inherit;color:inherit;background:transparent;border:0;border-radius:0;width:100%}
input{border-bottom:1px solid var(--field);padding:8px 0;min-height:44px}
input.it{font-style:italic}
textarea{border:1px solid var(--field);padding:10px 12px;resize:vertical}
button{align-self:flex-start;font:inherit;color:var(--bg);background:var(--fg);border:0;padding:10px 28px;min-height:44px;cursor:pointer}
button:hover{background:#3a3a36}
.hp{position:absolute;left:-9999px}
.fine{margin:0;color:var(--mute);font-size:16px}
/* phone */
@media (max-width:760px){
 body{font-size:18px}
 h1{font-size:36px}
 .top{padding:12px max(20px,env(safe-area-inset-right,0px)) 12px max(20px,env(safe-area-inset-left,0px));align-items:center}
 .name{font-size:18px;padding:10px 0;position:relative;z-index:31}
 .desk{display:none}
 .mob{display:block}
 .mob summary{list-style:none;cursor:pointer;padding:10px 0;position:relative;z-index:31}
 .mob summary::-webkit-details-marker{display:none}
 .mob .c{display:none}.mob[open] .o{display:none}.mob[open] .c{display:inline}
 .panel{position:fixed;inset:0;z-index:30;background:var(--bg);padding:96px 20px 32px;overflow:auto}
 .pa{display:flex;flex-direction:column;font-size:30px;line-height:1.2}.pa a{padding:7px 0}
 .pb{margin-top:32px;display:flex;flex-direction:column;font-size:22px}.pb a{padding:6px 0}.pb .sw{margin-top:12px;font-size:18px}
 .home{padding:40px 20px 0}
 .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 16px;margin-top:52px}
 .tile img{height:130px}.tile span{margin-top:8px;font-size:20px}
 .q{margin-top:60px}.q p{font-size:23px}
 .series,.work,.text,.expo,.contact{padding:36px 20px 0}
 .series h1{margin-bottom:28px}.text h1{margin-bottom:28px}
 .grid{grid-template-columns:minmax(0,1fr);gap:40px}.card img{height:auto}
 .work{gap:24px}.work figure{flex-basis:100%}
 .prose{margin-top:32px;font-size:19px}.salim{margin-top:40px;padding-top:28px}
 .rows{grid-template-columns:82px minmax(0,1fr)}
 .views{grid-template-columns:minmax(0,1fr)}.views img{height:auto}
 .foot{padding:52px 20px 24px}
}
@media (min-width:761px) and (max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}