/* SINCO — continuous journey. Existing universe tokens remain authoritative. */
:root { --journey-paper:#f0eef4; --journey-muted:#b5b1bf; --journey-bg:#111115; }
html { scroll-padding-top:100px; }
body { background:var(--journey-bg)!important; color:var(--journey-paper); }
body::before,body::after,.page-shell::before,.page-shell::after { display:none!important; }
html.site-premium-v14 body .page-shell { max-width:none; padding:0; overflow:visible; }
html.site-premium-v14 body .site-layout { width:100%; max-width:1440px; padding:110px clamp(22px,6vw,100px) 50px!important; margin:auto; }
html.site-premium-v14 body .site-topbar { background:#111115f5!important; border:0!important; box-shadow:none!important; backdrop-filter:none!important; }
html.site-premium-v14 body .site-topbar::after { display:none; }
html.site-premium-v14 body .site-topbar-inner { max-width:none; margin:0 auto; padding:12px clamp(18px,4vw,64px)!important; min-height:76px; }
html.site-premium-v14 body .brand-logo { width:44px!important; height:44px!important; }
html.site-premium-v14 body .brand-wordmark { font-size:27px!important; letter-spacing:.12em!important; }
html.site-premium-v14 body .topbar-download-button { border-radius:30px!important; background:transparent!important; border-color:#70647e!important; padding:10px 18px!important; }
html.site-premium-v14 body .site-language-selector { border-radius:30px!important; }
html.site-premium-v14 body .site-menu-toggle { background:transparent!important; border:0!important; box-shadow:none!important; }
html.site-premium-v14 body .site-nav-popover { position:fixed!important; top:84px!important; left:24px!important; width:min(540px,calc(100vw - 48px))!important; max-height:calc(100dvh - 108px); overflow:auto; border-radius:8px!important; padding:28px!important; background:#19181f!important; border:1px solid #48414f!important; box-shadow:0 24px 90px #0009!important; counter-reset:chapters; }
html.site-premium-v14 body .site-nav-popover[hidden] { display:none!important; }
html.site-premium-v14 body .site-nav-link { font-size:clamp(17px,2.1vw,25px)!important; padding:14px 12px 14px 47px!important; border-radius:0!important; border:0!important; border-bottom:1px solid #ffffff0f!important; background:transparent!important; font-weight:500!important; }
html.site-premium-v14 body .site-nav-link::before { counter-increment:chapters; content:"0" counter(chapters)!important; width:auto!important; height:auto!important; background:none!important; box-shadow:none!important; left:7px!important; top:50%!important; transform:translateY(-50%); font-size:12px; color:rgb(var(--nav-accent-rgb)); }
html.site-premium-v14 body .site-nav-link:hover,html.site-premium-v14 body .site-nav-link:focus-visible { color:rgb(var(--nav-accent-rgb))!important; background:#ffffff06!important; }
html.site-premium-v14 body .site-nav-popover-label { font-size:12px; letter-spacing:.2em; padding:0 8px 16px; }
:focus-visible { outline:2px solid #d6c6ed!important; outline-offset:6px!important; }
.journey-skip { position:fixed; top:8px; left:12px; transform:translateY(-160%); z-index:10000; padding:14px; background:#eee; color:#111; }
.journey-skip:focus { transform:none; }
html.site-premium-v14 body .editorial-home { display:block; gap:0; }
html.site-premium-v14 body .site-layout:has(.journey-intro) { padding:0!important; max-width:none; }
.journey-intro { position:relative; min-height:100svh; background:#111115; isolation:isolate; }
.journey-stage { min-height:100svh; position:relative; display:flex; align-items:center; padding:140px 8vw 120px; overflow:hidden; }
.journey-caption,.journey-baseline { position:absolute; left:8vw; right:8vw; display:flex; justify-content:space-between; gap:24px; color:var(--journey-muted); font-size:12px; letter-spacing:.12em; }
.journey-caption { top:115px; border-top:1px solid #ffffff20; padding-top:20px; }
.journey-caption span:last-child { color:#b6a4d1; }
.journey-baseline { bottom:46px; font-size:14px; letter-spacing:0; }
.journey-heading { position:relative; z-index:2; width:65%; top:14px; }
.journey-overline { font-size:16px; color:#c0b6d0; margin:0 0 28px; }
.journey-heading h1 { font-size:clamp(80px,9.3vw,150px); font-weight:500; line-height:1.04; letter-spacing:-.055em; margin:0; color:#f0edf4; }
.journey-subtitle { font-size:clamp(16px,1.5vw,22px); color:#bcb6c7; margin:32px 0; }
.journey-discover { display:inline-flex; gap:36px; padding:10px 0; border-bottom:1px solid #a394bc; color:#eee8f5; text-decoration:none; font-size:16px; }
.journey-discover span { transition:transform .2s; }
.journey-discover:hover span { transform:translateY(4px); }
.journey-emblem { position:absolute; right:3vw; top:22%; width:45vw; height:45vw; max-width:660px; max-height:660px; display:grid; place-items:center; transform:rotate(-12deg); }
.journey-emblem img { width:69%; height:69%; object-fit:contain; filter:drop-shadow(0 20px 40px #0006); }
.journey-signature { position:absolute; bottom:10%; right:18%; letter-spacing:.5em; color:#a89bb9; font-size:12px; }
@media(min-height:700px) and (min-width:760px) and (prefers-reduced-motion:no-preference) {
 .journey-motion .journey-intro { height:170svh; }
 .journey-motion .journey-stage { position:sticky; top:0; height:100svh; }
 .journey-motion .journey-heading { transform:translate3d(0,calc(var(--intro-progress,0) * -48px),0); }
 .journey-motion .journey-emblem { transform:translate3d(calc(var(--intro-progress,0) * -30px),calc(var(--intro-progress,0) * -55px),0) rotate(calc(var(--intro-progress,0) * -5deg)) scale(calc(1 - var(--intro-progress,0) * .19)); }
}
/* Open compositions replace stacked framed panels, while preserving their content. */
html.site-premium-v14 body .editorial-home > :not(.journey-intro) { margin:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; max-width:none!important; padding:clamp(70px,9vw,145px) clamp(24px,8vw,140px)!important; background:none!important; position:relative; }
html.site-premium-v14 body .editorial-home > :not(.journey-intro)::before,html.site-premium-v14 body .editorial-home > :not(.journey-intro)::after { display:none!important; }
html.site-premium-v14 body .editorial-home > #intention { display:grid!important; grid-template-columns:1fr 1fr; column-gap:8vw; text-align:left!important; background:#19161f!important; }
body #intention .editorial-hero-logo-stage { grid-column:2; grid-row:1 / span 5; align-self:center; opacity:.8; }
body #intention .editorial-hero-logo { width:min(100%,360px)!important; height:auto!important; }
body #intention .editorial-title,body #intention .editorial-lead,body #intention .hero-short-copy,body #intention .hero-actions,body #intention .play-store-badge { grid-column:1; max-width:700px!important; margin-left:0!important; text-align:left!important; }
body #intention .editorial-title-brand { display:none!important; }
body #intention .editorial-title-tagline { font-size:clamp(30px,3.7vw,58px)!important; font-weight:500!important; line-height:1.15!important; letter-spacing:-.035em!important; }
body #intention .editorial-lead { font-size:18px!important; font-weight:400!important; color:#c5becf!important; margin-top:32px!important; }
body #intention .hero-short-copy { color:#c5becf!important; font-size:16px!important; }
html.site-premium-v14 body .editorial-home h2 { font-weight:500!important; letter-spacing:-.035em!important; line-height:1.13!important; }
html.site-premium-v14 body .editorial-home h3 { font-weight:500!important; }
html.site-premium-v14 body .editorial-home p { line-height:1.7; }
html.site-premium-v14 body .editorial-home .eyebrow { font-size:12px!important; text-transform:uppercase; letter-spacing:.17em!important; }
html.site-premium-v14 body .sinco-purpose-intro { display:grid; grid-template-columns:1.35fr 1fr; gap:8vw; align-items:end; }
html.site-premium-v14 body .sinco-purpose-intro h2 { font-size:clamp(30px,4vw,62px)!important; max-width:800px; }
html.site-premium-v14 body .sinco-purpose-intro p { font-size:18px!important; }
html.site-premium-v14 body .sinco-purpose-grid { gap:32px; margin-top:60px; }
html.site-premium-v14 body .sinco-purpose-card,html.site-premium-v14 body .museum-guide-card,html.site-premium-v14 body .sinco-challenges-card { border:0!important; border-top:1px solid #ffffff27!important; border-radius:0!important; background:none!important; box-shadow:none!important; padding:30px 0!important; }
html.site-premium-v14 body .sinco-purpose-card::before,html.site-premium-v14 body .museum-guide-card::before { display:none!important; }
html.site-premium-v14 body .sinco-purpose-museum-callout { background:none!important; border:0!important; border-left:1px solid #8f80a8!important; border-radius:0!important; padding:18px 28px!important; margin-top:40px; }
html.site-premium-v14 body .museum-home { background:#13171d!important; }
html.site-premium-v14 body .museum-hero-panel { display:grid; grid-template-columns:1.1fr 1fr; gap:8vw; border:0!important; background:none!important; box-shadow:none!important; padding:0!important; }
html.site-premium-v14 body .museum-hero-copy h2 { font-size:clamp(32px,4.5vw,68px)!important; }
html.site-premium-v14 body .museum-tutorial-preview { background:transparent!important; border:0!important; border-left:1px solid #708cb053!important; border-radius:0!important; padding-left:36px!important; box-shadow:none!important; }
html.site-premium-v14 body .museum-guide-grid { margin:90px 0 70px; gap:38px; }
html.site-premium-v14 body .museum-step-number { font-size:56px!important; background:none!important; border:0!important; color:#91a7c4!important; font-weight:300; }
html.site-premium-v14 body .museum-guide-card-top { margin-bottom:24px; }
html.site-premium-v14 body .museum-traces-panel { background:none!important; border:0!important; border-top:1px solid #708cb044!important; border-radius:0!important; padding:70px 0 0!important; box-shadow:none!important; }
html.site-premium-v14 body .museum-traces-heading h2 { font-size:clamp(30px,3.8vw,54px)!important; }
html.site-premium-v14 body .museum-reaction-card { background:none!important; border:0!important; box-shadow:none!important; }
html.site-premium-v14 body .museum-reaction-icon { height:54px!important; width:54px!important; }
html.site-premium-v14 body .museum-trace-explanation-card { background:none!important; border-radius:0!important; border:0!important; border-top:1px solid #708cb03a!important; box-shadow:none!important; }
html.site-premium-v14 body .sinco-challenges-panel { background:#141c1e!important; }
html.site-premium-v14 body .sinco-challenges-head { position:relative; display:block; padding-right:170px; }
html.site-premium-v14 body .sinco-challenges-head h2 { font-size:clamp(42px,6vw,86px)!important; margin-top:20px; }
html.site-premium-v14 body .sinco-challenges-icon { position:absolute; right:0; top:0; width:130px!important; height:130px!important; }
html.site-premium-v14 body .sinco-challenges-body { max-width:780px!important; margin:35px 0!important; text-align:left!important; font-size:18px!important; }
html.site-premium-v14 body .sinco-challenges-chips { justify-content:flex-start!important; }
html.site-premium-v14 body .sinco-challenges-chip { border-radius:0!important; border:0!important; background:none!important; padding:8px 20px 8px 0!important; color:#b4ced1!important; }
html.site-premium-v14 body .sinco-challenges-grid { margin-top:50px!important; gap:36px!important; }
html.site-premium-v14 body .site-screenshot-gallery { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,3vw,44px)!important; align-items:start; background:#19161f!important; }
html.site-premium-v14 body .site-screenshot-card { border:0!important; background:none!important; border-radius:12px!important; box-shadow:none!important; margin:0!important; }
html.site-premium-v14 body .site-screenshot-card:nth-child(even) { margin-top:70px!important; }
html.site-premium-v14 body .site-screenshot-card img { display:block; width:100%; height:auto; }
html.site-premium-v14 body .home-human-creation { background:#141b16!important; }
html.site-premium-v14 body .home-human-creation h2 { font-size:clamp(36px,5.5vw,80px)!important; max-width:950px; margin:25px 0 45px!important; }
html.site-premium-v14 body .editorial-two-columns { gap:7vw; }
html.site-premium-v14 body .editorial-section-grid { display:grid!important; grid-template-columns:1fr 1fr; gap:60px 7vw!important; }
html.site-premium-v14 body .editorial-card { background:none!important; border-radius:0!important; border:0!important; border-top:1px solid rgba(var(--section-accent-rgb),.5)!important; box-shadow:none!important; padding:30px 0!important; }
html.site-premium-v14 body .editorial-card::before { display:none!important; }
html.site-premium-v14 body .editorial-card h2 { font-size:32px!important; }
html.site-premium-v14 body .app-download-callout { background:#1c1823!important; border-top:1px solid #9e86be55!important; }
html.site-premium-v14 body .app-download-callout h2 { font-size:clamp(32px,4vw,58px)!important; }
html.site-premium-v14 body .button { box-shadow:none!important; border-radius:30px!important; padding:13px 24px!important; font-size:14px; }
html.site-premium-v14 body .button-primary { background:#292c36!important; color:#f1edf5!important; }
html.site-premium-v14 body .button-secondary { background:transparent!important; }
html.site-premium-v14 body .inline-link { display:inline-block; padding:10px 0; font-size:16px; }
.journey-rail { position:fixed; z-index:40; right:24px; bottom:22px; display:flex; align-items:center; gap:4px; padding:6px; border:1px solid #8c7e9c55; background:#15131bed; border-radius:40px; }
.journey-rail a { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; font-size:12px; color:#bab3c4; text-decoration:none; }
.journey-rail a[aria-current] { background:#b9a4d3; color:#17131d; }
.journey-rail a:hover { outline:1px solid #b9a4d3; }
.journey-progress { position:fixed; top:0; left:0; height:2px; width:100%; z-index:200; background:rgb(var(--site-category-accent-rgb)); transform:scaleX(var(--page-progress,0)); transform-origin:left; pointer-events:none; }
/* Subpages keep the full legal and product text in a quiet, readable layout. */
html.site-premium-v14 body .legal-shell { max-width:1120px; margin:auto; gap:55px; }
html.site-premium-v14 body .legal-shell > .hero-panel { padding:50px 0 65px!important; background:none!important; border:0!important; border-bottom:1px solid rgba(var(--site-category-accent-rgb),.4)!important; border-radius:0!important; box-shadow:none!important; }
html.site-premium-v14 body .legal-shell > .hero-panel::before { display:none!important; }
html.site-premium-v14 body .legal-shell > .hero-panel h1 { font-size:clamp(36px,5.7vw,80px)!important; max-width:1050px; line-height:1.13!important; font-weight:500!important; letter-spacing:-.035em; }
html.site-premium-v14 body .legal-shell > .legal-panel { background:none!important; border:0!important; padding:0 0 40px!important; border-radius:0!important; box-shadow:none!important; }
html.site-premium-v14 body .legal-panel p,html.site-premium-v14 body .legal-panel li { font-size:17px; line-height:1.85; }
html.site-premium-v14 body .site-legal-footer { padding:48px 6vw 100px!important; background:#111115!important; }
html.site-premium-v14 body .site-legal-footer-buttons { justify-content:flex-start!important; }
html.site-premium-v14 body .site-legal-footer-button { border:0!important; padding:10px 12px!important; }
@media(min-width:1000px) and (min-height:760px) and (prefers-reduced-motion:no-preference) {
 .journey-motion .museum-hero-copy { position:sticky; top:130px; align-self:start; }
 .journey-motion .museum-tutorial-preview { min-height:650px; }
 .journey-motion .museum-tutorial-list { gap:65px!important; }
}
@media(max-width:759px) {
 html.site-premium-v14 body .site-topbar-inner { padding:10px 16px!important; gap:9px!important; grid-template-columns:auto auto minmax(0,1fr) auto auto!important; }
 html.site-premium-v14 body .brand-logo { width:34px!important; height:34px!important; }
 html.site-premium-v14 body .brand-wordmark { display:none!important; }
 html.site-premium-v14 body .topbar-download-button { padding:9px 11px!important; font-size:12px!important; }
 html.site-premium-v14 body .site-nav-popover { left:14px!important; width:calc(100vw - 28px)!important; padding:20px!important; }
 .journey-stage { min-height:100svh; padding:165px 24px 95px; align-items:flex-end; }
 .journey-caption { top:95px; left:24px; right:24px; font-size:11px; }
 .journey-heading { width:100%; }
 .journey-heading h1 { font-size:clamp(64px,16vw,106px); }
 .journey-overline { max-width:240px; font-size:14px; margin-bottom:22px; }
 .journey-subtitle { font-size:15px; max-width:250px; margin:25px 0; }
 .journey-emblem { width:58vw; height:58vw; right:-6vw; top:21%; opacity:.42; z-index:-1; }
 .journey-baseline { left:24px; right:24px; bottom:25px; font-size:12px; }
 .journey-baseline span:first-child { max-width:170px; }
 .journey-baseline span:last-child { max-width:110px; text-align:right; }
 html.site-premium-v14 body .editorial-home > #intention { grid-template-columns:1fr; }
 body #intention .editorial-hero-logo-stage { display:none; }
 html.site-premium-v14 body .sinco-purpose-intro,html.site-premium-v14 body .museum-hero-panel { grid-template-columns:1fr!important; gap:32px; }
 html.site-premium-v14 body .sinco-purpose-grid,html.site-premium-v14 body .museum-guide-grid,html.site-premium-v14 body .sinco-challenges-grid { grid-template-columns:1fr!important; gap:12px!important; }
 html.site-premium-v14 body .museum-guide-grid { margin:45px 0!important; }
 html.site-premium-v14 body .museum-guide-card-top { justify-content:space-between; }
 html.site-premium-v14 body .museum-tutorial-preview { padding-left:24px!important; }
 html.site-premium-v14 body .sinco-challenges-head { padding-right:70px; }
 html.site-premium-v14 body .sinco-challenges-icon { width:58px!important; height:58px!important; }
 html.site-premium-v14 body .sinco-challenges-head h2 { font-size:38px!important; }
 html.site-premium-v14 body .site-screenshot-gallery { grid-template-columns:1fr 1fr!important; gap:18px!important; }
 html.site-premium-v14 body .site-screenshot-card:nth-child(even) { margin-top:35px!important; }
 html.site-premium-v14 body .editorial-section-grid { grid-template-columns:1fr!important; gap:20px!important; }
 html.site-premium-v14 body .museum-reaction-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 html.site-premium-v14 body .museum-trace-explanation-grid { grid-template-columns:1fr!important; }
 .journey-rail { right:12px; bottom:12px; padding:4px; }
 .journey-rail a { width:34px; height:34px; }
 html.site-premium-v14 body .site-layout { padding-top:105px!important; }
}
@media(max-height:600px) { .journey-stage { min-height:700px; } }
@media(prefers-reduced-motion:reduce) {
 html,body { scroll-behavior:auto!important; }
 *,*::before,*::after { animation:none!important; transition:none!important; }
 .journey-intro { height:auto!important; }
 .journey-stage,.museum-hero-copy { position:relative!important; top:auto!important; }
 .journey-heading,.journey-emblem { transform:none!important; }
 .journey-progress { display:none; }
}
@media print {
 .site-topbar,.journey-rail,.journey-progress,.journey-skip { display:none!important; }
 .journey-intro { height:auto!important; min-height:0!important; }
 .journey-stage { position:relative!important; min-height:0!important; height:auto!important; }
}

body { padding-top:0!important; }
html.site-premium-v14 body .journey-heading h1 { font-weight:500!important; }
html.site-premium-v14 body .site-topbar-inner { width:100%!important; max-width:1440px!important; }
html.site-premium-v14 body .brand { background:none!important; border:0!important; box-shadow:none!important; }
@media(max-width:759px) {
 .journey-rail:has(a:first-child[aria-current]) { display:none; }
 .journey-baseline { bottom:24px; }
}
.journey-rail:has(a:first-child[aria-current]) { display:none; }

/* A creative thread, using Sinco's own mark rather than a decorative orbit. */
.journey-emblem { transform:none; right:1vw; width:48vw; height:48vw; }
.journey-emblem img { width:88%; height:88%; }
.journey-signature { bottom:0; right:22%; letter-spacing:.65em; }
.journey-gesture-line { position:absolute; top:8%; bottom:2%; left:48%; width:1px; background:linear-gradient(transparent,#a99bb758,transparent); transform:rotate(24deg); z-index:-1; }
html.site-premium-v14 body .editorial-section-grid { grid-template-columns:1fr!important; gap:0!important; }
html.site-premium-v14 body .editorial-card { display:grid; grid-template-columns:1.15fr 1fr; gap:20px 7vw; padding:44px 0!important; }
html.site-premium-v14 body .editorial-card .eyebrow { grid-column:1 / -1; }
html.site-premium-v14 body .editorial-card h2 { font-size:clamp(28px,3.4vw,46px)!important; max-width:600px; }
html.site-premium-v14 body .editorial-card .inline-link { grid-column:2; justify-self:start; }
html.site-premium-v14 body .sinco-purpose-museum-callout { margin-top:50px!important; }
.journey-process-label { color:#a2b9d5; font-size:12px; letter-spacing:.22em; margin:32px 0; }
@media(min-width:1000px) and (min-height:760px) and (prefers-reduced-motion:no-preference) {
 .journey-motion .journey-process { height:290svh; position:relative; margin-top:100px; }
 .journey-motion .journey-process-window { position:sticky; top:90px; overflow:hidden; height:calc(100svh - 115px); }
 .journey-motion .journey-process-label { position:absolute; top:20px; left:0; margin:0; z-index:2; }
 html.site-premium-v14.journey-motion body .journey-process .museum-guide-grid { display:flex!important; gap:0!important; margin:0!important; width:100%; height:100%; transform:translate3d(calc(var(--process-position,0) * -200%),0,0); }
 html.site-premium-v14.journey-motion body .journey-process .museum-guide-card { flex:0 0 100%; min-width:0; display:flex!important; flex-direction:column; justify-content:center; padding:70px 8% 40px 27%!important; position:relative; border:0!important; background:none!important; box-shadow:none!important; transform:none!important; transition:none!important; }
 html.site-premium-v14.journey-motion body .journey-process .museum-guide-card-top { position:absolute; inset:0; pointer-events:none; margin:0; display:block; }
 html.site-premium-v14.journey-motion body .journey-process .museum-step-number { position:absolute; left:1%; top:50%; transform:translateY(-50%); height:auto!important; width:auto!important; font-size:clamp(170px,20vw,290px)!important; font-weight:300!important; line-height:1!important; color:#91a7c4!important; opacity:.72; }
 html.site-premium-v14.journey-motion body .journey-process .museum-icon-tile { position:absolute; right:10%; top:40px; width:52px; height:52px; background:none!important; border:0!important; }
 html.site-premium-v14.journey-motion body .journey-process h3 { font-size:clamp(42px,5vw,72px)!important; line-height:1.1!important; max-width:650px; margin:0 0 25px!important; }
 html.site-premium-v14.journey-motion body .journey-process p { font-size:20px!important; max-width:640px; margin:0 0 30px!important; }
 html.site-premium-v14.journey-motion body .journey-process .museum-callout-row { background:none!important; border:0!important; padding:15px 0!important; max-width:600px; }
 .journey-motion .journey-process-window::after { content:''; position:absolute; bottom:28px; left:0; right:0; height:2px; background:#91a7c4; transform:scaleX(calc(.08 + var(--process-progress,0) * .92)); transform-origin:left; }
}
@media(max-width:759px) {
 .journey-emblem { width:64vw; height:64vw; right:-6vw; top:18%; opacity:.65; }
 html.site-premium-v14 body .editorial-card { display:block; }
 html.site-premium-v14 body .editorial-card h2 { margin:20px 0!important; }
 html.site-premium-v14 body .museum-guide-card { display:grid!important; grid-template-columns:54px 1fr; column-gap:20px; padding:34px 0!important; }
 html.site-premium-v14 body .museum-guide-card-top { grid-column:1; grid-row:1 / span 3; display:block; }
 html.site-premium-v14 body .museum-guide-card-top .museum-icon-tile { display:none; }
 html.site-premium-v14 body .museum-guide-card h3,html.site-premium-v14 body .museum-guide-card p,html.site-premium-v14 body .museum-guide-card .museum-callout-row,html.site-premium-v14 body .museum-guide-card .museum-filter-row { grid-column:2; }
 html.site-premium-v14 body .museum-guide-card h3 { font-size:27px!important; }
 html.site-premium-v14 body .museum-guide-card .museum-callout-row { padding:12px 0!important; background:none!important; border:0!important; }
}
html.site-premium-v14 body .museum-home { overflow:visible!important; }
@media(min-width:1000px) and (min-height:760px) and (prefers-reduced-motion:no-preference) {
 html.site-premium-v14.journey-motion body .journey-process .museum-guide-card > p { flex:0 0 auto!important; }
 html.site-premium-v14.journey-motion body .journey-process .museum-callout-row { margin-top:0!important; }
}
html.site-premium-v14 body .museum-guide-card p,
html.site-premium-v14 body .museum-reaction-card p,
html.site-premium-v14 body .sinco-purpose-card p { font-size:1rem!important; }
html.site-premium-v14 body .museum-callout-row { font-size:.875rem!important; }
@media(min-width:1000px) and (min-height:760px) and (prefers-reduced-motion:no-preference) {
 html.site-premium-v14.journey-motion body .journey-process .museum-guide-card p { font-size:1.25rem!important; }
}

/* ========================================================================== */
/* SINCO Work responsive polish — 2026-09-08                                  */
/* Targeted fixes only: badges, journey rail, Play Store, challenges visual.   */
/* ========================================================================== */

/* The general desktop editorial grid must not stretch the badge catalogue
   toggle alongside the very tall expanded catalogue. */
html.site-premium-v14 body .personnalisation-showcase-card.editorial-card {
  display: block !important;
}
html.site-premium-v14 body .personnalisation-showcase-card .badge-catalogue-toggle {
  display: inline-flex !important;
  width: auto !important;
  min-width: 190px;
  max-width: 100%;
  min-height: 44px;
  margin: 18px 0 0 !important;
  padding: 0 20px !important;
  align-self: auto !important;
  justify-self: auto !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: nowrap;
}
html.site-premium-v14 body .personnalisation-showcase-card .badge-catalogue {
  width: 100%;
  min-width: 0;
}

/* Top Google Play action: stable icon size at every breakpoint. */
html.site-premium-v14 body .topbar-download-button {
  min-height: 42px !important;
  gap: 8px !important;
  line-height: 1 !important;
}
html.site-premium-v14 body .topbar-download-button img {
  display: block !important;
  width: 20px !important;
  height: 22px !important;
  min-width: 20px !important;
  flex: 0 0 20px !important;
  object-fit: contain !important;
}

/* Journey rail: all chapter numbers remain visible; current chapter carries
   the label so the control explains itself without hover. */
.journey-rail {
  gap: 5px !important;
  padding: 6px !important;
  max-width: calc(100vw - 24px);
}
.journey-rail a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0;
  width: 36px;
  min-width: 36px;
  height: 36px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  transition:
    width 180ms cubic-bezier(.2,.75,.2,1),
    padding 180ms cubic-bezier(.2,.75,.2,1),
    background-color 150ms ease,
    color 150ms ease,
    border-color 150ms ease !important;
}
.journey-rail-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-variant-numeric: tabular-nums;
}
.journey-rail-label {
  display: none;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .01em;
}
.journey-rail a[aria-current] {
  width: auto !important;
  min-width: 122px;
  max-width: 190px;
  padding: 0 13px !important;
  gap: 8px;
  border-radius: 999px;
}
.journey-rail a[aria-current] .journey-rail-label {
  display: block;
}

/* Do not hide the navigation rail on chapter 1: its active label gives it
   meaning immediately and keeps behavior consistent across the page. */
.journey-rail:has(a:first-child[aria-current]) {
  display: flex !important;
}

/* Challenge mark: make the existing Sinco PNG a real visual anchor rather
   than a tiny decoration, while preserving the original asset and colours. */
html.site-premium-v14 body .sinco-challenges-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(150px, 16vw, 210px);
  grid-template-areas:
    "eyebrow icon"
    "title icon";
  align-items: center;
  column-gap: clamp(24px, 4vw, 56px);
  padding-right: 0 !important;
}
html.site-premium-v14 body .sinco-challenges-head .eyebrow {
  grid-area: eyebrow;
  justify-self: start;
}
html.site-premium-v14 body .sinco-challenges-head h2 {
  grid-area: title;
  margin: 14px 0 0 !important;
}
html.site-premium-v14 body .sinco-challenges-icon {
  grid-area: icon;
  position: static !important;
  justify-self: end;
  align-self: center;
  width: clamp(150px, 16vw, 210px) !important;
  height: auto !important;
  max-height: 210px;
  object-fit: contain;
  filter: drop-shadow(0 18px 34px rgba(0,0,0,.28));
}

/* Store badge on narrow portrait screens: two rows, never three cramped
   columns. "Open beta / Bêta ouverte" gets its own readable line. */
@media (max-width: 620px) {
  html.site-premium-v14 body .play-store-badge.play-store-badge-premium {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-areas:
      "store-icon store-copy"
      "store-status store-status";
    width: min(100%, 310px) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px 10px !important;
    padding: 10px 12px !important;
    align-items: center !important;
  }
  html.site-premium-v14 body .play-store-badge.play-store-badge-premium > img {
    grid-area: store-icon;
    width: 27px !important;
    height: 30px !important;
    margin: 0 !important;
  }
  html.site-premium-v14 body .play-store-badge.play-store-badge-premium > span:not(.play-store-badge-status) {
    grid-area: store-copy;
    min-width: 0;
  }
  html.site-premium-v14 body .play-store-badge.play-store-badge-premium .play-store-badge-status {
    grid-area: store-status;
    justify-self: stretch !important;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    padding: 6px 9px !important;
    text-align: center;
    white-space: nowrap;
  }

  html.site-premium-v14 body .sinco-challenges-head {
    grid-template-columns: minmax(0, 1fr) 96px;
    column-gap: 16px;
  }
  html.site-premium-v14 body .sinco-challenges-icon {
    width: 96px !important;
    max-height: 110px;
  }
  html.site-premium-v14 body .sinco-challenges-head h2 {
    font-size: clamp(32px, 9.8vw, 40px) !important;
    overflow-wrap: anywhere;
  }
}

/* Tablet: retain the large challenge visual without compressing its title. */
@media (min-width: 621px) and (max-width: 900px) {
  html.site-premium-v14 body .sinco-challenges-head {
    grid-template-columns: minmax(0, 1fr) 128px;
    column-gap: 24px;
  }
  html.site-premium-v14 body .sinco-challenges-icon {
    width: 128px !important;
    max-height: 140px;
  }
}

/* Mobile rail still shows all six numbers. The active chapter expands with
   its translated label but remains small enough for 320 px devices. */
@media (max-width: 759px) {
  .journey-stage {
    padding-bottom: 150px !important;
  }
  .journey-baseline {
    bottom: 64px !important;
  }
  .journey-rail {
    left: 8px !important;
    right: 8px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: auto;
    max-width: none;
    justify-content: flex-end;
    gap: 3px !important;
    padding: 4px !important;
  }
  .journey-rail a {
    width: 28px !important;
    min-width: 28px !important;
    height: 30px !important;
    font-size: 10px;
  }
  .journey-rail a[aria-current] {
    width: auto !important;
    min-width: 120px !important;
    max-width: 150px !important;
    padding: 0 9px !important;
    gap: 5px;
  }
  .journey-rail-label {
    max-width: 112px;
    font-size: 9.5px;
  }
  html.site-premium-v14 body .topbar-download-button {
    min-height: 38px !important;
  }
  html.site-premium-v14 body .topbar-download-button img {
    width: 20px !important;
    height: 22px !important;
    min-width: 20px !important;
  }
}

/* Very small phones: reserve a little more horizontal room by shrinking only
   inactive chapter buttons. */
@media (max-width: 350px) {
  .journey-rail a {
    width: 25px !important;
    min-width: 25px !important;
  }
  .journey-rail a[aria-current] {
    min-width: 132px !important;
    max-width: 145px !important;
    padding-inline: 7px !important;
  }
  .journey-rail-label {
    max-width: 112px;
    font-size: 9px;
  }
}

/* Landscape phones: prevent the bottom rail from covering too much content. */
@media (orientation: landscape) and (max-height: 600px) and (max-width: 980px) {
  .journey-rail {
    bottom: 6px !important;
    transform: scale(.92);
    transform-origin: bottom right;
  }
}

/* Final narrow-layout guards discovered during responsive audit. */
@media (max-width: 759px) {
  html.site-premium-v14 body .editorial-home > #intention {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body #intention .editorial-hero-logo-stage {
    display: none !important;
  }
  body #intention .editorial-title,
  body #intention .editorial-lead,
  body #intention .hero-short-copy,
  body #intention .hero-actions,
  body #intention .play-store-badge {
    grid-column: 1 / -1 !important;
    width: 100%;
    min-width: 0;
  }
}

/* A short portrait viewport is not a landscape viewport. The previous generic
   700px minimum-height pushed the first screen below the fixed journey rail. */
@media (max-height: 600px) and (orientation: portrait) and (max-width: 759px) {
  .journey-stage {
    min-height: 100svh !important;
    padding-top: 122px !important;
    padding-bottom: 116px !important;
  }
  .journey-heading h1 {
    font-size: clamp(54px, 15vw, 72px) !important;
  }
  .journey-overline {
    margin-bottom: 14px !important;
  }
  .journey-subtitle {
    margin: 16px 0 !important;
  }
  .journey-baseline {
    display: none !important;
  }
}


/* Navigation alignment V3: one canonical 01-07 map shared with the hamburger. */
html.site-premium-v14 body .journey-destination {
  display: grid !important;
  grid-template-columns: clamp(68px, 8vw, 112px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(22px, 4vw, 58px);
  min-height: clamp(360px, 54vh, 620px);
  border-top: 1px solid rgba(var(--site-accent-rgb, 137, 120, 181), .2) !important;
}
html.site-premium-v14 body .journey-destination-marker {
  font-size: clamp(40px, 6vw, 86px);
  font-weight: 800;
  line-height: .9;
  letter-spacing: -.06em;
  color: rgba(var(--site-accent-rgb, 137, 120, 181), .34);
  font-variant-numeric: tabular-nums;
  user-select: none;
}
html.site-premium-v14 body .journey-destination-copy {
  max-width: 820px;
}
html.site-premium-v14 body .journey-destination-copy h2 {
  margin: 12px 0 18px;
  font-size: clamp(34px, 4.7vw, 68px);
  line-height: .98;
  letter-spacing: -.04em;
}
html.site-premium-v14 body .journey-destination-copy p {
  max-width: 720px;
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.65;
}
html.site-premium-v14 body .journey-destination-copy .inline-link {
  display: inline-flex;
  margin-top: 14px;
}

/* Seven numbers now fit the same bottom control. Only the current destination
   expands with its label; inactive destinations remain compact. */
@media (min-width: 760px) {
  .journey-rail a { width: 34px; min-width: 34px; }
  .journey-rail a[aria-current] { min-width: 138px; max-width: 205px; }
}
@media (max-width: 759px) {
  .journey-rail { gap: 2px !important; }
  .journey-rail a { width: 24px !important; min-width: 24px !important; }
  .journey-rail a[aria-current] {
    min-width: 118px !important;
    max-width: 146px !important;
    padding-inline: 8px !important;
  }
  .journey-rail-label { max-width: 106px; }
  html.site-premium-v14 body .journey-destination {
    grid-template-columns: 1fr !important;
    gap: 18px;
    min-height: 0;
  }
  html.site-premium-v14 body .journey-destination-marker {
    font-size: 36px;
  }
  html.site-premium-v14 body .journey-destination-copy h2 {
    font-size: clamp(31px, 9.5vw, 42px);
  }
}
@media (max-width: 350px) {
  .journey-rail a { width: 21px !important; min-width: 21px !important; }
  .journey-rail a[aria-current] {
    min-width: 116px !important;
    max-width: 136px !important;
    padding-inline: 6px !important;
  }
  .journey-rail-label { max-width: 100px; font-size: 8.7px; }
}


/* -------------------------------------------------------------------------- */
/* Navigation markers V4 — compact, responsive and category-coloured.         */
/* Numbers are intentionally removed from both the hamburger and bottom rail. */
/* -------------------------------------------------------------------------- */

/* Hamburger: use one quiet horizontal marker per universe instead of 01-07. */
html.site-premium-v14 body .site-nav-popover {
  counter-reset: none !important;
}
html.site-premium-v14 body .site-nav-link::before {
  content: "" !important;
  width: 24px !important;
  height: 2px !important;
  left: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border-radius: 999px !important;
  background: rgba(var(--nav-accent-rgb), .62) !important;
  box-shadow: none !important;
  opacity: .9;
  transition: width 180ms cubic-bezier(.2,.75,.2,1), opacity 160ms ease, background-color 160ms ease !important;
}
html.site-premium-v14 body .site-nav-link:hover::before,
html.site-premium-v14 body .site-nav-link:focus-visible::before,
html.site-premium-v14 body .site-nav-link.is-active::before,
html.site-premium-v14 body .site-nav-link[aria-current="page"]::before {
  width: 31px !important;
  background: rgb(var(--nav-accent-rgb)) !important;
  opacity: 1;
}

/* Bottom rail: content-sized at every aspect ratio. Never stretches from edge to edge. */
.journey-rail {
  --journey-rail-accent: var(--site-category-accent-rgb, 137, 120, 181);
  left: auto !important;
  right: clamp(8px, 2vw, 24px) !important;
  bottom: max(10px, env(safe-area-inset-bottom)) !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: calc(100vw - 16px) !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  padding: 6px 8px !important;
  border: 1px solid rgba(var(--journey-rail-accent), .34) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(var(--journey-rail-accent), .11), rgba(17, 17, 21, .94)) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035) !important;
  backdrop-filter: blur(12px) saturate(115%);
  -webkit-backdrop-filter: blur(12px) saturate(115%);
  transition: border-color 220ms ease, background-color 220ms ease, box-shadow 220ms ease !important;
}
.journey-rail a {
  width: 27px !important;
  min-width: 27px !important;
  height: 32px !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #d4cedb !important;
  overflow: visible !important;
  box-shadow: none !important;
  transition: width 180ms cubic-bezier(.2,.75,.2,1), padding 180ms cubic-bezier(.2,.75,.2,1), background-color 180ms ease, color 180ms ease !important;
}
.journey-rail-mark {
  display: block;
  width: 14px;
  height: 2px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgba(var(--journey-rail-accent), .52);
  transform-origin: center;
  transition: width 180ms cubic-bezier(.2,.75,.2,1), background-color 180ms ease, opacity 180ms ease, transform 180ms ease;
}
.journey-rail-label {
  display: none;
  min-width: 0;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 720;
  letter-spacing: .01em;
  line-height: 1;
}
.journey-rail a:hover .journey-rail-mark,
.journey-rail a:focus-visible .journey-rail-mark {
  width: 18px;
  background: rgba(var(--journey-rail-accent), .88);
}
.journey-rail a[aria-current] {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 11px !important;
  gap: 8px !important;
  border: 1px solid rgba(var(--journey-rail-accent), .34) !important;
  background: rgba(var(--journey-rail-accent), .16) !important;
  color: #f7f4fa !important;
}
.journey-rail a[aria-current] .journey-rail-mark {
  width: 20px;
  background: rgb(var(--journey-rail-accent));
  box-shadow: 0 0 12px rgba(var(--journey-rail-accent), .28);
}
.journey-rail a[aria-current] .journey-rail-label {
  display: block !important;
}
.journey-rail a:focus-visible {
  outline-offset: 2px !important;
}

/* The three destination cards added in V3 use the same visual language: no large numbers. */
html.site-premium-v14 body .journey-destination-personalization { --destination-accent-rgb: var(--sinco-personalization-rgb, 173, 160, 100); }
html.site-premium-v14 body .journey-destination-rules { --destination-accent-rgb: var(--sinco-rules-rgb, 170, 121, 138); }
html.site-premium-v14 body .journey-destination-history { --destination-accent-rgb: var(--sinco-history-rgb, 156, 126, 171); }
html.site-premium-v14 body .journey-destination-marker {
  width: clamp(38px, 5vw, 62px) !important;
  height: 2px !important;
  min-height: 2px;
  margin-top: 12px;
  border-radius: 999px;
  background: rgba(var(--destination-accent-rgb, 137, 120, 181), .72);
  color: transparent !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  line-height: 0 !important;
  overflow: hidden;
}

/* Tablet / square windows: keep the rail compact instead of inheriting the old full-width mobile rule. */
@media (max-width: 759px) {
  .journey-rail {
    left: auto !important;
    right: 8px !important;
    width: max-content !important;
    max-width: calc(100vw - 16px) !important;
    justify-content: flex-start !important;
    gap: 3px !important;
    padding: 4px 6px !important;
  }
  .journey-rail a {
    width: 20px !important;
    min-width: 20px !important;
    height: 30px !important;
  }
  .journey-rail-mark {
    width: 11px;
  }
  .journey-rail a:hover .journey-rail-mark,
  .journey-rail a:focus-visible .journey-rail-mark {
    width: 14px;
  }
  .journey-rail a[aria-current] {
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 7px !important;
    gap: 6px !important;
  }
  .journey-rail a[aria-current] .journey-rail-mark {
    width: 16px;
  }
  .journey-rail-label {
    max-width: none !important;
    font-size: 9.5px !important;
  }
  html.site-premium-v14 body .journey-destination-marker {
    width: 42px !important;
    margin-top: 0;
  }
}

@media (max-width: 350px) {
  .journey-rail {
    gap: 2px !important;
    padding-inline: 5px !important;
  }
  .journey-rail a {
    width: 17px !important;
    min-width: 17px !important;
  }
  .journey-rail-mark {
    width: 9px;
  }
  .journey-rail a[aria-current] {
    min-width: 0 !important;
    max-width: none !important;
    padding-inline: 5px !important;
    gap: 5px !important;
  }
  .journey-rail a[aria-current] .journey-rail-mark {
    width: 13px;
  }
  .journey-rail-label {
    font-size: 8.7px !important;
  }
}

@media (orientation: landscape) and (max-height: 600px) and (max-width: 980px) {
  .journey-rail {
    transform: none !important;
    right: 8px !important;
    bottom: max(6px, env(safe-area-inset-bottom)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .journey-rail,
  .journey-rail a,
  .journey-rail-mark,
  html.site-premium-v14 body .site-nav-link::before {
    transition: none !important;
  }
}


/* -------------------------------------------------------------------------- */
/* Context pill V5 — one active destination only.                             */
/* The hamburger is navigation; this fixed pill is only a location indicator. */
/* -------------------------------------------------------------------------- */
.journey-rail {
  --journey-rail-accent: var(--site-category-accent-rgb, 137, 120, 181);
  left: auto !important;
  right: clamp(8px, 2vw, 24px) !important;
  bottom: max(10px, env(safe-area-inset-bottom)) !important;
  width: max-content !important;
  min-width: 0 !important;
  max-width: calc(100vw - 16px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(var(--journey-rail-accent), .38) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(var(--journey-rail-accent), .12), rgba(17, 17, 21, .95)) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.045), 0 0 0 1px rgba(var(--journey-rail-accent), .035) !important;
  color: #f7f4fa !important;
  backdrop-filter: blur(12px) saturate(118%);
  -webkit-backdrop-filter: blur(12px) saturate(118%);
  pointer-events: none;
  overflow: hidden;
  transition: border-color 220ms ease, background 220ms ease, box-shadow 220ms ease !important;
}

.journey-rail-mark {
  position: relative;
  display: block !important;
  width: 25px !important;
  height: 2px !important;
  flex: 0 0 25px !important;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(var(--journey-rail-accent), .35), rgb(var(--journey-rail-accent))) !important;
  box-shadow: 0 0 10px rgba(var(--journey-rail-accent), .18);
}

.journey-rail-mark::after {
  content: "";
  position: absolute;
  right: -1px;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  transform: translate(0, -50%);
  background: rgb(var(--journey-rail-accent));
  box-shadow: 0 0 9px rgba(var(--journey-rail-accent), .42);
}

.journey-rail-label {
  display: block !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  color: #f7f4fa !important;
  font-size: 11px !important;
  font-weight: 720 !important;
  letter-spacing: .012em !important;
  line-height: 1 !important;
}

@media (max-width: 759px) {
  .journey-rail {
    right: 8px !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    max-width: calc(100vw - 16px) !important;
    gap: 7px !important;
    padding: 7px 10px !important;
  }
  .journey-rail-mark {
    width: 20px !important;
    flex-basis: 20px !important;
  }
  .journey-rail-label { font-size: 9.6px !important; }
}

@media (max-width: 350px) {
  .journey-rail {
    gap: 6px !important;
    padding: 6px 9px !important;
  }
  .journey-rail-mark {
    width: 17px !important;
    flex-basis: 17px !important;
  }
  .journey-rail-label { font-size: 9px !important; }
}

@media (orientation: landscape) and (max-height: 600px) and (max-width: 980px) {
  .journey-rail {
    right: 8px !important;
    bottom: max(6px, env(safe-area-inset-bottom)) !important;
    padding-block: 6px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .journey-rail { transition: none !important; }
}

/* SINCO reactive layer V8 — native, dependency-free */
/* A restrained interaction system inspired by the selected React Bits ideas:
   living light, split reveal, spotlight surfaces, magnetic CTAs and scroll stack. */

.journey-stage {
  --hero-shift-x: 0px;
  --hero-shift-y: 0px;
  --hero-emblem-x: 0px;
  --hero-emblem-y: 0px;
  --hero-aurora-x: 0px;
  --hero-aurora-y: 0px;
  isolation: isolate;
}

/* Soft aurora: one ambient layer only, intentionally slower and dimmer than a demo effect. */
.journey-stage::before {
  content: "";
  position: absolute;
  inset: -18% -12%;
  z-index: -1;
  pointer-events: none;
  opacity: .48;
  background:
    radial-gradient(42% 50% at 72% 35%, rgba(137, 106, 184, .22), transparent 69%),
    radial-gradient(34% 42% at 55% 72%, rgba(166, 173, 190, .105), transparent 72%),
    radial-gradient(24% 32% at 86% 68%, rgba(177, 147, 88, .075), transparent 74%);
  filter: blur(30px) saturate(108%);
  transform: translate3d(var(--hero-aurora-x), var(--hero-aurora-y), 0) scale(1.06);
  will-change: transform;
  animation: sinco-aurora-drift 22s ease-in-out infinite alternate;
}

@keyframes sinco-aurora-drift {
  0% { background-position: 0% 0%, 0% 0%, 0% 0%; }
  100% { background-position: 7vw -3vh, -5vw 5vh, 3vw 4vh; }
}

/* SplitText-like reveal, limited to the two hero lines. */
.journey-heading h1 .journey-split-word {
  display: inline-block;
  transform-origin: 50% 100%;
}
.sinco-reactive-ready .journey-heading h1 .journey-split-word {
  animation: sinco-word-reveal 720ms cubic-bezier(.16,.78,.18,1) both;
  animation-delay: calc(90ms + var(--split-index, 0) * 90ms);
}
@keyframes sinco-word-reveal {
  from { opacity: 0; filter: blur(10px); transform: translate3d(0,.48em,0) scale(.985); }
  to { opacity: 1; filter: blur(0); transform: translate3d(0,0,0) scale(1); }
}

/* Pointer parallax is intentionally tiny. Scroll movement stays authoritative. */
@media (min-width:760px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .journey-motion .journey-heading {
    transform: translate3d(
      var(--hero-shift-x),
      calc(var(--hero-shift-y) + var(--intro-progress,0) * -48px),
      0
    );
    will-change: transform;
  }
  .journey-motion .journey-emblem {
    transform: translate3d(
      calc(var(--hero-emblem-x) + var(--intro-progress,0) * -30px),
      calc(var(--hero-emblem-y) + var(--intro-progress,0) * -55px),
      0
    ) rotate(calc(var(--intro-progress,0) * -5deg)) scale(calc(1 - var(--intro-progress,0) * .19));
    will-change: transform;
  }
}

/* GradualBlur-like editorial reveals. No hidden content without JS. */
.sinco-reactive-ready .sinco-reveal {
  opacity: 0;
  filter: blur(10px);
  transform: translate3d(0,22px,0);
  transition:
    opacity 760ms cubic-bezier(.2,.75,.2,1),
    filter 820ms cubic-bezier(.2,.75,.2,1),
    transform 820ms cubic-bezier(.2,.75,.2,1);
  transition-delay: var(--reveal-delay, 0ms);
}
.sinco-reactive-ready .sinco-reveal.is-revealed {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0,0,0);
}

/* SpotlightCard-like response, reserved for the two feature trios. */
@media (hover:hover) and (pointer:fine) {
  html.site-premium-v14 body .sinco-reactive-card {
    --spot-x: 50%;
    --spot-y: 50%;
    background:
      radial-gradient(280px circle at var(--spot-x) var(--spot-y), rgba(var(--section-accent-rgb, var(--site-category-accent-rgb)), .13), transparent 63%) !important;
    transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease !important;
  }
  html.site-premium-v14 body .sinco-reactive-card:hover {
    border-top-color: rgba(var(--section-accent-rgb, var(--site-category-accent-rgb)), .76) !important;
  }
}

/* Magnet + one specular surface: principal CTAs only. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .sinco-magnet {
    --magnet-x: 0px;
    --magnet-y: 0px;
    transform: translate3d(var(--magnet-x), var(--magnet-y), 0) !important;
    transition: transform 180ms cubic-bezier(.2,.8,.2,1), border-color 150ms ease, filter 150ms ease !important;
    will-change: transform;
  }
  .sinco-magnet:hover,
  .sinco-magnet:focus-visible {
    transform: translate3d(var(--magnet-x), calc(var(--magnet-y) - 2px), 0) !important;
  }
  .sinco-specular {
    --specular-x: 50%;
    --specular-y: 50%;
    position: relative !important;
    overflow: hidden;
    isolation: isolate;
  }
  .sinco-specular::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(120px circle at var(--specular-x) var(--specular-y), rgba(255,255,255,.22), rgba(215,202,233,.08) 32%, transparent 68%);
    transition: opacity 180ms ease;
  }
  .sinco-specular:hover::after,
  .sinco-specular:focus-visible::after { opacity: 1; }
  .sinco-specular > * { position: relative; z-index: 1; }
}

/* ScrollStack-like Project → Step → Artwork sequence. Desktop only. */
@media (min-width:1000px) and (min-height:760px) and (prefers-reduced-motion:no-preference) {
  .journey-motion .journey-process {
    height: 310svh;
    margin-top: 100px;
  }
  .journey-motion .journey-process-window {
    perspective: 1500px;
    perspective-origin: 50% 35%;
  }
  html.site-premium-v14.journey-motion body .journey-process .museum-guide-grid {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
  html.site-premium-v14.journey-motion body .journey-process .museum-guide-card {
    position: absolute !important;
    inset: 72px clamp(0px,2vw,28px) 52px !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 70px 8% 42px 27% !important;
    overflow: hidden;
    border: 1px solid rgba(145,167,196,.18) !important;
    border-radius: 28px !important;
    background:
      linear-gradient(148deg, rgba(24,29,37,.985), rgba(16,19,25,.985)) !important;
    box-shadow:
      0 34px 90px rgba(0,0,0,.34),
      inset 0 1px 0 rgba(255,255,255,.035) !important;
    transform-origin: 50% 8%;
    backface-visibility: hidden;
    will-change: transform, opacity;
  }
  html.site-premium-v14.journey-motion body .journey-process .museum-guide-card::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(42% 55% at 78% 22%, rgba(145,167,196,.07), transparent 70%),
      linear-gradient(90deg, transparent, rgba(255,255,255,.018), transparent);
  }
  html.site-premium-v14.journey-motion body .journey-process .museum-guide-card:nth-child(1) {
    z-index: 1;
    opacity: var(--stack-card-1-opacity,1);
    transform: translate3d(0,var(--stack-card-1-y,0px),0) scale(var(--stack-card-1-scale,1));
  }
  html.site-premium-v14.journey-motion body .journey-process .museum-guide-card:nth-child(2) {
    z-index: 2;
    opacity: var(--stack-card-2-opacity,.22);
    transform: translate3d(0,calc(var(--stack-card-2-y,72vh) + var(--stack-card-2-lift,0px)),0) scale(var(--stack-card-2-scale,.96));
  }
  html.site-premium-v14.journey-motion body .journey-process .museum-guide-card:nth-child(3) {
    z-index: 3;
    opacity: var(--stack-card-3-opacity,.22);
    transform: translate3d(0,var(--stack-card-3-y,72vh),0) scale(var(--stack-card-3-scale,.97));
  }
  html.site-premium-v14.journey-motion body .journey-process .museum-guide-card-top {
    z-index: 2;
  }
  html.site-premium-v14.journey-motion body .journey-process .museum-guide-card > :not(.museum-guide-card-top) {
    position: relative;
    z-index: 2;
  }
  html.site-premium-v14.journey-motion body .journey-process .museum-step-number {
    opacity: .78;
    text-shadow: 0 18px 60px rgba(54,73,98,.22);
  }
  .journey-motion .journey-process-window::after {
    z-index: 8;
    left: clamp(0px,2vw,28px);
    right: clamp(0px,2vw,28px);
    background: linear-gradient(90deg, #91a7c4, #b7a4cf 66%, #a98f5a);
    box-shadow: 0 0 18px rgba(145,167,196,.18);
  }
}

/* Mobile keeps the quieter native composition and only a static ambient light. */
@media (max-width:759px), (hover:none), (pointer:coarse) {
  .journey-stage::before {
    inset: -10% -28%;
    opacity: .34;
    filter: blur(34px);
    animation: none;
    transform: none;
  }
}

@media (prefers-reduced-motion:reduce) {
  .journey-stage::before { animation: none !important; transform: none !important; }
  .journey-heading h1 .journey-split-word { animation: none !important; opacity: 1 !important; filter: none !important; transform: none !important; }
  .sinco-reactive-ready .sinco-reveal { opacity: 1 !important; filter: none !important; transform: none !important; transition: none !important; }
  .sinco-magnet { transform: none !important; transition: none !important; }
  .sinco-specular::after { display: none !important; }
}


/* ========================================================================== */
/* SINCO HOMEPAGE V9 — full kinetic redesign                                 */
/* Uses the existing Sinco content and assets, but rebuilds the visual rhythm */
/* across the complete home scroll. No React/WebGL/runtime dependency.        */
/* ========================================================================== */

html.sinco-v9 {
  --v9-bg: #0d0e12;
  --v9-surface: #15151b;
  --v9-surface-2: #1a1720;
  --v9-paper: #f5f1f7;
  --v9-muted: #b7afbf;
  --v9-violet: 151, 119, 194;
  --v9-silver: 170, 181, 198;
  --v9-gold: 177, 145, 83;
  background: var(--v9-bg);
}
html.sinco-v9 body { background: var(--v9-bg) !important; }
html.sinco-v9 body .editorial-home { overflow: clip; }
html.sinco-v9 body .editorial-home > * { isolation: isolate; }
html.sinco-v9 body .editorial-home h1,
html.sinco-v9 body .editorial-home h2,
html.sinco-v9 body .editorial-home h3 { text-wrap: balance; }

/* Global page thread and progress. */
html.sinco-v9 body .journey-progress {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  z-index: 9999 !important;
  transform-origin: left center;
  background: linear-gradient(90deg, rgb(var(--v9-violet)), rgb(var(--v9-silver)) 65%, rgb(var(--v9-gold))) !important;
  box-shadow: 0 0 14px rgba(var(--v9-violet), .42);
  pointer-events: none;
}
html.sinco-v9 body .journey-rail {
  border-color: rgba(var(--site-category-accent-rgb, var(--v9-violet)), .46) !important;
  background: rgba(13, 14, 18, .76) !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);
}
html.sinco-v9 body .journey-rail-mark {
  background: linear-gradient(90deg, rgba(var(--site-category-accent-rgb, var(--v9-violet)), .28), rgb(var(--site-category-accent-rgb, var(--v9-violet)))) !important;
}

/* Common scene numbering — editorial, not navigation. */
html.sinco-v9 body .v9-scene { position: relative; }
html.sinco-v9 body .v9-scene-number {
  position: absolute;
  top: clamp(24px, 4vw, 58px);
  right: clamp(20px, 4vw, 66px);
  z-index: 4;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .22em;
  color: rgba(245,241,247,.38);
  pointer-events: none;
}
html.sinco-v9 body .v9-scene-number::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 1px;
  margin-right: 10px;
  vertical-align: middle;
  background: currentColor;
}

/* -------------------------------------------------------------------------- */
/* 00 — HERO : living light + typographic reveal                              */
/* -------------------------------------------------------------------------- */
html.sinco-v9 body .journey-intro {
  min-height: 100svh;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), transparent 22%),
    radial-gradient(90% 90% at 50% 100%, rgba(76,60,94,.10), transparent 67%),
    #0c0d11 !important;
}
html.sinco-v9.v9-motion body .journey-intro { height: 178svh; }
html.sinco-v9 body .journey-stage {
  min-height: 100svh;
  height: 100svh;
  padding: clamp(126px, 14vh, 170px) clamp(24px, 8vw, 130px) clamp(70px, 10vh, 110px) !important;
  overflow: hidden;
  isolation: isolate;
}
html.sinco-v9.v9-motion body .journey-stage { position: sticky; top: 0; }
html.sinco-v9 body .journey-stage::before { display: none !important; }
html.sinco-v9 body .v9-hero-atmosphere,
html.sinco-v9 body .v9-hero-atmosphere > * { position: absolute; pointer-events: none; }
html.sinco-v9 body .v9-hero-atmosphere { inset: 0; z-index: -2; overflow: hidden; }
html.sinco-v9 body .v9-aurora {
  border-radius: 50%;
  filter: blur(52px) saturate(118%);
  mix-blend-mode: screen;
  opacity: .44;
  will-change: transform;
}
html.sinco-v9 body .v9-aurora-a {
  width: min(72vw, 980px); height: min(72vw, 980px);
  right: -16vw; top: -26vh;
  background: radial-gradient(circle at 45% 55%, rgba(var(--v9-violet), .42), rgba(94,69,123,.16) 42%, transparent 70%);
  transform: translate3d(calc(var(--pointer-x,0) * 18px), calc(var(--pointer-y,0) * 14px + var(--v9-intro,0) * 55px), 0);
  animation: v9-aurora-a 13s ease-in-out infinite alternate;
}
html.sinco-v9 body .v9-aurora-b {
  width: min(52vw, 760px); height: min(52vw, 760px);
  left: -12vw; bottom: -28vh;
  background: radial-gradient(circle at 50% 45%, rgba(var(--v9-silver), .25), rgba(105,117,137,.09) 45%, transparent 72%);
  transform: translate3d(calc(var(--pointer-x,0) * -14px), calc(var(--pointer-y,0) * -10px - var(--v9-intro,0) * 35px), 0);
  animation: v9-aurora-b 16s ease-in-out infinite alternate;
}
html.sinco-v9 body .v9-aurora-c {
  width: min(34vw, 480px); height: min(34vw, 480px);
  right: 22vw; bottom: -18vh;
  background: radial-gradient(circle, rgba(var(--v9-gold), .18), transparent 68%);
  transform: translate3d(calc(var(--pointer-x,0) * 8px), calc(var(--pointer-y,0) * 12px), 0);
  animation: v9-aurora-c 18s ease-in-out infinite alternate;
}
@keyframes v9-aurora-a { to { translate: -5vw 5vh; scale: 1.08; rotate: 7deg; } }
@keyframes v9-aurora-b { to { translate: 6vw -4vh; scale: 1.12; rotate: -8deg; } }
@keyframes v9-aurora-c { to { translate: -3vw -5vh; scale: .94; } }
html.sinco-v9 body .v9-orbit {
  width: min(66vw, 920px); aspect-ratio: 1;
  right: -10vw; top: 50%;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 50%;
  transform: translateY(-50%) rotate(calc(var(--v9-intro,0) * 25deg));
}
html.sinco-v9 body .v9-orbit::before,
html.sinco-v9 body .v9-orbit::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(var(--v9-violet), .10);
}
html.sinco-v9 body .v9-orbit::before { inset: 14%; }
html.sinco-v9 body .v9-orbit::after { inset: 31%; border-color: rgba(var(--v9-gold), .08); }
html.sinco-v9 body .v9-grain {
  inset: 0;
  opacity: .15;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
html.sinco-v9 body .journey-caption {
  top: clamp(106px, 13vh, 135px) !important;
  left: clamp(24px, 8vw, 130px) !important;
  right: clamp(24px, 8vw, 130px) !important;
  padding-top: 16px;
  border-color: rgba(255,255,255,.13) !important;
  font-size: 10px;
  letter-spacing: .22em;
  text-transform: uppercase;
}
html.sinco-v9 body .journey-heading {
  width: min(70%, 980px);
  top: 0;
  transform: translate3d(calc(var(--pointer-x,0) * -5px), calc(var(--pointer-y,0) * -4px - var(--v9-intro,0) * 50px), 0);
  will-change: transform;
}
html.sinco-v9 body .journey-overline {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  color: rgba(231,222,241,.72);
  font-size: clamp(13px,1.2vw,16px);
}
html.sinco-v9 body .journey-overline::before {
  content: '';
  width: 34px; height: 1px;
  background: linear-gradient(90deg, rgb(var(--v9-violet)), transparent);
}
html.sinco-v9 body .journey-heading h1 {
  font-size: clamp(74px, 10.6vw, 168px) !important;
  line-height: .88 !important;
  letter-spacing: -.068em !important;
  color: var(--v9-paper) !important;
  text-shadow: 0 28px 90px rgba(0,0,0,.28);
}
html.sinco-v9 body .v9-title-word { display: inline-block; transform-origin: 0 100%; }
html.sinco-v9.sinco-v9-ready body .v9-title-word {
  animation: v9-title-in 820ms cubic-bezier(.16,.82,.17,1) both;
  animation-delay: calc(120ms + var(--word-index,0) * 110ms);
}
@keyframes v9-title-in {
  from { opacity:0; filter:blur(16px); transform:translate3d(0,.58em,0) rotate(2deg); }
  to { opacity:1; filter:blur(0); transform:none; }
}
html.sinco-v9 body .journey-subtitle { font-size: clamp(15px,1.5vw,20px); letter-spacing:.035em; }
html.sinco-v9 body .journey-discover {
  position: relative;
  padding: 11px 4px 12px 0;
  border-bottom-color: rgba(var(--v9-violet), .75) !important;
  transform: translate3d(var(--magnet-x,0),var(--magnet-y,0),0);
}
html.sinco-v9 body .journey-emblem {
  right: clamp(-95px,-3vw,-28px) !important;
  top: 50% !important;
  width: min(48vw, 720px) !important;
  height: auto !important;
  aspect-ratio: 1;
  opacity: calc(.88 - var(--v9-intro,0) * .24);
  transform: translate3d(calc(var(--pointer-x,0) * 18px - var(--v9-intro,0) * 40px), calc(-50% + var(--pointer-y,0) * 13px + var(--v9-intro,0) * -24px),0) rotate(calc(-7deg + var(--v9-intro,0) * 12deg)) scale(calc(1 - var(--v9-intro,0) * .14)) !important;
  will-change: transform;
}
html.sinco-v9 body .journey-emblem img { width: 82%; height: 82%; filter: drop-shadow(0 36px 60px rgba(0,0,0,.42)); }
html.sinco-v9 body .journey-gesture-line { left: 49%; top: -8%; bottom: -8%; background: linear-gradient(transparent,rgba(var(--v9-violet),.40),rgba(var(--v9-gold),.16),transparent); }
html.sinco-v9 body .journey-baseline {
  left: clamp(24px, 8vw, 130px) !important;
  right: clamp(24px, 8vw, 130px) !important;
  bottom: clamp(25px,5vh,52px) !important;
  font-size: 12px;
  color: rgba(229,224,235,.52);
}

/* -------------------------------------------------------------------------- */
/* 01 — INTENTION : giant statement / brand object                            */
/* -------------------------------------------------------------------------- */
html.sinco-v9 body .editorial-home > #intention {
  min-height: min(940px, 100svh);
  display: grid !important;
  grid-template-columns: minmax(0,1.16fr) minmax(320px,.84fr) !important;
  align-content: center;
  gap: 16px clamp(46px,8vw,130px) !important;
  padding: clamp(100px,12vw,180px) clamp(26px,8vw,140px) !important;
  background:
    linear-gradient(120deg, rgba(151,119,194,.10), transparent 31%),
    radial-gradient(50% 65% at 84% 42%, rgba(151,119,194,.10), transparent 72%),
    #17141c !important;
}
html.sinco-v9 body #intention::after {
  content: 'SINCO';
  position: absolute;
  left: clamp(20px,6vw,90px);
  bottom: -0.18em;
  z-index: -1;
  font-size: clamp(140px,24vw,390px);
  line-height: 1;
  letter-spacing: -.08em;
  color: rgba(255,255,255,.018);
  pointer-events: none;
}
html.sinco-v9 body #intention .editorial-hero-logo-stage {
  grid-column: 2 !important;
  grid-row: 1 / span 6 !important;
  display: grid !important;
  place-items: center;
  min-height: 520px;
  opacity: 1 !important;
  position: relative;
}
html.sinco-v9 body #intention .editorial-hero-logo-stage::before,
html.sinco-v9 body #intention .editorial-hero-logo-stage::after {
  content:'';
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
html.sinco-v9 body #intention .editorial-hero-logo-stage::before {
  inset: 7%;
  border:1px solid rgba(var(--v9-violet),.22);
  box-shadow: inset 0 0 80px rgba(var(--v9-violet),.05), 0 0 90px rgba(var(--v9-violet),.05);
}
html.sinco-v9 body #intention .editorial-hero-logo-stage::after {
  inset: 22%;
  border:1px dashed rgba(var(--v9-silver),.16);
  animation:v9-orbit-spin 28s linear infinite;
}
@keyframes v9-orbit-spin { to { rotate: 360deg; } }
html.sinco-v9 body #intention .editorial-hero-logo {
  width: min(88%, 470px) !important;
  filter: drop-shadow(0 30px 50px rgba(0,0,0,.36));
  animation: v9-logo-breathe 6s ease-in-out infinite;
}
@keyframes v9-logo-breathe { 50% { transform: translateY(-8px) scale(1.02); } }
html.sinco-v9 body #intention .editorial-title,
html.sinco-v9 body #intention .editorial-lead,
html.sinco-v9 body #intention .hero-short-copy,
html.sinco-v9 body #intention .hero-actions,
html.sinco-v9 body #intention .play-store-badge { grid-column: 1 !important; }
html.sinco-v9 body #intention .editorial-title-tagline {
  font-size: clamp(38px,5vw,78px) !important;
  line-height: 1.03 !important;
  letter-spacing: -.055em !important;
}
html.sinco-v9 body #intention .editorial-lead { max-width: 710px !important; font-size: clamp(17px,1.6vw,21px) !important; }
html.sinco-v9 body #intention .hero-short-copy { max-width: 650px !important; opacity:.72; }

/* -------------------------------------------------------------------------- */
/* 02 — PURPOSE : asymmetrical museum cards                                   */
/* -------------------------------------------------------------------------- */
html.sinco-v9 body #demarche {
  padding-top: clamp(110px,13vw,190px) !important;
  padding-bottom: clamp(120px,14vw,210px) !important;
  background:
    radial-gradient(55% 70% at 0% 50%, rgba(126,108,150,.09), transparent 72%),
    #101116 !important;
}
html.sinco-v9 body #demarche::after {
  content:'PROCESSUS';
  position:absolute;
  right:-.05em;
  top:46%;
  transform:rotate(90deg) translateX(50%);
  transform-origin:right center;
  font-size:clamp(72px,10vw,160px);
  letter-spacing:.12em;
  font-weight:750;
  color:rgba(255,255,255,.014);
  pointer-events:none;
}
html.sinco-v9 body #demarche .sinco-purpose-intro { grid-template-columns: minmax(0,1.4fr) minmax(300px,.8fr) !important; gap: clamp(44px,8vw,140px); }
html.sinco-v9 body #demarche .sinco-purpose-intro h2 { font-size:clamp(42px,5.6vw,86px)!important; line-height:1.02!important; }
html.sinco-v9 body #demarche .sinco-purpose-intro p { align-self:end; border-left:1px solid rgba(var(--v9-violet),.35); padding-left:26px; }
html.sinco-v9 body #demarche .sinco-purpose-museum-callout {
  margin: clamp(48px,7vw,95px) 0 0 auto !important;
  width: min(780px,72%);
  padding: 24px 30px !important;
  border: 1px solid rgba(var(--v9-violet),.20) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg,rgba(var(--v9-violet),.11),rgba(255,255,255,.018)) !important;
  box-shadow:0 24px 80px rgba(0,0,0,.18)!important;
}
html.sinco-v9 body #demarche .sinco-purpose-grid {
  display:grid!important;
  grid-template-columns:1.12fr .88fr 1fr!important;
  gap: clamp(16px,2vw,28px)!important;
  margin-top:clamp(56px,8vw,110px)!important;
  align-items:stretch;
}
html.sinco-v9 body #demarche .sinco-purpose-card {
  min-height: 330px;
  padding: clamp(28px,3vw,42px) !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(360px circle at var(--spot-x,70%) var(--spot-y,20%), rgba(var(--v9-violet),.11), transparent 66%),
    linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008)) !important;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
}
html.sinco-v9 body #demarche .sinco-purpose-card:nth-child(2) { transform:translateY(44px); }
html.sinco-v9 body #demarche .sinco-purpose-card:nth-child(3) { transform:translateY(-24px); }
html.sinco-v9 body #demarche .sinco-purpose-card h3 { font-size:clamp(25px,2.4vw,36px)!important; }
html.sinco-v9 body #demarche .sinco-purpose-icon { margin-bottom:auto; width:60px; height:60px; }

/* -------------------------------------------------------------------------- */
/* 03 — PROJECTS : cinematic intro + a real 3-card scroll stack                */
/* -------------------------------------------------------------------------- */
html.sinco-v9 body #fonctionnement {
  padding: clamp(110px,12vw,180px) clamp(24px,8vw,140px) clamp(120px,12vw,190px) !important;
  background:
    linear-gradient(180deg,#111820 0%,#0d1319 45%,#0c1015 100%) !important;
}
html.sinco-v9 body #fonctionnement .museum-hero-panel {
  min-height: 78svh;
  align-items:center;
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr)!important;
  gap:clamp(40px,8vw,120px)!important;
}
html.sinco-v9 body #fonctionnement .museum-hero-copy h2 { font-size:clamp(44px,6.3vw,96px)!important; line-height:.99!important; }
html.sinco-v9 body #fonctionnement .museum-hero-copy p { max-width:680px; font-size:clamp(17px,1.5vw,20px)!important; color:#b6c2d0!important; }
html.sinco-v9 body #fonctionnement .museum-tutorial-preview {
  min-height: 520px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding: clamp(34px,4vw,56px)!important;
  border:1px solid rgba(var(--v9-silver),.15)!important;
  border-radius:30px!important;
  background:
    radial-gradient(360px circle at var(--spot-x,65%) var(--spot-y,20%), rgba(var(--v9-silver),.10), transparent 65%),
    linear-gradient(155deg,rgba(28,38,49,.88),rgba(13,18,24,.92))!important;
  box-shadow:0 45px 120px rgba(0,0,0,.27)!important;
  perspective:1000px;
}
html.sinco-v9 body #fonctionnement .museum-tutorial-list li { transition:transform .3s ease,opacity .3s ease; }
html.sinco-v9 body #fonctionnement .museum-tutorial-list li:nth-child(2) { transform:translateX(14px); }
html.sinco-v9 body #fonctionnement .museum-tutorial-list li:nth-child(3) { transform:translateX(28px); }

html.sinco-v9.v9-motion body .journey-process {
  position:relative;
  height: 330svh !important;
  margin: clamp(90px,10vw,150px) 0 clamp(80px,10vw,140px) !important;
}
html.sinco-v9.v9-motion body .journey-process-window {
  position:sticky!important;
  top: clamp(78px,9vh,96px)!important;
  height: calc(100svh - clamp(100px,12vh,126px))!important;
  min-height: 560px;
  overflow:hidden!important;
  perspective:1400px;
  perspective-origin:50% 32%;
}
html.sinco-v9 body .journey-process-label {
  position:absolute!important;
  top:18px!important;
  left:0!important;
  margin:0!important;
  z-index:15;
  color:#9eb6d1!important;
}
html.sinco-v9 body .v9-stack-counter {
  position:absolute;
  top:4px;
  right:0;
  z-index:16;
  display:flex;
  align-items:flex-end;
  gap:6px;
  color:rgba(222,231,241,.55);
  font-size:14px;
  letter-spacing:.08em;
}
html.sinco-v9 body .v9-stack-counter strong { color:#f0f5fb; font-size:42px; font-weight:350; line-height:1; }
html.sinco-v9.v9-motion body .journey-process .museum-guide-grid {
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  transform:none!important;
}
html.sinco-v9.v9-motion body .journey-process .museum-guide-card {
  position:absolute!important;
  inset: 72px 0 28px!important;
  min-height:0!important;
  width:auto!important;
  padding: clamp(54px,7vw,94px) clamp(36px,7vw,110px) clamp(40px,5vw,72px) clamp(190px,24vw,360px)!important;
  border:1px solid rgba(158,182,209,.18)!important;
  border-radius:clamp(24px,2.6vw,38px)!important;
  overflow:hidden;
  background:
    radial-gradient(52% 80% at 82% 14%, rgba(92,131,174,.13), transparent 66%),
    linear-gradient(145deg,rgba(25,34,44,.98),rgba(12,17,23,.99))!important;
  box-shadow:0 38px 120px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.045)!important;
  transform-origin:50% 8%;
  backface-visibility:hidden;
  will-change:transform,opacity,filter;
}
html.sinco-v9.v9-motion body .journey-process .museum-guide-card::before {
  content:''!important;
  display:block!important;
  position:absolute;
  inset:0;
  background:linear-gradient(112deg,transparent 0 42%,rgba(255,255,255,.025) 49%,transparent 56%);
  transform:translateX(-80%);
  animation:v9-card-sheen 7s ease-in-out infinite;
  pointer-events:none;
}
@keyframes v9-card-sheen { 50%,100% { transform:translateX(95%); } }
html.sinco-v9.v9-motion body .journey-process .museum-guide-card:nth-child(1) {
  z-index:3;
  opacity:var(--v9-card1-opacity,1);
  filter:blur(var(--v9-card1-blur,0px));
  transform:translate3d(0,var(--v9-card1-y,0px),0) scale(var(--v9-card1-scale,1));
}
html.sinco-v9.v9-motion body .journey-process .museum-guide-card:nth-child(2) {
  z-index:4;
  opacity:var(--v9-card2-opacity,.06);
  filter:blur(var(--v9-card2-blur,6px));
  transform:translate3d(0,var(--v9-card2-y,76vh),0) scale(var(--v9-card2-scale,.94));
}
html.sinco-v9.v9-motion body .journey-process .museum-guide-card:nth-child(3) {
  z-index:5;
  opacity:var(--v9-card3-opacity,.06);
  filter:blur(var(--v9-card3-blur,6px));
  transform:translate3d(0,var(--v9-card3-y,76vh),0) scale(var(--v9-card3-scale,.94));
}
html.sinco-v9.v9-motion body .journey-process .museum-guide-card-top {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  margin:0!important;
  pointer-events:none;
}
html.sinco-v9.v9-motion body .journey-process .museum-step-number {
  position:absolute!important;
  left:clamp(24px,4vw,62px)!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  height:auto!important;
  font-size:clamp(150px,21vw,330px)!important;
  line-height:.82!important;
  font-weight:250!important;
  letter-spacing:-.07em;
  color:rgba(159,184,213,.40)!important;
}
html.sinco-v9.v9-motion body .journey-process .museum-icon-tile {
  position:absolute!important;
  right:clamp(28px,4vw,58px)!important;
  top:clamp(24px,4vw,52px)!important;
}
html.sinco-v9.v9-motion body .journey-process h3 { font-size:clamp(42px,5.7vw,88px)!important; line-height:1!important; max-width:820px; }
html.sinco-v9.v9-motion body .journey-process p { max-width:760px; font-size:clamp(17px,1.6vw,21px)!important; }
html.sinco-v9.v9-motion body .journey-process-window::after {
  content:'';
  position:absolute;
  left:0; right:0; bottom:8px;
  height:2px;
  z-index:20;
  transform:scaleX(var(--v9-process,0));
  transform-origin:left;
  background:linear-gradient(90deg,#95b0cf,#b5a2d0 68%,#ae8d55);
  box-shadow:0 0 16px rgba(149,176,207,.23);
}

/* Traces are now a visual rhythm instead of a flat grid. */
html.sinco-v9 body #traces {
  margin-top:clamp(40px,6vw,80px);
  padding-top:clamp(90px,9vw,130px)!important;
}
html.sinco-v9 body #traces .museum-traces-heading { grid-template-columns:80px minmax(0,1fr)!important; max-width:1050px; }
html.sinco-v9 body #traces .museum-traces-heading h2 { font-size:clamp(40px,5vw,76px)!important; }
html.sinco-v9 body #traces .museum-reaction-grid {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(180px,1fr))!important;
  gap:14px!important;
  margin-top:clamp(52px,7vw,88px)!important;
}
html.sinco-v9 body #traces .museum-reaction-card {
  min-height:270px;
  padding:28px 22px!important;
  border:1px solid rgba(159,184,213,.12)!important;
  border-radius:24px!important;
  background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,30%),rgba(143,171,201,.11),transparent 67%),rgba(255,255,255,.015)!important;
  transform:translateY(calc((var(--i,0) - 2) * 9px));
}
html.sinco-v9 body #traces .museum-reaction-card:nth-child(1){--i:0} html.sinco-v9 body #traces .museum-reaction-card:nth-child(2){--i:1} html.sinco-v9 body #traces .museum-reaction-card:nth-child(3){--i:2} html.sinco-v9 body #traces .museum-reaction-card:nth-child(4){--i:3} html.sinco-v9 body #traces .museum-reaction-card:nth-child(5){--i:4}
html.sinco-v9 body #traces .museum-reaction-icon { width:54px!important; height:54px!important; margin-bottom:auto!important; }
html.sinco-v9 body #traces .museum-trace-explanation-grid { gap:0!important; margin-top:58px!important; border-top:1px solid rgba(159,184,213,.15); }
html.sinco-v9 body #traces .museum-trace-explanation-card { border:0!important; border-right:1px solid rgba(159,184,213,.12)!important; border-radius:0!important; background:none!important; padding:34px!important; }

/* -------------------------------------------------------------------------- */
/* 04 — CHALLENGES : controlled purple energy                                 */
/* -------------------------------------------------------------------------- */
html.sinco-v9 body #defis-creatifs {
  min-height: 880px;
  display:grid!important;
  align-content:center;
  padding:clamp(120px,13vw,190px) clamp(24px,8vw,140px)!important;
  background:
    radial-gradient(40% 50% at calc(82% - var(--v9-challenge-progress,0) * 12%) 24%, rgba(156,112,198,.20), transparent 70%),
    radial-gradient(34% 44% at 18% 80%, rgba(177,145,83,.075), transparent 72%),
    #17131d!important;
}
html.sinco-v9 body #defis-creatifs::after {
  content:'';
  position:absolute;
  width:min(54vw,760px); aspect-ratio:1;
  right:-18vw; top:50%; transform:translateY(-50%) rotate(calc(var(--v9-challenge-progress,0) * 40deg));
  border:1px solid rgba(var(--v9-violet),.15);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(var(--v9-violet),.018),0 0 0 140px rgba(var(--v9-violet),.014);
  z-index:-1;
}
html.sinco-v9 body #defis-creatifs .sinco-challenges-head { max-width:980px; }
html.sinco-v9 body #defis-creatifs .sinco-challenges-icon { width:clamp(76px,9vw,128px)!important; height:auto!important; filter:drop-shadow(0 18px 34px rgba(0,0,0,.34)); animation:v9-challenge-float 5s ease-in-out infinite; }
@keyframes v9-challenge-float { 50% { transform:translateY(-10px) rotate(3deg); } }
html.sinco-v9 body #defis-creatifs .sinco-challenges-head h2 { font-size:clamp(58px,9vw,142px)!important; line-height:.88!important; letter-spacing:-.065em!important; }
html.sinco-v9 body #defis-creatifs .sinco-challenges-body { max-width:900px!important; font-size:clamp(18px,1.8vw,23px)!important; }
html.sinco-v9 body #defis-creatifs .sinco-challenges-chips { margin-top:38px!important; }
html.sinco-v9 body #defis-creatifs .sinco-challenges-chip { border-color:rgba(var(--v9-violet),.25)!important; background:rgba(var(--v9-violet),.065)!important; }
html.sinco-v9 body #defis-creatifs .sinco-challenges-grid { grid-template-columns:1fr 1fr 1.16fr!important; gap:16px!important; margin-top:60px!important; }
html.sinco-v9 body #defis-creatifs .sinco-challenges-card {
  min-height:260px;
  padding:30px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:24px!important;
  background:radial-gradient(280px circle at var(--spot-x,50%) var(--spot-y,30%),rgba(var(--v9-violet),.13),transparent 68%),rgba(255,255,255,.018)!important;
}

/* -------------------------------------------------------------------------- */
/* 05 — APP SCREENSHOTS : depth fan that resolves as you scroll               */
/* -------------------------------------------------------------------------- */
html.sinco-v9 body .site-screenshot-gallery {
  position:relative!important;
  min-height: min(1040px, 105svh);
  display:grid!important;
  grid-template-columns:minmax(240px,.72fr) repeat(4,minmax(150px,1fr))!important;
  align-items:center!important;
  gap:clamp(10px,1.7vw,26px)!important;
  padding:clamp(100px,10vw,160px) clamp(20px,6vw,100px)!important;
  background:
    radial-gradient(50% 70% at 50% 45%,rgba(109,119,135,.10),transparent 72%),
    #0c0d11!important;
  perspective:1600px;
}
html.sinco-v9 body .v9-gallery-title { align-self:center; padding-right:20px; }
html.sinco-v9 body .v9-gallery-title span { display:block; margin-bottom:16px; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#9fa8b4; }
html.sinco-v9 body .v9-gallery-title strong { display:block; font-size:clamp(34px,3.8vw,60px); line-height:1.03; font-weight:470; letter-spacing:-.045em; }
html.sinco-v9 body .site-screenshot-card {
  position:relative;
  margin:0!important;
  border-radius:clamp(18px,2vw,30px)!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09)!important;
  background:#15161b!important;
  box-shadow:0 38px 85px rgba(0,0,0,.36)!important;
  transform-style:preserve-3d;
  transition:filter .3s ease;
}
html.sinco-v9.v9-motion body .site-screenshot-card:nth-of-type(1) { transform:translate3d(0,calc((.5 - var(--v9-gallery-progress,.5))*55px),0) rotateY(9deg) rotateZ(-2.8deg); }
html.sinco-v9.v9-motion body .site-screenshot-card:nth-of-type(2) { transform:translate3d(0,calc((.5 - var(--v9-gallery-progress,.5))*-38px),30px) rotateY(3deg) rotateZ(1.3deg); }
html.sinco-v9.v9-motion body .site-screenshot-card:nth-of-type(3) { transform:translate3d(0,calc((.5 - var(--v9-gallery-progress,.5))*48px),30px) rotateY(-3deg) rotateZ(-1.2deg); }
html.sinco-v9.v9-motion body .site-screenshot-card:nth-of-type(4) { transform:translate3d(0,calc((.5 - var(--v9-gallery-progress,.5))*-62px),0) rotateY(-9deg) rotateZ(2.5deg); }
html.sinco-v9 body .site-screenshot-card img { display:block; width:100%; height:auto; }
html.sinco-v9 body .site-screenshot-gallery:hover .site-screenshot-card { filter:brightness(.72) saturate(.88); }
html.sinco-v9 body .site-screenshot-gallery .site-screenshot-card:hover { filter:brightness(1.04) saturate(1.02); z-index:5; }

/* -------------------------------------------------------------------------- */
/* 06 — HUMAN CREATION : typography becomes the motion                        */
/* -------------------------------------------------------------------------- */
html.sinco-v9 body #creation {
  min-height: 92svh;
  display:grid!important;
  align-content:center;
  overflow:hidden;
  padding:clamp(130px,15vw,230px) clamp(26px,8vw,140px)!important;
  background:
    radial-gradient(46% 72% at 82% 42%,rgba(var(--v9-gold),.09),transparent 72%),
    #ece8ef!important;
  color:#17151a!important;
}
html.sinco-v9 body #creation .eyebrow { color:#615866!important; }
html.sinco-v9 body #creation h2 { max-width:980px; font-size:clamp(54px,7.4vw,116px)!important; line-height:.93!important; letter-spacing:-.062em!important; color:#17151a!important; }
html.sinco-v9 body #creation h2 strong { color:#725891!important; }
html.sinco-v9 body #creation .editorial-two-columns { max-width:1100px; margin-top:44px; gap:clamp(32px,7vw,100px)!important; }
html.sinco-v9 body #creation p { color:#403a43!important; font-size:clamp(16px,1.45vw,19px)!important; }
html.sinco-v9 body #creation .inline-link { color:#4d3a62!important; border-color:#7a6591!important; }
html.sinco-v9 body .v9-human-band {
  position:absolute;
  left:-8vw; right:-8vw; top:11%;
  overflow:hidden;
  opacity:.055;
  transform:rotate(-4deg);
  pointer-events:none;
}
html.sinco-v9 body .v9-human-track {
  width:max-content;
  display:flex;
  gap:clamp(35px,5vw,90px);
  transform:translate3d(calc(-18% + var(--v9-human-progress,.5) * 22%),0,0);
  will-change:transform;
}
html.sinco-v9 body .v9-human-track span { font-size:clamp(76px,13vw,210px); line-height:.8; font-weight:800; letter-spacing:-.06em; white-space:nowrap; }

/* -------------------------------------------------------------------------- */
/* 07 — INFO + DESTINATIONS : magazine cards with local reaction              */
/* -------------------------------------------------------------------------- */
html.sinco-v9 body .editorial-section-grid {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:0!important;
  padding:0!important;
  background:#101116!important;
}
html.sinco-v9 body .editorial-section-grid .editorial-card {
  min-height:560px;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-end;
  gap:18px!important;
  padding:clamp(54px,7vw,100px)!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  background:radial-gradient(420px circle at var(--spot-x,70%) var(--spot-y,30%),rgba(var(--v9-violet),.10),transparent 68%),transparent!important;
}
html.sinco-v9 body .editorial-section-grid .editorial-card h2 { font-size:clamp(38px,4.2vw,64px)!important; line-height:1.03!important; }
html.sinco-v9 body .editorial-section-grid .editorial-card p { max-width:600px; }
html.sinco-v9 body .editorial-section-grid .editorial-card .inline-link { grid-column:auto!important; }

html.sinco-v9 body .journey-destination {
  min-height:72svh;
  display:grid!important;
  grid-template-columns:minmax(100px,.35fr) minmax(0,1.65fr)!important;
  align-items:center;
  padding:clamp(90px,11vw,170px) clamp(26px,8vw,140px)!important;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.06)!important;
  background:#111218!important;
  perspective:1200px;
}
html.sinco-v9 body .journey-destination:nth-of-type(even) { background:#15121a!important; }
html.sinco-v9 body .journey-destination-marker {
  width:1px!important;
  height:clamp(160px,30vh,320px)!important;
  background:linear-gradient(transparent,rgba(var(--site-category-accent-rgb,var(--v9-violet)),.75),transparent)!important;
  box-shadow:0 0 24px rgba(var(--site-category-accent-rgb,var(--v9-violet)),.16);
}
html.sinco-v9 body .journey-destination-copy { max-width:1000px; }
html.sinco-v9 body .journey-destination h2 { font-size:clamp(46px,6.2vw,96px)!important; line-height:.98!important; }
html.sinco-v9 body .journey-destination p { max-width:720px; font-size:clamp(17px,1.6vw,21px)!important; }

/* -------------------------------------------------------------------------- */
/* 10 — FINAL CTA : simple, bright, memorable                                 */
/* -------------------------------------------------------------------------- */
html.sinco-v9 body #telecharger {
  min-height:88svh;
  display:grid!important;
  grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr)!important;
  grid-template-rows:auto auto;
  align-content:center;
  gap:22px clamp(50px,8vw,120px)!important;
  padding:clamp(120px,14vw,210px) clamp(26px,8vw,140px)!important;
  background:
    radial-gradient(52% 68% at 18% 50%,rgba(var(--v9-violet),.18),transparent 72%),
    radial-gradient(30% 44% at 86% 72%,rgba(var(--v9-gold),.07),transparent 74%),
    #0d0e12!important;
}
html.sinco-v9 body #telecharger .app-download-logo {
  grid-column:1;
  grid-row:1 / span 2;
  width:min(100%,430px)!important;
  justify-self:center;
  filter:drop-shadow(0 32px 60px rgba(0,0,0,.42));
  animation:v9-final-logo 7s ease-in-out infinite;
}
@keyframes v9-final-logo { 50% { transform:translateY(-12px) rotate(-2deg) scale(1.025); } }
html.sinco-v9 body #telecharger > div:not(.app-download-actions) { grid-column:2; }
html.sinco-v9 body #telecharger h2 { font-size:clamp(48px,6.2vw,96px)!important; line-height:.98!important; }
html.sinco-v9 body #telecharger p { max-width:760px; font-size:clamp(17px,1.5vw,20px)!important; }
html.sinco-v9 body #telecharger .app-download-actions { grid-column:2; }

/* Reactive cards: spotlight + actual micro-tilt on desktop. */
html.sinco-v9 body .v9-reactive-card {
  --spot-x:50%; --spot-y:50%; --tilt-x:0deg; --tilt-y:0deg;
  transform-style:preserve-3d;
  transition:transform .28s cubic-bezier(.2,.75,.2,1),border-color .25s ease,box-shadow .25s ease!important;
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  html.sinco-v9 body .v9-reactive-card:hover {
    transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-4px);
    border-color:rgba(var(--site-category-accent-rgb,var(--v9-violet)),.30)!important;
    box-shadow:0 26px 70px rgba(0,0,0,.20)!important;
  }
}
html.sinco-v9 body .v9-magnet { transform:translate3d(var(--magnet-x,0),var(--magnet-y,0),0); transition:transform .22s cubic-bezier(.2,.8,.2,1)!important; }
html.sinco-v9 body .v9-specular { position:relative!important; overflow:hidden; isolation:isolate; }
html.sinco-v9 body .v9-specular::after {
  content:'';
  position:absolute;
  inset:-1px;
  z-index:3;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(140px circle at var(--shine-x,50%) var(--shine-y,50%),rgba(255,255,255,.23),rgba(212,198,232,.08) 35%,transparent 70%);
  transition:opacity .22s ease;
}
html.sinco-v9 body .v9-specular:hover::after { opacity:1; }

/* Scroll reveals: visible movement on both desktop and portrait. */
html.sinco-v9.sinco-v9-ready body .v9-reveal {
  opacity:0;
  filter:blur(12px);
  transform:translate3d(0,34px,0) scale(.985);
  transition:opacity .78s cubic-bezier(.16,.78,.18,1),filter .9s cubic-bezier(.16,.78,.18,1),transform .9s cubic-bezier(.16,.78,.18,1);
  transition-delay:var(--reveal-delay,0ms);
}
html.sinco-v9.sinco-v9-ready body .v9-reveal.is-visible { opacity:1; filter:blur(0); transform:none; }

/* -------------------------------------------------------------------------- */
/* Portrait / phone: animation remains present; composition simplifies.       */
/* -------------------------------------------------------------------------- */
@media (max-width: 759px) {
  html.sinco-v9 body .v9-scene-number { top:22px; right:18px; }
  html.sinco-v9.v9-motion body .journey-intro { height:145svh; }
  html.sinco-v9 body .journey-stage { height:100svh; min-height:100svh!important; padding:128px 24px 74px!important; }
  html.sinco-v9 body .journey-caption { left:24px!important; right:24px!important; top:104px!important; }
  html.sinco-v9 body .journey-heading { width:100%; z-index:3; transform:translate3d(0,calc(var(--v9-intro,0) * -28px),0); }
  html.sinco-v9 body .journey-heading h1 { font-size:clamp(64px,20vw,112px)!important; line-height:.86!important; }
  html.sinco-v9 body .journey-overline { max-width:none; }
  html.sinco-v9 body .journey-emblem {
    width:72vw!important;
    right:-21vw!important;
    top:55%!important;
    opacity:.42;
    transform:translate3d(calc(var(--v9-intro,0) * -18px),calc(-50% + var(--v9-intro,0) * -18px),0) rotate(calc(-9deg + var(--v9-intro,0)*10deg)) scale(calc(1 - var(--v9-intro,0)*.08))!important;
  }
  html.sinco-v9 body .v9-orbit { width:98vw; right:-48vw; }
  html.sinco-v9 body .v9-aurora-a { width:120vw; height:120vw; right:-65vw; top:4vh; opacity:.52; }
  html.sinco-v9 body .v9-aurora-b { width:95vw; height:95vw; left:-55vw; bottom:-5vh; }
  html.sinco-v9 body .journey-baseline { left:24px!important; right:24px!important; }

  html.sinco-v9 body .editorial-home > #intention { min-height:auto; grid-template-columns:1fr!important; gap:24px!important; padding:100px 24px 110px!important; }
  html.sinco-v9 body #intention .editorial-hero-logo-stage { grid-column:1!important; grid-row:auto!important; min-height:300px; order:-1; }
  html.sinco-v9 body #intention .editorial-hero-logo { width:min(72vw,330px)!important; }
  html.sinco-v9 body #intention .editorial-title-tagline { font-size:clamp(34px,10.4vw,52px)!important; }

  html.sinco-v9 body #demarche { padding:100px 24px 130px!important; }
  html.sinco-v9 body #demarche .sinco-purpose-intro { grid-template-columns:1fr!important; gap:24px!important; }
  html.sinco-v9 body #demarche .sinco-purpose-intro h2 { font-size:clamp(39px,11vw,58px)!important; }
  html.sinco-v9 body #demarche .sinco-purpose-museum-callout { width:100%; margin-top:40px!important; }
  html.sinco-v9 body #demarche .sinco-purpose-grid { grid-template-columns:1fr!important; gap:16px!important; }
  html.sinco-v9 body #demarche .sinco-purpose-card { min-height:250px; transform:none!important; }

  html.sinco-v9 body #fonctionnement { padding:100px 20px 120px!important; }
  html.sinco-v9 body #fonctionnement .museum-hero-panel { min-height:auto; grid-template-columns:1fr!important; gap:42px!important; }
  html.sinco-v9 body #fonctionnement .museum-hero-copy h2 { font-size:clamp(40px,11.5vw,60px)!important; }
  html.sinco-v9 body #fonctionnement .museum-tutorial-preview { min-height:auto; padding:28px!important; }

  /* The stack remains real in portrait: three cards enter a sticky viewport. */
  html.sinco-v9.v9-motion body .journey-process { height:300svh!important; margin:70px 0 80px!important; }
  html.sinco-v9.v9-motion body .journey-process-window { top:82px!important; height:calc(100svh - 104px)!important; min-height:520px; }
  html.sinco-v9 body .journey-process-label { top:12px!important; font-size:9px!important; letter-spacing:.16em!important; }
  html.sinco-v9 body .v9-stack-counter { top:0; }
  html.sinco-v9 body .v9-stack-counter strong { font-size:30px; }
  html.sinco-v9.v9-motion body .journey-process .museum-guide-card {
    inset:56px 0 18px!important;
    padding:118px 24px 30px!important;
    border-radius:24px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
  }
  html.sinco-v9.v9-motion body .journey-process .museum-guide-card-top { grid-column:auto!important; grid-row:auto!important; }
  html.sinco-v9.v9-motion body .journey-process .museum-step-number {
    left:18px!important; top:18px!important; transform:none!important;
    font-size:112px!important; color:rgba(159,184,213,.29)!important;
  }
  html.sinco-v9.v9-motion body .journey-process .museum-icon-tile { right:18px!important; top:18px!important; display:grid!important; }
  html.sinco-v9.v9-motion body .journey-process h3 { font-size:clamp(34px,9vw,44px)!important; }
  html.sinco-v9.v9-motion body .journey-process p { font-size:15px!important; }
  html.sinco-v9.v9-motion body .journey-process .museum-callout-row { padding:10px 0!important; }
  html.sinco-v9 body #traces .museum-traces-heading { grid-template-columns:1fr!important; }
  html.sinco-v9 body #traces .museum-reaction-grid { grid-template-columns:1fr 1fr!important; gap:12px!important; }
  html.sinco-v9 body #traces .museum-reaction-card { min-height:210px; transform:none!important; }
  html.sinco-v9 body #traces .museum-trace-explanation-grid { grid-template-columns:1fr!important; }
  html.sinco-v9 body #traces .museum-trace-explanation-card { border-right:0!important; border-bottom:1px solid rgba(159,184,213,.12)!important; }

  html.sinco-v9 body #defis-creatifs { min-height:auto; padding:110px 24px 125px!important; }
  html.sinco-v9 body #defis-creatifs .sinco-challenges-head h2 { font-size:clamp(62px,18vw,92px)!important; }
  html.sinco-v9 body #defis-creatifs .sinco-challenges-grid { grid-template-columns:1fr!important; }
  html.sinco-v9 body #defis-creatifs .sinco-challenges-card { min-height:210px; }

  html.sinco-v9 body .site-screenshot-gallery {
    min-height:auto;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
    padding:100px 20px 120px!important;
    perspective:none;
  }
  html.sinco-v9 body .v9-gallery-title { grid-column:1 / -1; padding:0 4px 28px; }
  html.sinco-v9 body .v9-gallery-title strong { font-size:clamp(38px,11vw,56px); }
  html.sinco-v9.v9-motion body .site-screenshot-card:nth-of-type(n) { transform:none!important; margin:0!important; }
  html.sinco-v9 body .site-screenshot-card:nth-of-type(even) { transform:translateY(34px)!important; }

  html.sinco-v9 body #creation { min-height:auto; padding:130px 24px 140px!important; }
  html.sinco-v9 body #creation h2 { font-size:clamp(52px,15vw,78px)!important; }
  html.sinco-v9 body #creation .editorial-two-columns { grid-template-columns:1fr!important; gap:20px!important; }
  html.sinco-v9 body .v9-human-band { top:7%; }

  html.sinco-v9 body .editorial-section-grid { grid-template-columns:1fr!important; }
  html.sinco-v9 body .editorial-section-grid .editorial-card { min-height:460px; padding:70px 24px!important; border-right:0!important; border-bottom:1px solid rgba(255,255,255,.07)!important; }
  html.sinco-v9 body .editorial-section-grid .editorial-card h2 { font-size:clamp(39px,11vw,58px)!important; }

  html.sinco-v9 body .journey-destination { min-height:72svh; grid-template-columns:34px 1fr!important; padding:90px 24px!important; gap:22px; }
  html.sinco-v9 body .journey-destination h2 { font-size:clamp(43px,12.5vw,64px)!important; }
  html.sinco-v9 body .journey-destination-marker { height:200px!important; }

  html.sinco-v9 body #telecharger { min-height:auto; grid-template-columns:1fr!important; gap:30px!important; padding:115px 24px 130px!important; text-align:left!important; }
  html.sinco-v9 body #telecharger .app-download-logo { grid-column:1!important; grid-row:auto!important; width:min(66vw,320px)!important; justify-self:start; }
  html.sinco-v9 body #telecharger > div:not(.app-download-actions),
  html.sinco-v9 body #telecharger .app-download-actions { grid-column:1!important; }
  html.sinco-v9 body #telecharger h2 { font-size:clamp(46px,13vw,68px)!important; }
}

@media (max-width: 390px) {
  html.sinco-v9 body .journey-heading h1 { font-size:clamp(59px,19vw,78px)!important; }
  html.sinco-v9 body #traces .museum-reaction-grid { grid-template-columns:1fr!important; }
  html.sinco-v9 body .site-screenshot-gallery { gap:10px!important; }
}

@media (orientation: landscape) and (max-height: 650px) and (max-width: 980px) {
  html.sinco-v9.v9-motion body .journey-intro { height:145svh; }
  html.sinco-v9 body .journey-stage { min-height:650px!important; height:650px!important; padding-top:110px!important; }
  html.sinco-v9.v9-motion body .journey-process { height:auto!important; }
  html.sinco-v9.v9-motion body .journey-process-window { position:relative!important; top:auto!important; height:auto!important; min-height:0!important; overflow:visible!important; }
  html.sinco-v9.v9-motion body .journey-process .museum-guide-grid { display:grid!important; height:auto!important; }
  html.sinco-v9.v9-motion body .journey-process .museum-guide-card { position:relative!important; inset:auto!important; transform:none!important; opacity:1!important; filter:none!important; margin-bottom:18px; }
}

@media (prefers-reduced-motion: reduce) {
  html.sinco-v9 body .v9-aurora,
  html.sinco-v9 body #intention .editorial-hero-logo,
  html.sinco-v9 body #intention .editorial-hero-logo-stage::after,
  html.sinco-v9 body #defis-creatifs .sinco-challenges-icon,
  html.sinco-v9 body #telecharger .app-download-logo,
  html.sinco-v9 body .journey-process .museum-guide-card::before { animation:none!important; }
  html.sinco-v9 body .v9-title-word,
  html.sinco-v9 body .v9-reveal { opacity:1!important; filter:none!important; transform:none!important; transition:none!important; animation:none!important; }
  html.sinco-v9 body .journey-intro { height:auto!important; }
  html.sinco-v9 body .journey-stage { position:relative!important; height:auto!important; min-height:100svh!important; }
  html.sinco-v9 body .journey-process { height:auto!important; }
  html.sinco-v9 body .journey-process-window { position:relative!important; top:auto!important; height:auto!important; min-height:0!important; overflow:visible!important; }
  html.sinco-v9 body .journey-process .museum-guide-grid { display:grid!important; height:auto!important; }
  html.sinco-v9 body .journey-process .museum-guide-card { position:relative!important; inset:auto!important; transform:none!important; opacity:1!important; filter:none!important; margin-bottom:18px!important; }
  html.sinco-v9 body .v9-human-track { transform:none!important; }
}

/* V9 layout guard: the legacy homepage used content-visibility:auto to skip
   off-screen painting. That is incompatible with scroll-linked sticky scenes
   because the browser substitutes intrinsic heights before those scenes enter
   the viewport. Keep the home document flow authoritative. */
html.sinco-v9 body .editorial-home,
html.sinco-v9 body .editorial-home > *,
html.sinco-v9 body .editorial-home #fonctionnement,
html.sinco-v9 body .editorial-home .journey-process,
html.sinco-v9 body .editorial-home .museum-traces-panel,
html.sinco-v9 body .editorial-home .site-screenshot-gallery,
html.sinco-v9 body .editorial-home .app-download-callout {
  content-visibility: visible !important;
  contain: none !important;
  contain-intrinsic-size: auto !important;
}

/* ========================================================================== */
/* SINCO HOME V10 — coherence + mobile motion + continuous timeline           */
/* ========================================================================== */

html.sinco-v10 body .v9-scene-number { display:none!important; }

/* -------------------------------------------------------------------------- */
/* Local aurora fields — alive on desktop pointer and mobile scroll            */
/* -------------------------------------------------------------------------- */
html.sinco-v10 body .v10-ambient-section {
  position:relative;
  isolation:isolate;
  --ambient-x:76%;
  --ambient-y:28%;
  --ambient-scroll-x:0px;
  --ambient-scroll-y:0px;
}
html.sinco-v10 body .v10-ambient-section > :not(.v10-ambient-light) { position:relative; z-index:1; }
html.sinco-v10 body .v10-ambient-light {
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}
html.sinco-v10 body .v10-ambient-blob {
  position:absolute;
  border-radius:50%;
  filter:blur(54px) saturate(118%);
  mix-blend-mode:screen;
  will-change:transform;
  transition:left .22s ease-out, top .22s ease-out;
}
html.sinco-v10 body .v10-ambient-primary {
  width:min(58vw,760px);
  aspect-ratio:1;
  left:calc(var(--ambient-x) - min(29vw,380px));
  top:calc(var(--ambient-y) - min(29vw,380px));
  opacity:.30;
  background:radial-gradient(circle at 50% 50%,rgba(var(--v9-violet),.32),rgba(101,77,132,.10) 44%,transparent 70%);
  transform:translate3d(var(--ambient-scroll-x),var(--ambient-scroll-y),0);
  animation:v10-ambient-breathe 12s ease-in-out infinite alternate;
}
html.sinco-v10 body .v10-ambient-secondary {
  width:min(34vw,520px);
  aspect-ratio:1;
  right:-8%;
  bottom:-18%;
  opacity:.20;
  background:radial-gradient(circle,rgba(var(--v9-silver),.28),rgba(var(--v9-gold),.08) 44%,transparent 72%);
  transform:translate3d(calc(0px - var(--ambient-scroll-x)),calc(0px - var(--ambient-scroll-y)),0);
  animation:v10-ambient-breathe-secondary 15s ease-in-out infinite alternate;
}
html.sinco-v10 body [data-v10-ambient="1"] .v10-ambient-primary {
  background:radial-gradient(circle,rgba(var(--v9-silver),.27),rgba(101,116,137,.09) 45%,transparent 72%);
}
html.sinco-v10 body [data-v10-ambient="2"] .v10-ambient-primary {
  background:radial-gradient(circle,rgba(var(--v9-violet),.26),rgba(var(--v9-gold),.07) 49%,transparent 72%);
}
@keyframes v10-ambient-breathe { to { scale:1.08; rotate:5deg; } }
@keyframes v10-ambient-breathe-secondary { to { translate:-3vw -2vh; scale:1.12; } }

/* -------------------------------------------------------------------------- */
/* Purpose path — one clean connected sequence instead of staggered cards      */
/* -------------------------------------------------------------------------- */
html.sinco-v10 body #demarche .sinco-purpose-grid {
  position:relative;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(18px,2.2vw,34px)!important;
  margin-top:clamp(58px,7vw,94px)!important;
  padding-top:36px;
}
html.sinco-v10 body #demarche .sinco-purpose-grid::before {
  content:'';
  position:absolute;
  left:calc(16.666% - 1px);
  right:calc(16.666% - 1px);
  top:15px;
  height:1px;
  background:linear-gradient(90deg,rgba(var(--v9-violet),.18),rgba(var(--v9-silver),.62) 50%,rgba(var(--v9-gold),.28));
  box-shadow:0 0 18px rgba(var(--v9-violet),.10);
}
html.sinco-v10 body #demarche .sinco-purpose-card,
html.sinco-v10 body #demarche .sinco-purpose-card:nth-child(2),
html.sinco-v10 body #demarche .sinco-purpose-card:nth-child(3) {
  min-height:310px;
  padding:34px 30px 30px!important;
  transform:none;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:24px!important;
  background:
    radial-gradient(300px circle at var(--spot-x,50%) var(--spot-y,28%),rgba(var(--v9-violet),.10),transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;
  box-shadow:0 20px 60px rgba(0,0,0,.12)!important;
}
html.sinco-v10 body #demarche .sinco-purpose-card::after {
  content:'';
  position:absolute;
  left:50%;
  top:-27px;
  width:11px;
  height:11px;
  border-radius:50%;
  transform:translateX(-50%);
  background:#dbe3ec;
  border:3px solid #17141c;
  box-shadow:0 0 0 1px rgba(var(--v9-silver),.38),0 0 16px rgba(var(--v9-violet),.25);
}
html.sinco-v10 body #demarche .sinco-purpose-card:nth-child(1)::after { background:rgb(var(--v9-violet)); }
html.sinco-v10 body #demarche .sinco-purpose-card:nth-child(3)::after { background:rgb(var(--v9-gold)); }
html.sinco-v10 body #demarche .sinco-purpose-icon {
  width:54px!important;
  height:54px!important;
  margin:0 0 auto!important;
  border-radius:16px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.075);
}
html.sinco-v10 body #demarche .sinco-purpose-card h3 { margin-top:34px!important; }
html.sinco-v10 body #demarche .sinco-purpose-museum-callout {
  border-left-color:rgba(var(--v9-violet),.55)!important;
  background:linear-gradient(90deg,rgba(var(--v9-violet),.055),transparent 70%)!important;
}

