/* Keep the pale floating navigation readable when the page switches theme. */
body.portfolio-home.theme-dark .c-header .header_inline .item_btn{
  --button-background-hover:rgba(38,19,41,.08);
  --button-text-color:#261329;
  --button-text-color-hover:#261329;
}
body.portfolio-home.theme-dark .c-header .header_inline .menu_item:has(.item_btn.is-active) .item_btn,
body.portfolio-home.theme-dark .c-header .header_inline .item_btn:hover{
  color:#261329;
}
/* Match the small editorial labels used on the Notes card. */
.portfolio-projects .featured_item .item_meta .meta_type,
.portfolio-projects .featured_item .item_meta .meta_date,
.portfolio-projects .featured_item .item_foot .foot_label{
  font-size:11px;
  line-height:1.2;
  letter-spacing:.07em;
}
@media(max-width:740px){
  .portfolio-projects .featured_item .item_meta .meta_type,
  .portfolio-projects .featured_item .item_meta .meta_date,
  .portfolio-projects .featured_item .item_foot .foot_label{font-size:10px}
}

/* Use the same separate brand and settings pills as the inner pages on small screens. */
@media(max-width:1024px){
  .c-header .header_inline,
  .c-header[data-navigation-status="active"] .header_inline{
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    border-radius:0;
    box-shadow:none;
    padding:0;
    height:54px;
    width:calc(100% - 40px);
  }
  .c-header .header_inline .inline_inner{gap:12px}
  .c-header .header_inline .inline_logo{
    aspect-ratio:auto;
    width:auto;
    max-width:none;
    height:54px;
    margin:0;
    padding:0 14px;
    display:flex;
    align-items:center;
    background:rgba(248,244,247,.9);
    border:1px solid rgba(38,19,41,.06);
    border-radius:14px;
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    box-shadow:0 8px 35px rgba(22,10,25,.07);
  }
  .c-header .header_inline .inline_logo::before{display:none}
  .c-header .header_inline .portfolio-logo{width:auto;color:#261329!important}
  .c-header .header_inline .logo-image{filter:invert(1)!important}
  .c-header .header_inline .inline_menu{
    height:54px;
    width:auto;
    margin-left:auto;
    padding:6px;
    gap:4px;
    background:rgba(248,244,247,.84);
    border:1px solid rgba(38,19,41,.08);
    border-radius:14px;
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    box-shadow:0 8px 35px rgba(22,10,25,.07);
  }
  .c-header .header_inline .header-tools{display:inline-flex;border:0;padding:0;gap:4px}
  .c-header .header_inline .portfolio-control{min-width:40px;width:40px;height:40px;padding:0}
  .c-header .header_inline .menu_btn{width:40px;height:40px;border-radius:9px;--header-inline-menu-button-background:#261329;--header-inline-menu-button-border-color:#261329;--header-inline-menu-button-icon-color:#fff}
}
@media(max-width:480px){
  .c-header .header_inline,
  .c-header[data-navigation-status="active"] .header_inline{top:10px;width:calc(100% - 20px);height:50px}
  .c-header .header_inline .inline_logo{height:50px;padding:0 10px}
  .c-header .header_inline .logo-word{font-size:18px}
  .c-header .header_inline .inline_menu{height:50px}
  .c-header .header_inline .portfolio-control{min-width:36px;width:36px;height:36px}
  .c-header .header_inline .menu_btn{width:36px;height:36px}
}