/* =========================================================
   MymCréations — v2 (sombre & théâtral, bilingue FR/EN)
   Design fusionné : maquette Claude Design + contenu vérifié
   ========================================================= */

:root{
  --noir:#0b0908; --noir2:#100c09; --surface:#16110b; --surface2:#1e1710;
  --line:rgba(198,163,90,.16); --line2:rgba(198,163,90,.34);
  --gold:#c6a35a; --gold-soft:#e4c987; --gold-deep:#8f6f2e; --gold-bright:#f0d89a;
  --rouge:#7a1d22; --rouge-deep:#4d1216; --vert:#1c3a33;
  --ivory:#efe7d6; --muted:#b6a98d; --muted2:#8a7c64;
  --maxw:1200px; --pad:clamp(1.4rem,5vw,5.5rem);
  --rv:opacity 1.05s ease, transform 1.15s cubic-bezier(.16,.7,.2,1);
  --f-display:"Cormorant Garamond",Georgia,serif;
  --f-label:"Cinzel",serif;
  --f-sans:"Jost",system-ui,sans-serif;
  --logo-gold:brightness(0) saturate(100%) invert(74%) sepia(36%) saturate(560%) hue-rotate(2deg) brightness(95%) contrast(90%);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{
  background:radial-gradient(130% 80% at 50% -8%, #17110a 0%, var(--noir) 58%);
  color:var(--ivory); font-family:var(--f-sans); font-weight:300; line-height:1.7;
  -webkit-font-smoothing:antialiased; overflow-x:clip; min-height:100vh;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
::selection{background:rgba(198,163,90,.32);color:#fff}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--noir)}
::-webkit-scrollbar-thumb{background:#3a2f1c;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:#54421f}

/* ---------- primitives ---------- */
.kicker{font-family:var(--f-label);letter-spacing:.32em;text-transform:uppercase;font-size:.72rem;color:var(--gold)}
.section{position:relative;max-width:var(--maxw);margin-inline:auto;padding:clamp(4.5rem,9vw,8rem) var(--pad)}
.section--band{max-width:none;background:var(--noir2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.head{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem)}
.title{font-family:var(--f-display);font-weight:500;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.08;margin:.6rem 0 0}
.title--lg{font-size:clamp(2rem,4.6vw,3.2rem)}
.lead{font-family:var(--f-display);font-style:italic;font-size:1.28rem;color:var(--muted);max-width:48ch;margin:1.1rem auto 0}
.ornament{display:flex;align-items:center;justify-content:center;gap:.85rem;color:var(--gold);margin:1rem 0}
.ornament span:first-child{width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.ornament span:last-child{width:46px;height:1px;background:linear-gradient(270deg,transparent,var(--gold))}

.btn{display:inline-block;font-family:var(--f-sans);font-size:.76rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;
  padding:1.05rem 2.1rem;border-radius:2px;border:1px solid transparent;cursor:pointer;
  transition:transform .4s,box-shadow .4s,filter .4s,color .4s,border-color .4s}
.btn--gold{background:linear-gradient(135deg,var(--gold-soft),var(--gold-deep));color:#1a140a;font-weight:500}
.btn--gold:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 18px 38px rgba(198,163,90,.24)}
.btn--ghost{border-color:var(--line2);color:var(--ivory)}
.btn--ghost:hover{border-color:var(--gold);color:var(--gold-soft)}
.btn--block{width:100%;text-align:center}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(30px);transition:var(--rv)}
.reveal.in{opacity:1;transform:none}

/* ---------- progress bar ---------- */
.progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:120;
  background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));box-shadow:0 0 14px rgba(198,163,90,.6)}

/* ---------- curtain ---------- */
.curtain{position:fixed;inset:0;z-index:200;display:grid;place-items:center;pointer-events:none}
.curtain.gone{opacity:0;visibility:hidden;transition:opacity .6s ease}
.curtain__l,.curtain__r{position:absolute;top:0;bottom:0;width:51%;transition:transform 1.6s cubic-bezier(.76,0,.24,1)}
.curtain__l{left:0;background:linear-gradient(90deg,#0a0706,#2a0c0e 55%,#3a1115 82%,#180809);box-shadow:inset -50px 0 90px rgba(0,0,0,.7)}
.curtain__r{right:0;background:linear-gradient(270deg,#0a0706,#2a0c0e 55%,#3a1115 82%,#180809);box-shadow:inset 50px 0 90px rgba(0,0,0,.7)}
.curtain.open .curtain__l{transform:translateX(-101%)}
.curtain.open .curtain__r{transform:translateX(101%)}
.curtain__mark{position:relative;z-index:2;text-align:center;transition:opacity .6s ease}
.curtain.open .curtain__mark{opacity:0}
.curtain__mark img{height:74px;width:auto;filter:var(--logo-gold);margin:0 auto .6rem}
.curtain__mark span{font-family:var(--f-label);letter-spacing:.42em;font-size:.66rem;text-transform:uppercase;color:var(--gold);padding-left:.42em}

/* ---------- nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.9rem 0;transition:background .45s,box-shadow .45s,padding .45s}
.nav.scrolled{background:rgba(11,9,8,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);padding:.45rem 0}
.nav__in{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:1rem}
.nav__logo img{height:38px;width:auto;filter:var(--logo-gold)}
.nav__links{display:flex;align-items:center;gap:2rem}
.nav__links a{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ivory);opacity:.9;position:relative;transition:color .3s}
.nav__links a::after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:var(--gold);transition:width .4s}
.nav__links a:hover{color:var(--gold-soft)}.nav__links a:hover::after{width:100%}
.nav__cta{color:var(--gold-soft)!important;border:1px solid var(--line2);padding:.5rem 1.1rem;border-radius:2px}
.nav__cta::after{display:none}
.lang{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--f-label);font-size:.72rem;letter-spacing:.12em}
.lang b{font-weight:400;cursor:pointer;color:var(--ivory);opacity:.45;transition:opacity .3s}
.lang b.on{opacity:1}
.lang i{opacity:.35;color:var(--muted);font-style:normal}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:.4rem;z-index:80}
.burger span{display:block;width:26px;height:2px;background:var(--gold-soft);transition:.35s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden}
.hero__bg2{position:absolute;inset:-6%;background-image:url('../assets/img/hero-couture.webp');background-size:cover;background-position:center 22%;filter:blur(7px) brightness(.42) saturate(.9);transform:scale(1.08);animation:mymZoom 24s cubic-bezier(.16,.7,.2,1) forwards}
.hero__veil{position:absolute;inset:0;background:radial-gradient(120% 100% at 68% 42%, rgba(11,9,8,.32), rgba(11,9,8,.82) 70%, var(--noir) 100%), linear-gradient(180deg, rgba(11,9,8,.5) 0%, transparent 24%, transparent 72%, rgba(11,9,8,.8) 100%)}
.hero__grid{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin-inline:auto;padding:7rem var(--pad) 5rem;display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.hero__text{text-align:left}
.hero__kicker{font-family:var(--f-label);font-weight:400;letter-spacing:.3em;text-transform:uppercase;font-size:.72rem;color:var(--gold-soft)}
.hero__title{font-family:var(--f-display);font-weight:500;font-size:clamp(2.5rem,6vw,4.7rem);line-height:1.03;letter-spacing:.01em;margin:1.1rem 0 0;text-shadow:0 6px 50px rgba(0,0,0,.55)}
.hero__title b{display:block;font-style:italic;font-weight:400;color:var(--gold-soft)}
.hero__sub{font-family:var(--f-display);font-style:italic;font-size:clamp(1.12rem,2vw,1.5rem);color:var(--ivory);max-width:42ch;margin:1.5rem 0 2.2rem;opacity:.93}
.hero__cta{display:flex;gap:1rem;flex-wrap:wrap}
.hero__sign{position:relative;display:grid;place-items:center;will-change:transform}
.hero__sign::before{content:"";position:absolute;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle, rgba(198,163,90,.30), rgba(198,163,90,0) 70%);filter:blur(6px)}
.hero__sign img{position:relative;width:auto;max-width:100%;max-height:min(74vh,600px);filter:drop-shadow(0 26px 56px rgba(0,0,0,.6));animation:mymFloat 7s ease-in-out infinite}
.scrolldown{position:absolute;bottom:2.2rem;left:50%;transform:translateX(-50%);z-index:2}
.scrolldown span{display:block;width:24px;height:40px;border:1px solid var(--gold);border-radius:14px;position:relative}
.scrolldown span::after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;border-radius:2px;background:var(--gold-soft);transform:translateX(-50%);animation:mymDot 1.7s infinite}

/* ---------- about ---------- */
.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(2.5rem,6vw,5rem);align-items:center}
.about-media{position:relative}
.about-media__img{position:relative;overflow:hidden;border-radius:3px;box-shadow:0 40px 80px rgba(0,0,0,.55)}
.about-media__img img{width:100%;aspect-ratio:4/5;object-fit:cover}
.about-media__frame{position:absolute;inset:14px;border:1px solid var(--gold);opacity:.42;pointer-events:none;border-radius:2px}
.badge{position:absolute;right:-14px;bottom:28px;background:linear-gradient(135deg,var(--gold-soft),var(--gold-deep));color:#1a140a;font-family:var(--f-label);font-size:.74rem;letter-spacing:.12em;padding:.7rem 1.15rem;border-radius:2px;box-shadow:0 12px 28px rgba(0,0,0,.45)}
.about p{color:var(--muted);margin:0 0 1.2rem;font-size:1.04rem}
.about blockquote{font-family:var(--f-display);font-style:italic;font-size:1.42rem;line-height:1.5;color:var(--gold-soft);border-left:2px solid var(--gold);padding-left:1.4rem;margin:1.8rem 0}

/* ---------- collection cards ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}
.card{position:relative;min-height:430px;border-radius:3px;overflow:hidden;display:flex;align-items:flex-end;cursor:pointer;isolation:isolate;transition:transform .65s cubic-bezier(.16,.7,.2,1)}
.card:hover{transform:translateY(-7px)}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.16,.7,.2,1)}
.card:hover img{transform:scale(1.08)}
.card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,9,8,0) 28%,rgba(11,9,8,.5) 62%,rgba(11,9,8,.93) 100%)}
.card__body{padding:1.8rem 1.7rem}
.card__group{font-family:var(--f-label);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.card__name{font-family:var(--f-display);font-weight:500;font-size:1.8rem;line-height:1.05;margin:.35rem 0}
.card__desc{font-family:var(--f-display);font-style:italic;color:var(--muted);font-size:1.04rem;margin:0}
.card__link{display:inline-block;margin-top:.95rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);opacity:.55;transform:translateY(6px);transition:.5s}
.card:hover .card__link{opacity:1;transform:none;letter-spacing:.24em}

/* ---------- filters + gallery ---------- */
.filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;margin:clamp(2.6rem,5vw,3.6rem) 0 2rem;scroll-margin-top:90px}
.chip{font-family:var(--f-sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:.6rem 1.15rem;border-radius:2px;background:transparent;border:1px solid var(--line);color:var(--ivory);cursor:pointer;transition:.35s}
.chip:hover{color:var(--gold-soft)}
.chip.on{background:linear-gradient(135deg,var(--gold-soft),var(--gold-deep));border-color:transparent;color:#1a140a}
.masonry{column-width:300px;column-gap:14px}
.tile{display:block;width:100%;padding:0;margin:0 0 14px;border:0;background:none;position:relative;overflow:hidden;border-radius:3px;break-inside:avoid;cursor:pointer;animation:mymTileIn .7s cubic-bezier(.16,.7,.2,1) both}
.tile img{width:100%;display:block;transition:transform 1.05s cubic-bezier(.16,.7,.2,1)}
.tile:hover img{transform:scale(1.08)}
.tile--cut{background:linear-gradient(160deg,var(--surface2),var(--noir2))}
.tile--cut img{padding:6%}
.tile__frame{position:absolute;inset:10px;border:1px solid var(--gold-soft);border-radius:2px;pointer-events:none;z-index:2;opacity:0;transition:opacity .5s}
.tile:hover .tile__frame{opacity:1}
.tile__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,9,8,0) 45%,rgba(11,9,8,.82) 100%);pointer-events:none}
.tile__cap{position:absolute;left:0;right:0;bottom:0;padding:1.1rem 1.2rem;text-align:left;font-family:var(--f-display);font-style:italic;font-size:1.05rem;color:var(--ivory);pointer-events:none;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
.tile:hover .tile__cap{opacity:1;transform:none}

/* ---------- sur-mesure band ---------- */
.sm-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:520px}
.sm-media{position:relative;overflow:hidden;min-height:340px}
.sm-media img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.sm-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,9,8,.1),rgba(11,9,8,.5))}
.sm-body{padding:clamp(3rem,6vw,5.5rem) var(--pad);display:flex;flex-direction:column;justify-content:center}
.sm-body p.lead-txt{color:var(--muted);font-size:1.05rem;margin:0 0 1.4rem;max-width:52ch}
.materials{font-family:var(--f-label);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);margin:0 0 2rem;line-height:2}

/* ---------- coulisses video ---------- */
.coulisses{position:relative;overflow:hidden;border-radius:3px;min-height:clamp(320px,52vw,560px);display:grid;place-items:center;text-align:center;border:1px solid var(--line)}
.coulisses video,.coulisses__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.coulisses__poster{filter:saturate(.95) brightness(.6)}
.coulisses__veil{position:absolute;inset:0;background:radial-gradient(80% 80% at 50% 50%, rgba(11,9,8,.25), rgba(11,9,8,.8))}
.coulisses__in{position:relative;z-index:2;padding:2rem}
.play{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:rgba(198,163,90,.16);border:1px solid var(--gold-soft);margin:0 auto;backdrop-filter:blur(3px);cursor:pointer;transition:transform .5s,background .5s}
.coulisses:hover .play{transform:scale(1.08);background:rgba(198,163,90,.92)}
.play span{display:block;width:0;height:0;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--gold-bright);margin-left:5px}

