/* Shared palette and small, native illustration for every room of the site. */
:root {
  --site-bg: #101715;
  --site-surface: #19231f;
  --site-ink: #f3eee2;
  --site-muted: #bdc3b7;
  --site-gold: #d9bd8c;
  --site-jade: #98b5a0;
  --site-line: #b6bba32d;
  --site-atmosphere: radial-gradient(ellipse at 95% 5%, #51755b25, transparent 42rem), radial-gradient(ellipse at 0% 35%, #8673440d, transparent 45rem);
}
.atelier-art { position:relative; width:100%; aspect-ratio:1.2; isolation:isolate; pointer-events:none; }
.atelier-art::before { content:""; position:absolute; inset:10%; border-radius:50%; border:1px solid #b7c4a52a; box-shadow:0 0 0 25px #98b59d05,0 0 0 70px #98b59d04; transform:rotate(-20deg) scaleY(.85); }
.atelier-art::after { content:""; position:absolute; inset:25%; border-radius:50%; background:#7b9e7240; filter:blur(55px); z-index:-1; }
.atelier-window { position:absolute; width:82%; height:67%; top:12%; left:9%; border:1px solid #c9c6a870; border-radius:12px; padding:26px 9px 9px; background:linear-gradient(140deg,#31443a,#151f1c); box-shadow:12px 28px 55px #030a0880,inset 0 1px #f3eee233; transform:perspective(900px) rotateY(-13deg) rotateZ(-5deg); }
.atelier-window::before {content:"● ● ●";position:absolute;top:3px;left:12px;letter-spacing:4px;font-size:10px;color:#d9bd8c90}
.atelier-window img {width:100%;height:100%;object-fit:cover;border-radius:4px;filter:sepia(.6) saturate(.55);opacity:.82}
.atelier-note {position:absolute;right:0;bottom:7%;width:48%;padding:22px 18px;background:linear-gradient(140deg,#ddd0ae,#9c947c);color:#24342c;box-shadow:0 18px 38px #020b0966;border:1px solid #f8efd180;border-radius:3px;transform:rotate(8deg);font:500 18px/1.6 "Songti SC",serif}
.atelier-note::before {content:"";display:block;width:45%;height:2px;background:#486253;margin-bottom:14px}
.atelier-note::after {content:"";display:block;width:90%;height:30px;margin-top:14px;background:repeating-linear-gradient(transparent 0 8px,#4e5f4830 8px 9px)}
.atelier-seal {position:absolute;left:0;bottom:5%;width:78px;height:78px;display:grid;place-items:center;border:1px solid #dac59288;border-radius:50%;background:radial-gradient(circle at 35% 25%,#566c51,#26372e);box-shadow:0 14px 28px #030a0880;color:#e5d3a4;font:28px Georgia,serif;transform:rotate(-12deg)}
.atelier-art.is-learning .atelier-window {transform:perspective(900px) rotateY(-9deg) rotateZ(-8deg)}
.atelier-art.is-projects .atelier-seal {border-radius:16px}
@media (prefers-reduced-motion:no-preference) {
  .atelier-note {animation:atelier-drift 8s ease-in-out infinite alternate}
  @keyframes atelier-drift {to {transform:translateY(-10px) rotate(5deg)}}
}
@media(max-width:640px) {.atelier-note {font-size:16px;padding:14px}.atelier-seal {width:58px;height:58px;font-size:23px}}