/* Loud cel fields. Flat fills, ink contours. No navy, no tint mixes. */
html.studio-marketing{
  --ink:#0B0B0F;
  --paper:#F6F3EA;
  --sun:#FFC400;
  --flame:#FF5A1F;
  --red:#FF1F3A;
  --green:#3DFF57;
  --violet:#7A2BFF;
  --pink:#FF3D9A;
  --gold:#FFE14A;
  --blue:#2F5BFF;
  --night:#140B2E;
  --void:var(--sun);
  --cloth:var(--blue);
  --cloth-mid:var(--violet);
  --steel:var(--ink);
  --paper-dim:var(--ink);
  --mist:var(--ink);
  --flash:var(--paper);
  --wave:var(--blue);
  --wave-deep:var(--blue);
  --spark:var(--gold);
  --blood:var(--red);
  --ok:var(--green);
  --ink-shadow:none;
  --st-page:var(--sun);
  --st-page-2:var(--paper);
  --st-surface:var(--paper);
  --st-elevated:var(--sun);
  --st-text:var(--ink);
  --st-muted:var(--ink);
  --st-faint:var(--ink);
  --st-prose:var(--ink);
  --st-border:var(--ink);
  --st-border-strong:var(--ink);
  --st-purple:var(--violet);
  --st-warm:var(--sun);
}

html.studio-marketing body{
  background:var(--sun);
  color:var(--ink);
}
html.studio-marketing body::before{ content:none; }

html.studio-marketing .st-nav{
  background:var(--blue);
  border-bottom:2px solid var(--ink);
  color:var(--paper);
}
html.studio-marketing .st-brand,
html.studio-marketing a.st-brand,
html.studio-marketing a.st-brand:visited,
html.studio-marketing a.st-brand:hover{
  color:var(--paper);
}
html.studio-marketing .st-brand::before{ background:var(--gold); }
html.studio-marketing .st-nav-links a,
html.studio-marketing .st-nav-links a:visited{
  color:var(--paper);
}
html.studio-marketing .st-nav-links a:hover{ color:var(--sun); }
html.studio-marketing .st-nav-links a.is-current,
html.studio-marketing .st-nav-links a.is-current:visited{
  background:var(--sun);
  color:var(--ink);
  box-shadow:none;
  padding:6px 12px;
}
html.studio-marketing .st-nav-links a.is-current::before{
  background:var(--gold);
  width:8px;
  height:8px;
}
html.studio-marketing .st-menu-btn{
  border:2px solid var(--ink);
  background:var(--paper);
}
html.studio-marketing .st-menu-btn::before{
  background:var(--ink);
  box-shadow:0 6px 0 var(--ink);
}
@media (max-width:1000px){
  html.studio-marketing .st-nav-links{
    background:var(--blue);
    border-bottom:2px solid var(--ink);
  }
}

html.studio-marketing .st-hero{
  background:var(--sun);
  color:var(--ink);
}
html.studio-marketing #problem{
  background:var(--violet);
  color:var(--paper);
  border-top:2px solid var(--ink);
}
html.studio-marketing #write{
  background:var(--blue);
  color:var(--paper);
  border-top:2px solid var(--ink);
}
html.studio-marketing #develop{
  background:var(--sun);
  color:var(--ink);
  border-top:2px solid var(--ink);
}
html.studio-marketing #publish{
  background:var(--red);
  color:var(--paper);
  border-top:2px solid var(--ink);
}
html.studio-marketing #library,
html.studio-marketing .st-library{
  background:var(--violet);
  color:var(--paper);
  border-top:2px solid var(--ink);
}
html.studio-marketing .st-close{
  background:var(--blue);
  color:var(--paper);
  border-top:2px solid var(--ink);
}
html.studio-marketing .st-foot{
  background:var(--night);
  color:var(--paper);
  border-top:2px solid var(--ink);
}
html.studio-marketing .st-foot-mark,
html.studio-marketing a.st-foot-mark,
html.studio-marketing a.st-foot-mark:visited,
html.studio-marketing a.st-foot-mark:hover{ color:var(--paper); }
html.studio-marketing .st-foot-mark::before{ background:var(--gold); }
html.studio-marketing .st-foot a{ color:var(--green); }
html.studio-marketing .st-foot a:hover{
  color:var(--gold);
  text-decoration-color:var(--gold);
}

