@layer reset {
  *, ::before, ::after { box-sizing: border-box; }
  html { text-size-adjust: 100%; }
  body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0px; }
  ul[class], ol[class] { margin: 0px; padding: 0px; list-style: none; }
  img, picture, svg, video { max-width: 100%; display: block; }
  img { height: auto; }
  button, input, select, textarea { font: inherit; color: inherit; }
  [hidden] { display: none !important; }
}

@layer base {
  html { scroll-padding-top: calc(var(--header-h) + var(--decode-bar-h) + 1rem); background: var(--craie); }
  @media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
  html:has(dialog[open]) { overflow: hidden; }
  body { background: var(--craie); min-height: 100dvh; color: var(--encre); font-family: var(--font-sans); font-size: var(--text-base); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; font-kerning: normal; flex-direction: column; line-height: 1.6; display: flex; }
  main { flex: 1 1 0%; }
  main:focus { outline: none; }
  h1, h2, h3, h4 { letter-spacing: -0.018em; text-wrap: balance; font-weight: 600; line-height: 1.1; }
  p, li, dd { text-wrap: pretty; }
  strong, b { font-weight: 600; }
  a { color: inherit; text-underline-offset: 0.24em; text-decoration-line: underline; text-decoration-thickness: 1px; text-decoration-color: var(--filet-fort); transition: text-decoration-color 0.25s; }
  a:hover { text-decoration-color: currentcolor; }
  :focus-visible { outline: 2px solid var(--sauge-encre); outline-offset: 3px; border-radius: 4px; }
  .on-dark :focus-visible, .section--encre :focus-visible, .site-footer :focus-visible, .decode-bar :focus-visible { outline-color: var(--champagne); }
  ::selection { background: var(--sauge); color: var(--encre); }
  hr { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--filet); margin: 0px; }
}

@layer layout {
  .container { width: min(100% - 2 * var(--gutter), var(--max)); margin-inline: auto; }
  .container--narrow { width: min(100% - 2 * var(--gutter), 46rem); }
  .container--text { width: min(100% - 2 * var(--gutter), var(--measure)); }
  .section { padding-block: var(--section); }
  .section--tight { padding-block: calc(var(--section) * .6); }
  .section--papier { background: var(--papier); }
  .section--sauge { background: var(--sauge-voile); }
  .section--encre { background: var(--encre); color: var(--craie); }
  .split { align-items: center; gap: clamp(2rem, 1rem + 5vw, 5.5rem); display: grid; }
  @media (width >= 56rem) {
  .split { grid-template-columns: 1fr 1fr; }
  .split--media-wide { grid-template-columns: 1.25fr 1fr; }
  .split--text-wide { grid-template-columns: 1fr 1.25fr; }
  .split--reverse > :first-child { order: 2; }
  .split--top { align-items: start; }
}
  .stack > * + * { margin-top: var(--stack,1rem); }
  .page-head { padding-top: clamp(2.75rem, 1.5rem + 6vw, 6.5rem); padding-bottom: clamp(2.5rem, 1.5rem + 4vw, 5rem); }
  .page-head .lead { max-width: 40rem; }
}

@layer components {
  .wordmark { letter-spacing: 0.46em; text-transform: uppercase; white-space: nowrap; margin-right: -0.46em; font-size: 1.0625rem; font-weight: 400; line-height: 1; text-decoration: none; display: inline-block; }
  .wordmark--large { font-size: clamp(1.5rem, 1.1rem + 2vw, 2.5rem); }
  .led { background: var(--voyant); width: 1.625rem; height: 3px; box-shadow: 0 0 9px var(--voyant-lueur); vertical-align: middle; border-radius: 3px; flex: 0 0 auto; display: inline-block; }
  .led--sage { background: var(--sauge); box-shadow: rgba(135, 155, 138, 0.75) 0px 0px 9px; }
  .led--amber { background: var(--ambre); box-shadow: rgba(195, 139, 73, 0.7) 0px 0px 9px; }
  .led--white { background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.8) 0px 0px 9px; }
  .led--off { background: var(--filet-fort); box-shadow: none; }
  @media (prefers-reduced-motion: no-preference) {
  .led--pulse { animation: 3.4s ease-in-out 0s infinite normal none running led-pulse; }
  .led--blink { animation: 0.5s steps(2, jump-none) 0s infinite normal none running led-pulse; }
}
  @keyframes led-pulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.32; }
}
  .eyebrow { font-size: var(--text-xs); letter-spacing: 0.2em; text-transform: uppercase; color: var(--encre-doux); align-items: center; gap: 0.75rem; font-weight: 500; line-height: 1.3; display: flex; }
  .title--display { font-size: var(--title-xl); letter-spacing: -0.028em; line-height: 1.02; }
  .title--large { font-size: var(--title-lg); letter-spacing: -0.024em; line-height: 1.06; }
  .title--medium { font-size: var(--title-md); }
  .title--small { font-size: var(--title-sm); letter-spacing: -0.01em; }
  .lead { font-size: var(--text-lg); color: var(--encre-moyen); max-width: var(--measure); line-height: 1.5; }
  .muted { color: var(--encre-doux); }
  .section--encre .eyebrow { color: var(--champagne); }
  .section--encre .lead, .section--encre .muted { color: rgba(243, 240, 232, 0.76); }
  .section--encre a { text-decoration-color: rgba(243, 240, 232, 0.4); }
  .small { font-size: var(--text-sm); }
  .num { font-family: var(--font-mono); font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0.01em; }
  .section-head { gap: 1.125rem; max-width: 46rem; margin-bottom: clamp(2.25rem, 1.5rem + 3vw, 4rem); display: grid; }
  .section-head--center { text-align: center; justify-items: center; margin-inline: auto; }
  .btn { border-radius: var(--pill); min-height: 3.25rem; font-family: var(--font-sans); letter-spacing: 0.005em; text-align: center; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color .25s, border-color .25s, color .25s, transform .2s var(--ease); border: 1px solid rgba(0, 0, 0, 0); justify-content: center; align-items: center; gap: 0.75rem; padding: 0.75rem 1.75rem; font-size: 1rem; font-weight: 600; line-height: 1.2; text-decoration: none; display: inline-flex; }
  .btn:active { transform: scale(0.985); }
  .btn--primary { background: var(--encre); color: var(--craie); }
  .btn--primary:hover { background: rgb(18, 23, 21); }
  .btn--secondary { border-color: var(--filet-fort); color: var(--encre); background: 0px 0px; }
  .btn--secondary:hover { border-color: var(--encre); background: rgba(37, 44, 42, 0.04); }
  .btn--inverse { background: var(--craie); color: var(--encre); }
  .btn--inverse:hover { background: rgb(255, 255, 255); }
  .btn--small { min-height: 2.75rem; padding: 0.5rem 1.25rem; font-size: 0.9375rem; }
  .btn--large { min-height: 3.75rem; padding: 1rem 2.25rem; font-size: 1.0625rem; }
  .btn--block { width: 100%; display: flex; }
  .btn__price { font-family: var(--font-mono); font-variant-numeric: tabular-nums; border-left: 1px solid color-mix(in srgb, currentcolor 35%, transparent 65%); padding-left: 0.75rem; font-weight: 500; }
  .link-arrow { border-bottom: 1px solid; align-items: center; gap: 0.5rem; min-height: 2.75rem; padding-block: 0.35rem; font-weight: 600; text-decoration: none; display: inline-flex; }
  .link-arrow::after { content: "→"; transition: transform .3s var(--ease); }
  .link-arrow:hover::after { transform: translate(0.25rem); }
  .link-button { font: inherit; color: inherit; cursor: pointer; text-underline-offset: 0.24em; background: 0px 0px; border: 0px; padding: 0px; text-decoration: underline 1px; }
  .icon-button { border: 1px solid var(--filet); width: 2.75rem; height: 2.75rem; color: inherit; cursor: pointer; background: 0px 0px; border-radius: 50%; place-items: center; transition: background-color 0.25s, border-color 0.25s; display: grid; }
  .icon-button:hover { border-color: var(--filet-fort); background: rgba(37, 44, 42, 0.05); }
  .close-button { border: 1px solid var(--filet-fort); border-radius: var(--pill); cursor: pointer; background: 0px 0px; min-height: 2.75rem; padding: 0px 1.125rem; font-size: 0.875rem; font-weight: 500; transition: background-color 0.25s, border-color 0.25s; }
  .close-button:hover { border-color: var(--encre); background: rgba(37, 44, 42, 0.05); }
  .btn[data-buy]::before { content: ""; background: currentcolor; border-radius: 2px; flex: 0 0 auto; width: 0.875rem; height: 2px; transition: background-color 0.2s; }
  .btn[data-buy]:hover::before { background: var(--sauge); }
  .btn[data-buy]:active::before { background: var(--ambre); }
  .btn--inverse[data-buy]:hover::before { background: var(--sauge-encre); }
  .tag { border: 1px solid var(--filet-fort); border-radius: var(--pill); font-family: var(--font-mono); font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0.06em; text-transform: uppercase; white-space: nowrap; align-items: center; gap: 0.5rem; padding: 0.3rem 0.7rem; font-size: 0.6875rem; font-weight: 500; display: inline-flex; }
  .photo { margin: 0px; }
  .photo__frame { aspect-ratio: var(--ratio); background: var(--craie-ombre); position: relative; overflow: hidden; }
  .photo--rounded .photo__frame { border-radius: var(--r-lg); }
  .photo__frame picture, .photo__frame img { width: 100%; height: 100%; }
  .photo__frame img { object-fit: cover; object-position: var(--focal,50% 50%); }
  .photo__caption { color: var(--encre-doux); align-items: baseline; gap: 0.625rem; margin-top: 0.75rem; font-size: 0.8125rem; line-height: 1.4; display: flex; }
  .photo__caption::before { content: ""; background: currentcolor; flex: 0 0 auto; width: 1rem; height: 1px; transform: translateY(-0.28em); }
  .art-photo { background: var(--craie-ombre); position: relative; overflow: hidden; }
  .art-photo picture, .art-photo img { width: 100%; height: 100%; }
  .art-photo img { object-fit: cover; object-position: var(--focal-mobile,50% 50%); }
  @media (width >= 56.25rem) {
  .art-photo img { object-position: var(--focal-desktop,50% 50%); }
}
  .faq { border-top: 1px solid var(--filet); }
  .faq__item { border-bottom: 1px solid var(--filet); }
  .faq__item summary { cursor: pointer; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.25rem 0px; font-weight: 600; line-height: 1.35; list-style: none; display: flex; }
  .faq__item summary::-webkit-details-marker { display: none; }
  .faq__icon { border: 1px solid var(--filet-fort); border-radius: 50%; flex: 0 0 auto; width: 1.75rem; height: 1.75rem; transition: background-color 0.25s, border-color 0.25s; position: relative; }
  .faq__icon::before, .faq__icon::after { content: ""; width: 0.625rem; height: 1px; transition: transform .3s var(--ease); background: currentcolor; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
  .faq__icon::after { transform: translate(-50%, -50%) rotate(90deg); }
  .faq__item[open] .faq__icon::after { transform: translate(-50%, -50%) rotate(0deg); }
  .faq__item summary:hover .faq__icon { border-color: var(--encre); }
  .faq__answer { color: var(--encre-moyen); gap: 0.75rem; max-width: 44rem; padding: 0px 2.75rem 1.5rem 0px; display: grid; }
  @supports (interpolate-size:allow-keywords) {
  @media (prefers-reduced-motion: no-preference) {
  .faq__item { interpolate-size: allow-keywords; }
  .faq__item::details-content { height: 0px; transition: height .35s var(--ease), content-visibility .35s allow-discrete; overflow: clip; }
  .faq__item[open]::details-content { height: auto; }
}
}
  .specs__title { font-size: var(--text-xs); letter-spacing: 0.2em; text-transform: uppercase; color: var(--encre-doux); margin-bottom: 0.875rem; font-weight: 500; }
  .specs dl { border-top: 1px solid var(--filet); }
  .specs__row { border-bottom: 1px solid var(--filet); grid-template-columns: minmax(7.5rem, 36%) 1fr; gap: 1rem; padding: 0.875rem 0px; display: grid; }
  .specs__row dt { color: var(--encre-doux); font-size: 0.9375rem; }
  .specs__row dd { font-weight: 500; }
  .specs__note { color: var(--encre-doux); margin-top: 0.125rem; font-size: 0.8125rem; font-weight: 400; display: block; }
  .hotspots { align-items: center; gap: clamp(1.75rem, 1rem + 4vw, 4.5rem); display: grid; }
  @media (width >= 56rem) {
  .hotspots { grid-template-columns: 1.3fr 1fr; }
}
  .hotspot { left: var(--x); top: var(--y); z-index: 1; width: 1.75rem; height: 1.75rem; color: var(--craie); font-family: var(--font-mono); font-variant-numeric: tabular-nums lining-nums; cursor: pointer; transition: transform .25s var(--ease), background-color .25s, color .25s; background: rgba(37, 44, 42, 0.86); border: 1px solid rgba(243, 240, 232, 0.85); border-radius: 50%; place-items: center; padding: 0px; font-size: 0.6875rem; font-weight: 500; line-height: 1; display: grid; position: absolute; transform: translate(-50%, -50%); }
  .hotspot::after { content: ""; border-radius: 50%; position: absolute; inset: -0.625rem; }
  .hotspot:hover, .hotspot[aria-pressed="true"] { background: var(--craie); color: var(--encre); border-color: var(--encre); transform: translate(-50%, -50%) scale(1.18); }
  @media (width <= 30rem) {
  .hotspot { width: 1.5rem; height: 1.5rem; font-size: 0.625rem; }
}
  .inventory { border-top: 1px solid var(--filet); }
  .inventory > li { border-bottom: 1px solid var(--filet); transition: background-color .3s, padding .3s var(--ease); grid-template-columns: 2.25rem 1fr; gap: 0.25rem 0.75rem; padding: 0.875rem 0.5rem 0.875rem 0px; display: grid; }
  .inventory > li[data-active] { background: var(--sauge-voile); padding-left: 0.75rem; }
  .inventory__n { font-family: var(--font-mono); font-variant-numeric: tabular-nums lining-nums; color: var(--sauge-encre); padding-top: 0.2em; font-size: 0.8125rem; }
  .inventory__name { font-weight: 600; }
  .inventory__detail { color: var(--encre-doux); grid-column: 2; font-size: 0.9375rem; }
  .inventory__place { letter-spacing: 0.06em; text-transform: uppercase; color: var(--encre-doux); grid-column: 2; font-size: 0.75rem; }
  .prose { max-width: var(--measure); }
  .prose > * + * { margin-top: 1.125rem; }
  .prose h2 { font-size: var(--title-md); margin-top: 3.25rem; }
  .prose h3 { font-size: var(--title-sm); margin-top: 2.25rem; }
  .prose ul, .prose ol { padding-left: 1.25rem; }
  .prose li + li { margin-top: 0.5rem; }
  .prose li::marker { color: var(--sauge-encre); }
  .note { border-radius: var(--r-md); background: var(--sauge-voile); color: var(--encre-moyen); padding: 1.125rem 1.25rem; font-size: 0.9375rem; }
  .note--papier { background: var(--papier); border: 1px solid var(--filet); }
  .visually-hidden { clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap; border: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; position: absolute !important; }
  .skip-link { z-index: 100; border-radius: var(--pill); background: var(--encre); color: var(--craie); padding: 0.75rem 1.25rem; font-weight: 600; text-decoration: none; position: fixed; top: 0.5rem; left: 0.5rem; transform: translateY(-200%); }
  .skip-link:focus { transform: none; }
  html[data-motion="on"] [data-appear] { opacity: 0; transition-property: ; transition-duration: ; transition-timing-function: ; transition-behavior: ; transition-delay: var(--delay,0s); transform: translateY(0.875rem); }
  html[data-motion="on"] [data-appear][data-appeared] { opacity: 1; transform: none; }
}

