/* Motion only: original fonts, colours, navigation, images and layouts are untouched. */
.motion-scroll{position:relative;width:100%}.motion-scroll>.motion-stage{position:sticky!important;margin-top:0!important;margin-bottom:0!important;isolation:isolate}.motion-stage{overflow:hidden}.motion-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .16s linear;z-index:0}.motion-stage>.container{position:relative;z-index:2}.motion-stage.bg-overlay::after{pointer-events:none}.motion-stage .slide-img .motion-video{z-index:1}.motion-toolbar{position:fixed;bottom:20px;right:20px;z-index:1050;display:flex;align-items:center;gap:12px;border:1px solid #ffffff55;border-radius:30px;background:rgba(0,0,0,.72);backdrop-filter:blur(12px);padding:9px 16px;color:white;font:10px/1.4 Arial,sans-serif;box-shadow:0 4px 20px #0002}.motion-toolbar button{font:inherit;letter-spacing:.04em;color:inherit;background:none;border:0;cursor:pointer;padding:4px 0}.motion-toolbar a{font:inherit;color:white;letter-spacing:0;padding-left:12px;border-left:1px solid #ffffff55}.motion-toolbar button:focus-visible,.motion-toolbar a:focus-visible{outline:2px solid white;outline-offset:4px}.motion-timeline{position:fixed;left:0;top:0;height:3px;width:100%;z-index:1100;background:linear-gradient(90deg,#9b80d7,#e8bed4,#fff);transform:scaleX(0);transform-origin:left;pointer-events:none}.motion-scroll-cue{position:absolute;left:50%;bottom:20px;translate:-50% 0;z-index:5;border:1px solid #ffffff77;border-radius:30px;background:#0006;color:#fff!important;font:9px/1.4 Arial,sans-serif!important;letter-spacing:.15em;padding:10px 20px;white-space:nowrap;pointer-events:none}.motion-scroll-cue span{margin-left:15px;display:inline-block;animation:motion-arrow 1.8s ease-in-out infinite}.motion-stage .hero-slides-content{transition:translate .1s linear}.header-area .oneMusic-main-menu{transition:background-color .3s,box-shadow .3s,backdrop-filter .3s}.header-area .is-sticky .oneMusic-main-menu{backdrop-filter:blur(16px);box-shadow:0 8px 28px #0003}.motion-image-surface{transition:scale .6s ease,filter .6s ease!important}.motion-image-surface:hover{scale:1.035;filter:saturate(1.06)}.album-thumb{overflow:hidden}.motion-reveal{animation:motion-reveal .85s both!important}.motion-off .motion-video{opacity:0!important}.motion-off .motion-scroll-cue{display:none}.motion-off .motion-image-surface{transition:none!important;scale:1!important;filter:none!important}.motion-off .motion-reveal{animation:none!important}.motion-off .wow,.motion-off [data-aos]{visibility:visible!important;opacity:1!important;animation:none!important;transform:none!important}.motion-off .slide-img{animation:none!important;transform:none!important}.motion-off .motion-stage .hero-slides-content{translate:none!important}@keyframes motion-arrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}@keyframes motion-reveal{from{clip-path:inset(10% 0 0);translate:0 24px}to{clip-path:inset(0);translate:0 0}}@media(max-width:600px){.motion-toolbar{bottom:12px;right:12px;padding:7px 12px;font-size:9px}.motion-scroll-cue{bottom:16px;font-size:8px!important;padding:8px 12px}.motion-scroll-cue span{margin-left:8px}}@media(prefers-reduced-motion:reduce){.motion-scroll-cue{display:none}.motion-reveal,.motion-scroll-cue span{animation:none!important}.motion-image-surface{transition:none!important;scale:1!important}.motion-video{opacity:0!important}}
/* The pinned picture fills the viewport during its cinematic chapter. */
.motion-scroll>.motion-stage:not(.hero-area){min-height:100svh}
.lg-on .motion-toolbar,.lg-on .motion-timeline{display:none}
.motion-stage.hero-area .single-hero-slide{min-height:100svh}
.motion-scrubbing .hero-slides-content [data-animation]{opacity:1!important;animation:none!important}
.motion-off .motion-scroll>.motion-stage:not(.hero-area){min-height:0}
.motion-off .motion-stage.hero-area .single-hero-slide{min-height:0}
@media(max-width:600px){.motion-scroll-cue{bottom:70px}}

/* The artist introduction: a floating portrait and scroll-driven geometric orbit. */
.artist-motion .featured-artist-thumb{
  position:relative;isolation:isolate;max-width:360px;margin:0 auto;
  transform:perspective(900px) translateY(var(--portrait-lift,0px)) rotateX(var(--portrait-tilt-x,0deg)) rotateY(var(--portrait-tilt-y,0deg)) scale(var(--portrait-scale,1));
  transition:transform .3s ease-out;
}
.artist-motion .featured-artist-thumb img{display:block;width:100%;border-radius:50%;box-shadow:0 22px 55px #0005;position:relative;z-index:1}
.artist-motion .featured-artist-thumb::before{content:"";position:absolute;inset:-20px;border:1px solid #ffffff38;border-radius:50%;transform:rotate(-24deg) scaleX(1.07);pointer-events:none}
.portrait-orbit{position:absolute;inset:-11px;border:1px solid #e8bed46b;border-radius:50%;transform:rotate(var(--portrait-orbit,0deg));transition:transform .3s ease-out;pointer-events:none;z-index:2}
.portrait-orbit::before,.portrait-orbit::after{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#e8bed4;box-shadow:0 0 15px #e8bed499}
.portrait-orbit::after{left:14%;top:auto;bottom:12%;width:5px;height:5px;background:#c9c4ee;box-shadow:0 0 12px #c9c4ee88}
.artist-motion .featured-artist-content{transform:translateY(var(--artist-copy-lift,0px));transition:transform .3s ease-out}
.motion-off .artist-motion .featured-artist-thumb,.motion-off .artist-motion .featured-artist-content{transform:none;transition:none}
.motion-off .portrait-orbit,.motion-off .artist-motion .featured-artist-thumb::before{display:none}
@media(max-width:767px){.artist-motion .featured-artist-thumb{max-width:280px;margin:12px auto 52px}.artist-motion .featured-artist-content{transform:none}}
@media(prefers-reduced-motion:reduce){.artist-motion .featured-artist-thumb,.artist-motion .featured-artist-content{transform:none!important;transition:none!important}.portrait-orbit,.artist-motion .featured-artist-thumb::before{display:none}}

/* Artwork in motion behind a steady, readable contact form. */
#contact.contact-motion{position:relative;isolation:isolate;overflow:hidden;background:#f3f3fe!important}
.contact-art-backdrop{position:absolute;inset:-4%;z-index:-2;pointer-events:none;background:url('../images/desene/2026 cars/Velocity Blueprint, ink on paper, 2026, 30-42 cm.jpg') center/cover;opacity:.18;filter:blur(2px) saturate(.7)}
.contact-art-backdrop video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:0;transition:opacity 1.5s ease}
.contact-art-backdrop.film-ready video{opacity:1}
#contact.contact-motion::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at var(--contact-light-x,25%) var(--contact-light-y,35%),#fff9,transparent 60%),linear-gradient(180deg,#f3f3febf,transparent 25%,#f3f3fe99)}
#contact.contact-motion .jotform-container{position:relative;background:#fffffff0;border:1px solid #ffffffd9;border-radius:14px;box-shadow:0 22px 65px #29205c12;overflow:hidden}
#contact.contact-motion .section-heading{position:relative}
#contact.contact-motion .section-heading::after{content:"";display:block;width:70px;height:2px;margin:25px auto 0;background:linear-gradient(90deg,#d790ac,#aaa1d6,#d790ac);background-size:200% 100%;animation:contact-light-flow 9s ease-in-out infinite alternate;animation-play-state:paused}
#contact.contact-in-view .section-heading::after{animation-play-state:running}
@keyframes contact-light-flow{from{background-position:0% 50%;transform:scaleX(.8)}to{background-position:100% 50%;transform:scaleX(1.15)}}
.motion-off .contact-art-backdrop video{display:none}
.motion-off #contact.contact-motion .section-heading::after{animation:none}
.motion-off #contact.contact-motion::before{background:linear-gradient(180deg,#f3f3febf,transparent 25%,#f3f3fe99)}
@media(max-width:767px){.contact-art-backdrop{opacity:.13}#contact.contact-motion .jotform-container{border-radius:8px}}
@media(prefers-reduced-motion:reduce){.contact-art-backdrop video{display:none}#contact.contact-motion .section-heading::after{animation:none}#contact.contact-motion::before{background:linear-gradient(180deg,#f3f3febf,transparent 25%,#f3f3fe99)}}