/* ---------- press timeline ---------- */
.timeline{list-style:none;max-width:760px;margin-inline:auto;position:relative}
.timeline::before{content:"";position:absolute;left:90px;top:8px;bottom:8px;width:1px;background:var(--line)}
.timeline li{display:grid;grid-template-columns:90px 1fr;gap:1.8rem;padding:1.15rem 0;position:relative}
.timeline__y{font-family:var(--f-display);font-style:italic;color:var(--gold-soft);font-size:1.3rem;text-align:right}
.timeline__b{position:relative;padding-left:1.6rem}
.timeline__b::before{content:"";position:absolute;left:-7px;top:.5rem;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(198,163,90,.14)}
.timeline__b h3{font-family:var(--f-label);font-weight:500;font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .35rem}
.timeline__b p{color:var(--muted);font-size:1rem;margin:0}
.press-thumb{position:relative;display:inline-block;margin-top:1rem;padding:0;border:1px solid var(--line2);border-radius:3px;background:var(--surface);cursor:pointer;overflow:hidden;max-width:170px;line-height:0;transition:border-color .35s,transform .35s}
.press-thumb img{width:100%;height:auto;display:block;transition:transform .6s ease}
.press-thumb__zoom{position:absolute;right:.5rem;bottom:.5rem;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(11,9,8,.6);color:var(--gold-soft);font-size:.8rem;line-height:1;opacity:0;transition:opacity .35s}
.press-thumb:hover{border-color:var(--gold);transform:translateY(-2px)}
.press-thumb:hover img{transform:scale(1.05)}
.press-thumb:hover .press-thumb__zoom{opacity:1}

