/* Art conversion keeps the existing darkroom palette, type and artwork board. */
body[data-art-conversion] { --vm-muted:#c1b1a8; --vm-faint:#a69489; }
[data-art-conversion] .section { padding-top:42px; padding-bottom:42px; }
[data-art-conversion] .hero { padding-top:42px; padding-bottom:44px; }
[data-art-conversion] .hero__meta { margin-bottom:0; }
[data-art-conversion] .studio-float--export { right:8px; bottom:-10px; }
[data-art-conversion] .gallery-grid { align-items:start; gap:22px; }
[data-art-conversion] .gallery-card { grid-column:span 4; }
[data-art-conversion] .gallery-card--feature { grid-column:span 8; }
[data-art-conversion] .gallery-card__media { flex:none; }
[data-art-conversion] .gallery-card__media img { height:auto; min-height:0; object-fit:contain; background:var(--vm-bg-deep); }
[data-art-conversion] .gallery-card:hover .gallery-card__media img { transform:none; }
[data-art-conversion] .gallery-card figcaption strong { font-size:.91rem; }
[data-art-conversion] .gallery-card__zoom { display:none; }
.art-example-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:24px; align-items:center; }
.art-example-image img { display:block; width:100%; height:auto; max-height:510px; object-fit:contain; border-radius:8px; }
.art-example .story-card { padding:26px; }
.art-example h3 { font-size:1.1rem; margin-top:23px; }
.art-example blockquote { border-left:3px solid var(--vm-accent); margin:16px 0; padding:2px 0 2px 18px; color:var(--vm-ink); line-height:1.7; }
.art-note { color:var(--vm-muted); font-size:.89rem; }
.art-hero-cost { margin:19px 0 0; max-width:480px; color:var(--vm-faint); font-size:.84rem; line-height:1.65; }
.art-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.art-tool-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:25px; border:1px solid var(--vm-border-strong); border-radius:9px; background:var(--vm-surface); }
.art-tool-glyph { color:var(--vm-accent); font-size:.72rem; letter-spacing:.1em; border-bottom:2px solid var(--vm-accent-2); padding-bottom:5px; margin-bottom:20px; }
.art-tool-card h3 { font-size:1rem; line-height:1.45; margin:0 0 12px; }
.art-tool-card p { font-size:.93rem; line-height:1.7; margin-bottom:22px; }
.art-tool-card .link-chip { margin-top:auto; }
.art-video-workflow { margin-top:28px; padding:26px; border:1px solid var(--vm-border-strong); border-radius:9px; background:var(--vm-surface); }
.art-video-heading { display:grid; grid-template-columns:1fr 1.2fr; gap:25px; align-items:start; }
.art-video-heading h3 { font-size:1.15rem; margin:0; line-height:1.5; }
.art-video-heading p { color:var(--vm-muted); margin:0; font-size:.93rem; }
.art-video-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; list-style:none; padding:0; margin:25px 0 18px; }
.art-video-steps li { min-width:0; padding-top:13px; border-top:2px solid var(--vm-accent-2); }
.art-video-steps span { display:block; color:var(--vm-accent-2); font-size:.75rem; margin-bottom:9px; }
.art-video-steps strong { display:block; font-size:.87rem; line-height:1.6; }
.art-video-workflow>.art-note { margin:0 0 14px; }
.art-capabilities details,.art-questions details { border:1px solid var(--vm-border-strong); border-radius:8px; background:var(--vm-surface); }
.art-capabilities summary,.art-questions summary { padding:18px 20px; cursor:pointer; color:var(--vm-ink); font-size:1rem; font-weight:650; }
.art-capabilities summary::marker,.art-questions summary::marker { color:var(--vm-accent); }
.art-capabilities details>div { padding:0 20px 22px; }
.art-capabilities p { margin:0 0 16px; color:var(--vm-muted); }
.art-questions details { margin-bottom:12px; }
.art-questions details>p { padding:0 20px 20px; margin:0; color:var(--vm-muted); }
.art-start-steps { padding-left:24px; margin:0 0 24px; display:grid; gap:12px; }
.art-start-steps li::marker { color:var(--vm-accent); font-weight:700; }
.art-start-cost { border:1px solid var(--vm-border-strong); border-radius:12px; padding:24px; background:var(--vm-surface); }
.art-start-cost p { color:var(--vm-muted); margin:0 0 15px; }
.art-start-cost .hero__actions { margin:22px 0 0; align-items:center; }
[data-art-conversion] .video-showcase__media { height:auto; min-height:0; aspect-ratio:16/9; object-fit:contain; }
[data-art-conversion] .video-showcase__caption { position:static; padding:14px 18px 17px; background:var(--vm-surface); }
[data-art-conversion] .video-reel__item video { object-fit:contain; background:var(--vm-bg-deep); }
[data-art-conversion] a:focus-visible,[data-art-conversion] button:focus-visible,[data-art-conversion] summary:focus-visible { outline:3px solid var(--vm-accent); outline-offset:4px; }
.art-skip { position:absolute; left:16px; top:-100px; z-index:100; padding:10px 15px; background:var(--vm-bg); color:var(--vm-ink); }
.art-skip:focus { top:8px; }
[data-art-conversion] .lightbox__dialog { max-height:95vh; overflow:auto; }
[data-art-conversion] .lightbox__image { max-height:72vh; }
[data-art-conversion] .topbar { flex-wrap:wrap; container-type:inline-size; container-name:art-topbar; }
[data-art-conversion] .topbar-menu { margin-left:auto; }
[data-art-conversion] .ecosystem-band__actions { min-width:0; }
[data-art-conversion] .ecosystem-band__actions .btn { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
@container art-topbar (max-width:1100px) {
  [data-art-conversion] .topnav,[data-art-conversion] .topbar__actions>.btn { display:none; }
  [data-art-conversion] .topbar-menu { display:block; }
}
@media(max-width:980px) {
  [data-art-conversion] .hero { padding-top:30px; gap:28px; }
  [data-art-conversion] .gallery-card { grid-column:span 6; }
  [data-art-conversion] .gallery-card--feature { grid-column:span 12; }
  .art-capabilities { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .art-example-grid { gap:18px; }
}
@media(max-width:640px) {
  [data-art-conversion] .topbar { gap:10px; flex-wrap:nowrap; }
  [data-art-conversion] .brand { min-width:0; gap:8px; }
  [data-art-conversion] .brand__title { font-size:.82rem; white-space:normal; }
  [data-art-conversion] .brand__eyebrow { font-size:.6rem; letter-spacing:.02em; }
  [data-art-conversion] .topbar__actions { display:none; }
  [data-art-conversion] .topbar-menu { flex:none; }
  [data-art-conversion] .topbar-menu__panel { min-width:0; width:min(290px,calc(100vw - 32px)); }
  [data-art-conversion] .topbar-menu__panel .topnav__link { white-space:normal; }
  [data-art-conversion] .hero { padding-top:26px; padding-bottom:30px; }
  [data-art-conversion] .hero__lead { font-size:1rem; line-height:1.65; }
  [data-art-conversion] .hero__actions>.btn { white-space:normal; }
  [data-art-conversion] .section { padding-top:32px; padding-bottom:32px; }
  [data-art-conversion] .gallery-card { grid-column:span 12; }
  [data-art-conversion] .gallery-card__media img { height:auto; }
  .art-example-grid,.art-capabilities { grid-template-columns:1fr; }
  .art-tool-card { padding:22px; }
  .art-video-workflow { padding:22px; }
  .art-video-heading { grid-template-columns:1fr; gap:10px; }
  .art-video-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .art-example-image img { max-height:370px; }
  .art-example .story-card { padding:20px; }
  .art-example .section__head { margin-bottom:22px; }
  .art-start-cost { padding:20px; }
  .art-start-cost .btn { white-space:normal; }
  [data-art-conversion] .ecosystem-band__actions .btn { white-space:normal; }
  [data-art-conversion] .link-chip { white-space:normal; overflow-wrap:anywhere; }
  [data-art-conversion] .lightbox__figure { max-width:calc(100vw - 80px); }
}
/* Finite amber/rose brush and board accents; artwork remains still and clickable. */
[data-art-conversion] .hero .eyebrow { position:relative; }
[data-art-conversion] .hero .eyebrow::after {
  content:""; position:absolute; left:0; bottom:-8px; width:88px; height:3px;
  background:linear-gradient(95deg,var(--vm-accent) 0 58%,var(--vm-accent-2) 58% 100%);
  pointer-events:none; opacity:.7; transform:rotate(-2deg); transform-origin:left center;
}
[data-art-conversion] .hero .studio-stage__panel::before,
[data-art-conversion] .hero .studio-stage__panel::after {
  content:""; position:absolute; width:90px; height:90px; z-index:2;
  pointer-events:none; opacity:.7;
}
[data-art-conversion] .hero .studio-stage__panel::before {
  top:4px; left:4px; border-top:2px solid var(--vm-accent); border-left:2px solid var(--vm-accent);
  border-radius:10px 0 0 0; transform-origin:top left;
}
[data-art-conversion] .hero .studio-stage__panel::after {
  bottom:4px; right:4px; border-bottom:2px solid var(--vm-accent-2); border-right:2px solid var(--vm-accent-2);
  border-radius:0 0 10px 0; transform-origin:bottom right;
}
@media(prefers-reduced-motion:no-preference) {
  [data-art-conversion] .hero .eyebrow::after { animation:artHeroBrush 3.4s ease-out 1; }
  [data-art-conversion] .hero .studio-stage__panel::before { animation:artHeroBoard 4.6s ease-out 1; }
  [data-art-conversion] .hero .studio-stage__panel::after { animation:artHeroBoard 4.2s ease-out 1; }
}
@keyframes artHeroBrush {
  0% { transform:rotate(-9deg) scaleX(.6); opacity:.3; }
  45% { transform:rotate(1deg) scaleX(1.05); opacity:1; }
  100% { transform:rotate(-2deg) scaleX(1); opacity:.7; }
}
@keyframes artHeroBoard {
  0% { transform:scale(.65); opacity:.2; }
  45% { transform:scale(1.05); opacity:1; }
  100% { transform:scale(1); opacity:.7; }
}
@media(prefers-reduced-motion:reduce) {
  [data-art-conversion] *,[data-art-conversion] *::before,[data-art-conversion] *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}