.motion-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;z-index:-1;pointer-events:none}
.has-motion .scene-art,.has-motion .exit-shutter{display:none}
.has-motion .room-shade{z-index:0;pointer-events:none}
.has-motion .hero-copy,.has-motion .collection-copy,.has-motion .contact-copy,.has-motion .exit-copy{z-index:2}
.has-motion .reference-book-wrap,.has-motion .reference-paper-wrap{inset:0;opacity:var(--settled,0);pointer-events:none;background:#060908}
.has-motion .reference-book,.has-motion .reference-paper{width:100%;max-width:none;min-width:0;height:100%;aspect-ratio:auto;transform:none}
.has-motion .reference-book img,.has-motion .reference-paper img{object-fit:contain;opacity:1}
.has-motion .book-cover,.has-motion .turning-page{display:none}
.has-motion.magnify-ready .reference-book-wrap,.has-motion.magnify-ready .reference-paper-wrap{pointer-events:auto}
.artist .motion-canvas,.experience .motion-canvas{object-fit:contain;background-size:contain;background-repeat:no-repeat}
.read-paper{position:absolute;bottom:35px;left:5vw;background:none;border:0;border-bottom:1px solid #b2995570;color:var(--cream);font:12px var(--sans);padding:8px;cursor:pointer;z-index:3}
.paper-dialog{max-width:760px;max-height:85vh;background:#e4d7bc;color:#30281e;padding:40px;border:1px solid #b29955;line-height:1.7}.paper-dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.paper-dialog h2{font-size:42px;margin-bottom:25px}.paper-dialog h3{font-size:24px;margin:25px 0 10px}.paper-dialog p{color:#493d2b}.paper-dialog button{float:right;background:none;border:0;border-bottom:1px solid;cursor:pointer}
.has-motion .read-book,.has-motion .read-paper,.has-motion .book-hint{opacity:var(--settled,0)}
@media(max-width:700px){.has-motion .motion-canvas{object-fit:contain;background-size:contain;background-repeat:no-repeat;background-color:#060908}.has-motion .collection-copy{top:64%;left:8%;transform:none}.has-motion .collection-copy h2{font-size:36px}.has-motion .contact-copy{top:52%;transform:none}.has-motion .contact-copy h2{font-size:34px}.has-motion .contact-copy>p:not(.eyebrow){font-size:14px}.has-motion .contact-links{gap:9px;margin-top:15px}.has-motion .hero-copy{top:65%;left:8%;transform:none}.has-motion .hero-copy h1{font-size:38px;white-space:normal}.has-motion .exit-copy{justify-content:flex-end;padding-bottom:120px}.read-paper{left:50%;transform:translateX(-50%);white-space:nowrap}.paper-dialog{max-width:92vw;padding:25px}}
@media(prefers-reduced-motion:reduce){.has-motion .motion-canvas{display:none}.has-motion .scene-art{display:block;visibility:visible}.has-motion .reference-book-wrap,.has-motion .reference-paper-wrap{position:absolute;inset:0;opacity:1}.has-motion .read-book,.has-motion .read-paper,.has-motion .book-hint{opacity:1}}

.magnify-ready .reference-paper{cursor:zoom-in}.reference-paper:focus-visible{outline:2px solid var(--gold);outline-offset:-12px}

/* Expertise stays on the supplied footage; no crossfade to a different still. */
#experience.has-motion .reference-paper-wrap{opacity:1;background:transparent}
#experience.has-motion .reference-paper img{opacity:0}
@media(prefers-reduced-motion:reduce){#experience.has-motion .reference-paper img{opacity:1}}