/* //VENTURE project page on the new site shell (Venture::project without ?classic=1). The template
   (venture/single-project.php), its parts and venture.js are the ones of the previous frame; this layer, loaded
   last, gives the page the house look of the other //VENTURE pages (venture/dashboard2.css): a dark head and
   strips, then a paper body with white cards in 2px ink, square corners, Archivo, the //ADAPT green.
   The shell does not load adapt-main.css, so the variables the page reads are set here. */

#dashboard.sp-shell {
    --primary-color: #00FF50; --text-color: #0a0a0a; --off-white: #ccc; --dark-grey: #1b1b1b; --dark-grey2: #2a2a2a;
    --light-grey: #cfcfca; --light-grey2: #ebebe8; --mid-grey: #9a9a95; --background-1: #f5f5f3;
    display: block; margin-top: 74px; background: var(--paper); color: var(--ink); font-family: 'Archivo', sans-serif;
}
.hp-has-sub #dashboard.sp-shell { margin-top: 126px; }
#dashboard.sp-shell .dashboard_wrapper, #dashboard.sp-shell .padding { display: block; width: auto; margin: 0; padding: 0; background: none; }
#dashboard.sp-shell #project_page { margin: 0; border-radius: 0; overflow: visible; background: var(--paper); color: var(--ink); }
#dashboard.sp-shell #project_page :is(p, h1, h2, h3, h4, h5, ol, ul, li) { margin: 0; padding: 0; line-height: 1.35; letter-spacing: normal; }
#dashboard.sp-shell #project_page :is(*):not(.material-symbols-outlined) { font-family: 'Archivo', sans-serif; }
#dashboard.sp-shell #project_page * { border-radius: 0; }
#dashboard.sp-shell #project_page :is(.user_avatar, .eng_dot, .aud_dot, .ps_role_dot, .slider_arrow, .gallery_expand, .track_arrow) { border-radius: 999px; }
#dashboard.sp-shell #project_page a { color: inherit; }
#dashboard.sp-shell #project_page :focus-visible { outline: 2px solid var(--g); outline-offset: 2px; }

/* — the owner's bar: square buttons on ink — */
#dashboard.sp-shell #project_page .project_owner_bar { padding: 10px var(--gut); background: var(--ink); color: var(--paper); border-bottom: 1px solid #222; }
#dashboard.sp-shell #project_page .owner_bar_label strong { font: 800 11px 'Archivo', sans-serif; letter-spacing: .16em; color: var(--g); }
#dashboard.sp-shell #project_page .owner_bar_label .small { font: 600 12px 'Archivo', sans-serif; color: #9a9a95; opacity: 1; }
#dashboard.sp-shell #project_page .owner_btn, #dashboard.sp-shell #project_page .owner_status select {
    padding: 8px 12px; border: 1px solid #3a3a3a; background: transparent; color: var(--paper);
    font: 800 10.5px 'Archivo', sans-serif; letter-spacing: .12em; text-transform: uppercase;
}
#dashboard.sp-shell #project_page .owner_btn:hover { border-color: var(--paper); background: transparent; color: var(--paper); }
#dashboard.sp-shell #project_page .owner_btn_primary { background: var(--g); border-color: var(--g); color: var(--ink); }
#dashboard.sp-shell #project_page .owner_btn_primary:hover { background: var(--paper); border-color: var(--paper); color: var(--ink); }
#dashboard.sp-shell #project_page .owner_status select { padding-right: 26px; }
#dashboard.sp-shell #project_page .owner_status.status_1 select { border-color: var(--g); color: var(--g); }
#dashboard.sp-shell #project_page .owner_status select option { color: var(--ink); }

/* — the hero — */
#dashboard.sp-shell #project_page .project_hero { background: var(--ink); }
#dashboard.sp-shell #project_page .hero_overlay { padding-left: var(--gut); padding-right: var(--gut); }
#dashboard.sp-shell #project_page .project_title { font: 900 clamp(44px, 6.4vw, 104px)/.88 'Archivo', sans-serif; letter-spacing: -.06em; color: var(--paper); text-wrap: balance; }
#dashboard.sp-shell #project_page .chip { padding: 5px 9px; border: 1px solid rgba(255,255,255,.55); background: rgba(10,10,10,.55); color: var(--paper); font: 800 10px 'Archivo', sans-serif; letter-spacing: .13em; text-transform: uppercase; }
#dashboard.sp-shell #project_page .chip_primary { background: var(--g); border-color: var(--g); color: var(--ink); }
#dashboard.sp-shell #project_page .hero_author { font: 600 14px 'Archivo', sans-serif; color: #e8e8e4; }
#dashboard.sp-shell #project_page .hero_author strong, #dashboard.sp-shell #project_page .hero_author b { font-weight: 900; color: var(--paper); }
#dashboard.sp-shell #project_page .slider_counter { border-radius: 0; font: 800 11px 'Archivo', sans-serif; letter-spacing: .12em; }

