/* ============================================================
   MadeleineCrush Atelier System · 2026
   Japanese restraint × French editorial energy, translated into
   an original digital-product studio language.
   ============================================================ */

:root{
  --atelier-black:#050807;
  --atelier-ink:#101713;
  --atelier-paper:#f3efe6;
  --atelier-white:#fcfbf7;
  --atelier-cypress:#123329;
  --atelier-signal:#c8ff24;
  --atelier-blue:#3478f6;
  --atelier-line:rgba(16,23,19,.16);
  --atelier-serif:"Iowan Old Style","Baskerville","Times New Roman",serif;
  --atelier-sans:"Helvetica Neue",Helvetica,Arial,-apple-system,BlinkMacSystemFont,sans-serif;
  --atelier-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --atelier-display:clamp(3.8rem,9.2vw,9.4rem);
  --atelier-section:clamp(3rem,6vw,6.5rem);
  --atelier-x:50vw;
  --atelier-y:28vh;
  --atelier-progress:0;
}

html{background:var(--atelier-paper)}
body.atelier-site{
  color:var(--atelier-ink);
  background:var(--atelier-white);
  font-family:var(--atelier-sans);
  letter-spacing:-.008em;
}
body.atelier-site::before{
  content:"";
  position:fixed;
  left:var(--atelier-x);top:var(--atelier-y);
  width:28rem;height:28rem;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(200,255,36,.09),rgba(52,120,246,.035) 42%,transparent 70%);
  pointer-events:none;z-index:180;
  mix-blend-mode:multiply;opacity:.7;
}
body.atelier-site::after{
  content:"";
  position:fixed;top:0;left:0;z-index:1000;
  width:calc(var(--atelier-progress) * 100%);height:2px;
  background:linear-gradient(90deg,var(--atelier-signal),var(--atelier-blue));
  pointer-events:none;
}

body.atelier-site .wrap{max-width:1440px;padding-inline:clamp(22px,4.5vw,72px)}
body.atelier-site section{padding-block:clamp(82px,10vw,150px)}

/* Editorial typography */
body.atelier-site h1,
body.atelier-site h2,
body.atelier-site .pagehead h1{
  font-family:var(--atelier-sans);
  font-weight:540;
  letter-spacing:-.065em;
  text-wrap:balance;
}
body.atelier-site h2{font-size:clamp(2.6rem,5.5vw,5.8rem);line-height:.94}
body.atelier-site h3{font-weight:560;letter-spacing:-.035em}
body.atelier-site .label,
body.atelier-site .eyebrow,
body.atelier-site .path-tag,
body.atelier-site .wi-meta,
body.atelier-site .demo-disclosure{
  font-family:var(--atelier-mono);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:500;
}
body.atelier-site .label{color:var(--atelier-cypress);font-size:.68rem;margin-bottom:22px}
body.atelier-site .sec-sub{max-width:680px;line-height:1.52}
body.atelier-site .sec-head{margin-bottom:clamp(48px,7vw,88px)}
body.atelier-site .sec-center .sec-sub{margin-top:24px}

