/* Header control rework */
  .modebar{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
  }

  #modeExplore,
  #modeControls{
    min-width:92px;
    padding-left:12px;
    padding-right:12px;
    flex:0 0 92px;
  }

  .header-story-launch{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:38px;
    padding:0 16px;
    border-radius:999px;
    white-space:nowrap;
    flex:0 0 auto;
    color:#f3e7cf !important;
    border:1px solid rgba(193,149,86,.44) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255,226,168,.14), transparent 54%),
      linear-gradient(180deg, rgba(97,58,25,.86), rgba(31,19,13,.96));
    box-shadow:
      0 10px 24px rgba(0,0,0,.24),
      inset 0 1px 0 rgba(255,240,210,.16),
      inset 0 -1px 0 rgba(0,0,0,.34),
      0 0 0 1px rgba(110,74,38,.18);
    letter-spacing:.08em;
    text-transform:uppercase;
    overflow:hidden;
    isolation:isolate;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease;
  }

  .header-story-launch::before{
    content:'✦';
    font-size:11px;
    line-height:1;
    color:#e4be7f;
    text-shadow:0 0 8px rgba(228,190,127,.18);
  }

  .header-story-launch::after{
    content:'';
    position:absolute;
    inset:1px;
    border-radius:999px;
    pointer-events:none;
    background:linear-gradient(120deg, transparent 18%, rgba(255,246,225,.13) 50%, transparent 82%);
    opacity:.52;
    mix-blend-mode:screen;
  }

  .header-story-launch:hover,
  .header-story-launch:focus-visible{
    transform:translateY(-1px);
    border-color:rgba(222,179,109,.62) !important;
    box-shadow:
      0 14px 28px rgba(0,0,0,.28),
      inset 0 1px 0 rgba(255,240,210,.2),
      inset 0 -1px 0 rgba(0,0,0,.34),
      0 0 0 1px rgba(182,132,66,.24),
      0 0 18px rgba(188,135,69,.12);
    filter:brightness(1.04);
  }

  .searchwrap{
    position:relative;
    width:min(190px, 24vw);
    min-width:190px;
    transition:width .22s ease, min-width .22s ease, transform .18s ease;
  }

  .searchwrap:focus-within{
    width:min(420px, 38vw);
    min-width:320px;
  }

  .searchwrap .search{
    width:100%;
  }

  @media (max-width: 1180px){
        #modeExplore,

       #modeControls{
      min-width:82px;
      flex-basis:82px;
    }

    .searchwrap{
      width:min(168px, 22vw);
      min-width:168px;
    }

    .searchwrap:focus-within{
      width:min(330px, 34vw);
      min-width:260px;
    }
  }

  @media (max-width: 900px){
    .controls{width:100%;justify-content:flex-start}
    .modebar{order:1;width:100%;overflow:auto;flex-wrap:nowrap}
    .searchwrap{order:2;width:100%;min-width:0}
    .searchwrap:focus-within{width:100%;min-width:0}
    .header-story-launch{order:2.5}
    .header-interactives{order:3;margin-left:0}
  }

  html[data-theme="light"] .header-story-launch{
    color:#5c3413 !important;
    border-color:rgba(181,131,67,.34) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255,235,188,.36), transparent 56%),
      linear-gradient(180deg, rgba(255,244,224,.98), rgba(241,224,192,.94)) !important;
    box-shadow:
      0 10px 22px rgba(111,84,43,.12),
      inset 0 1px 0 rgba(255,255,255,.76),
      inset 0 -1px 0 rgba(138,100,50,.14) !important;
  }

  html[data-theme="light"] .header-story-launch::before{
    color:#b0732c;
    text-shadow:none;
  }