/* -------------------------------------------------------------------------- */
/* Screenshot gallery — Tilted Card inspired, but scroll-driven on touch       */
/* -------------------------------------------------------------------------- */
html.sinco-v10 body .site-screenshot-gallery {
  grid-template-columns:minmax(250px,.72fr) repeat(4,minmax(150px,1fr))!important;
}
html.sinco-v10 body .v9-gallery-title {
  padding-right:clamp(22px,3vw,48px)!important;
}
html.sinco-v10 body .v9-gallery-title strong {
  max-width:360px;
  font-size:clamp(38px,4.5vw,70px)!important;
  line-height:.98!important;
}
html.sinco-v10 body .site-screenshot-card {
  --v10-gallery-rx:0deg;
  --v10-gallery-ry:0deg;
  --v10-gallery-rz:0deg;
  --v10-gallery-y:0px;
  --v10-gallery-scale:1;
  --v10-base-ry:0deg;
  --v10-base-rz:0deg;
  --v10-base-z:0px;
  outline:none;
  will-change:transform;
  transform:
    translate3d(0,var(--v10-gallery-y),var(--v10-base-z))
    rotateX(var(--v10-gallery-rx))
    rotateY(calc(var(--v10-base-ry) + var(--v10-gallery-ry)))
    rotateZ(calc(var(--v10-base-rz) + var(--v10-gallery-rz)))
    scale(var(--v10-gallery-scale))!important;
  transition:filter .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
html.sinco-v10 body .site-screenshot-card:nth-of-type(1) { --v10-base-ry:8deg; --v10-base-rz:-2.6deg; --v10-base-z:0px; }
html.sinco-v10 body .site-screenshot-card:nth-of-type(2) { --v10-base-ry:2.5deg; --v10-base-rz:1.1deg; --v10-base-z:28px; }
html.sinco-v10 body .site-screenshot-card:nth-of-type(3) { --v10-base-ry:-2.5deg; --v10-base-rz:-1deg; --v10-base-z:28px; }
html.sinco-v10 body .site-screenshot-card:nth-of-type(4) { --v10-base-ry:-8deg; --v10-base-rz:2.4deg; --v10-base-z:0px; }
html.sinco-v10 body .site-screenshot-card::after {
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background:radial-gradient(250px circle at var(--v10-gallery-light-x,50%) var(--v10-gallery-light-y,35%),rgba(255,255,255,.20),rgba(var(--v9-violet),.07) 35%,transparent 70%);
  transition:opacity .25s ease;
}
html.sinco-v10 body .site-screenshot-card:hover,
html.sinco-v10 body .site-screenshot-card:focus-visible {
  z-index:8;
  filter:brightness(1.05) saturate(1.03)!important;
  border-color:rgba(var(--v9-violet),.32)!important;
  box-shadow:0 44px 100px rgba(0,0,0,.46),0 0 0 1px rgba(var(--v9-violet),.08)!important;
}
html.sinco-v10 body .site-screenshot-card:hover::after,
html.sinco-v10 body .site-screenshot-card:focus-visible::after { opacity:.82; }

/* -------------------------------------------------------------------------- */
/* Bottom timeline — continuous position + expanded chapter map                */
/* -------------------------------------------------------------------------- */
html.sinco-v10 body .journey-rail.v10-timeline {
  --timeline-position:0%;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  z-index:9998!important;
  width:min(470px,calc(100vw - 40px))!important;
  min-width:0!important;
  height:auto!important;
  display:block!important;
  gap:0!important;
  padding:6px 14px!important;
  border:1px solid rgba(var(--site-category-accent-rgb,var(--v9-violet)),.36)!important;
  border-radius:22px!important;
  transform:translateX(-50%)!important;
  background:rgba(13,14,18,.78)!important;
  box-shadow:0 16px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important;
  backdrop-filter:blur(20px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(135%)!important;
  overflow:hidden;
  transition:width .42s cubic-bezier(.16,.8,.2,1),padding .35s ease,border-radius .35s ease,background .35s ease!important;
}
html.sinco-v10 body .v10-timeline-toggle {
  position:relative;
  display:block;
  width:100%;
  height:38px;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  font:inherit;
  cursor:pointer;
}
html.sinco-v10 body .v10-timeline-track {
  position:absolute;
  left:4px;
  right:4px;
  top:50%;
  height:1px;
  transform:translateY(-50%);
}
html.sinco-v10 body .v10-timeline-line {
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(var(--site-category-accent-rgb,var(--v9-violet)),.72),rgba(255,255,255,.18) 52%,rgba(var(--v9-gold),.30));
  opacity:.72;
}
html.sinco-v10 body .v10-timeline-dot {
  position:absolute;
  left:var(--timeline-position);
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:rgb(var(--site-category-accent-rgb,var(--v9-violet)));
  box-shadow:0 0 0 4px rgba(13,14,18,.96),0 0 15px rgba(var(--site-category-accent-rgb,var(--v9-violet)),.42);
  transition:background .3s ease,box-shadow .3s ease;
}
html.sinco-v10 body .journey-rail.v10-timeline .journey-rail-label {
  position:absolute!important;
  left:var(--timeline-position)!important;
  top:50%!important;
  width:max-content!important;
  max-width:min(210px,48vw)!important;
  height:auto!important;
  padding:5px 9px!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  border:0!important;
  border-radius:8px!important;
  transform:translate(calc(0% - var(--timeline-position)),-50%)!important;
  background:rgba(13,14,18,.97)!important;
  color:#eef1f5!important;
  font-size:10.5px!important;
  font-weight:650!important;
  letter-spacing:.055em!important;
  line-height:1.2!important;
  text-transform:none!important;
  box-shadow:0 0 0 5px rgba(13,14,18,.88)!important;
  pointer-events:none;
}
html.sinco-v10 body .v10-timeline-menu {
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:4px;
  max-height:0;
  padding:0;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:max-height .36s cubic-bezier(.16,.8,.2,1),opacity .25s ease,transform .36s cubic-bezier(.16,.8,.2,1),padding .36s ease;
}
html.sinco-v10 body .v10-timeline-menu a {
  display:flex!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  align-items:center;
  justify-content:center;
  padding:10px 7px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:rgba(231,234,240,.58)!important;
  font-size:9.5px!important;
  line-height:1.15!important;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
html.sinco-v10 body .v10-timeline-menu a:hover,
html.sinco-v10 body .v10-timeline-menu a:focus-visible,
html.sinco-v10 body .v10-timeline-menu a[aria-current] {
  color:#f4f1f7!important;
  background:rgba(var(--site-category-accent-rgb,var(--v9-violet)),.13)!important;
}
html.sinco-v10 body .v10-timeline-menu a[aria-current] {
  box-shadow:inset 0 0 0 1px rgba(var(--site-category-accent-rgb,var(--v9-violet)),.24);
}
@media (hover:hover) and (pointer:fine) {
  html.sinco-v10 body .journey-rail.v10-timeline:hover,
  html.sinco-v10 body .journey-rail.v10-timeline:focus-within,
  html.sinco-v10 body .journey-rail.v10-timeline.is-expanded {
    width:min(1040px,calc(100vw - 48px))!important;
    padding:8px 16px 10px!important;
    border-radius:24px!important;
    background:rgba(13,14,18,.91)!important;
  }
  html.sinco-v10 body .journey-rail.v10-timeline:hover .v10-timeline-menu,
  html.sinco-v10 body .journey-rail.v10-timeline:focus-within .v10-timeline-menu,
  html.sinco-v10 body .journey-rail.v10-timeline.is-expanded .v10-timeline-menu {
    max-height:62px;
    padding-top:4px;
    opacity:1;
    transform:none;
    pointer-events:auto;
  }
}

/* -------------------------------------------------------------------------- */
/* Touch / portrait: keep motion rather than turning it into a static fallback */
/* -------------------------------------------------------------------------- */
@media (max-width:759px) {
  html.sinco-v10 body #demarche .sinco-purpose-grid {
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:0 0 0 34px!important;
    margin-top:52px!important;
  }
  html.sinco-v10 body #demarche .sinco-purpose-grid::before {
    left:9px;
    right:auto;
    top:26px;
    bottom:26px;
    width:1px;
    height:auto;
    background:linear-gradient(180deg,rgba(var(--v9-violet),.55),rgba(var(--v9-silver),.44),rgba(var(--v9-gold),.38));
  }
  html.sinco-v10 body #demarche .sinco-purpose-card,
  html.sinco-v10 body #demarche .sinco-purpose-card:nth-child(2),
  html.sinco-v10 body #demarche .sinco-purpose-card:nth-child(3) {
    min-height:220px;
    padding:28px 24px!important;
  }
  html.sinco-v10 body #demarche .sinco-purpose-card::after {
    left:-30px;
    top:35px;
    transform:none;
  }
  html.sinco-v10 body #demarche .sinco-purpose-card h3 { margin-top:24px!important; }

  html.sinco-v10 body .site-screenshot-gallery {
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
    padding:100px 20px 126px!important;
    perspective:1000px!important;
  }
  html.sinco-v10 body .v9-gallery-title {
    grid-column:1 / -1;
    padding:0 4px 34px!important;
  }
  html.sinco-v10 body .v9-gallery-title strong {
    max-width:310px;
    font-size:clamp(40px,12.5vw,58px)!important;
  }
  html.sinco-v10 body .site-screenshot-card:nth-of-type(1) { --v10-base-ry:3deg; --v10-base-rz:-1.4deg; --v10-base-z:0px; }
  html.sinco-v10 body .site-screenshot-card:nth-of-type(2) { --v10-base-ry:-2deg; --v10-base-rz:1.1deg; --v10-base-z:18px; }
  html.sinco-v10 body .site-screenshot-card:nth-of-type(3) { --v10-base-ry:2deg; --v10-base-rz:-.9deg; --v10-base-z:18px; }
  html.sinco-v10 body .site-screenshot-card:nth-of-type(4) { --v10-base-ry:-3deg; --v10-base-rz:1.5deg; --v10-base-z:0px; }
  html.sinco-v10 body .site-screenshot-card::after { opacity:.28; }

  html.sinco-v10 body .journey-rail.v10-timeline {
    bottom:10px!important;
    width:calc(100vw - 24px)!important;
    padding:5px 12px!important;
    border-radius:19px!important;
  }
  html.sinco-v10 body .v10-timeline-toggle { height:36px; }
  html.sinco-v10 body .journey-rail.v10-timeline .journey-rail-label {
    max-width:48vw!important;
    font-size:9.3px!important;
    padding:4px 7px!important;
  }
  html.sinco-v10 body .journey-rail.v10-timeline.is-expanded {
    padding:8px 12px 12px!important;
    border-radius:22px!important;
    background:rgba(13,14,18,.95)!important;
  }
  html.sinco-v10 body .journey-rail.v10-timeline.is-expanded .v10-timeline-menu {
    grid-template-columns:1fr 1fr;
    gap:5px;
    max-height:245px;
    padding-top:8px;
    opacity:1;
    transform:none;
    pointer-events:auto;
  }
  html.sinco-v10 body .v10-timeline-menu a {
    justify-content:flex-start;
    min-height:38px!important;
    padding:8px 10px!important;
    text-align:left;
    font-size:9.8px!important;
  }

  html.sinco-v10 body .v10-ambient-primary {
    width:120vw;
    left:calc(var(--ambient-x) - 60vw);
    top:calc(var(--ambient-y) - 60vw);
    opacity:.24;
    filter:blur(46px) saturate(112%);
  }
  html.sinco-v10 body .v10-ambient-secondary {
    width:88vw;
    opacity:.16;
  }
}