/* Navigation: quiet, precise, nearly architectural */
body.atelier-site nav{
  --nav-h:78px;
  position:sticky;
  background:rgba(243,239,230,.92);
  border-bottom:1px solid var(--atelier-line);
  backdrop-filter:blur(22px) saturate(110%);
  -webkit-backdrop-filter:blur(22px) saturate(110%);
}
body.atelier-site nav .wrap{height:78px}
body.atelier-site .brand .mark{
  width:50px;height:50px;border-radius:2px;
  border:0;background-color:transparent;
  background-image:url("logo-madeleine-muse-transparent.png?v=20260903logo2");
  background-size:contain;background-position:center;background-repeat:no-repeat;
  box-shadow:none;filter:drop-shadow(0 10px 17px rgba(5,8,7,.16));
  isolation:isolate;
}
body.atelier-site .brand .mark::before{
  content:none;
}
body.atelier-site .brand .mark::after{
  content:none;
}
body.atelier-site .brand:hover .mark{
  transform:translateY(-1px) scale(1.035);box-shadow:none;
}
body.atelier-site .navlinks{gap:clamp(21px,2.7vw,44px)}
body.atelier-site .navlinks a{
  color:var(--atelier-ink);font-size:.72rem;font-weight:540;
  letter-spacing:.12em;text-transform:uppercase;
}
body.atelier-site .navlinks a:not(.nav-cta)::after{
  height:1px;bottom:-10px;border-radius:0;
  background:var(--atelier-ink);box-shadow:none;
  transform-origin:left;
}
body.atelier-site .nav-cta,
body.atelier-site .btn{
  border-radius:0;
}
body.atelier-site .nav-cta{
  background:var(--atelier-black);color:#fff;
  border:1px solid var(--atelier-black);
  padding-inline:22px;
}
body.atelier-site .navlinks > a.nav-cta{color:#fff}

/* Signal menu: three data nodes become a close glyph when activated. */
body.atelier-site .hamburger{
  position:relative;width:52px;height:52px;padding:0;border:1px solid rgba(18,51,41,.16);
  border-radius:50%;background:rgba(255,255,255,.24);overflow:hidden;
  transition:background .35s,border-color .35s,transform .45s cubic-bezier(.16,1,.3,1);
}
body.atelier-site .hamburger::before{
  content:"";position:absolute;inset:6px;border-radius:50%;
  background:conic-gradient(from 15deg,transparent 0 15%,var(--atelier-cypress) 15% 32%,transparent 32% 58%,var(--atelier-cypress) 58% 68%,transparent 68% 100%);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0);
  mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0);
  opacity:.62;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .35s;
}
body.atelier-site .hamburger::after{
  content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;
  background:var(--atelier-cypress);transform:translate(-50%,-50%);
  box-shadow:0 0 0 4px rgba(18,51,41,.06);transition:transform .4s,background .3s,box-shadow .3s;
}
body.atelier-site .hamburger span{
  position:absolute;display:block;margin:0;width:5px;height:5px;border:0;border-radius:50%;
  background:var(--atelier-cypress);transform-origin:center;
  transition:left .45s cubic-bezier(.16,1,.3,1),top .45s cubic-bezier(.16,1,.3,1),width .35s,height .35s,transform .45s,opacity .25s,background .3s,box-shadow .3s;
}
body.atelier-site .hamburger span:nth-child(1){left:15px;top:17px}
body.atelier-site .hamburger span:nth-child(2){left:30px;top:23px;background:var(--atelier-blue)}
body.atelier-site .hamburger span:nth-child(3){left:20px;top:32px;background:var(--atelier-signal);box-shadow:0 0 10px rgba(200,255,36,.7)}
@media(hover:hover){
  body.atelier-site .hamburger:hover{background:var(--atelier-cypress);border-color:var(--atelier-cypress);transform:rotate(4deg)}
  body.atelier-site .hamburger:hover::before{transform:rotate(130deg);opacity:.9;background:conic-gradient(from 15deg,transparent 0 15%,var(--atelier-signal) 15% 32%,transparent 32% 58%,#fff 58% 68%,transparent 68% 100%)}
  body.atelier-site .hamburger:hover::after{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08)}
  body.atelier-site .hamburger:hover span:nth-child(1){left:12px;top:14px;background:#fff}
  body.atelier-site .hamburger:hover span:nth-child(2){left:34px;top:22px;background:var(--atelier-blue)}
  body.atelier-site .hamburger:hover span:nth-child(3){left:19px;top:35px}
}
body.atelier-site nav.open .hamburger{background:var(--atelier-signal);border-color:var(--atelier-signal);transform:rotate(90deg)}
body.atelier-site nav.open .hamburger::before{transform:rotate(190deg) scale(.82);opacity:.45}
body.atelier-site nav.open .hamburger::after{opacity:0}
body.atelier-site nav.open .hamburger span:nth-child(1),
body.atelier-site nav.open .hamburger span:nth-child(3){left:15px;top:25px;width:22px;height:2px;border-radius:0;background:var(--atelier-black);box-shadow:none}
body.atelier-site nav.open .hamburger span:nth-child(1){transform:rotate(45deg)}
body.atelier-site nav.open .hamburger span:nth-child(2){opacity:0;transform:scale(0)}
body.atelier-site nav.open .hamburger span:nth-child(3){transform:rotate(-45deg)}

/* Homepage: a single dramatic composition */
body.atelier-site .hero{
  min-height:calc(100svh - 78px);
  text-align:left;
  background:var(--atelier-black);
  border-bottom:1px solid rgba(255,255,255,.14);
}
body.atelier-site .hero::after{
  content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  background:
    linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.08) 50%,transparent calc(50% + .5px)),
    linear-gradient(180deg,transparent calc(71% - .5px),rgba(255,255,255,.06) 71%,transparent calc(71% + .5px));
}
body.atelier-site .hero-inner{
  display:grid;grid-template-columns:minmax(0,1.38fr) minmax(280px,.62fr);
  align-content:center;align-items:end;column-gap:clamp(30px,7vw,110px);row-gap:0;
  padding-top:clamp(92px,12vh,160px);padding-bottom:clamp(78px,10vh,132px);
}
body.atelier-site .atelier-hero-index{
  grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;
  color:rgba(255,255,255,.5);font:500 .65rem/1 var(--atelier-mono);
  letter-spacing:.15em;text-transform:uppercase;margin-bottom:auto;
}
body.atelier-site .hero .eyebrow{
  grid-column:1/2;align-self:end;justify-self:start;
  margin:0 0 26px;padding:0;border:0;background:none;
  border-radius:0;color:rgba(255,255,255,.68);backdrop-filter:none;
}
body.atelier-site .hero .eyebrow .dot{width:6px;height:6px;background:var(--atelier-signal);box-shadow:none}
body.atelier-site .hero h1{
  grid-column:1/2;grid-row:3/4;margin:0;
  font-size:var(--atelier-display);line-height:.82;letter-spacing:-.078em;font-weight:510;
  max-width:1120px;color:var(--atelier-white);
}
body.atelier-site .hero h1 .grad{
  display:inline;font-family:var(--atelier-serif);font-style:italic;font-weight:400;
  letter-spacing:-.055em;
  background:none;-webkit-text-fill-color:var(--atelier-signal);color:var(--atelier-signal);
}
body.atelier-site .hero .lede{
  grid-column:2/3;grid-row:3/4;align-self:end;
  max-width:410px;margin:0 0 30px;
  color:rgba(255,255,255,.72);font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.52;
}
body.atelier-site .hero .hero-cta{
  grid-column:2/3;grid-row:4/5;justify-content:flex-start !important;align-self:start;
}
body.atelier-site .hero .btn{min-width:170px}
body.atelier-site .hero .trust-row{
  grid-column:1/-1;grid-row:5/6;display:grid;grid-template-columns:repeat(3,1fr);
  margin-top:clamp(36px,7vh,74px);padding-top:25px;
  border-top:1px solid rgba(255,255,255,.18);text-align:left;
}
body.atelier-site .trust-row .t{display:grid;grid-template-columns:auto;gap:3px;padding-right:24px}
body.atelier-site .trust-row .t b{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
body.atelier-site .trust-row .t span{font-size:.76rem;color:rgba(255,255,255,.44)}
body.atelier-site #heroCine{opacity:.88}
body.atelier-site .hero .cine-veil.hero{background:linear-gradient(90deg,rgba(5,8,7,.88) 0%,rgba(5,8,7,.66) 53%,rgba(5,8,7,.24) 100%),linear-gradient(180deg,rgba(5,8,7,.08),rgba(5,8,7,.58))}
body.atelier-site #heroCine .cine-field{
  background:
    radial-gradient(circle at 68% 30%,rgba(18,51,41,.75),transparent 25%),
    radial-gradient(circle at 24% 78%,rgba(52,120,246,.16),transparent 34%),
    #050807;
}
body.atelier-site #heroCine .cine-grid{opacity:.14}
body.atelier-site #heroCine .cine-ui{opacity:.32;filter:grayscale(.35)}
body.atelier-site #heroCine .cine-scan{opacity:.1}
body.atelier-site .hero-live,body.atelier-site .hero-cue{font-family:var(--atelier-mono);letter-spacing:.13em}
body.atelier-site #mc-intro .mc-word{display:none}