html.studio-marketing .st-display,
html.studio-marketing .st-section-title,
html.studio-marketing .st-lead,
html.studio-marketing .st-kicker,
html.studio-marketing .st-kicker .num{
  color:inherit;
}
html.studio-marketing .st-display em,
html.studio-marketing .st-section-title em{ color:inherit; }
html.studio-marketing .st-hero em,
html.studio-marketing #develop em{ color:var(--red); }
html.studio-marketing #problem em,
html.studio-marketing #library em,
html.studio-marketing .st-library em{ color:var(--sun); }
html.studio-marketing #write em,
html.studio-marketing .st-close em{ color:var(--gold); }
html.studio-marketing #publish em{ color:var(--sun); }
html.studio-marketing .st-kicker::before{ background:var(--gold); opacity:1; }

html.studio-marketing a.st-link,
html.studio-marketing .st-hero a:not(.st-btn),
html.studio-marketing #develop a:not(.st-btn){
  color:var(--blue);
  text-decoration-color:var(--gold);
}
html.studio-marketing #problem a:not(.st-btn),
html.studio-marketing #write a:not(.st-btn),
html.studio-marketing #publish a:not(.st-btn),
html.studio-marketing #library a:not(.st-btn),
html.studio-marketing .st-close a:not(.st-btn){
  color:var(--green);
}
html.studio-marketing a:hover{ text-decoration-color:var(--gold); }

html.studio-marketing .st-btn{
  border-radius:2px;
  border:2px solid var(--ink);
  box-shadow:none;
  letter-spacing:0.06em;
}
html.studio-marketing a.st-btn-primary,
html.studio-marketing a.st-btn-primary:visited,
html.studio-marketing .st-btn-primary{
  background:var(--red);
  color:var(--paper);
  border-color:var(--ink);
}
html.studio-marketing a.st-btn-primary:hover,
html.studio-marketing .st-btn-primary:hover{
  background:var(--flame);
  color:var(--paper);
  border-bottom:2px solid var(--ink);
}
html.studio-marketing a.st-btn-primary:active,
html.studio-marketing .st-btn-primary:active{
  background:var(--ink);
  color:var(--red);
  transform:translate(1px, 1px);
}
html.studio-marketing a.st-btn-secondary,
html.studio-marketing a.st-btn-secondary:visited,
html.studio-marketing .st-btn-secondary,
html.studio-marketing .st-btn-secondary:visited{
  background:var(--paper);
  color:var(--ink);
  border:2px solid var(--ink);
}
html.studio-marketing a.st-btn-secondary:hover,
html.studio-marketing .st-btn-secondary:hover{
  background:var(--blue);
  color:var(--paper);
  border-color:var(--ink);
}
html.studio-marketing :focus-visible{
  outline:3px solid var(--gold);
  outline-offset:2px;
}

html.studio-marketing .window,
html.studio-marketing .scrap,
html.studio-marketing .card,
html.studio-marketing .feat,
html.studio-marketing .pub-card,
html.studio-marketing .book-ph{
  background:var(--paper);
  color:var(--ink);
  border:2px solid var(--ink);
  border-radius:2px;
  box-shadow:none;
  background-image:none;
}
html.studio-marketing .window{ border-left:6px solid var(--green); clip-path:none; }
html.studio-marketing .scrap:nth-child(3n+1){ background:var(--sun); border-left:6px solid var(--red); }
html.studio-marketing .scrap:nth-child(3n+2){ background:var(--paper); border-left:6px solid var(--violet); }
html.studio-marketing .scrap:nth-child(3n){ background:var(--blue); color:var(--paper); border-left:6px solid var(--green); }
html.studio-marketing .scrap .bar,
html.studio-marketing .w-bar,
html.studio-marketing .side{
  background:var(--blue);
  color:var(--paper);
  border-color:var(--ink);
}
html.studio-marketing .scrap:nth-child(3n) .bar{ background:var(--violet); }
html.studio-marketing .dots i{ background:var(--gold); }
html.studio-marketing .w-title,
html.studio-marketing .scrap .c,
html.studio-marketing .hl{
  color:inherit;
  background:transparent;
}
html.studio-marketing .mention{
  color:var(--red);
  border-bottom:2px solid var(--ink);
}
html.studio-marketing .book-ph{ border-left:6px solid var(--green); }
html.studio-marketing .lib-set .book:nth-child(2n) .book-ph{ background:var(--red); color:var(--paper); border-left-color:var(--gold); }
html.studio-marketing .lib-set .book:nth-child(3n) .book-ph{ background:var(--sun); color:var(--ink); border-left-color:var(--violet); }
html.studio-marketing .lib-set .book:nth-child(4n) .book-ph{ background:var(--blue); color:var(--paper); border-left-color:var(--pink); }
html.studio-marketing .fade-l,
html.studio-marketing .fade-r{ background:none; }