/* Alexandre Cornu : feuille de style principale
   Palette inspirée de la charte Deepidoo (orange #E9530D, noir, blanc)
   Police : Montserrat (SIL OFL 1.1), auto-hébergée */
@font-face{font-family:"Montserrat";font-style:normal;font-weight:400 800;font-display:swap;src:url("/assets/fonts/montserrat-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --orange:#E9530D;--orange-2:#FF7A2F;--orange-3:#FFB37A;--orange-ink:#B83E05;
  --bg:#ffffff;--bg-2:#f6f4f2;--fg:#0b0b0b;--muted:#5f5a57;--line:rgba(11,11,11,.1);
  --card:#ffffff;--card-line:rgba(11,11,11,.08);--shadow:0 20px 50px -20px rgba(11,11,11,.25);
  --glass:rgba(255,255,255,.72);--max:72rem;--r:1.25rem;
  --grad:linear-gradient(135deg,#E9530D 0%,#FF7A2F 55%,#FFB37A 100%);
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0b0b0b;--bg-2:#131111;--fg:#f5f2ef;--muted:#a8a19c;--line:rgba(255,255,255,.1);
  --card:#161413;--card-line:rgba(255,255,255,.08);--shadow:0 20px 60px -20px rgba(0,0,0,.8);
  --glass:rgba(11,11,11,.66);--orange-ink:#FF8A4A;
}}
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light dark;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:1.0625rem;line-height:1.65;background:var(--bg);color:var(--fg);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--orange-ink);text-underline-offset:.2em}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:1rem;top:1rem;background:var(--orange);color:#fff;padding:.6rem 1rem;border-radius:.5rem;z-index:100}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Barre de progression */
.progress{position:fixed;inset:0 0 auto 0;height:3px;background:var(--grad);transform-origin:0 50%;transform:scaleX(var(--p,0));z-index:60}

/* En-tête */
.site-head{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s,box-shadow .3s,padding .3s;padding:1.1rem 0}
.site-head.scrolled{background:var(--glass);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px);box-shadow:0 1px 0 var(--line);padding:.6rem 0}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.6rem;font-weight:800;color:var(--fg);text-decoration:none;letter-spacing:-.01em}
.brand svg{width:2rem;height:2rem}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.35rem}
.nav a{display:block;padding:.45rem .8rem;border-radius:999px;color:var(--fg);text-decoration:none;font-weight:600;font-size:.92rem;transition:background .2s,color .2s}
.nav a:hover,.nav a.active{background:rgba(233,83,13,.12);color:var(--orange-ink)}
@media (max-width:760px){.nav li:not(.keep){display:none}}

/* Hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:7rem 0 4rem;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:float 18s ease-in-out infinite}
.blob.b1{width:42rem;height:42rem;background:radial-gradient(circle,#E9530D 0%,transparent 65%);top:-14rem;right:-10rem}
.blob.b2{width:34rem;height:34rem;background:radial-gradient(circle,#FFB37A 0%,transparent 65%);bottom:-14rem;left:-10rem;animation-delay:-6s}
.blob.b3{width:24rem;height:24rem;background:radial-gradient(circle,#FF7A2F 0%,transparent 65%);top:40%;left:45%;animation-delay:-12s;opacity:.35}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 60% 40%,#000 10%,transparent 70%)}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(3rem,-2rem) scale(1.08)}66%{transform:translate(-2rem,2rem) scale(.95)}}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;width:100%}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr}.hero-visual{order:2}}
.eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .9rem;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-weight:600;font-size:.85rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(233,83,13,.6);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(233,83,13,.55)}70%{box-shadow:0 0 0 .7rem rgba(233,83,13,0)}100%{box-shadow:0 0 0 0 rgba(233,83,13,0)}}
.hero h1{font-size:clamp(2.8rem,8vw,5.6rem);line-height:.98;letter-spacing:-.045em;margin:1.2rem 0 1rem;font-weight:800}
.hero h1 .line{display:block}
.hero .lead{font-size:clamp(1.1rem,2.4vw,1.4rem);color:var(--muted);margin:0 0 2rem;max-width:34rem;font-weight:500}
.rotator{display:grid;color:var(--fg);font-weight:800;font-size:clamp(1.4rem,3.4vw,2rem);letter-spacing:-.02em;margin-top:.3rem}
.rotator span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.1em}
.rotator span{grid-area:1/1;opacity:0;transform:translateY(.6em);transition:opacity .5s,transform .5s}
.rotator span.on{opacity:1;transform:none}
.rotator span.off{opacity:0;transform:translateY(-.6em)}
.cta{display:flex;gap:.8rem;flex-wrap:wrap}
.btn{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;overflow:hidden}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 12px 30px -10px rgba(233,83,13,.7)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 40px -12px rgba(233,83,13,.85)}
.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.btn-primary:hover::after{transform:translateX(120%)}
.btn-ghost{border:1.5px solid var(--line);color:var(--fg);background:var(--glass)}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange-ink);transform:translateY(-3px)}
.btn svg{width:1.1em;height:1.1em}
.scroll-hint{position:absolute;left:50%;bottom:1.5rem;transform:translateX(-50%);width:1.6rem;height:2.6rem;border:2px solid var(--line);border-radius:1rem}
.scroll-hint::after{content:"";position:absolute;left:50%;top:.5rem;width:.3rem;height:.6rem;margin-left:-.15rem;border-radius:1rem;background:var(--orange);animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(.9rem)}}

/* Visuel du hero : écran, étiquette ePaper, graphe MCP */
.hero-visual{position:relative;aspect-ratio:1/1;max-width:32rem;width:100%;justify-self:center;perspective:1200px}
.stage{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--rx,8deg)) rotateY(var(--ry,-12deg));transition:transform .3s ease-out}
.screen{position:absolute;left:4%;top:12%;width:78%;aspect-ratio:16/10;border-radius:1rem;background:#0b0b0b;padding:.55rem;box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.06) inset;transform:translateZ(40px)}
.screen-in{position:relative;width:100%;height:100%;border-radius:.6rem;overflow:hidden;background:#1a1716}
.slide{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem 1.1rem;color:#fff;opacity:0;animation:slides 12s infinite}
.slide b{font-size:clamp(.95rem,2.4vw,1.35rem);line-height:1.15;letter-spacing:-.02em}
.slide small{opacity:.8;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.slide.s1{background:linear-gradient(135deg,#E9530D,#FFB37A)}
.slide.s2{background:radial-gradient(circle at 80% 20%,#FF7A2F 0,transparent 45%),#0b0b0b;animation-delay:4s}
.slide.s3{background:linear-gradient(160deg,#2a2422,#E9530D);animation-delay:8s}
@keyframes slides{0%{opacity:0;transform:scale(1.06)}4%,30%{opacity:1;transform:scale(1)}36%,100%{opacity:0}}
.screen-bar{position:absolute;left:1.1rem;right:1.1rem;top:.9rem;height:3px;background:rgba(255,255,255,.25);border-radius:3px;overflow:hidden}
.screen-bar::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:0 50%;animation:bar 4s linear infinite}
@keyframes bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.epaper{position:absolute;right:2%;bottom:10%;width:44%;aspect-ratio:4/3;border-radius:.8rem;background:#2b2b2b;padding:.45rem;box-shadow:var(--shadow);transform:translateZ(90px) rotate(-4deg)}
.epaper-in{position:relative;width:100%;height:100%;border-radius:.4rem;background:#e9e6df;color:#1d1d1d;padding:.55rem .7rem;font-size:.62rem;line-height:1.25;overflow:hidden}
.epaper-in strong{display:block;font-size:1rem;letter-spacing:-.02em}
.epaper-in .price{position:absolute;right:.6rem;bottom:.4rem;font-size:1.5rem;font-weight:800;color:#c2410c}
.epaper-in .bars{display:flex;gap:2px;margin-top:.35rem;height:1rem}
.epaper-in .bars i{flex:1;background:#1d1d1d}.epaper-in .bars i:nth-child(3n){flex:.4}.epaper-in .bars i:nth-child(4n){background:transparent}
.epaper-in::after{content:"";position:absolute;inset:0;background:#111;opacity:0;animation:eink 6s infinite}
@keyframes eink{0%,88%{opacity:0}90%{opacity:1;background:#111}93%{opacity:1;background:#fff}96%{opacity:.7;background:#111}100%{opacity:0}}
.mcp{position:absolute;right:-2%;top:-7%;width:42%;transform:translateZ(130px)}
.mcp svg{width:100%;height:auto;overflow:visible}
.mcp .edge{stroke:var(--orange);stroke-width:1.5;stroke-dasharray:4 6;animation:dash 1.6s linear infinite;opacity:.8}
@keyframes dash{to{stroke-dashoffset:-20}}
.mcp .node{fill:var(--card);stroke:var(--orange);stroke-width:2}
.mcp .core{fill:url(#g)}
.mcp text{font:700 9px Montserrat,sans-serif;fill:var(--fg)}
.mcp .core-t{fill:#fff;font-size:11px}
.rays{position:absolute;left:-4%;top:2%;width:18%;transform:translateZ(60px)}
.rays rect{fill:var(--orange);transform-box:fill-box;transform-origin:center;animation:ray 2.4s ease-in-out infinite}
.rays rect:nth-child(2){animation-delay:.2s}.rays rect:nth-child(3){animation-delay:.4s}
@keyframes ray{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}

@media (max-width:520px){.epaper-in .bars{display:none}.epaper-in .price{font-size:1.1rem}.epaper-in strong{font-size:.85rem}}

/* Bandeau défilant */
.marquee{border-block:1px solid var(--line);background:var(--bg-2);overflow:hidden;padding:1.1rem 0}
.marquee-track{display:flex;gap:2.5rem;width:max-content;animation:marquee 32s linear infinite}
.marquee span{font-weight:800;font-size:clamp(1.2rem,3vw,1.9rem);letter-spacing:-.02em;white-space:nowrap;display:flex;align-items:center;gap:2.5rem}
.marquee span::after{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--orange)}
.marquee span:nth-child(even){color:transparent;-webkit-text-stroke:1.2px var(--fg)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Sections */
section{padding:clamp(4rem,10vw,7.5rem) 0;position:relative}
.kicker{display:inline-block;font-weight:700;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange-ink);margin-bottom:.8rem}
h2{font-size:clamp(2rem,5vw,3.3rem);line-height:1.05;letter-spacing:-.035em;margin:0 0 1.2rem;font-weight:800}
.sub{color:var(--muted);max-width:40rem;margin:0 0 3rem;font-size:1.1rem}

/* À propos */
.about{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}
@media (max-width:860px){.about{grid-template-columns:1fr}}
.about p{font-size:1.15rem;margin:0 0 1rem}
.about-card{position:relative;border-radius:var(--r);padding:2rem;background:var(--card);border:1px solid var(--card-line);box-shadow:var(--shadow);overflow:hidden}
.about-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}
.about-card .role{font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem}
.about-card .title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1.4rem}
.about-card .logo{width:12rem;margin-bottom:1.4rem}
.logo-dark{display:none}
@media (prefers-color-scheme:dark){.logo-light{display:none}.logo-dark{display:block}}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.tags li{padding:.35rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600;background:rgba(233,83,13,.1);color:var(--orange-ink)}

/* Domaines */
.domains{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media (max-width:960px){.domains{grid-template-columns:1fr}}
.card{position:relative;border-radius:var(--r);padding:1.8rem;background:var(--card);border:1px solid var(--card-line);overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;transform:perspective(900px) rotateX(var(--tx,0)) rotateY(var(--ty,0))}
.card::before{content:"";position:absolute;inset:0;background:radial-gradient(22rem circle at var(--mx,50%) var(--my,0%),rgba(233,83,13,.16),transparent 45%);opacity:0;transition:opacity .35s;pointer-events:none}
.card:hover{box-shadow:var(--shadow);border-color:rgba(233,83,13,.35)}
.card:hover::before{opacity:1}
.card h3{font-size:1.35rem;letter-spacing:-.02em;margin:1.4rem 0 .6rem}
.card p{color:var(--muted);margin:0}
.num{position:absolute;right:1.4rem;top:1.1rem;font-weight:800;font-size:3.2rem;line-height:1;color:transparent;-webkit-text-stroke:1px var(--line)}
.illu{height:9rem;border-radius:1rem;background:var(--bg-2);position:relative;overflow:hidden;display:grid;place-items:center}
/* Illu 1 : mur d'écrans */
.wall{display:grid;grid-template-columns:repeat(3,2.6rem);gap:.35rem}
.wall i{height:1.7rem;border-radius:.25rem;background:#1d1a19;animation:tile 3s infinite}
.wall i:nth-child(2){animation-delay:.3s}.wall i:nth-child(3){animation-delay:.6s}.wall i:nth-child(4){animation-delay:.9s}.wall i:nth-child(5){animation-delay:1.2s}.wall i:nth-child(6){animation-delay:1.5s}
@keyframes tile{0%,100%{background:#1d1a19}40%{background:#E9530D}60%{background:#FFB37A}}
/* Illu 2 : encre électronique */
.ink{width:7.5rem;height:5.5rem;border-radius:.4rem;background:#e9e6df;border:5px solid #2b2b2b;position:relative;overflow:hidden}
.ink::before{content:"";position:absolute;left:.5rem;right:.5rem;top:.6rem;height:.45rem;background:#1d1d1d;box-shadow:0 .9rem 0 #1d1d1d,0 1.8rem 0 #8b8b8b,0 2.7rem 0 #8b8b8b;transform-origin:0 50%}
.ink::after{content:"";position:absolute;inset:0;background:#111;opacity:0;animation:eink 4s infinite}
.card:hover .ink::after{animation-duration:1.6s}
/* Illu 3 : graphe */
.graph{width:85%;height:85%}
.graph line{stroke:var(--orange);stroke-width:1.5;stroke-dasharray:3 5;animation:dash 1.2s linear infinite}
.graph circle{fill:var(--card);stroke:var(--orange);stroke-width:2}
.graph .c{fill:#E9530D;stroke:none;animation:corepulse 2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}
@keyframes corepulse{50%{transform:scale(1.18)}}

/* Applications */
.apps-section{background:var(--bg-2);border-block:1px solid var(--line);overflow:hidden}
.apps-section::before{content:"";position:absolute;width:40rem;height:40rem;right:-15rem;top:-15rem;background:radial-gradient(circle,rgba(233,83,13,.18),transparent 60%);pointer-events:none}
.apps{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
@media (max-width:860px){.apps{grid-template-columns:1fr}}
.app{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start}
.app-icon{width:5rem;height:5rem;border-radius:1.15rem;box-shadow:0 10px 25px -10px rgba(0,0,0,.45);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.app:hover .app-icon{transform:rotate(-6deg) scale(1.06)}
.app h3{margin:.1rem 0 .2rem;font-size:1.25rem}
.app .meta{font-size:.8rem;font-weight:600;color:var(--muted);margin:0 0 .6rem}
.app p.desc{color:var(--muted);margin:0 0 1rem;font-size:.98rem}
.badges{display:flex;flex-wrap:wrap;gap:.5rem}
.badge{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .9rem .45rem .7rem;border-radius:.65rem;background:#0b0b0b;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.15);transition:transform .2s,background .2s;line-height:1.1}
.badge:hover{transform:translateY(-2px);background:#E9530D}
.badge svg{width:1.3rem;height:1.3rem;flex:none}
.badge span{display:flex;flex-direction:column;font-weight:700;font-size:.92rem}
.badge small{font-weight:500;font-size:.62rem;opacity:.8;text-transform:uppercase;letter-spacing:.06em}
@media (prefers-color-scheme:dark){.badge{background:#fff;color:#0b0b0b;border-color:transparent}.badge:hover{color:#fff}}
.dev-links{margin-top:2rem;color:var(--muted);font-size:.92rem}

/* Chiffres */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;text-align:center}
@media (max-width:700px){.stats{grid-template-columns:1fr}}
.stat{padding:2rem 1rem;border-radius:var(--r);border:1px solid var(--card-line);background:var(--card)}
.stat b{display:block;font-size:clamp(2.6rem,6vw,3.8rem);font-weight:800;letter-spacing:-.04em;line-height:1}
.stat span{color:var(--muted);font-weight:600}
.source{margin-top:1rem;text-align:center;font-size:.85rem;color:var(--muted)}

/* Contact */
.contact-box{position:relative;border-radius:calc(var(--r) * 1.6);padding:clamp(2.5rem,7vw,5rem);background:#0b0b0b;color:#fff;overflow:hidden;isolation:isolate;text-align:center}
.contact-box::before{content:"";position:absolute;inset:-50%;z-index:-1;background:conic-gradient(from 0deg,#E9530D,#0b0b0b 25%,#FF7A2F 50%,#0b0b0b 75%,#E9530D);animation:spin 14s linear infinite;opacity:.55}
.contact-box::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(233,83,13,.35),#0b0b0b 60%)}
@keyframes spin{to{transform:rotate(1turn)}}
.contact-box h2{color:#fff}
.contact-box p{color:#d8d2cd;max-width:34rem;margin:0 auto 2rem}
.contact-links{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}
.contact-links a{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1.4rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;font-weight:700;transition:background .25s,border-color .25s,transform .25s}
.contact-links a:hover{background:#E9530D;border-color:#E9530D;transform:translateY(-3px)}
.contact-links svg{width:1.15rem;height:1.15rem}

/* Pied de page */
footer{padding:2.5rem 0;color:var(--muted);font-size:.88rem;border-top:1px solid var(--line)}
footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}

/* Apparition au défilement (activée seulement si JS présent) */
.js .reveal{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}

/* 404 */
.page-404{min-height:100svh;display:grid;place-items:center;text-align:center;padding:2rem}
.page-404 .big{font-size:clamp(6rem,22vw,12rem);font-weight:800;letter-spacing:-.06em;line-height:1;margin:0}

/* Mouvement réduit : tout est figé et visible */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
  .slide.s1{opacity:1}
  .rotator span:first-child{opacity:1;transform:none}
  .stage{transform:rotateX(6deg) rotateY(-10deg)}
  .marquee-track{flex-wrap:wrap;width:auto;justify-content:center}
  .marquee span[aria-hidden]{display:none}
}