/* ==========================================================================
   Créations : 10 premières pages de sites (concepts fictifs), une par type de projet
   Tout est dessiné en CSS, dimensionné en em (1 em = 1,55 % de la largeur du cadre)
   ========================================================================== */
.sx{position:absolute;inset:0;font-size:1.55cqw;line-height:1.3;background:var(--bg);color:var(--fg);overflow:hidden;font-family:var(--sans);clip-path:inset(0 0 100% 0);transition:clip-path .85s var(--ease)}
.sx.is-on{clip-path:inset(0)}
.sx *{box-sizing:border-box}
.sx p,.sx h4,.sx b,.sx span,.sx small{margin:0}
.sx-nav{position:relative;z-index:4;display:flex;align-items:center;gap:2em;padding:1.3em 2.2em;font-size:.92em}
.sx-nav b{margin-right:auto;font-size:1.35em;letter-spacing:-.04em;font-weight:700}
.sx-btn{display:inline-flex;align-items:center;gap:.6em;background:var(--ac);color:var(--onac,var(--bg));padding:.8em 1.5em;border-radius:99em;font-weight:600;font-size:.95em;font-style:normal;white-space:nowrap}
.sx-btn.ghost{background:transparent;color:inherit;border:1px solid currentColor}
.sx-k{font-family:var(--mono);font-size:.72em;letter-spacing:.12em;text-transform:uppercase;opacity:.72;display:block;margin-bottom:1.2em}
.sx h4{font-weight:650;letter-spacing:-.045em;line-height:.95}
.sx h4 em{color:var(--ac)}
.sx-serif h4,.sx-serif .br{font-family:var(--serif);font-weight:400;letter-spacing:-.02em}
.sx-sub{font-size:1.1em;opacity:.78;max-width:32ch;line-height:1.4;margin:1.1em 0 1.6em!important}
.sx-row{display:flex;gap:.8em;align-items:center}
@keyframes sx-float{50%{transform:translateY(-4%)}}
@keyframes sx-spin{to{rotate:360deg}}
@keyframes sx-pulse{50%{opacity:.35;transform:scale(1.4)}}
@keyframes sx-slide{to{transform:translateX(-50%)}}
@keyframes sx-draw{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}