/* Kinetic capabilities ribbon */
.atelier-ribbon{
  overflow:hidden;background:var(--atelier-signal);color:var(--atelier-black);
  border-bottom:1px solid var(--atelier-black);padding:13px 0;
}
.atelier-ribbon-track{
  display:flex;align-items:center;gap:26px;width:max-content;
  font:540 .68rem/1 var(--atelier-mono);letter-spacing:.16em;text-transform:uppercase;
  animation:atelierMarquee 28s linear infinite;
}
.atelier-ribbon-track span{white-space:nowrap}
.atelier-ribbon-track i{width:5px;height:5px;background:currentColor;border-radius:50%}
@keyframes atelierMarquee{to{transform:translateX(-50%)}}

/* Homepage doorway into the live Intelligence Lab */
.atelier-lab-teaser{position:relative;overflow:hidden;background:var(--atelier-cypress);color:var(--atelier-paper);border-bottom:1px solid rgba(243,239,230,.2)}
.atelier-lab-teaser::after{content:"";position:absolute;right:-14vw;top:-22vw;width:58vw;aspect-ratio:1;border:1px solid rgba(200,255,36,.18);border-radius:50%;box-shadow:0 0 0 7vw rgba(200,255,36,.025),0 0 0 14vw rgba(200,255,36,.02);pointer-events:none}
.atelier-lab-teaser .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,9vw,145px);align-items:end}
.lab-teaser-index{position:absolute;top:0;right:var(--pad-x);font:500 .62rem var(--atelier-mono);letter-spacing:.15em;color:rgba(243,239,230,.38)}
.lab-teaser-copy h2{text-align:left;color:var(--atelier-paper);font-size:clamp(3rem,6.5vw,7rem)}
.lab-teaser-copy p{max-width:590px;margin:28px 0;color:rgba(243,239,230,.62);font-size:1.08rem}.lab-teaser-copy .label{color:var(--atelier-signal)}
.lab-teaser-display{padding:27px 0;border-top:1px solid rgba(243,239,230,.22);border-bottom:1px solid rgba(243,239,230,.22)}
.lab-teaser-line{display:flex;justify-content:space-between;gap:20px;padding:13px 0;font:500 .58rem var(--atelier-mono);letter-spacing:.13em;color:rgba(243,239,230,.48)}.lab-teaser-line b{color:var(--atelier-signal)}
.lab-teaser-value{padding:22px 0;font-size:clamp(3.6rem,7vw,7.4rem);font-weight:420;letter-spacing:-.075em;border-top:1px solid rgba(243,239,230,.13);border-bottom:1px solid rgba(243,239,230,.13)}
.lab-teaser-bits{padding-top:28px;color:rgba(200,255,36,.28);font:500 .58rem/1.9 var(--atelier-mono);letter-spacing:.13em}

