/* Scoped changes from the current approved request only. */

/* Use the previously approved display face; REAL keeps its italic accent. */
html[data-study="b"] body .introduction h1,
html[data-study="b"] body .introduction h1 i{
  font-family:'Syncopate',sans-serif;
  font-weight:700;
  letter-spacing:-.025em;
  line-height:1.08;
}
html[data-study="b"] body .introduction h1 i{font-style:italic;font-weight:700;color:#526c74}

/* The fold label uses the same quieter gray on desktop and mobile. */
.deck-controls #fold{color:#697575}

/* The card sweep is a mobile-only detail. */
@media(min-width:701px){
  .card:after{display:none!important;animation:none!important}
}

/* Slightly lift only the existing chef-card blue stops; the gradient remains. */
.card[data-theme=chef]{
  --stage-bg:radial-gradient(ellipse at 50% 36%,#416494 0%,#294b7c 48%,#152a56 100%);
}

@media(max-width:700px){
  html[data-study="b"] body .introduction h1,
  html[data-study="b"] body .introduction h1 i{letter-spacing:-.035em}

  /* Keep the work entry as one compact text-and-icon action. */
  .stack-trigger{gap:10px;padding-inline:12px}
  .stack-trigger .round-arrow{width:34px;height:34px;flex:0 0 34px}

  /* Restore the approved mobile identity: left-side horizontal lockup. */
  header{
    display:flex!important;
    width:100%;
    height:auto;
    justify-content:space-between!important;
    align-items:center;
    position:static;
  }
  header .identity{
    position:static;
    flex-direction:row;
    align-items:center;
    gap:clamp(5px,1.5vw,7px)!important;
    transform:translateX(-7px)!important;
    text-align:left;
    margin:0;
  }
  header .identity img{width:clamp(54px,15vw,64px);height:clamp(54px,15vw,64px)}
  header .identity span{font-size:clamp(10px,2.85vw,13px);transform:translateY(-1px);white-space:nowrap}

}