.landscape-native{position:relative;aspect-ratio:1;overflow:hidden;isolation:isolate;background:#101010}
.landscape-native img{position:absolute;display:block;margin:0;max-width:none;max-height:none;object-fit:fill;user-select:none;pointer-events:none}
.landscape-native .native-plate{width:128%;height:128%;left:-16%;top:-27.777778%}
.landscape-native .native-blank{position:absolute;left:20.888889%;top:50.777778%;width:58.333333%;height:13.055556%;overflow:hidden;opacity:1}
.landscape-native .native-blank-crop{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 .7%,#000 99.3%,transparent),linear-gradient(transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 .7%,#000 99.3%,transparent),linear-gradient(transparent,#000 3%,#000 97%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.landscape-native .native-blank img{width:219.847328%;height:976.271186%;left:-63.358779%;top:-599.152542%}
.landscape-native .native-panorama{position:absolute;left:0;right:0;bottom:0;height:33.333333%;overflow:hidden;isolation:isolate;-webkit-mask-image:linear-gradient(transparent,#000 26.666667%);mask-image:linear-gradient(transparent,#000 26.666667%)}
.landscape-native .native-panorama img{width:100%;height:225%;left:0;top:-62.5%}
.landscape-native .native-trace{position:absolute;inset:0;overflow:hidden;mix-blend-mode:screen}
.landscape-native .native-trace img{filter:invert(1)}
.landscape-native .native-blank{animation:yorelec-blank 8s linear both}
.landscape-native .native-trace{animation:yorelec-relief 8s linear both}
.landscape-native[data-cycle="1"] .native-blank{animation-name:yorelec-blank-again}
.landscape-native[data-cycle="1"] .native-trace{animation-name:yorelec-relief-again}
@keyframes yorelec-blank{0%,7.5%{clip-path:inset(0 0 0 0)}67.5%,100%{clip-path:inset(0 0 0 100%)}}
@keyframes yorelec-blank-again{0%,7.5%{clip-path:inset(0 0 0 0)}67.5%,100%{clip-path:inset(0 0 0 100%)}}
@keyframes yorelec-relief{0%,7.5%{clip-path:inset(0 100% 0 0)}67.5%,100%{clip-path:inset(0 0 0 0)}}
@keyframes yorelec-relief-again{0%,7.5%{clip-path:inset(0 100% 0 0)}67.5%,100%{clip-path:inset(0 0 0 0)}}
.landscape-native[data-waiting] .native-blank{animation:none;clip-path:inset(0)}
.landscape-native[data-waiting] .native-trace{animation:none;clip-path:inset(0 100% 0 0)}
.landscape-native[data-background] .native-blank,.landscape-native[data-background] .native-trace{animation-play-state:paused}
/* Pressing replay also restarts the CSS animation in a script-free HTML viewer. */
.landscape-animation:has([data-replay]:active) .native-blank,.landscape-animation:has([data-replay]:active) .native-trace{animation:none}
.landscape-animation[data-landscape-animation] figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding-top:16px}
.landscape-animation[data-landscape-animation] figcaption p{margin:0;min-width:0;font-size:15px;line-height:1.5;color:#ccc}
.native-motion-controls{display:flex;align-items:center;max-width:150px}
.native-motion-controls button{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;line-height:1.4;color:#fff;background:transparent;border:1px solid #666;padding:10px 12px;min-height:44px;max-width:100%;cursor:pointer}
.native-motion-controls button:hover{border-color:#E7C446}
.native-motion-controls button:focus-visible{outline:3px solid #E7C446;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.landscape-native:not([data-manual]) .native-blank{animation:none!important;opacity:0!important}.landscape-native:not([data-manual]) .native-trace{animation:none!important;clip-path:none!important}}
@media(prefers-reduced-motion:reduce){
 .landscape-native[data-manual] .native-blank{animation:yorelec-blank 8s linear both!important;opacity:1!important}
 .landscape-native[data-manual] .native-trace{animation:yorelec-relief 8s linear both!important}
 .landscape-native[data-manual][data-cycle="1"] .native-blank{animation-name:yorelec-blank-again!important}
 .landscape-native[data-manual][data-cycle="1"] .native-trace{animation-name:yorelec-relief-again!important}
 .landscape-native[data-manual][data-background] .native-blank,.landscape-native[data-manual][data-background] .native-trace{animation-play-state:paused!important}
}

@media(max-width:420px){.landscape-animation[data-landscape-animation] figcaption{gap:12px}.native-motion-controls{max-width:126px}.landscape-animation[data-landscape-animation] figcaption p{font-size:14px}}
.atelier-motion .atelier-motion-scene{display:block;width:100%;aspect-ratio:1;overflow:hidden;background:#050505}
.engraving-gallery.atelier-gallery .atelier-motion-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;max-height:none}
.atelier-motion figcaption{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding-top:16px}
.atelier-motion figcaption p{margin:0;min-width:0;font-size:15px;line-height:1.5;color:#595959}
.atelier-motion .native-motion-controls button{color:#171717;border-color:#777}
.atelier-motion .native-motion-controls button:hover{border-color:#171717;background:#E7C446}
@media(max-width:420px){.atelier-motion figcaption{gap:12px}.atelier-motion figcaption p{font-size:14px}}