/* Keep the 1→2→3 sticky stack active on phone landscape as well. */
@media (orientation:landscape) and (max-height:650px) and (max-width:980px) and (prefers-reduced-motion:no-preference) {
  html.sinco-v10.v9-motion body .journey-process { height:300svh!important; margin:54px 0 70px!important; }
  html.sinco-v10.v9-motion body .journey-process-window {
    position:sticky!important;
    top:68px!important;
    height:calc(100svh - 82px)!important;
    min-height:300px!important;
    overflow:hidden!important;
  }
  html.sinco-v10.v9-motion body .journey-process .museum-guide-grid { display:block!important; height:100%!important; }
  html.sinco-v10.v9-motion body .journey-process .museum-guide-card {
    position:absolute!important;
    inset:38px 0 10px!important;
    min-height:0!important;
    margin:0!important;
    padding:55px 8% 22px 28%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  html.sinco-v10.v9-motion body .journey-process .museum-step-number {
    left:3%!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    font-size:clamp(100px,20vw,170px)!important;
  }
  html.sinco-v10.v9-motion body .journey-process .museum-icon-tile { right:18px!important; top:16px!important; }
  html.sinco-v10.v9-motion body .journey-process h3 { font-size:clamp(30px,5.8vw,50px)!important; }
  html.sinco-v10.v9-motion body .journey-process p { font-size:13px!important; line-height:1.4!important; }
  html.sinco-v10.v9-motion body .journey-process .museum-callout-row,
  html.sinco-v10.v9-motion body .journey-process .museum-filter-row { margin-top:8px!important; padding:7px 0!important; font-size:11px!important; }
}

@media (prefers-reduced-motion:reduce) {
  html.sinco-v10 body .v10-ambient-blob { animation:none!important; transform:none!important; }
  html.sinco-v10 body .site-screenshot-card { transform:none!important; transition:none!important; }
  html.sinco-v10 body .journey-rail.v10-timeline { transition:none!important; }
}


/* ========================================================================== */
/* SINCO HOME V11 — 3D reactions + screenshot lightbox + minimal section map  */
/* ========================================================================== */

/* The background aurora now follows the pointer without the V10 220 ms lag. */
html.sinco-v11 body .v10-ambient-blob {
  transition:none!important;
}

/* -------------------------------------------------------------------------- */
/* Five Trace reactions — horizontal, touch-native, scroll-linked 3D carousel */
/* -------------------------------------------------------------------------- */
html.sinco-v11 body #traces .museum-reaction-grid.v11-reaction-carousel {
  --reaction-card-width:clamp(220px,22vw,310px);
  display:flex!important;
  grid-template-columns:none!important;
  gap:clamp(12px,1.6vw,22px)!important;
  width:100%;
  max-width:none!important;
  margin-top:clamp(48px,6vw,78px)!important;
  padding:38px max(22px,calc((100% - var(--reaction-card-width))/2)) 46px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:max(22px,calc((100% - var(--reaction-card-width))/2));
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
  perspective:1200px;
  cursor:grab;
  outline:none;
}
html.sinco-v11 body #traces .museum-reaction-grid.v11-reaction-carousel:active { cursor:grabbing; }
html.sinco-v11 body #traces .museum-reaction-grid.v11-reaction-carousel::-webkit-scrollbar { display:none; }
html.sinco-v11 body #traces .v11-reaction-carousel .museum-reaction-card {
  --reaction-position:0;
  --reaction-distance:0;
  flex:0 0 var(--reaction-card-width)!important;
  width:var(--reaction-card-width)!important;
  min-width:0!important;
  min-height:272px!important;
  scroll-snap-align:center;
  scroll-snap-stop:always;
  transform-origin:center center;
  transform-style:preserve-3d;
  transform:
    perspective(1000px)
    translate3d(0,calc(var(--reaction-distance) * 18px),calc((1 - var(--reaction-distance)) * 42px))
    rotateY(calc(var(--reaction-position) * -13deg))
    scale(calc(1 - var(--reaction-distance) * .075))!important;
  opacity:calc(1 - var(--reaction-distance) * .24);
  filter:saturate(calc(1 - var(--reaction-distance) * .12)) brightness(calc(1 - var(--reaction-distance) * .08));
  transition:border-color .22s ease,box-shadow .22s ease,opacity .12s linear,filter .12s linear!important;
  will-change:transform,opacity,filter;
}
html.sinco-v11 body #traces .v11-reaction-carousel .museum-reaction-card::before {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:calc((1 - var(--reaction-distance)) * .58);
  background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,34%),rgba(var(--v9-silver),.16),rgba(var(--v9-violet),.055) 38%,transparent 72%);
}
html.sinco-v11 body #traces .v11-reaction-carousel .museum-reaction-card:focus-visible {
  outline:1px solid rgba(var(--v9-silver),.68);
  outline-offset:5px;
}
html.sinco-v11 body .v11-reaction-controls {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:-12px auto 18px;
}
html.sinco-v11 body .v11-reaction-controls button {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(var(--v9-silver),.20);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  color:#e7eaf0;
  font:500 18px/1 Exo,sans-serif;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease;
}
html.sinco-v11 body .v11-reaction-controls button:hover,
html.sinco-v11 body .v11-reaction-controls button:focus-visible {
  transform:scale(1.08);
  border-color:rgba(var(--v9-silver),.48);
  background:rgba(var(--v9-violet),.08);
  outline:none;
}
html.sinco-v11 body .v11-reaction-controls button:disabled { opacity:.25; cursor:default; transform:none; }
html.sinco-v11 body .v11-reaction-status {
  min-width:48px;
  text-align:center;
  color:rgba(230,233,239,.62);
  font-size:10px;
  font-weight:650;
  letter-spacing:.12em;
  font-variant-numeric:tabular-nums;
}

