/* WEXION mobile product atelier v3
   Deliberately isolated from the retired wxn-products-mobile implementation. */
.wxn-product-atelier-v3 { display: none; }

@media (max-width: 680px) {
  body.home section.products#produkte.wxn-product-atelier-v3-host {
    position: relative !important;
    isolation: isolate;
    overflow: hidden !important;
    min-height: 830px !important;
    margin-top: -1px !important;
    padding: 0 0 22px !important;
    background-color: #f4ece3 !important;
    background-image: url("/assets/img/products-mobile-v3/section-background.png") !important;
    background-position: center -58px !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
  }

  body.home section.products#produkte.wxn-product-atelier-v3-host::before,
  body.home section.products#produkte.wxn-product-atelier-v3-host::after { content: none !important; }

  /* The preceding mobile service panel ends directly at this section. */
  body.home section.services#leistungen:has(+ section.products#produkte.wxn-product-atelier-v3-host) > .wxn-service-mobile-v2 {
    padding-bottom: 0 !important;
  }

  body.home section.products#produkte.wxn-product-atelier-v3-host > .container {
    position: relative;
    z-index: 2;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  body.home section.products#produkte.wxn-product-atelier-v3-host > .container > .section__head { display: none !important; }
  body.home section.products#produkte.wxn-product-atelier-v3-host .products__grid,
  body.home section.products#produkte.wxn-product-atelier-v3-host .products__cta { display: none !important; }

  .wxn-product-atelier-v3 {
    --atelier-gold: #b98535;
    --atelier-ink: #171719;
    --atelier-ease: cubic-bezier(.22, 1, .36, 1);
    position: relative;
    display: block;
    width: 100%;
    min-height: 808px;
    padding-top: 18px;
    color: var(--atelier-ink);
    font-family: "General Sans", "Manrope", var(--font-body), sans-serif;
  }

  .wxn-product-atelier-v3 *,
  .wxn-product-atelier-v3 *::before,
  .wxn-product-atelier-v3 *::after { box-sizing: border-box; }

  .wxn-product-atelier-v3__heading {
    position: relative;
    z-index: 8;
    width: calc(100% - 42px);
    margin: 0 auto;
  }

  .wxn-product-atelier-v3__eyebrow {
    margin: 0 0 13px;
    color: #a8742a;
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .25em;
    line-height: 1;
    text-transform: uppercase;
  }

  .wxn-product-atelier-v3__heading h2 {
    max-width: 340px;
    margin: 0;
    color: #151517;
    font-family: "General Sans", var(--font-body), Arial, sans-serif;
    font-size: clamp(1.8rem, 7.9vw, 2.2rem);
    font-weight: 600;
    letter-spacing: -.06em;
    line-height: 1.02;
  }

  .wxn-product-atelier-v3__dial {
    --marker-x: 50%;
    --marker-y: 62px;
    position: relative;
    z-index: 4;
    width: 122%;
    height: 230px;
    margin: 8px 0 0 -11%;
    touch-action: pan-y;
    user-select: none;
    transform-origin: 50% 100%;
  }

  .wxn-product-atelier-v3__arc-reveal {
    position: absolute;
    inset: 0;
    overflow: hidden;
    clip-path: inset(0 100% 0 0);
    filter: drop-shadow(0 12px 20px rgba(88, 62, 31, .09));
  }

  .wxn-product-atelier-v3__arc-reveal img {
    display: block;
    width: 100%;
    height: auto;
    pointer-events: none;
  }

  .wxn-product-atelier-v3__marker {
    position: absolute;
    z-index: 6;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid rgba(255, 246, 218, .9);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 28%, #fff7d7 0 10%, #e7bc69 27%, #b87b24 67%, #7e4d16 100%);
    box-shadow: 0 2px 4px rgba(88, 53, 11, .28), 0 0 0 3px rgba(255, 244, 218, .22);
    transform: translate3d(calc(var(--marker-x) - 8px), calc(var(--marker-y) - 4px), 0);
    transition: transform 520ms var(--atelier-ease);
    will-change: transform;
  }

  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__marker { opacity: 0; }

  /* Bookiq's stop is visually centered in the left arc segment. */
  .wxn-product-atelier-v3[data-product="bookiq"] .wxn-product-atelier-v3__marker {
    transform: translate3d(calc(var(--marker-x) - 28px), calc(var(--marker-y) - 4px), 0);
  }

  .wxn-product-atelier-v3[data-product="new"] .wxn-product-atelier-v3__marker {
    transform: translate3d(calc(var(--marker-x) + 12px), calc(var(--marker-y) - 4px), 0);
  }

  .wxn-product-atelier-v3__dial.is-dragging .wxn-product-atelier-v3__marker { transition: none; }
  .wxn-product-atelier-v3__marker.is-arc-moving { transition: none; }

  .wxn-product-atelier-v3__tab {
    position: absolute;
    z-index: 7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 27%;
    min-height: 77px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #5e5a57;
    font: inherit;
    font-size: 12px;
    line-height: 1.05;
    text-align: center;
    cursor: pointer;
    opacity: 1;
    transform: scale(var(--preselect-scale, 1));
    transition: color 260ms ease, transform 420ms var(--atelier-ease);
  }

  .wxn-product-atelier-v3__tab img {
    width: 58px;
    height: 31px;
    margin-bottom: 5px;
    object-fit: contain;
    filter: none;
  }

  .wxn-product-atelier-v3__tab--bookiq { left: 11.5%; top: 119px; }
  .wxn-product-atelier-v3__tab--lernexai { left: 36.5%; top: 77px; }
  .wxn-product-atelier-v3__tab--new { right: 9.5%; top: 119px; }
  .wxn-product-atelier-v3__bookiq-mark { display:block; width:54px !important; height:50px !important; margin-bottom:0; object-fit:contain !important; object-position:center !important; }
  .wxn-product-atelier-v3__tab--lernexai img { width:90px; height:38px; object-fit:cover; object-position:center; }

  .wxn-product-atelier-v3__tab.is-active {
    --preselect-scale: 1.045;
    color: #b27c2d;
  }

  .wxn-product-atelier-v3__tab.is-active img { filter: none; }
  .wxn-product-atelier-v3__tab:focus-visible { filter: drop-shadow(0 0 5px rgba(185, 133, 53, .65)); }

  .wxn-product-atelier-v3__loader {
    display: grid;
    width: 35px;
    height: 35px;
    margin-bottom: 5px;
    place-items: center;
    color: #a9793b;
    animation: wxnAtelierLoaderSpin 7s linear infinite;
  }

  .wxn-product-atelier-v3__loader svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; }

  .wxn-product-atelier-v3__card {
    position: relative;
    z-index: 5;
    width: calc(100% - 24px);
    min-height: 515px;
    margin: -35px auto 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 29px;
    background: linear-gradient(148deg, rgba(255, 253, 250, .94), rgba(246, 237, 227, .91));
    box-shadow: 0 -10px 30px rgba(103, 72, 38, .07), 0 22px 45px rgba(80, 56, 31, .12), inset 0 1px 0 #fff;
    backdrop-filter: blur(12px) saturate(108%);
    -webkit-backdrop-filter: blur(12px) saturate(108%);
  }

  .wxn-product-atelier-v3__copy {
    position: absolute;
    z-index: 8;
    left: 22px;
    top: 39px;
    width: 48%;
    will-change: transform, opacity;
  }

  .wxn-product-atelier-v3__brand {
    display: grid;
    width: 46px;
    height: 46px;
    margin-bottom: 7px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 13px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 8px 16px rgba(74, 53, 31, .08), inset 0 1px 0 #fff;
  }

  .wxn-product-atelier-v3__brand img { width: 34px; height: 34px; object-fit: contain; }
  .wxn-product-atelier-v3[data-product="bookiq"] .wxn-product-atelier-v3__brand img { width: 43px; height: 22px; }
  .wxn-product-atelier-v3[data-product="lernexai"] .wxn-product-atelier-v3__brand img { width: 50px; height: 26px; }
  .wxn-product-atelier-v3__brand-loader { display: grid; width: 30px; height: 30px; place-items: center; color: #a9793b; animation: wxnAtelierLoaderSpin 7s linear infinite; }
  .wxn-product-atelier-v3__brand-loader[hidden] { display: none !important; }
  .wxn-product-atelier-v3__brand-loader svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; }
  .wxn-product-atelier-v3__brand img[hidden] { display:none !important; }

  .wxn-product-atelier-v3__status {
    position: absolute;
    top: -32px;
    left: 0;
    display:flex;
    min-height:25px;
    margin:0;
    padding:5px 9px;
    align-items:center;
    gap:4px;
    border:1px solid rgba(174, 128, 63, .16);
    border-radius:999px;
    background:rgba(255, 253, 249, .78);
    box-shadow:0 4px 9px rgba(72, 51, 28, .045), inset 0 1px 0 #fff;
    color: #a2753a;
    font-size:6.5px;
    font-weight: 650;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .wxn-product-atelier-v3__status img { display:block; width:52px; height:auto; max-height:13px; object-fit:contain; }
  .wxn-product-atelier-v3__status img[hidden] { display:none !important; }

  .wxn-product-atelier-v3__copy h3 {
    margin: 0 0 7px;
    color: #111114;
    font-family: "Clash Display", "General Sans", sans-serif;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -.045em;
    line-height: 1;
  }

  .wxn-product-atelier-v3__description {
    margin: 0 0 12px;
    color: #5d5955;
    font-size: 10.1px;
    line-height: 1.38;
  }

  .wxn-product-atelier-v3__features {
    display: grid;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .wxn-product-atelier-v3__features li {
    position: relative;
    min-height: 27px;
    padding: 7px 6px 6px 27px;
    overflow: hidden;
    border: 1px solid rgba(167, 133, 91, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .52);
    color: #55514d;
    font-size: 8.1px;
    line-height: 1.25;
    white-space: nowrap;
    box-shadow: 0 4px 10px rgba(72, 51, 28, .035), inset 0 1px 0 rgba(255, 255, 255, .9);
  }

  .wxn-product-atelier-v3__features li::before {
    content: "✓";
    position: absolute;
    left: 9px;
    top: 50%;
    display: grid;
    width: 11px;
    height: 11px;
    place-items: center;
    border: 1px solid #bf8734;
    border-radius: 50%;
    color: #ae772a;
    font-size: 7px;
    transform: translateY(-50%);
  }

  .wxn-product-atelier-v3__features.is-empty { display: none; }

  .wxn-product-atelier-v3__product-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 38px;
    margin-top: 13px;
    padding: 0 14px;
    border-radius: 999px;
    background: linear-gradient(110deg, #111112, #292725);
    color: #e2b461;
    font-size: 9px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 9px 18px rgba(21, 18, 15, .19), inset 0 1px 0 rgba(255, 255, 255, .1);
  }

  .wxn-product-atelier-v3__product-cta svg,
  .wxn-product-atelier-v3__all-cta svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .wxn-product-atelier-v3__showcase {
    position: absolute;
    z-index: 4;
    top: 36px;
    right: -20px;
    width: 58%;
    height: 345px;
    pointer-events: none;
  }

  .wxn-product-atelier-v3__halo {
    position: absolute;
    z-index: 1;
    left: -24%;
    top: 18px;
    width: 142%;
    max-width: none;
    opacity: .74;
  }

  .wxn-product-atelier-v3__pedestal {
    position: absolute;
    z-index: 3;
    left: -10%;
    bottom: 10px;
    width: 122%;
    max-width: none;
    filter: drop-shadow(0 12px 9px rgba(91, 63, 35, .12));
  }

  .wxn-product-atelier-v3__visual {
    position: absolute;
    z-index: 5;
    left: 21%;
    bottom: 66px;
    width: 67%;
    max-width: none;
    transform-origin: 50% 100%;
    filter: drop-shadow(0 15px 12px rgba(45, 31, 19, .18));
    will-change: transform, opacity, filter;
  }

  .wxn-product-atelier-v3[data-product="bookiq"] .wxn-product-atelier-v3__visual {
    left: 20%;
    bottom: 107px;
    width: 69%;
  }

  .wxn-product-atelier-v3[data-product="lernexai"] .wxn-product-atelier-v3__visual { bottom:111px; }

  .wxn-product-atelier-v3[data-product="new"] .wxn-product-atelier-v3__visual {
    left: -12%;
    bottom: 96px;
    width: 105%;
  }

  .wxn-product-atelier-v3__contact-shadow {
    position: absolute;
    z-index: 4;
    left: 21%;
    bottom: 59px;
    width: 66%;
    height: 13px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(56, 38, 21, .27), rgba(56, 38, 21, .09) 44%, transparent 72%);
    filter: blur(4px);
  }

  .wxn-product-atelier-v3__pager {
    position: absolute;
    z-index: 9;
    top: 355px;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 28px;
    transform: translateX(-50%);
  }

  .wxn-product-atelier-v3__pager button {
    display: grid;
    width: 32px;
    height: 32px;
    padding: 0;
    place-items: center;
    border: 1px solid rgba(151, 111, 61, .2);
    border-radius: 50%;
    background: rgba(255, 255, 255, .62);
    color: #b27d2d;
    box-shadow: 0 4px 10px rgba(62, 43, 23, .09), inset 0 1px 0 #fff;
  }

  .wxn-product-atelier-v3__pager button:active { transform: translateX(var(--tap-x, 0)); }
  .wxn-product-atelier-v3__pager button:first-child { --tap-x: -3px; }
  .wxn-product-atelier-v3__pager button:last-child { --tap-x: 3px; }
  .wxn-product-atelier-v3__pager svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
  .wxn-product-atelier-v3__pager p { display: flex; align-items: baseline; gap: 6px; margin: 0; color: #aaa099; font-size: 13px; }
  .wxn-product-atelier-v3__pager strong { color: #b78031; font-size: 20px; font-weight: 600; }

  .wxn-product-atelier-v3__extras {
    position: absolute;
    z-index: 7;
    right: 17px;
    bottom: 72px;
    left: 17px;
  }

  .wxn-product-atelier-v3__extras { display: none !important; }

  .wxn-product-atelier-v3__extras h3 {
    margin: 0 0 8px 10px;
    color: #a97934;
    font-family: "JetBrains Mono", ui-monospace, monospace;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
  }

  .wxn-product-atelier-v3__extras > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; }

  .wxn-product-atelier-v3__extras article {
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 7px 4px;
    border: 1px solid rgba(158, 122, 78, .17);
    border-radius: 12px;
    background: rgba(255, 255, 255, .36);
    color: #4f4b47;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
  }

  .wxn-product-atelier-v3__extras svg {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-right: 4px;
    fill: none;
    stroke: #b48034;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .wxn-product-atelier-v3__extras span { font-size: 6.5px; line-height: 1.35; }

  .wxn-product-atelier-v3__all-cta {
    position: absolute;
    z-index: 8;
    right: 18px;
    bottom: 38px;
    left: 18px;
    display: flex;
    min-height: 50px;
    padding: 0 54px 0 20px;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid rgba(111, 86, 55, .13);
    border-radius: 999px;
    background: rgba(255, 253, 249, .9);
    color: #24211e;
    font-size: 11.2px;
    font-weight: 650;
    letter-spacing: -.012em;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(61, 45, 30, .08), inset 0 1px 0 #fff;
  }

  .wxn-product-atelier-v3__all-cta > span {
    position: absolute;
    right: 6px;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 50%;
    border: 1px solid rgba(177, 127, 50, .44);
    background: #fffdf9;
    color: #b27d2d;
    box-shadow: 0 5px 12px rgba(72, 51, 28, .08), inset 0 1px 0 #fff;
  }

  /* Initial assembly. */
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__heading,
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__card { opacity: 0; transform: translate3d(0, 14px, 0); }
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__tab { opacity: 0; transform: translate3d(0, 8px, 0); }
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__copy { opacity: 0; transform: translate3d(-16px, 0, 0); }
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__halo { opacity: 0; transform: scale(.88); }
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__pedestal { opacity: 0; transform: translate3d(0, 10px, 0) scale(.96); }
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__visual { opacity: 0; transform: translate3d(18px, -8px, 0) scale(.92); filter: blur(3px); }
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__extras,
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__all-cta,
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__pager { opacity: 0; transform: translate3d(-50%, 7px, 0); }
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__extras,
  .wxn-product-atelier-v3:not(.is-ready) .wxn-product-atelier-v3__all-cta { transform: translate3d(0, 7px, 0); }

  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__heading { animation: wxnAtelierHeadingIn 600ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__arc-reveal { animation: wxnAtelierArcBuild 820ms 160ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__tab { animation: wxnAtelierTabIn 440ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__tab--bookiq { animation-delay: 430ms; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__tab--lernexai { animation-delay: 490ms; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__tab--new { animation-delay: 550ms; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__card { animation: wxnAtelierCardIn 650ms 490ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__copy { animation: wxnAtelierCopyIn 580ms 720ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__halo { animation: wxnAtelierHaloIn 640ms 720ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__pedestal { animation: wxnAtelierPedestalIn 560ms 780ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__visual { animation: wxnAtelierVisualIn 700ms 820ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__pager { animation: wxnAtelierPagerIn 420ms 1120ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__extras { animation: wxnAtelierRestIn 480ms 1190ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-ready:not(.is-settled) .wxn-product-atelier-v3__all-cta { animation: wxnAtelierRestIn 480ms 1270ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-settled .wxn-product-atelier-v3__arc-reveal { clip-path: inset(0); }

  .wxn-product-atelier-v3.is-switching-out .wxn-product-atelier-v3__copy { animation: wxnAtelierCopyOut 170ms ease both; }
  .wxn-product-atelier-v3.is-switching-out .wxn-product-atelier-v3__visual { animation: wxnAtelierVisualOut 190ms ease both; }
  .wxn-product-atelier-v3.is-switching-in .wxn-product-atelier-v3__copy { animation: wxnAtelierCopySwitchIn 430ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-switching-in .wxn-product-atelier-v3__visual { animation: wxnAtelierVisualSwitchIn 620ms var(--atelier-ease) both; }
  .wxn-product-atelier-v3.is-dial-nudging-next .wxn-product-atelier-v3__dial,
  .wxn-product-atelier-v3.is-dial-nudging-prev .wxn-product-atelier-v3__dial { animation: none !important; transform: none !important; }
}

@keyframes wxnAtelierHeadingIn { from { opacity: 0; transform: translate3d(0, 12px, 0); } to { opacity: 1; transform: none; } }
@keyframes wxnAtelierArcBuild { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
@keyframes wxnAtelierTabIn { from { opacity: 0; transform: translate3d(0, 8px, 0) scale(.96); } to { opacity: 1; transform: scale(var(--preselect-scale, .97)); } }
@keyframes wxnAtelierCardIn { from { opacity: 0; transform: translate3d(0, 15px, 0) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes wxnAtelierCopyIn { from { opacity: 0; transform: translate3d(-17px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes wxnAtelierHaloIn { from { opacity: 0; transform: scale(.88); } to { opacity: .74; transform: scale(1); } }
@keyframes wxnAtelierPedestalIn { from { opacity: 0; transform: translate3d(0, 10px, 0) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes wxnAtelierVisualIn { 0% { opacity: 0; transform: translate3d(19px, -8px, 0) scale(.91); filter: blur(3px); } 72% { opacity: 1; filter: blur(0); } 100% { opacity: 1; transform: none; filter: drop-shadow(0 15px 12px rgba(45,31,19,.18)); } }
@keyframes wxnAtelierPagerIn { from { opacity: 0; transform: translate3d(-50%, 7px, 0); } to { opacity: 1; transform: translate3d(-50%, 0, 0); } }
@keyframes wxnAtelierRestIn { from { opacity: 0; transform: translate3d(0, 7px, 0); } to { opacity: 1; transform: none; } }
@keyframes wxnAtelierCopyOut { to { opacity: 0; transform: translate3d(-9px, 0, 0); } }
@keyframes wxnAtelierVisualOut { to { opacity: 0; transform: translate3d(0, -8px, 0) scale(.975); filter: blur(2px); } }
@keyframes wxnAtelierCopySwitchIn { from { opacity: 0; transform: translate3d(12px, 0, 0); } to { opacity: 1; transform: none; } }
@keyframes wxnAtelierVisualSwitchIn { 0% { opacity: 0; transform: translate3d(20px, -14px, 0) scale(.93); filter: blur(3px); } 78% { opacity: 1; filter: blur(0); } 100% { opacity: 1; transform: none; filter: drop-shadow(0 15px 12px rgba(45,31,19,.18)); } }
@keyframes wxnAtelierLoaderSpin { to { transform: rotate(360deg); } }

@media (max-width: 370px) {
  .wxn-product-atelier-v3__heading h2 { font-size: 1.8rem; }
  .wxn-product-atelier-v3__copy { left: 18px; width: 49%; }
  .wxn-product-atelier-v3__showcase { right: -24px; }
  .wxn-product-atelier-v3__description { font-size: 9.4px; }
  .wxn-product-atelier-v3__features li { padding-left: 24px; font-size: 7.5px; }
  .wxn-product-atelier-v3__extras span { font-size: 5.9px; }
}

@media (max-width: 680px) and (prefers-reduced-motion: reduce) {
  .wxn-product-atelier-v3 *,
  .wxn-product-atelier-v3 *::before,
  .wxn-product-atelier-v3 *::after {
    scroll-behavior: auto !important;
    animation-duration: 1ms !important;
    animation-delay: 0ms !important;
    transition-duration: 1ms !important;
  }
  .wxn-product-atelier-v3__arc-reveal { clip-path: inset(0); }
}