.paint-home{background:#181817;color:#fff;overflow-x:clip}.paint-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background:#181817}.paint-backdrop canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .35s}.paint-backdrop canvas.ready{opacity:1}.paint-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:30px 4.3vw;gap:20px;pointer-events:none;background:linear-gradient(#001f3133,transparent)}.paint-header a,.paint-header button{pointer-events:auto;color:#fff;text-decoration:none}.paint-wordmark{font-family:Georgia,serif;font-size:27px;letter-spacing:-.8px;text-shadow:0 1px 12px #0c242a88}.paint-header nav{display:flex;align-items:center;gap:24px;padding:11px 18px;border-radius:30px;background:#092c3cc9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px}.paint-header button{border:0;background:none;padding:4px 0;color:#fff;font-size:10px}.paint-header nav>a{padding:4px 0}.paint-header nav>a span{margin-left:8px}.paint-journey{height:1120svh;position:relative;z-index:1}.paint-cue{position:absolute;top:calc(100svh - 77px);right:4.3vw;display:flex;gap:20px;align-items:center;font-size:12px;color:#fff;text-decoration:none;background:#092c3cb8;border-radius:30px;padding:12px 20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.paint-cue span{font-size:20px}.paint-anchor{position:absolute;width:1px;height:1px;pointer-events:none}.painting-title{position:fixed;bottom:32px;left:4.3vw;z-index:12;color:#fff;background:#092c3cb8;border-radius:30px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;font-size:11px;padding:12px 18px;max-width:70vw;transition:opacity .25s}.paint-end{position:relative;z-index:5;min-height:78svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 24px;text-align:center;background:#181817}.paint-end h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,7vw,110px);letter-spacing:-4px;line-height:1.05;margin:0 0 35px;text-shadow:none}.paint-gallery-link{display:flex;align-items:center;gap:32px;border-radius:40px;background:#fff;color:#174a56;padding:18px 26px;text-decoration:none;font-size:12px}.paint-gallery-link span{font-size:20px}.paint-footer{position:relative;z-index:5;display:flex;align-items:center;padding:32px 4.3vw;gap:30px;background:#181817;font-size:10px}.paint-footer span{font-family:Georgia,serif;font-size:20px;margin-right:auto}.paint-footer a{color:#fff;text-decoration:none}.paint-home a:focus-visible,.paint-home button:focus-visible{outline:2px solid white;outline-offset:7px}.paint-no-js{position:absolute;top:45svh;z-index:9;width:100%;text-align:center;color:#fff;text-shadow:0 1px 10px #000}
@media(max-width:600px){.paint-header{padding:23px 20px;gap:12px}.paint-wordmark{font-size:22px}.paint-header nav{gap:14px;padding:10px 13px;font-size:10px}.paint-header button{font-size:9px}.paint-header nav>a span{margin-left:2px}.paint-cue{top:calc(100svh - 79px);right:20px;font-size:10px;padding:9px 14px;gap:12px}.painting-title{left:20px;bottom:26px;padding:11px 14px;font-size:10px;max-width:66vw}.paint-end h2{font-size:56px;letter-spacing:-2.8px;max-width:320px}.paint-footer{padding:28px 20px 60px;gap:22px;flex-wrap:wrap}.paint-footer span{width:100%}.paint-gallery-link{padding:16px 23px}.paint-end{min-height:70svh}}
@media(prefers-reduced-motion:reduce){.paint-backdrop canvas,.painting-title{transition:none}}

@media(max-width:600px){.paint-header{flex-wrap:wrap}.paint-header nav{margin-left:auto}}

/* Keep scroll bounce from exposing the fixed canvas below the footer. */
html.paint-document{background:#181817;overscroll-behavior-y:none}
.paint-document .paint-home{overscroll-behavior-y:none}
/* Small paper labels continue the menu's studio palette. */
.paint-cue,.painting-title,.paint-gallery-link{background:#faf4e7;color:#34392f;border-radius:3% 2% 4% 2% / 15% 9% 17% 12%;backdrop-filter:none;-webkit-backdrop-filter:none;font-family:Georgia,serif;font-style:italic}
.paint-cue,.painting-title{font-size:14px}.paint-gallery-link{font-size:18px}
.paint-cue:hover,.painting-title:hover,.paint-gallery-link:hover{text-decoration:underline;text-decoration-color:#c76b49;text-underline-offset:5px}
@media(max-width:600px){.paint-cue,.painting-title{font-size:12px}}
/* Lettering floats directly over the work; each control samples its own backdrop. */
.paint-home .portfolio-header nav::before{display:none}
.paint-home .portfolio-wordmark,.paint-home .portfolio-header nav,.paint-home .paint-cue,.paint-home .painting-title,.paint-home .paint-gallery-link{background:transparent;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.paint-home .portfolio-header nav{padding-right:0;padding-left:0}
.paint-home .portfolio-wordmark,.paint-home .portfolio-header nav a,.paint-home .painting-title,.paint-home .paint-cue{color:#fffaf0;text-shadow:0 1px 2px #000b,0 2px 9px #0008;transition:color .2s ease,text-shadow .2s ease}
.paint-home [data-ink="dark"]{color:#18211b!important;text-shadow:0 1px 2px #fff9,0 2px 8px #fff7!important}
.paint-home .portfolio-header nav a::after{background:currentColor}
.paint-home .artist-signature{filter:none;mix-blend-mode:normal;overflow:hidden}
.paint-home .portfolio-wordmark{overflow:visible;filter:drop-shadow(0 1px 1px #000a) drop-shadow(0 2px 5px #0007)}
.paint-home .portfolio-wordmark[data-ink="dark"]{filter:drop-shadow(0 1px 1px #fffa) drop-shadow(0 2px 5px #fff7)}
.paint-home .paint-gallery-link{color:#fffaf0;border-bottom:1px solid #d7b674;padding:12px 0;text-shadow:none}
@media(prefers-reduced-motion:reduce){.paint-home .portfolio-wordmark,.paint-home .portfolio-header nav a,.paint-home .painting-title,.paint-home .paint-cue{transition:none}}
/* Quiet labels and an open directional cue, without a button container. */
.paint-home .painting-title{padding:8px 0;border-bottom:1px solid currentColor}
.paint-home .paint-cue{padding-left:0;padding-right:0;gap:14px}
.paint-home .paint-cue span{display:inline-block;transition:transform .2s ease}
.paint-home .paint-cue:hover span{transform:translateY(4px)}
@media(prefers-reduced-motion:reduce){.paint-home .paint-cue span{transition:none}.paint-home .paint-cue:hover span{transform:none}}
/* Black and white paint shapes provide a home for the controls. */
.paint-home .portfolio-header nav,.paint-home .painting-title,.paint-home .paint-cue{--field:#fff;--field-ink:#191a18;isolation:isolate}
.paint-home .portfolio-header nav[data-ink="dark"],.paint-home .painting-title[data-ink="dark"],.paint-home .paint-cue[data-ink="dark"]{--field:#191a18;--field-ink:#fff}
.paint-home .portfolio-header nav{padding-left:18px;padding-right:0}
.paint-home .portfolio-header nav::before{display:block;background:var(--field)}
.paint-home .portfolio-header nav a,.paint-home .painting-title,.paint-home .paint-cue,.paint-home .painting-title[data-ink="dark"],.paint-home .paint-cue[data-ink="dark"]{color:var(--field-ink)!important;text-shadow:none!important}
.paint-home .portfolio-header nav[data-ink="dark"]{text-shadow:none!important}
.paint-home .painting-title{padding:14px 12px 12px 0;border:0;max-width:min(520px,60vw)}
.paint-home .paint-cue{padding:13px 0 13px 15px}
.paint-home .painting-title::before,.paint-home .paint-cue::before{content:"";position:absolute;z-index:-1;pointer-events:none;background:var(--field);transition:background .2s ease}
.paint-home .painting-title::before{left:-4.3vw;right:-24px;top:-10px;bottom:-8px;clip-path:polygon(0 0,75% 8%,96% 0,100% 75%,95% 97%,37% 88%,0 100%);animation:field-from-left .7s cubic-bezier(.2,.7,.2,1) both}
.paint-home .paint-cue::before{left:-20px;right:-4.3vw;top:-6px;bottom:-10px;clip-path:polygon(8% 0,63% 10%,100% 4%,100% 100%,25% 89%,0 96%,3% 32%);animation:field-from-right .8s cubic-bezier(.2,.7,.2,1) both}
.paint-home .portfolio-header nav::before{transition:background .2s ease}
@media(max-width:600px){.paint-home .portfolio-header nav{padding-left:10px}.paint-home .painting-title::before{left:-20px;right:-14px}.paint-home .paint-cue::before{right:-20px;left:-12px}.paint-home .painting-title{max-width:52vw;padding-top:10px;padding-bottom:10px}.paint-home .paint-cue{padding:10px 0 10px 10px}}
@media(prefers-reduced-motion:reduce){.paint-home .painting-title::before,.paint-home .paint-cue::before,.paint-home .portfolio-header nav::before{animation:none;transition:none}}
@media(max-width:600px){.paint-home .painting-title{max-width:44vw}}
/* Pick the signature's initial ink once, then keep the controls steady. */
.paint-home{--control-paint:#18211b;--control-text:#fffaf0}
.paint-home[data-control-tone="light"]{--control-paint:#fffaf0;--control-text:#18211b}
.paint-home .portfolio-header nav,.paint-home .painting-title,.paint-home .paint-cue{--field:var(--control-paint);--field-ink:var(--control-text)}
.paint-home .portfolio-header nav::before,.paint-home .painting-title::before,.paint-home .paint-cue::before{animation:none;transition:none;clip-path:none;mask:url('./images/control-paint.svg') center/100% 100% no-repeat;-webkit-mask:url('./images/control-paint.svg') center/100% 100% no-repeat}
.paint-home .painting-title::before{transform:scaleX(-1)}
.paint-home .painting-title::after,.paint-home .paint-cue::after{content:"";position:absolute;pointer-events:none;z-index:-1;background:var(--field);mask:url('./images/control-line.svg') center/100% 100% no-repeat;-webkit-mask:url('./images/control-line.svg') center/100% 100% no-repeat}
.paint-home .painting-title::after{left:calc(-4.3vw - 5px);right:-29px;top:-6px;bottom:-12px;transform:scaleX(-1)}
.paint-home .paint-cue::after{left:-26px;right:calc(-4.3vw - 6px);top:-2px;bottom:-14px}
.paint-home .paint-cue:hover span{transform:none}
@media(max-width:600px){.paint-home .painting-title::after{left:-25px;right:-19px}.paint-home .paint-cue::after{left:-18px;right:-26px}}
.paint-home .portfolio-header nav::before,.paint-home .painting-title::before,.paint-home .paint-cue::before{mask-mode:luminance}
/* A small breathing ink arrow replaces the labelled scroll control. */
.paint-home .paint-cue{width:44px;height:58px;padding:3px 10px;display:grid;place-items:center;top:calc(100svh - 88px);color:var(--control-paint)!important;filter:drop-shadow(0 1px 2px #ffffff80)}
.paint-home[data-control-tone="light"] .paint-cue{filter:drop-shadow(0 1px 2px #0009)}
.paint-home .paint-cue::before,.paint-home .paint-cue::after{display:none}
.scroll-hint{width:24px;height:52px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:scroll-invitation 2.8s ease-in-out infinite}
@keyframes scroll-invitation{0%,100%{transform:translateY(-3px);opacity:.55}50%{transform:translateY(5px);opacity:1}}
.paint-home .paint-cue:hover .scroll-hint,.paint-home .paint-cue:focus-visible .scroll-hint{opacity:1}
@media(prefers-reduced-motion:reduce){.scroll-hint{animation:none;opacity:1}}
.paint-home .paint-cue.is-dismissed{display:none}

/* Visible immediately in the first viewport, including while the art loads. */
.paint-home .paint-cue{position:fixed;z-index:15;left:calc(50% - 24px);right:auto;top:auto;bottom:34px;width:48px;height:66px;padding:0;color:#fffaf0!important;filter:drop-shadow(0 1px 2px #000b)}
.paint-home .paint-cue[data-ink="dark"]{color:#18211b!important;filter:drop-shadow(0 1px 2px #fff)}
.paint-home .paint-cue[data-ink="light"]{color:#fffaf0!important;filter:drop-shadow(0 1px 2px #000b)}
.scroll-hint{width:30px;height:60px;stroke-width:1.8;opacity:1}
@keyframes scroll-invitation{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}
@media(max-width:600px){.paint-home .paint-cue{bottom:92px}}