/* -------------------------------------------------------------------------- */
/* Screenshots — clickable depth cards + near-fullscreen modal preview         */
/* -------------------------------------------------------------------------- */
html.sinco-v11 body .site-screenshot-card {
  cursor:zoom-in;
  touch-action:manipulation;
}
html.sinco-v11 body .site-screenshot-card:focus-visible {
  outline:2px solid rgba(var(--v9-violet),.72)!important;
  outline-offset:6px;
}
html.v11-lightbox-open,
html.v11-lightbox-open body { overflow:hidden!important; }
html.sinco-v11 body .v11-lightbox[hidden] { display:none!important; }
html.sinco-v11 body .v11-lightbox {
  position:fixed;
  inset:0;
  z-index:20050;
  display:grid;
  place-items:center;
  padding:clamp(18px,4vw,48px);
  background:rgba(6,7,10,.76);
  backdrop-filter:blur(18px) saturate(115%);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  opacity:0;
  transition:opacity .22s ease;
}
html.sinco-v11 body .v11-lightbox.is-open { opacity:1; }
html.sinco-v11 body .v11-lightbox-shell {
  position:relative;
  width:min(94vw,1060px);
  height:min(91svh,980px);
  display:grid;
  place-items:center;
  padding:clamp(16px,2.2vw,26px);
  border:1px solid rgba(255,255,255,.12);
  border-radius:clamp(22px,3vw,34px);
  background:linear-gradient(180deg,rgba(27,28,34,.92),rgba(12,13,17,.92));
  box-shadow:0 42px 120px rgba(0,0,0,.58),0 0 0 1px rgba(var(--v9-violet),.04) inset;
  transform:translateY(12px) scale(.97);
  transition:transform .24s cubic-bezier(.16,.8,.2,1);
}
html.sinco-v11 body .v11-lightbox.is-open .v11-lightbox-shell { transform:none; }
html.sinco-v11 body .v11-lightbox-image {
  display:block;
  max-width:100%;
  max-height:calc(91svh - clamp(64px,8vw,92px));
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:clamp(14px,2vw,24px);
  box-shadow:0 26px 70px rgba(0,0,0,.34);
}
html.sinco-v11 body .v11-lightbox-close {
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:rgba(11,12,15,.70);
  color:#f4f2f7;
  font:300 30px/1 Exo,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
html.sinco-v11 body .v11-lightbox-close:hover,
html.sinco-v11 body .v11-lightbox-close:focus-visible {
  transform:rotate(4deg) scale(1.06);
  background:rgba(var(--v9-violet),.18);
  border-color:rgba(var(--v9-violet),.50);
  outline:none;
}

/* -------------------------------------------------------------------------- */
/* Bottom navigation — transparent seven-point map, no thick capsule           */
/* -------------------------------------------------------------------------- */
html.sinco-v11 body .journey-rail.v11-section-map {
  --map-progress:0%;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:max(15px,env(safe-area-inset-bottom))!important;
  z-index:9998!important;
  width:min(560px,calc(100vw - 42px))!important;
  height:44px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  transform:translateX(-50%)!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
html.sinco-v11 body .v11-section-map-line {
  position:absolute;
  left:20px;
  right:20px;
  top:27px;
  height:1px;
  overflow:hidden;
  background:linear-gradient(90deg,
    rgba(137,120,181,.28) 0%,
    rgba(159,184,213,.25) 17%,
    rgba(156,112,198,.26) 33%,
    rgba(177,145,83,.25) 50%,
    rgba(173,160,100,.24) 67%,
    rgba(170,121,138,.24) 83%,
    rgba(156,126,171,.28) 100%);
  box-shadow:0 1px 0 rgba(0,0,0,.32);
  pointer-events:none;
}
html.sinco-v11 body .v11-section-map-progress {
  position:absolute;
  inset:0 auto 0 0;
  width:var(--map-progress);
  background:linear-gradient(90deg,
    rgb(137,120,181),
    rgb(159,184,213) 18%,
    rgb(156,112,198) 34%,
    rgb(177,145,83) 51%,
    rgb(173,160,100) 68%,
    rgb(170,121,138) 84%,
    rgb(156,126,171));
  opacity:.68;
  box-shadow:0 0 12px rgba(var(--site-category-accent-rgb,var(--v9-violet)),.16);
}
html.sinco-v11 body .v11-section-map-nodes {
  position:absolute;
  inset:9px 0 0;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  align-items:center;
}
html.sinco-v11 body .v11-section-map-nodes > a {
  position:relative;
  width:40px!important;
  height:40px!important;
  min-width:0!important;
  justify-self:center;
  display:grid!important;
  place-items:center;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:inherit!important;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
  outline:none;
}
html.sinco-v11 body .v11-node-dot {
  position:relative;
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgb(var(--node-rgb));
  box-shadow:0 0 0 3px rgba(10,11,14,.72),0 0 0 4px rgba(var(--node-rgb),.18);
  opacity:.72;
  transition:width .22s ease,height .22s ease,opacity .22s ease,box-shadow .22s ease,transform .22s ease;
}
html.sinco-v11 body .v11-section-map-nodes > a[aria-current] .v11-node-dot {
  width:10px;
  height:10px;
  opacity:1;
  box-shadow:0 0 0 4px rgba(10,11,14,.70),0 0 0 5px rgba(var(--node-rgb),.30),0 0 18px rgba(var(--node-rgb),.52);
}
html.sinco-v11 body .v11-section-map-nodes > a[aria-current] .v11-node-dot::after {
  content:'';
  position:absolute;
  inset:-8px;
  border:1px solid rgba(var(--node-rgb),.28);
  border-radius:50%;
  animation:v11-map-wave 2.2s ease-out infinite;
}
@keyframes v11-map-wave {
  0% { transform:scale(.65); opacity:.58; }
  72%,100% { transform:scale(1.45); opacity:0; }
}
html.sinco-v11 body .v11-section-map-nodes > a:hover .v11-node-dot,
html.sinco-v11 body .v11-section-map-nodes > a:focus-visible .v11-node-dot {
  opacity:1;
  transform:scale(1.28);
  box-shadow:0 0 0 4px rgba(10,11,14,.72),0 0 0 5px rgba(var(--node-rgb),.30),0 0 16px rgba(var(--node-rgb),.48);
}
html.sinco-v11 body .v11-section-map-label {
  position:absolute;
  left:50%;
  bottom:34px;
  width:max-content;
  max-width:min(72vw,300px);
  transform:translateX(-50%);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(238,240,245,.80);
  font-size:10px;
  font-weight:600;
  letter-spacing:.075em;
  line-height:1.2;
  text-shadow:0 2px 12px rgba(0,0,0,.72);
  pointer-events:none;
}
html.sinco-v11 body .v11-node-tooltip {
  position:absolute;
  left:50%;
  bottom:38px;
  width:max-content;
  max-width:190px;
  transform:translate(-50%,5px);
  padding:5px 7px;
  border:1px solid rgba(var(--node-rgb),.18);
  border-radius:8px;
  background:rgba(10,11,14,.76);
  color:#eef0f4;
  font-size:9px;
  font-weight:600;
  letter-spacing:.035em;
  line-height:1.15;
  text-align:center;
  opacity:0;
  pointer-events:none;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transition:opacity .16s ease,transform .16s ease;
}
html.sinco-v11 body .v11-section-map-nodes > a:hover .v11-node-tooltip,
html.sinco-v11 body .v11-section-map-nodes > a:focus-visible .v11-node-tooltip {
  opacity:1;
  transform:translate(-50%,0);
}

/* The V10 capsule/menu is gone in V11 even if stale CSS remains in cache. */
html.sinco-v11 body .v10-timeline-toggle,
html.sinco-v11 body .v10-timeline-menu { display:none!important; }

/* Anchor landings remain below the fixed top bar. */
html.sinco-v11 body #accueil,
html.sinco-v11 body #fonctionnement,
html.sinco-v11 body #defis-creatifs,
html.sinco-v11 body #creation,
html.sinco-v11 body #personnalisation-home,
html.sinco-v11 body #regles-home,
html.sinco-v11 body #histoire-sinco-home { scroll-margin-top:84px; }

@media (max-width:900px) {
  html.sinco-v11 body #traces .museum-reaction-grid.v11-reaction-carousel {
    --reaction-card-width:min(44vw,300px);
  }
}

@media (max-width:759px) {
  html.sinco-v11 body #traces .museum-reaction-grid.v11-reaction-carousel {
    --reaction-card-width:min(76vw,300px);
    gap:14px!important;
    padding-top:28px!important;
    padding-bottom:36px!important;
  }
  html.sinco-v11 body #traces .v11-reaction-carousel .museum-reaction-card {
    min-height:224px!important;
    padding:26px 22px!important;
  }
  html.sinco-v11 body .v11-reaction-controls { margin-top:-2px; }

  html.sinco-v11 body .v11-lightbox {
    padding:14px;
  }
  html.sinco-v11 body .v11-lightbox-shell {
    width:calc(100vw - 28px);
    height:calc(100svh - 48px);
    padding:14px;
    border-radius:24px;
  }
  html.sinco-v11 body .v11-lightbox-image {
    max-height:calc(100svh - 82px);
    border-radius:16px;
  }
  html.sinco-v11 body .v11-lightbox-close {
    top:10px;
    right:10px;
    width:40px;
    height:40px;
  }

  html.sinco-v11 body .journey-rail.v11-section-map {
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:calc(100vw - 22px)!important;
    height:42px!important;
  }
  html.sinco-v11 body .v11-section-map-line { left:18px; right:18px; top:26px; }
  html.sinco-v11 body .v11-section-map-nodes { inset:8px 0 0; }
  html.sinco-v11 body .v11-section-map-nodes > a { width:38px!important; height:38px!important; }
  html.sinco-v11 body .v11-section-map-label {
    bottom:32px;
    max-width:76vw;
    font-size:9px;
    letter-spacing:.055em;
  }
  html.sinco-v11 body .v11-node-tooltip { display:none; }
}

@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v11 body #traces .museum-reaction-grid.v11-reaction-carousel {
    --reaction-card-width:min(34vw,280px);
    padding-top:22px!important;
    padding-bottom:30px!important;
  }
  html.sinco-v11 body #traces .v11-reaction-carousel .museum-reaction-card { min-height:190px!important; }
  html.sinco-v11 body .v11-section-map-label { display:none; }
  html.sinco-v11 body .journey-rail.v11-section-map { bottom:6px!important; }
}

@media (prefers-reduced-motion:reduce) {
  html.sinco-v11 body #traces .v11-reaction-carousel .museum-reaction-card {
    transform:none!important;
    opacity:1!important;
    filter:none!important;
  }
  html.sinco-v11 body .v11-node-dot::after { animation:none!important; }
  html.sinco-v11 body .v11-lightbox,
  html.sinco-v11 body .v11-lightbox-shell { transition:none!important; }
}

/* ========================================================================== */
/* SINCO HOME V12 — global light + scroll-driven reactions + compact topbar   */
/* ========================================================================== */

/* -------------------------------------------------------------------------- */
/* Global pointer aurora — immediate response from the top of the homepage    */
/* -------------------------------------------------------------------------- */
html.sinco-v12 body .v12-global-aurora {
  --global-x:68vw;
  --global-y:28vh;
  position:fixed;
  inset:0;
  z-index:850;
  overflow:hidden;
  pointer-events:none;
  contain:strict;
  mix-blend-mode:screen;
}
html.sinco-v12 body .v12-global-aurora-main,
html.sinco-v12 body .v12-global-aurora-tail {
  position:absolute;
  left:var(--global-x);
  top:var(--global-y);
  border-radius:50%;
  transform:translate3d(-50%,-50%,0);
  pointer-events:none;
  will-change:left,top,transform;
  transition:none!important;
}
html.sinco-v12 body .v12-global-aurora-main {
  width:min(58vw,760px);
  aspect-ratio:1;
  opacity:.16;
  filter:blur(40px) saturate(116%);
  background:radial-gradient(circle,
    rgba(var(--v9-violet),.42) 0%,
    rgba(126,101,160,.20) 26%,
    rgba(var(--v9-silver),.08) 47%,
    transparent 72%);
}
html.sinco-v12 body .v12-global-aurora-tail {
  width:min(28vw,420px);
  aspect-ratio:1;
  opacity:.105;
  filter:blur(58px);
  transform:translate3d(-16%,-78%,0);
  background:radial-gradient(circle,rgba(var(--v9-gold),.24),rgba(var(--v9-violet),.08) 46%,transparent 72%);
}
html.sinco-v12 body .page-shell,
html.sinco-v12 body .journey-progress,
html.sinco-v12 body .journey-rail,
html.sinco-v12 body .site-topbar { position:relative; }
html.sinco-v12 body .page-shell { z-index:1; }
html.sinco-v12 body .site-topbar { z-index:10020!important; }
html.sinco-v12 body .journey-rail { z-index:9998!important; }
html.sinco-v12 body .journey-progress { z-index:9999!important; }

/* The opening and second hero also receive the local, sharper aurora field. */
html.sinco-v12 body .journey-intro.v10-ambient-section,
html.sinco-v12 body #intention.v10-ambient-section { --ambient-x:68%; --ambient-y:32%; }
html.sinco-v12 body #intention .v10-ambient-light { z-index:0; opacity:.95; }
html.sinco-v12 body #intention > :not(.v10-ambient-light) { position:relative; z-index:2; }

/* -------------------------------------------------------------------------- */
/* Second hero — stronger staged arrival for logo, copy and Google Play CTA   */
/* -------------------------------------------------------------------------- */
html.sinco-v12.sinco-v9-ready body #intention.v12-intention-scene > .v9-reveal {
  opacity:0;
  filter:blur(14px);
  transform:translate3d(-34px,28px,0) scale(.975);
  transition-duration:.92s,1.05s,1.05s!important;
  transition-timing-function:cubic-bezier(.16,.78,.18,1)!important;
}
html.sinco-v12.sinco-v9-ready body #intention.v12-intention-scene > .editorial-hero-logo-stage.v9-reveal {
  transform:translate3d(48px,10px,0) rotate(-3deg) scale(.92);
  filter:blur(16px);
}
html.sinco-v12.sinco-v9-ready body #intention.v12-intention-scene > .play-store-badge.v9-reveal {
  transform:translate3d(0,32px,0) scale(.94);
}
html.sinco-v12.sinco-v9-ready body #intention.v12-intention-scene > .v9-reveal.is-visible {
  opacity:1;
  filter:blur(0);
  transform:none;
}
html.sinco-v12 body #intention .editorial-hero-logo-stage {
  isolation:isolate;
}
html.sinco-v12 body #intention .editorial-hero-logo-stage::before {
  box-shadow:
    inset 0 0 90px rgba(var(--v9-violet),.07),
    0 0 95px rgba(var(--v9-violet),.08),
    0 0 0 26px rgba(var(--v9-silver),.018)!important;
}
html.sinco-v12 body #intention .editorial-hero-logo-stage::after {
  box-shadow:0 0 34px rgba(var(--v9-violet),.07);
}

/* -------------------------------------------------------------------------- */
/* Header morph — full width at top, smaller floating bar after first scroll  */
/* -------------------------------------------------------------------------- */
html.sinco-v12 body .site-topbar {
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:auto!important;
  width:100%!important;
  border:1px solid transparent!important;
  border-radius:0!important;
  background:rgba(17,17,21,.94)!important;
  backdrop-filter:blur(0) saturate(100%)!important;
  -webkit-backdrop-filter:blur(0) saturate(100%)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:
    width .42s cubic-bezier(.16,.78,.18,1),
    left .42s cubic-bezier(.16,.78,.18,1),
    top .42s cubic-bezier(.16,.78,.18,1),
    transform .42s cubic-bezier(.16,.78,.18,1),
    border-radius .42s cubic-bezier(.16,.78,.18,1),
    background .32s ease,
    border-color .32s ease,
    box-shadow .32s ease,
    backdrop-filter .32s ease!important;
}
html.sinco-v12 body .site-topbar-inner,
html.sinco-v12 body .brand-logo,
html.sinco-v12 body .brand-wordmark,
html.sinco-v12 body .topbar-download-button {
  transition:min-height .36s cubic-bezier(.16,.78,.18,1),padding .36s cubic-bezier(.16,.78,.18,1),width .36s cubic-bezier(.16,.78,.18,1),height .36s cubic-bezier(.16,.78,.18,1),font-size .36s cubic-bezier(.16,.78,.18,1),opacity .28s ease!important;
}
html.sinco-v12 body .site-topbar.is-compact {
  top:10px!important;
  left:50%!important;
  width:min(1060px,calc(100vw - 34px))!important;
  transform:translateX(-50%)!important;
  border-color:rgba(255,255,255,.075)!important;
  border-radius:20px!important;
  background:rgba(16,16,21,.76)!important;
  backdrop-filter:blur(18px) saturate(122%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(122%)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.22),0 0 0 1px rgba(var(--v9-violet),.025) inset!important;
}
html.sinco-v12 body .site-topbar.is-compact .site-topbar-inner {
  min-height:58px!important;
  padding:6px clamp(12px,2.4vw,28px)!important;
}
html.sinco-v12 body .site-topbar.is-compact .brand-logo { width:35px!important; height:35px!important; }
html.sinco-v12 body .site-topbar.is-compact .brand-wordmark { font-size:22px!important; }
html.sinco-v12 body .site-topbar.is-compact .topbar-download-button {
  min-height:36px!important;
  padding:7px 13px!important;
  background:rgba(255,255,255,.018)!important;
}
html.sinco-v12 body .site-topbar.is-compact .site-nav-popover {
  top:78px!important;
  left:50%!important;
  transform:translateX(-50%);
}

/* -------------------------------------------------------------------------- */
/* Trace reactions — vertical scroll becomes a horizontal 3D scene            */
/* -------------------------------------------------------------------------- */
html.sinco-v12 body #traces .v12-reaction-scroll-scene {
  position:relative;
  height:370svh;
  margin:clamp(34px,5vw,70px) calc(50% - 50vw) 0;
  width:100vw;
  content-visibility:visible!important;
  contain:none!important;
}
html.sinco-v12 body #traces .v12-reaction-sticky {
  position:sticky;
  top:76px;
  height:calc(100svh - 92px);
  min-height:520px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  perspective:1300px;
  isolation:isolate;
}
html.sinco-v12 body #traces .museum-reaction-grid.v12-reaction-track {
  --reaction-card-width:clamp(230px,23vw,320px);
  display:flex!important;
  grid-template-columns:none!important;
  gap:clamp(14px,2vw,28px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(32px,5vh,58px) max(24px,calc((100vw - var(--reaction-card-width))/2))!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  scrollbar-width:none;
  -ms-overflow-style:none;
  touch-action:pan-y;
  perspective:1300px;
  outline:none;
}
html.sinco-v12 body #traces .museum-reaction-grid.v12-reaction-track::-webkit-scrollbar { display:none; }
html.sinco-v12 body #traces .v12-reaction-track .museum-reaction-card {
  --reaction-position:0;
  --reaction-distance:0;
  flex:0 0 var(--reaction-card-width)!important;
  width:var(--reaction-card-width)!important;
  min-width:0!important;
  min-height:clamp(230px,34vh,310px)!important;
  position:relative;
  transform-origin:center center;
  transform-style:preserve-3d;
  transform:
    perspective(1100px)
    translate3d(0,calc(var(--reaction-distance) * 22px),calc((1 - var(--reaction-distance)) * 62px))
    rotateY(calc(var(--reaction-position) * -15deg))
    rotateZ(calc(var(--reaction-position) * -.65deg))
    scale(calc(1 - var(--reaction-distance) * .085))!important;
  opacity:calc(1 - var(--reaction-distance) * .30)!important;
  filter:saturate(calc(1 - var(--reaction-distance) * .13)) brightness(calc(1 - var(--reaction-distance) * .10))!important;
  transition:border-color .20s ease,box-shadow .20s ease!important;
  will-change:transform,opacity,filter;
}
html.sinco-v12 body #traces .v12-reaction-track .museum-reaction-card::before {
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:calc((1 - var(--reaction-distance)) * .68);
  background:radial-gradient(290px circle at var(--spot-x,50%) var(--spot-y,34%),rgba(var(--v9-silver),.18),rgba(var(--v9-violet),.07) 38%,transparent 72%);
}
html.sinco-v12 body #traces .v12-reaction-status {
  position:absolute;
  left:50%;
  bottom:clamp(24px,5vh,48px);
  transform:translateX(-50%);
  z-index:8;
  min-width:58px;
  padding:7px 12px;
  border:1px solid rgba(var(--v9-silver),.14);
  border-radius:999px;
  background:rgba(9,11,15,.38);
  color:rgba(232,236,243,.70);
  font-size:10px;
  font-weight:650;
  letter-spacing:.12em;
  text-align:center;
  font-variant-numeric:tabular-nums;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
/* V11 arrow controls are intentionally gone in V12. */
html.sinco-v12 body .v11-reaction-controls { display:none!important; }

/* -------------------------------------------------------------------------- */
/* Seven-point timeline — every point owns its always-visible colored label   */
/* -------------------------------------------------------------------------- */
html.sinco-v12 body .journey-rail.v11-section-map {
  bottom:max(9px,env(safe-area-inset-bottom))!important;
  width:min(820px,calc(100vw - 26px))!important;
  height:68px!important;
}
html.sinco-v12 body .v11-section-map-label { display:none!important; }
html.sinco-v12 body .v11-section-map-line {
  left:5.5%;
  right:5.5%;
  top:50px;
}
html.sinco-v12 body .v11-section-map-nodes {
  inset:0;
  align-items:start;
}
html.sinco-v12 body .v11-section-map-nodes > a {
  width:100%!important;
  height:64px!important;
  align-content:start;
  padding-top:42px!important;
  border-radius:0!important;
}
html.sinco-v12 body .v11-node-dot {
  width:7px;
  height:7px;
}
html.sinco-v12 body .v11-node-tooltip {
  display:block!important;
  position:absolute;
  left:50%;
  top:4px;
  bottom:auto;
  width:min(104px,12vw);
  max-width:none;
  min-height:26px;
  transform:translateX(-50%)!important;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:transparent;
  color:rgba(var(--node-rgb),.72);
  font-size:clamp(7px,.78vw,9px);
  font-weight:560;
  letter-spacing:.018em;
  line-height:1.08;
  text-align:center;
  text-wrap:balance;
  white-space:normal;
  opacity:1!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  text-shadow:0 2px 10px rgba(0,0,0,.82);
  transition:color .18s ease,opacity .18s ease,transform .18s ease,font-weight .18s ease!important;
}
html.sinco-v12 body .v11-section-map-nodes > a[aria-current] .v11-node-tooltip {
  color:rgb(var(--node-rgb));
  font-weight:760;
  opacity:1!important;
  transform:translateX(-50%) translateY(-1px)!important;
}
html.sinco-v12 body .v11-section-map-nodes > a:hover .v11-node-tooltip,
html.sinco-v12 body .v11-section-map-nodes > a:focus-visible .v11-node-tooltip {
  color:rgb(var(--node-rgb));
  transform:translateX(-50%) translateY(-2px)!important;
}