/* — the strips under it: engagement, audience, facts — dark like the dashboard's head — */
#dashboard.sp-shell #project_page :is(.project_engagement, .project_audience, .project_facts) { background: var(--ink); color: var(--paper); border-bottom: 1px solid #222; padding-left: var(--gut); padding-right: var(--gut); }
#dashboard.sp-shell #project_page :is(.eng_label, .aud_label) { font: 800 10px 'Archivo', sans-serif; letter-spacing: .16em; color: #9a9a95; }
#dashboard.sp-shell #project_page :is(.eng_stat, .aud_stat) { color: var(--paper); }
#dashboard.sp-shell #project_page :is(.eng_stat, .aud_stat):hover { background: rgba(255,255,255,.06); }
#dashboard.sp-shell #project_page :is(.eng_num, .aud_num) { font: 900 22px 'Archivo', sans-serif; letter-spacing: -.03em; color: var(--paper); }
#dashboard.sp-shell #project_page :is(.eng_name, .aud_name) { font: 700 13px 'Archivo', sans-serif; color: #e8e8e4; }
#dashboard.sp-shell #project_page :is(.eng_delta, .aud_delta, .aud_combined) { font: 600 11.5px 'Archivo', sans-serif; color: #77776f; }
#dashboard.sp-shell #project_page .aud_delta.up { color: var(--g); }
#dashboard.sp-shell #project_page :is(.eng_full, .aud_manage) { font: 800 11px 'Archivo', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--g); }
#dashboard.sp-shell #project_page :is(.eng_dot, .aud_dot) { background: var(--g); box-shadow: 0 0 0 3px rgba(0,255,80,.18); }
#dashboard.sp-shell #project_page :is(.eng_icon, .aud_icon) { color: #77776f; }
#dashboard.sp-shell #project_page .project_facts { padding-top: 0; padding-bottom: 0; border-top: 1px solid #222; }
#dashboard.sp-shell #project_page .project_facts .fact { border-left: 1px solid #2a2a2a; padding: 18px 18px 20px; }
#dashboard.sp-shell #project_page .project_facts .fact:first-child { border-left: 0; padding-left: 0; }
#dashboard.sp-shell #project_page .fact_label, #dashboard.sp-shell #project_page .fact_label_t { font: 800 10px 'Archivo', sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #9a9a95; }
#dashboard.sp-shell #project_page .fact_value { margin-top: 6px; font: 900 clamp(18px, 1.6vw, 24px)/1.1 'Archivo', sans-serif; letter-spacing: -.03em; color: var(--paper); }
#dashboard.sp-shell #project_page .fact_edit, #dashboard.sp-shell #project_page .fact_acts a { font: 800 10.5px 'Archivo', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--g); }
#dashboard.sp-shell #project_page .fact_chev { border: 1px solid #3a3a3a; color: var(--paper); }

/* — the body: tabs, cards and the rail on paper — */
#dashboard.sp-shell #project_page .project_body { max-width: 1440px; margin: 0 auto; padding: clamp(26px, 3vw, 40px) var(--gut) 90px; background: var(--paper); gap: clamp(18px, 2vw, 28px); }
#dashboard.sp-shell #project_page .project_tabs { margin-bottom: 18px; border-bottom: 2px solid var(--ink); }
#dashboard.sp-shell #project_page .project_menu { gap: 0; }
#dashboard.sp-shell #project_page .project_menu .button, #dashboard.sp-shell #project_page .project_menu .button.button_2 {
    margin: 0 22px -2px 0; padding: 12px 2px; border: 0; border-bottom: 3px solid transparent; border-radius: 0; background: transparent;
    font: 700 14px 'Archivo', sans-serif; letter-spacing: 0; text-transform: none; color: #4a4a46; opacity: 1;
}
#dashboard.sp-shell #project_page .project_menu .button:hover { color: var(--ink); }
#dashboard.sp-shell #project_page .project_menu .button.active { font-weight: 900; color: var(--ink); border-bottom-color: var(--g); }