@layer chrome {
  .site-header { top: var(--decode-bar-h); z-index: 40; background: rgba(243, 240, 232, 0); transition: background-color 0.35s, box-shadow 0.35s; position: sticky; }
  .site-header[data-scrolled] { backdrop-filter: saturate(1.3) blur(14px); box-shadow: 0 1px 0 var(--filet); background: rgba(243, 240, 232, 0.88); }
  @supports (animation-timeline:scroll()) {
  .site-header::after { content: ""; background: var(--voyant); transform-origin: 0px center; height: 2px; position: absolute; bottom: -1px; left: 0px; right: 0px; transform: scaleX(0); }
  @keyframes read-progress { 
  100% { transform: scaleX(1); }
}
}
  html:not(.js) .site-header { background: var(--craie); box-shadow: 0 1px 0 var(--filet); }
  .has-overlay-header main { margin-top: calc(-1 * var(--header-h)); }
  .site-header__inner { height: var(--header-h); width: min(100% - 2 * var(--gutter), var(--max)); grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; margin-inline: auto; display: grid; }
  .site-header__menu { letter-spacing: 0.04em; justify-self: start; align-items: center; gap: 0.625rem; min-height: 2.75rem; font-size: 0.875rem; font-weight: 500; text-decoration: none; display: inline-flex; }
  .site-header__menu-icon { gap: 5px; width: 1.25rem; display: grid; }
  .site-header__menu-icon i { background: currentcolor; height: 1.5px; display: block; }
  .site-header__logo { justify-self: center; padding-block: 0.875rem; }
  .site-nav { display: none; }
  .site-header__actions { justify-content: flex-end; align-items: center; gap: 1.25rem; display: flex; }
  .site-header__cart { letter-spacing: 0.04em; cursor: pointer; align-items: center; gap: 0.4rem; min-height: 2.75rem; font-size: 0.875rem; font-weight: 500; text-decoration: none; display: inline-flex; }
  .site-header__cart-count { border: 1px solid var(--filet-fort); min-width: 1.375rem; height: 1.375rem; font-family: var(--font-mono); font-variant-numeric: tabular-nums lining-nums; border-radius: 50%; place-items: center; font-size: 0.6875rem; display: grid; }
  .site-header__buy { display: none; }
  @media (width >= 68rem) {
  .site-header__inner { grid-template-columns: auto 1fr auto; gap: 2.5rem; }
  .site-header__menu { display: none; }
  .site-header__logo { justify-self: start; }
  .site-nav { justify-self: center; display: block; }
  .site-nav ul { gap: clamp(1.25rem, 2.4vw, 2.25rem); margin: 0px; padding: 0px; list-style: none; display: flex; }
  .site-nav a { white-space: nowrap; padding-block: 0.75rem; font-size: 0.9375rem; font-weight: 500; text-decoration: none; display: inline-block; position: relative; }
  .site-nav a::after { content: ""; background: var(--voyant); transform-origin: 0px center; height: 2px; transition: transform .35s var(--ease); border-radius: 2px; position: absolute; bottom: 0.45rem; left: 0px; right: 0px; transform: scaleX(0); }
  .site-nav a:hover::after, .site-nav a[aria-current="page"]::after { transform: scaleX(1); }
  .site-header__buy { display: inline-flex; }
}
  .menu { background: var(--craie); width: 100%; max-width: 100%; height: 100dvh; max-height: 100dvh; color: var(--encre); border: 0px; margin: 0px; padding: 0px; }
  .menu::backdrop { background: rgba(22, 27, 25, 0.5); }
  .menu__panel { min-height: 100%; padding: 0 var(--gutter) calc(1.25rem + env(safe-area-inset-bottom)); flex-direction: column; display: flex; }
  .menu__head { height: var(--header-h); justify-content: space-between; align-items: center; display: flex; }
  .menu nav { flex: 1 1 0%; padding-top: 1.5rem; }
  .menu__main { border-top: 1px solid var(--filet); }
  .menu__main a { border-bottom: 1px solid var(--filet); letter-spacing: -0.015em; justify-content: space-between; align-items: center; padding: 1.05rem 0px; font-size: 1.625rem; font-weight: 600; text-decoration: none; display: flex; }
  .menu__main a[aria-current="page"]::after { content: ""; background: var(--voyant); border-radius: 3px; width: 1.625rem; height: 3px; }
  .menu__secondary { grid-template-columns: 1fr 1fr; gap: 0.25rem 1rem; display: grid; margin-top: 1.5rem !important; }
  .menu__secondary a { color: var(--encre-doux); padding: 0.5rem 0px; font-size: 0.9375rem; text-decoration: none; display: inline-block; }
  .menu__foot { padding-top: 1.5rem; }
  @media (prefers-reduced-motion: no-preference) {
  .menu[open] { animation: sheet-in .4s var(--ease); }
  .menu[open] .menu__main li { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(60ms * var(--i,1)); }
  .menu__main li:first-child { --i: 1; }
  .menu__main li:nth-child(2) { --i: 2; }
  .menu__main li:nth-child(3) { --i: 3; }
  .menu__main li:nth-child(4) { --i: 4; }
  .menu__main li:nth-child(5) { --i: 5; }
  .menu__main li:nth-child(6) { --i: 6; }
}
  @keyframes sheet-in { 
  0% { opacity: 0; transform: translateY(-0.75rem); }
}
  @keyframes rise { 
  0% { opacity: 0; transform: translateY(0.75rem); }
}
  .site-footer { background: var(--encre); color: var(--craie); padding-block: clamp(3.5rem, 2rem + 6vw, 6.5rem) calc(2rem + var(--decode-dock-h)); }
  .site-footer__inner { width: min(100% - 2 * var(--gutter), var(--max)); gap: clamp(2.5rem, 1.5rem + 4vw, 4.5rem); margin-inline: auto; display: grid; }
  .site-footer .wordmark { color: var(--champagne); }
  .site-footer__signature { font-size: var(--text-lg); color: rgba(243, 240, 232, 0.8); margin-top: 1.25rem; }
  .site-footer__nav { grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 2.25rem 2rem; display: grid; }
  .site-footer__nav:focus { outline: none; }
  .site-footer__title { font-size: var(--text-xs); letter-spacing: 0.2em; text-transform: uppercase; color: var(--champagne); margin-bottom: 1rem; font-weight: 500; }
  .site-footer__group ul { margin: 0px; padding: 0px; list-style: none; }
  .site-footer__group a, .site-footer__legal a { color: rgba(243, 240, 232, 0.86); padding: 0.375rem 0px; text-decoration: none; display: inline-block; }
  .site-footer__group a:hover, .site-footer__legal a:hover { color: rgb(255, 255, 255); text-decoration: underline rgba(243, 240, 232, 0.5); }
  .site-footer__base { border-top: 1px solid var(--filet-clair); font-size: var(--text-sm); flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem 2rem; padding-top: 1.5rem; display: flex; }
  .site-footer__mark { letter-spacing: 0.14em; text-transform: uppercase; font-size: var(--text-xs); color: rgba(243, 240, 232, 0.7); align-items: center; gap: 0.75rem; display: flex; }
  .site-footer__legal { flex-wrap: wrap; gap: 0.25rem 1.5rem; display: flex; }
  .site-footer__after { border-radius: var(--r-md); font-size: var(--text-sm); color: rgba(243, 240, 232, 0.86); border: 1px solid rgba(195, 139, 73, 0.55); padding: 1.25rem 1.5rem; display: none; }
  html[data-revealed] .site-footer__after { gap: 0.75rem; display: grid; }
  .site-footer__after strong { color: var(--ambre); }
  .site-footer__after-links { flex-wrap: wrap; gap: 0.5rem 1.5rem; display: flex; }
  html:not(.js) .site-footer__after-links .link-button { display: none; }
  .sticky-buy { z-index: 35; padding: .625rem var(--gutter) calc(.625rem + env(safe-area-inset-bottom)); backdrop-filter: blur(14px); border-top: 1px solid var(--filet); visibility: hidden; transition: transform .45s var(--ease), visibility 0s .45s; background: rgba(251, 249, 244, 0.94); justify-content: space-between; align-items: center; gap: 1rem; display: flex; position: fixed; bottom: 0px; left: 0px; right: 0px; transform: translateY(110%); }
  .sticky-buy[data-visible="true"] { visibility: visible; transition: transform .45s var(--ease), visibility 0s; transform: none; }
  .sticky-buy__label { line-height: 1.25; display: grid; }
  .sticky-buy__label strong { letter-spacing: 0.04em; font-size: 0.9375rem; }
  .sticky-buy__label .num { color: var(--encre-doux); font-size: 0.875rem; }
  @media (width >= 68rem) {
  .sticky-buy { display: none; }
}
  html[data-decode="on"] .sticky-buy { display: none; }
  .reveal { width: 100%; max-width: 100%; height: 100dvh; max-height: 100dvh; color: var(--encre); background: 0px 0px; border: 0px; margin: 0px; padding: 0px; overflow: hidden; }
  .reveal::backdrop { backdrop-filter: blur(6px); background: rgba(22, 27, 25, 0.66); }
  .reveal__panel { background: var(--papier); flex-direction: column; height: 100%; display: flex; position: relative; overflow: hidden; }
  .reveal__panel::before { content: ""; background: var(--ambre); flex: 0 0 auto; height: 4px; }
  .reveal__close { top: 1.125rem; right: var(--gutter); z-index: 3; background: var(--papier); position: absolute; }
  .reveal__panel::after { content: ""; z-index: 1; background: var(--papier); pointer-events: none; height: 4.25rem; position: absolute; top: 4px; left: 0px; right: 0px; }
  .reveal .reveal__eyebrow { z-index: 2; position: relative; }
  .reveal__scroll { overscroll-behavior: contain; padding: 1.75rem var(--gutter) 0; flex-direction: column; flex: 1 1 0%; display: flex; overflow-y: auto; }
  .reveal__content { color: var(--encre-moyen); flex: 1 1 0%; align-content: start; gap: 1rem; display: grid; }
  .reveal__eyebrow { min-height: 2.5rem; font-size: var(--text-xs); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ambre-encre); align-items: center; gap: 0.75rem; padding-right: 5.5rem; font-weight: 500; display: flex; }
  .reveal__state { font-family: var(--font-mono); font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0.12em; }
  .reveal__state + span { color: var(--encre-doux); }
  .reveal__zero { border-block: 1px solid var(--filet); font-size: var(--text-sm); color: var(--encre-doux); grid-template-columns: 1fr 1fr; display: grid; }
  .reveal__zero li { gap: 0.125rem; padding: 0.75rem 0px; display: grid; }
  .reveal__zero li + li { border-left: 1px solid var(--filet); padding-left: 1.125rem; }
  .reveal__zero .num { color: var(--encre); font-size: 1.375rem; line-height: 1.1; }
  .reveal__title { letter-spacing: -0.026em; color: var(--encre); margin-top: 0.25rem; font-size: clamp(2.125rem, 1.4rem + 3.6vw, 3.25rem); line-height: 1.04; }
  .reveal__title:focus { outline: none; }
  .reveal__lead { border-radius: var(--r-md); background: var(--sauge-voile); font-size: var(--text-lg); color: var(--encre); padding: 1rem 1.125rem; font-weight: 600; line-height: 1.4; }
  .reveal__source { font-size: var(--text-sm); color: var(--encre-doux); }
  .reveal__author { border-radius: var(--r-md); background: var(--ambre-voile); gap: 0.5rem; padding: 1rem 1.125rem; display: grid; }
  .reveal__links { flex-wrap: wrap; gap: 0.25rem 2rem; display: flex; }
  .reveal__link { min-height: 2.75rem; color: var(--encre); align-content: center; gap: 0.0625rem; text-decoration: none; display: inline-grid; }
  .reveal__link-label { text-underline-offset: 0.24em; text-decoration-line: underline; text-decoration-thickness: 1px; text-decoration-style: initial; text-decoration-color: var(--filet-fort); font-weight: 600; transition: text-decoration-color 0.25s; }
  .reveal__link:hover .reveal__link-label { text-decoration-color: currentcolor; }
  .reveal__link-host { letter-spacing: 0.02em; color: var(--encre-doux); font-size: 0.75rem; }
  .reveal__block { gap: 0.75rem; margin-top: 0.75rem; display: grid; }
  .reveal__subtitle { font-size: var(--text-xs); letter-spacing: 0.18em; text-transform: uppercase; color: var(--ambre-encre); font-weight: 600; }
  .reveal__made { border-top: 1px solid var(--filet); }
  .reveal__made > div { border-bottom: 1px solid var(--filet); gap: 0.125rem 1.25rem; padding: 0.75rem 0px; display: grid; }
  .reveal__made dt { color: var(--encre); font-weight: 600; }
  .reveal__made dd { font-size: 0.9375rem; }
  .reveal__reflexes { counter-reset: reflexe 0; gap: 0.875rem; display: grid; }
  .reveal__reflexes li { counter-increment: reflexe 1; grid-template-columns: 2.25rem 1fr; display: grid; }
  .reveal__reflexes li::before { content: "0" counter(reflexe); font-family: var(--font-mono); font-variant-numeric: tabular-nums lining-nums; color: var(--ambre-encre); grid-row: span 2; padding-top: 0.2em; font-size: 0.8125rem; }
  .reveal__reflexes strong { color: var(--encre); }
  .reveal__reflexes span { grid-column: 2; font-size: 0.9375rem; }
  .reveal__actions { padding: 1.5rem 0 calc(1rem + env(safe-area-inset-bottom)); background: linear-gradient(to top, var(--papier) 76%, #fbf9f400); gap: 0.625rem; margin-top: 1.5rem; display: grid; position: sticky; bottom: 0px; }
  @media (width >= 44rem) {
  .reveal { border-radius: var(--r-lg); width: min(100% - 3rem, 46rem); height: auto; max-height: min(100dvh - 3rem, 58rem); margin: auto; box-shadow: rgba(15, 20, 18, 0.6) 0px 2.5rem 6rem -2rem; }
  .reveal__panel { height: auto; max-height: min(100dvh - 3rem, 58rem); }
  .reveal__scroll { padding: 2.5rem 3rem 0px; }
  .reveal__close { top: 2.25rem; right: 3rem; }
  .reveal__panel::after { height: 5.5rem; }
  .reveal__made > div { grid-template-columns: 13.5rem 1fr; align-items: baseline; }
}
  @media (width >= 52rem) {
  .reveal__actions { grid-template-columns: 1fr 1fr; padding-bottom: 2rem; }
}
  @media (prefers-reduced-motion: no-preference) {
  .reveal[open] { animation: reveal-in .5s var(--ease); }
  .reveal[open]::backdrop { animation: 0.4s ease-out 0s 1 normal none running fade-in; }
}
  @keyframes reveal-in { 
  0% { opacity: 0; transform: translateY(1.25rem); }
}
  @keyframes fade-in { 
  0% { opacity: 0; }
}
  .reveal-page { width: min(100% - 2 * var(--gutter), 44rem); margin: clamp(2rem, 1rem + 5vw, 5rem) auto var(--section); border-top: 4px solid var(--ambre); border-radius: 0 0 var(--r-lg) var(--r-lg); background: var(--papier); padding: clamp(1.75rem, 1rem + 3vw, 3rem); }
  .reveal-page .reveal__actions { background: 0px 0px; padding-bottom: 0px; position: static; }
}

@layer decode {
  .decode-bar { z-index: 60; min-height: 2.75rem; padding: .375rem var(--gutter); background: var(--encre); color: var(--craie); justify-content: space-between; align-items: center; gap: 1rem; font-size: 0.8125rem; line-height: 1.3; display: flex; position: sticky; top: 0px; }
  .decode-bar__state { align-items: center; gap: 0.625rem; min-width: 0px; display: flex; }
  .decode-bar__state strong { letter-spacing: 0.16em; text-transform: uppercase; color: var(--ambre); white-space: nowrap; font-size: 0.6875rem; }
  .decode-bar__text { white-space: nowrap; text-overflow: ellipsis; color: rgba(243, 240, 232, 0.82); overflow: hidden; }
  .decode-bar__actions { flex: 0 0 auto; align-items: center; gap: 1rem; display: flex; }
  .decode-bar__actions a { text-decoration-color: rgba(243, 240, 232, 0.45); }
  .decode-bar__actions button { border-radius: var(--pill); min-height: 2rem; color: inherit; cursor: pointer; background: 0px 0px; border: 1px solid rgba(243, 240, 232, 0.4); padding: 0.25rem 0.875rem; }
  .decode-bar__actions button:hover { border-color: var(--craie); }
  @media (width <= 40rem) {
  .decode-bar__text, .decode-bar__wide { display: none; }
}
  html[data-decode="on"] .led { animation: auto ease 0s 1 normal none running none; }
  html[data-decode="on"] [data-decode] { outline-offset: 0.375rem; border-radius: 0.375rem; outline: rgba(195, 139, 73, 0.85) dashed 1px; scroll-margin-top: 0.75rem; }
  html[data-decode="on"] [data-decode][data-decode-active] { outline: 2px solid var(--ambre); }
  .decode-pin { z-index: 5; border: 2px solid var(--papier); background: var(--ambre); width: 1.875rem; height: 1.875rem; color: var(--encre); font-family: var(--font-mono); font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0px; text-transform: none; cursor: pointer; transition: transform .25s var(--ease), background-color .25s, color .25s; border-radius: 50%; place-items: center; padding: 0px; font-size: 0.8125rem; font-weight: 500; line-height: 1; display: grid; position: absolute; top: 0.5rem; right: 0.5rem; box-shadow: rgba(37, 44, 42, 0.3) 0px 0.125rem 0.75rem; }
  .decode-pin::after { content: ""; border-radius: 50%; position: absolute; inset: -0.5rem; }
  .decode-pin:hover { transform: scale(1.1); }
  .decode-pin[aria-pressed="true"] { background: var(--encre); color: var(--ambre); border-color: var(--ambre); transform: scale(1.14); }
  .decode-pin[data-read]:not([aria-pressed="true"]) { background: var(--papier); border-color: var(--ambre); }
  .decode-pin[data-pos="tl"] { left: 0.5rem; right: auto; }
  .decode-pin[data-pos="bl"] { inset: auto auto 0.5rem 0.5rem; }
  .decode-pin[data-pos="br"] { top: auto; bottom: 0.5rem; }
  .decode-pin[data-pos="center"] { margin: -0.9375rem -0.9375rem 0px 0px; top: 50%; right: 50%; }
  .decode-pin[data-pos="out"] { top: -1.125rem; right: -0.25rem; }
  .decode-pin--inline { vertical-align: middle; margin: 0px 0px 0px 0.5rem; display: inline-grid; position: relative; top: auto; right: auto; }
  .decode-pin:focus-visible { outline: 2px solid var(--encre); outline-offset: 2px; border-radius: 50%; }
  html[data-decode="on"] [data-stamp]::after { content: attr(data-stamp); z-index: 3; border-radius: var(--pill); background: var(--ambre); color: var(--encre); font-family: var(--font-mono); font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0.06em; text-transform: uppercase; pointer-events: none; padding: 0.3rem 0.625rem; font-size: 0.625rem; font-weight: 500; line-height: 1.2; position: absolute; bottom: 0.625rem; left: 0.625rem; }
  .decode-dock { left: 0.5rem; right: 0.5rem; bottom: calc(.5rem + env(safe-area-inset-bottom)); z-index: 55; background: var(--encre); color: var(--craie); border-radius: 1.375rem; padding: 0.875rem 1.125rem 1rem; position: fixed; box-shadow: rgba(15, 20, 18, 0.6) 0px 1.25rem 3rem -1rem; }
  .decode-dock :focus-visible { outline-color: var(--champagne); }
  .decode-dock__head { justify-content: space-between; align-items: center; gap: 1rem; display: flex; }
  .decode-dock__meta { align-items: baseline; gap: 0.75rem; min-width: 0px; display: flex; }
  .decode-dock__count { font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ambre); white-space: nowrap; font-size: 0.8125rem; }
  .decode-dock__cat { letter-spacing: 0.16em; text-transform: uppercase; color: var(--champagne); white-space: nowrap; text-overflow: ellipsis; font-size: 0.6875rem; font-weight: 500; overflow: hidden; }
  .decode-dock__toggle { border: 1px solid var(--filet-clair); border-radius: var(--pill); cursor: pointer; background: 0px 0px; flex: 0 0 auto; min-height: 2rem; padding: 0.25rem 0.75rem; font-size: 0.8125rem; }
  .decode-dock__toggle:hover { border-color: rgba(243, 240, 232, 0.6); }
  .decode-dock__body { overscroll-behavior: contain; max-height: 34dvh; overflow-y: auto; }
  .decode-dock__title { letter-spacing: -0.01em; margin-top: 0.625rem; font-size: 1.125rem; line-height: 1.25; }
  .decode-dock__text { color: rgba(243, 240, 232, 0.84); margin-top: 0.375rem; font-size: 0.9375rem; line-height: 1.5; }
  .decode-dock__reflex { border-top: 1px solid var(--filet-clair); gap: 0.125rem; margin-top: 0.75rem; padding-top: 0.625rem; font-size: 0.9375rem; line-height: 1.45; display: grid; }
  .decode-dock__reflex-label { letter-spacing: 0.16em; text-transform: uppercase; color: var(--ambre); font-size: 0.6875rem; font-weight: 600; }
  .decode-dock__nav { flex-wrap: wrap; align-items: center; gap: 0.5rem; margin-top: 0.875rem; display: flex; }
  .decode-dock__step { border-radius: var(--pill); cursor: pointer; background: 0px 0px; border: 1px solid rgba(243, 240, 232, 0.35); min-height: 2.75rem; padding: 0px 1.125rem; font-size: 0.875rem; font-weight: 600; }
  .decode-dock__step--next { border-color: var(--craie); background: var(--craie); color: var(--encre); }
  .decode-dock__step:disabled { opacity: 0.35; cursor: default; }
  .decode-dock__page { border-radius: var(--pill); background: var(--ambre); min-height: 2.75rem; color: var(--encre); align-items: center; padding: 0px 1.125rem; font-size: 0.875rem; font-weight: 600; text-decoration: none; display: none; }
  .decode-dock[data-at-end="true"] .decode-dock__page { display: inline-flex; }
  .decode-dock[data-at-end="true"] .decode-dock__step--next, .decode-dock[data-open="false"] .decode-dock__body, .decode-dock[data-open="false"] .decode-dock__nav { display: none; }
  @media (width >= 48rem) {
  .decode-dock { width: 26rem; padding: 1.125rem 1.375rem 1.25rem; bottom: 1.5rem; left: auto; right: 1.5rem; }
  .decode-dock__body { max-height: 44dvh; }
}
  .decode-pill { left: 1rem; bottom: calc(1rem + env(safe-area-inset-bottom)); z-index: 34; border-radius: var(--pill); background: var(--encre); min-height: 2.75rem; color: var(--craie); letter-spacing: 0.04em; cursor: pointer; border: 1px solid rgba(195, 139, 73, 0.7); align-items: center; gap: 0.625rem; padding: 0px 1.125rem; font-size: 0.8125rem; font-weight: 600; display: none; position: fixed; box-shadow: rgba(37, 44, 42, 0.5) 0px 0.5rem 1.5rem -0.5rem; }
  html.js[data-revealed]:not([data-decode="on"]) .decode-pill { display: inline-flex; }
  body:has(.sticky-buy[data-visible="true"]) .decode-pill { bottom: calc(5rem + env(safe-area-inset-bottom)); }
  @media (width >= 68rem) {
  body:has(.sticky-buy[data-visible="true"]) .decode-pill { bottom: 1rem; }
}
}

