.atelier-nav { height:56px; display:flex; align-items:center; justify-content:center; gap:8px; background:#fff; position:relative; z-index:10; font:12px system-ui,sans-serif; }
.atelier-nav a { padding:11px 14px; border:1px solid transparent; border-radius:24px; color:#5c5148; text-decoration:none; }
.atelier-nav a[aria-current] { border-color:#d6c9bb; background:#f7f3ed; }
.atelier-nav a:focus-visible { outline:2px solid #705b47; outline-offset:2px; }
body[data-atelier="A"] > .art { top:56px; }
body[data-atelier="A"] > .motion-toggle { top:68px; }
body[data-atelier="B"] { background:#eae7e0; padding-bottom:36px; }
.atelier-sheet { position:relative; max-width:1500px; margin:24px auto 0; width:calc(100% - 64px); background:linear-gradient(120deg,#fffefa,#fff 48%,#fdfbf7); border:1px solid #e0dbd2; box-shadow:0 2px 2px #5b483318,0 12px 26px #5b483317,0 32px 64px #5b48330d; border-radius:2px; }
.atelier-sheet::after { content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; box-shadow:inset 0 1px #fff,inset -2px 0 4px #b8a58b12; }
.atelier-sheet .art { top:0; isolation:isolate; }
.paper-art,.palette-depth,.brush-depth,.brush-float { position:absolute; inset:0; pointer-events:none; }
.paper-art img { clip-path:url(#paper-cut); }
.palette-depth { transform:translate3d(0,var(--palette-shift,0px),0); }
.palette-depth img { clip-path:inset(0 75.5% 0 0); }
.brush-depth { transform:translate3d(0,var(--brush-shift,0px),0); }
.brush-float { animation:brush-hover 12s ease-in-out infinite; animation-play-state:paused; will-change:transform; }
.brush-float img { clip-path:url(#brush-cut); }
@keyframes brush-hover { 0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)} }
html[data-motion="running"] .brush-float { animation-play-state:running; }
.layer-defs { position:absolute; }
.atelier-sheet .spark { opacity:.5; }
.atelier-sheet .sweep-pad { opacity:.55; }
.atelier-sheet .traces { opacity:.55; }
.atelier-sheet article { background:#fff; }
.atelier-sheet .watermark-large { width:min(85vw,1100px); }
.atelier-sheet .motion-toggle { top:14px; right:14px; }
@media(max-width:760px) {
 .atelier-nav { font-size:11px; gap:2px; }
 .atelier-nav a { padding:10px; }
 body[data-atelier="A"] > .motion-toggle { top:calc(100vw * .667 + 8px); }
 .atelier-sheet { width:calc(100% - 20px); margin-top:12px; box-shadow:0 3px 12px #5b48331a; }
 .atelier-sheet main { margin:0 22px; }
 .atelier-sheet header { margin:0 -22px 22px; height:calc((100vw - 22px)*.667); }
 .atelier-sheet .motion-toggle { top:calc((100vw - 22px)*.667 - 48px); right:8px; }
 .atelier-sheet article { font-size:17px; box-shadow:0 0 12px 10px #fff; }
 .atelier-sheet .watermark-large { width:86vw; }
 @keyframes brush-hover {0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-3px,0)}}
}
@media(prefers-reduced-motion:reduce) { .brush-float { animation:none!important; transform:none!important; will-change:auto; } .brush-depth,.palette-depth { transform:none!important; } }