@media (max-width:759px) {
  html.sinco-v12 body .v12-global-aurora-main {
    width:118vw;
    opacity:.12;
    filter:blur(48px) saturate(112%);
  }
  html.sinco-v12 body .v12-global-aurora-tail { width:70vw; opacity:.075; }

  html.sinco-v12 body .site-topbar.is-compact {
    top:6px!important;
    width:calc(100vw - 14px)!important;
    border-radius:17px!important;
  }
  html.sinco-v12 body .site-topbar.is-compact .site-topbar-inner {
    min-height:52px!important;
    padding:5px 9px!important;
  }
  html.sinco-v12 body .site-topbar.is-compact .brand-logo { width:31px!important; height:31px!important; }
  html.sinco-v12 body .site-topbar.is-compact .brand-wordmark { font-size:20px!important; }
  html.sinco-v12 body .site-topbar.is-compact .topbar-download-button { min-height:34px!important; padding:6px 9px!important; }

  html.sinco-v12 body #traces .v12-reaction-scroll-scene {
    height:385svh;
    margin-top:28px;
  }
  html.sinco-v12 body #traces .v12-reaction-sticky {
    top:62px;
    height:calc(100svh - 72px);
    min-height:490px;
  }
  html.sinco-v12 body #traces .museum-reaction-grid.v12-reaction-track {
    --reaction-card-width:min(76vw,310px);
    gap:14px!important;
    padding-inline:max(18px,calc((100vw - var(--reaction-card-width))/2))!important;
  }
  html.sinco-v12 body #traces .v12-reaction-track .museum-reaction-card {
    min-height:min(46svh,330px)!important;
  }
  html.sinco-v12 body #traces .v12-reaction-status { bottom:20px; }

  html.sinco-v12 body .journey-rail.v11-section-map {
    bottom:max(4px,env(safe-area-inset-bottom))!important;
    width:calc(100vw - 8px)!important;
    height:64px!important;
  }
  html.sinco-v12 body .v11-section-map-line {
    left:6.5%;
    right:6.5%;
    top:48px;
  }
  html.sinco-v12 body .v11-section-map-nodes > a {
    height:60px!important;
    padding-top:40px!important;
  }
  html.sinco-v12 body .v11-node-tooltip {
    top:2px;
    width:13.2vw;
    min-height:30px;
    padding:0;
    font-size:clamp(6.2px,1.78vw,7.7px);
    line-height:1.02;
    letter-spacing:0;
  }
  html.sinco-v12 body .v11-node-dot { width:6px; height:6px; }
  html.sinco-v12 body .v11-section-map-nodes > a[aria-current] .v11-node-dot { width:9px; height:9px; }
}

@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v12 body #traces .v12-reaction-scroll-scene { height:340svh!important; }
  html.sinco-v12 body #traces .v12-reaction-sticky {
    position:sticky!important;
    top:58px!important;
    height:calc(100svh - 66px)!important;
    min-height:300px!important;
    overflow:hidden!important;
  }
  html.sinco-v12 body #traces .museum-reaction-grid.v12-reaction-track {
    --reaction-card-width:min(34vw,280px);
    padding-block:14px!important;
  }
  html.sinco-v12 body #traces .v12-reaction-track .museum-reaction-card { min-height:180px!important; }
  html.sinco-v12 body #traces .v12-reaction-status { bottom:8px; }
  html.sinco-v12 body .journey-rail.v11-section-map { height:52px!important; }
  html.sinco-v12 body .v11-section-map-line { top:38px; }
  html.sinco-v12 body .v11-section-map-nodes > a { height:48px!important; padding-top:31px!important; }
  html.sinco-v12 body .v11-node-tooltip { top:0; min-height:22px; font-size:6.5px; }
}

@media (prefers-reduced-motion:reduce) {
  html.sinco-v12 body .v12-global-aurora { display:none!important; }
  html.sinco-v12 body .site-topbar { transition:none!important; }
  html.sinco-v12 body #traces .v12-reaction-scroll-scene {
    height:auto!important;
    width:100%!important;
    margin:28px 0 0!important;
  }
  html.sinco-v12 body #traces .v12-reaction-sticky {
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html.sinco-v12 body #traces .museum-reaction-grid.v12-reaction-track {
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    touch-action:auto;
  }
  html.sinco-v12 body #traces .v12-reaction-track .museum-reaction-card {
    scroll-snap-align:center;
    transform:none!important;
    opacity:1!important;
    filter:none!important;
  }
}
/* Sticky carousel must not inherit the legacy clipping container. */
html.sinco-v12 body #traces.museum-traces-panel { overflow:visible!important; }

/* Keep the transparent map readable without recreating a heavy capsule. */
html.sinco-v12 body .journey-rail.v11-section-map::before {
  content:'';
  position:absolute;
  inset:-10px -4px -4px;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(8,9,12,.20) 34%,rgba(8,9,12,.68) 100%);
  filter:blur(.2px);
}
@media (max-width:759px) {
  html.sinco-v12 body .journey-intro .journey-baseline {
    bottom:104px!important;
  }
  html.sinco-v12 body .journey-intro .journey-baseline span:last-child {
    max-width:42%;
    text-align:right;
  }
}


/* ========================================================================== */
/* SINCO HOME V13 — tighter opening, scroll-authored intention, exact map     */
/* ========================================================================== */

/* Opening: keep the cinematic hold, but remove the dead travel before scene 2. */
html.sinco-v13.v9-motion body .journey-intro { height:104svh!important; }
html.sinco-v13 body .journey-stage { padding-bottom:clamp(132px,16vh,174px)!important; }
html.sinco-v13 body .journey-heading {
  padding-bottom:clamp(76px,9vh,104px);
  box-sizing:border-box;
}
html.sinco-v13 body .journey-discover {
  margin-top:clamp(16px,2.4vh,28px)!important;
  max-width:min(100%,260px);
  white-space:nowrap;
}
html.sinco-v13 body .journey-baseline {
  bottom:max(94px,calc(env(safe-area-inset-bottom) + 82px))!important;
  align-items:flex-end;
}
html.sinco-v13 body .journey-baseline span { max-width:min(42%,310px); }
html.sinco-v13 body .journey-baseline span:last-child { text-align:right; }

/* Scene 2: scroll-authored motion. No one-time reveal race with the tall hero. */
html.sinco-v13 body #intention.v13-intention-scene {
  margin-top:-8svh!important;
  z-index:4;
  --v13-logo-p:0;
  --v13-title-p:0;
  --v13-lead-p:0;
  --v13-copy-p:0;
  --v13-actions-p:0;
  --v13-store-p:0;
  overflow:hidden;
}
html.sinco-v13 body #intention.v13-intention-scene .editorial-title,
html.sinco-v13 body #intention.v13-intention-scene .editorial-lead,
html.sinco-v13 body #intention.v13-intention-scene .hero-short-copy,
html.sinco-v13 body #intention.v13-intention-scene .hero-actions,
html.sinco-v13 body #intention.v13-intention-scene .play-store-badge,
html.sinco-v13 body #intention.v13-intention-scene .editorial-hero-logo-stage {
  opacity:1!important;
  filter:none!important;
  transition:none!important;
}
html.sinco-v13 body #intention.v13-intention-scene .editorial-title {
  opacity:var(--v13-title-p)!important;
  filter:blur(calc((1 - var(--v13-title-p)) * 14px))!important;
  transform:translate3d(calc((1 - var(--v13-title-p)) * -78px),calc((1 - var(--v13-title-p)) * 30px),0) scale(calc(.975 + var(--v13-title-p) * .025))!important;
  clip-path:inset(0 calc((1 - var(--v13-title-p)) * 24%) 0 0 round 10px);
  will-change:transform,opacity,filter,clip-path;
}
html.sinco-v13 body #intention.v13-intention-scene .editorial-title-tagline {
  display:block;
  position:relative;
  text-wrap:balance;
}
html.sinco-v13 body #intention.v13-intention-scene .editorial-title-tagline::after {
  content:'';
  display:block;
  width:calc(var(--v13-title-p) * min(230px,44%));
  height:1px;
  margin-top:clamp(18px,2.2vw,30px);
  background:linear-gradient(90deg,rgba(137,120,181,.96),rgba(112,140,176,.46),transparent);
  box-shadow:0 0 18px rgba(137,120,181,.22);
}
html.sinco-v13 body #intention.v13-intention-scene .editorial-lead {
  opacity:var(--v13-lead-p)!important;
  filter:blur(calc((1 - var(--v13-lead-p)) * 9px))!important;
  transform:translate3d(calc((1 - var(--v13-lead-p)) * -46px),calc((1 - var(--v13-lead-p)) * 22px),0)!important;
}
html.sinco-v13 body #intention.v13-intention-scene .hero-short-copy {
  opacity:calc(var(--v13-copy-p) * .72)!important;
  filter:blur(calc((1 - var(--v13-copy-p)) * 8px))!important;
  transform:translate3d(calc((1 - var(--v13-copy-p)) * -34px),calc((1 - var(--v13-copy-p)) * 18px),0)!important;
}
html.sinco-v13 body #intention.v13-intention-scene .hero-actions {
  opacity:var(--v13-actions-p)!important;
  transform:translate3d(calc((1 - var(--v13-actions-p)) * -24px),calc((1 - var(--v13-actions-p)) * 16px),0)!important;
}
html.sinco-v13 body #intention.v13-intention-scene .play-store-badge {
  opacity:var(--v13-store-p)!important;
  filter:blur(calc((1 - var(--v13-store-p)) * 5px))!important;
  transform:translate3d(var(--magnet-x,0),calc(var(--magnet-y,0) + (1 - var(--v13-store-p)) * 24px),0) scale(calc(.95 + var(--v13-store-p) * .05))!important;
}
html.sinco-v13 body #intention.v13-intention-scene .editorial-hero-logo-stage {
  transform:translate3d(calc((1 - var(--v13-logo-p)) * 96px),calc((1 - var(--v13-logo-p)) * 18px),0) rotate(calc((1 - var(--v13-logo-p)) * -5deg)) scale(calc(.92 + var(--v13-logo-p) * .08))!important;
  opacity:calc(.12 + var(--v13-logo-p) * .88)!important;
  filter:blur(calc((1 - var(--v13-logo-p)) * 12px))!important;
  will-change:transform,opacity,filter;
}
html.sinco-v13 body #intention .v13-logo-ghost {
  position:absolute!important;
  z-index:-1;
  width:min(88%,470px)!important;
  height:auto!important;
  opacity:calc((1 - var(--v13-logo-p)) * .16 + .045)!important;
  filter:grayscale(1) brightness(1.7) contrast(.8) blur(calc((1 - var(--v13-logo-p)) * 2px))!important;
  transform:translate3d(calc((1 - var(--v13-logo-p)) * -132px),calc((1 - var(--v13-logo-p)) * 38px),0) rotate(calc((1 - var(--v13-logo-p)) * 7deg)) scale(1.055)!important;
  animation:none!important;
  pointer-events:none;
}

/* Human creation: make the rule and its consequence two distinct vertical beats. */
html.sinco-v13 body .home-human-creation #human-creation-title {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:clamp(18px,2.4vw,36px);
  margin:clamp(30px,3vw,46px) 0 clamp(48px,5vw,72px)!important;
  line-height:.96!important;
}
html.sinco-v13 body .home-human-creation .v13-human-rule {
  display:block;
  max-width:900px;
}
html.sinco-v13 body .home-human-creation .v13-human-statement {
  display:block;
  max-width:1000px;
}

/* The Projects summary card was redundant; Traces now owns the whole editorial row. */
html.sinco-v13 body .editorial-section-grid.editorial-section-grid-single {
  grid-template-columns:1fr!important;
}
html.sinco-v13 body .editorial-section-grid.editorial-section-grid-single .editorial-card {
  min-height:min(620px,72svh);
  border-right:0!important;
  padding-left:clamp(26px,10vw,180px)!important;
  padding-right:clamp(26px,10vw,180px)!important;
}
html.sinco-v13 body .editorial-section-grid.editorial-section-grid-single .editorial-card p { max-width:760px; }

/* Bottom map: exact hamburger palette and dots physically centered ON the line. */
html.sinco-v13 body .journey-rail.v11-section-map { --v13-map-y:50px; }
html.sinco-v13 body .v11-section-map-line {
  top:var(--v13-map-y)!important;
  transform:translateY(-50%);
  background:linear-gradient(90deg,
    rgba(137,120,181,.30) 0%,
    rgba(112,140,176,.28) 17%,
    rgba(109,153,158,.30) 33%,
    rgba(124,152,120,.28) 50%,
    rgba(173,160,100,.28) 67%,
    rgba(170,121,138,.28) 83%,
    rgba(156,126,171,.30) 100%)!important;
}
html.sinco-v13 body .v11-section-map-progress {
  background:linear-gradient(90deg,
    rgb(137,120,181),
    rgb(112,140,176) 18%,
    rgb(109,153,158) 34%,
    rgb(124,152,120) 51%,
    rgb(173,160,100) 68%,
    rgb(170,121,138) 84%,
    rgb(156,126,171))!important;
}
html.sinco-v13 body .v11-section-map-nodes { inset:0!important; align-items:start!important; }
html.sinco-v13 body .v11-section-map-nodes > a {
  height:68px!important;
  padding:0!important;
  align-content:start!important;
}
html.sinco-v13 body .v11-node-dot {
  position:absolute!important;
  left:50%!important;
  top:var(--v13-map-y)!important;
  transform:translate(-50%,-50%)!important;
}
html.sinco-v13 body .v11-section-map-nodes > a:hover .v11-node-dot,
html.sinco-v13 body .v11-section-map-nodes > a:focus-visible .v11-node-dot {
  transform:translate(-50%,-50%) scale(1.28)!important;
}
html.sinco-v13 body .v11-node-tooltip { top:4px!important; }

@media (max-width:759px) {
  html.sinco-v13.v9-motion body .journey-intro { height:102svh!important; }
  html.sinco-v13 body .journey-stage { padding-bottom:154px!important; }
  html.sinco-v13 body .journey-heading { padding-bottom:88px; }
  html.sinco-v13 body .journey-discover {
    max-width:220px;
    font-size:14px;
    gap:22px;
  }
  html.sinco-v13 body .journey-baseline {
    bottom:max(88px,calc(env(safe-area-inset-bottom) + 76px))!important;
    font-size:10px!important;
    line-height:1.25;
  }
  html.sinco-v13 body .journey-baseline span:first-child { max-width:46%!important; }
  html.sinco-v13 body .journey-baseline span:last-child { max-width:40%!important; }

  html.sinco-v13 body .editorial-home > #intention {
    margin-top:-6svh!important;
    padding-top:clamp(52px,8vh,76px)!important;
    padding-bottom:clamp(86px,13vh,116px)!important;
  }
  html.sinco-v13 body #intention.v13-intention-scene .editorial-title {
    transform:translate3d(calc((1 - var(--v13-title-p)) * -42px),calc((1 - var(--v13-title-p)) * 24px),0)!important;
  }
  html.sinco-v13 body #intention.v13-intention-scene .editorial-hero-logo-stage {
    transform:translate3d(calc((1 - var(--v13-logo-p)) * 54px),calc((1 - var(--v13-logo-p)) * 14px),0) rotate(calc((1 - var(--v13-logo-p)) * -4deg)) scale(calc(.94 + var(--v13-logo-p) * .06))!important;
  }
  html.sinco-v13 body #intention .v13-logo-ghost {
    width:min(72vw,330px)!important;
    transform:translate3d(calc((1 - var(--v13-logo-p)) * -72px),calc((1 - var(--v13-logo-p)) * 20px),0) rotate(calc((1 - var(--v13-logo-p)) * 5deg)) scale(1.04)!important;
  }
  html.sinco-v13 body .home-human-creation #human-creation-title {
    gap:22px;
    margin:28px 0 48px!important;
  }
  html.sinco-v13 body .editorial-section-grid.editorial-section-grid-single .editorial-card {
    min-height:520px;
    padding:72px 24px!important;
  }

  html.sinco-v13 body .journey-rail.v11-section-map { --v13-map-y:48px; }
  html.sinco-v13 body .v11-section-map-nodes > a { height:64px!important; }
  html.sinco-v13 body .v11-node-tooltip { top:2px!important; }
}

@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v13.v9-motion body .journey-intro { height:102svh!important; }
  html.sinco-v13 body .journey-stage { padding-bottom:104px!important; }
  html.sinco-v13 body .journey-heading { padding-bottom:58px; }
  html.sinco-v13 body .journey-baseline {
    bottom:max(65px,calc(env(safe-area-inset-bottom) + 58px))!important;
    font-size:9px!important;
  }
  html.sinco-v13 body .journey-rail.v11-section-map { --v13-map-y:38px; }
  html.sinco-v13 body .v11-section-map-nodes > a { height:52px!important; }
  html.sinco-v13 body .v11-node-tooltip { top:0!important; }
}

@media (prefers-reduced-motion:reduce) {
  html.sinco-v13 body #intention.v13-intention-scene .editorial-title,
  html.sinco-v13 body #intention.v13-intention-scene .editorial-lead,
  html.sinco-v13 body #intention.v13-intention-scene .hero-short-copy,
  html.sinco-v13 body #intention.v13-intention-scene .hero-actions,
  html.sinco-v13 body #intention.v13-intention-scene .play-store-badge,
  html.sinco-v13 body #intention.v13-intention-scene .editorial-hero-logo-stage {
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    clip-path:none!important;
  }
  html.sinco-v13 body #intention .v13-logo-ghost { display:none!important; }
}

/* ========================================================================== */
/* SINCO HOME V14 — cleaner opening + SplitText-inspired intention            */
/* ========================================================================== */

/* Global aurora: keep the immediate pointer response, reduce background weight. */
html.sinco-v14 body .v12-global-aurora-main {
  width:min(54vw,700px);
  opacity:.105;
  filter:blur(46px) saturate(110%);
}
html.sinco-v14 body .v12-global-aurora-tail {
  width:min(25vw,360px);
  opacity:.055;
  filter:blur(62px);
}

/* Opening hero: fewer competing labels and a slightly smaller brand object. */
html.sinco-v14 body .journey-caption.journey-caption-single {
  justify-content:flex-start!important;
}
html.sinco-v14 body .journey-caption.journey-caption-single span {
  color:#b6a4d1!important;
}
html.sinco-v14 body .journey-emblem {
  width:min(40vw,610px)!important;
  right:clamp(-64px,-2vw,-22px)!important;
  top:53%!important;
}
html.sinco-v14 body .journey-emblem img {
  width:78%!important;
  height:78%!important;
}
html.sinco-v14 body .journey-baseline.journey-baseline-single {
  justify-content:flex-start!important;
}
html.sinco-v14 body .journey-baseline.journey-baseline-single span {
  max-width:340px!important;
  text-align:left!important;
}
html.sinco-v14 body .journey-discover {
  max-width:250px!important;
}

/* Header branding: the logo is the S, the wordmark explicitly carries INCO. */
html.sinco-v14 body .brand-wordmark {
  text-transform:uppercase;
}

/* Scene 2: word-by-word scroll reveal, while the logo and silhouette cross. */
html.sinco-v14 body #intention.v13-intention-scene .editorial-title {
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  clip-path:none!important;
  overflow:visible;
}
html.sinco-v14 body #intention .editorial-title-tagline {
  display:block;
  position:relative;
  text-wrap:balance;
}
html.sinco-v14 body #intention .v14-intention-word {
  --v14-word-p:0;
  --v14-word-x:0px;
  display:inline-block;
  opacity:var(--v14-word-p);
  filter:blur(calc((1 - var(--v14-word-p)) * 12px));
  transform:
    translate3d(
      calc((1 - var(--v14-word-p)) * var(--v14-word-x)),
      calc((1 - var(--v14-word-p)) * .58em),
      0
    )
    rotate(calc((1 - var(--v14-word-p)) * 1.5deg));
  transform-origin:50% 100%;
  will-change:transform,opacity,filter;
}
html.sinco-v14 body #intention .editorial-title-tagline strong .v14-intention-word {
  text-shadow:0 0 34px rgba(137,120,181,.18);
}
html.sinco-v14 body #intention .editorial-title-tagline::before {
  content:'';
  position:absolute;
  left:-5%;
  top:48%;
  width:48%;
  height:55%;
  border-radius:50%;
  pointer-events:none;
  opacity:calc(var(--v13-title-p) * .20);
  transform:translate3d(calc((1 - var(--v13-title-p)) * -32px),-50%,0) scale(calc(.84 + var(--v13-title-p) * .16));
  background:radial-gradient(circle,rgba(137,120,181,.24),rgba(112,140,176,.08) 48%,transparent 72%);
  filter:blur(28px);
}
html.sinco-v14 body #intention .editorial-hero-logo-stage {
  transform:translate3d(calc((1 - var(--v13-logo-p)) * 110px),calc((1 - var(--v13-logo-p)) * 16px),0) rotate(calc((1 - var(--v13-logo-p)) * -7deg)) scale(calc(.90 + var(--v13-logo-p) * .10))!important;
}
html.sinco-v14 body #intention .v13-logo-ghost {
  opacity:calc((1 - var(--v13-logo-p)) * .20 + .055)!important;
  transform:translate3d(calc((1 - var(--v13-logo-p)) * -150px),calc((1 - var(--v13-logo-p)) * 42px),0) rotate(calc((1 - var(--v13-logo-p)) * 9deg)) scale(1.065)!important;
}
html.sinco-v14 body #intention .editorial-hero-logo-stage::before {
  transform:scale(calc(.90 + var(--v13-logo-p) * .10));
  opacity:calc(.34 + var(--v13-logo-p) * .66);
}
html.sinco-v14 body #intention .editorial-hero-logo-stage::after {
  opacity:calc(.24 + var(--v13-logo-p) * .76);
}

/* Project-to-Artwork prelude: keep the editorial bridge, remove repeated cards. */
html.sinco-v14 body #demarche {
  padding-bottom:clamp(78px,9vw,132px)!important;
}
html.sinco-v14 body #demarche .sinco-purpose-museum-callout {
  width:min(900px,100%)!important;
  margin:clamp(34px,4vw,56px) 0 0!important;
  padding:20px 0 18px 24px!important;
  border:0!important;
  border-left:1px solid rgba(var(--v9-violet),.55)!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
}
html.sinco-v14 body #demarche .sinco-purpose-museum-callout .museum-icon-tile {
  width:44px!important;
  height:44px!important;
  min-width:44px;
  background:rgba(var(--v9-violet),.07)!important;
}

/* Human creation: a lighter beat than the rest, not a white page. */
html.sinco-v14.sinco-v9 body #creation.home-human-creation {
  background:
    radial-gradient(48% 74% at 82% 38%,rgba(124,152,120,.12),transparent 72%),
    radial-gradient(42% 58% at 16% 78%,rgba(173,160,100,.07),transparent 74%),
    #18191c!important;
  color:#ece8ef!important;
}
html.sinco-v14.sinco-v9 body #creation .eyebrow {
  color:#a6b1a2!important;
}
html.sinco-v14.sinco-v9 body #creation h2 {
  color:#eeeaf1!important;
  text-shadow:0 24px 80px rgba(0,0,0,.22);
}
html.sinco-v14.sinco-v9 body #creation h2 strong {
  color:#a3b99e!important;
}
html.sinco-v14.sinco-v9 body #creation p {
  color:#c7c3ca!important;
}
html.sinco-v14.sinco-v9 body #creation .inline-link {
  color:#d6d0df!important;
  border-color:rgba(163,185,158,.65)!important;
}
html.sinco-v14.sinco-v9 body #creation .v9-human-band {
  opacity:.045;
  color:#e9e5ec;
}

@media (max-width:759px) {
  /* Keep INCO visible beside the S logo in portrait and compact-header states. */
  html.sinco-v14 body .brand-wordmark,
  html.sinco-v14 body .site-topbar.is-compact .brand-wordmark {
    display:inline-block!important;
    font-size:16px!important;
    letter-spacing:.16em!important;
    line-height:1;
  }
  html.sinco-v14 body .site-topbar.is-compact .brand-wordmark {
    font-size:14px!important;
    letter-spacing:.14em!important;
  }

  html.sinco-v14 body .journey-stage {
    padding-top:122px!important;
    padding-bottom:150px!important;
  }
  html.sinco-v14 body .journey-caption {
    top:94px!important;
    font-size:9px!important;
  }
  html.sinco-v14 body .journey-heading h1 {
    font-size:clamp(58px,17.2vw,92px)!important;
    line-height:.89!important;
    letter-spacing:-.058em!important;
  }
  html.sinco-v14 body .journey-overline {
    margin-bottom:16px!important;
  }
  html.sinco-v14 body .journey-subtitle {
    max-width:72%;
  }
  html.sinco-v14 body .journey-emblem {
    width:58vw!important;
    right:-13vw!important;
    top:58%!important;
    opacity:.30!important;
  }
  html.sinco-v14 body .journey-emblem img {
    width:76%!important;
    height:76%!important;
  }
  html.sinco-v14 body .journey-signature {
    display:none!important;
  }
  html.sinco-v14 body .journey-discover {
    max-width:228px!important;
    margin-top:14px!important;
    font-size:13px!important;
    gap:18px!important;
  }
  html.sinco-v14 body .journey-baseline.journey-baseline-single {
    bottom:max(86px,calc(env(safe-area-inset-bottom) + 74px))!important;
  }
  html.sinco-v14 body .journey-baseline.journey-baseline-single span {
    max-width:52%!important;
  }

  /* The second hero logo was hidden by an older responsive rule; keep it as a
     moving background object so the text remains dominant. */
  html.sinco-v14 body #intention.v13-intention-scene {
    position:relative;
    isolation:isolate;
  }
  html.sinco-v14 body #intention .editorial-hero-logo-stage {
    display:grid!important;
    position:absolute!important;
    grid-column:auto!important;
    grid-row:auto!important;
    order:initial!important;
    top:44px!important;
    right:-58px!important;
    width:min(62vw,248px)!important;
    height:min(62vw,248px)!important;
    min-height:0!important;
    z-index:1!important;
    pointer-events:none;
    opacity:calc(.08 + var(--v13-logo-p) * .50)!important;
    transform:translate3d(calc((1 - var(--v13-logo-p)) * 62px),calc((1 - var(--v13-logo-p)) * 16px),0) rotate(calc((1 - var(--v13-logo-p)) * -7deg)) scale(calc(.91 + var(--v13-logo-p) * .09))!important;
  }
  html.sinco-v14 body #intention .editorial-hero-logo {
    width:78%!important;
  }
  html.sinco-v14 body #intention .v13-logo-ghost {
    display:block!important;
    width:92%!important;
    opacity:calc((1 - var(--v13-logo-p)) * .12 + .035)!important;
    transform:translate3d(calc((1 - var(--v13-logo-p)) * -76px),calc((1 - var(--v13-logo-p)) * 26px),0) rotate(calc((1 - var(--v13-logo-p)) * 7deg)) scale(1.05)!important;
  }
  html.sinco-v14 body #intention .editorial-title,
  html.sinco-v14 body #intention .editorial-lead,
  html.sinco-v14 body #intention .hero-short-copy,
  html.sinco-v14 body #intention .hero-actions,
  html.sinco-v14 body #intention .play-store-badge {
    position:relative;
    z-index:3!important;
  }
  html.sinco-v14 body #intention .editorial-title-tagline {
    padding-right:6vw;
  }
  html.sinco-v14 body #intention .v14-intention-word {
    transform:
      translate3d(
        calc((1 - var(--v14-word-p)) * var(--v14-word-x)),
        calc((1 - var(--v14-word-p)) * .44em),
        0
      )
      rotate(calc((1 - var(--v14-word-p)) * 1deg));
  }

  html.sinco-v14 body #demarche {
    padding-bottom:74px!important;
  }
  html.sinco-v14 body #demarche .sinco-purpose-museum-callout {
    margin-top:28px!important;
    padding:16px 0 14px 18px!important;
  }
  html.sinco-v14 body .v12-global-aurora-main {
    width:108vw;
    opacity:.082;
    filter:blur(54px) saturate(108%);
  }
  html.sinco-v14 body .v12-global-aurora-tail {
    width:62vw;
    opacity:.040;
  }
}

@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v14 body .brand-wordmark,
  html.sinco-v14 body .site-topbar.is-compact .brand-wordmark {
    display:inline-block!important;
    font-size:14px!important;
    letter-spacing:.13em!important;
  }
  html.sinco-v14 body .journey-emblem {
    width:min(40vw,300px)!important;
    right:-4vw!important;
    top:55%!important;
  }
  html.sinco-v14 body .journey-heading h1 {
    font-size:clamp(50px,10vw,76px)!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.sinco-v14 body #intention .v14-intention-word {
    opacity:1!important;
    filter:none!important;
    transform:none!important;
  }
}

/* V14 mobile finishing pass: keep the second logo present without covering copy. */
@media (max-width:759px) {
  html.sinco-v14 body .editorial-home > #intention {
    padding-bottom:150px!important;
  }
  html.sinco-v14 body #intention .editorial-hero-logo-stage {
    top:64px!important;
    right:-42px!important;
    width:min(46vw,184px)!important;
    height:min(46vw,184px)!important;
    opacity:calc(.035 + var(--v13-logo-p) * .27)!important;
  }
  html.sinco-v14 body #intention .editorial-hero-logo {
    width:74%!important;
  }
  html.sinco-v14 body #intention .v13-logo-ghost {
    width:88%!important;
    opacity:calc((1 - var(--v13-logo-p)) * .09 + .026)!important;
  }
}

@media (max-width:759px) {
  html.sinco-v14 body #intention .editorial-hero-logo-stage {
    right:-68px!important;
    width:min(42vw,164px)!important;
    height:min(42vw,164px)!important;
    opacity:calc(.025 + var(--v13-logo-p) * .20)!important;
  }
}


/* ========================================================================== */
/* SINCO HOME V15 — one pointer aura + viewport-authored Scene 2              */
/* ========================================================================== */

/* The opening no longer repeats "Création humaine" above the main title. */
html.sinco-v15 body .journey-caption.journey-caption-single { display:none!important; }

/* With that line gone, give the overline/title a clean, collision-free start. */
html.sinco-v15 body .journey-heading { top:0!important; }
html.sinco-v15 body .journey-overline { margin-bottom:clamp(18px,2.1vh,28px)!important; }

/* A single, lighter aura follows the pointer everywhere. Local moving lights are off. */
html.sinco-v15 body .v10-ambient-light { display:none!important; }
html.sinco-v15 body .v12-global-aurora-main {
  width:min(50vw,650px);
  opacity:.078!important;
  filter:blur(54px) saturate(108%)!important;
}
html.sinco-v15 body .v12-global-aurora-tail {
  width:min(22vw,330px);
  opacity:.030!important;
  filter:blur(68px)!important;
}

/* Scene 2 is deliberately long enough that its animation is witnessed, not missed. */
html.sinco-v15 body #intention.v13-intention-scene {
  min-height:116svh!important;
  --v15-logo-sweep:0;
  --v15-logo-v:0;
}

/* SplitText/Scroll-Reveal inspired typography: words rotate out of depth as they sharpen. */
html.sinco-v15 body #intention .editorial-title-tagline {
  perspective:900px;
  perspective-origin:35% 60%;
}
html.sinco-v15 body #intention .v14-intention-word {
  opacity:var(--v14-word-p)!important;
  filter:blur(calc((1 - var(--v14-word-p)) * 16px))!important;
  transform:
    perspective(760px)
    translate3d(
      calc((1 - var(--v14-word-p)) * var(--v14-word-x)),
      calc((1 - var(--v14-word-p)) * .74em),
      0
    )
    rotateX(calc((1 - var(--v14-word-p)) * 58deg))
    rotateZ(calc((1 - var(--v14-word-p)) * 1.25deg))
    scale(calc(.935 + var(--v14-word-p) * .065))!important;
  transform-origin:50% 100%;
}
html.sinco-v15 body #intention .editorial-title-tagline strong .v14-intention-word {
  text-shadow:
    0 0 calc(var(--v14-word-p) * 42px) rgba(137,120,181,.22),
    0 0 calc(var(--v14-word-p) * 18px) rgba(173,160,100,.08)!important;
}

/* A thin travelling light accompanies the logo pass, then disappears. */
html.sinco-v15 body #intention.v13-intention-scene::before {
  content:'';
  position:absolute;
  z-index:1;
  top:8%;
  bottom:8%;
  width:clamp(120px,16vw,250px);
  left:calc(-18vw + var(--v15-logo-sweep) * 118vw);
  pointer-events:none;
  opacity:calc(var(--v15-logo-v) * .22);
  transform:skewX(-13deg);
  background:linear-gradient(90deg,transparent,rgba(177,156,212,.12),rgba(255,255,255,.055),transparent);
  filter:blur(18px);
}

/* The logo is now a transient graphic crossing the scene rather than a second hero mark. */
html.sinco-v15 body #intention .editorial-hero-logo-stage {
  opacity:calc(var(--v15-logo-v) * .38)!important;
  transform:
    translate3d(
      calc((1 - var(--v15-logo-sweep)) * 22vw - var(--v15-logo-sweep) * 18vw),
      calc((.5 - var(--v15-logo-sweep)) * 44px),
      0
    )
    rotate(calc((.5 - var(--v15-logo-sweep)) * -12deg))
    scale(calc(.92 + var(--v15-logo-v) * .08))!important;
  filter:blur(calc((1 - var(--v15-logo-v)) * 8px))!important;
}
html.sinco-v15 body #intention .editorial-hero-logo {
  animation:none!important;
  opacity:.72!important;
}
html.sinco-v15 body #intention .v13-logo-ghost {
  display:block!important;
  opacity:calc(var(--v15-logo-v) * .13)!important;
  transform:
    translate3d(
      calc(var(--v15-logo-sweep) * 24vw - (1 - var(--v15-logo-sweep)) * 18vw),
      calc((var(--v15-logo-sweep) - .5) * 54px),
      0
    )
    rotate(calc((var(--v15-logo-sweep) - .5) * 16deg))
    scale(1.08)!important;
}

/* Copy and actions remain part of the same authored reveal. */
html.sinco-v15 body #intention.v13-intention-scene .editorial-lead {
  transform:translate3d(calc((1 - var(--v13-lead-p)) * -58px),calc((1 - var(--v13-lead-p)) * 26px),0)!important;
}
html.sinco-v15 body #intention.v13-intention-scene .hero-short-copy {
  transform:translate3d(calc((1 - var(--v13-copy-p)) * 42px),calc((1 - var(--v13-copy-p)) * 18px),0)!important;
}
html.sinco-v15 body #intention.v13-intention-scene .hero-actions {
  transform:translate3d(0,calc((1 - var(--v13-actions-p)) * 24px),0) scale(calc(.97 + var(--v13-actions-p) * .03))!important;
}
html.sinco-v15 body #intention.v13-intention-scene .play-store-badge {
  transform:translate3d(var(--magnet-x,0),calc(var(--magnet-y,0) + (1 - var(--v13-store-p)) * 30px),0) scale(calc(.94 + var(--v13-store-p) * .06))!important;
}

@media (max-width:759px) {
  html.sinco-v15 body .journey-stage {
    padding-top:106px!important;
  }
  html.sinco-v15 body #intention.v13-intention-scene {
    min-height:124svh!important;
  }
  html.sinco-v15 body #intention .editorial-hero-logo-stage {
    top:42px!important;
    right:-58px!important;
    width:min(42vw,168px)!important;
    height:min(42vw,168px)!important;
    opacity:calc(var(--v15-logo-v) * .22)!important;
    transform:
      translate3d(
        calc((1 - var(--v15-logo-sweep)) * 34vw - var(--v15-logo-sweep) * 28vw),
        calc((.5 - var(--v15-logo-sweep)) * 30px),
        0
      )
      rotate(calc((.5 - var(--v15-logo-sweep)) * -10deg))
      scale(calc(.94 + var(--v15-logo-v) * .06))!important;
  }
  html.sinco-v15 body #intention .v13-logo-ghost {
    opacity:calc(var(--v15-logo-v) * .075)!important;
  }
  html.sinco-v15 body #intention .editorial-title-tagline {
    padding-right:0!important;
    perspective-origin:50% 60%;
  }
  html.sinco-v15 body .v12-global-aurora-main {
    width:104vw!important;
    opacity:.062!important;
  }
  html.sinco-v15 body .v12-global-aurora-tail {
    width:54vw!important;
    opacity:.024!important;
  }
}

@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v15 body #intention.v13-intention-scene { min-height:142svh!important; }
  html.sinco-v15 body #intention .editorial-hero-logo-stage {
    opacity:calc(var(--v15-logo-v) * .24)!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.sinco-v15 body #intention.v13-intention-scene { min-height:auto!important; }
  html.sinco-v15 body #intention .editorial-hero-logo-stage,
  html.sinco-v15 body #intention .v13-logo-ghost,
  html.sinco-v15 body #intention.v13-intention-scene::before { display:none!important; }
}

/* ========================================================================== */
/* SINCO HOME V16 — safe viewport framing + true Scene 2 sticky window        */
/* ========================================================================== */

