/* Desktop-only downstream study. Original opening cars and navigation are untouched. */
@media (min-width: 1100px) and (hover: hover) and (pointer: fine) {
  html.marque-atelier { --atelier-ivory: #f4efe6; --atelier-metal: #b8a990; --atelier-line: rgba(206,193,169,.23); }
  html.marque-atelier body.v3-page .site-header.v3-header {
    top: auto;
    right: 20px;
    bottom: 22px;
    left: 20px;
    width: min(calc(100% - 40px), 1280px);
    height: 76px;
    min-height: 76px;
    margin: 0 auto;
    grid-template-columns: 170px minmax(520px, 1fr) 150px;
    gap: 22px;
    padding: 8px 36px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 38px;
    background: rgba(7, 9, 10, .56);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 18px 54px rgba(0, 0, 0, .28);
    backdrop-filter: blur(22px) saturate(1.08);
    -webkit-backdrop-filter: blur(22px) saturate(1.08);
    transition: transform .55s cubic-bezier(.22, 1, .36, 1);
  }
  html.marque-atelier.atelier-footer-visible body.v3-page .site-header.v3-header {
    transform: translateY(calc(-100dvh + 120px));
  }
  html.marque-atelier body.v3-page .site-header.v3-header .site-nav {
    height: 60px;
    padding: 4px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  html.marque-atelier body.v3-page .site-header.v3-header .site-nav a {
    text-shadow: 0 2px 12px #000, 0 1px 3px #000;
  }
  html.marque-atelier body.v3-page .site-header.v3-header .brand-link {
    padding-left: 10px;
  }
  html.marque-atelier body.v3-page .site-header.v3-header .header-store-links {
    justify-content: flex-end;
    padding-right: 40px;
  }
  html.marque-atelier body.v3-page .site-header.v3-header .header-store-badge {
    width: 112px;
  }
  /* The old root-level bridge painted over the car-card stacking context. */
  html.marque-atelier body.v3-page .v3-hero[data-mobile-scroll-story]::before { display: none; }
  html.marque-atelier body.v3-page .tablet-lineup-sticky { overflow: visible; }
  html.marque-atelier body.v3-page .atelier-material-bridge {
    position: absolute; z-index: 0; left: 0; right: 0; top: var(--bridge-top); height: var(--bridge-height);
    overflow: hidden; pointer-events: none;
    background: #020203 url('./assets/marque-material-black-metal-rings.png') center 38% / cover no-repeat;
    -webkit-mask-image: linear-gradient(to bottom,transparent 0,#000 var(--bridge-overlap,432px),#000 calc(100% - 96px),transparent 100%);
    mask-image: linear-gradient(to bottom,transparent 0,#000 var(--bridge-overlap,432px),#000 calc(100% - 96px),transparent 100%);
  }
  html.marque-atelier body.v3-page .atelier-material-source { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; }
  html.marque-atelier body.v3-page .atelier-material-bridge::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(180deg,rgba(2,2,3,.10),rgba(2,2,3,.40) 60%,rgba(2,2,3,.45));
  }
  html.marque-atelier body.v3-page .video-hero-experiment-media {
    z-index: 1;
    -webkit-mask-image: linear-gradient(#000 0,#000 var(--atelier-bridge-top,100vh),transparent calc(var(--atelier-bridge-top,100vh) + var(--atelier-overlap,432px)));
    mask-image: linear-gradient(#000 0,#000 var(--atelier-bridge-top,100vh),transparent calc(var(--atelier-bridge-top,100vh) + var(--atelier-overlap,432px)));
  }
  html.marque-atelier body.v3-page main > section:not(:first-child) .v3-eyebrow { color: #c9bda8; font-size: 10px; letter-spacing: .22em; font-weight: 650; }
  html.marque-atelier body.v3-page .v3-manifesto {
    position: relative; z-index: 3; display: block; width: 100%; min-height: 0; margin: 0; padding: 40px 6vw;
    border: 0; border-radius: 0; background: transparent; box-shadow: none; text-align: center; overflow: visible;
  }
  html.marque-atelier body.v3-page .v3-manifesto::before { display: none; }
  html.marque-atelier body.v3-page .v3-manifesto::after { display: none; }
  html.marque-atelier body.v3-page .v3-manifesto > .v3-eyebrow { margin: 0; }
  html.marque-atelier body.v3-page .v3-manifesto > * {
    opacity: 1;
    transform: translateY(clamp(-86px, -5.5vw, -62px));
  }
  html.marque-atelier body.v3-page .v3-manifesto h2 { max-width: none; margin: 18px 0 0; font-size: clamp(76px,6vw,112px); font-weight: 550; letter-spacing: -.065em; line-height: .92; }
  html.marque-atelier body.v3-page .v3-manifesto h2 br { display: none; }
  html.marque-atelier body.v3-page .v3-manifesto h2 em { display: block; margin-top: 6px; color: #c8b799; font-family: Georgia,serif; font-weight: 400; letter-spacing: -.06em; }
  html.marque-atelier body.v3-page .v3-manifesto-copy { max-width: 440px; margin: 24px auto 0; font-size: 16px; color: #a7a69f; }

  html.marque-atelier body.v3-page .v3-app-section { position: relative; z-index: 3; isolation: isolate; min-height: 0; margin-block: 0; padding-block: 40px; background: #050606; }
  html.marque-atelier body.v3-page .v3-app-section::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: #050606; pointer-events: none; }
  html.marque-atelier body.v3-page .v3-app-copy { column-gap: 70px; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); }
  html.marque-atelier body.v3-page .v3-app-copy .v3-specs div { padding-block: 15px; }
  html.marque-atelier body.v3-page .v3-app-copy h2 { margin-block: 14px 18px; }
  html.marque-atelier body.v3-page .atelier-section-title em {
    display: block;
    margin-top: .04em;
    color: #c8b799;
    font-family: Georgia, serif;
    font-size: 1.02em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.055em;
    line-height: .88;
  }
  html.marque-atelier body.v3-page .atelier-section-title br {
    display: none;
  }
  html.marque-atelier body.v3-page :is(.v6-signals-section,.v8-add-section,.v4-plans,.v9-profile-section) { background: #050606; }
  html.marque-atelier body.v3-page :is(.v3-app-section,.v6-signals-section,.v8-add-section,.v4-plans,.v9-profile-section,.v5-simulator-bottom) { width: min(calc(100% - 80px),1440px); max-width: none; margin-inline: auto; padding-inline: 40px; }
  html.marque-atelier body.v3-page :is(.v6-signals-top,.v8-add-section,.v9-profile-story) { column-gap: 6vw; row-gap: 22px; }
  html.marque-atelier body.v3-page :is(.v4-rail-heading,.v8-add-intro,.v9-profile-benefits-intro,.v4-plans-intro) h2 {
    font-weight: 550; letter-spacing: -.065em; line-height: .98; font-size: clamp(54px,5.5vw,92px);
  }
  html.marque-atelier body.v3-page .v6-signals-section { padding-top: 40px; padding-bottom: 40px; }
  html.marque-atelier body.v3-page .v6-signals-top { align-items: center; max-width: 1520px; }
  html.marque-atelier body.v3-page .v6-signals-top { grid-template-columns: minmax(340px, 420px) minmax(0, 720px); justify-content: space-between; }
  html.marque-atelier body.v3-page .v6-signals-preview { perspective: none; position: relative; width: 100%; max-width: 720px; padding: 20px 0 20px 20px; }
  html.marque-atelier body.v3-page .v6-signals-preview::before { content: ""; position: absolute; inset: 12% -4% 2% 2%; border-radius: 50%; background: radial-gradient(ellipse,#bba88717,transparent 65%); pointer-events: none; }
  html.marque-atelier body.v3-page .v6-featured-card { position: relative; z-index: 2; width: min(94%, 676px); margin-left: -20px; transform: rotate(-3deg); transform-origin: center; box-shadow: 0 35px 75px #000b; border-color: #b6a58b66; }
  html.marque-atelier body.v3-page .v6-calendar-card { position: relative; width: min(91%, 655px); margin: -2px 0 0 auto; transform: rotate(2deg); transform-origin: center; box-shadow: 0 35px 85px #000a; border: 1px solid #b6a58b44; }
  html.marque-atelier body.v3-page .v6-featured-hero { min-height: 0; padding: 20px 24px; }
  html.marque-atelier body.v3-page .v6-featured-copy { margin-top: 30px; }
  html.marque-atelier body.v3-page .v6-featured-copy strong { font-size: 32px; }
  html.marque-atelier body.v3-page .v6-featured-copy small { margin-top: 8px; }
  html.marque-atelier body.v3-page .v6-featured-dates > div { padding: 12px 14px; }
  html.marque-atelier body.v3-page .v6-calendar-main { padding: 16px 24px 12px; }
  html.marque-atelier body.v3-page .v6-calendar-heading > strong { font-size: 25px; }
  html.marque-atelier body.v3-page .v6-calendar-heading > p { margin-top: 8px; }
  html.marque-atelier body.v3-page .v6-calendar-day { height: 34px; width: 34px; }
  html.marque-atelier body.v3-page .v6-calendar-events { min-height: 94px; padding: 12px 18px; }
  html.marque-atelier body.v3-page .v6-calendar-events > p { margin-bottom: 8px; }
  html.marque-atelier body.v3-page .v6-calendar-events article { padding: 10px; }
  html.marque-atelier body.v3-page .v6-calendar-export { background: transparent; border-left: 1px solid #b6a58b66; border-radius: 0; padding-left: 20px; box-shadow: none; }
  html.marque-atelier body.v3-page :is(.v6-featured-card,.v6-calendar-card,.v8-app-surface,.v9-profile-card) {
    border-color: #cad9df66; overflow: hidden;
    box-shadow: inset 0 1px 0 #f0f7fa77,inset 1px 0 0 #e6eef633,inset 0 -2px 0 #000b,0 2px 0 #b4c1c344,0 5px 0 #14191c,0 7px 0 #84919522,0 25px 60px #000a;
  }
  html.marque-atelier body.v3-page .v6-calendar-card { background: linear-gradient(130deg,#26303919,#080b0e9e),#0d1214bd; backdrop-filter: blur(10px) saturate(115%); }
  html.marque-atelier body.v3-page .atelier-glass-edge {
    position: absolute; z-index: 10; inset: 0; border-radius: inherit; pointer-events: none;
    border: 1px solid transparent;
    background: linear-gradient(125deg,#fff9,#b8d6e21c 22%,transparent 48%,#e7f7ff55 83%,#fff6) border-box;
    -webkit-mask: linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0); mask-composite: exclude;
  }
  html.marque-atelier body.v3-page .atelier-glass-reflection {
    position: absolute; z-index: 9; inset: 0; border-radius: inherit; pointer-events: none;
    background: linear-gradient(118deg,transparent 8%,#eaf8ff04 15%,#eaf8ff12 17%,transparent 23%,transparent 78%,#eaf8ff09 86%,transparent 90%);
  }
  html.marque-atelier body.v3-page .v8-add-section { grid-template-columns: minmax(330px, 420px) minmax(0, 820px); justify-content: space-between; padding-block: 40px; border-block: 1px solid #d6c7ab15; }
  html.marque-atelier body.v3-page .v8-flow-tabs,
  html.marque-atelier body.v3-page .v8-flow-layout { width: 100%; max-width: 820px; justify-self: end; }
  html.marque-atelier body.v3-page .v8-flow-tabs { background: #0d0f0f; border: 1px solid var(--atelier-line); border-radius: 14px; padding: 5px; }
  html.marque-atelier body.v3-page .v8-flow-tabs button { border-radius: 10px; font-weight: 550; }
  html.marque-atelier body.v3-page .v8-app-surface { width: 100%; max-width: 820px; border-color: #b6a58b55; box-shadow: 0 38px 90px #0009,0 1px 0 #e9d2a922; border-radius: 25px; transform: none; }
  html.marque-atelier body.v3-page :is(.v8-app-surface,.v8-flow-panel) { min-height: 540px; }
  html.marque-atelier body.v3-page .v8-registration-screen { min-height: 438px; padding: 24px; }
  html.marque-atelier body.v3-page .v8-flow-copy { min-height: 0; border: 0; border-radius: 0; background: transparent; padding: 18px 0; box-shadow: none; }
  html.marque-atelier body.v3-page .v8-flow-copy h3 { font-size: 25px; }
  html.marque-atelier body.v3-page .v8-flow-copy article > p:not(:first-child) { font-size: 14px; line-height: 1.5; }
  html.marque-atelier body.v3-page .v4-plans { padding-top: 40px; padding-bottom: 40px; }
  html.marque-atelier body.v3-page .v4-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; max-width: 1120px; margin-right: auto; margin-left: 0; }
  html.marque-atelier body.v3-page .v4-plans-intro { grid-template-columns: minmax(0, 760px); max-width: 1120px; margin-right: auto; margin-left: 0; margin-bottom: 38px; row-gap: 0; }
  html.marque-atelier body.v3-page .v4-plans-intro .v3-eyebrow,
  html.marque-atelier body.v3-page .v4-plans-intro h2,
  html.marque-atelier body.v3-page .v4-plans-intro > p:not(.v3-eyebrow) { grid-column: 1; }
  html.marque-atelier body.v3-page .v4-plans-intro > p:not(.v3-eyebrow) { grid-row: auto; max-width: 480px; margin-top: 20px; }
  html.marque-atelier body.v3-page .v4-plan-note { max-width: 1120px; margin-right: auto; margin-left: 0; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card { border-radius: 22px; padding: 32px; min-height: 500px; border-color: #bfb1993b; background: rgba(11,13,14,.24); backdrop-filter: none; isolation: isolate; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card::before { opacity: .92; filter: saturate(1.12) brightness(1.08); }
  html.marque-atelier body.v3-page .v7-plan-free::before { background-position: 50% 69%; }
  html.marque-atelier body.v3-page .v7-plan-plus::before { background-position: 50% 48%; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card::after { background: linear-gradient(180deg,rgba(3,5,5,.04),rgba(3,5,5,.16) 54%,rgba(4,6,6,.48)); }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card::before { inset: -7%; transform: scale(1.05); animation: atelier-material-breathe 13s ease-in-out infinite alternate; animation-play-state: paused; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card.atelier-motion-active::before { animation-play-state: running; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card > :not(.atelier-plan-filaments) { position: relative; z-index: 1; }
  html.marque-atelier body.v3-page .atelier-plan-filaments { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .88; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card .v4-plan-label { font-size: 29px; font-weight: 500; letter-spacing: -.03em; margin-bottom: 40px; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card > strong { font-size: clamp(46px,4.1vw,70px); font-weight: 550; letter-spacing: -.055em; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card > strong small { font-size: 13px; letter-spacing: 0; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card > strong .v4-plan-year { display: block; margin-top: 9px; color: #d8ccb8; font-family: inherit; font-size: 22px; font-style: normal; font-weight: 600; letter-spacing: -.025em; line-height: 1; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card:is(:hover,:focus-within) { transform: none; border-color: #d7c7ac; box-shadow: inset 0 0 0 1px #d7c7ac,0 0 55px #ccb28a14; }
  html.marque-atelier body.v3-page .v9-profile-section { padding-top: 40px; padding-bottom: 40px; }
  html.marque-atelier body.v3-page .v9-profile-story { perspective: 1600px; align-items: center; }
  html.marque-atelier body.v3-page .v9-profile-card { transform: rotateY(8deg) rotateZ(-3deg); box-shadow: -25px 40px 90px #000b; border-color: #b6a58b66; }
  html.marque-atelier body.v3-page .v9-benefit-list article { min-height: 92px; padding: 16px 22px; background: transparent; border-radius: 0; border-width: 0 0 1px; border-color: #b6a58b22; box-shadow: none; }
  html.marque-atelier body.v3-page .v9-benefit-list article > span { color: #b5a58a; }
  html.marque-atelier body.v3-page .v9-faq { margin-top: 40px; padding-top: 40px; padding-bottom: 0; }
  html.marque-atelier body.v3-page .v9-faq-intro h2 { font-size: 48px; font-weight: 550; letter-spacing: -.045em; }
  html.marque-atelier body.v3-page .v9-faq-list details { background: transparent; border-radius: 0; border-width: 0 0 1px; border-color: #b6a58b33; }

  html.marque-atelier body.v3-page .v5-simulator-bottom {
    position: relative; isolation: isolate; overflow: hidden; margin-top: 0; padding-block: 24px;
    grid-template-columns: 1fr 1fr; gap: 6vw; background: #080a0b; border-top: 1px solid #b6a58b33;
  }
  html.marque-atelier body.v3-page .v5-simulator-bottom::before {
    content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; opacity: 1;
    background: radial-gradient(ellipse at 75% 52%,#b5a07e22,transparent 43%),linear-gradient(120deg,#050606 25%,#101415 100%);
  }
  html.marque-atelier body.v3-page .v5-simulator-bottom::after { display: none; }
  html.marque-atelier body.v3-page .v10-download-cta { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
  html.marque-atelier body.v3-page .v10-download-cta h2 { font-size: clamp(52px,4.7vw,80px); letter-spacing: -.055em; font-weight: 550; line-height: 1; }
  html.marque-atelier body.v3-page .v10-download-cta h2 em { font-style: normal; }
  html.marque-atelier body.v3-page .v10-download-cta > .v10-download-intro { max-width: 470px; font-size: 15px; margin-top: 24px; }
  html.marque-atelier body.v3-page .v5-simulator-bottom .waitlist-form { padding: 24px; margin-top: 28px; border-color: #b6a58b44; border-radius: 18px; background: #11151588; }
  html.marque-atelier body.v3-page .v5-simulator-bottom .v5-simulator-stage {
    perspective: none; min-height: 740px; height: 740px; max-height: none; width: 100%; overflow: visible; transform: none !important; place-items: center;
  }
  html.marque-atelier body.v3-page .v5-simulator-stage::before {
    content: ""; position: absolute; width: 370px; height: 110px; left: 50%; top: 90%; transform: translateX(-50%) rotate(-12deg);
    background: radial-gradient(ellipse,#000c,transparent 66%); filter: blur(10px); border: 0; pointer-events: none;
  }
  html.marque-atelier body.v3-page .v5-simulator-stage::after { display: none; }
  html.marque-atelier body.v3-page .v5-device-shell,
  html.marque-atelier body.v3-page .v5-simulator-stage:hover .v5-device-shell {
    position: relative; inset: auto; width: 334px; height: 710px; padding: 8px; border-radius: 51px; overflow: visible; transform-origin: center; scale: .94;
    transform-style: flat; transform: none; transition: none; background: linear-gradient(115deg,#c9cfd0,#565d61 3%,#252a2d 22%,#333a3e 72%,#9ba3a7 96%,#d3d9da);
    border: 1px solid #b9c2c6; box-shadow: 0 35px 65px #0009,0 0 0 1px #28333b,inset 0 0 0 2px #080b0e,inset 0 2px 1px #f4fafca3;
  }
  html.marque-atelier body.v3-page .v5-device-screen { transform: none; border: 1px solid #080b0e; box-shadow: inset 0 0 0 1px #d5e1e633; }
  html.marque-atelier body.v3-page .atelier-device-glint { position: absolute; z-index: 8; inset: 9px; border-radius: 42px; background: linear-gradient(113deg,transparent 39%,#eff9ff06 49%,transparent 58%); pointer-events: none; }
  html.marque-atelier body.v3-page .v5-device-side { transform: none; width: 3px; background: linear-gradient(90deg,#111a20,#a6b4bc,#39474f); box-shadow: 0 0 0 1px #060c10,0 1px 0 #b7c1c7; }
  html.marque-atelier body.v3-page .v5-device-side-left { left: -4px; }
  html.marque-atelier body.v3-page .v5-device-side-right { right: -4px; }
  html.marque-atelier body.v3-page .v5-dynamic-island::after { content: ""; position: absolute; right: 11px; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: radial-gradient(circle at 40% 30%,#33424a,#090d13 60%); box-shadow: 0 0 0 1px #121a21; }
  html.marque-atelier body.v3-page footer { background: #050606; }
}

@media (min-width: 1100px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
  html.marque-atelier body.v3-page .site-header.v3-header {
    transition: none;
  }
}

@media (min-width: 1100px) and (hover: hover) and (pointer: fine) and (max-height: 800px) {
  html.marque-atelier body.v3-page .v5-simulator-bottom { padding-block: 30px; }
  html.marque-atelier body.v3-page .v5-simulator-bottom .v5-simulator-stage { min-height: 640px; height: 640px; }
  html.marque-atelier body.v3-page .v5-device-shell,
  html.marque-atelier body.v3-page .v5-simulator-stage:hover .v5-device-shell { position: absolute; top: 44%; left: 50%; translate: -50% -50%; scale: .70; }
  html.marque-atelier body.v3-page .v5-simulator-stage::after { top: 38px; width: 490px; height: 490px; }
  html.marque-atelier body.v3-page .v10-download-cta h2 { font-size: 46px; }
  html.marque-atelier body.v3-page .v10-download-cta > .v10-download-intro { font-size: 13px; line-height: 1.45; margin-top: 16px; }
  html.marque-atelier body.v3-page .v5-simulator-bottom .waitlist-form { margin-top: 16px; padding: 16px; gap: 8px; }
  html.marque-atelier body.v3-page .v5-simulator-bottom .waitlist-options span { min-height: 36px; }
}

@media (min-width: 1100px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
  html.marque-atelier body.v3-page .v5-device-shell,
  html.marque-atelier body.v3-page .v5-simulator-stage:hover .v5-device-shell { transform: none; transition: none; }
  html.marque-atelier body.v3-page .v4-plan-card.v7-plan-card::before { animation: none; transform: none; }
  html.marque-atelier body.v3-page :is(.v6-featured-card,.v6-calendar-card,.v9-profile-card) { transform: none; }
  /* Existing simulator checks motion at boot; this also stabilises live OS changes. */
  html.marque-atelier body.v3-page .v5-phone-view { opacity: 0 !important; visibility: hidden !important; transition: none !important; }
  html.marque-atelier body.v3-page .v5-phone-view:first-child { opacity: 1 !important; visibility: visible !important; transform: none !important; }
  html.marque-atelier body.v3-page .v5-device-dock > span:not(.v5-dock-add) { background: transparent; transform: none; transition: none; }
  html.marque-atelier body.v3-page .v5-device-dock > span:first-child { background: rgba(255,255,255,.25); }
}

@keyframes atelier-material-breathe { from { transform: translate3d(-2.5%,2%,0) scale(1.05); } to { transform: translate3d(2.5%,-2%,0) scale(1.11); } }