/* Replace card soup with a strict editorial grid */
body.atelier-site .paths{background:var(--atelier-paper)}
body.atelier-site .path-grid{gap:0;border-top:1px solid var(--atelier-line);border-left:1px solid var(--atelier-line)}
body.atelier-site .path-card{
  min-height:520px;border-radius:0;border:0;border-right:1px solid var(--atelier-line);border-bottom:1px solid var(--atelier-line);
  background:transparent;box-shadow:none;padding:clamp(30px,4vw,60px);
}
body.atelier-site .path-card::after{display:none}
body.atelier-site .path-card.partner{
  background:var(--atelier-cypress);border-color:rgba(243,239,230,.22);color:var(--atelier-paper);
}
body.atelier-site .path-tag{
  border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;
  padding:0 0 7px;color:var(--atelier-cypress);
}
body.atelier-site .partner .path-tag{border-color:currentColor;background:transparent;color:var(--atelier-signal)}
body.atelier-site .path-card h3{font-size:clamp(2.3rem,4vw,4.8rem);font-weight:520;line-height:.95;margin-top:auto}
body.atelier-site .path-list li::before{border-radius:0;background:transparent;font-family:var(--atelier-mono)}
body.atelier-site .partner .path-list li::before{background:transparent;color:var(--atelier-signal)}
body.atelier-site .path-card .path-action{border-color:currentColor}

body.atelier-site .band-soft{background:var(--atelier-paper);border-color:var(--atelier-line)}
body.atelier-site .cred .grid,
body.atelier-site .svc-grid,
body.atelier-site .pk-grid,
body.atelier-site .why-grid{
  gap:0;border-top:1px solid var(--atelier-line);border-left:1px solid var(--atelier-line);
}
body.atelier-site .cred .c,
body.atelier-site .svc-grid .svc,
body.atelier-site .pk,
body.atelier-site .why-c{
  border-radius:0;box-shadow:none;border:0;border-right:1px solid var(--atelier-line);border-bottom:1px solid var(--atelier-line);
  background:transparent;padding:clamp(28px,3.5vw,52px);
}
body.atelier-site .svc-grid .svc::before{border-radius:0;background:var(--atelier-signal);padding:0;inset:auto 0 0;height:3px;transform:scaleX(0);transform-origin:left;opacity:1;transition:transform .45s cubic-bezier(.16,1,.3,1);-webkit-mask:none;mask:none}
body.atelier-site .svc-grid .svc::after{display:none}
body.atelier-site .svc-grid .svc .ic,
body.atelier-site .cred .c .ic{
  border:0;border-radius:0;background:transparent;box-shadow:none;width:auto;height:auto;justify-content:flex-start;
  color:var(--atelier-cypress);font-family:var(--atelier-mono);font-size:.64rem;letter-spacing:.16em;
}
body.atelier-site .svc-grid .svc h3{font-size:clamp(1.4rem,2vw,2.05rem);margin-top:32px}
body.atelier-site .svc-grid .svc .more{color:var(--atelier-cypress)}
@media(hover:hover){
  body.atelier-site .svc-grid .svc:hover,
  body.atelier-site .cred .c:hover,
  body.atelier-site .pk:hover{transform:none;background:rgba(200,255,36,.11);box-shadow:none;border-color:var(--atelier-line)}
  body.atelier-site .svc-grid .svc:hover::before{transform:scaleX(1)}
  body.atelier-site .svc-grid .svc:hover .ic{transform:none;box-shadow:none}
}