/* Scene 1: reserve the real top-bar zone instead of centering through it. */
html.sinco-v16 body .journey-stage {
  box-sizing:border-box;
  min-height:100svh;
  padding-top:clamp(138px,16svh,178px)!important;
  padding-bottom:clamp(136px,16svh,176px)!important;
  align-items:center!important;
}
html.sinco-v16 body .journey-heading {
  top:auto!important;
  align-self:center;
}
html.sinco-v16 body .journey-overline {
  margin-top:0!important;
  margin-bottom:clamp(18px,2.2vh,28px)!important;
}
html.sinco-v16.journey-motion body .journey-heading,
html.sinco-v16.v9-motion body .journey-heading {
  transform:translate3d(0,calc(var(--intro-progress,0) * -22px),0)!important;
}
html.sinco-v16 body #accueil,
html.sinco-v16 body #fonctionnement,
html.sinco-v16 body #defis-creatifs,
html.sinco-v16 body #creation,
html.sinco-v16 body #personnalisation-home,
html.sinco-v16 body #regles-home,
html.sinco-v16 body #histoire-sinco-home {
  scroll-margin-top:96px;
}

/* Scene 2: outer section supplies scroll distance, inner window owns the viewport. */
html.sinco-v16 body .editorial-home > #intention.v16-intention-scroll {
  display:block!important;
  position:relative!important;
  min-height:255svh!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  contain:none!important;
  content-visibility:visible!important;
  isolation:isolate;
  background:#19161f!important;
}
html.sinco-v16 body #intention .v16-intention-window {
  position:sticky;
  top:82px;
  width:100%;
  height:calc(100svh - 94px);
  min-height:560px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
  grid-template-rows:auto;
  align-content:center;
  column-gap:clamp(44px,7vw,120px);
  padding:clamp(46px,6vh,74px) clamp(28px,8vw,140px) clamp(56px,7vh,88px)!important;
  overflow:hidden;
  background:#19161f;
  isolation:isolate;
}
html.sinco-v16 body #intention .v16-intention-window > .editorial-title,
html.sinco-v16 body #intention .v16-intention-window > .editorial-lead,
html.sinco-v16 body #intention .v16-intention-window > .hero-short-copy,
html.sinco-v16 body #intention .v16-intention-window > .hero-actions,
html.sinco-v16 body #intention .v16-intention-window > .play-store-badge {
  grid-column:1!important;
  max-width:720px!important;
  position:relative;
  z-index:4!important;
}
html.sinco-v16 body #intention .v16-intention-window > .editorial-hero-logo-stage {
  grid-column:2!important;
  grid-row:1 / span 5!important;
  align-self:center!important;
  justify-self:center!important;
  position:relative!important;
  top:auto!important;
  right:auto!important;
  z-index:2!important;
  max-width:min(34vw,430px)!important;
  width:100%!important;
  height:auto!important;
  min-height:320px!important;
}
html.sinco-v16 body #intention .editorial-title {
  margin-top:0!important;
}
html.sinco-v16 body #intention .editorial-title-tagline {
  font-size:clamp(34px,4vw,60px)!important;
  line-height:1.08!important;
}
html.sinco-v16 body #intention .editorial-lead {
  margin-top:clamp(22px,2.6vh,34px)!important;
}
html.sinco-v16 body #intention .hero-short-copy {
  margin-top:clamp(12px,1.8vh,22px)!important;
}
html.sinco-v16 body #intention .hero-actions {
  margin-top:clamp(18px,2.2vh,28px)!important;
}
html.sinco-v16 body #intention .play-store-badge {
  margin-top:clamp(12px,1.5vh,20px)!important;
}

/* Bottom map: the labels belong to their points and sit just above them. */
html.sinco-v16 body .journey-rail.v11-section-map {
  pointer-events:auto!important;
}
html.sinco-v16 body .v11-section-map-line {
  pointer-events:none!important;
}
html.sinco-v16 body .v11-section-map-nodes {
  pointer-events:auto!important;
}
html.sinco-v16 body .v11-section-map-nodes > a {
  position:relative!important;
  z-index:3!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}
html.sinco-v16 body .v11-node-dot,
html.sinco-v16 body .v11-node-tooltip {
  pointer-events:none!important;
}
html.sinco-v16 body .v11-node-tooltip {
  top:calc(var(--v13-map-y) - 7px)!important;
  min-height:0!important;
  transform:translate(-50%,-100%)!important;
}
html.sinco-v16 body .v11-section-map-nodes > a[aria-current] .v11-node-tooltip,
html.sinco-v16 body .v11-section-map-nodes > a:hover .v11-node-tooltip,
html.sinco-v16 body .v11-section-map-nodes > a:focus-visible .v11-node-tooltip {
  transform:translate(-50%,-100%)!important;
}

@media (max-width:759px) {
  html.sinco-v16 body .journey-stage {
    padding-top:clamp(132px,16svh,158px)!important;
    padding-bottom:clamp(142px,18svh,174px)!important;
  }
  html.sinco-v16 body .journey-heading {
    width:min(88%,520px)!important;
  }
  html.sinco-v16 body .journey-overline {
    font-size:clamp(13px,3.7vw,16px)!important;
    margin-bottom:16px!important;
  }
  html.sinco-v16 body .journey-heading h1 {
    font-size:clamp(54px,16.2vw,82px)!important;
    line-height:.92!important;
  }
  html.sinco-v16 body .journey-subtitle {
    margin:22px 0 18px!important;
    max-width:82%!important;
  }
  html.sinco-v16 body .journey-discover {
    margin-top:8px!important;
  }

  html.sinco-v16 body .editorial-home > #intention.v16-intention-scroll {
    min-height:285svh!important;
  }
  html.sinco-v16 body #intention .v16-intention-window {
    top:68px;
    height:calc(100svh - 76px);
    min-height:0;
    display:block!important;
    padding:clamp(34px,5svh,52px) 24px clamp(48px,7svh,70px)!important;
  }
  html.sinco-v16 body #intention .v16-intention-window > .editorial-hero-logo-stage {
    display:grid!important;
    position:absolute!important;
    top:50%!important;
    right:-56px!important;
    width:min(44vw,176px)!important;
    min-height:0!important;
    height:min(44vw,176px)!important;
    transform-origin:center;
    z-index:1!important;
  }
  html.sinco-v16 body #intention .v16-intention-window > .editorial-title,
  html.sinco-v16 body #intention .v16-intention-window > .editorial-lead,
  html.sinco-v16 body #intention .v16-intention-window > .hero-short-copy,
  html.sinco-v16 body #intention .v16-intention-window > .hero-actions,
  html.sinco-v16 body #intention .v16-intention-window > .play-store-badge {
    max-width:min(92vw,620px)!important;
  }
  html.sinco-v16 body #intention .editorial-title-tagline {
    font-size:clamp(32px,9.6vw,48px)!important;
    line-height:1.04!important;
  }
  html.sinco-v16 body #intention .editorial-lead {
    font-size:clamp(15px,4vw,18px)!important;
    line-height:1.55!important;
  }
  html.sinco-v16 body #intention .hero-short-copy {
    font-size:clamp(13px,3.6vw,16px)!important;
    line-height:1.55!important;
    max-width:86%!important;
  }

  html.sinco-v16 body .v11-node-tooltip {
    top:calc(var(--v13-map-y) - 5px)!important;
  }
}

@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v16 body .journey-stage {
    padding:82px 7vw 68px!important;
    align-items:center!important;
  }
  html.sinco-v16 body .journey-heading {
    width:58%!important;
  }
  html.sinco-v16 body .journey-overline {
    font-size:12px!important;
    margin-bottom:10px!important;
  }
  html.sinco-v16 body .journey-heading h1 {
    font-size:clamp(46px,9.2vw,70px)!important;
    line-height:.90!important;
  }
  html.sinco-v16 body .journey-subtitle {
    margin:13px 0 10px!important;
    font-size:14px!important;
  }
  html.sinco-v16 body .journey-discover {
    margin-top:3px!important;
    font-size:12px!important;
  }
  html.sinco-v16 body .journey-baseline { display:none!important; }

  html.sinco-v16 body .editorial-home > #intention.v16-intention-scroll {
    min-height:300svh!important;
  }
  html.sinco-v16 body #intention .v16-intention-window {
    top:62px;
    height:calc(100svh - 68px);
    min-height:0;
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
    column-gap:5vw!important;
    padding:16px 6vw 18px!important;
    align-content:center!important;
  }
  html.sinco-v16 body #intention .v16-intention-window > .editorial-title {
    grid-column:1!important;
    grid-row:1 / span 5!important;
    align-self:center!important;
    padding-right:2vw;
  }
  html.sinco-v16 body #intention .v16-intention-window > .editorial-lead,
  html.sinco-v16 body #intention .v16-intention-window > .hero-short-copy,
  html.sinco-v16 body #intention .v16-intention-window > .hero-actions,
  html.sinco-v16 body #intention .v16-intention-window > .play-store-badge {
    grid-column:2!important;
    margin-top:7px!important;
  }
  html.sinco-v16 body #intention .v16-intention-window > .editorial-hero-logo-stage {
    position:absolute!important;
    left:43%!important;
    top:50%!important;
    width:min(24vw,190px)!important;
    height:min(24vw,190px)!important;
    min-height:0!important;
    opacity:calc(var(--v15-logo-v) * .16)!important;
    z-index:1!important;
  }
  html.sinco-v16 body #intention .editorial-title-tagline {
    font-size:clamp(28px,5.1vw,44px)!important;
    line-height:1!important;
  }
  html.sinco-v16 body #intention .editorial-lead {
    font-size:13px!important;
    line-height:1.38!important;
  }
  html.sinco-v16 body #intention .hero-short-copy {
    font-size:11.5px!important;
    line-height:1.38!important;
  }
  html.sinco-v16 body #intention .hero-actions .button {
    min-height:34px!important;
    padding:7px 13px!important;
  }
  html.sinco-v16 body #intention .play-store-badge {
    transform-origin:left center!important;
    scale:.84;
  }
  html.sinco-v16 body .v11-node-tooltip {
    top:calc(var(--v13-map-y) - 4px)!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.sinco-v16 body .editorial-home > #intention.v16-intention-scroll {
    min-height:auto!important;
  }
  html.sinco-v16 body #intention .v16-intention-window {
    position:relative!important;
    top:auto!important;
    height:auto!important;
    min-height:0!important;
  }
}

/* Modern block-layout supports align-content; neutralize the old centered value so
   the sticky window starts at the section top instead of ~half a viewport too low/high. */
html.sinco-v16 body .editorial-home > #intention.v16-intention-scroll {
  align-content:normal!important;
}

/* Final header clearance: sticky content always starts below the compact bar. */
html.sinco-v16 body #intention .v16-intention-window {
  top:98px;
  height:calc(100svh - 108px);
}
@media (max-width:759px) {
  html.sinco-v16 body #intention .v16-intention-window {
    top:82px;
    height:calc(100svh - 90px);
  }
}
@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v16 body #intention .v16-intention-window {
    top:86px;
    height:calc(100svh - 92px);
  }
}

/* Pixel-safe final clearance measured against the real compact-header bounds. */
html.sinco-v16 body #intention .v16-intention-window {
  top:108px;
  height:calc(100svh - 118px);
}
@media (max-width:759px) {
  html.sinco-v16 body #intention .v16-intention-window {
    top:84px;
    height:calc(100svh - 92px);
  }
}
@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v16 body #intention .v16-intention-window {
    top:90px;
    height:calc(100svh - 96px);
  }
}


/* ========================================================================== */
/* SINCO HOME V17 — scene-2 framing + witnessed scroll reveal                 */
/* ========================================================================== */
html.sinco-v17 body {
  --v17-intention-top:82px;
  --v17-intention-bottom:90px;
}
html.sinco-v17 body .editorial-home > #intention.v16-intention-scroll {
  min-height:250svh!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html.sinco-v17 body #intention .v16-intention-window {
  top:var(--v17-intention-top)!important;
  height:calc(100svh - var(--v17-intention-top) - var(--v17-intention-bottom))!important;
  min-height:0!important;
  overflow:hidden!important;
  align-content:center!important;
  padding:clamp(28px,4.2vh,50px) clamp(28px,7vw,118px) clamp(30px,4.4vh,54px)!important;
}
html.sinco-v17 body #intention .editorial-title-tagline {
  font-size:clamp(33px,3.65vw,56px)!important;
  line-height:1.045!important;
}
html.sinco-v17 body #intention .editorial-lead {
  margin-top:clamp(16px,2vh,24px)!important;
  font-size:clamp(15px,1.28vw,18px)!important;
  line-height:1.46!important;
}
html.sinco-v17 body #intention .hero-short-copy {
  margin-top:clamp(8px,1.2vh,14px)!important;
  font-size:clamp(13px,1.1vw,16px)!important;
  line-height:1.45!important;
}
html.sinco-v17 body #intention .hero-actions { margin-top:clamp(12px,1.5vh,18px)!important; }
html.sinco-v17 body #intention .play-store-badge { margin-top:clamp(8px,1.1vh,13px)!important; }
html.sinco-v17 body #intention .v16-intention-window > .editorial-hero-logo-stage {
  max-width:min(29vw,370px)!important;
  min-height:0!important;
}
html.sinco-v17 body .v11-node-tooltip {
  top:calc(var(--v13-map-y) - 20px)!important;
  transform:translate(-50%,-100%)!important;
}
html.sinco-v17 body .v11-section-map-nodes > a[aria-current] .v11-node-tooltip,
html.sinco-v17 body .v11-section-map-nodes > a:hover .v11-node-tooltip,
html.sinco-v17 body .v11-section-map-nodes > a:focus-visible .v11-node-tooltip {
  transform:translate(-50%,-100%)!important;
}
@media (max-width:759px) {
  html.sinco-v17 body { --v17-intention-top:70px; --v17-intention-bottom:78px; }
  html.sinco-v17 body .editorial-home > #intention.v16-intention-scroll { min-height:270svh!important; }
  html.sinco-v17 body #intention .v16-intention-window {
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:0!important;
    padding:18px 22px 22px!important;
  }
  html.sinco-v17 body #intention .v16-intention-window > .editorial-hero-logo-stage {
    position:absolute!important;
    top:50%!important;
    right:-48px!important;
    width:min(39vw,154px)!important;
    height:min(39vw,154px)!important;
    max-width:none!important;
    opacity:calc(var(--v15-logo-v) * .17)!important;
  }
  html.sinco-v17 body #intention .v16-intention-window > .editorial-title,
  html.sinco-v17 body #intention .v16-intention-window > .editorial-lead,
  html.sinco-v17 body #intention .v16-intention-window > .hero-short-copy,
  html.sinco-v17 body #intention .v16-intention-window > .hero-actions,
  html.sinco-v17 body #intention .v16-intention-window > .play-store-badge {
    flex:0 0 auto!important;
    width:auto!important;
    max-width:min(90vw,610px)!important;
  }
  html.sinco-v17 body #intention .editorial-title-tagline { font-size:clamp(29px,8.7vw,42px)!important; line-height:1.015!important; }
  html.sinco-v17 body #intention .editorial-lead { margin-top:14px!important; font-size:clamp(13.5px,3.6vw,16px)!important; line-height:1.42!important; }
  html.sinco-v17 body #intention .hero-short-copy { margin-top:7px!important; max-width:88%!important; font-size:clamp(12px,3.15vw,14px)!important; line-height:1.4!important; }
  html.sinco-v17 body #intention .hero-actions { margin-top:10px!important; }
  html.sinco-v17 body #intention .hero-actions .button { min-height:38px!important; padding:8px 14px!important; }
  html.sinco-v17 body #intention .play-store-badge { margin-top:7px!important; transform-origin:left center!important; }
  html.sinco-v17 body .v11-node-tooltip { top:calc(var(--v13-map-y) - 18px)!important; }
}
@media (max-width:759px) and (max-height:720px) and (orientation:portrait) {
  html.sinco-v17 body { --v17-intention-top:66px; --v17-intention-bottom:74px; }
  html.sinco-v17 body #intention .v16-intention-window { padding:12px 20px 14px!important; }
  html.sinco-v17 body #intention .editorial-title-tagline { font-size:clamp(27px,8.1vw,36px)!important; }
  html.sinco-v17 body #intention .editorial-lead { margin-top:10px!important; font-size:12.5px!important; line-height:1.34!important; }
  html.sinco-v17 body #intention .hero-short-copy { margin-top:5px!important; font-size:11.5px!important; line-height:1.33!important; }
  html.sinco-v17 body #intention .hero-actions { margin-top:7px!important; }
  html.sinco-v17 body #intention .play-store-badge { margin-top:5px!important; scale:.90; }
}
@media (max-height:720px) and (min-width:760px) {
  html.sinco-v17 body { --v17-intention-top:78px; --v17-intention-bottom:66px; }
  html.sinco-v17 body #intention .v16-intention-window {
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    align-content:center!important;
    column-gap:5vw!important;
    padding:14px 5.5vw 16px!important;
  }
  html.sinco-v17 body #intention .v16-intention-window > .editorial-title {
    grid-column:1!important; grid-row:1!important; align-self:center!important; max-width:none!important; padding-right:1vw;
  }
  html.sinco-v17 body #intention .v16-intention-window > .editorial-lead,
  html.sinco-v17 body #intention .v16-intention-window > .hero-short-copy,
  html.sinco-v17 body #intention .v16-intention-window > .hero-actions,
  html.sinco-v17 body #intention .v16-intention-window > .play-store-badge { grid-column:2!important; max-width:none!important; }
  html.sinco-v17 body #intention .v16-intention-window > .editorial-lead { grid-row:1!important; align-self:start!important; margin-top:3vh!important; }
  html.sinco-v17 body #intention .v16-intention-window > .hero-short-copy { grid-row:1!important; align-self:center!important; margin-top:2vh!important; }
  html.sinco-v17 body #intention .v16-intention-window > .hero-actions { grid-row:1!important; align-self:end!important; margin-bottom:52px!important; }
  html.sinco-v17 body #intention .v16-intention-window > .play-store-badge { grid-row:1!important; align-self:end!important; margin-bottom:2px!important; }
  html.sinco-v17 body #intention .v16-intention-window > .editorial-hero-logo-stage {
    position:absolute!important; left:44%!important; top:50%!important; width:min(20vw,172px)!important; height:min(20vw,172px)!important; max-width:none!important; z-index:1!important; opacity:calc(var(--v15-logo-v) * .12)!important;
  }
  html.sinco-v17 body #intention .editorial-title-tagline { font-size:clamp(27px,4.65vw,43px)!important; line-height:.99!important; }
  html.sinco-v17 body #intention .editorial-lead { font-size:clamp(11.5px,1.42vw,13.5px)!important; line-height:1.32!important; }
  html.sinco-v17 body #intention .hero-short-copy { font-size:clamp(10.5px,1.22vw,12.5px)!important; line-height:1.32!important; }
  html.sinco-v17 body #intention .hero-actions .button { min-height:33px!important; padding:6px 12px!important; font-size:11.5px!important; }
  html.sinco-v17 body #intention .play-store-badge { scale:.82; transform-origin:left bottom!important; }
  html.sinco-v17 body .v11-node-tooltip { top:calc(var(--v13-map-y) - 18px)!important; }
}
@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v17 body { --v17-intention-top:78px; --v17-intention-bottom:62px; }
  html.sinco-v17 body #intention .v16-intention-window { padding:10px 5.5vw 12px!important; }
  html.sinco-v17 body #intention .v16-intention-window > .editorial-lead { margin-top:1vh!important; }
  html.sinco-v17 body #intention .v16-intention-window > .hero-actions { margin-bottom:45px!important; }
  html.sinco-v17 body #intention .editorial-title-tagline { font-size:clamp(26px,4.7vw,40px)!important; }
  html.sinco-v17 body .v11-node-tooltip { top:calc(var(--v13-map-y) - 18px)!important; }
}
@media (prefers-reduced-motion:reduce) {
  html.sinco-v17 body #intention .v16-intention-window { height:auto!important; overflow:visible!important; }
}


/* ========================================================================== */
/* SINCO HOME V18 — internal timeline + tighter scene rhythm + clearer CTAs   */
/* ========================================================================== */

/* Scene 2: keep the full authored reveal, but release the sticky scene sooner
   once its final state has been witnessed. */
html.sinco-v18 body .editorial-home > #intention.v16-intention-scroll {
  min-height:210svh!important;
}
@media (max-width:759px) {
  html.sinco-v18 body .editorial-home > #intention.v16-intention-scroll {
    min-height:220svh!important;
  }
}
@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v18 body .editorial-home > #intention.v16-intention-scroll {
    min-height:205svh!important;
  }
}

/* Compact Google Play CTA in Scene 2 only. The final download section keeps
   the fuller store badge. */
html.sinco-v18 body #intention .play-store-badge.play-store-badge-premium {
  display:inline-grid!important;
  grid-template-columns:26px auto!important;
  grid-template-areas:"store-icon store-copy"!important;
  align-items:center!important;
  justify-content:start!important;
  width:max-content!important;
  min-width:0!important;
  max-width:min(100%,230px)!important;
  gap:9px!important;
  padding:8px 12px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
}
html.sinco-v18 body #intention .play-store-badge.play-store-badge-premium > img {
  grid-area:store-icon!important;
  width:24px!important;
  height:26px!important;
  margin:0!important;
}
html.sinco-v18 body #intention .play-store-badge.play-store-badge-premium > span:not(.play-store-badge-status) {
  grid-area:store-copy!important;
  min-width:0!important;
}
html.sinco-v18 body #intention .play-store-badge.play-store-badge-premium small {
  font-size:9px!important;
  line-height:1.05!important;
}
html.sinco-v18 body #intention .play-store-badge.play-store-badge-premium strong {
  font-size:15px!important;
  line-height:1.05!important;
}
html.sinco-v18 body #intention .play-store-badge.play-store-badge-premium .play-store-badge-status {
  display:none!important;
}
@media (max-width:620px) {
  html.sinco-v18 body #intention .play-store-badge.play-store-badge-premium {
    width:max-content!important;
    max-width:220px!important;
    grid-template-columns:24px auto!important;
    grid-template-areas:"store-icon store-copy"!important;
    padding:8px 11px!important;
  }
}

/* Timeline markers are navigation within this single homepage. Anchor targets
   reserve the floating header so a click never lands with its title hidden. */
html.sinco-v18 body #accueil,
html.sinco-v18 body #fonctionnement,
html.sinco-v18 body #defis-creatifs,
html.sinco-v18 body #creation,
html.sinco-v18 body #personnalisation-home,
html.sinco-v18 body #regles-home,
html.sinco-v18 body #histoire-sinco-home {
  scroll-margin-top:clamp(82px,10vh,118px);
}

/* Make the authored destination CTA clearly discoverable without turning the
   sections into button walls. */
html.sinco-v18 body .home-info-traces .inline-link,
html.sinco-v18 body #personnalisation-home .inline-link,
html.sinco-v18 body #regles-home .inline-link,
html.sinco-v18 body #histoire-sinco-home .inline-link {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  margin-top:18px!important;
  padding:9px 15px!important;
  border:1px solid rgba(var(--destination-accent-rgb,var(--site-accent-rgb,137,120,181)),.48)!important;
  border-radius:999px!important;
  background:rgba(var(--destination-accent-rgb,var(--site-accent-rgb,137,120,181)),.09)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:#f4f1f8!important;
  text-decoration:none!important;
  font-weight:720!important;
  letter-spacing:.005em!important;
  transition:transform 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease!important;
}
html.sinco-v18 body .home-info-traces .inline-link:hover,
html.sinco-v18 body .home-info-traces .inline-link:focus-visible,
html.sinco-v18 body #personnalisation-home .inline-link:hover,
html.sinco-v18 body #personnalisation-home .inline-link:focus-visible,
html.sinco-v18 body #regles-home .inline-link:hover,
html.sinco-v18 body #regles-home .inline-link:focus-visible,
html.sinco-v18 body #histoire-sinco-home .inline-link:hover,
html.sinco-v18 body #histoire-sinco-home .inline-link:focus-visible {
  transform:translateY(-2px)!important;
  background:rgba(var(--destination-accent-rgb,var(--site-accent-rgb,137,120,181)),.16)!important;
  border-color:rgba(var(--destination-accent-rgb,var(--site-accent-rgb,137,120,181)),.75)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.22), 0 0 28px rgba(var(--destination-accent-rgb,var(--site-accent-rgb,137,120,181)),.10)!important;
}
@media (max-width:759px) {
  html.sinco-v18 body .home-info-traces .inline-link,
  html.sinco-v18 body #personnalisation-home .inline-link,
  html.sinco-v18 body #regles-home .inline-link,
  html.sinco-v18 body #histoire-sinco-home .inline-link {
    min-height:40px!important;
    padding:8px 13px!important;
    font-size:14px!important;
  }
}

/* ========================================================================== */
/* SINCO V19 — global section map + scene-2 polish                            */
/* ========================================================================== */

/* The section map is now part of the site shell: it remains available on the
   four detailed pages and routes every landmark back to the corresponding
   section of the long-form homepage. */
html.sinco-global-map body .journey-rail.v11-section-map.v19-global-section-map {
  --map-progress:0%;
  --v19-map-y:50px;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:max(9px,env(safe-area-inset-bottom))!important;
  z-index:9998!important;
  width:min(820px,calc(100vw - 26px))!important;
  height:70px!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  transform:translateX(-50%)!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  pointer-events:auto!important;
}
html.sinco-global-map body .v11-section-map-label { display:none!important; }
html.sinco-global-map body .v11-section-map-line {
  position:absolute!important;
  left:5.5%!important;
  right:5.5%!important;
  top:var(--v19-map-y)!important;
  height:1px!important;
  transform:translateY(-50%)!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(137,120,181,.30) 0%,
    rgba(112,140,176,.28) 17%,
    rgba(109,153,158,.30) 33%,
    rgba(124,152,120,.28) 50%,
    rgba(173,160,100,.28) 67%,
    rgba(170,121,138,.28) 83%,
    rgba(156,126,171,.30) 100%)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.34)!important;
}
html.sinco-global-map body .v11-section-map-progress {
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:var(--map-progress)!important;
  background:linear-gradient(90deg,
    rgb(137,120,181),
    rgb(112,140,176) 18%,
    rgb(109,153,158) 34%,
    rgb(124,152,120) 51%,
    rgb(173,160,100) 68%,
    rgb(170,121,138) 84%,
    rgb(156,126,171))!important;
  opacity:.68!important;
}
html.sinco-global-map body .v11-section-map-nodes {
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  grid-template-columns:repeat(7,1fr)!important;
  align-items:start!important;
  pointer-events:auto!important;
}
html.sinco-global-map body .v11-section-map-nodes > a {
  position:relative!important;
  z-index:3!important;
  justify-self:stretch!important;
  width:100%!important;
  height:68px!important;
  min-width:0!important;
  display:block!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  outline:none!important;
}
html.sinco-global-map body .v11-node-dot {
  position:absolute!important;
  left:50%!important;
  top:var(--v19-map-y)!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  transform:translate(-50%,-50%)!important;
  background:rgb(var(--node-rgb))!important;
  box-shadow:0 0 0 3px rgba(10,11,14,.72),0 0 0 4px rgba(var(--node-rgb),.18)!important;
  opacity:.72!important;
  pointer-events:none!important;
  transition:width .2s ease,height .2s ease,opacity .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
html.sinco-global-map body .v11-section-map-nodes > a[aria-current] .v11-node-dot {
  width:10px!important;
  height:10px!important;
  opacity:1!important;
  box-shadow:0 0 0 4px rgba(10,11,14,.72),0 0 0 5px rgba(var(--node-rgb),.30),0 0 18px rgba(var(--node-rgb),.48)!important;
}
html.sinco-global-map body .v11-section-map-nodes > a[aria-current] .v11-node-dot::after {
  content:'';
  position:absolute;
  inset:-8px;
  border:1px solid rgba(var(--node-rgb),.26);
  border-radius:50%;
  animation:v11-map-wave 2.2s ease-out infinite;
}
html.sinco-global-map body .v11-section-map-nodes > a:hover .v11-node-dot,
html.sinco-global-map body .v11-section-map-nodes > a:focus-visible .v11-node-dot {
  opacity:1!important;
  transform:translate(-50%,-50%) scale(1.2)!important;
}
html.sinco-global-map body .v11-node-tooltip {
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:calc(var(--v19-map-y) - 16px)!important;
  bottom:auto!important;
  width:min(106px,12vw)!important;
  max-width:none!important;
  min-height:0!important;
  transform:translate(-50%,-100%)!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(var(--node-rgb),.74)!important;
  font-size:clamp(7px,.78vw,9px)!important;
  font-weight:570!important;
  letter-spacing:.018em!important;
  line-height:1.08!important;
  text-align:center!important;
  text-wrap:balance!important;
  white-space:normal!important;
  opacity:1!important;
  pointer-events:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-shadow:0 2px 10px rgba(0,0,0,.82)!important;
}
html.sinco-global-map body .v11-section-map-nodes > a[aria-current] .v11-node-tooltip,
html.sinco-global-map body .v11-section-map-nodes > a:hover .v11-node-tooltip,
html.sinco-global-map body .v11-section-map-nodes > a:focus-visible .v11-node-tooltip {
  color:rgb(var(--node-rgb))!important;
  font-weight:760!important;
  transform:translate(-50%,-100%)!important;
}

/* Scene 2: a deliberate two-part composition. The explanation and its actions
   belong to one copy block instead of floating independently in landscape. */
html.sinco-v19 body #intention { --v19-logo-rest:0; }
html.sinco-v19 body #intention .v16-intention-window {
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr)!important;
  align-items:center!important;
  align-content:center!important;
  column-gap:clamp(34px,6vw,104px)!important;
}
html.sinco-v19 body #intention .v16-intention-window > .editorial-title {
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  max-width:760px!important;
  z-index:4!important;
}
html.sinco-v19 body #intention .v19-intention-copy-stack {
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:clamp(9px,1.3vh,15px)!important;
  width:min(100%,540px)!important;
  padding:clamp(18px,2.5vw,30px)!important;
  border:1px solid rgba(168,156,196,.13)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(19,18,24,.58),rgba(12,13,17,.24))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  z-index:4!important;
}
html.sinco-v19 body #intention .v19-intention-copy-stack > * {
  width:auto!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
html.sinco-v19 body #intention .v19-intention-copy-stack .editorial-lead,
html.sinco-v19 body #intention .v19-intention-copy-stack .hero-short-copy,
html.sinco-v19 body #intention .v19-intention-copy-stack .hero-actions,
html.sinco-v19 body #intention .v19-intention-copy-stack .play-store-badge {
  margin-top:0!important;
}
html.sinco-v19 body #intention .v19-intention-copy-stack .hero-actions {
  margin-bottom:1px!important;
}

/* Compact, site-native Google Play badge. The icon and copy are two explicit
   flex items, so the icon can never sit behind the text. */
html.sinco-v19 body #intention .play-store-badge.play-store-badge-premium {
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:flex-start!important;
  width:auto!important;
  min-width:0!important;
  max-width:230px!important;
  gap:9px!important;
  padding:8px 12px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
}
html.sinco-v19 body #intention .play-store-badge.play-store-badge-premium > img {
  position:static!important;
  display:block!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:26px!important;
  margin:0!important;
  transform:none!important;
  object-fit:contain!important;
}
html.sinco-v19 body #intention .play-store-badge.play-store-badge-premium > span:not(.play-store-badge-status) {
  position:static!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  line-height:1!important;
}
html.sinco-v19 body #intention .play-store-badge.play-store-badge-premium small {
  display:block!important;
  font-size:9px!important;
  line-height:1.05!important;
}
html.sinco-v19 body #intention .play-store-badge.play-store-badge-premium strong {
  display:block!important;
  font-size:15px!important;
  line-height:1.08!important;
}
html.sinco-v19 body #intention .play-store-badge.play-store-badge-premium .play-store-badge-status {
  display:none!important;
}

/* At the end of Scene 2, keep only a quiet Sinco silhouette in the background.
   The travelling mark itself still fades away. */
html.sinco-v19 body #intention .v19-logo-rest-ghost {
  position:absolute!important;
  z-index:1!important;
  right:clamp(2vw,5vw,76px)!important;
  bottom:clamp(18px,5vh,58px)!important;
  width:min(30vw,360px)!important;
  height:auto!important;
  opacity:calc(var(--v19-logo-rest) * .085)!important;
  filter:grayscale(1) brightness(1.55) contrast(.82)!important;
  transform:translate3d(0,calc((1 - var(--v19-logo-rest)) * 26px),0) rotate(-5deg)!important;
  pointer-events:none!important;
  user-select:none!important;
}

@media (max-width:759px) {
  html.sinco-global-map body .journey-rail.v11-section-map.v19-global-section-map {
    --v19-map-y:48px;
    bottom:max(4px,env(safe-area-inset-bottom))!important;
    width:calc(100vw - 8px)!important;
    height:66px!important;
  }
  html.sinco-global-map body .v11-section-map-line { left:6.5%!important; right:6.5%!important; }
  html.sinco-global-map body .v11-section-map-nodes > a { height:64px!important; }
  html.sinco-global-map body .v11-node-tooltip {
    top:calc(var(--v19-map-y) - 13px)!important;
    width:13.2vw!important;
    font-size:clamp(6.2px,1.78vw,7.7px)!important;
    line-height:1.02!important;
    letter-spacing:0!important;
  }
  html.sinco-global-map body .v11-node-dot { width:6px!important; height:6px!important; }
  html.sinco-global-map body .v11-section-map-nodes > a[aria-current] .v11-node-dot { width:9px!important; height:9px!important; }

  html.sinco-v19 body #intention .v16-intention-window {
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:clamp(12px,2vh,18px)!important;
  }
  html.sinco-v19 body #intention .v16-intention-window > .editorial-title { width:100%!important; }
  html.sinco-v19 body #intention .v19-intention-copy-stack {
    width:min(100%,610px)!important;
    padding:14px 15px!important;
    border-radius:18px!important;
    gap:8px!important;
  }
  html.sinco-v19 body #intention .v19-logo-rest-ghost {
    right:-30px!important;
    bottom:76px!important;
    width:min(48vw,190px)!important;
    opacity:calc(var(--v19-logo-rest) * .055)!important;
  }
}

/* Landscape short screens: title left, one coherent copy panel right, with a
   settled logo silhouette behind the composition. */
@media (orientation:landscape) and (max-height:650px) and (max-width:1100px) {
  html.sinco-global-map body .journey-rail.v11-section-map.v19-global-section-map {
    --v19-map-y:38px;
    height:54px!important;
  }
  html.sinco-global-map body .v11-node-tooltip {
    top:calc(var(--v19-map-y) - 11px)!important;
    font-size:6.5px!important;
    line-height:1!important;
  }
  html.sinco-global-map body .v11-section-map-nodes > a { height:52px!important; }

  html.sinco-v19 body #intention .v16-intention-window {
    grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr)!important;
    column-gap:clamp(28px,5vw,62px)!important;
    padding:10px 5vw 12px!important;
  }
  html.sinco-v19 body #intention .v16-intention-window > .editorial-title {
    padding-right:1vw!important;
    align-self:center!important;
  }
  html.sinco-v19 body #intention .v19-intention-copy-stack {
    width:100%!important;
    padding:12px 14px!important;
    gap:6px!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,rgba(18,18,23,.72),rgba(11,12,16,.34))!important;
  }
  html.sinco-v19 body #intention .v19-intention-copy-stack .editorial-lead {
    font-size:clamp(11.5px,1.4vw,13.5px)!important;
    line-height:1.28!important;
  }
  html.sinco-v19 body #intention .v19-intention-copy-stack .hero-short-copy {
    font-size:clamp(10.5px,1.2vw,12.5px)!important;
    line-height:1.28!important;
  }
  html.sinco-v19 body #intention .v19-intention-copy-stack .hero-actions .button {
    min-height:32px!important;
    padding:6px 11px!important;
    font-size:11.5px!important;
  }
  html.sinco-v19 body #intention .play-store-badge.play-store-badge-premium {
    scale:.84!important;
    transform-origin:left center!important;
  }
  html.sinco-v19 body #intention .v19-logo-rest-ghost {
    right:36%!important;
    bottom:2%!important;
    width:min(22vw,180px)!important;
    opacity:calc(var(--v19-logo-rest) * .10)!important;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.sinco-global-map body .v11-section-map-nodes > a[aria-current] .v11-node-dot::after { animation:none!important; }
  html.sinco-v19 body #intention .v19-logo-rest-ghost { opacity:.06!important; transform:none!important; }
}

/* Detailed pages keep enough breathing room for the persistent bottom map. */
html.sinco-map-detail body {
  padding-bottom:max(86px,calc(env(safe-area-inset-bottom) + 74px))!important;
}
@media (orientation:landscape) and (max-height:650px) and (max-width:1100px) {
  html.sinco-map-detail body { padding-bottom:max(64px,calc(env(safe-area-inset-bottom) + 54px))!important; }
}


/* ========================================================================== */
/* SINCO V20 — remove redundant Traces summary + lock timeline geometry       */
/* ========================================================================== */

/* One authoritative Y coordinate: the rail and every marker share it. Labels
   live safely above both the marker and the active marker's pulse. */