#dashboard.sp-shell #project_page :is(.ps_card, .side_card, .key_facts, #dynamic_swap_box .box) { background: #fff; color: var(--ink); border: 2px solid var(--ink); box-shadow: none; }
#dashboard.sp-shell #project_page .ps_card + .ps_card { margin-top: 14px; }
#dashboard.sp-shell #project_page .side_card + .side_card { margin-top: 14px; }
#dashboard.sp-shell #project_page .ps_title { font: 900 clamp(22px, 2vw, 28px)/1 'Archivo', sans-serif; letter-spacing: -.04em; color: var(--ink); }
#dashboard.sp-shell #project_page .ps_lede { font: 500 clamp(16px, 1.3vw, 19px)/1.5 'Archivo', sans-serif; color: var(--ink); }
#dashboard.sp-shell #project_page :is(.ps_note, .ps_fact_sub, .side_muted) { font-weight: 600; color: #4a4a46; opacity: 1; }
#dashboard.sp-shell #project_page :is(.ps_fact_label, .ps_extra_label, .side_label) { font: 800 10px 'Archivo', sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #4a4a46; }
#dashboard.sp-shell #project_page .ps_fact_value { font: 900 20px/1.15 'Archivo', sans-serif; letter-spacing: -.02em; color: var(--ink); }
#dashboard.sp-shell #project_page :is(.ps_facts, .ps_fact) { border-color: var(--ink); }
#dashboard.sp-shell #project_page .ps_card_head { border-color: var(--ink); }
#dashboard.sp-shell #project_page .ps_role { border: 1px solid var(--ink); background: #f4fff7; color: var(--ink); }
#dashboard.sp-shell #project_page .ps_role_name { font: 800 14px 'Archivo', sans-serif; color: var(--ink); }
#dashboard.sp-shell #project_page .ps_role_dot { background: var(--g); }

/* every button of the old look, squared */
#dashboard.sp-shell #project_page :is(.ps_btn_edit, .button):not(.project_menu .button) {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: auto; height: auto; min-height: 0;
    padding: 11px 14px; border: 2px solid var(--ink); background: #fff; color: var(--ink);
    font: 800 11px 'Archivo', sans-serif; letter-spacing: .12em; text-transform: uppercase; line-height: 1.2; text-decoration: none;
}
#dashboard.sp-shell #project_page :is(.ps_btn_edit, .button):not(.project_menu .button):hover { background: var(--g); color: var(--ink); border-color: var(--ink); }
#dashboard.sp-shell #project_page .side_card .button:not(.button_2) { background: var(--ink); color: var(--g); }
#dashboard.sp-shell #project_page .side_card .button:not(.button_2):hover { background: var(--g); color: var(--ink); }
#dashboard.sp-shell #project_page .side_card a.button.full_width { display: flex; width: 100%; }
#dashboard.sp-shell #project_page :is(.ps_link, .side_link) { font: 800 11px 'Archivo', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); border-bottom: 2px solid var(--g); }

/* the rail */
#dashboard.sp-shell #project_page .side_card { padding: 18px; }
#dashboard.sp-shell #project_page .side_amount { font: 900 clamp(34px, 3vw, 46px)/1 'Archivo', sans-serif; letter-spacing: -.05em; color: var(--ink); }
#dashboard.sp-shell #project_page .side_amount_cap { font: 700 12.5px 'Archivo', sans-serif; color: #4a4a46; }
#dashboard.sp-shell #project_page .cf_num { font: 900 26px 'Archivo', sans-serif; letter-spacing: -.04em; color: var(--ink); }
#dashboard.sp-shell #project_page .cf_name { font: 800 10px 'Archivo', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #4a4a46; }
#dashboard.sp-shell #project_page .creator_row :is(strong, b) { font-weight: 900; color: var(--ink); }
#dashboard.sp-shell #project_page .sim_title { font: 900 15px 'Archivo', sans-serif; letter-spacing: -.02em; color: var(--ink); }
#dashboard.sp-shell #project_page .sim_meta { font: 600 12px 'Archivo', sans-serif; color: #4a4a46; }
#dashboard.sp-shell #project_page .sim_row:hover .sim_title { text-decoration: underline; text-decoration-color: var(--g); text-decoration-thickness: 3px; }