/* Work becomes a gallery, not a dashboard */
body.atelier-site .work-explorer{background:var(--atelier-black);color:var(--atelier-paper)}
body.atelier-site .work-explorer .label{color:var(--atelier-signal)}
body.atelier-site .work-explorer .sec-sub{color:rgba(243,239,230,.58)}
body.atelier-site .work-filter{justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,.18);gap:0}
body.atelier-site .work-filter button{
  border:0;border-radius:0;padding:14px 22px;background:transparent;color:rgba(255,255,255,.48);
  font-family:var(--atelier-mono);letter-spacing:.12em;text-transform:uppercase;
}
body.atelier-site .work-filter button.active{background:var(--atelier-paper);color:var(--atelier-black)}
body.atelier-site .work-grid{gap:1px;background:rgba(255,255,255,.16)}
body.atelier-site .work-item{
  min-height:520px;border:0;border-radius:0;background:var(--atelier-black);box-shadow:none;
}
body.atelier-site .work-item figure{height:310px;background:#111713}
body.atelier-site .work-item img{filter:grayscale(1) contrast(1.03);transform:scale(1.002)}
body.atelier-site .work-item figure::after{background:linear-gradient(180deg,transparent 62%,rgba(5,8,7,.75))}
body.atelier-site .work-item .wi-body{padding:28px}
body.atelier-site .work-item .wi-meta{color:var(--atelier-signal)}
body.atelier-site .work-item h3{font-size:1.55rem}
body.atelier-site .work-item .wi-open{border-color:rgba(255,255,255,.16)}
body.atelier-site .work-item .wi-open span{color:var(--atelier-signal)}
@media(hover:hover){
  body.atelier-site .work-item:hover{transform:none;border:0;box-shadow:none}
  body.atelier-site .work-item:hover img{transform:scale(1.045);filter:grayscale(0) saturate(.9)}
}

/* Process is a typographic sequence */
body.atelier-site .steps{gap:0;border-top:1px solid var(--atelier-line);border-left:1px solid var(--atelier-line)}
body.atelier-site .steps::before,body.atelier-site .steps::after{display:none}
body.atelier-site .step{min-height:330px;padding:clamp(26px,3vw,46px);border-right:1px solid var(--atelier-line);border-bottom:1px solid var(--atelier-line)}
body.atelier-site .step .n{
  width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;
  justify-content:flex-start;color:var(--atelier-cypress);font-family:var(--atelier-serif);font-style:italic;font-size:2.4rem;
}
body.atelier-site .step h3{margin-top:clamp(68px,8vw,110px);font-size:1.5rem}

/* Packages and forms: premium clarity */
body.atelier-site .pk.feat{background:var(--atelier-cypress);color:var(--atelier-paper);border-color:var(--atelier-line);box-shadow:none}
body.atelier-site .pk.feat .desc{color:rgba(243,239,230,.66)}
body.atelier-site .pk .ribbon{border-radius:0;background:var(--atelier-signal);color:var(--atelier-black)}
body.atelier-site :is(input,textarea,select){border-radius:0;border-color:var(--atelier-line);background:rgba(255,255,255,.66)}
body.atelier-site :is(.form-card,.info-block,.match-panel,.match-result,.sc-card,.config-builder,.config-result,.fit-card,.inspect-panel){border-radius:0;box-shadow:none}
body.atelier-site .match-sec{background:var(--atelier-paper);border-color:var(--atelier-line)}
body.atelier-site .match-result{background:var(--atelier-cypress)}
body.atelier-site .match-option,body.atelier-site .sc-goals button{border-radius:0}

/* Public inner-page mastheads */
body.atelier-site .pagehead{
  position:relative;overflow:hidden;text-align:left;
  min-height:min(70svh,760px);display:grid;align-items:end;
  padding:clamp(110px,16vw,210px) 0 clamp(62px,9vw,112px);
  background:var(--atelier-paper);border-bottom:1px solid var(--atelier-line);
}
body.atelier-site .pagehead::before{
  content:"";position:absolute;right:-8vw;top:-28vw;width:62vw;height:62vw;border:1px solid rgba(18,51,41,.14);border-radius:50%;
}
body.atelier-site .pagehead::after{
  content:"MC / ÉDITION 2026";position:absolute;right:clamp(22px,4.5vw,72px);bottom:clamp(62px,9vw,112px);
  color:var(--atelier-cypress);font:500 .64rem/1 var(--atelier-mono);letter-spacing:.16em;writing-mode:vertical-rl;
}
body.atelier-site .pagehead h1{max-width:1000px;font-size:clamp(4.2rem,9vw,9rem);line-height:.84;margin:0 0 30px}
body.atelier-site .pagehead p{margin:0;max-width:610px;color:var(--atelier-ink);line-height:1.55}

/* About keeps its photography, but gains the shared editorial voice */
body.atelier-site .about-hero{background:var(--atelier-black);border-color:rgba(255,255,255,.14)}
body.atelier-site .about-hero::before{filter:saturate(.62) contrast(1.06)}
body.atelier-site .about-hero::after{background:linear-gradient(180deg,transparent 60%,var(--atelier-black)),radial-gradient(circle at 18% 30%,rgba(200,255,36,.09),transparent 34%)}
body.atelier-site .about-hero h1{font-size:clamp(4rem,7.2vw,7.5rem);font-weight:510;line-height:.84}
body.atelier-site .about-hero .label{color:var(--atelier-signal)}
body.atelier-site .about-hero-note{color:rgba(255,255,255,.55)}
body.atelier-site .about-hero-note::before{background:var(--atelier-signal);box-shadow:none}
body.atelier-site .story-sec,body.atelier-site .belief{background:var(--atelier-paper)}

/* The last invitation is intentionally stark */
body.atelier-site .final{background:var(--atelier-black);border-top:1px solid rgba(255,255,255,.14)}
body.atelier-site .final::before{
  top:50%;left:88%;width:52vw;height:52vw;transform:translate(-50%,-50%);
  border:1px solid rgba(200,255,36,.2);border-radius:50%;background:none;filter:none;
}
body.atelier-site .final h2{max-width:980px;margin:0 auto 28px;font-size:clamp(3rem,7vw,7.4rem)}
body.atelier-site .final p{color:rgba(255,255,255,.62)}

body.atelier-site footer{background:var(--atelier-black);border-color:rgba(255,255,255,.14);padding-top:70px}
body.atelier-site .foot-grid{grid-template-columns:minmax(280px,1.6fr) .75fr .75fr 1.4fr;border-top:1px solid rgba(255,255,255,.15);padding-top:38px}
body.atelier-site footer .brand .mark{width:64px;height:64px}
body.atelier-site footer .about{color:rgba(255,255,255,.54);max-width:360px}
body.atelier-site footer .fcol h4{color:var(--atelier-signal);font-size:.64rem;letter-spacing:.15em}
body.atelier-site footer .fcol a{color:rgba(255,255,255,.56)}
body.atelier-site .foot-bottom{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.4)}

