*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#20201e;background:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3vw;background:white}header>a{text-decoration:none;font-size:25px;letter-spacing:-1px}nav{display:flex;gap:34px}nav a{text-decoration:none;font-size:14px}nav a:hover{text-decoration:underline}.hero{height:76vh;min-height:420px;max-height:900px;overflow:hidden;position:relative;background:#c9d1b6}.hero img{position:absolute;width:135%;height:auto;max-width:none;left:-17.5%;top:50%;transform:translateY(-50%)}.hero-note{display:flex;justify-content:space-between;padding:16px 4.3vw;font-size:11px;color:#666;letter-spacing:.02em}.bio{padding:130px 8.5vw 145px;display:grid;grid-template-columns:1fr 1fr;gap:11vw;align-items:center}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.16em;margin:0 0 35px}.bio h1{font-size:clamp(30px,3.2vw,47px);font-weight:400;line-height:1.15;letter-spacing:-1.5px;margin:0 0 28px}.bio p:not(.eyebrow){font-size:16px;line-height:1.8;max-width:420px;color:#555}.text-link{display:inline-block;font-size:13px;margin-top:20px;text-decoration:none;border-bottom:1px solid #222;padding-bottom:7px}.text-link span{margin-left:35px}.portrait{aspect-ratio:4/5;background:#eeede9;display:grid;place-content:center;text-align:center;position:relative;color:#777}.portrait:before{content:'';position:absolute;inset:18px;border:1px solid #d9d8d3}.portrait p{font-size:12px!important;letter-spacing:.06em}.portrait small{font-size:10px;color:#888}.works{padding:0 8.5vw 115px}.section-head{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ccc;padding-top:26px;margin-bottom:52px}.section-head h2{font-size:24px;font-weight:400;letter-spacing:-.5px;margin:0}.section-head p{font-size:11px;color:#777}.grid{display:grid;grid-template-columns:1fr 1fr;gap:72px 6vw}.artwork{margin:0}.artwork button{display:block;width:100%;border:0;padding:0;background:#fafafa;cursor:zoom-in;overflow:hidden;position:relative}.artwork img{width:100%;height:500px;object-fit:contain;display:block;transition:opacity .2s}.artwork button:hover img{opacity:.9}.artwork button:after{content:'↗';position:absolute;bottom:17px;right:19px;opacity:0;transition:opacity .2s}.artwork button:hover:after,.artwork button:focus-visible:after{opacity:1}.artwork figcaption{padding-top:17px}.artwork h3{font-size:14px;font-weight:400;margin:0 0 7px}.artwork p{font-size:11px;color:#777;margin:0}.all-link{display:block;width:max-content;margin:65px auto 0}.footer{border-top:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;margin:0 4.3vw;padding:34px 0 44px;font-size:12px}.footer p{color:#777}.footer a{text-decoration:none}.footer div{display:flex;gap:28px}dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border:0;margin:0;padding:40px 75px 65px;background:#fff}dialog::backdrop{background:white}.slide-image{width:100%;height:calc(100dvh - 125px);object-fit:contain;display:block}.close,.prev,.next{position:absolute;border:0;background:white;cursor:pointer;font-size:29px;color:#777;padding:10px}.close{top:10px;right:16px}.prev{left:14px;top:45%}.next{right:14px;top:45%}.slide-caption{position:absolute;bottom:23px;left:75px;font-size:12px;line-height:1.6}.slide-count{position:absolute;bottom:27px;right:75px;font-size:11px;color:#777}.page-heading{padding:75px 8.5vw 65px}.page-heading h1{font-weight:400;font-size:56px;letter-spacing:-2px;margin:0 0 20px}.page-heading p{font-size:14px;color:#777}.about-copy{line-height:1.8;color:#555}.about-copy h1{color:#222}a:focus-visible,button:focus-visible{outline:2px solid #333;outline-offset:6px}@media(min-width:1700px){.artwork img{height:650px}}@media(max-width:700px){header{height:72px;padding:0 6vw}header>a{font-size:23px}nav{gap:20px}nav a{font-size:12px}.hero{height:65vh;min-height:360px}.hero img{width:auto;height:230%;left:50%;top:50%;transform:translate(-50%,-50%)}.hero-note{padding:14px 6vw;font-size:10px}.hero-note span:last-child{display:none}.bio{padding:75px 7vw 85px;grid-template-columns:1fr;gap:42px}.bio h1{font-size:36px}.eyebrow{margin-bottom:25px}.bio p:not(.eyebrow){font-size:15px}.portrait{max-height:450px;min-height:300px}.works{padding:0 7vw 75px}.section-head{margin-bottom:32px}.section-head h2{font-size:22px}.section-head p{font-size:10px}.grid{grid-template-columns:1fr;gap:43px}.artwork img{height:auto;max-height:650px}.footer{margin:0 7vw;align-items:flex-start;gap:25px;flex-wrap:wrap}.footer div{gap:23px}dialog{padding:65px 35px 95px}.slide-image{height:calc(100dvh - 170px)}.prev{left:0}.next{right:0}.slide-caption{left:25px;bottom:28px}.slide-count{right:25px;bottom:29px}.page-heading{padding:60px 7vw 45px}.page-heading h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.portrait-photo{display:block;background:none;overflow:hidden}.portrait-photo:before{display:none}.portrait-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% center}.hero.dream-hero img{width:100%;height:100%;left:0;top:0;transform:none;object-fit:cover;object-position:center 48%}