/* the waiting boxes while a tab loads */
#dashboard.sp-shell .tab_wait_l, #dashboard.sp-shell .tab_wait_box { background: #e4e4df; }

@media (max-width: 760px) {
    #dashboard.sp-shell #project_page .project_owner_bar { padding: 10px 14px; }
    #dashboard.sp-shell #project_page .project_facts .fact { padding: 14px 12px; }
    #dashboard.sp-shell #project_page .project_facts .fact:first-child { padding-left: 12px; }
    #dashboard.sp-shell #project_page .project_menu { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
    #dashboard.sp-shell #project_page .project_menu .button { white-space: nowrap; }
}

/* the rail's lines get room to breathe */
#dashboard.sp-shell #project_page .side_card .side_label { display: block; margin-bottom: 8px; }
#dashboard.sp-shell #project_page .side_card :is(.side_amount_cap, .side_muted, p) { margin-top: 6px; }
#dashboard.sp-shell #project_page .side_card :is(.button, .side_btn_row) { margin-top: 14px; }

/* the tabs' own panels (pitch-view.css, team.css, media.css, the about card): the same 2px ink cards and square buttons */
#dashboard.sp-shell #project_page :is(.pv, .tm_card, .tm_rail, .md_card, .md_rail_card, .md_add_box, .ab_card) { background: #fff; border: 2px solid var(--ink); box-shadow: none; }
#dashboard.sp-shell #project_page :is(.pv_title, .tm_title, .md_page_title, .ab_title) { font: 900 clamp(22px, 2vw, 28px)/1 'Archivo', sans-serif; letter-spacing: -.04em; color: var(--ink); }
#dashboard.sp-shell #project_page :is(.pv_head, .pv_body, .pv_docs, .tm_head) { border-color: var(--ink); }
#dashboard.sp-shell #project_page :is(.tm_rail_label, .md_rail_label, .md_card_label, .ab_eyebrow, .pv_docs_head) { font: 800 10px 'Archivo', sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #4a4a46; }
#dashboard.sp-shell #project_page :is(.pv_btn, .ab_btn_edit, .md_manage, .md_card_edit, .tm_add, .tm_btn) {
    display: inline-flex; align-items: center; gap: 6px; padding: 11px 14px; border: 2px solid var(--ink); background: #fff; color: var(--ink);
    font: 800 11px 'Archivo', sans-serif; letter-spacing: .12em; text-transform: uppercase;
}
#dashboard.sp-shell #project_page :is(.pv_btn, .ab_btn_edit, .md_manage, .md_card_edit, .tm_add, .tm_btn):hover { background: var(--g); color: var(--ink); }
#dashboard.sp-shell #project_page :is(.pv_go, .tm_add) { background: var(--g); }
#dashboard.sp-shell #project_page :is(.pv_go, .tm_add):hover { background: var(--ink); color: var(--g); }
#dashboard.sp-shell #project_page .tm_pill, #dashboard.sp-shell #project_page .tm_tag { font: 800 9.5px 'Archivo', sans-serif; letter-spacing: .12em; text-transform: uppercase; border: 1px solid var(--ink); background: #f4fff7; color: var(--ink); }
#dashboard.sp-shell #project_page .tm_role { color: #0a7a2f; font-weight: 800; }

/* phones: a taller hero so the chips, the title and the gallery button do not collide; the strips as two columns */
@media (max-width: 760px) {
    #dashboard.sp-shell #project_page .media_content { min-height: 520px; aspect-ratio: auto; }
    #dashboard.sp-shell #project_page .hero_overlay { left: 14px; right: 14px; }
    #dashboard.sp-shell #project_page .hero_chips .chip:nth-child(n+3) { display: none; }
    #dashboard.sp-shell #project_page .project_title { font-size: clamp(38px, 11vw, 56px); }
    #dashboard.sp-shell #project_page :is(.project_engagement, .project_audience) { flex-direction: column; align-items: flex-start; gap: 12px; padding: 14px; }
    #dashboard.sp-shell #project_page :is(.eng_stats, .aud_stats) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; width: 100%; }
}