html.sinco-global-map body .journey-rail.v11-section-map.v19-global-section-map {
  --v20-map-y:50px;
}
html.sinco-global-map body .v11-section-map-line,
html.sinco-global-map body .v11-node-dot {
  top:var(--v20-map-y)!important;
}
html.sinco-global-map body .v11-node-tooltip {
  top:calc(var(--v20-map-y) - 24px)!important;
  transform:translate(-50%,-100%)!important;
}
html.sinco-global-map body .v11-section-map-nodes > a[aria-current] .v11-node-tooltip,
html.sinco-global-map body .v11-section-map-nodes > a:hover .v11-node-tooltip,
html.sinco-global-map body .v11-section-map-nodes > a:focus-visible .v11-node-tooltip {
  transform:translate(-50%,-100%)!important;
}
html.sinco-global-map body .v11-section-map-nodes > a[aria-current] .v11-node-dot::after {
  inset:-5px!important;
}

@media (max-width:759px) {
  html.sinco-global-map body .journey-rail.v11-section-map.v19-global-section-map {
    --v20-map-y:48px;
  }
  html.sinco-global-map body .v11-node-tooltip {
    top:calc(var(--v20-map-y) - 21px)!important;
  }
}

@media (orientation:landscape) and (max-height:650px) and (max-width:1100px) {
  html.sinco-global-map body .journey-rail.v11-section-map.v19-global-section-map {
    --v20-map-y:38px;
  }
  html.sinco-global-map body .v11-node-tooltip {
    top:calc(var(--v20-map-y) - 17px)!important;
  }
}

/* ========================================================================== */
/* SINCO V21 — authoritative map rail + centered logo ghost + silk-light hero */
/* ========================================================================== */

/* Utility used only for the live-current label retained for screen readers. */
html.sinco-v21 body .sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* -------------------------------------------------------------------------- */
/* Bottom section rail: a fresh V21 DOM, isolated from all legacy V11-V20 CSS. */
/* Rail, node grid and dot all use the exact same local coordinate system.     */
/* -------------------------------------------------------------------------- */
html.sinco-global-map body .journey-rail.v21-section-map {
  --v21-rail-y:44px;
  position:fixed!important;
  z-index:90!important;
  left:50%!important;
  right:auto!important;
  bottom:max(8px,env(safe-area-inset-bottom))!important;
  width:min(930px,calc(100vw - 28px))!important;
  height:68px!important;
  min-height:68px!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:translateX(-50%)!important;
  overflow:visible!important;
  pointer-events:none!important;
}
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-line {
  position:absolute!important;
  z-index:1!important;
  left:6.2%!important;
  right:6.2%!important;
  top:var(--v21-rail-y)!important;
  height:1px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  background:linear-gradient(90deg,
    rgba(137,120,181,.32) 0%,
    rgba(112,140,176,.30) 17%,
    rgba(109,153,158,.33) 33%,
    rgba(124,152,120,.31) 50%,
    rgba(173,160,100,.31) 67%,
    rgba(170,121,138,.30) 83%,
    rgba(156,126,171,.32) 100%)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.28)!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-progress {
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:var(--map-progress,0%)!important;
  background:linear-gradient(90deg,
    rgb(137,120,181),
    rgb(112,140,176) 18%,
    rgb(109,153,158) 34%,
    rgb(124,152,120) 51%,
    rgb(173,160,100) 68%,
    rgb(170,121,138) 84%,
    rgb(156,126,171))!important;
  opacity:.78!important;
}
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-nodes {
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-items:stretch!important;
  margin:0!important;
  padding:0!important;
  pointer-events:auto!important;
}
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node {
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:68px!important;
  min-height:68px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  color:inherit!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-dot {
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:var(--v21-rail-y)!important;
  width:7px!important;
  height:7px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgb(var(--node-rgb))!important;
  opacity:.76!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center!important;
  box-shadow:0 0 0 3px rgba(10,11,14,.82),0 0 0 4px rgba(var(--node-rgb),.16)!important;
  pointer-events:none!important;
  transition:width .18s ease,height .18s ease,opacity .18s ease,box-shadow .18s ease!important;
}
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node[aria-current] .v21-map-dot {
  width:10px!important;
  height:10px!important;
  opacity:1!important;
  box-shadow:0 0 0 4px rgba(10,11,14,.84),0 0 0 5px rgba(var(--node-rgb),.32),0 0 15px rgba(var(--node-rgb),.42)!important;
}
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node[aria-current] .v21-map-dot::after {
  content:'';
  position:absolute!important;
  inset:-5px!important;
  border:1px solid rgba(var(--node-rgb),.24)!important;
  border-radius:50%!important;
  animation:v11-map-wave 2.2s ease-out infinite;
}
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node:hover .v21-map-dot,
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node:focus-visible .v21-map-dot {
  opacity:1!important;
  box-shadow:0 0 0 4px rgba(10,11,14,.84),0 0 0 5px rgba(var(--node-rgb),.28),0 0 13px rgba(var(--node-rgb),.34)!important;
}
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-label {
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:calc(var(--v21-rail-y) - 16px)!important;
  width:min(118px,13vw)!important;
  max-width:none!important;
  margin:0!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(var(--node-rgb),.74)!important;
  font-size:clamp(7px,.76vw,9px)!important;
  font-weight:580!important;
  line-height:1.06!important;
  letter-spacing:.012em!important;
  text-align:center!important;
  text-wrap:balance!important;
  white-space:normal!important;
  opacity:1!important;
  transform:translate(-50%,-100%)!important;
  text-shadow:0 2px 10px rgba(0,0,0,.84)!important;
  pointer-events:none!important;
}
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node[aria-current] .v21-map-label,
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node:hover .v21-map-label,
html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node:focus-visible .v21-map-label {
  color:rgb(var(--node-rgb))!important;
  font-weight:760!important;
}

@media (max-width:759px) {
  html.sinco-global-map body .journey-rail.v21-section-map {
    --v21-rail-y:42px;
    width:calc(100vw - 8px)!important;
    height:64px!important;
    min-height:64px!important;
    bottom:max(4px,env(safe-area-inset-bottom))!important;
  }
  html.sinco-global-map body .journey-rail.v21-section-map .v21-map-line { left:6.5%!important; right:6.5%!important; }
  html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node { height:64px!important; min-height:64px!important; }
  html.sinco-global-map body .journey-rail.v21-section-map .v21-map-label {
    top:calc(var(--v21-rail-y) - 14px)!important;
    width:13.3vw!important;
    font-size:clamp(6.2px,1.78vw,7.7px)!important;
    line-height:1.02!important;
    letter-spacing:0!important;
  }
  html.sinco-global-map body .journey-rail.v21-section-map .v21-map-dot { width:6px!important; height:6px!important; }
  html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node[aria-current] .v21-map-dot { width:9px!important; height:9px!important; }
}

@media (orientation:landscape) and (max-height:650px) and (max-width:1100px) {
  html.sinco-global-map body .journey-rail.v21-section-map {
    --v21-rail-y:34px;
    height:50px!important;
    min-height:50px!important;
    bottom:max(3px,env(safe-area-inset-bottom))!important;
  }
  html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node { height:50px!important; min-height:50px!important; }
  html.sinco-global-map body .journey-rail.v21-section-map .v21-map-label {
    top:calc(var(--v21-rail-y) - 12px)!important;
    font-size:6.4px!important;
    line-height:1!important;
  }
}

/* -------------------------------------------------------------------------- */
/* Scene 2 — the settled Sinco silhouette becomes a large, centered watermark. */
/* -------------------------------------------------------------------------- */
html.sinco-v21 body #intention .v19-logo-rest-ghost {
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  width:min(46vw,620px)!important;
  max-width:none!important;
  opacity:calc(var(--v19-logo-rest) * .085)!important;
  filter:grayscale(1) brightness(1.6) contrast(.80)!important;
  transform:translate3d(-50%,calc(-50% + (1 - var(--v19-logo-rest)) * 26px),0) rotate(-4deg)!important;
  transform-origin:center!important;
}
@media (max-width:759px) {
  html.sinco-v21 body #intention .v19-logo-rest-ghost {
    left:50%!important;
    top:51%!important;
    width:min(78vw,360px)!important;
    opacity:calc(var(--v19-logo-rest) * .065)!important;
    transform:translate3d(-50%,calc(-50% + (1 - var(--v19-logo-rest)) * 22px),0) rotate(-4deg)!important;
  }
}
@media (orientation:landscape) and (max-height:650px) and (max-width:1100px) {
  html.sinco-v21 body #intention .v19-logo-rest-ghost {
    left:50%!important;
    top:52%!important;
    width:min(40vw,330px)!important;
    opacity:calc(var(--v19-logo-rest) * .09)!important;
  }
}

/* -------------------------------------------------------------------------- */
/* Hero — React Bits-inspired Silk / Light Rays, with no grain and no rings.  */
/* -------------------------------------------------------------------------- */
html.sinco-v21 body .journey-intro {
  background:
    radial-gradient(72% 62% at 78% 42%,rgba(137,120,181,.09),transparent 66%),
    radial-gradient(58% 54% at 17% 78%,rgba(112,140,176,.055),transparent 70%),
    #0c0d11!important;
}
html.sinco-v21 body .v9-hero-atmosphere {
  inset:0!important;
  overflow:hidden!important;
  opacity:1!important;
}
html.sinco-v21 body .v9-hero-atmosphere .v9-orbit,
html.sinco-v21 body .v9-hero-atmosphere .v9-grain,
html.sinco-v21 body .v9-hero-atmosphere .v9-aurora { display:none!important; }
html.sinco-v21 body .v21-silk,
html.sinco-v21 body .v21-light-ray {
  position:absolute!important;
  pointer-events:none!important;
  will-change:transform,opacity!important;
}
html.sinco-v21 body .v21-silk {
  left:-18vw!important;
  width:138vw!important;
  height:38vh!important;
  min-height:250px!important;
  border-radius:50% 42% 54% 46% / 58% 46% 54% 42%!important;
  filter:blur(28px) saturate(112%)!important;
  mix-blend-mode:screen!important;
  opacity:.28!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 84%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 84%,transparent 100%)!important;
}
html.sinco-v21 body .v21-silk-a {
  top:4vh!important;
  background:linear-gradient(112deg,
    transparent 2%,
    rgba(112,140,176,.02) 16%,
    rgba(137,120,181,.28) 34%,
    rgba(204,193,218,.10) 48%,
    rgba(173,160,100,.08) 61%,
    rgba(137,120,181,.16) 74%,
    transparent 94%)!important;
  transform:translate3d(calc(var(--pointer-x,0) * 8px),calc(var(--pointer-y,0) * 5px),0) rotate(-9deg) skewX(-7deg)!important;
  animation:v21-silk-a 16s ease-in-out infinite alternate!important;
}
html.sinco-v21 body .v21-silk-b {
  top:36vh!important;
  height:30vh!important;
  background:linear-gradient(104deg,
    transparent 4%,
    rgba(137,120,181,.04) 18%,
    rgba(112,140,176,.18) 36%,
    rgba(218,213,225,.08) 52%,
    rgba(137,120,181,.18) 70%,
    transparent 93%)!important;
  transform:translate3d(calc(var(--pointer-x,0) * -6px),calc(var(--pointer-y,0) * -4px),0) rotate(6deg) skewX(5deg)!important;
  opacity:.21!important;
  animation:v21-silk-b 19s ease-in-out infinite alternate!important;
}
html.sinco-v21 body .v21-silk-c {
  top:64vh!important;
  height:19vh!important;
  background:linear-gradient(98deg,
    transparent 4%,
    rgba(173,160,100,.02) 24%,
    rgba(173,160,100,.10) 43%,
    rgba(137,120,181,.12) 61%,
    transparent 90%)!important;
  transform:translate3d(calc(var(--pointer-x,0) * 4px),calc(var(--pointer-y,0) * 3px),0) rotate(-3deg)!important;
  opacity:.17!important;
  animation:v21-silk-c 22s ease-in-out infinite alternate!important;
}
html.sinco-v21 body .v21-light-ray {
  top:-18vh!important;
  width:1px!important;
  height:135vh!important;
  transform-origin:50% 0!important;
  background:linear-gradient(180deg,transparent 0%,rgba(225,218,235,.16) 28%,rgba(137,120,181,.08) 56%,transparent 84%)!important;
  filter:blur(.25px)!important;
  opacity:.34!important;
  box-shadow:0 0 20px rgba(137,120,181,.06)!important;
}
html.sinco-v21 body .v21-light-ray-a {
  left:69%!important;
  transform:translateX(calc(var(--pointer-x,0) * 5px)) rotate(22deg)!important;
  animation:v21-ray-breathe 7.5s ease-in-out infinite alternate!important;
}
html.sinco-v21 body .v21-light-ray-b {
  left:78%!important;
  transform:translateX(calc(var(--pointer-x,0) * -4px)) rotate(22deg)!important;
  opacity:.16!important;
  animation:v21-ray-breathe 10s 1.4s ease-in-out infinite alternate-reverse!important;
}
@keyframes v21-silk-a {
  to { translate:3.5vw 2.2vh; scale:1.035 .96; rotate:2deg; }
}
@keyframes v21-silk-b {
  to { translate:-4vw -2vh; scale:.97 1.06; rotate:-2deg; }
}
@keyframes v21-silk-c {
  to { translate:2vw -1vh; scale:1.04 1.02; }
}
@keyframes v21-ray-breathe {
  from { opacity:.12; }
  to { opacity:.38; }
}
@media (max-width:759px) {
  html.sinco-v21 body .v21-silk { left:-48vw!important; width:190vw!important; filter:blur(24px) saturate(108%)!important; }
  html.sinco-v21 body .v21-silk-a { top:8vh!important; height:31vh!important; opacity:.24!important; }
  html.sinco-v21 body .v21-silk-b { top:42vh!important; height:24vh!important; opacity:.17!important; }
  html.sinco-v21 body .v21-silk-c { top:68vh!important; height:15vh!important; opacity:.14!important; }
  html.sinco-v21 body .v21-light-ray-a { left:76%!important; }
  html.sinco-v21 body .v21-light-ray-b { left:88%!important; }
}
@media (orientation:landscape) and (max-height:650px) and (max-width:1100px) {
  html.sinco-v21 body .v21-silk { filter:blur(20px)!important; }
  html.sinco-v21 body .v21-silk-a { top:-4vh!important; height:45vh!important; }
  html.sinco-v21 body .v21-silk-b { top:38vh!important; height:32vh!important; }
  html.sinco-v21 body .v21-silk-c { top:68vh!important; height:20vh!important; }
}
@media (prefers-reduced-motion:reduce) {
  html.sinco-v21 body .v21-silk,
  html.sinco-v21 body .v21-light-ray { animation:none!important; }
  html.sinco-global-map body .journey-rail.v21-section-map .v21-map-node[aria-current] .v21-map-dot::after { animation:none!important; }
}

/* ========================================================================== */
/* SINCO V22 — reactive opening field + staggered glass navigation.            */
/* ========================================================================== */

/* Hero: stronger React Bits-inspired Aurora Beam / Light Rays composition.   */
html.sinco-v22 body .journey-intro {
  background:
    linear-gradient(135deg, rgba(13,14,19,.98), rgba(9,10,14,.99) 58%, rgba(14,12,18,.98)),
    #090a0e!important;
}
html.sinco-v22 body .v9-hero-atmosphere {
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  opacity:1!important;
  pointer-events:none!important;
}
html.sinco-v22 body .v21-silk,
html.sinco-v22 body .v21-light-ray { display:none!important; }
html.sinco-v22 body .v22-flow-sheet,
html.sinco-v22 body .v22-cursor-blade,
html.sinco-v22 body .v22-light-ray,
html.sinco-v22 body .v22-thread {
  position:absolute!important;
  pointer-events:none!important;
  will-change:transform,opacity,filter!important;
  transform-style:preserve-3d!important;
}
html.sinco-v22 body .v22-flow-sheet {
  left:-24vw!important;
  width:152vw!important;
  min-width:1100px!important;
  height:30vh!important;
  min-height:220px!important;
  mix-blend-mode:screen!important;
  filter:blur(20px) saturate(132%) contrast(108%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)!important;
}
html.sinco-v22 body .v22-flow-sheet-a {
  top:-1vh!important;
  opacity:.58!important;
  background:linear-gradient(105deg,
    transparent 3%,rgba(112,140,176,.03) 13%,rgba(137,120,181,.50) 31%,
    rgba(210,203,222,.19) 45%,rgba(173,160,100,.16) 58%,rgba(137,120,181,.31) 72%,transparent 94%)!important;
  clip-path:polygon(0 28%,13% 8%,31% 31%,48% 12%,65% 35%,82% 11%,100% 29%,100% 76%,82% 59%,64% 82%,47% 55%,29% 79%,12% 53%,0 72%)!important;
  transform:translate3d(calc(var(--pointer-x,0) * 46px),calc(var(--pointer-y,0) * 24px),0) rotate(-7deg) skewX(-5deg)!important;
  animation:v22-flow-a 9s ease-in-out infinite alternate!important;
}
html.sinco-v22 body .v22-flow-sheet-b {
  top:27vh!important;
  height:34vh!important;
  opacity:.43!important;
  background:linear-gradient(98deg,
    transparent 4%,rgba(137,120,181,.06) 17%,rgba(112,140,176,.36) 35%,
    rgba(223,219,230,.13) 50%,rgba(137,120,181,.37) 67%,rgba(173,160,100,.08) 79%,transparent 95%)!important;
  clip-path:polygon(0 34%,16% 19%,31% 42%,49% 18%,68% 46%,84% 22%,100% 38%,100% 68%,84% 53%,67% 76%,49% 47%,31% 72%,15% 49%,0 66%)!important;
  transform:translate3d(calc(var(--pointer-x,0) * -34px),calc(var(--pointer-y,0) * -21px),0) rotate(5deg) skewX(4deg)!important;
  animation:v22-flow-b 11s ease-in-out infinite alternate!important;
}
html.sinco-v22 body .v22-flow-sheet-c {
  top:57vh!important;
  height:25vh!important;
  opacity:.35!important;
  background:linear-gradient(103deg,
    transparent 5%,rgba(173,160,100,.03) 19%,rgba(173,160,100,.21) 38%,
    rgba(137,120,181,.30) 55%,rgba(112,140,176,.22) 72%,transparent 94%)!important;
  clip-path:polygon(0 36%,18% 15%,38% 42%,55% 20%,73% 45%,88% 26%,100% 39%,100% 66%,87% 55%,72% 77%,54% 53%,37% 72%,17% 48%,0 69%)!important;
  transform:translate3d(calc(var(--pointer-x,0) * 27px),calc(var(--pointer-y,0) * 15px),0) rotate(-3deg)!important;
  animation:v22-flow-c 13s ease-in-out infinite alternate!important;
}
html.sinco-v22 body .v22-flow-sheet-d {
  top:15vh!important;
  left:-10vw!important;
  width:120vw!important;
  height:70vh!important;
  min-height:0!important;
  opacity:.16!important;
  filter:blur(42px) saturate(135%)!important;
  background:linear-gradient(112deg,transparent 24%,rgba(137,120,181,.48) 44%,rgba(112,140,176,.28) 56%,transparent 76%)!important;
  clip-path:polygon(0 45%,25% 28%,50% 43%,75% 23%,100% 38%,100% 61%,73% 48%,51% 65%,26% 51%,0 67%)!important;
  transform:translate3d(calc(var(--pointer-x,0) * -58px),calc(var(--pointer-y,0) * 34px),0) rotate(13deg)!important;
  animation:v22-flow-d 8.5s ease-in-out infinite alternate!important;
}
html.sinco-v22 body .v22-cursor-blade {
  top:-25vh!important;
  width:18vw!important;
  min-width:170px!important;
  height:150vh!important;
  opacity:.24!important;
  mix-blend-mode:screen!important;
  filter:blur(16px)!important;
  background:linear-gradient(90deg,transparent 0%,rgba(205,193,225,.08) 20%,rgba(137,120,181,.35) 48%,rgba(112,140,176,.12) 72%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)!important;
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)!important;
}
html.sinco-v22 body .v22-cursor-blade-a {
  left:52%!important;
  transform:translate3d(calc(var(--pointer-x,0) * 110px),calc(var(--pointer-y,0) * 52px),0) rotate(19deg)!important;
}
html.sinco-v22 body .v22-cursor-blade-b {
  left:70%!important;
  width:10vw!important;
  opacity:.14!important;
  transform:translate3d(calc(var(--pointer-x,0) * -78px),calc(var(--pointer-y,0) * -34px),0) rotate(19deg)!important;
}
html.sinco-v22 body .v22-light-ray {
  top:-20vh!important;
  width:2px!important;
  height:145vh!important;
  transform-origin:50% 0!important;
  background:linear-gradient(180deg,transparent 0%,rgba(236,230,243,.31) 27%,rgba(137,120,181,.14) 55%,transparent 86%)!important;
  box-shadow:0 0 24px rgba(137,120,181,.11)!important;
  opacity:.38!important;
}
html.sinco-v22 body .v22-light-ray-a { left:64%!important; transform:translateX(calc(var(--pointer-x,0) * 35px)) rotate(21deg)!important; animation:v22-ray 4.8s ease-in-out infinite alternate!important; }
html.sinco-v22 body .v22-light-ray-b { left:74%!important; opacity:.23!important; transform:translateX(calc(var(--pointer-x,0) * -26px)) rotate(21deg)!important; animation:v22-ray 6.1s .7s ease-in-out infinite alternate-reverse!important; }
html.sinco-v22 body .v22-light-ray-c { left:84%!important; opacity:.16!important; transform:translateX(calc(var(--pointer-x,0) * 18px)) rotate(21deg)!important; animation:v22-ray 7.2s 1.2s ease-in-out infinite alternate!important; }
html.sinco-v22 body .v22-thread {
  left:-12vw!important;
  width:128vw!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(220,214,230,.12) 28%,rgba(137,120,181,.23) 52%,rgba(173,160,100,.10) 69%,transparent)!important;
  transform-origin:center!important;
  opacity:.34!important;
}
html.sinco-v22 body .v22-thread-a { top:31%; transform:translate3d(calc(var(--pointer-x,0) * 22px),calc(var(--pointer-y,0) * 12px),0) rotate(-7deg)!important; }
html.sinco-v22 body .v22-thread-b { top:71%; opacity:.20!important; transform:translate3d(calc(var(--pointer-x,0) * -17px),calc(var(--pointer-y,0) * -8px),0) rotate(5deg)!important; }
@keyframes v22-flow-a { to { translate:5vw 3vh; scale:1.035 .93; rotate:2deg; filter:blur(24px) saturate(142%); } }
@keyframes v22-flow-b { to { translate:-6vw -2vh; scale:.96 1.08; rotate:-2deg; } }
@keyframes v22-flow-c { to { translate:4vw -1vh; scale:1.05 1.02; rotate:1deg; } }
@keyframes v22-flow-d { to { translate:-3vw 2vh; scale:1.04 1.07; rotate:-2deg; } }
@keyframes v22-ray { from { opacity:.12; } to { opacity:.52; } }

/* Opening CTA becomes a clearer interactive cue without becoming a filled button. */
html.sinco-v22 body .journey-discover {
  position:relative!important;
  z-index:5!important;
  gap:20px!important;
  padding:12px 2px 11px!important;
  border-bottom-color:rgba(194,177,219,.72)!important;
  text-shadow:0 0 22px rgba(137,120,181,.16)!important;
  cursor:pointer!important;
}
html.sinco-v22 body .journey-discover::after {
  content:"";
  position:absolute;
  left:0; right:0; bottom:-1px; height:1px;
  background:linear-gradient(90deg,rgba(137,120,181,.15),rgba(227,219,239,.95),rgba(137,120,181,.15));
  transform:scaleX(.28);
  transform-origin:left;
  transition:transform .35s cubic-bezier(.16,.8,.2,1);
}
html.sinco-v22 body .journey-discover:hover::after,
html.sinco-v22 body .journey-discover:focus-visible::after { transform:scaleX(1); }

/* Staggered Menu: compact glass sheet + cascading section cards. */
html.site-menu-v22 body .site-menu-toggle {
  position:relative!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.018)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  backdrop-filter:blur(12px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(120%)!important;
  transition:background .25s ease,border-color .25s ease,transform .25s cubic-bezier(.16,.8,.2,1),box-shadow .25s ease!important;
}
html.site-menu-v22 body .site-menu-toggle:hover,
html.site-menu-v22 body .site-menu-toggle:focus-visible,
html.site-menu-v22 body .site-menu-toggle.is-open {
  background:rgba(137,120,181,.10)!important;
  border-color:rgba(176,157,203,.25)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 26px rgba(137,120,181,.07)!important;
}
html.site-menu-v22 body .site-menu-toggle-line {
  position:absolute!important;
  left:11px!important;
  width:22px!important;
  height:1.5px!important;
  border-radius:999px!important;
  background:#ede8f2!important;
  transform-origin:center!important;
  transition:top .3s cubic-bezier(.16,.8,.2,1),transform .3s cubic-bezier(.16,.8,.2,1),opacity .18s ease,width .3s ease!important;
}
html.site-menu-v22 body .site-menu-toggle-line:nth-child(1) { top:14px!important; }
html.site-menu-v22 body .site-menu-toggle-line:nth-child(2) { top:21px!important; width:16px!important; }
html.site-menu-v22 body .site-menu-toggle-line:nth-child(3) { top:28px!important; width:19px!important; }
html.site-menu-v22 body .site-menu-toggle.is-open .site-menu-toggle-line:nth-child(1) { top:21px!important; width:22px!important; transform:rotate(45deg)!important; }
html.site-menu-v22 body .site-menu-toggle.is-open .site-menu-toggle-line:nth-child(2) { opacity:0!important; transform:scaleX(.2)!important; }
html.site-menu-v22 body .site-menu-toggle.is-open .site-menu-toggle-line:nth-child(3) { top:21px!important; width:22px!important; transform:rotate(-45deg)!important; }

html.site-menu-v22 body .site-nav-popover {
  top:82px!important;
  left:max(14px,calc((100vw - 1060px)/2 + 17px))!important;
  width:min(430px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 100px)!important;
  padding:13px!important;
  overflow:auto!important;
  border-radius:26px!important;
  border:1px solid rgba(194,181,211,.14)!important;
  background:
    linear-gradient(150deg,rgba(31,28,38,.90),rgba(14,15,20,.93) 62%,rgba(22,19,28,.92))!important;
  box-shadow:0 28px 85px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.045),0 0 0 1px rgba(137,120,181,.02)!important;
  backdrop-filter:blur(26px) saturate(138%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(138%)!important;
  transform-origin:32px 0!important;
  opacity:0!important;
  transform:translate3d(-10px,-12px,0) scale(.94)!important;
  filter:blur(9px)!important;
  clip-path:inset(0 0 100% 0 round 26px)!important;
  pointer-events:none!important;
  transition:opacity .22s ease,transform .34s cubic-bezier(.16,.82,.19,1),filter .28s ease,clip-path .4s cubic-bezier(.16,.82,.19,1)!important;
}
html.site-menu-v22 body .site-nav-popover.is-open {
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0)!important;
  clip-path:inset(0 0 0 0 round 26px)!important;
  pointer-events:auto!important;
}
html.site-menu-v22 body .site-nav-popover.is-closing { pointer-events:none!important; }
html.site-menu-v22 body .site-nav-popover-label {
  display:block!important;
  margin:0 4px 7px!important;
  padding:12px 14px 11px!important;
  color:#a9a1b2!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  opacity:0!important;
  transform:translateY(-6px)!important;
  transition:opacity .22s ease .05s,transform .28s cubic-bezier(.16,.8,.2,1) .05s!important;
}
html.site-menu-v22 body .site-nav-popover.is-open .site-nav-popover-label { opacity:1!important; transform:none!important; }
html.site-menu-v22 body .site-nav-link {
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:52px!important;
  margin:3px 0!important;
  padding:12px 42px 12px 44px!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.012)!important;
  color:#ddd8e3!important;
  font-size:clamp(15px,1.4vw,18px)!important;
  font-weight:520!important;
  letter-spacing:-.012em!important;
  opacity:0!important;
  filter:blur(7px)!important;
  transform:translate3d(-25px,12px,0) rotateX(-7deg)!important;
  transform-origin:left center!important;
  transition:opacity .26s ease,filter .32s ease,transform .38s cubic-bezier(.16,.82,.19,1),background .22s ease,border-color .22s ease,color .22s ease!important;
}
html.site-menu-v22 body .site-nav-popover.is-open .site-nav-link {
  opacity:1!important;
  filter:blur(0)!important;
  transform:translate3d(0,0,0) rotateX(0)!important;
  transition-delay:calc(70ms + (var(--menu-index,0) * 42ms)),calc(70ms + (var(--menu-index,0) * 42ms)),calc(70ms + (var(--menu-index,0) * 42ms)),0ms,0ms,0ms!important;
}
html.site-menu-v22 body .site-nav-link::before {
  content:""!important;
  position:absolute!important;
  left:17px!important;
  top:50%!important;
  width:8px!important;
  height:8px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:rgba(var(--nav-accent-rgb),.74)!important;
  box-shadow:0 0 0 4px rgba(var(--nav-accent-rgb),.06),0 0 18px rgba(var(--nav-accent-rgb),.12)!important;
  opacity:.88!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}
html.site-menu-v22 body .site-nav-link::after {
  content:"→"!important;
  position:absolute!important;
  right:17px!important;
  top:50%!important;
  transform:translate3d(-7px,-50%,0)!important;
  color:rgba(var(--nav-accent-rgb),.9)!important;
  opacity:0!important;
  font-size:16px!important;
  transition:opacity .2s ease,transform .25s cubic-bezier(.16,.8,.2,1)!important;
}
html.site-menu-v22 body .site-nav-link:hover,
html.site-menu-v22 body .site-nav-link:focus-visible,
html.site-menu-v22 body .site-nav-link.is-active,
html.site-menu-v22 body .site-nav-link[aria-current="page"] {
  color:#fbf8ff!important;
  background:linear-gradient(90deg,rgba(var(--nav-accent-rgb),.13),rgba(var(--nav-accent-rgb),.025))!important;
  border-color:rgba(var(--nav-accent-rgb),.20)!important;
  transform:translate3d(6px,0,0)!important;
}
html.site-menu-v22 body .site-nav-link:hover::before,
html.site-menu-v22 body .site-nav-link:focus-visible::before,
html.site-menu-v22 body .site-nav-link.is-active::before,
html.site-menu-v22 body .site-nav-link[aria-current="page"]::before {
  transform:translateY(-50%) scale(1.22)!important;
  background:rgb(var(--nav-accent-rgb))!important;
  box-shadow:0 0 0 6px rgba(var(--nav-accent-rgb),.08),0 0 24px rgba(var(--nav-accent-rgb),.23)!important;
}
html.site-menu-v22 body .site-nav-link:hover::after,
html.site-menu-v22 body .site-nav-link:focus-visible::after,
html.site-menu-v22 body .site-nav-link.is-active::after,
html.site-menu-v22 body .site-nav-link[aria-current="page"]::after { opacity:1!important; transform:translate3d(0,-50%,0)!important; }

@media (max-width:759px) {
  html.sinco-v22 body .v22-flow-sheet { left:-55vw!important; width:210vw!important; min-width:0!important; filter:blur(17px) saturate(128%)!important; }
  html.sinco-v22 body .v22-flow-sheet-a { top:4vh!important; height:28vh!important; opacity:.48!important; transform:translate3d(calc(var(--pointer-x,0) * 27px),calc(var(--pointer-y,0) * 17px),0) rotate(-8deg)!important; }
  html.sinco-v22 body .v22-flow-sheet-b { top:31vh!important; height:29vh!important; opacity:.39!important; transform:translate3d(calc(var(--pointer-x,0) * -22px),calc(var(--pointer-y,0) * -14px),0) rotate(5deg)!important; }
  html.sinco-v22 body .v22-flow-sheet-c { top:61vh!important; height:20vh!important; opacity:.28!important; }
  html.sinco-v22 body .v22-flow-sheet-d { top:17vh!important; left:-35vw!important; width:170vw!important; height:62vh!important; opacity:.13!important; }
  html.sinco-v22 body .v22-cursor-blade { width:34vw!important; min-width:120px!important; opacity:.17!important; }
  html.sinco-v22 body .v22-light-ray-a { left:72%!important; }
  html.sinco-v22 body .v22-light-ray-b { left:84%!important; }
  html.sinco-v22 body .v22-light-ray-c { display:none!important; }
  html.site-menu-v22 body .site-nav-popover {
    top:72px!important;
    left:14px!important;
    width:calc(100vw - 28px)!important;
    max-height:calc(100dvh - 86px)!important;
    border-radius:22px!important;
    padding:10px!important;
    transform-origin:24px 0!important;
  }
  html.site-menu-v22 body .site-nav-link { min-height:48px!important; padding:10px 38px 10px 42px!important; font-size:15px!important; border-radius:14px!important; }
  html.site-menu-v22 body .site-nav-popover-label { padding:10px 12px 9px!important; }
}
@media (orientation:landscape) and (max-height:650px) and (max-width:1100px) {
  html.sinco-v22 body .v22-flow-sheet { filter:blur(14px) saturate(128%)!important; }
  html.sinco-v22 body .v22-flow-sheet-a { top:-8vh!important; height:40vh!important; }
  html.sinco-v22 body .v22-flow-sheet-b { top:31vh!important; height:37vh!important; }
  html.sinco-v22 body .v22-flow-sheet-c { top:66vh!important; height:24vh!important; }
  html.sinco-v22 body .v22-flow-sheet-d { top:3vh!important; height:82vh!important; }
  html.site-menu-v22 body .site-nav-popover { top:66px!important; max-height:calc(100dvh - 74px)!important; padding:7px!important; }
  html.site-menu-v22 body .site-nav-link { min-height:30px!important; padding-block:3px!important; font-size:12px!important; margin:1px 0!important; border-radius:10px!important; }
  html.site-menu-v22 body .site-nav-popover-label { padding:3px 8px 4px!important; margin-bottom:3px!important; font-size:8px!important; }
}
@media (prefers-reduced-motion:reduce) {
  html.sinco-v22 body .v22-flow-sheet,
  html.sinco-v22 body .v22-light-ray { animation:none!important; }
  html.site-menu-v22 body .site-nav-popover,
  html.site-menu-v22 body .site-nav-link,
  html.site-menu-v22 body .site-nav-popover-label { transition:none!important; }
}


/* ========================================================================== */
/* SINCO V23 — anchored cinematic menu + premium docking chrome.              */
/* ========================================================================== */

/* Top bar: denser than V22, with a subtle luminous edge instead of a flat bar. */
html.site-chrome-v23 body .site-topbar {
  isolation:isolate!important;
  overflow:visible!important;
  background:linear-gradient(180deg,rgba(18,18,24,.965),rgba(13,14,19,.945))!important;
  border-bottom:1px solid rgba(210,202,221,.075)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(14px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%)!important;
}
html.site-chrome-v23 body .site-topbar::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  pointer-events:none!important;
  z-index:-1!important;
  inset:0!important;
  background:
    radial-gradient(500px 90px at 12% -25%,rgba(137,120,181,.12),transparent 72%),
    radial-gradient(420px 76px at 84% -35%,rgba(112,140,176,.075),transparent 74%)!important;
  opacity:.9!important;
  border-radius:inherit!important;
}
html.site-chrome-v23 body .site-topbar::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:clamp(16px,4vw,58px)!important;
  right:clamp(16px,4vw,58px)!important;
  bottom:-1px!important;
  height:1px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(137,120,181,.28) 28%,rgba(223,217,232,.22) 52%,rgba(112,140,176,.18) 72%,transparent)!important;
  opacity:.72!important;
}
html.site-chrome-v23 body .site-topbar-inner {
  max-width:1280px!important;
  min-height:72px!important;
  padding:9px clamp(16px,3.5vw,46px)!important;
}
html.site-chrome-v23 body .site-topbar.is-compact {
  top:9px!important;
  width:min(1040px,calc(100vw - 30px))!important;
  border:1px solid rgba(203,193,215,.12)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(24,22,30,.955),rgba(12,13,18,.94))!important;
  box-shadow:0 18px 55px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045),0 0 36px rgba(137,120,181,.035)!important;
  backdrop-filter:blur(22px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(130%)!important;
}
html.site-chrome-v23 body .site-topbar.is-compact::after {
  left:24px!important;
  right:24px!important;
  opacity:.48!important;
}
html.site-chrome-v23 body .site-topbar.is-compact .site-topbar-inner {
  min-height:56px!important;
  padding:5px clamp(11px,2vw,22px)!important;
}
html.site-chrome-v23 body .site-menu-toggle,
html.site-chrome-v23 body .topbar-download-button,
html.site-chrome-v23 body .brand {
  position:relative!important;
  z-index:1!important;
}