/* Interaction layer */
body.atelier-site [data-atelier-section]{position:relative}
body.atelier-site [data-atelier-section]::before{
  content:attr(data-atelier-section) " / " attr(data-atelier-binary);position:absolute;top:24px;left:clamp(22px,2.1vw,34px);z-index:2;
  color:rgba(18,51,41,.42);font:500 .62rem/1 var(--atelier-mono);letter-spacing:.16em;
}
.atelier-binary-field{position:fixed;inset:96px 14px auto auto;z-index:60;display:grid;gap:7px;pointer-events:none;mix-blend-mode:multiply;opacity:.18;transform:rotate(90deg) translateX(100%);transform-origin:top right}
.atelier-binary-field span{color:var(--atelier-cypress);font:500 .5rem/1 var(--atelier-mono);letter-spacing:.19em;white-space:nowrap}
body.atelier-site [data-atelier-reveal]{
  opacity:0;transform:translateY(28px);filter:blur(5px);
  transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1),filter .9s ease;
}
body.atelier-site [data-atelier-reveal].atelier-in{opacity:1;transform:none;filter:none}
body.atelier-site .btn{position:relative;overflow:hidden;font-weight:540;letter-spacing:.02em;transition:color .35s,background .35s,border-color .35s,transform .25s}
body.atelier-site .btn::after{
  content:"";position:absolute;inset:0;background:var(--atelier-signal);transform:translateY(102%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:-1;
}
@media(hover:hover){
  body.atelier-site .btn:hover::after{transform:none}
  body.atelier-site .btn:hover{color:var(--atelier-black);border-color:var(--atelier-signal);background:transparent;box-shadow:none}
}

@media(max-width:980px){
  body.atelier-site .hero-inner{grid-template-columns:1fr;align-content:end}
  body.atelier-site .hero .eyebrow,body.atelier-site .hero h1,body.atelier-site .hero .lede,body.atelier-site .hero .hero-cta{grid-column:1}
  body.atelier-site .hero .lede{grid-row:auto;max-width:600px;margin-top:10px}
  body.atelier-site .hero .trust-row{grid-template-columns:1fr 1fr 1fr}
  body.atelier-site .svc-grid{grid-template-columns:1fr 1fr}
  body.atelier-site .steps{grid-template-columns:1fr 1fr}
  body.atelier-site .foot-grid{grid-template-columns:1.2fr 1fr}
}

@media(min-width:981px) and (max-height:820px){
  body.atelier-site .hero-inner{padding-top:54px;padding-bottom:48px}
  body.atelier-site .hero h1{font-size:clamp(4.35rem,6.6vw,5.35rem);line-height:.85}
  body.atelier-site .hero .hero-cta{flex-wrap:nowrap}
  body.atelier-site .hero .btn{min-width:0;padding-inline:16px}
  body.atelier-site .hero .trust-row{margin-top:28px}
}

@media(max-width:860px){
  body.atelier-site nav{--nav-h:68px}
  body.atelier-site nav .wrap{height:68px}
  body.atelier-site .brand .mark{width:44px;height:44px}
  body.atelier-site .hamburger{display:grid;z-index:180}
  body.atelier-site .navlinks{
    counter-reset:atelierMenu;align-items:stretch;justify-content:flex-end;gap:0;
    padding:118px clamp(24px,8vw,64px) max(36px,env(safe-area-inset-bottom));
    background:
      radial-gradient(circle at 9% 84%,rgba(52,120,246,.12),transparent 27%),
      radial-gradient(circle at 92% 16%,rgba(200,255,36,.08),transparent 26%),
      rgba(5,8,7,.975);
    backdrop-filter:blur(22px);
  }
  body.atelier-site .navlinks::before{
    content:"NAVIGATION / MC";position:absolute;top:104px;left:clamp(24px,8vw,64px);
    color:rgba(243,239,230,.35);font:500 .62rem/1 var(--atelier-mono);letter-spacing:.18em;
  }
  body.atelier-site .navlinks > a{
    counter-increment:atelierMenu;display:grid;grid-template-columns:42px 1fr auto;align-items:center;
    width:100%;margin:0;padding:clamp(13px,2.2vh,22px) 0;
    border-top:1px solid rgba(243,239,230,.14);text-align:left;
    font-size:clamp(1.55rem,6.7vw,3.6rem);font-weight:510;line-height:.92;
    letter-spacing:-.055em;text-transform:none;color:var(--atelier-paper);
  }
  body.atelier-site .navlinks > a::before{
    content:"0" counter(atelierMenu);position:static;color:rgba(243,239,230,.32);
    font:500 .58rem/1 var(--atelier-mono);letter-spacing:.1em;
  }
  body.atelier-site .navlinks > a::after{
    content:"↗";position:static;width:auto;height:auto;background:none;box-shadow:none;border-radius:0;
    color:rgba(243,239,230,.26);font:400 1rem/1 var(--atelier-sans);transform:none;
    transition:color .25s,transform .35s cubic-bezier(.16,1,.3,1);
  }
  body.atelier-site .navlinks > a.active{color:var(--atelier-signal)}
  body.atelier-site .navlinks > a.active::after{color:var(--atelier-signal);transform:rotate(45deg)}
  body.atelier-site .navlinks > a.nav-cta{
    grid-template-columns:42px 1fr auto;margin-top:18px;padding:20px 18px 20px 0;
    min-height:0;width:100%;background:var(--atelier-signal);color:var(--atelier-black);border:0;
    font-size:clamp(1.3rem,6vw,2.3rem);box-shadow:none;
  }
  body.atelier-site .navlinks > a.nav-cta::before{padding-left:14px;color:rgba(5,8,7,.5)}
  body.atelier-site .navlinks > a.nav-cta::after{padding-right:2px;color:var(--atelier-black)}
  body.atelier-site .navlinks a.active{color:var(--atelier-signal)}
  body.atelier-site .navlinks .lang{
    width:100%;max-width:none;margin:18px 0 0;padding-top:18px;border-top:1px solid rgba(243,239,230,.14);
    justify-content:flex-start;
  }
  body.atelier-site .navlinks .lang-btn{
    width:auto;min-height:42px;padding:0;border:0;border-radius:0;background:transparent;
    color:rgba(243,239,230,.62);justify-content:flex-start;
    font:500 .72rem/1 var(--atelier-mono);letter-spacing:.15em;
  }
  body.atelier-site .navlinks .lang-menu{
    left:0;right:auto;bottom:52px;top:auto;min-width:220px;border-radius:0;
    background:var(--atelier-paper);border-color:rgba(243,239,230,.2);box-shadow:none;
  }
  body.atelier-site .navlinks .lang-opt{border-radius:0;color:var(--atelier-ink)}
  body.atelier-site .navlinks .lang-opt.active{color:var(--atelier-cypress);background:rgba(200,255,36,.18)}
  body.atelier-site .hero{min-height:calc(100svh - 68px)}
}

@media(max-width:680px){
  :root{--atelier-display:clamp(3.45rem,16.8vw,5.7rem)}
  body.atelier-site::before{display:none}
  body.atelier-site section{padding-block:76px}
  body.atelier-site .hero-inner{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:0;padding-top:88px;padding-bottom:52px}
  body.atelier-site .atelier-hero-index{margin-bottom:52px}
  body.atelier-site .atelier-hero-index span:last-child{display:none}
  body.atelier-site .hero .eyebrow{margin-bottom:22px}
  body.atelier-site .hero h1{line-height:.86}
  body.atelier-site .hero .lede{margin:30px 0 24px;font-size:1rem}
  body.atelier-site .hero .hero-cta{display:grid;grid-template-columns:1fr 1fr}
  body.atelier-site .hero .btn{min-width:0;padding-inline:14px}
  body.atelier-site .hero .trust-row{grid-template-columns:1fr;gap:0;margin-top:42px}
  body.atelier-site .trust-row .t{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}
  body.atelier-site .hero-live{display:none}
  body.atelier-site .path-grid,body.atelier-site .svc-grid,body.atelier-site .steps{grid-template-columns:1fr}
  body.atelier-site .path-card{min-height:430px}
  body.atelier-site .work-grid{grid-template-columns:1fr}
  body.atelier-site .work-item{min-height:470px}
  body.atelier-site .work-item figure{height:270px}
  body.atelier-site .pagehead{min-height:62svh;padding-top:128px}
  body.atelier-site .pagehead h1{font-size:clamp(3.7rem,17vw,6rem)}
  body.atelier-site .pagehead::after{display:none}
  body.atelier-site .foot-grid{grid-template-columns:1fr}
  body.atelier-site .mobile-start{border-radius:0;background:var(--atelier-signal);color:var(--atelier-black);border:0}
  body.atelier-site [data-atelier-section]::before{display:none}
  .atelier-lab-teaser .wrap{grid-template-columns:1fr}.lab-teaser-index{display:none}.lab-teaser-display{margin-top:16px}.lab-teaser-value{font-size:4.5rem}
  .atelier-binary-field{display:none}
  body.atelier-site.atelier-hero-visible .crush-launcher[aria-expanded="false"]{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10px) scale(.9)}
  body.atelier-site.atelier-hero-visible .mobile-start,
  body.atelier-site.atelier-hero-visible .mc-fab{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
}

@media(prefers-reduced-motion:reduce){
  body.atelier-site::before{display:none}
  .atelier-ribbon-track{animation:none}
  body.atelier-site [data-atelier-reveal]{opacity:1;transform:none;filter:none;transition:none}
  body.atelier-site .btn::after{transition:none}
}