:root { --craie: #f3f0e8; --encre: #252c2a; --sauge: #879b8a; --champagne: #b8a78e; --ambre: #c38b49; --papier: #fbf9f4; --craie-ombre: #e9e5da; --encre-doux: #59625f; --encre-moyen: #3d4744; --sauge-encre: #4f6354; --sauge-voile: #e1e7df; --champagne-encre: #76664c; --ambre-encre: #8a5a1e; --ambre-voile: #f6ead8; --ecran: #0e1211; --filet: #252c2a24; --filet-fort: #252c2a4d; --filet-clair: #f3f0e82e; --font-sans: "Avenir Next", "Nunito Sans Variable", Avenir, "Segoe UI", system-ui, sans-serif; --font-mono: var(--font-sans); --text-xs: .75rem; --text-sm: .875rem; --text-base: 1.0625rem; --text-lg: clamp(1.125rem, 1.02rem + .5vw, 1.3125rem); --title-sm: clamp(1.25rem, 1.1rem + .7vw, 1.5rem); --title-md: clamp(1.625rem, 1.2rem + 1.9vw, 2.5rem); --title-lg: clamp(2rem, 1.3rem + 3.2vw, 3.5rem); --title-xl: clamp(2.5rem, 1.2rem + 6vw, 5.25rem); --gutter: clamp(1.25rem, .6rem + 3.2vw, 3.5rem); --section: clamp(4.5rem, 3rem + 7vw, 9rem); --max: 80rem; --measure: 38rem; --r-sm: .625rem; --r-md: 1.125rem; --r-lg: clamp(1.25rem, .9rem + 1.4vw, 2rem); --pill: 999px; --voyant: var(--sauge); --voyant-lueur: #879b8abf; --ease: cubic-bezier(.2, .7, .2, 1); --header-h: 3.75rem; --decode-bar-h: 0px; --decode-dock-h: 0px; }

@media (width >= 60rem) {
  :root { --header-h: 4.75rem; }
}

html:has(#revelation[open]), html[data-decode="on"] { --voyant: var(--ambre); --voyant-lueur: #c38b49b3; }

@media print {
  .site-header, .sticky-buy, .decode-dock, .decode-pill, .reveal { display: none !important; }
}

.labels[data-astro-cid-mmawvejo] { gap: 0.875rem; display: grid; }

.labels__list[data-astro-cid-mmawvejo] { gap: clamp(0.75rem, 3vw, 1.75rem); margin: 0px; padding: 0px; list-style: none; display: flex; }

.labels__item[data-astro-cid-mmawvejo] { text-align: center; flex: 0 1 6.5rem; justify-items: center; gap: 0.5rem; min-width: 0px; display: grid; }

.labels__item[data-astro-cid-mmawvejo] img { width: 100%; max-width: 5.75rem; height: auto; }

.labels__name[data-astro-cid-mmawvejo] { font-size: 0.75rem; font-weight: 600; line-height: 1.25; }

.labels__caption[data-astro-cid-mmawvejo] { font-size: var(--text-sm); color: var(--encre-doux); flex-wrap: wrap; align-items: center; gap: 0.25rem 1.25rem; display: flex; }

.labels__caption[data-astro-cid-mmawvejo] a[data-astro-cid-mmawvejo] { min-height: 2.75rem; color: var(--encre); align-items: center; font-weight: 600; display: inline-flex; }

.labels__by[data-astro-cid-mmawvejo] a[data-astro-cid-mmawvejo] { font-weight: 600; display: inline; }

.labels__by[data-astro-cid-mmawvejo] { padding-block: 0.75rem; display: inline-block; }

.labels--mini[data-astro-cid-mmawvejo] .labels__list[data-astro-cid-mmawvejo] { gap: 0.75rem; }

.labels--mini[data-astro-cid-mmawvejo] .labels__item[data-astro-cid-mmawvejo] { flex: 0 0 auto; }

.labels--mini[data-astro-cid-mmawvejo] .labels__item[data-astro-cid-mmawvejo] img { background: var(--craie); border-radius: 50%; width: 4rem; max-width: none; padding: 0.25rem; }

.labels--mini[data-astro-cid-mmawvejo] .labels__caption[data-astro-cid-mmawvejo], .labels--mini[data-astro-cid-mmawvejo] .labels__caption[data-astro-cid-mmawvejo] a[data-astro-cid-mmawvejo] { color: rgba(243, 240, 232, 0.86); }

.labels--mini[data-astro-cid-mmawvejo] .labels__caption[data-astro-cid-mmawvejo] a[data-astro-cid-mmawvejo] { text-decoration-color: rgba(243, 240, 232, 0.4); }

.labels-detail[data-astro-cid-mmawvejo] { gap: 1rem; margin: 0px; padding: 0px; list-style: none; display: grid; }

.labels-detail__item[data-astro-cid-mmawvejo] { border: 1px solid var(--filet); border-radius: var(--r-lg); background: var(--craie); grid-template-columns: 6.5rem 1fr; align-items: start; gap: 1.25rem; padding: 1.25rem; display: grid; }

.labels-detail__item[data-astro-cid-mmawvejo] img { width: 100%; height: auto; }

.labels-detail__body[data-astro-cid-mmawvejo] { justify-items: start; gap: 0.75rem; width: 100%; display: grid; }

.labels-detail__name[data-astro-cid-mmawvejo] { font-size: var(--title-sm); }

.labels-detail__meta[data-astro-cid-mmawvejo] { border-top: 1px solid var(--filet); width: 100%; display: grid; }

.labels-detail__meta[data-astro-cid-mmawvejo] > div[data-astro-cid-mmawvejo] { border-bottom: 1px solid var(--filet); justify-content: space-between; gap: 1rem; padding: 0.5rem 0px; font-size: 0.9375rem; display: flex; }

.labels-detail__meta[data-astro-cid-mmawvejo] dt[data-astro-cid-mmawvejo] { color: var(--encre-doux); }

.labels-detail__meta[data-astro-cid-mmawvejo] dd[data-astro-cid-mmawvejo] { font-weight: 600; }

.labels-detail__link[data-astro-cid-mmawvejo] { align-items: center; min-height: 2.75rem; font-weight: 600; display: inline-flex; }

@media (width >= 56rem) {
  .labels-detail[data-astro-cid-mmawvejo] { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
  .labels-detail__item[data-astro-cid-mmawvejo] { grid-template-columns: 1fr; justify-items: start; padding: 1.75rem; }
  .labels-detail__item[data-astro-cid-mmawvejo] img { width: 9.25rem; }
}


.hero { background: var(--craie); display: grid; }

.hero__media { aspect-ratio: 5 / 4; position: relative; }

.hero__media .art-photo { --focal-mobile: 50% 78%; position: absolute; inset: 0px; }

.hero__content { padding: 1.5rem var(--gutter) 2.5rem; justify-items: start; gap: 1rem; display: grid; }

.hero__title { margin-top: -0.125rem; }

.hero__lead { max-width: 30rem; }

.hero__buy { flex-wrap: wrap; align-items: center; gap: 1rem 1.75rem; margin-top: 0.5rem; display: flex; }

.hero__terms { letter-spacing: 0.01em; }

@media (width <= 26rem) {
  .hero__buy .btn { width: 100%; }
}

@media (width >= 56.25rem) {
  .hero { min-height: min(100svh, 54rem); padding: calc(var(--header-h) + 1.5rem) 0 2.5rem max(var(--gutter), calc((100vw - var(--max)) / 2)); grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.18fr); align-items: center; gap: clamp(2rem, 4vw, 5rem); }
  .hero__content { order: 1; gap: 1.5rem; padding: 0px; }
  .hero__title { font-size: clamp(2.5rem, 5.2vw, 4.75rem); }
  .hero__media { aspect-ratio: auto; border-radius: var(--r-lg) 0 0 var(--r-lg); order: 2; align-self: stretch; min-height: 30rem; overflow: hidden; }
}

@media (prefers-reduced-motion: no-preference) {
  .hero__content >  { animation: hero-rise .9s var(--ease) both; }
  .hero__content > :nth-child(2) { animation-delay: 80ms; }
  .hero__content > :nth-child(3) { animation-delay: 0.16s; }
  .hero__content > :nth-child(4) { animation-delay: 0.24s; }
  .hero__content > :nth-child(5) { animation-delay: 0.32s; }
  .hero__media img { animation: hero-settle 1.6s var(--ease) both; }
}

@keyframes hero-rise { 
  0% { opacity: 0; transform: translateY(1rem); }
}

@keyframes hero-settle { 
  0% { opacity: 0; transform: scale(1.035); }
}

.facts { border-block: 1px solid var(--filet); }

.facts__list { grid-template-columns: 1fr 1fr; display: grid; }

.facts__list li { padding: 1.5rem 0px; }

.facts__list li:nth-child(2n+1) { border-right: 1px solid var(--filet); padding-right: 1rem; }

.facts__list li:nth-child(2n) { padding-left: 1.25rem; }

.facts__list li:nth-child(-n+2) { border-bottom: 1px solid var(--filet); }

.facts__value { align-items: baseline; gap: 0.5rem; font-size: clamp(1.625rem, 1.2rem + 2vw, 2.5rem); line-height: 1.1; display: flex; }

.facts__unit { font-size: var(--text-sm); color: var(--encre-doux); }

.facts__label { font-size: var(--text-sm); color: var(--encre-doux); margin-top: 0.375rem; }

@media (width >= 56rem) {
  .facts__list { grid-template-columns: repeat(4, 1fr); }
  .facts__list li, .facts__list li:nth-child(2n+1), .facts__list li:nth-child(2n) { border-bottom: 0px; border-right: 1px solid var(--filet); padding: 2rem 2rem 2rem 0px; }
  .facts__list li + li { padding-left: 2rem !important; }
  .facts__list li:last-child { border-right: 0px; }
}

.labels-strip { border-bottom: 1px solid var(--filet); padding-block: 1.75rem 1.25rem; }

.trust { gap: 1.25rem; display: grid; }

.trust__rating { border-bottom: 1px solid var(--filet); padding-bottom: 1.25rem; }

@media (width >= 56rem) {
  .labels-strip .labels { grid-template-columns: auto 1fr; align-items: center; gap: 2.5rem; }
}

.promise__text { justify-items: start; gap: 1.5rem; display: grid; }

.promise__title { max-width: 14em; }

.ritual__steps { border-top: 1px solid var(--filet); gap: 0px; display: grid; }

.ritual__step { border-bottom: 1px solid var(--filet); gap: 0.625rem; padding: 1.75rem 0px; display: grid; }

.ritual__n { font-size: var(--text-sm); color: var(--sauge-encre); }

.ritual__more { margin-top: 2.25rem; }

@media (width >= 56rem) {
  .ritual__steps { border-top: 0px; grid-template-columns: repeat(3, 1fr); }
  .ritual__step { border-top: 1px solid var(--encre); border-bottom: 0px; align-content: start; padding: 2rem 2.5rem 0.5rem 0px; }
  .ritual__step + .ritual__step { padding-left: 0px; }
}

.object__grid { gap: 2.5rem; margin-top: clamp(2.5rem, 1.5rem + 4vw, 4.5rem); display: grid; }

.object__features { gap: 1.75rem; display: grid; }

.object__features li { border-top: 1px solid var(--filet); gap: 0.375rem; padding-top: 1.25rem; display: grid; }

.object__stones { border-radius: var(--r-lg); background: var(--papier); align-content: start; gap: 1.125rem; padding: 1.75rem; display: grid; }

.object__stones dl { gap: 0.875rem; display: grid; }

.object__stones dt { font-weight: 600; }

.object__stones dd { color: var(--encre-doux); font-size: 0.9375rem; }

@media (width >= 56rem) {
  .object__grid { grid-template-columns: 1.6fr 1fr; align-items: start; gap: 4rem; }
  .object__features { grid-template-columns: repeat(3, 1fr); gap: 2rem; }
}

.study-teaser__text { justify-items: start; gap: 1.25rem; display: grid; }

.study-teaser__figure { border-radius: var(--r-lg); background: var(--papier); align-content: start; gap: 0.75rem; padding: 1.75rem; display: grid; }

.study-teaser__value { letter-spacing: -0.03em; align-items: baseline; gap: 0.625rem; font-size: clamp(3.5rem, 2rem + 7vw, 6rem); font-weight: 600; line-height: 1; display: flex; }

.study-teaser__value span:last-child { font-size: var(--title-sm); letter-spacing: 0px; color: var(--encre-doux); font-weight: 400; }

.box__more { margin-top: 1.75rem; }

.box__clue { height: 0px; }

html:not([data-decode="on"]) .box__clue { display: none; }

.scenes__head { flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 1rem 2rem; margin-bottom: clamp(2rem, 1.5rem + 2vw, 3.5rem); display: flex; }

.scenes__head .section-head { margin-bottom: 0px; }

.scenes__rail { overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--gutter); padding-inline: var(--gutter); scrollbar-width: none; grid-auto-columns: min(72vw, 21rem); grid-auto-flow: column; gap: 1rem; padding-bottom: 1rem; display: grid; overflow-x: auto; }

.scenes__rail::-webkit-scrollbar { display: none; }

.scenes__card { scroll-snap-align: start; }

@media (width >= 64rem) {
  .scenes__rail { width: min(100% - 2 * var(--gutter), var(--max)); grid-template-columns: repeat(4, 1fr); grid-auto-flow: row; gap: 1.5rem; margin-inline: auto; padding-inline: 0px; overflow: visible; }
  .scenes__card:nth-child(2n) { margin-top: 3.5rem; }
}

.home-reviews { gap: 1rem; margin-top: clamp(2rem, 1.5rem + 2vw, 3.5rem); display: grid; }

@media (width >= 56rem) {
  .home-reviews { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
}

.house__text { justify-items: start; gap: 1.75rem; display: grid; }

.house__quote p { font-size: var(--title-md); letter-spacing: -0.02em; text-wrap: balance; font-weight: 600; line-height: 1.18; }

.house__quote footer { font-size: var(--text-sm); letter-spacing: 0.04em; color: var(--encre-doux); margin-top: 1.25rem; }

.final { color: var(--craie); background: rgb(27, 31, 30); display: grid; }

.final__media .photo__frame { background: rgb(27, 31, 30); }

.final__content { padding: 2.5rem var(--gutter) 4rem; align-content: center; justify-items: start; gap: 1.25rem; display: grid; }

.final .eyebrow { color: var(--champagne); }

.final__price { gap: 0.25rem; display: grid; }

.final__price .num { font-size: var(--title-md); }

.final__terms { font-size: var(--text-sm); color: rgba(243, 240, 232, 0.7); }

.final__actions { flex-wrap: wrap; align-items: center; gap: 1rem 1.75rem; margin-top: 0.5rem; display: flex; }

.final :focus-visible { outline-color: var(--champagne); }

@media (width >= 56rem) {
  .final { grid-template-columns: 1fr 1fr; align-items: center; }
  .final__content { padding: 4rem clamp(2rem, 5vw, 6rem); }
}

/* SCN 04 — adaptations éditoriales et composants ajoutés au CSS ORÈVE extrait. */
:root{--font-sans:"Avenir Next","Nunito Sans",Avenir,"Segoe UI",system-ui,sans-serif;--preview-h:0px}
button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}.ico{width:1.25rem;height:1.25rem;flex:0 0 auto;display:inline-block;vertical-align:middle}.btn .ico{width:1.125rem;height:1.125rem}.btn:hover .ico{transform:translateX(3px)}.btn .ico{transition:transform .25s}.site-header{background:rgba(243,240,232,.94)}.site-header__menu{border:0;background:none;padding:0}.site-header__inner{gap:1.5rem}.scn-logo{display:grid;text-decoration:none;line-height:1;gap:.4rem}.scn-logo__letters{font-size:1.7rem;letter-spacing:.26em;font-weight:500}.scn-logo small{font-size:.51rem;letter-spacing:.21em;text-transform:uppercase;color:var(--encre-doux)}.site-header__actions{gap:1.1rem}.site-header__client{font-size:.8125rem;display:flex;align-items:center;gap:.4rem;text-decoration:none;white-space:nowrap;min-height:44px}.site-nav ul{gap:clamp(1rem,2vw,1.8rem)}.site-header .btn{font-size:.875rem;padding-inline:1.125rem}.view{overflow:clip}.view:not([data-view="accueil"]){padding-top:var(--header-h)}.hero__title{max-width:11em}.hero__media>.photo,.hero__media>.photo>.photo__frame{height:100%;width:100%}.hero__media .photo__frame{border-radius:0!important;aspect-ratio:auto}.hero__media{isolation:isolate}.hero__content .hero__lead{max-width:29rem}.hero__terms{font-size:.8125rem;color:var(--encre-doux);display:flex;align-items:center;gap:.5rem}.hero__stamp{position:absolute;top:1.3rem;right:1.4rem;z-index:2;border:1px solid #ffffff88;background:#f3f0e8ed;backdrop-filter:blur(12px);border-radius:var(--pill);font-size:.6875rem;letter-spacing:.12em;padding:.6rem .9rem;display:flex;align-items:center;gap:.5rem}.hero__note{position:absolute;left:1.5rem;bottom:1.5rem;z-index:2;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fbf9f4ee;backdrop-filter:blur(12px);border:1px solid #fff9;border-radius:var(--r-md);max-width:calc(100% - 3rem);box-shadow:0 10px 35px #252c2a0a}.hero__note strong{font-weight:600;display:block;font-size:1rem}.hero__note small{font-size:.8125rem;color:var(--encre-doux)}.hero__note .icon-tile{width:2.8rem;height:2.8rem}.icon-tile{height:3.25rem;width:3.25rem;display:grid;place-items:center;background:var(--sauge-voile);border-radius:.875rem;color:var(--sauge-encre);flex:0 0 auto}.icon-tile .ico{width:1.625rem;height:1.625rem}.facts__value{font-family:var(--font-sans);font-size:1.25rem;align-items:center;gap:.85rem}.facts__list li a{display:block;text-decoration:none;min-height:70px}.facts__list li:hover .ico{transform:translateY(-3px)}.facts .ico{width:1.625rem;height:1.625rem;color:var(--sauge-encre);transition:transform .25s}.facts__label{padding-left:2.5rem}.facts__value .text-wrap{max-width:12rem}.trust-line{padding:1.5rem 0;border-bottom:1px solid var(--filet)}.trust-line__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.trust-line__intro{font-size:.8125rem;color:var(--encre-doux)}.tech-tags{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600}.tech-tags span{display:flex;gap:.5rem;align-items:center}.tech-tags .ico{color:var(--sauge-encre);width:1.05rem;height:1.05rem}.media-frame{position:relative;isolation:isolate;overflow:hidden}.remote-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) sepia(.055);opacity:0;transition:opacity .45s,transform .9s var(--ease);z-index:1}.photo-loaded .remote-photo{opacity:1}.photo-loaded .offline-art{visibility:hidden}.photo:hover .remote-photo{transform:scale(1.025)}.remote-photo.image-error{display:none}.photo__caption{font-size:.75rem;line-height:1.45;display:block}.offline-art{position:absolute;inset:0;background:var(--craie-ombre);display:grid;place-items:center;overflow:hidden;z-index:0}.art-browser{width:79%;border:1px solid #ffffffaf;border-radius:1.25rem;background:var(--papier);box-shadow:0 32px 60px #252c2a25;transform:rotate(-3deg);position:relative;z-index:1;overflow:hidden}.art-top{border-bottom:1px solid var(--filet);display:flex;gap:4px;align-items:center;padding:12px 14px}.art-top i{width:5px;height:5px;border-radius:50%;background:var(--champagne)}.art-top span{font-size:8px;letter-spacing:.15em;margin-left:auto;color:var(--encre-doux)}.art-body{padding:9%}.art-body>small{font-size:8px;letter-spacing:.15em;color:var(--sauge-encre)}.art-body>strong{font-size:clamp(1.2rem,2.2vw,2.2rem);line-height:1.12;display:block;letter-spacing:-.03em;margin:12px 0}.art-line{height:4px;width:55%;border-radius:4px;background:var(--sauge)}.art-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:20px}.art-cards>div{padding:12px 8px;border:1px solid var(--filet);border-radius:10px;display:grid;gap:10px;font-size:7px;background:var(--craie)}.art-cards .ico{width:17px;height:17px;color:var(--sauge-encre)}.art-button{display:inline-flex;gap:10px;align-items:center;margin-top:20px;padding:8px 10px;background:var(--encre);color:var(--craie);border-radius:20px;font-size:7px;letter-spacing:.08em}.art-button .ico{width:12px;height:12px}.art-orbit{position:absolute;border:1px solid #879b8a88;border-radius:50%;width:70%;height:70%;left:45%;top:-15%}.art-leaf{position:absolute;background:#879b8a99;width:130px;height:210px;bottom:-40px;left:-40px;border-radius:70% 20%;transform:rotate(25deg)}.offline-label{position:absolute;bottom:10px;left:12px;right:12px;font-size:9px;text-align:center;color:var(--encre-doux)}.promise__text .link-arrow{margin-top:.4rem}.step-top{display:flex;align-items:center;justify-content:space-between;padding-right:1rem}.step-top>.ico{width:1.6rem;height:1.6rem;color:var(--sauge-encre)}.services-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:3rem}.services-head .section-head{margin-bottom:0}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}.service-card{text-decoration:none;display:block;min-width:0}.service-card:nth-child(even){padding-top:3.5rem}.service-visual{border-radius:var(--r-lg);position:relative;overflow:hidden;background:var(--sauge-voile);aspect-ratio:4/5}.service-visual .photo,.service-visual .photo__frame{height:100%;width:100%;border-radius:0!important}.service-visual .photo__caption{display:none}.service-icon{position:absolute;bottom:1rem;left:1rem;z-index:3;background:var(--papier);color:var(--sauge-encre);width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;box-shadow:0 5px 20px #252c2a15}.service-icon .ico{width:1.5rem;height:1.5rem}.service-card__head{display:flex;align-items:start;gap:1rem;justify-content:space-between;margin:1.25rem 0 .65rem}.service-card h3{font-size:1.25rem;line-height:1.25}.service-card p{font-size:.9375rem;color:var(--encre-doux);line-height:1.55}.service-card:hover .service-icon{background:var(--encre);color:var(--craie)}.service-card:hover .service-card__head>.ico{transform:translate(3px,-3px)}.service-card__head>.ico{transition:transform .3s}.service-card .tag{margin-top:.85rem;font-size:.625rem;white-space:normal}.flow-art{height:100%;padding:2rem 1.4rem;background:var(--sauge-voile);display:grid;align-content:center;gap:1rem}.flow-node{display:flex;align-items:center;gap:.75rem;background:var(--papier);border:1px solid #879b8a66;border-radius:1rem;padding:.9rem 1rem;font-size:.75rem;box-shadow:0 5px 15px #252c2a06}.flow-node .ico{color:var(--sauge-encre)}.flow-connector{height:20px;border-left:1px solid var(--sauge);margin-left:1.5rem;position:relative;margin-block:-.7rem}.flow-connector:after{content:'';width:5px;height:5px;border-right:1px solid var(--sauge);border-bottom:1px solid var(--sauge);transform:rotate(45deg);position:absolute;bottom:0;left:-3px}.flow-node strong{display:block;font-size:.875rem}.flow-node small{color:var(--encre-doux);display:block;font-size:.68rem}.formation-focus .split{align-items:start}.formation-focus .lead{margin-bottom:1.75rem}.formation-choices{display:grid;gap:0;border-top:1px solid var(--filet)}.choice-link{text-decoration:none;padding:1.2rem 0;border-bottom:1px solid var(--filet);display:flex;align-items:center;gap:1rem}.choice-link strong{display:block}.choice-link small{display:block;color:var(--encre-doux);font-size:.8125rem}.choice-link>.ico{margin-left:auto}.choice-link:hover{color:var(--sauge-encre)}.formation-focus .photo__frame{--ratio:4/5!important}.mini-tag{display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--pill);font-size:.7rem;padding:.3rem .6rem;background:var(--sauge-voile);color:var(--sauge-encre)}.mini-tag .ico{width:.875rem;height:.875rem}.checklist{display:grid;gap:.65rem;margin:1.75rem 0!important}.checklist li{display:flex;align-items:start;gap:.7rem;font-size:.9375rem}.checklist .ico{color:var(--sauge-encre);margin-top:.2rem;width:1rem;height:1rem}.mini-browser{background:var(--papier);border:1px solid var(--filet-fort);border-radius:var(--r-lg);box-shadow:0 20px 65px #252c2a0a;overflow:hidden}.mini-browser__bar{display:flex;align-items:center;gap:.45rem;border-bottom:1px solid var(--filet);padding:1rem 1.2rem}.mini-browser__bar i{width:6px;height:6px;border-radius:50%;background:var(--champagne)}.mini-browser__bar span{font-size:.6875rem;letter-spacing:.08em;margin-left:auto;color:var(--encre-doux)}.demo-tabs{display:flex;border-bottom:1px solid var(--filet);gap:1.1rem;padding:0 1.2rem;overflow:auto}.demo-tabs button{font-size:.8125rem;border:0;background:none;padding:1rem .15rem;border-bottom:2px solid transparent;color:var(--encre-doux);white-space:nowrap}.demo-tabs button[aria-selected="true"]{border-bottom-color:var(--sauge-encre);color:var(--encre);font-weight:600}.demo-panel{padding:1.4rem}.demo-panel h3{font-size:1.375rem;margin:.6rem 0 1.2rem}.progress-track{height:4px;background:var(--craie-ombre);border-radius:4px;margin:1rem 0 1.5rem}.progress-track span{display:block;width:50%;height:100%;background:var(--sauge)}.demo-row{display:flex;align-items:center;gap:.8rem;padding:.85rem 0;border-bottom:1px solid var(--filet);font-size:.875rem}.demo-row:last-child{border-bottom:0}.demo-row>span:last-child{margin-left:auto;font-size:.6875rem;color:var(--encre-doux)}.demo-row .ico{color:var(--sauge-encre);width:1rem;height:1rem}.demo-row button{border:0;background:none;color:var(--sauge-encre);font-size:.75rem;min-height:44px;margin-left:auto;text-decoration:underline}.demo-caption{font-size:.75rem;color:var(--encre-doux);margin-top:1rem}.demo-notice{background:var(--sauge-voile);border:1px solid #879b8a55;padding:1rem 1.2rem;border-radius:var(--r-sm);display:flex;align-items:start;gap:.8rem;font-size:.8125rem}.demo-notice>.ico{margin-top:3px}.person-art{aspect-ratio:6/5;background:var(--sauge-voile);display:grid;place-items:center;border-radius:var(--r-lg);position:relative;overflow:hidden;border:1px solid #879b8a44}.person-art:before,.person-art:after{content:'';position:absolute;width:85%;height:90%;border:1px solid #879b8a55;border-radius:50%;top:20%;left:40%;transform:rotate(-20deg)}.person-art:after{left:-45%;top:-55%;width:120%;height:120%}.person-art__inner{position:relative;z-index:1;text-align:center}.person-monogram{font-size:clamp(4rem,8vw,7rem);font-weight:400;letter-spacing:-.09em;color:var(--sauge-encre);line-height:1.1}.person-line{height:1px;background:var(--sauge);width:60px;margin:1.5rem auto}.person-name{font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase}.person-art__caption{position:absolute;bottom:1.5rem;font-size:.75rem;color:var(--encre-doux);text-align:center;left:1rem;right:1rem}.house__text h2{max-width:10em}.house__text>p{max-width:32rem}.person-signature{display:flex;gap:.6rem;align-items:center;font-size:.8125rem;color:var(--encre-doux)}.questions-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:5rem}.faqs{border-top:1px solid var(--filet)}.faqs details{border-bottom:1px solid var(--filet)}.faqs summary{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;list-style:none;padding:1.4rem 0;font-size:1rem;font-weight:600;cursor:pointer}.faqs summary::-webkit-details-marker{display:none}.faqs details[open] summary>.ico{transform:rotate(45deg)}.faqs summary>.ico{transition:transform .25s;flex:0 0 auto;color:var(--sauge-encre)}.faqs .answer{font-size:.9375rem;color:var(--encre-doux);padding:0 2.5rem 1.5rem 0}.final .photo,.final .photo__frame{height:100%;border-radius:0!important;min-height:27rem}.final__media{height:100%;position:relative}.final__media:after{content:'';position:absolute;inset:0;z-index:2;background:#252c2a33;pointer-events:none}.final .remote-photo{filter:saturate(.35) brightness(.7)}.final .photo__caption{display:none}.final__content .lead{color:#f3f0e8c4}.final .offline-art{background:#333d36}.final .offline-label{color:var(--craie)}.site-footer__top{display:grid;grid-template-columns:1fr 2fr;gap:6rem}.site-footer__brand .scn-logo__letters{font-size:2.3rem;color:var(--champagne)}.site-footer__brand .scn-logo small{color:#f3f0e8b3;font-size:.625rem}.site-footer__signature{max-width:18rem;font-size:1rem}.footer-loc{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#f3f0e8aa;margin-top:1.5rem}.site-footer__note{font-size:.6875rem;line-height:1.6;color:#f3f0e895}.site-footer__legal{font-size:.75rem}.preview-pill{position:fixed;z-index:50;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.65rem;border:1px solid var(--filet-fort);background:var(--papier);border-radius:var(--pill);box-shadow:0 3px 16px #252c2a15;padding:.6rem .85rem;font-size:.6875rem;min-height:38px;color:var(--encre)}.preview-pill .led{width:.8rem}.info-dialog{padding:0;border:1px solid var(--filet-fort);border-radius:var(--r-lg);background:var(--papier);color:var(--encre);width:min(690px,calc(100% - 2rem));max-height:85dvh}.info-dialog::backdrop{background:#252c2a88;backdrop-filter:blur(5px)}.info-dialog__head{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:1px solid var(--filet);gap:1rem}.info-dialog__head h2{font-size:1.4rem}.info-dialog__body{padding:1.75rem;font-size:.9375rem;line-height:1.65}.info-dialog__body>p+p{margin-top:1rem}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin:1.5rem 0}.swatch{border:1px solid var(--filet);border-radius:.65rem;padding:.4rem;background:var(--papier);font-size:.625rem;text-align:left}.swatch i{display:block;aspect-ratio:1.3;border-radius:.4rem;background:var(--swatch);margin-bottom:.5rem}.swatch span{display:block}.swatch strong{font-size:.6rem;letter-spacing:.02em}.copy-status{min-height:1.4em;color:var(--sauge-encre);font-size:.8rem}.source-links{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.breadcrumb{display:inline-block;text-decoration:none;font-size:.75rem;color:var(--encre-doux);margin-bottom:2.5rem}.breadcrumb span{opacity:.8}.subhero{padding-top:2rem}.subhero__text{--stack:1.5rem}.subhero .title--display{font-size:clamp(2.5rem,4.2vw,4.25rem);max-width:12em}.subhero__text .btn{margin-top:.5rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.feature-card{background:var(--papier);border:1px solid var(--filet);border-radius:var(--r-md);padding:1.8rem;display:grid;gap:1rem;align-content:start}.feature-card p{font-size:.9375rem;color:var(--encre-doux)}.feature-card .ico{width:1.5rem;height:1.5rem}.feature-card h3{font-size:1.3rem}.end-cta>.container{display:flex;gap:3rem;align-items:center;justify-content:space-between}.end-cta .eyebrow{margin-bottom:1.5rem}.end-cta .lead{margin-top:1.5rem;max-width:35rem}.end-cta .btn{flex:0 0 auto}.split-text{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.split-text .stack{--stack:1.25rem}.split-text .title--large{max-width:12em}.training-hero{padding-block:5rem 4rem;background:var(--sauge-voile)}.training-hero .split{align-items:start}.training-hero .title--display{font-size:clamp(2.5rem,4.6vw,4.5rem);max-width:11em}.training-hero .stack{--stack:1.5rem}.training-hero .photo__frame{--ratio:5/6!important}.training-stamp{display:flex;gap:1rem;align-items:center;margin-top:1.5rem;border-top:1px solid #879b8a66;padding-top:1.25rem}.training-stamp .ico{width:2rem;height:2rem;color:var(--sauge-encre)}.training-stamp p{font-size:.875rem}.program-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin:2rem 0}.program-tabs button{padding:.8rem 1.25rem;border:1px solid var(--filet-fort);border-radius:var(--pill);font-size:.9375rem;background:none;color:var(--encre);min-height:48px;display:flex;gap:.65rem;align-items:center}.program-tabs [aria-selected="true"]{background:var(--encre);color:var(--craie);border-color:var(--encre)}.program-panel{background:var(--papier);border:1px solid var(--filet);border-radius:var(--r-lg);padding:clamp(1.5rem,3vw,3rem);display:grid;grid-template-columns:1.15fr 1fr;gap:3rem}.program-panel h3{font-size:var(--title-md);margin:.85rem 0 1.1rem}.program-panel p{color:var(--encre-doux);font-size:.9375rem}.program-panel__aside{padding:1.5rem;border-radius:var(--r-md);background:var(--sauge-voile);align-self:start}.program-panel__aside h4{font-size:1.1rem;margin:.8rem 0}.program-panel__aside p{color:var(--encre-moyen)}.program-panel .btn{margin-top:1.5rem}.inline-note{font-size:.8125rem;color:var(--encre-doux);margin-top:1.5rem;max-width:54rem}.section-label-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.quote-card{background:var(--papier);border:1px solid var(--filet);border-radius:var(--r-lg);padding:2.25rem}.quote-card .eyebrow{margin-bottom:1.25rem}.quote-card h3{font-size:var(--title-md);margin-bottom:1rem}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem;align-items:start}.contact-layout h1{font-size:clamp(2.5rem,4.4vw,4.5rem);max-width:10em}.contact-aside{display:grid;gap:1.5rem}.contact-aside>.lead{margin-top:.5rem}.contact-fact{border-top:1px solid var(--filet);padding-top:1.25rem;display:flex;gap:1rem;font-size:.875rem}.contact-fact .ico{color:var(--sauge-encre)}.contact-fact strong{display:block;margin-bottom:.2rem}.contact-fact p{color:var(--encre-doux)}.contact-form{padding:2.25rem;background:var(--papier);border:1px solid var(--filet);border-radius:var(--r-lg)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.3rem}.field{display:grid;gap:.45rem;font-size:.875rem}.field--wide{grid-column:1/-1}.field label{font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--filet-fort);border-radius:.65rem;background:var(--papier);width:100%;padding:.8rem .85rem;font-size:.9375rem;min-height:48px}.field textarea{resize:vertical;min-height:135px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--sauge-encre);outline-offset:2px}.field input:user-invalid,.field textarea:user-invalid{border-color:#924a31}.check-field{display:flex;align-items:start;gap:.6rem;font-size:.8125rem;line-height:1.5;margin:1.4rem 0}.check-field input{margin-top:.2rem;accent-color:var(--sauge-encre);width:17px;height:17px;flex:0 0 auto}.form-note{font-size:.75rem;color:var(--encre-doux);margin-top:1rem}.form-result{margin-top:1.25rem;padding:1.2rem;border:1px solid #879b8a88;background:var(--sauge-voile);border-radius:var(--r-sm);font-size:.875rem}.form-result:empty{display:none}.work-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.work-card{border:1px solid var(--filet);border-radius:var(--r-lg);overflow:hidden;background:var(--papier);display:flex;flex-direction:column}.work-card__art{padding:2rem;aspect-ratio:4/3;background:var(--sauge-voile);display:grid;align-content:center;gap:1rem;border-bottom:1px solid var(--filet)}.work-card__art .ico{width:3rem;height:3rem;color:var(--sauge-encre)}.work-card__art strong{font-size:1.5rem;line-height:1.2;font-weight:500}.work-card__body{padding:1.5rem;display:grid;gap:.85rem;flex:1}.work-card__body h2{font-size:1.35rem}.work-card__body p{font-size:.875rem;color:var(--encre-doux)}.work-card__body .tag{justify-self:start;white-space:normal}.work-card__body a{align-self:end;justify-self:start;font-size:.875rem}.page-head__body{max-width:48rem;display:grid;gap:1.5rem}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.resource-card{border-top:1px solid var(--encre);padding:1.7rem 0;display:grid;gap:1rem;align-content:start}.resource-card h2{font-size:1.5rem;line-height:1.2}.resource-card p{font-size:.9375rem;color:var(--encre-doux)}.resource-card button{background:none;border:0;padding:0;justify-self:start}.portal-grid{display:grid;grid-template-columns:230px 1fr;border:1px solid var(--filet);border-radius:var(--r-lg);background:var(--papier);overflow:hidden}.portal-side{background:var(--sauge-voile);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.portal-side nav{display:grid;gap:.35rem}.portal-side nav button{background:none;border:0;display:flex;gap:.7rem;align-items:center;text-align:left;padding:.8rem .65rem;border-radius:.65rem;font-size:.875rem}.portal-side nav button[aria-selected="true"]{background:var(--papier)}.portal-side .tag{white-space:normal}.portal-main{padding:2rem;min-width:0}.portal-main .demo-tabs{padding-inline:0}.portal-main .demo-panel{padding-inline:0}.portal-main .demo-notice{margin-bottom:1.5rem}.portal-project{border:1px solid var(--filet);border-radius:var(--r-md);padding:1.5rem;display:grid;gap:.75rem}.portal-project h2{font-size:1.75rem}.portal-project p{color:var(--encre-doux);font-size:.875rem}.portal-project>.tag{justify-self:start}.comment-list{display:grid;gap:.75rem;margin:1.5rem 0!important}.comment-list li{border:1px solid var(--filet);border-radius:.75rem;padding:1rem;font-size:.875rem;background:var(--craie)}.comment-form{display:grid;gap:1rem}.comment-form label{font-size:.875rem;font-weight:600}.comment-form textarea{width:100%;min-height:90px;border:1px solid var(--filet-fort);border-radius:.7rem;padding:1rem;background:var(--papier)}.comment-form button{justify-self:start}.text-content{display:grid;gap:1.5rem;font-size:1rem}.text-content h2{font-size:1.5rem;margin-top:1rem}.text-content p{color:var(--encre-doux)}.text-content ul{padding-left:1.25rem}.mobile-only{display:none}.action-group{display:flex;gap:1rem 1.5rem;align-items:center;flex-wrap:wrap}.feedback-box{border-top:1px solid var(--filet);margin-top:1.5rem;padding-top:1.5rem}.feedback-box textarea{width:100%;border:1px solid var(--filet-fort);border-radius:.7rem;padding:.8rem;background:var(--papier);min-height:90px;font-size:.875rem}.feedback-box label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.65rem}.feedback-box button{margin-top:.8rem}.no-script{padding:1rem;background:var(--sauge-voile);font-size:.875rem}.button-plain{border:0;background:none;font:inherit;padding:0;text-decoration:underline}.legal-card{padding:1.5rem;background:var(--sauge-voile);border-radius:var(--r-md);font-size:.875rem}.section--paper{background:var(--papier)}
@media(min-width:900px){.hero{min-height:min(100svh,54rem)}.hero__content{padding-right:.5rem}.hero__media{min-height:35rem}.hero__content .hero__title{font-size:clamp(2.75rem,5vw,4.75rem)}}
@media(max-width:1087px){.site-header__client{display:none}.site-header__actions .site-header__buy{display:inline-flex}.site-header__inner{grid-template-columns:1fr auto 1fr}.site-header__actions .btn{padding:.5rem .85rem;min-height:40px;font-size:.75rem}.site-header__actions .btn .ico{display:none}.service-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.service-card:nth-child(even){padding-top:2.5rem}.service-visual{aspect-ratio:4/3}.site-footer__top{grid-template-columns:1fr;gap:3rem}.questions-grid{gap:2rem;grid-template-columns:1fr 1.3fr}.contact-layout{gap:2rem}.portal-grid{grid-template-columns:190px 1fr}}
@media(max-width:899px){.hero{padding-top:var(--header-h)}.hero__media{order:2;aspect-ratio:4/3;margin:0 var(--gutter) 2rem;border-radius:var(--r-lg);overflow:hidden}.hero__content{order:1;padding-top:2.25rem;padding-bottom:2.25rem}.hero__title{font-size:clamp(2.6rem,7vw,4.5rem);max-width:13em}.hero__lead{max-width:35rem}.hero__note{bottom:1rem;left:1rem;padding:.8rem 1rem}.hero__stamp{top:1rem;right:1rem}.hero__buy{gap:1rem}.hero__terms{margin-top:.25rem}.split--reverse>:first-child{order:0}.split .photo__frame{--ratio:4/3!important}.promise .split>.photo{order:2}.formation-focus .split>.photo{order:2}.feature-grid{grid-template-columns:repeat(2,1fr)}.questions-grid{grid-template-columns:1fr}.questions-grid .section-head{margin-bottom:0}.end-cta>.container{display:grid;justify-content:start;gap:2rem}.end-cta .btn{justify-self:start}.split-text{grid-template-columns:1fr;gap:2.5rem}.subhero .split .photo{order:2}.training-hero{padding-top:3rem}.training-hero .title--display{font-size:3.5rem;max-width:13em}.training-hero .photo__frame{--ratio:4/3!important}.program-panel{gap:2rem}.contact-layout{grid-template-columns:1fr;gap:3rem}.contact-layout h1{max-width:14em}.contact-aside{gap:1.2rem}.contact-aside>.lead{max-width:38rem}.work-list{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr 1fr}.portal-grid{grid-template-columns:1fr}.portal-side{padding:1.25rem}.portal-side nav{display:flex;flex-wrap:wrap}.portal-side>.tag{display:none}.portal-side>.scn-logo{display:none}.portal-main{padding:1.4rem}.final__content{padding-bottom:3rem}.final__media .photo__frame{min-height:20rem}.services-head{display:block}.services-head>.link-arrow{margin-top:1.5rem}.photo__caption{font-size:.6875rem}.person-art{max-height:430px}.service-card .art-browser{width:80%}.hero__note strong{font-size:.9375rem}}
@media(max-width:599px){.site-header__inner{gap:.5rem}.scn-logo__letters{font-size:1.35rem}.scn-logo small{font-size:.43rem}.site-header__menu{font-size:.75rem}.site-header__menu-icon{width:1rem}.hero__eyebrow{font-size:.625rem;letter-spacing:.15em}.hero__title{font-size:2.8rem;line-height:1.04}.hero__buy{align-items:start;gap:.8rem}.hero__buy .btn{font-size:.9375rem;padding-inline:1.25rem;width:auto!important}.hero__buy .link-arrow{font-size:.9375rem}.hero__terms{font-size:.7rem}.hero__media{aspect-ratio:1.1}.hero__note{padding:.75rem;gap:.7rem;right:1rem;max-width:none}.hero__note .icon-tile{height:2.3rem;width:2.3rem}.hero__note small{font-size:.7rem}.hero__stamp{font-size:.58rem;padding:.5rem .65rem}.facts__value{font-size:1rem;gap:.5rem;align-items:start}.facts .ico{width:1.2rem;height:1.2rem}.facts__label{padding-left:0;font-size:.75rem;max-width:10rem}.facts__list li a{min-height:65px}.facts__list li:nth-child(2n){padding-left:1rem}.trust-line__inner{gap:.75rem}.tech-tags{gap:.6rem 1rem;font-size:.625rem}.tech-tags .ico{width:.85rem;height:.85rem}.trust-line__intro{font-size:.75rem}.service-grid{gap:1.25rem 1rem}.service-card:nth-child(even){padding-top:2rem}.service-visual{aspect-ratio:3/4;border-radius:1.1rem}.service-icon{width:2.3rem;height:2.3rem;left:.75rem;bottom:.75rem}.service-icon .ico{width:1.2rem;height:1.2rem}.service-card h3{font-size:1.025rem}.service-card p{font-size:.8rem}.service-card__head{margin-top:1rem;gap:.4rem}.service-card__head>.ico{width:1rem;height:1rem}.service-card .tag{font-size:.55rem;padding:.25rem .5rem}.service-card .offline-art .art-body{padding:8px}.service-card .art-cards{display:none}.service-card .art-body>strong{font-size:14px}.service-card .art-top{padding:8px}.service-card .art-top span{font-size:5px}.service-card .art-body>small{font-size:5px}.service-card .art-button{font-size:5px;gap:2px;padding:6px}.service-card .offline-label{display:none}.flow-art{padding:1rem .65rem;gap:.8rem}.flow-node{padding:.65rem .6rem;gap:.4rem;border-radius:.65rem}.flow-node strong{font-size:.7rem}.flow-node small{font-size:.55rem}.flow-node>.ico{width:1rem;height:1rem}.formation-choices .icon-tile{width:2.75rem;height:2.75rem}.choice-link strong{font-size:.9375rem}.choice-link small{font-size:.75rem}.choice-link{gap:.75rem}.feature-grid{grid-template-columns:1fr}.feature-card{padding:1.5rem}.program-panel{grid-template-columns:1fr;padding:1.5rem;gap:1.5rem}.program-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}.program-tabs button{font-size:.725rem;justify-content:center;padding:.7rem .45rem;gap:.4rem}.program-tabs button .ico{display:none}.training-hero .title--display{font-size:2.7rem}.training-hero .breadcrumb{margin-bottom:2rem}.training-stamp p{font-size:.8rem}.work-list,.article-grid{grid-template-columns:1fr}.contact-form{padding:1.35rem}.form-grid{grid-template-columns:1fr}.field--wide{grid-column:auto}.contact-layout h1{font-size:2.65rem}.portal-side nav{gap:.1rem;justify-content:space-between}.portal-side nav button{font-size:.7rem;padding:.65rem .4rem;gap:.35rem}.portal-side nav button .ico{width:1rem;height:1rem}.portal-main{padding:1.1rem}.portal-project{padding:1rem}.demo-panel{padding:1rem}.mini-browser__bar{padding:.8rem}.mini-browser__bar span{font-size:.58rem}.demo-tabs{gap:.65rem;padding:0 .8rem}.demo-tabs button{font-size:.7rem}.demo-row{font-size:.75rem;gap:.5rem}.demo-row>span:last-child{font-size:.58rem}.info-dialog__head,.info-dialog__body{padding:1.25rem}.info-dialog__head h2{font-size:1.2rem}.swatches{gap:.3rem}.swatch{padding:.2rem;font-size:.5rem}.swatch strong{font-size:.5rem}.swatch span{font-size:.55rem}.site-footer__nav{grid-template-columns:1fr 1fr;gap:2rem 1.25rem}.site-footer__group a{font-size:.875rem}.site-footer__group:last-child{grid-column:1/-1}.site-footer__base{align-items:start}.preview-pill{font-size:.625rem;left:.75rem;bottom:.75rem;min-height:34px}.person-art__caption{font-size:.6875rem}.faqs summary{font-size:.9375rem}.faqs .answer{padding-right:.5rem}.photo__caption{margin-top:.5rem}.service-card p,.lead,.muted{overflow-wrap:break-word}.hero .offline-label{bottom:6px;font-size:7px}.subhero .title--display{font-size:2.65rem}.menu__main a{font-size:1.35rem;padding:.9rem 0}.site-footer{padding-bottom:4.5rem}.view[data-view="accueil"] .section{padding-block:4.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.preview-pill,.site-header,.site-footer,.menu,dialog,.btn{display:none!important}.view[hidden]{display:none!important}.view{padding-top:0!important}.section{padding-block:1rem!important}.hero{min-height:0!important}.media-frame{break-inside:avoid}.remote-photo{position:static}.offline-art{display:none}.hero__note,.hero__stamp{display:none}}

@media(max-width:599px){.hero__note small{display:none}.hero__note{gap:.65rem;padding:.85rem 1rem}.preview-pill{left:auto;right:.75rem;bottom:.75rem;width:44px;height:44px;padding:0;justify-content:center}.preview-pill .preview-text,.preview-pill>.led{display:none}}

@font-face{font-family:"Nunito SCN";src:url('NunitoSans.woff2') format("woff2");font-weight:200 900;font-style:normal;font-display:swap;}
:root{--font-sans:"Nunito SCN","Nunito Sans","Segoe UI",sans-serif}
body{font-family:var(--font-sans)}
.scn-logo{width:165px;display:block;line-height:0;color:var(--encre)}
.brand-svg{display:block;width:100%;height:auto;max-width:none}
.site-header__logo{width:160px}
.site-footer .scn-logo{color:var(--craie);width:235px}
.logo-variant{display:none}
[data-logo="1"] .logo-variant-1,[data-logo="2"] .logo-variant-2,[data-logo="3"] .logo-variant-3{display:block}
.activity-frame{background:var(--sauge-voile);position:relative;overflow:hidden}
.activity-figure[data-topic="creation"] .activity-frame,.activity-figure[data-topic="depannage"] .activity-frame,.activity-figure[data-topic="migration"] .activity-frame,.activity-figure[data-topic="ecommerce"] .activity-frame{background:var(--craie)}
.task-thumb .activity-frame{background:var(--sauge-voile)!important}
.illustration-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.activity-illustration{width:100%;height:100%;object-fit:cover;display:block;flex:none}
.activity-photo{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;transition:transform .8s;filter:saturate(.86)}
[data-visual-mode="photos"] .activity-photo{display:block}
[data-visual-mode="photos"] .illustration-layer{display:none}
[data-visual-mode="illustrations"] .photo-credit{display:none}
.photo-credit{opacity:.85}
.activity-figure:hover .activity-photo{transform:scale(1.025)}
.hero__media .activity-illustration{transform:scale(1.03)}
.hero__media .activity-photo{object-position:47% center}
.service-visual .activity-illustration{width:122%;max-width:none;height:100%}
.service-visual .activity-photo{object-position:52% center}
.service-visual .activity-figure{height:100%;width:100%}
.final .activity-frame{background:var(--sauge-encre)}
.final .activity-photo{filter:saturate(.7) brightness(.85)}
.final .activity-illustration{opacity:.9}
.feature-card{overflow:hidden;gap:.85rem;padding:1.5rem}
.task-thumb{margin:-1.5rem -1.5rem .55rem;width:calc(100% + 3rem)}
.task-thumb .photo__frame{border-radius:0!important;aspect-ratio:16/9}
.task-thumb .activity-photo{object-position:center 58%}
.task-thumb .activity-illustration{width:100%;height:100%}
.feature-card>.icon-tile{display:none}
.resource-card>.icon-tile{display:none}
.resource-card .photo__frame{border-radius:var(--r-md);margin-bottom:.8rem}
.work-card>.activity-figure .photo__frame{border-radius:var(--r-md) var(--r-md) 0 0;aspect-ratio:3/2}
.illustrated-heading{display:grid;grid-template-columns:1.3fr .8fr;align-items:center;gap:3rem}
.illustrated-heading .page-head__body{width:auto;max-width:none}
.illustrated-heading .activity-figure{width:100%}
.contact-aside .activity-figure{margin-top:1rem}
.guide-mode{display:flex;gap:.5rem;margin:1.5rem 0}
.guide-mode button{border:1px solid var(--filet-fort);border-radius:30px;background:transparent;padding:.75rem 1rem}
.guide-mode button[aria-pressed="true"]{background:var(--encre);color:var(--craie)}
.guide-mode button:disabled{opacity:.45;cursor:not-allowed}
.guide-content>p+p{margin-top:1rem}
.guide-logos{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem}
.logo-choice{color:var(--encre);border:1px solid var(--filet-fort);border-radius:16px;background:var(--craie);padding:1.25rem;display:grid;text-align:left;gap:.6rem}
.logo-choice .brand-svg{width:220px}
.logo-choice[aria-pressed="true"]{border:2px solid var(--sauge-encre);background:var(--sauge-voile)}
.logo-choice small{color:var(--encre-doux)}
@media(max-width:1087px){.site-header__logo{width:142px}.illustrated-heading{gap:2rem}.site-header__inner{gap:.6rem}}
@media(max-width:699px){.illustrated-heading{grid-template-columns:1fr}.illustrated-heading .activity-figure{max-width:420px}.site-header__logo{width:120px}.site-header__actions .site-header__buy{font-size:.7rem;padding-inline:.65rem}.hero__media .activity-illustration{transform:none}.service-visual .activity-illustration{width:140%}.service-visual .activity-photo{object-position:53% center}.guide-mode{flex-wrap:wrap}}
@media(max-width:370px){.site-header__logo{width:103px}.site-header__buy{max-width:105px}.site-header__inner{gap:.4rem}}
@media print{.activity-photo{position:absolute}.illustration-layer{display:block}[data-visual-mode="photos"] .illustration-layer{display:none}}