/* ---------- contact ---------- */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2.5rem,6vw,5rem);align-items:start}
.contact-info .lead{margin:0 0 2rem;text-align:left}
.place{display:flex;align-items:center;gap:.7rem;color:var(--gold-soft);font-family:var(--f-label);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase}
.place span{width:26px;height:1px;background:var(--gold)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.field{display:block;margin-bottom:1.2rem}
.field span{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}
.field input,.field textarea{width:100%;background:var(--surface);border:1px solid var(--line);color:var(--ivory);font-family:var(--f-sans);font-size:1rem;padding:.9rem 1rem;border-radius:2px;transition:.25s;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);background:var(--surface2)}
.field input::placeholder,.field textarea::placeholder{color:var(--muted2)}
.form-note{text-align:center;color:var(--muted2);font-size:.84rem;margin-top:1rem;font-style:italic;font-family:var(--f-display)}

/* ---------- footer ---------- */
.footer{text-align:center;padding:4rem var(--pad) 3rem;border-top:1px solid var(--line);background:var(--noir2)}
.footer img{height:48px;width:auto;margin:0 auto 1rem;filter:var(--logo-gold)}
.footer__tag{font-family:var(--f-display);font-style:italic;color:var(--muted);letter-spacing:.04em;margin:0}
.footer__copy{font-size:.74rem;letter-spacing:.12em;color:var(--muted2);margin:1.2rem 0 0}