/* Menu: opaque enough to read instantly, anchored by JS to the real toggle. */
html.site-menu-v23 body .site-nav-popover {
  position:fixed!important;
  top:var(--v23-menu-top,82px)!important;
  left:var(--v23-menu-left,14px)!important;
  width:var(--v23-menu-width,min(420px,calc(100vw - 28px)))!important;
  max-height:calc(100dvh - var(--v23-menu-top,82px) - 12px)!important;
  padding:10px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  border-radius:22px!important;
  border:1px solid rgba(199,188,213,.20)!important;
  background:
    radial-gradient(330px 170px at var(--v23-menu-origin-x,32px) -28px,rgba(137,120,181,.16),transparent 72%),
    linear-gradient(155deg,rgba(28,26,34,.992),rgba(13,14,19,.992) 62%,rgba(20,18,25,.992))!important;
  box-shadow:0 28px 78px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(137,120,181,.025)!important;
  backdrop-filter:blur(24px) saturate(124%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(124%)!important;
  transform-origin:var(--v23-menu-origin-x,32px) 0!important;
  opacity:0!important;
  filter:blur(7px)!important;
  clip-path:inset(0 0 100% 0 round 22px)!important;
  transform:translate3d(0,-8px,0) scale(.965)!important;
  pointer-events:none!important;
  transition:
    opacity .22s ease,
    filter .28s ease,
    transform .42s cubic-bezier(.16,.82,.17,1),
    clip-path .46s cubic-bezier(.16,.82,.17,1)!important;
}
html.site-menu-v23 body .site-nav-popover::before {
  content:""!important;
  position:absolute!important;
  left:var(--v23-menu-origin-x,32px)!important;
  top:0!important;
  width:72px!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,transparent,rgba(226,219,236,.75),rgba(137,120,181,.52),transparent)!important;
  box-shadow:0 0 22px rgba(137,120,181,.18)!important;
  pointer-events:none!important;
}
html.site-menu-v23 body .site-nav-popover.is-open {
  opacity:1!important;
  filter:none!important;
  clip-path:inset(0 0 0 0 round 22px)!important;
  transform:translate3d(0,0,0) scale(1)!important;
  pointer-events:auto!important;
}
html.site-menu-v23 body .site-nav-popover.is-closing {
  opacity:0!important;
  filter:blur(6px)!important;
  clip-path:inset(0 0 100% 0 round 22px)!important;
  transform:translate3d(0,-7px,0) scale(.97)!important;
  pointer-events:none!important;
}
html.site-menu-v23 body .site-nav-popover-label {
  display:flex!important;
  align-items:center!important;
  min-height:36px!important;
  margin:0 4px 7px!important;
  padding:7px 10px 8px!important;
  color:#aaa3b2!important;
  font-size:9.5px!important;
  font-weight:650!important;
  letter-spacing:.19em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
  opacity:0!important;
  transform:translate3d(0,-5px,0)!important;
  transition:opacity .22s ease .045s,transform .28s cubic-bezier(.16,.8,.2,1) .045s!important;
}
html.site-menu-v23 body .site-nav-popover.is-open .site-nav-popover-label {
  opacity:1!important;
  transform:none!important;
}
html.site-menu-v23 body .site-nav-link {
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:48px!important;
  margin:3px 0!important;
  padding:10px 36px 10px 22px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.035)!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.010))!important;
  color:#ddd9e2!important;
  font-size:clamp(14.5px,1.25vw,17px)!important;
  font-weight:540!important;
  line-height:1.15!important;
  letter-spacing:-.012em!important;
  opacity:0!important;
  filter:blur(6px)!important;
  transform:translate3d(-15px,10px,0) scale(.985)!important;
  transform-origin:left center!important;
  transition:
    opacity .24s ease,
    filter .30s ease,
    transform .38s cubic-bezier(.16,.82,.19,1),
    background .22s ease,
    border-color .22s ease,
    color .22s ease!important;
}
html.site-menu-v23 body .site-nav-link::before {
  content:""!important;
  position:absolute!important;
  left:9px!important;
  top:50%!important;
  width:2px!important;
  height:20px!important;
  border-radius:99px!important;
  background:rgb(var(--nav-accent-rgb))!important;
  box-shadow:0 0 14px rgba(var(--nav-accent-rgb),.22)!important;
  opacity:.62!important;
  transform:translateY(-50%) scaleY(.58)!important;
  transition:opacity .22s ease,transform .28s cubic-bezier(.16,.8,.2,1),box-shadow .22s ease!important;
}
html.site-menu-v23 body .site-nav-link::after {
  content:"→"!important;
  position:absolute!important;
  right:13px!important;
  top:50%!important;
  color:rgba(var(--nav-accent-rgb),.94)!important;
  font-size:15px!important;
  opacity:0!important;
  transform:translate3d(-6px,-50%,0)!important;
  transition:opacity .18s ease,transform .24s cubic-bezier(.16,.8,.2,1)!important;
}
html.site-menu-v23 body .site-nav-popover.is-open .site-nav-link {
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition-delay:
    calc(65ms + (var(--menu-index,0) * 42ms)),
    calc(65ms + (var(--menu-index,0) * 42ms)),
    calc(65ms + (var(--menu-index,0) * 42ms)),
    0ms,0ms,0ms!important;
}
html.site-menu-v23 body .site-nav-popover.is-closing .site-nav-link {
  opacity:0!important;
  filter:blur(5px)!important;
  transform:translate3d(-8px,-3px,0) scale(.988)!important;
  transition-delay:
    calc((6 - var(--menu-index,0)) * 18ms),
    calc((6 - var(--menu-index,0)) * 18ms),
    calc((6 - var(--menu-index,0)) * 18ms),
    0ms,0ms,0ms!important;
}
html.site-menu-v23 body .site-nav-link:hover,
html.site-menu-v23 body .site-nav-link:focus-visible,
html.site-menu-v23 body .site-nav-link.is-active,
html.site-menu-v23 body .site-nav-link[aria-current="page"] {
  color:#fff!important;
  background:linear-gradient(90deg,rgba(var(--nav-accent-rgb),.15),rgba(var(--nav-accent-rgb),.035) 68%,rgba(255,255,255,.012))!important;
  border-color:rgba(var(--nav-accent-rgb),.22)!important;
  transform:translate3d(4px,0,0)!important;
}
html.site-menu-v23 body .site-nav-link:hover::before,
html.site-menu-v23 body .site-nav-link:focus-visible::before,
html.site-menu-v23 body .site-nav-link.is-active::before,
html.site-menu-v23 body .site-nav-link[aria-current="page"]::before {
  opacity:1!important;
  transform:translateY(-50%) scaleY(1)!important;
  box-shadow:0 0 20px rgba(var(--nav-accent-rgb),.38)!important;
}
html.site-menu-v23 body .site-nav-link:hover::after,
html.site-menu-v23 body .site-nav-link:focus-visible::after,
html.site-menu-v23 body .site-nav-link.is-active::after,
html.site-menu-v23 body .site-nav-link[aria-current="page"]::after {
  opacity:1!important;
  transform:translate3d(0,-50%,0)!important;
}

/* Toggle: small premium control that belongs to the top bar, not a floating tile. */
html.site-menu-v23 body .site-menu-toggle {
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  border:1px solid rgba(210,202,221,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html.site-menu-v23 body .site-menu-toggle:hover,
html.site-menu-v23 body .site-menu-toggle:focus-visible,
html.site-menu-v23 body .site-menu-toggle.is-open {
  background:linear-gradient(145deg,rgba(137,120,181,.16),rgba(255,255,255,.018))!important;
  border-color:rgba(182,165,204,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 24px rgba(137,120,181,.09)!important;
}

@media (max-width:759px) {
  html.site-chrome-v23 body .site-topbar-inner { min-height:66px!important; padding:7px 10px!important; }
  html.site-chrome-v23 body .site-topbar.is-compact { top:6px!important; width:calc(100vw - 14px)!important; border-radius:18px!important; }
  html.site-chrome-v23 body .site-topbar.is-compact .site-topbar-inner { min-height:52px!important; padding:4px 8px!important; }
  html.site-menu-v23 body .site-nav-popover { border-radius:19px!important; padding:8px!important; }
  html.site-menu-v23 body .site-nav-link { min-height:45px!important; padding:9px 32px 9px 20px!important; font-size:14px!important; border-radius:12px!important; }
  html.site-menu-v23 body .site-nav-link::before { left:8px!important; height:18px!important; }
}
@media (orientation:landscape) and (max-height:650px) and (max-width:1100px) {
  html.site-chrome-v23 body .site-topbar-inner { min-height:58px!important; padding:4px 10px!important; }
  html.site-chrome-v23 body .site-topbar.is-compact .site-topbar-inner { min-height:48px!important; padding:3px 8px!important; }
  html.site-menu-v23 body .site-nav-popover { padding:6px!important; border-radius:16px!important; }
  html.site-menu-v23 body .site-nav-popover-label { min-height:25px!important; padding:3px 7px 4px!important; margin-bottom:3px!important; font-size:7.5px!important; }
  html.site-menu-v23 body .site-nav-link { min-height:31px!important; margin:1px 0!important; padding:4px 28px 4px 17px!important; font-size:11.5px!important; border-radius:9px!important; }
  html.site-menu-v23 body .site-nav-link::before { left:7px!important; height:13px!important; }
  html.site-menu-v23 body .site-nav-link::after { right:9px!important; font-size:12px!important; }
}
@media (prefers-reduced-motion:reduce) {
  html.site-menu-v23 body .site-nav-popover,
  html.site-menu-v23 body .site-nav-link,
  html.site-menu-v23 body .site-nav-popover-label,
  html.site-chrome-v23 body .site-topbar { transition:none!important; }
}

/* V23 short-landscape fit: keep the opening CTA physically inside the viewport. */
@media (orientation:landscape) and (max-height:650px) and (max-width:980px) {
  html.sinco-v23 body .journey-stage {
    min-height:100svh!important;
    height:100svh!important;
    padding:72px 7vw 54px!important;
    align-items:center!important;
  }
  html.sinco-v23 body .journey-heading { width:55%!important; }
  html.sinco-v23 body .journey-overline { font-size:11px!important; margin-bottom:7px!important; }
  html.sinco-v23 body .journey-heading h1 { font-size:clamp(36px,6vw,48px)!important; line-height:.90!important; }
  html.sinco-v23 body .journey-subtitle { margin:8px 0 6px!important; font-size:12px!important; line-height:1.25!important; }
  html.sinco-v23 body .journey-discover { margin-top:2px!important; padding:7px 0 6px!important; font-size:11px!important; }
}
html.site-menu-v23 body > .site-nav-popover {
  z-index:10060!important;
}

/* ========================================================================== */
/* SINCO V24 — title kerning + compact staggered navigation                   */
/* ========================================================================== */

/* The French apostrophe + aggressive global tracking made “L’art” collide.  */
html.sinco-v23 body #journey-title .journey-title-line,
html.sinco-v22 body #journey-title .journey-title-line,
html.site-premium-v14 body #journey-title .journey-title-line {
  display:inline-block;
  font-kerning:normal;
  font-feature-settings:"kern" 1;
}
html.site-premium-v14 body #journey-title .journey-title-line-art {
  letter-spacing:-.018em!important;
}
html.site-premium-v14 body #journey-title .journey-title-line-ai {
  letter-spacing:-.052em!important;
}
@media (max-width:759px) {
  html.site-premium-v14 body #journey-title .journey-title-line-art {
    letter-spacing:-.008em!important;
  }
  html.site-premium-v14 body #journey-title .journey-title-line-ai {
    letter-spacing:-.045em!important;
  }
}

/* V24 menu: compact Staggered-Menu feel, no horizontal pills behind labels. */
html.site-menu-v24 body .site-nav-popover {
  width:var(--v23-menu-width,306px)!important;
  padding:7px 9px 9px!important;
  border-radius:18px!important;
  border:1px solid rgba(207,199,218,.17)!important;
  background:
    radial-gradient(220px 120px at var(--v23-menu-origin-x,28px) -20px,rgba(137,120,181,.15),transparent 72%),
    linear-gradient(158deg,rgba(27,25,33,.997),rgba(12,13,18,.998) 70%,rgba(18,17,23,.998))!important;
  box-shadow:0 24px 64px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(20px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(118%)!important;
  transform-origin:var(--v23-menu-origin-x,28px) 0!important;
  transform:translate3d(-4px,-7px,0) perspective(900px) rotateX(-7deg) scale(.975)!important;
  transition:opacity .20s ease,filter .26s ease,transform .42s cubic-bezier(.16,.82,.17,1),clip-path .43s cubic-bezier(.16,.82,.17,1)!important;
}
html.site-menu-v24 body .site-nav-popover.is-open {
  transform:translate3d(0,0,0) perspective(900px) rotateX(0deg) scale(1)!important;
}
html.site-menu-v24 body .site-nav-popover.is-closing {
  transform:translate3d(-3px,-6px,0) perspective(900px) rotateX(-5deg) scale(.98)!important;
}
html.site-menu-v24 body .site-nav-popover::before {
  width:48px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(235,230,242,.74),rgba(137,120,181,.48),transparent)!important;
  box-shadow:0 0 18px rgba(137,120,181,.16)!important;
}
html.site-menu-v24 body .site-nav-popover::after {
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  opacity:0!important;
  background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.055) 43%,rgba(153,133,187,.065) 49%,transparent 68%)!important;
  transform:translate3d(-115%,0,0)!important;
}
html.site-menu-v24 body .site-nav-popover.is-open::after {
  animation:v24-menu-sheen .78s cubic-bezier(.2,.7,.2,1) .04s both!important;
}
@keyframes v24-menu-sheen {
  0% { opacity:0; transform:translate3d(-115%,0,0); }
  18% { opacity:.7; }
  100% { opacity:0; transform:translate3d(115%,0,0); }
}
html.site-menu-v24 body .site-nav-popover-label,
html.site-menu-v24 body .site-nav-link {
  position:relative!important;
  z-index:1!important;
}
html.site-menu-v24 body .site-nav-popover-label {
  min-height:31px!important;
  margin:0 3px 4px!important;
  padding:5px 8px 6px!important;
  font-size:8.5px!important;
  letter-spacing:.18em!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
html.site-menu-v24 body .site-nav-link {
  min-height:40px!important;
  margin:0!important;
  padding:8px 28px 8px 18px!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#d8d4dc!important;
  font-size:14px!important;
  font-weight:535!important;
  letter-spacing:-.008em!important;
  transform:translate3d(-12px,7px,0) perspective(700px) rotateY(7deg) scale(.99)!important;
}
html.site-menu-v24 body .site-nav-link:last-child { border-bottom:0!important; }
html.site-menu-v24 body .site-nav-popover.is-open .site-nav-link {
  transform:translate3d(0,0,0) perspective(700px) rotateY(0deg) scale(1)!important;
}
html.site-menu-v24 body .site-nav-popover.is-closing .site-nav-link {
  transform:translate3d(-7px,-2px,0) perspective(700px) rotateY(5deg) scale(.99)!important;
}
html.site-menu-v24 body .site-nav-link::before {
  left:5px!important;
  width:1.5px!important;
  height:14px!important;
  border-radius:99px!important;
  opacity:.50!important;
  box-shadow:0 0 10px rgba(var(--nav-accent-rgb),.16)!important;
  transform:translateY(-50%) scaleY(.55)!important;
}
html.site-menu-v24 body .site-nav-link::after {
  right:7px!important;
  font-size:13px!important;
}
html.site-menu-v24 body .site-nav-link:hover,
html.site-menu-v24 body .site-nav-link:focus-visible,
html.site-menu-v24 body .site-nav-link.is-active,
html.site-menu-v24 body .site-nav-link[aria-current="page"] {
  color:rgb(var(--nav-accent-rgb))!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
  transform:translate3d(3px,0,0) perspective(700px) rotateY(0deg) scale(1)!important;
  text-shadow:0 0 18px rgba(var(--nav-accent-rgb),.16)!important;
}
html.site-menu-v24 body .site-nav-link:hover::before,
html.site-menu-v24 body .site-nav-link:focus-visible::before,
html.site-menu-v24 body .site-nav-link.is-active::before,
html.site-menu-v24 body .site-nav-link[aria-current="page"]::before {
  width:1.5px!important;
  height:20px!important;
  opacity:1!important;
  transform:translateY(-50%) scaleY(1)!important;
  box-shadow:0 0 14px rgba(var(--nav-accent-rgb),.30)!important;
}

@media (max-width:759px) {
  html.site-menu-v24 body .site-nav-popover { padding:6px 8px 8px!important; border-radius:17px!important; }
  html.site-menu-v24 body .site-nav-popover-label { min-height:29px!important; font-size:8px!important; }
  html.site-menu-v24 body .site-nav-link { min-height:39px!important; padding:7px 25px 7px 17px!important; font-size:13.5px!important; }
}
@media (orientation:landscape) and (max-height:650px) and (max-width:1100px) {
  html.site-menu-v24 body .site-nav-popover { padding:5px 7px 6px!important; border-radius:14px!important; }
  html.site-menu-v24 body .site-nav-popover-label { min-height:21px!important; margin-bottom:2px!important; padding:2px 6px 3px!important; font-size:7px!important; }
  html.site-menu-v24 body .site-nav-link { min-height:28px!important; padding:3px 22px 3px 15px!important; font-size:11.5px!important; }
  html.site-menu-v24 body .site-nav-link::before { left:4px!important; height:10px!important; }
  html.site-menu-v24 body .site-nav-link:hover::before,
  html.site-menu-v24 body .site-nav-link:focus-visible::before,
  html.site-menu-v24 body .site-nav-link.is-active::before,
  html.site-menu-v24 body .site-nav-link[aria-current="page"]::before { height:15px!important; }
}
@media (prefers-reduced-motion:reduce) {
  html.site-menu-v24 body .site-nav-popover::after { animation:none!important; }
}

/* ========================================================================== */
/* SINCO V26 — phone performance profile                                      */
/* Desktop/fine-pointer rendering is intentionally unchanged.                 */
/* ========================================================================== */

html.sinco-mobile-lite {
  scroll-behavior:auto;
}

/* Avoid fixed blurred layers and scroll-linked background painting on phones. */
html.sinco-mobile-lite body .v12-global-aurora { display:none!important; }
html.sinco-mobile-lite body .v9-hero-atmosphere {
  opacity:1!important;
  background:
    radial-gradient(80% 62% at 82% 20%,rgba(137,120,181,.20),transparent 67%),
    radial-gradient(68% 52% at 10% 74%,rgba(112,140,176,.11),transparent 72%),
    linear-gradient(145deg,#0e0e14,#0a0b0f 62%,#111018)!important;
}
html.sinco-mobile-lite body .v9-hero-atmosphere > * { display:none!important; }
html.sinco-mobile-lite body .journey-intro { height:auto!important; min-height:100svh!important; }
html.sinco-mobile-lite body .journey-stage {
  position:relative!important;
  top:auto!important;
  height:auto!important;
  min-height:100svh!important;
}
html.sinco-mobile-lite body .journey-heading,
html.sinco-mobile-lite body .journey-emblem {
  transform:none!important;
  will-change:auto!important;
}
html.sinco-mobile-lite body .v9-title-word,
html.sinco-mobile-lite body .v9-reveal,
html.sinco-mobile-lite body .sinco-reveal {
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

/* Scene 2: normal document flow, fully rendered immediately. */
html.sinco-mobile-lite body .editorial-home > #intention.v16-intention-scroll {
  min-height:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html.sinco-mobile-lite body #intention .v16-intention-window {
  position:relative!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:18px!important;
  padding:84px 22px 92px!important;
}
html.sinco-mobile-lite body #intention .v16-intention-window > .editorial-title,
html.sinco-mobile-lite body #intention .v19-intention-copy-stack {
  width:100%!important;
  max-width:680px!important;
  grid-column:auto!important;
  grid-row:auto!important;
}
html.sinco-mobile-lite body #intention .v14-intention-word {
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}
html.sinco-mobile-lite body #intention .editorial-hero-logo-stage { display:none!important; }
html.sinco-mobile-lite body #intention .v19-logo-rest-ghost {
  display:block!important;
  right:-7vw!important;
  bottom:4%!important;
  width:min(52vw,210px)!important;
  opacity:.035!important;
  filter:grayscale(1) brightness(1.35)!important;
  transform:rotate(-5deg)!important;
  will-change:auto!important;
}
html.sinco-mobile-lite body #intention .v19-intention-copy-stack {
  padding:0!important;
  gap:12px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.sinco-mobile-lite body #intention .editorial-lead,
html.sinco-mobile-lite body #intention .hero-short-copy,
html.sinco-mobile-lite body #intention .hero-actions,
html.sinco-mobile-lite body #intention .play-store-badge {
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}

/* Project → Step → Artwork: three ordinary lightweight cards on phones. */
html.sinco-mobile-lite body .journey-process {
  height:auto!important;
  margin:46px 0 74px!important;
}
html.sinco-mobile-lite body .journey-process-window {
  position:relative!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  perspective:none!important;
}
html.sinco-mobile-lite body .journey-process .museum-guide-grid {
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  transform:none!important;
}
html.sinco-mobile-lite body .journey-process .museum-guide-card {
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:74px 20px 24px!important;
  border-radius:20px!important;
  transform:none!important;
  opacity:1!important;
  filter:none!important;
  will-change:auto!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
}
html.sinco-mobile-lite body .journey-process .museum-guide-card::before,
html.sinco-mobile-lite body .journey-process .museum-guide-card::after,
html.sinco-mobile-lite body .journey-process-window::after { animation:none!important; }
html.sinco-mobile-lite body .journey-process .museum-step-number {
  left:16px!important;
  top:12px!important;
  transform:none!important;
  font-size:58px!important;
  opacity:.30!important;
}
html.sinco-mobile-lite body .journey-process .museum-icon-tile {
  right:14px!important;
  top:14px!important;
  width:42px!important;
  height:42px!important;
}
html.sinco-mobile-lite body .journey-process h3 { font-size:clamp(28px,8vw,38px)!important; }
html.sinco-mobile-lite body .journey-process p { font-size:15px!important; }
html.sinco-mobile-lite body .v9-stack-counter { display:none!important; }

/* Traces: no sticky/3D carousel on phones — just a responsive reading grid. */
html.sinco-mobile-lite body #traces.museum-traces-panel { overflow:visible!important; }
html.sinco-mobile-lite body #traces .v26-reaction-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  max-width:none!important;
  margin:26px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  perspective:none!important;
  touch-action:auto!important;
}
html.sinco-mobile-lite body #traces .v26-reaction-grid .museum-reaction-card {
  width:auto!important;
  min-width:0!important;
  min-height:180px!important;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
  filter:none!important;
  will-change:auto!important;
  box-shadow:none!important;
}
html.sinco-mobile-lite body #traces .v26-reaction-grid .museum-reaction-card::before { display:none!important; }
html.sinco-mobile-lite body #traces .v12-reaction-scroll-scene,
html.sinco-mobile-lite body #traces .v12-reaction-sticky,
html.sinco-mobile-lite body #traces .v12-reaction-status { display:contents!important; }

/* Gallery and remaining decorative motion are static on touch devices. */
html.sinco-mobile-lite body .site-screenshot-card,
html.sinco-mobile-lite body .sinco-challenges-icon,
html.sinco-mobile-lite body #telecharger .app-download-logo,
html.sinco-mobile-lite body .v9-human-track,
html.sinco-mobile-lite body .v9-reactive-card,
html.sinco-mobile-lite body .v9-magnet {
  transform:none!important;
  animation:none!important;
  filter:none!important;
  transition:none!important;
  will-change:auto!important;
}
html.sinco-mobile-lite body .v9-specular::after { display:none!important; }

/* Mobile chrome: opaque compositing, no backdrop blur, short 2D menu transition. */
html.sinco-mobile-lite body .site-topbar,
html.sinco-mobile-lite body .site-topbar.is-compact {
  background:rgba(16,16,21,.985)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:0 8px 24px rgba(0,0,0,.20)!important;
  transition:top .14s ease,width .14s ease,left .14s ease,transform .14s ease,border-radius .14s ease!important;
}
html.sinco-mobile-lite.site-menu-v24 body .site-nav-popover {
  opacity:0!important;
  visibility:hidden!important;
  filter:none!important;
  clip-path:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:#15141b!important;
  transform:translate3d(0,-5px,0) scale(.99)!important;
  transition:opacity .12s ease,transform .15s cubic-bezier(.2,.8,.2,1),visibility 0s linear .15s!important;
  box-shadow:0 16px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html.sinco-mobile-lite.site-menu-v24 body .site-nav-popover::after,
html.sinco-mobile-lite.site-menu-v24 body .site-nav-popover::before { animation:none!important; }
html.sinco-mobile-lite.site-menu-v24 body .site-nav-popover.is-open {
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:opacity .12s ease,transform .15s cubic-bezier(.2,.8,.2,1),visibility 0s!important;
}
html.sinco-mobile-lite.site-menu-v24 body .site-nav-popover.is-closing {
  opacity:0!important;
  visibility:visible!important;
  transform:translate3d(0,-4px,0) scale(.99)!important;
}
html.sinco-mobile-lite.site-menu-v24 body .site-nav-popover-label,
html.sinco-mobile-lite.site-menu-v24 body .site-nav-link {
  filter:none!important;
  transform:none!important;
  transition:color .11s ease,background-color .11s ease!important;
}
html.sinco-mobile-lite.site-menu-v24 body .site-nav-popover.is-open .site-nav-link,
html.sinco-mobile-lite.site-menu-v24 body .site-nav-popover.is-closing .site-nav-link { transform:none!important; }

/* Keep the section rail readable but cheap to composite. */
html.sinco-mobile-lite body .journey-rail,
html.sinco-mobile-lite body .journey-rail * {
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.sinco-mobile-lite body .v21-map-node[aria-current] .v21-map-dot::after,
html.sinco-mobile-lite body .v11-section-map-nodes > a[aria-current] .v11-node-dot::after { animation:none!important; }

@media (max-width:360px) {
  html.sinco-mobile-lite body #traces .v26-reaction-grid { grid-template-columns:1fr!important; }
}

@media (orientation:landscape) and (max-height:650px) {
  html.sinco-mobile-lite body #intention .v16-intention-window {
    display:grid!important;
    grid-template-columns:1.12fr .88fr!important;
    align-items:center!important;
    gap:24px!important;
    padding:72px 5vw 58px!important;
  }
  html.sinco-mobile-lite body #intention .v19-intention-copy-stack {
    grid-column:2!important;
    padding:0!important;
  }
  html.sinco-mobile-lite body #intention .v16-intention-window > .editorial-title {
    grid-column:1!important;
  }
  html.sinco-mobile-lite body #traces .v26-reaction-grid {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  html.sinco-mobile-lite body #traces .v26-reaction-grid .museum-reaction-card { min-height:150px!important; }
}
html.sinco-mobile-lite body .v9-human-band { display:none!important; }

/* ========================================================================== */
/* SINCO V27 — mobile Scene 2 content visibility guard                        */
/* Keeps the lightweight phone profile, but restores the complete copy/CTA.   */
/* ========================================================================== */

html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack {
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  order:2!important;
  width:100%!important;
  max-width:680px!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:16px 16px 17px!important;
  gap:10px!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  transform:none!important;
  filter:none!important;
  content-visibility:visible!important;
  contain:none!important;
  border:1px solid rgba(168,156,196,.12)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(21,20,27,.88),rgba(13,14,18,.74))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.15)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  z-index:4!important;
}

html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack > * {
  position:relative!important;
  inset:auto!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  clip:auto!important;
  clip-path:none!important;
  transform:none!important;
  filter:none!important;
  content-visibility:visible!important;
  contain:none!important;
  z-index:2!important;
}

html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .editorial-lead {
  color:#ddd7e5!important;
  font-size:15px!important;
  line-height:1.48!important;
}
html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .hero-short-copy {
  color:#bdb6c8!important;
  font-size:13.5px!important;
  line-height:1.46!important;
}
html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .hero-actions {
  display:flex!important;
  margin-top:2px!important;
}
html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .hero-actions .button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:9px 15px!important;
}
html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .play-store-badge.play-store-badge-premium {
  position:relative!important;
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:flex-start!important;
  width:auto!important;
  max-width:205px!important;
  min-height:44px!important;
  margin-top:2px!important;
  padding:8px 11px!important;
  gap:9px!important;
  transform:none!important;
  scale:1!important;
  filter:none!important;
}
html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .play-store-badge.play-store-badge-premium > img {
  display:block!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:24px!important;
}
html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .play-store-badge.play-store-badge-premium > span:not(.play-store-badge-status) {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .play-store-badge-status {
  display:none!important;
}

/* Keep the large title first, then the restored lightweight content panel. */
html.sinco-mobile-lite.sinco-v26 body #intention .v16-intention-window > .editorial-title {
  order:1!important;
  margin-bottom:2px!important;
}
html.sinco-mobile-lite.sinco-v26 body #intention .v19-logo-rest-ghost {
  z-index:1!important;
}

@media (max-width:430px) {
  html.sinco-mobile-lite.sinco-v26 body #intention .v16-intention-window {
    gap:14px!important;
    padding:76px 18px 82px!important;
  }
  html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack {
    padding:14px 14px 15px!important;
    gap:9px!important;
  }
}

@media (orientation:landscape) and (max-height:650px) {
  html.sinco-mobile-lite.sinco-v26 body #intention .v16-intention-window > .editorial-title {
    order:initial!important;
  }
  html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack {
    order:initial!important;
    grid-column:2!important;
    width:100%!important;
    max-width:none!important;
    padding:12px 13px!important;
    gap:6px!important;
  }
  html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .editorial-lead {
    font-size:12px!important;
    line-height:1.34!important;
  }
  html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .hero-short-copy {
    font-size:11px!important;
    line-height:1.32!important;
  }
  html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .hero-actions .button {
    min-height:32px!important;
    padding:6px 11px!important;
    font-size:11.5px!important;
  }
  html.sinco-mobile-lite.sinco-v26 body #intention .v19-intention-copy-stack .play-store-badge.play-store-badge-premium {
    min-height:36px!important;
    padding:5px 9px!important;
    scale:.88!important;
    transform-origin:left center!important;
  }
}


/* ========================================================================== */
/* SINCO V28 — remove redundant purpose frame / tighten Projects transition    */
/* ========================================================================== */
html.sinco-v9 body #fonctionnement {
  padding-top:clamp(86px,9vw,132px)!important;
}
html.sinco-v9 body #fonctionnement .museum-hero-panel {
  min-height:clamp(560px,70svh,760px);
}
@media (max-width:720px) {
  html.sinco-v9 body #fonctionnement {
    padding-top:72px!important;
  }
  html.sinco-mobile-lite body #fonctionnement .museum-hero-panel {
    min-height:auto!important;
  }
}

/* ========================================================================== */
/* SINCO V29 — calibrated typography & density                                */
/* Slightly smaller display type, preserved body readability.                 */
/* ========================================================================== */

/* Hero: still dominant, but less poster-like. */
body .editorial-home .journey-heading h1 {
  font-size:clamp(70px,8.25vw,132px)!important;
  line-height:.94!important;
}
body .editorial-home .journey-overline {
  font-size:15px!important;
  margin-bottom:clamp(16px,1.8vh,23px)!important;
}
body .editorial-home .journey-subtitle {
  font-size:clamp(15px,1.35vw,20px)!important;
  margin:clamp(22px,2.5vh,28px) 0!important;
}
body .editorial-home .journey-discover {
  min-height:38px!important;
  padding-block:8px!important;
}

/* Scene 2: reduce only the display line; explanatory copy stays readable. */
body .editorial-home #intention .editorial-title-tagline {
  font-size:clamp(30px,3.3vw,50px)!important;
  line-height:1.04!important;
}
body .editorial-home #intention .editorial-lead {
  font-size:clamp(14.5px,1.18vw,17px)!important;
}
body .editorial-home #intention .hero-short-copy {
  font-size:clamp(12.5px,1vw,15px)!important;
}
body .editorial-home #intention .hero-actions .button {
  min-height:38px!important;
  padding:8px 14px!important;
}

/* Projects & artworks: smaller editorial title and tighter card scale. */
body .editorial-home #fonctionnement .museum-hero-copy h2 {
  font-size:clamp(40px,5.35vw,82px)!important;
  line-height:1!important;
}
body .editorial-home #fonctionnement .museum-hero-copy p {
  font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.58!important;
}
body .editorial-home .journey-process .museum-step-number {
  font-size:clamp(150px,18vw,250px)!important;
}
body .editorial-home .journey-process .museum-guide-card h3 {
  font-size:clamp(24px,2.3vw,34px)!important;
  line-height:1.04!important;
}
body .editorial-home .journey-process .museum-guide-card {
  padding-top:clamp(34px,4.2vw,58px)!important;
  padding-bottom:clamp(30px,4vw,52px)!important;
}

/* Traces and challenges: still expressive, less oversized. */
body .editorial-home #traces .museum-traces-heading h2 {
  font-size:clamp(36px,4.35vw,66px)!important;
  line-height:1.02!important;
}
body .editorial-home #defis-creatifs .sinco-challenges-head h2 {
  font-size:clamp(52px,7.5vw,116px)!important;
  line-height:.92!important;
}
body .editorial-home #defis-creatifs .sinco-challenges-icon {
  width:clamp(68px,8vw,112px)!important;
}
body .editorial-home #defis-creatifs .sinco-challenges-body {
  font-size:clamp(17px,1.55vw,21px)!important;
  line-height:1.58!important;
}
body .editorial-home #defis-creatifs .sinco-challenges-card {
  min-height:230px!important;
  padding:clamp(24px,2.5vw,34px)!important;
}

/* Human-creation and destination sections. */
body .editorial-home .home-human-creation h2 {
  font-size:clamp(34px,4.65vw,68px)!important;
  line-height:1.01!important;
  margin:22px 0 38px!important;
}
body .editorial-home .journey-destination-copy h2 {
  font-size:clamp(31px,4.05vw,58px)!important;
  line-height:1.01!important;
  margin:10px 0 16px!important;
}
body .editorial-home .journey-destination-copy p {
  font-size:clamp(15.5px,1.28vw,19px)!important;
  line-height:1.6!important;
}
body .editorial-home .journey-destination {
  min-height:clamp(330px,49vh,560px)!important;
}

/* Final download callout: quieter hierarchy and slightly leaner controls. */
body .editorial-home .app-download-callout h2 {
  font-size:clamp(30px,3.45vw,50px)!important;
  line-height:1.04!important;
}
body .editorial-home .app-download-callout p {
  font-size:clamp(15px,1.2vw,18px)!important;
  line-height:1.58!important;
}
body .editorial-home .app-download-callout .play-store-badge {
  transform:scale(.94)!important;
  transform-origin:left center!important;
}

/* Phone/tablet lightweight profile: stronger reduction on display type only. */
@media (max-width:759px) {
  body .editorial-home .journey-heading h1 {
    font-size:clamp(52px,16.8vw,76px)!important;
    line-height:.92!important;
  }
  body .editorial-home .journey-overline {
    font-size:13px!important;
    margin-bottom:17px!important;
  }
  body .editorial-home .journey-subtitle {
    font-size:14px!important;
    margin:18px 0!important;
  }
  body .editorial-home #intention .editorial-title-tagline {
    font-size:clamp(25px,7.7vw,36px)!important;
    line-height:1.04!important;
  }
  body .editorial-home #fonctionnement .museum-hero-copy h2 {
    font-size:clamp(34px,9.9vw,50px)!important;
  }
  body .editorial-home #traces .museum-traces-heading h2 {
    font-size:clamp(31px,8.7vw,44px)!important;
  }
  body .editorial-home #defis-creatifs .sinco-challenges-head h2 {
    font-size:clamp(48px,14.5vw,76px)!important;
  }
  body .editorial-home .home-human-creation h2 {
    font-size:clamp(31px,9.4vw,46px)!important;
    margin:18px 0 30px!important;
  }
  body .editorial-home .journey-destination-copy h2 {
    font-size:clamp(28px,8.3vw,38px)!important;
  }
  body .editorial-home .app-download-callout h2 {
    font-size:clamp(28px,8vw,38px)!important;
  }

  /* Mobile-light cards: smaller numbers/titles and less empty padding. */
  html.sinco-mobile-lite body .editorial-home .journey-process .museum-guide-card {
    padding:64px 18px 22px!important;
    border-radius:18px!important;
  }
  html.sinco-mobile-lite body .editorial-home .journey-process .museum-step-number {
    font-size:50px!important;
  }
  html.sinco-mobile-lite body .editorial-home .journey-process h3 {
    font-size:clamp(24px,7vw,32px)!important;
  }
  html.sinco-mobile-lite body .editorial-home .journey-process p {
    font-size:14.5px!important;
  }
  html.sinco-mobile-lite body .editorial-home #intention .v16-intention-window {
    padding-top:76px!important;
    padding-bottom:82px!important;
  }
}

@media (orientation:landscape) and (max-height:650px) and (max-width:1100px) {
  body .editorial-home .journey-heading h1 {
    font-size:clamp(33px,5.4vw,43px)!important;
  }
  body .editorial-home #intention .editorial-title-tagline {
    font-size:clamp(23px,4.1vw,36px)!important;
  }
  body .editorial-home #fonctionnement .museum-hero-copy h2 {
    font-size:clamp(31px,5.1vw,44px)!important;
  }
  body .editorial-home #traces .museum-traces-heading h2 {
    font-size:clamp(29px,4.6vw,40px)!important;
  }
  body .editorial-home #defis-creatifs .sinco-challenges-head h2 {
    font-size:clamp(42px,7vw,64px)!important;
  }
}