:root{color-scheme:dark;--purple:#c3a0e7;--muted:#c0b8c8;--line:#ffffff25;background:#131116;color:#f5f2f6;font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--purple);outline-offset:5px}a:hover{color:var(--purple)}.skip{position:absolute;left:20px;top:-100px;padding:15px;background:#211828;z-index:10}.skip:focus{top:10px}.gallery-header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:25px 4%;border-bottom:1px solid var(--line)}.brand{font-size:16px;letter-spacing:.22em;white-space:nowrap}.brand span{display:block;margin-top:8px;font-size:12px;letter-spacing:.2em;color:var(--muted)}.gallery-header nav{display:flex;flex-wrap:wrap;gap:14px 28px;font-size:14px}.gallery-scene{position:relative;width:100%;aspect-ratio:1672/941;overflow:hidden;isolation:isolate}.gallery-scene>img{width:100%;height:100%;object-fit:contain;display:block}.art-zone{position:absolute;display:grid;place-items:center;border-radius:20%;isolation:isolate}.art-zone::before{content:"";position:absolute;inset:-12%;background:radial-gradient(ellipse,#c494ec65,#a56bda2b 45%,transparent 73%);mix-blend-mode:screen;opacity:0;transition:opacity .35s}.art-zone>span{position:relative;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s;text-align:center;color:#e7ccff;background:#170e22ce;backdrop-filter:blur(4px);border-bottom:1px solid var(--purple);padding:12px;font-size:14px;width:max-content;max-width:210px;box-shadow:0 0 35px #9b57cb35}.art-zone b{font-weight:400}.art-zone:hover,.art-zone:focus-visible{z-index:2;outline:none}.art-zone:hover::before,.art-zone:focus-visible::before{opacity:1}.art-zone:hover>span,.art-zone:focus-visible>span{opacity:1;transform:none}.art-zone:focus-visible>span{outline:2px solid var(--purple);outline-offset:4px}.sign-link{position:absolute;left:90.4%;width:8.9%;height:3.15%;transform:translateY(-50%) skewY(3deg);display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:clamp(10px,1.04vw,24px);letter-spacing:.08em;color:transparent}.sign-link span{color:transparent;transition:text-shadow .3s;white-space:nowrap}.sign-link:hover span,.sign-link:focus-visible span{text-shadow:0 0 2px #ead7f2,0 0 8px #c69aea,0 0 18px #bc89e7;filter:blur(.65px)}.sign-link:focus-visible{outline:1px solid var(--purple);outline-offset:3px}.gallery-caption{padding:28px 5% 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-caption h1{font-weight:300;font-size:32px;margin:0}.gallery-caption p{font-size:14px;color:var(--muted);margin:0}.touch-copy{display:none}.gallery-index{display:flex;justify-content:center;gap:50px;padding:24px 5% 30px;border-bottom:1px solid var(--line);font-size:16px}.gallery-index a{padding:10px;border-bottom:1px solid #c3a0e760}.gallery-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:20px 35px;padding:35px 5%;color:var(--muted);font-size:14px}.collection{max-width:1400px;padding:65px 6%;margin:auto}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--purple);margin:0 0 20px}.page-intro h1,.collector-copy h1{font-size:clamp(42px,5vw,72px);font-weight:300;line-height:1.12;margin:0 0 24px}p{font-size:16px;line-height:1.8;color:var(--muted)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 45px;margin-top:60px}.work-grid figure{margin:0;min-width:0}.work-grid figure>a{height:480px;display:flex;background:#0c0b0d;align-items:center;justify-content:center;padding:20px}.work-grid img{max-height:100%;max-width:100%;object-fit:contain}.work-grid figcaption h2{font-size:23px;font-weight:400;margin:20px 0 12px}.work-grid figcaption a{font-size:14px;color:var(--purple)}.archive,.collector-invite{border-top:1px solid var(--line);padding-top:40px;margin-top:65px}.archive h2,.collector-invite h2{font-size:32px;font-weight:300}.archive>div{display:flex;gap:35px;flex-wrap:wrap;color:var(--purple);font-size:16px}.action{display:inline-flex;background:#af82dc;color:#160f1d;border:1px solid #c8a1ef;padding:16px 22px;font-size:16px;margin-top:10px}.action:hover{background:#c6a0ec;color:#160f1d}.collectors{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:65px 6%;max-width:1500px;margin:auto}.collector-image img{width:100%;max-height:850px;object-fit:contain}.collector-image{align-self:start;position:sticky;top:35px}.collector-copy section{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.collector-copy h2{font-size:25px;font-weight:400;margin:0}.text-link{display:inline-block;color:var(--purple);font-size:16px;padding-bottom:8px;border-bottom:1px solid #c3a0e760}
@media(max-width:850px){.gallery-header{flex-direction:column;align-items:flex-start;gap:20px}.gallery-header nav{gap:12px 22px}.gallery-caption{align-items:flex-start;flex-direction:column;gap:12px}.gallery-index{gap:15px;flex-wrap:wrap}.work-grid{gap:45px 24px}.work-grid figure>a{height:320px}.collectors{grid-template-columns:1fr}.collector-image{position:static}.collector-image img{max-height:550px}.collector-copy{padding-top:30px}.art-zone>span{font-size:14px;max-width:150px}.sign-link{font-size:1.04vw}}
@media(max-width:600px){.art-zone,.scene-sign{display:none}.hover-copy{display:none}.touch-copy{display:inline}.gallery-index{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;text-align:center}.gallery-index a{padding:14px}.work-grid{grid-template-columns:1fr}.collection{padding:40px 6%}.work-grid figure>a{height:auto;min-height:260px}.work-grid img{max-height:550px}.gallery-caption h1{font-size:30px}.gallery-header nav a{padding:5px 0}}
@media(hover:none){.hover-copy{display:none}.touch-copy{display:inline}.art-zone>span{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before{transition:none!important}}

/* The Paintings is an immersive, image-only room. */
.paintings-page{overflow:hidden}
.paintings-page #main{height:100dvh;overflow:clip;position:relative;display:flex;align-items:center;justify-content:flex-end}
.paintings-page .gallery-scene{width:max(100%,calc(100dvh * 1672 / 941));height:auto;flex-shrink:0}
.paintings-page .gallery-home{position:fixed;top:30px;left:4.5%;z-index:5;text-shadow:0 2px 10px #000,0 0 24px #000}
.paintings-page .art-zone{display:grid}
.paintings-page .scene-sign{display:block}
.paintings-page .sign-link{font-size:max(1.04vw,1.848dvh)}
@media(max-width:700px){.paintings-page .gallery-home{top:24px;left:6%;font-size:13px}.paintings-page .gallery-home span{font-size:10px}}

.paintings-page .gallery-explore{position:fixed;top:30px;right:4.5%;z-index:5;padding:10px 0;font-size:14px;text-shadow:0 2px 10px #000,0 0 24px #000}
.paintings-page .gallery-explore:hover,.paintings-page .gallery-explore:focus-visible{color:var(--purple);text-shadow:0 0 16px #a76bd799}
@media(max-width:700px){.paintings-page .gallery-explore{top:24px;right:6%;max-width:40%;text-align:right;font-size:13px}}

figure.collector-image{margin:0}.collector-image img{display:block}.collector-image figcaption{margin-top:14px;font-size:13px;line-height:1.6;color:var(--muted);font-style:italic}

/* Gallery navigation follows the Artist and Atelier mastheads. */
.gallery-navigation{position:fixed;top:30px;right:4.5%;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.gallery-navigation nav{display:flex;gap:20px}
.gallery-navigation .small-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:13px 19px;border:1px solid #c3a0e799;background:#2b173d99;color:#f5f2f6;font-size:14px;line-height:1.5;white-space:nowrap;transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease,transform .12s ease}
.gallery-navigation .small-cta:hover,.gallery-navigation .small-cta:focus-visible{background-color:#704198a6;border-color:#d9b6f5;box-shadow:inset 0 0 20px #c995f04d,inset 0 0 7px #dfb5ff30}
.gallery-navigation .small-cta:active{transform:translateY(1px) scale(.985);background-color:#8051aaa6;box-shadow:inset 0 0 24px #c995f066,inset 0 2px 5px #170b2533}
.paintings-page .gallery-navigation .gallery-explore{position:fixed;top:30px;left:50%;right:auto;transform:translateX(-50%);max-width:none;min-height:49px;display:flex;align-items:center;padding:8px 0;font-size:14px;white-space:nowrap;text-align:center}
@media(max-width:700px){.gallery-navigation{top:24px;right:6%;gap:8px}.gallery-navigation nav{gap:10px}.gallery-navigation .small-cta{padding:11px 14px}}
@media(max-width:500px){.gallery-navigation{top:90px}.gallery-navigation nav{gap:10px}}
@media(prefers-reduced-motion:reduce){.gallery-navigation .small-cta{transition:none}.gallery-navigation .small-cta:active{transform:none}}

/* Hit areas follow the relocated outdoor sign's four lettering rows. */
.paintings-page .gallery-scene{aspect-ratio:1671/941}
.paintings-page .sign-link{left:61.9%;width:8.1%;height:3.6%;transform:translateY(-50%) rotate(2deg);font-size:max(1.04vw,1.848dvh)}
/* Keep the sign and entrance together in the right-anchored phone view. */
@media(max-width:700px){
 .paintings-page .gallery-scene{width:238.095vw;max-width:none}
 .paintings-page .sign-link{font-size:2.476vw}
 .paintings-page #main{padding-top:110px;background:#131116}
}

/* Center the collection entry, with a separate row when the header is narrow. */
@media(max-width:900px){.paintings-page .gallery-navigation .gallery-explore{top:88px}}
@media(max-width:500px){.paintings-page .gallery-navigation .gallery-explore{top:146px}}