/* ---------- lightbox ---------- */
.lb{position:fixed;inset:0;z-index:150;background:rgba(7,5,4,.93);backdrop-filter:blur(8px);display:none;place-items:center;padding:clamp(1rem,4vw,3rem)}
.lb.open{display:grid}
.lb__close,.lb__nav{background:rgba(11,9,8,.4);border:1px solid var(--line2);color:var(--ivory);cursor:pointer;transition:.3s}
.lb__close{position:absolute;top:1.3rem;right:1.5rem;border:0;background:none;font-size:2rem;line-height:1;font-family:var(--f-display)}
.lb__close:hover{color:var(--gold-soft);transform:rotate(90deg)}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;font-size:1.3rem}
.lb__nav:hover{color:var(--gold-soft);border-color:var(--gold);background:rgba(198,163,90,.08)}
.lb__prev{left:clamp(.6rem,3vw,2rem)} .lb__next{right:clamp(.6rem,3vw,2rem)}
.lb__fig{margin:0;max-width:min(1100px,92vw);display:flex;flex-direction:column;align-items:center;gap:1rem}
.lb__fig img{max-width:100%;max-height:74vh;object-fit:contain;border-radius:2px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.lb__cap{text-align:center;max-width:60ch}
.lb__cap b{font-family:var(--f-display);font-style:italic;font-size:1.25rem;color:var(--ivory);font-weight:400;display:block}
.lb__cap em{font-style:normal;color:var(--muted);font-size:1rem;display:block;margin-top:.4rem;line-height:1.55}
.lb__cap i{display:block;font-family:var(--f-label);font-style:normal;font-size:.66rem;letter-spacing:.22em;color:var(--gold);margin-top:.7rem}

/* ---------- keyframes ---------- */
@keyframes mymZoom{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes mymTileIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
@keyframes mymFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes mymDot{0%{opacity:0;transform:translate(-50%,0)}45%{opacity:1}85%{opacity:0;transform:translate(-50%,13px)}}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .nav__links{position:fixed;inset:0 0 0 auto;width:min(82vw,340px);flex-direction:column;align-items:flex-start;justify-content:center;gap:1.7rem;background:rgba(11,9,8,.975);backdrop-filter:blur(16px);padding:3rem 2.5rem;transform:translateX(100%);transition:transform .55s cubic-bezier(.7,0,.2,1);box-shadow:-30px 0 70px rgba(0,0,0,.6);z-index:70}
  .nav__links.open{transform:none}
  .nav__links a{font-size:1.05rem}
  .burger{display:flex}
  .lang{margin-top:1.4rem}
}
@media (max-width:760px){
  .about-grid{grid-template-columns:1fr;gap:2.4rem}
  .about-media{max-width:430px;margin-inline:auto}
  .sm-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .hero__grid{grid-template-columns:1fr;gap:1.6rem;text-align:center}
  .hero__text{text-align:center}
  .hero__sub{margin-inline:auto}
  .hero__sign{order:-1}
  .hero__sign img{max-height:38vh}
  .hero__cta{flex-direction:column;align-items:stretch}
}
@media (max-width:540px){
  .timeline::before{left:58px}
  .timeline li{grid-template-columns:58px 1fr;gap:1.1rem}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.01s!important}
  .reveal{opacity:1;transform:none}
}