@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#2c3e34;background:#eee9dd;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,select{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid #9fae95;border-radius:3px;background:#e0e6d7;color:#2b4435;padding:11px 17px;font-size:12px}button:hover{background:#ced8c0}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8c9b5f;outline-offset:5px}[hidden]{display:none!important}header{max-width:1360px;margin:auto;padding:30px 55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c7c6b6}.brand{font-family:'Libre Caslon Display',Georgia,serif;font-size:49px;text-decoration:none}.brand span{color:#93a17e}nav{display:flex;gap:30px;font-size:12px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}main{max-width:1250px;margin:auto;padding:0 45px}.intro{display:grid;grid-template-columns:1.2fr 1fr;column-gap:90px;padding:85px 0 90px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#7b856c;margin:0 0 20px}.intro>.eyebrow{grid-column:1/-1}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400}h1{font-size:clamp(54px,6.8vw,86px);line-height:.97;letter-spacing:-1.8px;margin:0}.intro-side{padding-top:20px}.intro-side p{font-size:21px;line-height:1.5;margin:0 0 22px;max-width:370px}.intro-side p.small{font-size:13px;color:#76816c;line-height:1.8}.text-link{font-size:12px;text-underline-offset:5px}.section-heading{border-top:1px solid #bdc4b1;padding:28px 0 26px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}h2{font-size:40px;margin:0}.section-heading p{font-size:12px;color:#7b846e}.paintings{display:grid;grid-template-columns:1fr 1fr;gap:65px 42px}.painting{min-width:0}.painting:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.65fr 1fr;gap:40px;align-items:center}.picture{display:block;width:100%;border:0;padding:0;background:#e8dfc8;border-radius:0;box-shadow:3px 4px 0 #bfb69c,0 17px 25px #25312519;overflow:hidden;background-image:repeating-linear-gradient(0deg,#6a532706 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#6a532706 0 1px,transparent 1px 4px)}.picture:hover{background-color:#e8dfc8}.picture img{width:100%;aspect-ratio:900/620;display:block;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}.picture:hover img{transform:scale(1.025)}.work-info{padding-top:20px}.painting:first-child .work-info{padding:10px 5px 10px 15px}.work-info .eyebrow{font-size:9px;margin-bottom:12px}.work-info h3{font-size:36px;line-height:1.05;margin:0 0 14px}.painting:first-child h3{font-size:49px}.work-info p{font-size:13px;line-height:1.7;color:#73806b;max-width:350px}.work-actions{display:flex;gap:15px;align-items:center;margin-top:19px}.work-actions button{background:transparent;padding:9px 13px}.work-actions button:last-child{background:#dbe3ce}.about{margin-top:115px;border-top:1px solid #bdc4b1;padding:50px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.about h2{font-size:61px;line-height:1.02}.about-copy p{font-size:14px;line-height:1.9;color:#65735f;margin:0 0 20px}.about-copy h3{font-size:29px;margin:28px 0 13px}.source-link{display:inline-block;font-size:13px;line-height:1.7;margin-top:15px;text-underline-offset:5px}.closing{text-align:center;padding:80px 0 100px}.closing h2{font-size:57px;line-height:1.05}.closing p:last-child{font-size:13px;color:#7b866f;line-height:1.8;margin-top:25px}footer{display:flex;gap:30px;justify-content:center;border-top:1px solid #c7c6b6;padding:28px;font-size:10px;color:#7c846f}footer a{text-underline-offset:4px}
#viewer{width:min(1000px,96vw);max-height:94vh;overflow:auto;background:#eeeadf;color:#304235;border:1px solid #b4bfa7;border-radius:5px;padding:24px;box-shadow:0 30px 100px #172d2059}#viewer::backdrop{background:#23342cb5;backdrop-filter:blur(6px)}.viewer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.viewer-heading h2{font-size:35px}.viewer-heading .eyebrow{font-size:9px;margin-bottom:7px}#close-viewer{font-size:18px;background:transparent;padding:5px 10px}.surface{position:relative;overflow:auto;line-height:0;background:#e7ddc5;box-shadow:2px 4px 0 #b8ad90,0 12px 19px #2f3b281b;scrollbar-width:none}.surface img,.surface canvas{display:block;width:100%;height:auto;max-width:none}.surface img{mix-blend-mode:multiply}.surface:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #7c73592d}.transport{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:18px 0}.transport label{margin-left:auto;font-size:10px;color:#718267}.transport select{border:1px solid #b6c3a9;border-radius:3px;padding:7px;background:#f2f1e6;color:inherit}#progress{font-size:10px;color:#7e866e}#caption{padding:18px 21px;border-left:2px solid #9aaf86;background:#e5e9dc;margin-bottom:20px}#caption .eyebrow{font-size:8px;margin-bottom:5px}#caption h3{font-size:26px;margin:0 0 7px}#caption p{font-size:13px;line-height:1.7;margin:0;color:#536d50}#work-description{font-size:14px;line-height:1.7}#work-process{font-size:11px;color:#7a806f;line-height:1.8}#notebook{font-size:12px;margin:20px 0;color:#68775d}#public-notes{padding:0 0 0 20px;max-height:260px;overflow:auto}#public-notes li{font-size:12px;line-height:1.7;padding:8px 6px}#session-link{display:inline-block;margin:10px 0}#viewer-error,#collection-error{font-size:13px;color:#965b3d}#contact{position:absolute;border:1px solid #f4ebbf90;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}
@media(max-width:760px){header{padding:20px 22px}.brand{font-size:39px}nav{gap:16px;font-size:10px}nav a:last-child{display:none}main{padding:0 22px}.intro{grid-template-columns:1fr;gap:23px;padding:55px 0}.intro-side{padding:0}.intro-side p{font-size:18px;max-width:470px}h1{font-size:65px}.section-heading{display:block}.section-heading h2{font-size:35px}.paintings{grid-template-columns:1fr;gap:40px}.painting:first-child{grid-column:auto;display:block}.painting:first-child .work-info{padding:20px 0 0}.painting:first-child h3{font-size:38px}.work-info h3{font-size:32px}.about{grid-template-columns:1fr;gap:28px;margin-top:65px;padding-top:35px}.about h2{font-size:47px}.closing{padding:40px 0 65px}.closing h2{font-size:44px}footer{flex-wrap:wrap;gap:16px}.viewer-heading h2{font-size:29px}#viewer{padding:16px}.transport button{font-size:10px;padding:9px}.transport label{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.practice{margin-top:30px}.practice-intro{font-size:13px;line-height:1.8;max-width:720px;color:#6f7d63}#practice-studies{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:30px 0}.practice-entry{border-left:2px solid #a5b191;padding:0 22px}.practice-entry h3{font-size:29px;margin:0 0 12px}.practice-entry p{font-size:12px;line-height:1.8;color:#6d7d62}.practice-entry strong{font-weight:500;color:#3a513e}@media(max-width:760px){#practice-studies{grid-template-columns:1fr}}
#viewer.replaying .surface{width:min(100%,calc((100dvh - 420px)*1.4516));margin-inline:auto}#viewer.replaying #caption{margin:0 0 16px;padding:12px 17px;max-height:155px;overflow:auto}#viewer.replaying #caption p{font-size:12px;line-height:1.6}#viewer.replaying #caption h3{font-size:23px}@media(max-height:600px){#viewer.replaying .surface{width:100%}}
/* Notes feel like something left beside the canvas, with room to read. */
#viewer{width:min(1220px,96vw)}.easel{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;align-items:center}.easel:has(#caption[hidden]){grid-template-columns:1fr}.easel-thought{position:relative;align-self:center;background:#fff9ed!important;border:1px solid #d8c6a4!important;border-radius:18px 18px 18px 3px;padding:24px!important;margin:4px 0 10px!important;box-shadow:3px 8px 20px #4b3e2410;max-height:440px!important;overflow:auto;line-height:1.6}.easel-thought:before{content:'“';font-family:Georgia,serif;font-size:67px;line-height:.8;color:#bb7956;display:block;margin-bottom:12px}.thought-byline{font-size:10px!important;letter-spacing:.8px;color:#927355!important;margin-bottom:18px!important}.thought-kind{display:block;color:#a56848;font-size:10px;margin-bottom:7px}#caption h3{font-size:25px!important;line-height:1.15;margin:0 0 15px!important}#caption blockquote{margin:0}#caption blockquote p{font-family:Georgia,serif;font-size:16px!important;line-height:1.65!important;color:#4e5040!important}#caption .thought-boundary{font-size:10px!important;color:#897a65!important;margin-top:18px!important}#caption .camera-note{font-size:11px!important;margin-top:12px!important;color:#677b5b!important;border-top:1px dashed #d5cbb8;padding-top:12px}#viewer.replaying .surface{width:min(100%,calc((100dvh - 275px)*1.4516));margin-inline:auto}#viewer.replaying #caption{max-height:440px;padding:24px}#public-notes{list-style:none;padding:0;max-height:390px}#public-notes li{background:#f7f1e4;border-left:2px solid #c09370;padding:15px 20px;margin:12px 0}#public-notes p{font-family:Georgia,serif;font-size:15px;line-height:1.75;margin:8px 0 0}.notebook-meta{font-size:10px;color:#9c7052}.collection-thought{margin:22px 0 0;border-left:2px solid #c69a78;padding:0 0 0 17px}.collection-thought span{font-size:10px;color:#a47453}.collection-thought p{font-family:Georgia,serif;font-size:15px;color:#55624b;line-height:1.75;margin:7px 0 0}.work-info .collection-thought p{max-width:390px}footer{font-size:12px}footer span a{color:#556547}
@media(max-width:760px){.easel{grid-template-columns:1fr;gap:15px}.easel-thought{width:100%;padding:18px!important;border-radius:14px 14px 14px 3px;max-height:245px!important}.easel-thought:before{display:none}.thought-byline{margin-bottom:10px!important}#caption blockquote p{font-size:14px!important;line-height:1.6!important}#caption h3{font-size:22px!important;margin-bottom:10px!important}#viewer.replaying .surface{width:100%}#caption .thought-boundary{margin-top:10px!important}.collection-thought p{max-width:none}}
.brush-tray{margin-top:22px;padding:17px 20px;background:#e5e7d9;border:1px solid #c1c9b4;border-radius:8px}.tray-heading{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#627052;margin-bottom:12px}.tray-heading>span:first-child{font-family:Georgia,serif;font-size:17px;color:#42513b}.medium-picks{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.medium-picks span{font-size:10px;padding:6px 11px;border:1px solid #bec7b0;border-radius:20px;color:#7c876e}.medium-picks .selected{background:#405b43;color:#fff6df;border-color:#405b43;box-shadow:0 2px 4px #2c43221a}.brush-settings{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;align-items:center}.pigment-setting{display:flex;gap:10px;align-items:center;font-size:11px}.setting-label{display:block;color:#7b846c;font-size:9px;margin-bottom:5px}#pigment-chip{width:30px;height:30px;flex-shrink:0;border-radius:50%;border:3px solid #f5f0e1;box-shadow:0 1px 3px #33412840}#pigment-value{font-size:10px}#brush-tip{margin-left:auto;font-size:10px;color:#6d7a5e;max-width:40px;line-height:1.5}.brush-setting{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:10px;color:#667554}.brush-setting output{color:#3e5237;font-variant-numeric:tabular-nums}.brush-setting input{grid-column:1/-1;width:100%;margin:0;accent-color:#8e7151;opacity:1;cursor:default}#viewer.replaying .surface{width:min(100%,calc((100dvh - 430px)*1.4516))}@media(max-width:760px){.brush-tray{padding:14px}.brush-settings{grid-template-columns:1fr 1fr;gap:18px}.medium-picks{gap:5px}.medium-picks span{padding:5px 9px}.pigment-setting{min-height:36px}#viewer.replaying .surface{width:100%}}
#caption blockquote p{font-size:15px!important;line-height:1.55!important}.brush-setting input{appearance:none;-webkit-appearance:none;height:5px;background:#c6ccba;border-radius:5px;margin:6px 0}.brush-setting input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#917251;border:2px solid #f1eadb;box-shadow:0 1px 3px #46513340}.brush-setting input::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:#917251;border:2px solid #f1eadb}