/* Continuous image field → focused 3D gallery. Scoped to the painting page. */
.motion-paintings{background:#fafafa;overscroll-behavior-x:none;--gallery-paper:#fafafa}
.motion-paintings .site-nav{padding:23px 4%;height:82px;color:#151515;background:linear-gradient(var(--gallery-paper) 58%,transparent);position:relative;z-index:30}
.motion-paintings .site-name{font-size:25px}.motion-paintings .site-nav>div{font-size:12px;gap:30px}.painting-navigation{position:fixed;top:0;left:0;right:0;z-index:30}
.painting-experience{position:relative;height:15000px}.focus-marker{position:absolute;top:2500px;width:1px;height:1px;pointer-events:none}.painting-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:var(--gallery-paper);touch-action:pan-y}
.painting-scene{position:absolute;inset:0;perspective:1600px;transform-style:preserve-3d}
.scene-art,.ring-art{position:absolute;top:0;left:0;margin:0;padding:0;background:transparent;border:0;display:flex;align-items:center;justify-content:center;will-change:transform;transform-origin:center;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;cursor:pointer;user-select:none}
.scene-art img,.ring-art img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;user-select:none;box-shadow:0 1px 3px #00000005}
.scene-art:focus-visible,.ring-art:focus-visible{outline:1px solid #333;outline-offset:8px}
.canvas-intro{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:4;pointer-events:none;width:max-content;max-width:84vw;will-change:transform,opacity}.canvas-intro .eyebrow{font-size:9px;letter-spacing:.15em;color:#888;margin-bottom:16px}.canvas-intro h1{font-family:'Fira Sans',Arial,sans-serif;font-size:clamp(25px,3.2vw,46px);font-weight:500;letter-spacing:-.045em;line-height:1.12}.canvas-intro>p:last-child{font-size:13px;color:#777;margin-top:12px}.canvas-tools{position:absolute;left:4%;right:4%;bottom:23px;display:flex;align-items:center;justify-content:space-between;z-index:10;font-size:10px;letter-spacing:.055em;background:linear-gradient(transparent,var(--gallery-paper));padding-top:22px}.canvas-tools button,.focus-top button{background:transparent;padding:8px 0;font-size:10px;letter-spacing:.04em}.canvas-tools sup{font-size:8px}
.focus-ui{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:20}.focus-ui button,.focus-ui a{pointer-events:auto}.focus-top{position:absolute;left:4%;right:4%;top:96px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.04em}.focus-top>span:nth-child(2){color:#777}.focus-caption{position:absolute;bottom:78px;left:20%;right:20%;text-align:center}.focus-caption h2{font:400 16px/1.3 'Fira Sans',Arial,sans-serif;letter-spacing:-.02em}.focus-caption p{font-size:10px;color:#777;margin-top:6px!important}.focus-tools{position:absolute;bottom:22px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:10px}.focus-tools p{color:#888;font-size:10px}.gallery-arrows{display:flex;gap:12px}.gallery-arrows button,.motion-bottom button{width:38px;height:38px;background:none;border:1px solid #ddd;border-radius:50%;font-size:18px;transition:background .2s}.gallery-arrows button:hover,.motion-bottom button:hover{background:#e8e8e8}.gallery-arrows button:disabled{opacity:.22;cursor:default}.art-pointer,.viewer-pointer{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#fff;color:#151515;font:25px/1 Arial,sans-serif;box-shadow:0 2px 20px #0000000a;pointer-events:none;z-index:25;opacity:0;transition:opacity .18s,scale .18s;scale:.8}.art-pointer.is-visible,.viewer-pointer.is-visible{opacity:1;scale:1}.scene-art:hover,.ring-art:hover{cursor:none}
.motion-about{background:var(--gallery-paper);position:relative;scroll-margin-top:80px;padding-top:125px;padding-bottom:125px;border-top:1px solid #eeeeec}.about-art-links{display:flex;gap:35px;align-items:center;margin-top:35px}.about-art-links button,.about-art-links a{font-size:12px;background:none;border-bottom:1px solid #999;padding:5px 0}.motion-paintings .custom-footer{position:relative}.motion-paintings .client-ticker{position:relative}
.motion-dialog,.motion-archive{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--gallery-paper);color:#171717;overflow:hidden;overscroll-behavior:contain}.motion-dialog::backdrop,.motion-archive::backdrop{background:#fafafa}.motion-dialog .site-nav,.motion-archive .site-nav{position:absolute;top:0;left:0;right:0}.viewer-heading{position:absolute;top:96px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:20;font-size:10px;letter-spacing:.03em}.viewer-heading>p{max-width:60%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.motion-close,.archive-close{padding:8px 0;background:none;font-size:12px!important}.motion-ring{position:absolute;inset:0;perspective:1600px;touch-action:pan-y;cursor:grab}.motion-ring.is-dragging,.motion-ring.is-dragging .ring-art{cursor:grabbing}.motion-caption{position:absolute;bottom:79px;left:24%;right:24%;text-align:center;pointer-events:none;z-index:10}.motion-caption h2{font:400 16px/1.3 'Fira Sans',Arial,sans-serif}.motion-caption p{font-size:10px;line-height:1.4;color:#888;margin-top:5px!important}#motion-description{max-height:38px;overflow:auto;pointer-events:auto}.motion-bottom{position:absolute;bottom:20px;left:4%;right:4%;display:flex;align-items:center;justify-content:center;gap:24px;z-index:20}.motion-bottom span{font-size:10px;color:#888}.motion-dialog[open],.motion-archive[open]{animation:gallery-reveal .3s ease-out}@keyframes gallery-reveal{from{opacity:0}to{opacity:1}}.painting-modal-open{overflow:hidden}
.motion-archive{overflow:auto;scrollbar-gutter:stable}.motion-archive .site-nav{position:sticky;background:var(--gallery-paper)}.archive-bar{display:flex;justify-content:space-between;align-items:center;margin:30px 5% 50px}.archive-bar h2{font:400 25px 'Fira Sans',Arial,sans-serif}.archive-bar sup{font-size:12px}.motion-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:65px 5%;padding:0 5% 80px}.motion-archive-grid figure{margin:0}.archive-art{padding:0;border:0;background:none;height:280px;width:100%;display:flex;align-items:center;justify-content:center}.archive-art img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .35s}.archive-art:hover img{transform:scale(1.045)}.motion-archive-grid figcaption{display:flex;gap:14px;font-size:11px;line-height:1.4;margin-top:18px}.motion-archive-grid figcaption>span{color:#aaa;font-size:9px}.motion-archive-grid small{display:block;font-size:9px;color:#888;margin-top:5px}
@media(max-width:809px){.motion-paintings .site-nav{height:74px;padding:20px 6%}.motion-paintings .site-name{font-size:22px}.motion-paintings .site-nav>div{gap:17px;font-size:11px}.canvas-intro h1{font-size:29px}.canvas-intro .eyebrow{font-size:8px}.canvas-intro>p:last-child{font-size:11px}.canvas-tools{left:6%;right:6%;bottom:20px;font-size:9px;letter-spacing:0}.canvas-tools button{font-size:9px}.focus-top,.viewer-heading{top:84px;left:6%;right:6%;font-size:9px}.focus-top>span:nth-child(2){max-width:42%;text-align:center;font-size:8px}.focus-caption{left:12%;right:12%;bottom:112px}.focus-caption h2,.motion-caption h2{font-size:14px}.focus-caption p,.motion-caption p{font-size:9px}.focus-tools{left:6%;right:6%;bottom:20px;flex-wrap:wrap;gap:10px}.focus-tools>p{position:absolute;bottom:49px;left:0;right:0;text-align:center;font-size:9px;pointer-events:none}.focus-tools a{font-size:9px}.gallery-arrows button{width:35px;height:35px}.art-pointer,.viewer-pointer{display:none}.scene-art:hover,.ring-art:hover{cursor:pointer}.motion-caption{left:15%;right:15%;bottom:92px}.motion-bottom{bottom:24px;gap:20px}.motion-bottom span{font-size:9px}.motion-bottom button{width:36px;height:36px}.viewer-heading>p{font-size:9px;max-width:45%}.motion-close{font-size:10px!important}.motion-about{padding-top:75px;padding-bottom:75px}.about-art-links{gap:20px;flex-wrap:wrap}.about-art-links button,.about-art-links a{font-size:11px}.motion-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 8%;padding-inline:6%}.archive-art{height:210px}.archive-bar{margin:20px 6% 40px}.archive-bar h2{font-size:22px}.motion-archive-grid figcaption{font-size:10px;gap:8px}.motion-archive-grid small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.scene-art,.ring-art{will-change:auto}.motion-dialog[open],.motion-archive[open]{animation:none}.art-pointer,.viewer-pointer{display:none}.archive-art img{transition:none}}
@media(hover:none){.art-pointer,.viewer-pointer{display:none}}
/* Flatten sibling hit testing; each artwork keeps its own perspective transform. */
.painting-scene{transform-style:flat}
html:has(.motion-paintings){scrollbar-gutter:stable}
.statement-word{display:inline-block;will-change:opacity,transform}
@media(prefers-reduced-motion:reduce){.statement-word{will-change:auto;opacity:1!important;transform:none!important}}
/* The field, artist statement and focused gallery form one continuous page. */
.focused-experience{position:relative;min-height:100svh}
.focused-stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:var(--gallery-paper)}
.focused-scene{position:absolute;inset:0;perspective:1600px;transform-style:flat}
.focus-art{position:absolute;top:0;left:0;margin:0;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;transform-origin:center;backface-visibility:hidden;cursor:pointer}
.focus-art img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:none;user-select:none}
.focus-art:focus-visible{outline:1px solid #333;outline-offset:8px}
.focused-stage .focus-ui{opacity:1}.focus-top{gap:20px}.focus-tools{justify-content:space-between}
.motion-about{display:block;text-align:center;padding:120px 8% 150px;border:0;background:var(--gallery-paper)}
.motion-about>.eyebrow{margin:0 0 45px;color:#777}
.motion-about h2{max-width:690px;margin:0 auto 48px;font-family:'Fira Sans',Arial,sans-serif;font-size:clamp(29px,3vw,40px);line-height:1.22;letter-spacing:-.035em;font-weight:400}
.motion-about>div{max-width:640px;margin:auto}
.motion-about>div>p{font-size:clamp(22px,2.27vw,29px);line-height:1.25;letter-spacing:-.035em;font-weight:400;color:#33333d;max-width:none;margin:0 0 30px}
.bend-surface{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none;display:none}
.scene-art.has-bend img{opacity:0}.scene-art.has-bend .bend-surface{display:block}
@media(max-width:809px){.motion-about{padding:80px 7% 100px}.motion-about h2{font-size:29px;margin-bottom:35px}.motion-about>div>p{font-size:22px;line-height:1.3}.focus-top>span:last-child{font-size:8px}.focus-tools{justify-content:center}.focus-caption{bottom:115px}}
.motion-paintings .site-nav{background:var(--gallery-paper)}
/* Use the same navigation metrics and type as the original case-study pages. */
.motion-paintings .original-format-nav{height:90px;padding:56px 100px 18px 80px;font:400 16px/1 'Fira Sans',Arial,sans-serif;color:#191919;background:var(--gallery-paper)}
.motion-paintings .original-format-nav .site-name{font:400 16px/1 'Open Sans',Arial,sans-serif}
.motion-paintings .original-format-nav>div{gap:28px;font:400 16px/1 'Fira Sans',Arial,sans-serif}
@media(min-width:810px) and (max-width:1235.98px){.motion-paintings .original-format-nav{padding:50px 68px 18px 48px;height:84px}}
@media(max-width:809.98px){.motion-paintings .original-format-nav{padding:42px 44px 18px 24px;height:76px}}
/* The recording keeps a quiet central title that lifts toward the top on scroll. */
.canvas-intro h1{font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-.015em}.canvas-intro .eyebrow{font-size:8px;margin-bottom:12px}.canvas-intro>p:last-child{font-size:11px;margin-top:9px}
@media(max-width:809px){.canvas-intro h1{font-size:23px}.canvas-intro .eyebrow{font-size:7px}}