:root{--wall:#292d30;--paper:#e7e2d4;--muted:#a8aaa4;--line:#e7e2d42b;--gutter:clamp(20px,4.5vw,80px)}*{box-sizing:border-box}html{background:var(--wall);color:var(--paper);-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;font-family:'DM Sans',Arial,sans-serif;background:var(--wall);isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-height:44px;appearance:none;-webkit-appearance:none}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:5px}header,footer,main{position:relative;z-index:3;width:calc(100% - var(--gutter)*2);max-width:1640px;margin-inline:auto}header{min-height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{font:900 35px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.5px;display:flex;align-items:center;min-height:44px}.wordmark>span{font:10px Arial;align-self:flex-start;margin:5px 0 0 4px}.room-name{font-size:8px;letter-spacing:2.4px;opacity:.65;margin-left:30px}.studio-link{display:flex;gap:22px;align-items:center;font-size:8px;letter-spacing:1.4px;min-height:44px}.studio-link>span{font-size:18px;transition:transform .3s}.studio-link:hover>span{transform:translate(2px,-2px)}.wall-surface{position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse at 51% 36%,#5b605a55 0%,#1c232430 55%,#10151980 100%),linear-gradient(90deg,#111b2029,transparent 20% 75%,#111b2030),linear-gradient(174deg,#50544f12,transparent 42%,#121c2529)}.wall-surface::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.35' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:190px 190px;opacity:.24;mix-blend-mode:soft-light}.wall-surface::after{content:'';position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1400 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23aca78f' stroke-width='.8'%3E%3Cpath d='M80 0l11 120-5 80 16 90-8 72 15 43-2 99 13 79-5 90 14 70M1300 0l-12 83 7 51-13 104 2 112-12 71 9 47-8 122 13 106-3 155M0 867l110-3 55 4 82-8 140 3M1100 948l80-5 60 4 160-8'/%3E%3C/g%3E%3C/svg%3E");background-size:cover;background-position:center}.gallery-light{position:fixed;inset:-15%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 47% 18%,#e9e0b719 0%,#b6b6a70c 26%,transparent 61%);transform:rotate(-7deg);animation:wallLight 24s ease-in-out infinite alternate}@keyframes wallLight{from{transform:translateX(-2%) rotate(-7deg);opacity:.6}to{transform:translateX(3%) rotate(3deg);opacity:1}}main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:27px 0 18px;min-height:550px}.gallery-intro{display:flex;gap:15px;align-items:center;font-size:7px;letter-spacing:1.8px;opacity:.55;margin-bottom:27px}.gallery-intro>span+span{opacity:.7}.painting-stage{display:grid;grid-template-columns:44px auto 44px;gap:clamp(24px,5vw,85px);align-items:center;max-width:100%;touch-action:pan-y}.painting-space{position:relative;padding:4px 7px 9px;isolation:isolate}.painting-space::before{content:'';position:absolute;width:40%;height:7px;left:30%;top:-3px;z-index:-1;box-shadow:0 -1px 2px #10171d90;background:#171f2370;filter:blur(1px)}.painting{position:relative;aspect-ratio:297/420;width:min(30vw,calc(53svh * .70714),340px);padding:3.5%;background:#d8d1bd;box-shadow:3px 4px 0 #796e59,5px 6px 0 #504a40,13px 20px 24px #050e1666;transform-origin:50% 1%;animation:canvasSway 17s ease-in-out infinite alternate;will-change:transform;overflow:visible}.painting::after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #0c162826;box-shadow:inset 0 0 3px #1c253529;background:linear-gradient(105deg,#fff8e50a,transparent 40%,#050d1e0a)}.painting img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;background:#d8d1bd;pointer-events:none}@keyframes canvasSway{from{transform:rotate(-.38deg)}to{transform:rotate(.34deg)}}.gallery-arrow{width:44px;height:44px;border-radius:50%;border:1px solid #e7e2d442;font-size:23px;font-weight:400;padding:0;display:grid;place-items:center;transition:background .25s,border-color .25s,transform .25s;opacity:.75}.gallery-arrow:hover{background:#e7e2d416;border-color:#e7e2d480;opacity:1;transform:scale(1.06)}.gallery-arrow:disabled{opacity:.25;cursor:default;transform:none}.painting-caption{text-align:center;position:relative;margin-top:25px;min-height:111px}.work-number{display:block;font-size:7px;letter-spacing:1.5px;opacity:.45;margin-bottom:9px;font-variant-numeric:tabular-nums}h1{font:700 clamp(28px,3vw,42px)/1.05 'Barlow Condensed',Impact,sans-serif;font-synthesis:none;letter-spacing:-.4px;margin:0}.painting-details{display:flex;justify-content:center;align-items:center;gap:23px;margin-top:12px;font-size:9px;letter-spacing:.5px;color:var(--muted)}.painting-details i{font-style:normal;padding:0 5px;opacity:.4}.painting-details>span:last-child{font-size:14px;letter-spacing:.3px;color:var(--paper)}.preview-note{display:block;font-size:5.5px;letter-spacing:.7px;margin-top:13px;color:#999e96}.browse-hint{font-size:6px;letter-spacing:1.2px;line-height:1.8;color:var(--muted);margin-top:21px}.browse-hint>span{opacity:.5;margin-left:9px}footer{min-height:67px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1px;line-height:1.8;color:var(--muted)}footer>span>i{font-style:normal;padding:0 8px;opacity:.4}#motionToggle{font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:7px;min-height:44px;padding:0;white-space:nowrap;color:var(--muted)}#motionToggle>b{display:block;width:4px;height:4px;border-radius:50%;background:var(--muted)}#motionToggle[aria-pressed=true]>b{background:transparent;box-shadow:0 0 0 1px var(--muted)}#liveGrain{position:fixed;inset:0;width:100%;height:100%;z-index:4;opacity:.065;pointer-events:none;mix-blend-mode:soft-light}.paper-light{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.motion-paused .painting,.motion-paused .gallery-light{animation-play-state:paused}.painting-stage{animation:stageEnter 1.1s cubic-bezier(.2,.7,.2,1) both}.painting-caption{animation:captionEnter 1s .2s both}@keyframes stageEnter{from{opacity:0;transform:translateY(12px) rotate(-.7deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes captionEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){main{min-height:700px}.painting{width:min(30vw,calc(54svh * .70714),395px)}}
@media(max-width:700px){:root{--gutter:22px}header{min-height:75px}.wordmark{font-size:30px}.wordmark>span{font-size:8px;margin-top:6px}.room-name{font-size:6px;letter-spacing:1.6px;margin-left:0}.studio-link{font-size:7px;letter-spacing:.7px;gap:9px}.studio-link>span{font-size:16px}main{padding:27px 0 24px;min-height:450px}.gallery-intro{font-size:6px;letter-spacing:1.1px;gap:12px;margin-bottom:30px}.painting-stage{gap:10px}.painting{width:min(58vw,calc(53svh * .70714),calc(100vw - 168px),340px);padding:3.5%}.gallery-arrow{font-size:21px;border-color:#e7e2d433}.painting-caption{margin-top:26px;min-height:106px;width:100%}h1{font-size:31px}.painting-details{font-size:8px;gap:18px;margin-top:12px}.painting-details>span:last-child{font-size:13px}.preview-note{font-size:5px;letter-spacing:.35px;line-height:1.8;margin:13px auto 0;max-width:280px}.browse-hint{font-size:5.5px;letter-spacing:.8px;margin-top:18px}.browse-hint>span{display:block;margin-left:0;text-align:center;margin-top:4px}footer{min-height:66px;font-size:6px;letter-spacing:.6px;gap:12px}footer>span>i{padding:0 4px}#motionToggle{font-size:6px;letter-spacing:.5px}}
@media(max-width:360px){:root{--gutter:19px}.room-name{display:none}h1{font-size:29px}.painting-details{font-size:7px}.painting-details>span:last-child{font-size:12px}.preview-note{font-size:4.5px;letter-spacing:.3px}footer{font-size:5.5px}main{min-height:410px}.gallery-intro{font-size:5.5px}}
@media(max-height:650px) and (min-width:701px){header{min-height:70px}main{min-height:390px;padding:20px 0 15px}.gallery-intro{margin-bottom:17px}.painting{width:calc(44svh * .70714)}.painting-caption{margin-top:18px;min-height:90px}h1{font-size:30px}.browse-hint{margin-top:8px}footer{min-height:54px}}
@media(max-height:500px) and (orientation:landscape){header{min-height:57px}main{padding:15px 0 10px;min-height:0}.gallery-intro{margin-bottom:15px}.painting{width:calc(40svh * .70714)}.painting-stage{gap:35px}.painting-caption{margin-top:17px;min-height:0}.painting-caption h1{font-size:25px}.work-number{font-size:6px;margin-bottom:5px}.painting-details{margin-top:7px}.preview-note{margin-top:8px}.browse-hint{display:none}footer{min-height:50px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.painting{transform:none;will-change:auto}}
@media(forced-colors:active){.wall-surface,.gallery-light,#liveGrain{display:none}.painting{border:1px solid CanvasText}.gallery-arrow{border-color:ButtonText}}
@supports(padding:max(0px)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}
/* A stationary hook and a little folded description label. */
.painting-space::before{display:none}.painting-hook{position:absolute;top:-9px;left:calc(50% - 4px);height:17px;width:8px;border:2px solid #383c38;border-bottom:0;border-radius:6px 6px 0 0;box-shadow:1px 1px 1px #10171860,inset 1px 0 0 #bdbba665;z-index:-1;pointer-events:none}.painting.is-changing{animation-play-state:paused;z-index:2}
.painting-note{width:min(340px,calc(100vw - 60px));margin:17px auto 0;text-align:left;position:relative}.painting-note summary{width:max-content;max-width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto;padding:10px 17px;background:#d9d1bd;color:#353b3b;box-shadow:2px 3px 5px #07121b25;transform:rotate(-1.5deg);font:italic 16px/1.2 Georgia,serif;list-style:none;cursor:pointer;position:relative;z-index:2}.painting-note summary::-webkit-details-marker{display:none}.painting-note summary:focus-visible{outline:2px solid var(--paper);outline-offset:5px}.painting-note summary>i{font:17px/1 Georgia,serif;opacity:.55;transition:transform .3s}.note-close{display:none}.painting-note[open] .note-read{display:none}.painting-note[open] .note-close{display:inline}.painting-note[open] summary>i{transform:rotate(45deg)}.note-paper{margin-top:-6px;padding:29px 25px 20px;background:#e2dac5;color:#353b3b;box-shadow:3px 7px 12px #07121b38;transform:rotate(.6deg);border-bottom:1px solid #8c88734d;position:relative}.note-paper::before{content:'';position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 12px 12px;border-color:transparent transparent #a9a28c50 transparent}.note-meta{display:block;font:6px 'DM Sans',sans-serif;letter-spacing:1px;opacity:.5;margin-bottom:15px}.note-paper p{font:italic 17px/1.65 Georgia,serif;margin:0;white-space:pre-line}.note-signature{display:block;font:italic 23px Georgia,serif;margin-top:17px;transform:rotate(-6deg);width:max-content}.painting-caption:has(.painting-note[open]){z-index:5}.painting-caption{min-height:165px}
body{transition:background-color .9s,color .9s}body[data-light=day]{--wall:#5a615b;--paper:#f0ecdd;--muted:#d1d3c7;--line:#f0ecdd2b}body[data-light=night]{--wall:#242a2e;--paper:#eee1cb;--muted:#b8afa0;--line:#eee1cb28}.gallery-light{background:radial-gradient(ellipse at 42% 5%,#fff5d72b 0%,#d7d8c818 28%,transparent 67%);transition:opacity 1s;inset:-15%;z-index:-2}.gallery-light::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity 1.1s;background:radial-gradient(ellipse at 50% 17%,#ffc76e47 0%,#d9923a20 22%,transparent 51%),linear-gradient(90deg,#0c152640,transparent 32% 68%,#0c152640)}body[data-light=night] .gallery-light::after{opacity:1}.painting{transition:filter .9s}body[data-light=night] .painting{filter:sepia(.12) brightness(.91) saturate(.94)}body[data-light=night] .wall-surface{opacity:1}body[data-light=day] .wall-surface{opacity:.66}.wall-surface{transition:opacity 1s}.gallery-intro{margin-bottom:32px}.preview-note{margin-top:15px;color:var(--muted);opacity:.55}.painting-hook{transition:border-color .9s}body[data-light=night] .painting-hook{border-color:#171f25}
#lightToggle{display:flex;align-items:center;gap:10px;font:7px 'DM Sans',sans-serif;letter-spacing:1px;padding:0;min-height:44px;white-space:nowrap;color:var(--muted)}.light-switch{display:block;position:relative;width:31px;height:17px;border-radius:12px;border:1px solid currentColor;opacity:.8}.light-switch>i{position:absolute;left:3px;top:3px;width:9px;height:9px;border-radius:50%;background:currentColor;transition:transform .4s,background-color .4s}#lightToggle[aria-checked=true] .light-switch>i{transform:translateX(13px);background:#dec297}
@media(max-width:700px){.painting{width:min(54vw,calc(47svh * .70714),calc(100vw - 168px),310px)}.painting-caption{min-height:159px}.painting-note{margin-top:15px;width:min(310px,calc(100vw - 60px))}.painting-note summary{font-size:15px;padding:10px 16px;gap:18px}.note-paper{padding:26px 23px 20px}.note-paper p{font-size:16px}.note-meta{font-size:5.5px}.gallery-intro{margin-bottom:28px}footer{display:grid;grid-template-columns:1fr auto;gap:0 15px;min-height:87px;padding:8px 0 12px}.artist-credit{grid-column:1/-1;grid-row:2;justify-self:center;font-size:5.5px;opacity:.7;margin-top:5px}#lightToggle{grid-column:1;grid-row:1;font-size:6px;letter-spacing:.8px;gap:8px}#motionToggle{grid-column:2;grid-row:1}.browse-hint{margin-top:15px}.preview-note{margin-top:13px}}
@media(max-height:650px) and (min-width:701px){.painting{width:calc(36svh * .70714)}.painting-caption{min-height:143px}.painting-note{margin-top:12px}.gallery-intro{margin-bottom:22px}}
@media(max-height:500px) and (orientation:landscape){.painting{width:calc(33svh * .70714)}.painting-caption{min-height:0}.painting-note{margin-top:12px}.preview-note{margin-bottom:8px}footer{min-height:55px}.artist-credit{grid-column:auto;grid-row:auto;margin:0}#lightToggle,#motionToggle{grid-column:auto;grid-row:auto}footer{display:flex;gap:15px}.painting-note[open]{max-width:310px}}
@media(prefers-reduced-motion:reduce){.painting,.gallery-light{animation:none!important;transition:none!important}.painting-note summary,.note-paper{transform:none}}
@media(min-width:701px) and (min-height:651px) and (max-width:1599px){.painting{width:min(30vw,calc(48svh * .70714),320px)}}
.painting-note[open] .note-paper{animation:noteUnfold .35s cubic-bezier(.2,.7,.2,1) both;transform-origin:50% 0}@keyframes noteUnfold{from{opacity:0;transform:translateY(-6px) rotate(-.5deg)}to{opacity:1;transform:translateY(0) rotate(.6deg)}}
footer{justify-content:space-between}.painting-note .note-meta{font-size:6px;letter-spacing:.8px}.note-paper{padding-bottom:25px}.note-paper p{font-size:17px;line-height:1.7}
@media(max-width:700px){footer{display:flex;justify-content:space-between;min-height:64px;padding:8px 0}.note-paper p{font-size:16px}}

/* Preserve the caption layout for print titles and the purchase link. */
.painting-caption h1{max-width:min(640px,calc(100vw - 60px));margin-inline:auto}.painting-details>#printBuy{font-size:14px;letter-spacing:.3px;color:var(--paper);text-underline-offset:4px}.painting-details>#printBuy:hover{text-decoration:underline}@media(max-width:700px){.painting-details>#printBuy{font-size:13px}}