/* Painting detail and a full-width closing section. */
body:not([data-page="work"]) #selected{padding-bottom:90px}
.painting-detail{height:66vh;min-height:340px;max-height:820px;width:100%;overflow:hidden}
.painting-detail img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}
.detail-note{padding:16px 4.3vw;color:#666;font-size:11px}
.recent-work-link{padding:98px 8.5vw 120px}
.recent-work-link a{font-size:clamp(30px,4.5vw,68px);letter-spacing:-.04em;text-decoration:none;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #aaa;padding-bottom:27px}
.recent-work-link a span{transition:transform .2s}
.recent-work-link a:hover span{transform:translate(4px,-4px)}
.painting-ribbon{height:48px;overflow:hidden;width:100%}
.painting-ribbon img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
.statement-footer{background:#101010;color:#fff;padding:65px 4.3vw 28px;overflow:hidden}
.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;min-height:155px;align-items:start}
.footer-label{font-size:13px;line-height:1.7;margin:0;color:#b8b8b8}
.footer-top nav,.footer-social{display:flex;flex-direction:column;gap:17px;align-items:start}
.footer-top a{font-size:15px;text-decoration:none}
.footer-top a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-signature{font-size:clamp(56px,15.6vw,270px);font-weight:400;letter-spacing:-.065em;line-height:1.15;display:block;text-decoration:none;white-space:nowrap;margin:30px 0 45px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:22px;border-top:1px solid #444;font-size:11px;color:#aaa}
.footer-bottom a{text-decoration:none}
.statement-footer a:focus-visible{outline-color:white}
@media(max-width:700px){body:not([data-page="work"]) #selected{padding-bottom:55px}.painting-detail{height:48vh;min-height:280px}.detail-note{padding:14px 7vw}.recent-work-link{padding:65px 7vw 80px}.recent-work-link a{font-size:32px;padding-bottom:20px}.painting-ribbon{height:32px}.statement-footer{padding:42px 7vw 25px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;min-height:180px}.footer-label{grid-column:1/-1;font-size:12px}.footer-top a{font-size:14px}.footer-signature{font-size:14.6vw;margin:55px 0 35px}.footer-bottom{font-size:10px}}

/* A decisive entrance, with space for the paintings to breathe. */
.home .hero{height:calc(100svh - 88px);min-height:440px;max-height:none;isolation:isolate}
.home .hero:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(24,8,9,.3));z-index:1;pointer-events:none}
.hero-name{position:absolute;left:4.3vw;bottom:34px;margin:0;z-index:2;color:white;font-size:clamp(64px,15.6vw,290px);font-weight:400;line-height:.95;letter-spacing:-.065em;white-space:nowrap}
.hero-note-hidden{display:none}
.home .bio{padding-top:145px;padding-bottom:145px;gap:7vw;grid-template-columns:1.05fr 1fr}
.home .bio .bio-lead{font-size:clamp(23px,2.5vw,39px);line-height:1.35;letter-spacing:-.035em;color:#222;max-width:650px;margin:0 0 30px}
.home .bio .text-link{font-size:14px;margin-top:8px}
.home .recent-work-link{padding-top:105px;padding-bottom:135px}
.home .recent-work-link a{font-size:clamp(38px,7.7vw,125px);line-height:1.08;letter-spacing:-.055em;padding-bottom:38px}
.home .recent-work-link a span{font-size:1.05em;flex-shrink:0}
@media(max-width:700px){.home .hero{height:calc(100svh - 72px);min-height:360px}.hero-name{left:6vw;bottom:28px;font-size:15.8vw}.home .bio{grid-template-columns:1fr;gap:42px;padding:75px 7vw 85px}.home .bio .bio-lead{font-size:27px;line-height:1.4}.home .recent-work-link{padding:75px 7vw 90px}.home .recent-work-link a{font-size:8.1vw;gap:15px;padding-bottom:26px}}

/* Artist identity and restrained editorial links. */
.hero-identity{position:absolute;left:4.3vw;bottom:34px;z-index:2;color:white}

.hero-identity .hero-name{position:static;margin:0}
.home .painting-detail{height:53vh;max-height:650px;min-height:320px}
.home .painting-detail img{object-position:50% 30%}
.home .recent-work-link a{display:inline-block;width:auto;max-width:100%;border-bottom:1px solid #333;padding-bottom:18px;transition:border-color .2s}
.home .recent-work-link a:hover{border-color:transparent}
.text-link:hover{border-bottom-color:transparent}
.artwork button:after{content:'+';font-size:22px}
@media(max-width:700px){.hero-identity{left:6vw;bottom:28px}.home .painting-detail{height:42vh;min-height:260px}.home .recent-work-link a{padding-bottom:12px}}

/* Consistent reading sizes across the portfolio. */
:root{--type-small:16px;--type-body:18px;--type-title:21px}
nav a{font-size:var(--type-body)}
.text-link,.home .bio .text-link{font-size:var(--type-body);line-height:1.5}
.eyebrow{font-size:var(--type-small);line-height:1.5;letter-spacing:.08em}
.section-head{gap:25px;align-items:baseline}
.section-head h2{font-size:32px;line-height:1.2}
.section-head p{font-size:var(--type-small);line-height:1.5}
.artwork h3{font-size:var(--type-title);line-height:1.4;margin-bottom:6px}
.artwork p,.detail-note,.hero-note{font-size:var(--type-small);line-height:1.5}
.page-heading>p:not(.eyebrow){font-size:var(--type-body);line-height:1.6}
.footer-label,.footer-top a{font-size:var(--type-body);line-height:1.6}
.footer-bottom{font-size:var(--type-small);line-height:1.5}
.slide-caption{font-size:var(--type-body);line-height:1.5}
.slide-count{font-size:var(--type-small)}
.home .recent-work-link a{font-size:clamp(38px,5.6vw,82px);line-height:1.15}
.home .painting-detail img{object-position:50% 47%}
@media(max-width:700px){nav{gap:18px}nav a{font-size:16px}.section-head{display:block;margin-bottom:32px}.section-head h2{font-size:28px}.section-head p{font-size:16px;margin:12px 0 0}.artwork h3{font-size:20px}.artwork p,.detail-note{font-size:16px}.footer-label,.footer-top a{font-size:18px}.footer-bottom{font-size:16px;align-items:flex-start}.slide-caption{font-size:16px;right:70px;left:20px;bottom:20px}.slide-count{font-size:16px;right:20px;bottom:20px}.home .recent-work-link a{font-size:clamp(32px,7.7vw,52px)}}
@media(max-width:380px){header{height:104px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}header nav{width:100%;justify-content:flex-end}.home .hero{height:calc(100svh - 104px)}}

.home .painting-detail{display:block;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0}.home .painting-detail img{display:block;width:100%;max-width:none;height:100%;margin:0;padding:0;object-fit:cover;object-position:50% 37%;border-radius:0}

.studio-notes{margin:0 8.5vw;padding:0 0 115px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.notes-intro{border-top:1px solid #ccc;padding-top:35px}
.notes-intro h2{font-size:clamp(38px,4.6vw,68px);letter-spacing:-.045em;font-weight:400;line-height:1.1;margin:0 0 25px}
.notes-intro p{font-size:18px;line-height:1.65;max-width:410px;color:#555;margin:0}
.notes-form{padding-top:35px;align-self:start}
.notes-form label{display:block;font-size:18px;line-height:1.5;margin-bottom:14px}
.notes-fields{display:flex;gap:0;border-bottom:1px solid #222}
.notes-fields input{min-width:0;flex:1;border:0;background:white;color:#222;border-radius:0;padding:17px 0;font:inherit;font-size:18px}
.notes-fields input::placeholder{color:#777;opacity:1}
.notes-fields input:disabled{opacity:1;-webkit-text-fill-color:#777}
.notes-fields button{border:0;border-radius:0;background:#111;color:white;padding:17px 26px;font-size:18px;white-space:nowrap}
.notes-fields button:disabled{cursor:default;opacity:1}
.notes-form>p{font-size:16px;line-height:1.5;color:#666;margin:16px 0 0}
@media(max-width:700px){.studio-notes{margin:0 7vw;padding-bottom:80px;grid-template-columns:1fr;gap:32px}.notes-intro{padding-top:30px}.notes-intro h2{font-size:42px}.notes-intro p{font-size:18px}.notes-form{padding-top:0}.notes-fields button{padding:17px 20px}}

/* Keep the portfolio invitation attached to the painting. */
.detail-art-link{display:block;width:100%;height:100%}
.detail-navigation{display:flex;justify-content:space-between;align-items:baseline;gap:30px;padding:25px 4.3vw 60px}
.detail-navigation a{font-size:clamp(25px,2.5vw,38px);line-height:1.2;letter-spacing:-.035em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px;color:#222}
.detail-navigation a:hover{text-decoration:none}
.studio-notes{padding-top:58px;border-top:1px solid #ccc;align-items:start}
.notes-intro{border-top:0;padding-top:0}
.notes-form{padding-top:7px}
@media(max-width:700px){.detail-navigation{padding:23px 7vw 45px;gap:20px;align-items:center}.detail-navigation span{font-size:14px}.detail-navigation a{font-size:25px;max-width:50%}.studio-notes{padding-top:40px}.notes-intro{padding-top:0}.notes-form{padding-top:0}}

/* Gallery heading and a continuous white backdrop. */
body[data-page="work"] .page-heading{padding:45px 8.5vw 24px}
body[data-page="work"] .page-heading h1{font-size:40px;font-weight:400;letter-spacing:normal;line-height:1.2;margin:0}
header nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.artwork button{background:#fff}
@media(max-width:700px){body[data-page="work"] .page-heading{padding:35px 7vw 20px}body[data-page="work"] .page-heading h1{font-size:36px}}

/* Give the artist's name more presence in the site header. */
header>a{font-size:42px;line-height:1;letter-spacing:-1.8px;white-space:nowrap}
@media(max-width:700px){header>a{font-size:34px;letter-spacing:-1.3px}}
@media(max-width:600px){header{height:112px;flex-wrap:wrap;align-content:center;gap:18px;padding-top:14px;padding-bottom:14px}header nav{width:100%;justify-content:flex-end;gap:22px}header nav a{font-size:16px}.home .hero{height:calc(100svh - 112px)}}

.notes-fields button{cursor:pointer}
.notes-fields button:disabled{cursor:wait;opacity:.65}
#notes-status:empty{display:none}