/* 01 — Vitrine : cabinet comptable, éditorial chaud */
.s1{--bg:#f4f0e8;--fg:#0f1e17;--ac:#c8502d;--onac:#fff}
.s1-main{display:grid;grid-template-columns:1.2fr 1fr;gap:2em;padding:.8em 2.2em 0;height:calc(100% - 12.5em)}
.s1 h4{font-size:5.6em}
.s1-vis{position:relative}
.s1-vis .arch{position:absolute;inset:0 4% 0 16%;border-radius:50% 50% 1em 1em/34% 34% 1em 1em;background:linear-gradient(165deg,#c8502d,#e8a56b 58%,#f4d9b0);animation:sx-float 7s ease-in-out infinite}
.s1-vis .orb{position:absolute;left:4%;top:8%;width:7em;aspect-ratio:1;border-radius:50%;background:var(--fg)}
.s1-card{position:absolute;left:0;bottom:10%;background:#fff;border-radius:1em;padding:1em 1.4em;box-shadow:0 1.2em 2.4em -1em rgba(15,30,23,.35);display:grid;gap:.2em}
.s1-card small{font-size:.75em;opacity:.6}.s1-card b{font-size:1.2em}
.s1-card .dot{position:absolute;right:1em;top:1em;width:.7em;height:.7em;border-radius:50%;background:#2f9d62;animation:sx-pulse 1.8s infinite}
.s1-stats{position:absolute;left:2.2em;right:2.2em;bottom:1.4em;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(15,30,23,.18);padding-top:1em}
.s1-stats div{display:flex;align-items:baseline;gap:.7em}.s1-stats b{font-size:2.2em;letter-spacing:-.05em}.s1-stats span{font-size:.85em;opacity:.7}

/* 02 — Premium : maison de joaillerie, sombre et spectaculaire */
.s2{--bg:#0b0b10;--fg:#f4f1ea;--ac:#ff4d1f;--onac:#0b0b10;background:radial-gradient(70% 90% at 50% 40%,#1c1b26,#0b0b10 70%)}
.s2 .sx-nav{justify-content:space-between}.s2 .sx-nav b{margin:0;font-family:var(--serif);font-weight:400;font-size:1.6em;letter-spacing:.02em;order:2}
.s2 .sx-nav .l{order:1;display:flex;gap:2em}.s2 .sx-nav .r{order:3;display:flex;gap:2em;align-items:center}
.s2-giant{position:absolute;left:0;right:0;top:13%;text-align:center;font-size:17em;font-weight:750;letter-spacing:-.07em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(244,241,234,.38);z-index:1}
.s2-gem{position:absolute;left:50%;top:50%;width:19em;aspect-ratio:1;translate:-50% -52%;z-index:2;animation:sx-float 8s ease-in-out infinite}
.s2-gem i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,#ff4d1f,#ffb27a,#fff3e0,#ff7a45,#b82a05,#ff4d1f);filter:blur(.3em);box-shadow:0 0 6em rgba(255,77,31,.5)}
.s2-gem i::after{content:"";position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff6,transparent 55%),radial-gradient(circle,#0b0b10 0 38%,transparent 39%)}
.s2-ring{position:absolute;left:50%;top:50%;width:25em;aspect-ratio:1;translate:-50% -52%;z-index:3;animation:sx-spin 30s linear infinite}
.s2-ring text{fill:var(--fg);font-family:var(--mono);font-size:8.5px;letter-spacing:.32em}
.s2-copy{position:absolute;left:2.2em;bottom:5em;z-index:4;max-width:20em}
.s2-copy h4{font-family:var(--serif);font-weight:400;font-size:3.2em;letter-spacing:-.02em;margin-bottom:.5em}
.s2-tag{position:absolute;right:2.2em;bottom:5em;z-index:4;text-align:right;display:grid;gap:.3em}.s2-tag b{font-family:var(--serif);font-weight:400;font-size:2em}.s2-tag small{opacity:.6}
.s2-mq{position:absolute;left:0;right:0;bottom:0;border-top:1px solid rgba(244,241,234,.15);padding:.9em 0;overflow:hidden;z-index:4}
.s2-mq div{display:flex;width:max-content;gap:2.4em;font-family:var(--mono);font-size:.74em;letter-spacing:.2em;text-transform:uppercase;animation:sx-slide 18s linear infinite;white-space:nowrap}
/* 03 — Landing : coaching, tout converge vers le formulaire */
.s3{--bg:#f4efe1;--fg:#1b2a1f;--ac:#2f7d4f;--onac:#fff}
.s3-main{display:grid;grid-template-columns:1.15fr 1fr;gap:3em;padding:.8em 2.2em 0;align-items:center;height:calc(100% - 5em)}
.s3 h4{font-size:5.2em}
.s3-list{display:grid;gap:.55em;margin:1.2em 0 1.5em;font-size:1.05em}
.s3-list li{display:flex;gap:.7em;align-items:center}.s3-list li::before{content:"✓";display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--ac);color:#fff;font-size:.8em}
.s3-rate{display:flex;gap:.8em;align-items:center;font-size:.9em}.s3-rate b{color:#e9a516;letter-spacing:.1em}
.s3-card{position:relative;background:#1b2a1f;color:#f4efe1;border-radius:1.4em;padding:2em;display:grid;gap:1em;box-shadow:0 2em 4em -1.6em rgba(27,42,31,.6)}
.s3-card h5{margin:0;font-size:1.7em;letter-spacing:-.04em;line-height:1.05}
.s3-card .fld{display:block;font-style:normal;padding:.95em 1.1em;border-radius:.7em;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:.92em;opacity:.85}
.s3-card .sx-btn{justify-content:center;background:#e9f26b;color:#1b2a1f;padding:1em}
.s3-card small{text-align:center;opacity:.65;font-size:.8em}
.s3-badge{position:absolute;right:-1.2em;top:-1.4em;background:#e9f26b;color:#1b2a1f;border-radius:99em;padding:.55em 1.1em;font-weight:700;font-size:.8em;display:flex;gap:.5em;align-items:center;rotate:4deg}
.s3-badge i{width:.6em;height:.6em;border-radius:50%;background:#d6341c;animation:sx-pulse 1.4s infinite}

/* 04 — E-commerce : boutique maroquinerie */
.s4{--bg:#f6f2ec;--fg:#1a1a1a;--ac:#e4572e;--onac:#fff}
.s4-top{background:var(--fg);color:#f6f2ec;text-align:center;font-size:.78em;padding:.6em;letter-spacing:.06em}
.s4 .sx-nav{padding:1em 2.2em}.s4 .sx-nav b{font-family:var(--serif);font-weight:400;font-size:1.7em}
.s4-main{display:grid;grid-template-columns:.78fr 1.5fr;gap:2em;padding:.6em 2.2em 0;height:calc(100% - 8.5em)}
.s4 h4{font-size:4.6em;margin-bottom:.3em}
.s4-chips{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:1.3em}.s4-chips span{border:1px solid rgba(26,26,26,.25);border-radius:99em;padding:.4em 1em;font-size:.82em}.s4-chips span:first-child{background:var(--fg);color:#f6f2ec}
.s4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1em}
.s4-p{display:grid;gap:.6em;align-content:start}
.s4-p .im{position:relative;aspect-ratio:.82;border-radius:1em;overflow:hidden;background:var(--c)}
.s4-p:nth-child(2){margin-top:2.2em}
.s4-p .im::before{content:"";position:absolute;left:50%;bottom:16%;width:56%;height:44%;translate:-50% 0;background:var(--d);border-radius:.7em .7em 1.1em 1.1em;box-shadow:0 1em 1.4em -.6em rgba(0,0,0,.4)}
.s4-p .im::after{content:"";position:absolute;left:50%;bottom:52%;width:30%;height:26%;translate:-50% 0;border:.3em solid var(--d);border-bottom:0;border-radius:1.4em 1.4em 0 0}
.s4-p .tag{position:absolute;left:.7em;top:.7em;z-index:2;background:#fff;border-radius:99em;padding:.25em .8em;font-size:.72em;font-weight:600}
.s4-p .add{position:absolute;right:.7em;bottom:.7em;z-index:2;background:var(--fg);color:#fff;border-radius:99em;padding:.4em .9em;font-size:.76em}
.s4-p span{display:flex;justify-content:space-between;font-size:.92em}.s4-p span b{font-weight:600}

/* 05 — Restaurant : bouchon lyonnais revisité */
.s5{--bg:#190f0c;--fg:#f3e7d3;--ac:#d9a85b;--onac:#190f0c;background:radial-gradient(90% 90% at 80% 20%,#35201a,#190f0c 65%)}
.s5 .sx-nav b{font-family:var(--serif);font-weight:400;font-size:1.6em}
.s5-main{display:grid;grid-template-columns:1.1fr 1fr;gap:2em;padding:0 2.2em;align-items:center;height:calc(100% - 13em)}
.s5 h4{font-size:6.2em;margin-bottom:.4em}
.s5-book{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:.6em;align-items:stretch;background:rgba(243,231,211,.08);border:1px solid rgba(243,231,211,.18);padding:.7em;border-radius:1em;max-width:34em}
.s5-book span{display:grid;gap:.15em;padding:.4em .8em;font-size:.95em}.s5-book small{font-size:.65em;opacity:.6;letter-spacing:.1em;text-transform:uppercase;font-family:var(--mono)}
.s5-plate{position:relative;width:min(100%,25em);aspect-ratio:1;justify-self:center}
.s5-plate svg{position:absolute;inset:-6%;width:112%;height:112%;animation:sx-spin 30s linear infinite;fill:var(--ac);font-family:var(--mono);font-size:10px;letter-spacing:.2em}
.s5-plate .a{position:absolute;inset:7%;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fbf2e1,#cdb98f 70%);box-shadow:0 2em 3em -1em #000}
.s5-plate .b{position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle at 32% 28%,#f0a45f,#a8501f 62%,#6b2a10);animation:sx-float 6s ease-in-out infinite}
.s5-plate .c{position:absolute;right:20%;top:24%;width:12%;aspect-ratio:1;border-radius:50%;background:#5b8a45}
.s5-menu{position:absolute;left:2.2em;right:2.2em;bottom:1.5em;display:grid;grid-template-columns:repeat(3,1fr);gap:2em;border-top:1px solid rgba(243,231,211,.2);padding-top:1em;font-size:.92em}
.s5-menu div{display:flex;align-items:baseline;gap:.6em}.s5-menu i{flex:1;border-bottom:.1em dotted currentColor;opacity:.35}.s5-menu b{color:var(--ac);font-weight:500}

/* 06 — Artisan : menuiserie, matière et preuve */
.s6{--bg:#d8c19b;--fg:#2a1c10;--ac:#8a3b12;--onac:#f6e9cf;background:repeating-linear-gradient(0deg,rgba(42,28,16,.04) 0 2px,transparent 2px 8px),#d8c19b}
.s6 .sx-nav b{font-family:var(--serif);font-weight:400;font-size:1.7em}
.s6-main{display:grid;grid-template-columns:1.15fr 1fr;gap:2em;padding:.4em 2.2em 0;height:calc(100% - 15em)}
.s6 h4{font-size:5.6em}
.s6-proof{display:flex;gap:1.6em;font-size:.88em;margin-top:1.4em}.s6-proof span{display:flex;gap:.5em;align-items:center}.s6-proof span::before{content:"";width:.5em;height:.5em;background:var(--ac);border-radius:50%}
.s6-wood{position:relative;border-radius:1.2em;background:repeating-linear-gradient(94deg,#a9703a 0 .7em,#9a622f .7em 1.15em,#b57b42 1.15em 2.2em,#8f5a2b 2.2em 2.6em);box-shadow:0 2em 3em -1.4em rgba(42,28,16,.75);overflow:hidden}
.s6-wood::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 40% at 30% 20%,rgba(255,255,255,.25),transparent),radial-gradient(circle at 70% 70%,transparent 0 6%,rgba(0,0,0,.18) 6.5% 7.5%,transparent 8%)}
.s6-stamp{position:absolute;left:-2em;bottom:2em;z-index:3;width:8.5em;aspect-ratio:1;border-radius:50%;background:#f6e9cf;color:var(--ac);border:.2em double var(--ac);display:grid;place-content:center;text-align:center;rotate:-12deg;animation:sx-float 6s ease-in-out infinite}
.s6-stamp b{font-family:var(--serif);font-weight:400;font-size:1.7em;line-height:.95}.s6-stamp small{font-family:var(--mono);font-size:.62em;letter-spacing:.1em;text-transform:uppercase;margin-top:.4em}
.s6-work{position:absolute;left:2.2em;right:2.2em;bottom:1.4em;display:grid;grid-template-columns:repeat(3,1fr);gap:1em}
.s6-work div{display:flex;gap:.9em;align-items:center;background:rgba(246,233,207,.5);border-radius:.9em;padding:.7em}
.s6-work i{flex:none;width:4.2em;aspect-ratio:1;border-radius:.6em;background:repeating-linear-gradient(90deg,#a9703a 0 .5em,#8f5a2b .5em .9em)}
.s6-work div:nth-child(2) i{background:repeating-linear-gradient(0deg,#c9985a 0 .5em,#a9703a .5em .9em)}
.s6-work div:nth-child(3) i{background:repeating-linear-gradient(45deg,#b57b42 0 .5em,#8f5a2b .5em .9em)}
.s6-work b{display:block;font-size:.95em}.s6-work small{font-size:.72em;opacity:.7}

/* 07 — Entreprise : B2B industriel, crédible et technique */
.s7{--bg:#0b1a33;--fg:#eaf0ff;--ac:#6aa6ff;--onac:#0b1a33;background:radial-gradient(80% 100% at 85% 40%,#16335f,#0b1a33 65%)}
.s7-main{display:grid;grid-template-columns:1.1fr 1fr;gap:2em;padding:.4em 2.2em 0;align-items:center;height:calc(100% - 13em)}
.s7 h4{font-size:4.3em}
.s7-main .sx-sub{margin:.8em 0 1.2em!important;font-size:1em}
.s7-net{position:relative;aspect-ratio:1.2}
.s7-net svg{position:absolute;inset:0;width:100%;height:100%}
.s7-net line{stroke:rgba(106,166,255,.45);stroke-width:1.2}
.s7-net circle{fill:#6aa6ff;animation:sx-pulse 3s infinite;transform-box:fill-box;transform-origin:center}
.s7-net circle:nth-of-type(2n){animation-delay:-1s;fill:#fff}.s7-net circle:nth-of-type(3n){animation-delay:-2s}
.s7-net .hub{fill:#0b1a33;stroke:#6aa6ff;stroke-width:2;animation:none}
.s7-live{position:absolute;right:0;top:4%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:1em;padding:.9em 1.2em;display:grid;gap:.2em}.s7-live small{font-size:.7em;opacity:.65;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase}.s7-live b{font-size:1.7em;letter-spacing:-.04em}
.s7-stats{position:absolute;left:2.2em;right:2.2em;bottom:1.4em;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(234,240,255,.18);padding-top:1em}
.s7-stats div{display:grid}.s7-stats b{font-size:2.3em;letter-spacing:-.05em;line-height:1}.s7-stats span{font-size:.78em;opacity:.65;margin-top:.3em}

/* 08 — Profession libérale : santé, rassurant, prise de rendez-vous */
.s8{--bg:#eef3ef;--fg:#12312a;--ac:#1f8f74;--onac:#fff}
.s8-main{display:grid;grid-template-columns:1.05fr 1fr;gap:2.4em;padding:.4em 2.2em 0;align-items:center;height:calc(100% - 5em)}
.s8 h4{font-size:5.4em}
.s8-chips{display:flex;flex-wrap:wrap;gap:.6em;margin-top:1.2em}.s8-chips span{background:#fff;border-radius:99em;padding:.5em 1.1em;font-size:.85em;display:flex;gap:.5em;align-items:center}.s8-chips span::before{content:"";width:.55em;height:.55em;border-radius:50%;background:var(--ac)}
.s8-card{background:#fff;border-radius:1.4em;padding:1.6em;box-shadow:0 2em 3.5em -1.8em rgba(18,49,42,.4);display:grid;gap:1em}
.s8-card header{display:flex;justify-content:space-between;align-items:center}.s8-card h5{margin:0;font-size:1.3em;letter-spacing:-.03em}.s8-card header small{opacity:.6}
.s8-days{display:grid;grid-template-columns:repeat(5,1fr);gap:.5em;text-align:center}
.s8-days div{border-radius:.8em;padding:.6em 0;background:#eef3ef;display:grid;font-size:.85em}.s8-days b{font-size:1.3em}
.s8-days div:nth-child(2){background:var(--fg);color:#fff}
.s8-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}
.s8-slots span{border:1px solid rgba(18,49,42,.2);border-radius:.7em;padding:.65em;text-align:center;font-size:.9em}
.s8-slots span.on{background:var(--ac);color:#fff;border-color:var(--ac);animation:sx-float 3s ease-in-out infinite}.s8-slots span.off{opacity:.35;text-decoration:line-through}
.s8-card .sx-btn{justify-content:center}

/* 09 — Startup : produit SaaS, interface comme preuve */
.s9{--bg:#07080d;--fg:#e8ecff;--ac:#7dffb2;--onac:#07080d}
.s9-orb{position:absolute;right:-14%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,#5b7bff,#7dffb2,#ff4d1f,#5b7bff);filter:blur(3em);opacity:.5;animation:sx-spin 18s linear infinite}
.s9-main{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.15fr;gap:2em;padding:.4em 2.2em 0;align-items:center;height:calc(100% - 5em)}
.s9 h4{font-size:5.4em}.s9 h4 em{background:linear-gradient(90deg,#7dffb2,#5b7bff);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}
.s9-pill{display:inline-flex;gap:.6em;align-items:center;border:1px solid rgba(232,236,255,.22);border-radius:99em;padding:.45em 1em;font-size:.78em;margin-bottom:1.4em;color:var(--ac)}.s9-pill i{width:.6em;height:.6em;border-radius:50%;background:var(--ac);animation:sx-pulse 1.6s infinite}
.s9-ui{background:rgba(14,16,28,.82);border:1px solid rgba(255,255,255,.14);border-radius:1.2em;padding:1.1em;display:grid;grid-template-columns:3.4em 1fr;gap:1em;box-shadow:0 3em 5em -2em #000;rotate:-2deg}
.s9-side{display:grid;gap:.7em;align-content:start}.s9-side i{height:2.4em;border-radius:.7em;background:rgba(255,255,255,.07)}.s9-side i:first-child{background:var(--ac)}
.s9-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:.7em}.s9-kpi div{background:rgba(255,255,255,.05);border-radius:.8em;padding:.7em .9em;display:grid}.s9-kpi small{font-size:.65em;opacity:.6;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.s9-kpi b{font-size:1.5em;letter-spacing:-.04em}.s9-kpi .up{color:var(--ac)}
.s9-chart{margin-top:.8em;background:rgba(255,255,255,.04);border-radius:.8em;padding:.8em}.s9-chart svg{width:100%;height:7.5em}
.s9-chart path.l{fill:none;stroke:var(--ac);stroke-width:2.4;stroke-dasharray:400;animation:sx-draw 3s ease-out infinite alternate}.s9-chart path.f{fill:url(#s9g);opacity:.5}

/* 10 — Événement : affiche, urgence, billetterie */
.s10{--bg:#ff4d1f;--fg:#0d0d0b;--ac:#0d0d0b;--onac:#ff4d1f}
.s10 .sx-nav b{font-size:1.5em}
.s10-date{position:absolute;left:1.2em;top:3em;line-height:.8;z-index:1}
.s10-date span{display:inline-block;font-size:19em;font-weight:760;letter-spacing:-.08em;animation:sx-float 6s ease-in-out infinite}
.s10-info{position:absolute;left:2.2em;top:25.5em;z-index:3;max-width:30em}
.s10 h4{font-size:3.2em;margin-bottom:.5em}
.s10-cd{position:absolute;right:2.2em;top:5.6em;z-index:3;display:grid;grid-template-columns:repeat(4,4.8em);gap:.6em}
.s10-cd div{background:var(--fg);color:#ff4d1f;border-radius:.9em;padding:.8em .3em;text-align:center;display:grid}.s10-cd b{font-size:2.2em;letter-spacing:-.05em;line-height:1}.s10-cd small{font-size:.65em;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.s10-lineup{position:absolute;right:2.2em;top:15.5em;z-index:3;width:23em;display:grid;gap:.5em}
.s10-lineup div{display:flex;gap:.8em;align-items:center;border-bottom:1px solid rgba(13,13,11,.35);padding-bottom:.5em;font-size:.95em}.s10-lineup i{flex:none;width:2.4em;aspect-ratio:1;border-radius:50%;background:var(--fg);box-shadow:inset 0 0 0 .3em #ff4d1f,inset 0 0 0 .5em var(--fg)}.s10-lineup div:nth-child(2) i{background:#fff;box-shadow:inset 0 0 0 .3em #ff4d1f,inset 0 0 0 .5em #fff}.s10-lineup small{display:block;opacity:.75;font-size:.8em}
.s10-mq{position:absolute;left:0;right:0;bottom:0;background:var(--fg);color:#ff4d1f;padding:.8em 0;overflow:hidden;z-index:4}.s10-mq div{display:flex;width:max-content;gap:2em;font-weight:700;font-size:1.1em;letter-spacing:-.02em;animation:sx-slide 16s linear infinite;white-space:nowrap}

@media (max-width:960px){.sx{font-size:1.55cqw}}