From e66e6f01edbeb782684e17ebe257f8bfea7f1f89 Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Mon, 3 Aug 2026 14:46:57 -0500
Subject: [PATCH 1/4] docs(tup): add README tracking the static asset migration
 from tup-ui

Umbrella branch for the sub-PRs migrating tup-ui's static assets
(css/, js/, and their html/ snippet wrappers) into this repo.
---
 tup/README.md | 10 ++++++++++
 1 file changed, 10 insertions(+)
 create mode 100644 tup/README.md

diff --git a/tup/README.md b/tup/README.md
new file mode 100644
index 00000000..7868e16e
--- /dev/null
+++ b/tup/README.md
@@ -0,0 +1,10 @@
+# Purpose
+
+Custom assets for [TUP](https://github.com/TACC/tup-ui), migrated out of tup-ui's `apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/` so other projects can discover and reuse them.
+
+## Status
+
+Migration in progress, tracked across sub-PRs:
+
+- `html/` — djangocms-snippet reference copies (done)
+- `css/`, `js/` — ad-hoc CSS/JS assets loaded by the ad-hoc snippets (in progress)

From 1d3d69ee1e554d43cfdb6db41021cd4a628d5640 Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Mon, 3 Aug 2026 16:21:41 -0500
Subject: [PATCH 2/4] feat(generic): add news/blog component CSS found during
 tup-ui development (#561)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Overview

Migrates `c-news.css`, `c-news--read.css`, and `c-news--list.css` out of
[TACC/tup-ui's `for-core-styles/`
folder](https://github.com/TACC/tup-ui/tree/v1.2.3/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles).

<details>

These are genuine Core-Styles gaps discovered while building tup-ui —
not tup-specific overrides — so this repo's `generic_assets/` (not
`tup/`) is the right home, since it's what other projects actually check
for known Core-Styles/Core-CMS gaps.

</details>

## Related

- adds to #563
- required by tup-ui#570

Includes changes from:
- TACC/tup-ui#325

Does not include `c-feed-list.css` cuz it is deleted in:
- TACC/tup-ui#325
- TACC/tup-ui#535

## Changes

- **added** `generic_assets/css/c-news.css`
- **added** `generic_assets/css/c-news--read.css`
- **added** `generic_assets/css/c-news--list.css`
- **added** `generic_assets/css/core-styles-feats.css` (imports
`c-news.css` into `layer(base)`, since a plain `<link>` can't assign a
layer)
- **updated** `tup/html/css-ad-hoc-styles.html` to load
`core-styles-feats.css`, instead of adding another raw `<style>@import>`
block to an already-large snippet

## Testing

1. Confirm each file's content matches tup-ui's current
`for-core-styles/components/` copy, with tup-ui#325's diff applied to
`c-news.css` and `c-news--read.css`.

<!--
## Notes

…
-->
---
 generic_assets/css/c-news--list.css      | 240 +++++++++++++++++++++++
 generic_assets/css/c-news--read.css      | 171 ++++++++++++++++
 generic_assets/css/c-news.css            | 124 ++++++++++++
 generic_assets/css/core-styles-feats.css |   2 +
 tup/html/css-ad-hoc-styles.html          |   4 +-
 5 files changed, 540 insertions(+), 1 deletion(-)
 create mode 100644 generic_assets/css/c-news--list.css
 create mode 100644 generic_assets/css/c-news--read.css
 create mode 100644 generic_assets/css/c-news.css
 create mode 100644 generic_assets/css/core-styles-feats.css

diff --git a/generic_assets/css/c-news--list.css b/generic_assets/css/c-news--list.css
new file mode 100644
index 00000000..2540157e
--- /dev/null
+++ b/generic_assets/css/c-news--list.css
@@ -0,0 +1,240 @@
+/* TODO: When integrated into Core-Styles, import these */
+/* @tacc/core-styles/src/lib/_imports/tools/x-article-link.css */
+/* @tacc/core-styles/src/lib/_imports/tools/x-truncate.css */
+/* _imports/tools/media-queries.css */
+
+
+
+
+
+/* List */
+
+/* To support rendering list as a grid */
+.c-news--list.as-grid {
+  display: grid;
+  grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );
+  column-gap: var(--global-space--pattern-pad);
+}
+/* So page title spans all columns */
+.c-news--list.as-grid > .c-news__name {
+  grid-column: 1 / -1;
+}
+
+
+
+
+
+/* Item */
+
+
+
+/* Item (Structure) */
+
+/* For basic layout */
+.c-news--list article {
+  display: grid;
+
+  border-bottom: var(--global-border-width--normal) solid var(--global-color-primary--dark);
+  margin-bottom: var(--article-buffer);
+  padding-bottom: var(--article-buffer);
+}
+.c-news--list .c-news__header  { grid-area: head }
+.c-news--list .c-news__visual  { grid-area: media }
+.c-news--list .c-news__abstract { grid-area: desc }
+
+/* For conditional layouts */
+.c-news--list:not(.has-media) article {
+  --grid-item-areas:
+    'head'
+    'desc';
+
+  --list-item-areas:
+    'head'
+    'desc';
+  /* Do not manage what is irrelevant in this layout */
+  --list-item-columns: none;
+}
+.c-news--list.has-media article {
+  --grid-item-areas:
+    'media'
+    'head'
+    'desc';
+
+  --list-item-areas:
+    'media head'
+    'media desc';
+  /* To shrinkwrap media and flexible text content */
+  --list-item-columns: minmax(0, max-content) 1fr;
+
+  column-gap: 50px; /* for horz. space between image and content */
+}
+
+/* For layout options */
+.x-news-grid-item {
+    grid-template-areas: var(--grid-item-areas);
+    /* To prevent content from overflowing cell */
+    grid-template-columns: minmax(0, 1fr);
+    /* To prevent vertical stretch of rows */
+    grid-auto-rows: min-content;
+}
+.x-news-list-item {
+    grid-template-areas: var(--list-item-areas);
+    grid-template-columns: var(--list-item-columns);
+    /* To let 'desc' take remaining space (removes gap between head and desc) */
+    grid-template-rows: min-content 1fr;
+}
+@media (width < 768px) /* TODO: When in Core, use @custom-media */ {
+  .c-news--list article {
+    /* TODO: When in Core, use @extend */
+    /* @extend .x-news-grid-item; */
+    grid-template-areas: var(--grid-item-areas);
+    /* To prevent content from overflowing cell */
+    grid-template-columns: minmax(0, 1fr);
+    /* To prevent vertical stretch of rows */
+    grid-auto-rows: min-content;
+  }
+}
+@media (width >= 768px) /* TODO: When in Core, use @custom-media */ {
+  .c-news--list:not(.as-grid) article {
+    /* TODO: When in Core, use @extend */
+    /* @extend .x-news-list-item; */
+    grid-template-areas: var(--list-item-areas);
+    grid-template-columns: var(--list-item-columns);
+    /* To let 'desc' take remaining space (removes gap between head and desc) */
+    grid-template-rows: min-content 1fr;
+  }
+  .c-news--list.as-grid article {
+    /* TODO: When in Core, use @extend */
+    /* @extend .x-news-grid-item; */
+    grid-template-areas: var(--grid-item-areas);
+    /* To prevent content from overflowing cell */
+    grid-template-columns: minmax(0, 1fr);
+    /* To prevent vertical stretch of rows */
+    grid-auto-rows: min-content;
+  }
+}
+
+
+
+
+
+
+/* Header */
+
+
+
+/* Header (Structure) */
+
+.c-news--list .c-news__header {
+  margin-bottom: 5px;
+}
+
+
+
+/* Header - Title */
+
+.c-news--list .c-news__title {
+  margin-bottom: unset; /* overwrite Core-Styles headings--cms.css */
+}
+.c-news--list .c-news__subtitle {
+  display: none;
+}
+
+/* To style a pill (e.g. "Update" pill in a title) */
+.c-news--list .c-pill:not(:first-child) {
+  margin-left: 0.5ch;
+}
+
+
+
+/* Header - Metadata (Skin) */
+
+.c-news--list .c-news__data li {
+  line-height: unset; /* overwrite html-elements.css */
+}
+
+.c-news--list .c-news__attr {
+  color: var(--global-color-primary--dark);
+}
+.c-news--list .c-news__attr a {
+  color: inherit;
+}
+
+
+
+
+
+/* Visual */
+
+.c-news--list .c-news__media:empty {
+  display: none;
+}
+
+/* To support vertical article layouts */
+/* FAQ: In simple layouts, the media element is the grid cell */
+/* FAQ: In complex layouts, the media element is within the grid cell */
+.x-news-grid-item-media-cell {
+  margin-bottom: 15px; /* to add space between image and content */
+}
+.x-blog-grid-item-media-element-in-cell {
+  max-width: 100%; /* to prevent overflow if column is narrower than image */
+  height: auto; /* to preserve ratio if width is reduced (by max-width: 100%) */
+}
+@media (width < 768px) /* TODO: When in Core, use @custom-media */ {
+  .c-news--list .c-news__media {
+    /* TODO: When in Core, use @extend */
+    /* @extend .x-blog-grid-item-media-cell; */
+    margin-bottom: 15px; /* to add space between image and content */
+    & img {
+      /* TODO: When in Core, use @extend */
+      /* @extend .x-blog-grid-item-media-element-in-cell; */
+      max-width: 100%; /* to prevent overflow if column is narrower than image */
+      height: auto; /* to preserve ratio if width is reduced (by max-width: 100%) */
+    }
+  }
+}
+@media (width >= 768px) /* TODO: When in Core, use @custom-media */ {
+  .c-news--list.as-grid .c-news__media {
+    /* TODO: When in Core, use @extend */
+    /* @extend .x-blog-grid-item-media-cell; */
+    margin-bottom: 15px; /* to add space between image and content */
+    & img {
+      /* TODO: When in Core, use @extend */
+      /* @extend .x-blog-grid-item-media-element-in-cell; */
+      max-width: 100%; /* to prevent overflow if column is narrower than image */
+      height: auto; /* to preserve ratio if width is reduced (by max-width: 100%) */
+    }
+  }
+}
+
+
+
+
+
+/* Content */
+
+.c-news--list .c-news__abstract {
+  /* TODO: When in Core, use @extend */
+  /* @extend %x-truncate--many-lines; */
+  --lines: 2;
+
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+
+  overflow: hidden;
+  -webkit-line-clamp: var(--lines);
+
+  --lines: 4;
+
+  line-height: 1.5;
+  color: var(--global-color-primary--dark);
+}
+.c-news--list .c-news__abstract p:last-child {
+  margin-bottom: 0 /* overwrite core-styles.cms */
+}
+
+/* To undo inline content styles */
+/* FAQ: In case author pasted such markup from another source */
+.c-news--list .c-news__abstract [style] {
+    all: revert !important; /* force undo all inline styles */
+}
diff --git a/generic_assets/css/c-news--read.css b/generic_assets/css/c-news--read.css
new file mode 100644
index 00000000..a840366c
--- /dev/null
+++ b/generic_assets/css/c-news--read.css
@@ -0,0 +1,171 @@
+/* TODO: When integrated into Core-Styles, import these */
+/* @tacc/core-styles/src/lib/_imports/objects/o-offset-content.css */
+/* @tacc/core-styles/src/lib/_imports/tools/x-figure.css */
+/* @tacc/core-styles/src/lib/_imports/tools/x-blockquote.css */
+
+
+
+
+
+/* Root */
+
+.c-news--read article {
+  --header-buffer: calc( var(--global-space--grid-gap) / 2 );
+
+  max-width: 775px;
+  margin-inline: auto;
+}
+
+
+
+
+
+/* Header (Structure) */
+
+.c-news--read .c-news__header {
+  grid-template-areas:
+    'head head'
+    'subh subh'
+    'cats link'
+    'tags tags'
+    'attr attr';
+}
+.c-news--read .c-news__title,
+.c-news--read .c-news__subtitle {
+  margin-bottom: var(--header-buffer);
+}
+.c-news--read .c-news__title {
+  font-size: var(--global-font-size--xxx-large);
+
+  border-bottom: var(--global-border-width--normal) solid var(--global-color-primary--dark);
+}
+.c-news--read .c-news__subtitle {
+  font-weight: normal;
+  font-size: var(--global-font-size--large);
+}
+
+
+
+
+
+/* Media & Content */
+
+.c-news--read .c-news__media,
+.c-news--read .c-news__content {
+  --news-read-media-buffer: 45px;
+
+  margin-block: var(--news-read-media-buffer) 60px;
+}
+
+/* To undo inline content styles */
+/* FAQ: In case author pasted such markup from another source */
+.c-news--read .c-news__content [style]:not(
+    [data-style="admin"], /* HACK: So CMS admin can override this */
+) {
+    all: revert !important; /* force undo all inline styles */
+}
+
+
+
+/* Media & Content - Media */
+
+/* To mimic Bootstrap `.img-fluid` */
+.c-news--read img.c-news__media /* WARNING: Untested */,
+.c-news--read .c-news__media img {
+  max-width: 100%;
+  height: auto;
+}
+/* To support vertical layouts at narrow viewports */
+@media (width < 768px) /* TODO: When in Core, use @custom-media */ {
+  .c-news--read .c-news__media {
+    display: grid;
+    justify-content: center;
+    margin-bottom: var(--news-read-media-buffer);
+  }
+}
+/* To support horizontal layouts at wide viewports */
+@media (width >= 768px) /* TODO: When in Core, use @custom-media */ {
+  .c-news--read .c-news__media {
+    float: left;
+    margin-right: var(--news-read-media-buffer);
+  }
+}
+
+/* To prevent footer on right side of page */
+/* FAQ: Because of `.c-news--read .c-news__media`'s `float: left` */
+.c-news--read .c-news__media + .c-news__content::after {
+  /* from Bootstrap `clearfix` */
+  display: block;
+  content: "";
+  clear: both;
+}
+
+
+
+/* Media & Content - Content */
+
+/* FAQ: Read page CAN have abstract */
+/* https://github.com/TACC/Core-CMS/pull/594 */
+.c-news--read .c-news__abstract,
+.c-news--read .c-news__content {
+  font-size: var(--global-font-size--medium);
+  line-height: 2;
+}
+/* Add space between all list items */
+/* FAQ: Use case is list items with as much text as a paragraph */
+.c-news--read .c-news__abstract li + li,
+.c-news--read .c-news__content li + li {
+  margin-top: 0.5em;
+}
+
+/* To reduce space between "Original Message" and its content */
+.c-update__header + .c-news__content {
+  margin-top: unset; /* ovewrite c-news--read.css */
+}
+
+
+
+/* Media & Content - Alignment */
+/* FAQ: The .align-... classes come from Bootstrap Picture */
+/* FAQ: The .blockquote.text-... classes come from Bootstrap Blockquote */
+
+.c-news--read .c-news__content .align-left {
+  /* TODO: When in Core, use @extend */
+  /* @extend .o-offset-content--left; */
+  /* NOTE: Ignore in TUP-CMS, cuz c-news only for User Updates (no images) */
+}
+.c-news--read .c-news__content .align-right {
+  /* TODO: When in Core, use @extend */
+  /* @extend .o-offset-content--right; */
+  /* NOTE: Ignore in TUP-CMS, cuz c-news only for User Updates (no images) */
+}
+
+/* To remove margin on narrow screens */
+/* To overwrite @tacc/core-styles/…/components/align.css */
+@media (width < 768px) /* TODO: When in Core, use @custom-media */ {
+  .c-news--read .c-news__content .align-center,
+  .c-news--read .c-news__content .align-right,
+  .c-news--read .c-news__content .align-left {
+    max-width: unset;
+  }
+  .c-news--read .c-news__content .align-right,
+  .c-news--read .c-news__content .align-left {
+    float: unset;
+    margin-bottom: unset;
+  }
+  .c-news--read .c-news__content .align-right {
+    margin-left: unset;
+  }
+  .c-news--read .c-news__content .align-left {
+    margin-right: unset;
+  }
+}
+
+/* To reduce image width on medium screens */
+@media (width < 768px) and (width < 992px) /* TODO: When in Core, use @custom-media */ {
+  .c-news--read .c-news__content .align-center,
+  .c-news--read .c-news__content .align-right,
+  .c-news--read .c-news__content .align-left {
+    max-width: 50%;
+  }
+}
diff --git a/generic_assets/css/c-news.css b/generic_assets/css/c-news.css
new file mode 100644
index 00000000..33535d75
--- /dev/null
+++ b/generic_assets/css/c-news.css
@@ -0,0 +1,124 @@
+/* TODO: When integrated into Core-Styles, import these */
+/* @tacc/core-styles/src/lib/_imports/components/c-tag.css */
+
+@import url("./c-news--read.css");
+@import url("./c-news--list.css");
+
+
+
+
+
+/* Variables */
+
+.c-news {
+  --article-buffer: 20px;
+}
+
+
+
+/* Generic */
+
+.c-news {
+  /* To control absolute position of descendants e.g. `.blog-visual` */
+  position: relative;
+}
+
+/* TODO: Share styles between c-news and c-feed-list (`time:not(…)`) */
+.c-news article time:not(:is(h1, h2, h3, h4, h5, h6) *) {
+  color: var(--global-color-secondary--normal);
+  font-weight: var(--medium);
+  text-transform: uppercase;
+}
+
+
+
+
+
+/* Header */
+
+.c-news__header {
+  display: grid;
+  grid-template-areas:
+    'cats'
+    'tags'
+    'attr'
+    'head'
+    'subh';
+}
+.c-news__title    { grid-area: head }
+.c-news__subtitle { grid-area: subh }
+.c-news__attr     { grid-area: attr }
+.c-news__cats     { grid-area: cats }
+.c-news__tags     { grid-area: tags }
+
+.c-news__data {
+  list-style: none;
+
+  padding-left: 0; /* overwrite html-elements.css */
+  margin-bottom: 0.25em; /* overwrite html-elements.css */
+
+  font-size: var(--global-font-size--medium);
+}
+
+
+
+/* Metadata */
+
+/* To layout data */
+.c-news__attr,
+.c-news__tags,
+.c-news__cats {
+  display: flex;
+  flex-direction: row;
+  gap: 1em;
+}
+.c-news__attr {
+  justify-content: space-between;
+}
+.c-news__date {
+  order: -1
+}
+
+/* To conditionally hide tags & categories */
+.c-news.no-tags .c-news__tags,
+.c-news.no-categories .c-news__cats {
+  display: none;
+}
+
+/* To hide empty tags & categories */
+.c-news__tags:empty,
+.c-news__cats:empty {
+  display: none;
+}
+
+/* To style categories as "tags" (the UI pattern) */
+.c-news__cats a {
+  /* TODO: When integrated into Core-Styles, uncomment this */
+  /* @extend :--c-tag; */
+
+  display: inline-block;
+
+  color: var(--global-color-primary--xx-light);
+  background-color: var(--global-color-primary--xx-dark);
+
+  font-size: var(--global-font-size--x-small);
+}
+
+/* To style tags as "pills" (the UI pattern) */
+.c-news__tags a {
+  /* TODO: When available in Core-Styles, uncomment this */
+  /* @extend :--c-pill; */
+
+  background-color: var(--global-color-primary--light);
+}
+
+/* So byline text is all on one line */
+.c-news__data address {
+  display: inline;
+}
+
+/* To style a pill (e.g. "Update" pill in a title) */
+.c-news .c-pill {
+  vertical-align: middle;
+  transform: translateY(-0.125em);
+}
diff --git a/generic_assets/css/core-styles-feats.css b/generic_assets/css/core-styles-feats.css
new file mode 100644
index 00000000..51b86e77
--- /dev/null
+++ b/generic_assets/css/core-styles-feats.css
@@ -0,0 +1,2 @@
+/* TODO: Integrate into Core-Styles */
+@import url("./c-news.css") layer(base);
diff --git a/tup/html/css-ad-hoc-styles.html b/tup/html/css-ad-hoc-styles.html
index 08f7889f..21060b6f 100644
--- a/tup/html/css-ad-hoc-styles.html
+++ b/tup/html/css-ad-hoc-styles.html
@@ -23,11 +23,13 @@
 {# TODO: Delete after upgrading to Core-CMS#v4.40 (TACC/tup-ui#557) #}
 <link href="https://cdn.jsdelivr.net/gh/TACC/tup-ui@d582b6fa/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/ad-hoc/hide-blog-list-back-link.css" rel="stylesheet" />
 
-{# NOTE: Redundant until deploy since TACC/tup-ui#535 #}
+{# NOTE: Redundant until deploy of TACC/tup-ui#535 #}
 <link href="https://cdn.jsdelivr.net/gh/TACC/tup-ui@1307a676/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/ad-hoc/adjust-logo.css" rel="stylesheet" />
 
 <link href="https://cdn.jsdelivr.net/gh/TACC/Core-CMS-Custom@v1/generic_assets/css/core-cms-fixes.css" rel="stylesheet" />
 <link href="https://cdn.jsdelivr.net/gh/TACC/Core-CMS-Custom@v1/generic_assets/css/core-styles-fixes.css" rel="stylesheet" />
+{# NOTE: Redundant until deploy of TACC/tup-ui#570 #}
+<link href="https://cdn.jsdelivr.net/gh/TACC/Core-CMS-Custom@v1/generic_assets/css/core-styles-feats.css" rel="stylesheet" />
 
 {# TODO: Delete after upgrading to Core-CMS#v4.40 (TACC/tup-ui#557) #}
 <link href="https://cdn.jsdelivr.net/gh/TACC/Core-Styles@010b311/dist/bootstrap4/components/media.css" rel="stylesheet" />

From 5ebac42c341cd6224b8bcc9e2fe56ef3162a8016 Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Mon, 3 Aug 2026 18:27:00 -0500
Subject: [PATCH 3/4] feat(tup): migrate ad-hoc assets from tup-ui (#564)

## Overview

Migrates CSS/JS assets (that `tup/html/css-ad-hoc-styles.html` and
`js-ad-hoc-scripts.html` load) from [TACC/tup-ui] to here.

<details>

[TACC/tup-ui]: https://github.com/TACC/

The snippets files were already migrated (#559, #560); this closes the
loop so those snippets' `<link>`/`<script>` tags can point at this
repo's CDN pins instead of tup-ui's.

</details>

## Related

- adds to #563
- integrates changes from:
    - TACC/tup-ui#566
    - TACC/tup-ui#535
    - TACC/tup-ui#562

> [!IMPORTANT]
> **Follow-up:** Repoint `tup/html/css-ad-hoc-styles.html` and
`js-ad-hoc-scripts.html`'s CDN URLs at this repo (not done in this PR).

## Changes

- **added** `tup/css/ad-hoc/` (many files)
- **added** `tup/js/ad-hoc.js`
- **added** `tup/js/ad-hoc/manage-participants-field-required-attr.js`
- **added** `tup/css/ad-hoc/hide-blog-list-back-link.css` (from
TACC/tup-ui#562, open)
- **added** `tup/css/ad-hoc/adjust-logo.css` (from TACC/tup-ui#535,
open)
- **updated** `navbar-width-horz-scrollbar.css`

## Testing

1. Confirm each file's content matches TACC/tup-ui's current copy
exactly **except**:
    - `navbar-width-horz-scrollbar.css` matches TACC/tup-ui#535's branch
- `adjust-logo.css` matches TACC/tup-ui#535's branch (doesn't exist on
tup-ui `main`)
- `hide-blog-list-back-link.css` matches TACC/tup-ui#562's branch
(doesn't exist on tup-ui `main`)
- `ad-hoc.js`/`manage-participants-field-required-attr.js` matches the
commit already pinned in the live snippet, TACC/tup-ui@0c0beee5
---
 tup/css/ad-hoc/adjust-logo.css                |  8 +++
 tup/css/ad-hoc/c-feed-list-tweaks.css         |  6 +++
 ...rd-image-on-left-right-not-tall-enough.css | 17 ++++++
 .../fix-news-hr-behind-offset-image.css       |  6 +++
 tup/css/ad-hoc/global-a11y.css                | 19 +++++++
 tup/css/ad-hoc/hide-blog-list-back-link.css   |  4 ++
 tup/css/ad-hoc/hide-svg-icons.css             | 10 ++++
 .../ad-hoc/navbar-width-horz-scrollbar.css    |  8 +++
 tup/css/ad-hoc/podcast-embeds.css             |  4 ++
 tup/css/ad-hoc/scrolling-fixes.css            | 22 ++++++++
 tup/css/ad-hoc/spacing-fixes.css              | 23 ++++++++
 tup/css/ad-hoc/tagged-news-uppercase-tag.css  |  5 ++
 tup/css/ad-hoc/trumps-has-decal.css           | 14 +++++
 ...p-cap-and-fix-has-blog-tag-no-drop-cap.css | 26 +++++++++
 tup/css/ad-hoc/u-image.css                    | 11 ++++
 tup/js/ad-hoc.js                              |  2 +
 ...manage-participants-field-required-attr.js | 53 +++++++++++++++++++
 tup/js/ad-hoc/prevent-ugly-urls.js            | 25 +++++++++
 18 files changed, 263 insertions(+)
 create mode 100644 tup/css/ad-hoc/adjust-logo.css
 create mode 100644 tup/css/ad-hoc/c-feed-list-tweaks.css
 create mode 100644 tup/css/ad-hoc/fix-c-card-image-on-left-right-not-tall-enough.css
 create mode 100644 tup/css/ad-hoc/fix-news-hr-behind-offset-image.css
 create mode 100644 tup/css/ad-hoc/global-a11y.css
 create mode 100644 tup/css/ad-hoc/hide-blog-list-back-link.css
 create mode 100644 tup/css/ad-hoc/hide-svg-icons.css
 create mode 100644 tup/css/ad-hoc/navbar-width-horz-scrollbar.css
 create mode 100644 tup/css/ad-hoc/podcast-embeds.css
 create mode 100644 tup/css/ad-hoc/scrolling-fixes.css
 create mode 100644 tup/css/ad-hoc/spacing-fixes.css
 create mode 100644 tup/css/ad-hoc/tagged-news-uppercase-tag.css
 create mode 100644 tup/css/ad-hoc/trumps-has-decal.css
 create mode 100644 tup/css/ad-hoc/tup-730-drop-cap-and-fix-has-blog-tag-no-drop-cap.css
 create mode 100644 tup/css/ad-hoc/u-image.css
 create mode 100644 tup/js/ad-hoc.js
 create mode 100644 tup/js/ad-hoc/manage-participants-field-required-attr.js
 create mode 100644 tup/js/ad-hoc/prevent-ugly-urls.js

diff --git a/tup/css/ad-hoc/adjust-logo.css b/tup/css/ad-hoc/adjust-logo.css
new file mode 100644
index 00000000..711f5259
--- /dev/null
+++ b/tup/css/ad-hoc/adjust-logo.css
@@ -0,0 +1,8 @@
+/* To align first CMS nav with "Dashbaord" heading in Portal */
+.s-header .navbar-brand {
+    flex-basis: 138px;
+}
+/* To give CMS nav more room by reducing size of logo */
+.portal-logo {
+    height: 30px;
+}
diff --git a/tup/css/ad-hoc/c-feed-list-tweaks.css b/tup/css/ad-hoc/c-feed-list-tweaks.css
new file mode 100644
index 00000000..428f829b
--- /dev/null
+++ b/tup/css/ad-hoc/c-feed-list-tweaks.css
@@ -0,0 +1,6 @@
+/* TODO: Release TACC/Core-Styles#508. Update Core-CMS then TUP. Remove this… */
+.c-feed-list > :is(div, article) {
+    /* FAQ: The `flex-grow: 1` makes /use-tacc/training/ lists same height */
+    /* CAVEAT: The `flex-grow: 1` breaks max line height (user can see top of next line) */
+    flex-grow: unset;
+}
diff --git a/tup/css/ad-hoc/fix-c-card-image-on-left-right-not-tall-enough.css b/tup/css/ad-hoc/fix-c-card-image-on-left-right-not-tall-enough.css
new file mode 100644
index 00000000..6037a743
--- /dev/null
+++ b/tup/css/ad-hoc/fix-c-card-image-on-left-right-not-tall-enough.css
@@ -0,0 +1,17 @@
+/* NOTE: Newer Core-Styles or Texascale might have standard solution */
+
+/* To enlarge images enough to never allow negative space in card */
+/* FAQ: Hide overflow of enlarged image not constrained in grid item */
+.card--image-left,
+.card--image-right {
+    overflow: hidden;
+}
+/* FAQ: Enlarge image while maintaining aspect ratio */
+.card--image-left img,
+.card--image-right img {
+  --size: calc(100% + 105px);
+
+  width: var(--size);
+  height: var(--size);
+  object-fit: cover; /* to retain aspect ratio */
+}
diff --git a/tup/css/ad-hoc/fix-news-hr-behind-offset-image.css b/tup/css/ad-hoc/fix-news-hr-behind-offset-image.css
new file mode 100644
index 00000000..2cd6a61a
--- /dev/null
+++ b/tup/css/ad-hoc/fix-news-hr-behind-offset-image.css
@@ -0,0 +1,6 @@
+/* TODO: add to Core-Styles */
+@layer foundation {
+    hr {
+        overflow: revert; /* undo Bootstrap 4 _reboot's `overflow: visible` */
+    }
+}
diff --git a/tup/css/ad-hoc/global-a11y.css b/tup/css/ad-hoc/global-a11y.css
new file mode 100644
index 00000000..01adb338
--- /dev/null
+++ b/tup/css/ad-hoc/global-a11y.css
@@ -0,0 +1,19 @@
+/* FOR HOMEPAGE AS OF 2024-02 */
+
+/* 1. To dynamically reduce height of banner */
+/* Change —
+    style="height: 550px"
+    — on banner image to —
+    style="height: 60vh; max-height: 550px; min-height: 230px;"
+*/
+
+/* 2. To make mobile menu button stand out */
+.navbar-dark .navbar-toggler {
+    border-color: var(--global-color-primary--normal);
+}
+
+/* 3. Unset color that is so light it makes links in a lead undistinguishable */
+/* TODO: Delete this after TUP-CMS uses Core-CMS since TACC/Core-CMS#1141 */
+:is(:is(.blog-list) article) .blog-lead {
+  color: unset;
+}
diff --git a/tup/css/ad-hoc/hide-blog-list-back-link.css b/tup/css/ad-hoc/hide-blog-list-back-link.css
new file mode 100644
index 00000000..18a3d698
--- /dev/null
+++ b/tup/css/ad-hoc/hide-blog-list-back-link.css
@@ -0,0 +1,4 @@
+/* TODO: Remove when TUP CMS uses Core-CMS with PORTAL_BLOG_SHOW_BACK_LINK (default false). */
+.blog-list .blog-back {
+    visibility: hidden;
+}
diff --git a/tup/css/ad-hoc/hide-svg-icons.css b/tup/css/ad-hoc/hide-svg-icons.css
new file mode 100644
index 00000000..519c83f4
--- /dev/null
+++ b/tup/css/ad-hoc/hide-svg-icons.css
@@ -0,0 +1,10 @@
+/* to hide SVG icons from everyone */
+& .has-svg use {
+    display: none !important;
+}
+/* to show SVG icons to editors */
+/*
+[class*="cms-structure-mode-"] {
+    & .has-svg use { display: revert !important; }
+}
+*/
diff --git a/tup/css/ad-hoc/navbar-width-horz-scrollbar.css b/tup/css/ad-hoc/navbar-width-horz-scrollbar.css
new file mode 100644
index 00000000..3c8d99ee
--- /dev/null
+++ b/tup/css/ad-hoc/navbar-width-horz-scrollbar.css
@@ -0,0 +1,8 @@
+/* TO AVOID HORIZONTAL SCROLLBAR */
+
+/* To hide username on Portal dropdown when it shrinks the rest of the header "too much" */
+@media (min-width: 992px) and (max-width: 1199px) {
+    .s-portal-nav .dropdown-toggle span {
+        display: none;
+    }
+}
diff --git a/tup/css/ad-hoc/podcast-embeds.css b/tup/css/ad-hoc/podcast-embeds.css
new file mode 100644
index 00000000..60b432c7
--- /dev/null
+++ b/tup/css/ad-hoc/podcast-embeds.css
@@ -0,0 +1,4 @@
+/* to remove extra height embedded podcast audio, but not cause scrollbar */
+iframe[src*="rss.com"] {
+    height: 152px;
+}
diff --git a/tup/css/ad-hoc/scrolling-fixes.css b/tup/css/ad-hoc/scrolling-fixes.css
new file mode 100644
index 00000000..cd8f6d88
--- /dev/null
+++ b/tup/css/ad-hoc/scrolling-fixes.css
@@ -0,0 +1,22 @@
+/* To prevent horz. body scroll because of header nav too wide, 1092px—1066px */
+/* WARNING: In Safari 16.2–16.3, this hides header dropdown behind content */
+/* HELP: Fix the bug, instead of just hiding the bug */
+/*
+header {
+    overflow-x: clip;
+}
+*/
+
+/* To prevent horz. body scroll because of offset SVG Icons */
+/* HELP: Fix the bug, instead of just hiding the bug */
+/* FAQ: 290px is our body min. width; narrower than that, user must scroll */
+/* SEE: /use-tacc/evaluation-services/ */
+/* SEE: /partnerships/star-industry-program/ */
+/* SEE: / (home page) */
+@media (width >= 290px) {
+    /* FAQ: News articles may have images that overflow */
+    /* SEE: /news/latest-news/2023/04/18/welcome-new-tacc-website/ */
+    html:not(#page-news) main {
+        overflow-x: clip;
+    }
+}
diff --git a/tup/css/ad-hoc/spacing-fixes.css b/tup/css/ad-hoc/spacing-fixes.css
new file mode 100644
index 00000000..228dda6d
--- /dev/null
+++ b/tup/css/ad-hoc/spacing-fixes.css
@@ -0,0 +1,23 @@
+/* To add extra space under columns on specific pages */
+/* HELP: How can we apply and maintian this better? */
+/* FAQ: Columns that explcitely or automatically span 12, get margin bottom */
+.col-12:not(
+  :last-child,
+  [class*="banner-cell"],
+  #page-scivis-gallery *,
+  #page-all-systems *,
+  #page-stampede2 *, /* 2023-10-13 *//* /systems/stampede2/ */
+  :has(h1:only-child), /* /research/tacc-software/, /use-tacc/software-list/ */
+  #page-weteachcs *, /* 2024-10-03 *//* /education/educators/weteachcs/ */
+  #page-training *, /* 2025-04-02 *//* /use-tacc/training/ */
+  #page-about-tours *, /* 2026-03-16 *//* /about/tours/ */
+  #page-request-tour * /* 2026-03-16 *//* /about/tours/request/ */
+  #page-acsc *, /* 2026-04-21 *//* /education/undergraduates-graduates/acsc/ */
+),
+.col:not(
+  [class*="col-"],
+  [class*="banner-cell"], /* homepage banner */
+  :last-child
+) {
+  margin-bottom: 4rem;
+}
diff --git a/tup/css/ad-hoc/tagged-news-uppercase-tag.css b/tup/css/ad-hoc/tagged-news-uppercase-tag.css
new file mode 100644
index 00000000..fcee9a8f
--- /dev/null
+++ b/tup/css/ad-hoc/tagged-news-uppercase-tag.css
@@ -0,0 +1,5 @@
+/* To uppercase tag name on /news/…/tag/… */
+/* CAVEAT: Uppercases category name on /news/…/category/… */
+.blog-list h1 > span + em {
+    text-transform: uppercase;
+}
diff --git a/tup/css/ad-hoc/trumps-has-decal.css b/tup/css/ad-hoc/trumps-has-decal.css
new file mode 100644
index 00000000..74340de4
--- /dev/null
+++ b/tup/css/ad-hoc/trumps-has-decal.css
@@ -0,0 +1,14 @@
+/* To restrict movement & visibility of background decal icons with a section */
+.has-decal,
+[class*="has-decal--"] {
+    position: relative;
+}
+.has-decal--clip {
+    overflow: clip;
+}
+.has-decal--clip-x {
+    overflow-x: clip;
+}
+.has-decal--clip-y {
+    overflow-y: clip;
+}
diff --git a/tup/css/ad-hoc/tup-730-drop-cap-and-fix-has-blog-tag-no-drop-cap.css b/tup/css/ad-hoc/tup-730-drop-cap-and-fix-has-blog-tag-no-drop-cap.css
new file mode 100644
index 00000000..624491c6
--- /dev/null
+++ b/tup/css/ad-hoc/tup-730-drop-cap-and-fix-has-blog-tag-no-drop-cap.css
@@ -0,0 +1,26 @@
+/* ???: What do these do or fail to do?
+        Is it related to this from W.B. in Slack?
+        "Not showing drop-cap in Drafts is a bug."
+*/
+
+/* TUP-730 */
+/*
+@supports (-webkit-initial-letter: 3) {
+    .has-blog-tag-no-drop-cap .s-drop-cap > p:first-of-type:first-letter {
+        -webkit-initial-letter: unset;
+    }
+}
+@supports (initial-letter: 3) {
+    .has-blog-tag-no-drop-cap .s-drop-cap > p:first-of-type:first-letter {
+        initial-letter: unset;
+    }
+}
+*/
+
+/* 2024-09-23 (After TUP-730) *//*
+@supports (-webkit-initial-letter: 3) {
+  .has-blog-tag-no-drop-cap .s-drop-cap > p:first-of-type:first-letter {
+    -webkit-initial-letter: unset;
+  }
+}
+*/
diff --git a/tup/css/ad-hoc/u-image.css b/tup/css/ad-hoc/u-image.css
new file mode 100644
index 00000000..f6f20eaa
--- /dev/null
+++ b/tup/css/ad-hoc/u-image.css
@@ -0,0 +1,11 @@
+/* to crop any "Meet the Interns" to match "Cohort 1" */
+/* https://tacc.utexas.edu/about/internships/lccf/ */
+img.u-image--meet-the-interns,
+/* FAQ: Core-CMS Django CMS template can move image class to image container */
+/* https://github.com/TACC/Core-CMS/blob/v4.33.0/taccsite_cms/templates/djangocms_picture/default/picture.html#L18-L37 */
+.u-image--meet-the-interns > img {
+    width: 100%;
+    aspect-ratio: 5 / 1;
+    object-fit: cover;
+    object-position: center 30%;
+}
diff --git a/tup/js/ad-hoc.js b/tup/js/ad-hoc.js
new file mode 100644
index 00000000..691e483f
--- /dev/null
+++ b/tup/js/ad-hoc.js
@@ -0,0 +1,2 @@
+import './ad-hoc/prevent-ugly-urls.js';
+import './ad-hoc/manage-participants-field-required-attr.js';
diff --git a/tup/js/ad-hoc/manage-participants-field-required-attr.js b/tup/js/ad-hoc/manage-participants-field-required-attr.js
new file mode 100644
index 00000000..60575207
--- /dev/null
+++ b/tup/js/ad-hoc/manage-participants-field-required-attr.js
@@ -0,0 +1,53 @@
+/* Do not let both "Participants" fields of any form be required at once */
+document.addEventListener('DOMContentLoaded', function () {
+  var textArea = document.getElementById('participants');
+  var fileUpload = document.getElementById('participants_via_file_upload');
+
+  if (!textArea || !fileUpload) {
+    return;
+  }
+
+  /* to indicate an un-required field is "(alternative)" (not "(important)") */
+  /* https://github.com/TACC/Core-Styles/blob/v2.57.3/src/lib/_imports/components/c-form.css#L98-L104 */
+  var style = document.createElement('style');
+  style.textContent = `
+    .field-wrapper:not(.required) label[for*="participants"] .asterisk:after {
+      content: "(alternative)";
+    }
+  `;
+  document.head.appendChild(style);
+
+  var textAreaWrapper = textArea.closest('.field-wrapper');
+  var fileUploadWrapper = fileUpload.closest('.field-wrapper');
+
+  function ensureAsterisk(wrapper) {
+    var label = wrapper.querySelector('label');
+    if (label && !label.querySelector('.asterisk')) {
+      var asterisk = document.createElement('span');
+      asterisk.className = 'asterisk';
+      asterisk.textContent = '*';
+      label.appendChild(asterisk);
+    }
+  }
+
+  ensureAsterisk(textAreaWrapper);
+  ensureAsterisk(fileUploadWrapper);
+
+  function updateRequired() {
+    const hasText = textArea.value.trim() !== '';
+    const hasFile = fileUpload.value !== '';
+    const shouldRequireTextArea = !hasFile;
+    const shouldRequireFileUpload = hasFile && !hasText;
+
+    textArea.required = shouldRequireTextArea;
+    fileUpload.required = shouldRequireFileUpload;
+
+    textAreaWrapper.classList.toggle('required', shouldRequireTextArea);
+    fileUploadWrapper.classList.toggle('required', shouldRequireFileUpload);
+  }
+
+  textArea.addEventListener('input', updateRequired);
+  fileUpload.addEventListener('change', updateRequired);
+
+  updateRequired();
+});
diff --git a/tup/js/ad-hoc/prevent-ugly-urls.js b/tup/js/ad-hoc/prevent-ugly-urls.js
new file mode 100644
index 00000000..79c1b804
--- /dev/null
+++ b/tup/js/ad-hoc/prevent-ugly-urls.js
@@ -0,0 +1,25 @@
+/* SEE: TUP-715 */
+
+const links = document.querySelectorAll(
+  'body > :is(header, main, footer) a[target="_blank"]'
+);
+
+/* HACK: To revert URL of links that Google changes on hover */
+/* FAQ: Google Analytics settings interpret subdomain links as URLs to adjust so it can track navigation */
+[...links].forEach(function restoreLinkHrefChangedOnHover(link) {
+  const isTACC = link.host.includes('tacc.utexas.edu');
+
+  if (isTACC) {
+    let currentHrefVal = link.getAttribute('href');
+
+    link.setAttribute('data-original-href', currentHrefVal);
+    link.addEventListener('click', () => {
+      const originalHrefVal = link.getAttribute('data-original-href');
+
+      currentHrefVal = link.getAttribute('href');
+      if (currentHrefVal !== originalHrefVal) {
+        link.setAttribute('href', originalHrefVal);
+      }
+    });
+  }
+});

From 7c7d02a92a8d249fd775ee7234aeef75d513fa25 Mon Sep 17 00:00:00 2001
From: Wesley B <62723358+wesleyboar@users.noreply.github.com>
Date: Tue, 4 Aug 2026 16:55:04 -0500
Subject: [PATCH 4/4] feat(tup): migrate `for-tup-cms` assets from tup-ui
 (#568)

## Overview

Migrates tup-ui's `for-tup-cms/` to here at `/tup/`.

## Related

- adds to #563
- required by TACC/tup-ui#573

Includes changes from:
- TACC/tup-ui#535

Does not include `breadcrumbs` cuz it is delete in:
- TACC/tup-ui#535

## Changes

- **added** `tup/css/cms.css`
- **added** `tup/css/_imports/**/*.css`
- **added** `tup/css/_imports/components/banner`
- **added** `tup/img/logo-*.svg`
- **updated** `tup/README.md`

## Testing

1. Confirm each migrated file's content matches its tup-ui
`for-tup-cms/`/`org_logos/` counterpart exactly (renames, and the
breadcrumbs/footer drops, aside).
2. Confirm `tup/css/cms.css`'s `@import` list matches tup-ui's
`tup-cms.for-tup-cms.css` 1-to-1 (minus the breadcrumbs import) just
repathed to `./_imports/`.
---
 tup/README.md                                 |   5 +-
 tup/css/_imports/components/agenda-table.css  |  40 +
 tup/css/_imports/components/banner.css        | 190 +++++
 tup/css/_imports/components/banner.html       |  56 ++
 tup/css/_imports/components/banner.md         |   3 +
 tup/css/_imports/components/c-data-list.css   |  15 +
 tup/css/_imports/components/c-footer.css      | 239 ++++++
 tup/css/_imports/components/c-news.css        |  14 +
 tup/css/_imports/components/c-tag.css         |  63 ++
 tup/css/_imports/components/c-update.css      |  21 +
 tup/css/_imports/components/c-widget.css      |  20 +
 tup/css/_imports/components/content-block.css |   9 +
 .../_imports/components/django-cms-forms.css  |  11 +
 .../components/django.cms.blog.app.page.css   |  28 +
 .../layered-image--fix-raw-image-size.css     |  27 +
 ...yered-image--header-and-section-tweaks.css |  23 +
 tup/css/_imports/components/layered-image.css | 200 +++++
 tup/css/_imports/elements/headings--cms.css   |   5 +
 tup/css/_imports/objects/o-section.css        |  10 +
 tup/css/_imports/objects/people-grid.css      |  10 +
 tup/css/_imports/trumps/s-abbr-list.css       |  19 +
 tup/css/cms.css                               |  32 +
 tup/img/logo-color.svg                        |  86 ++
 tup/img/logo-white-25years--cropped.svg       | 774 ++++++++++++++++++
 tup/img/logo-white-25years.svg                | 263 ++++++
 tup/img/logo-white.svg                        |  17 +
 26 files changed, 2179 insertions(+), 1 deletion(-)
 create mode 100644 tup/css/_imports/components/agenda-table.css
 create mode 100644 tup/css/_imports/components/banner.css
 create mode 100644 tup/css/_imports/components/banner.html
 create mode 100644 tup/css/_imports/components/banner.md
 create mode 100644 tup/css/_imports/components/c-data-list.css
 create mode 100644 tup/css/_imports/components/c-footer.css
 create mode 100644 tup/css/_imports/components/c-news.css
 create mode 100644 tup/css/_imports/components/c-tag.css
 create mode 100644 tup/css/_imports/components/c-update.css
 create mode 100644 tup/css/_imports/components/c-widget.css
 create mode 100644 tup/css/_imports/components/content-block.css
 create mode 100644 tup/css/_imports/components/django-cms-forms.css
 create mode 100644 tup/css/_imports/components/django.cms.blog.app.page.css
 create mode 100644 tup/css/_imports/components/layered-image--fix-raw-image-size.css
 create mode 100644 tup/css/_imports/components/layered-image--header-and-section-tweaks.css
 create mode 100644 tup/css/_imports/components/layered-image.css
 create mode 100644 tup/css/_imports/elements/headings--cms.css
 create mode 100644 tup/css/_imports/objects/o-section.css
 create mode 100644 tup/css/_imports/objects/people-grid.css
 create mode 100644 tup/css/_imports/trumps/s-abbr-list.css
 create mode 100644 tup/css/cms.css
 create mode 100644 tup/img/logo-color.svg
 create mode 100644 tup/img/logo-white-25years--cropped.svg
 create mode 100644 tup/img/logo-white-25years.svg
 create mode 100644 tup/img/logo-white.svg

diff --git a/tup/README.md b/tup/README.md
index 7868e16e..5276986c 100644
--- a/tup/README.md
+++ b/tup/README.md
@@ -7,4 +7,7 @@ Custom assets for [TUP](https://github.com/TACC/tup-ui), migrated out of tup-ui'
 Migration in progress, tracked across sub-PRs:
 
 - `html/` — djangocms-snippet reference copies (done)
-- `css/`, `js/` — ad-hoc CSS/JS assets loaded by the ad-hoc snippets (in progress)
+- `css/ad-hoc/`, `js/ad-hoc/` — ad-hoc CSS/JS assets loaded by the ad-hoc snippets (done)
+- `css/cms.css` + `css/_imports/`, `img/logo-*.svg` — assets from tup-ui's `for-tup-cms/` (done)
+- tup-ui's `for-core-cms/` and `for-core-styles/` remainders were dead/superseded, not migrated
+- `s-breadcrumbs.css`/`breadcrumbs.js` were not migrated — Core-CMS already covers 2nd-crumb de-linking (`nav_cms_breadcrumbs.html`); tup-ui's copies are headed for deletion (tup-ui#535), not upstreaming
diff --git a/tup/css/_imports/components/agenda-table.css b/tup/css/_imports/components/agenda-table.css
new file mode 100644
index 00000000..05d64729
--- /dev/null
+++ b/tup/css/_imports/components/agenda-table.css
@@ -0,0 +1,40 @@
+/* FAQ: Used on https://www.tacc.utexas.edu/events/institutues/sample/ */
+
+/* FAQ: To support <b> as Black */
+/* TODO: If this is needed, add each to Core Styles as appropriate */
+/* SEE: src/lib/_imports/settings/font.css Roboto @import */
+@import url('https://fonts.googleapis.com/css?family=Roboto:900&display=swap');
+.agenda-table { --black: 900; }
+
+/* TODO: Implement in core-styles.cms.css as s-agenda-table aka agenda-table */
+.agenda-table time {
+    font-family: var(--global-font-family--mono);
+    display: block; /* so text-align is effectual */
+    text-align: right;
+}
+.agenda-table p:not(:last-child) {
+    margin-bottom: 0.25em;
+}
+.agenda-table :is(td, th):first-child {
+    border-right: var(--global-border-width--normal) solid var(--global-color-primary--dark);
+}
+.agenda-table :is(td, th):nth-child(2) {
+    text-align: center;
+}
+
+.agenda-table :is(td, th):not([class*="agenda-table__"]) {
+    background: transparent;
+}
+.agenda-table__neutral
+/* FAQ: Phasing out "primary" misnomer by not propogating it */ {
+    background: var(--global-color-primary--x-light);
+}
+.agenda-table__accent {
+    background: var(--global-color-accent--xxx-light);
+}
+[class*="agenda-table__secondary"] {
+    background: var(--global-color-secondary--xx-light);
+}
+.agenda-table__tertiary {
+    background: var(--global-color-tertiary--xx-light);
+}
diff --git a/tup/css/_imports/components/banner.css b/tup/css/_imports/components/banner.css
new file mode 100644
index 00000000..31f1cb6e
--- /dev/null
+++ b/tup/css/_imports/components/banner.css
@@ -0,0 +1,190 @@
+/* TODO: Support .c-banner-cell */
+
+
+
+
+/* Banner Cell */
+
+[class*="banner-cell--"] {
+  --tag-padding: 0.5rem; /* manually copied from .c-tag styles */
+}
+
+/* Elements */
+
+[class*="banner-cell--"] :where(h1, h2, h3, h4) {
+  margin-bottom: 0;
+}
+
+/* So image caption heights are equal (not an issue on narrow screen) */
+@media (width >= 576px) {
+  [class*="banner-cell--"] > a {
+    height: 100%;
+    display: block;
+  }
+}
+
+/* FAQ: Using after so outline is on top of mix-blend-mode (see .o-colorize) */
+[class*="banner-cell--"] > a { position: relative; }
+[class*="banner-cell--"] > a:hover::after {
+  --border-width: var(--global-border-width--thick);
+
+  /* FAQ: Using `border` shrinks content while `outline` does not */
+	outline-width: var(--border-width);
+  outline-style: solid;
+  outline-color: var(--global-color-primary--xxx-dark);
+	outline-offset: calc( -1 * var(--border-width) );
+
+  /* So ::after stretches to fill parent */
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0; top: 0; bottom: 0; right: 0;
+}
+[class*="banner-cell--"] > a:active {
+	--border-width: var(--global-border-width--normal);
+}
+
+[class*="banner-cell--"] figure {
+  margin-bottom: unset; /* undo core-cms.css and Bootstrap */
+}
+
+[class*="banner-cell--"] figcaption {
+  padding-inline: 3.0rem;
+}
+
+/* To remove standard link text docoration */
+[class*="banner-cell--"] > a {
+  text-decoration: none;
+}
+
+/* To cover a re-sized image box with the full-size image (like a bkgd image) */
+/* FAQ: If user sets dimension via style, we assume they want this feature */
+[class*="banner-cell--"] figure:where([style*="height"], [style*="width"]) img {
+  object-fit: cover;
+  height: 100%;
+  width: 100%;
+}
+
+/* Components */
+
+[class*="banner-cell--"] .c-tag,
+[class*="banner-cell--"] [class*="tag--"] {
+  display: block;
+  margin-bottom: 2.0rem;
+}
+
+[class*="banner-cell--"] .u-highlight {
+	padding-inline: var(--tag-padding);
+
+	color: var(--global-color-primary--xx-light);
+  background-color: var(--global-color-primary--xxx-dark);
+
+	line-height: 1;
+}
+
+
+/* Banner Cell (Major) */
+
+/* To allow image to be underneath text */
+.banner-cell--major figure {
+  display: grid;
+
+  /* To force % image height to match its container (i.e. <figure>) */
+  /* https://stackoverflow.com/a/52137966/11817077 */
+  grid-template-rows: minmax( 0, 1fr );
+}
+
+.banner-cell--major h2 {
+	font-size: var(--global-font-size--xxx-large);
+  font-weight: var(--bold);
+
+	text-transform: uppercase;
+}
+
+/* To move text atop image */
+.banner-cell--major img,
+.banner-cell--major figcaption {
+  grid-row: 1;
+  grid-column: 1;
+}
+.banner-cell--major figcaption {
+  align-self: end; /* to align text to bottom */
+}
+
+/* To showcase image more on mobile and not let tag be flush against header */
+@media (width < 576px) {
+    .banner-cell--major figcaption {
+        margin-top: 6rem;
+        margin-bottom: 8rem;
+    }
+}
+@media (width >= 576px) {
+    .banner-cell--major figcaption {
+        margin-top: 3.5rem;
+        margin-bottom: 5rem;
+    }
+}
+
+
+
+/* Banner Cell (Minor) */
+
+/* To space out cells */
+@media (width < 576px) {
+  .banner-cell--minor {
+    margin-top: calc( var(--global-space--bootstrap-gap) / 2 );
+  }
+  .banner-cell--minor:last-child {
+    margin-bottom: calc( var(--global-space--bootstrap-gap) / 2 );
+  }
+}
+@media (width >= 576px) {
+  .banner-cell--minor {
+    margin-block: var(--global-space--bootstrap-gap);
+  }
+}
+
+/* To allow image to be underneath text */
+.banner-cell--minor figure {
+  display: grid;
+
+  /* To make image and caption fill, but also fit within, grid */
+  grid-template-rows: auto 1fr;
+  grid-template-columns: minmax( 0, 1fr );
+}
+
+/* To add space under caption text within container */
+.banner-cell--minor figcaption {
+  padding-bottom: 3.0rem;
+}
+
+.banner-cell--minor h2 {
+  color: var(--global-color-primary--xxx-dark); /* undo core-styles.cms */
+  font-weight: revert;
+}
+
+/* To move text atop image */
+.banner-cell--minor figcaption {
+  /* To move by half the height of the .c-tag */
+  /* FAQ: Not using `translateY(-50%)` because h2 must move same amount */
+  --offset: calc( var(--tag-padding) + ( var(--global-font-size--small) / 2 ) );
+
+  /* FAQ: Using variable so styles that extend this can use the value */
+  margin-top: calc( -1 * var(--offset) );
+}
+
+
+
+
+
+/* Conflicts with Core-CMS */
+
+/* Overwrite Core-CMS core-cms.css */
+/* HELP: How can all CMS sites avoid this? */
+[class*="banner-cell--"] figcaption {
+    border-bottom: unset;
+    color: unset;
+    font-size: unset;
+    font-style: normal;
+    line-height: inherit;
+}
diff --git a/tup/css/_imports/components/banner.html b/tup/css/_imports/components/banner.html
new file mode 100644
index 00000000..85b22353
--- /dev/null
+++ b/tup/css/_imports/components/banner.html
@@ -0,0 +1,56 @@
+<div class='row no-gutters banner-row'>
+  <div class='col banner-cell--major'>
+    <a href='#'>
+      <figure>
+        <img
+          src='https://dev.tup.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/e2/80/e280b7ed-bd66-4374-840b-45bc47b4f266/banner-texascale.jpg__1600x700_q85_subsampling-2.jpg'
+        />
+        <figcaption>
+          <span class='tag'>System News</span>
+          <h2 class='highlight'>Lonestar6 Gets GPU Server Boost</h2>
+        </figcaption>
+      </figure>
+    </a>
+  </div>
+</div>
+<div class='row no-gutters banner-row'>
+  <div class='col banner-cell--minor'>
+    <a href='#'>
+      <figure>
+        <img
+          src='https://dev.tup.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/5a/ec/5aecd15d-09ae-4625-805c-de0828910b88/banner-simulations.jpg__750x500_q85_subsampling-2.jpg'
+        />
+        <figcaption>
+          <span class='tag'>Press Release</span>
+          <h2>TACC Rings in the HPCwire Awards longer title for testing purposes</h2>
+        </figcaption>
+      </figure>
+    </a>
+  </div>
+  <div class='col banner-cell--minor'>
+    <a href='#'>
+      <figure>
+        <img
+          href='https://dev.tup.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/59/14/5914627d-2b3d-4cbc-81d2-a0d57b719fe9/banner-quasar.jpg__576x576_q85_subsampling-2.jpg'
+        />
+        <figcaption>
+          <span class='tag'>Featured News</span>
+          <h2>2022 Magazine Hot Off the Press</h2>
+        </figcaption>
+      </figure>
+    </a>
+  </div>
+  <div class='col banner-cell--minor'>
+    <a href='#'>
+      <figure>
+        <img
+          href='https://dev.tup.tacc.utexas.edu/media/filer_public_thumbnails/filer_public/c1/a8/c1a8ece9-8c93-4d75-902e-f4b5219823f1/banner-welcome.jpg__750x500_q85_subsampling-2.jpg'
+        />
+        <figcaption>
+          <span class='tag'>Featured Story</span>
+          <h2>Study Sheds New Insight into X-Shaped Galaxies</h2>
+        </figcaption>
+      </figure>
+    </a>
+  </div>
+</div>
\ No newline at end of file
diff --git a/tup/css/_imports/components/banner.md b/tup/css/_imports/components/banner.md
new file mode 100644
index 00000000..92e7e10b
--- /dev/null
+++ b/tup/css/_imports/components/banner.md
@@ -0,0 +1,3 @@
+A list of article previews.
+
+> **⚠️ Warning**: Styles are heavily dependent on the tags in the sample markup.
diff --git a/tup/css/_imports/components/c-data-list.css b/tup/css/_imports/components/c-data-list.css
new file mode 100644
index 00000000..d5926536
--- /dev/null
+++ b/tup/css/_imports/components/c-data-list.css
@@ -0,0 +1,15 @@
+/* SEE: https://dev.tup.tacc.utexas.edu/systems/frontera/ */
+
+table[class*="data-list--"] {
+    /* TODO: Consider this for all tables */
+    margin-bottom: 40px;
+}
+table[class*="data-list--"] :is(th, td) {
+    background: unset;
+}
+table[class*="data-list--"] th {
+    font-weight: var(--black); /* undo core-styles.base table */
+}
+table[class*="data-list--"] td {
+    color: unset; /* undo core-styles.base table */
+}
diff --git a/tup/css/_imports/components/c-footer.css b/tup/css/_imports/components/c-footer.css
new file mode 100644
index 00000000..da810969
--- /dev/null
+++ b/tup/css/_imports/components/c-footer.css
@@ -0,0 +1,239 @@
+/* BUTTONS */
+
+/* To style buttons differently than in body */
+.c-footer .c-button,
+.c-footer [class*="button--"] {
+    & small {
+        font-size: var(--global-font-size--x-small);
+    }
+}
+
+
+
+
+
+/* LOGOS */
+
+/* To set baseline styles for footer logos */
+/* TODO: Evaluate for tup-ui or core-cms CSS */
+.c-footer svg {
+    fill: var(--global-color-primary--xx-light);
+}
+.c-footer [class*="logos--"] {
+    display: grid;
+    gap: var(--gap, 0);
+    grid-auto-flow: column;
+    justify-content: center;
+}
+.c-footer .logos--branding {
+    --gap: 2rem;
+
+    /* NOTE: Test any changes on all browsers and screen sizes */
+    grid-template-columns: repeat( 3, minmax(0, 1fr) );
+}
+.c-footer .logos--branding a {
+    min-height: 60px;
+    max-height: 120px;
+}
+
+.c-footer [class*="logos--"] a {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center; /* horz align when image narrower than grid cell */
+}
+
+/* For independent logo sizes */
+.c-footer .logos--branding svg {
+  height: 55%;
+}
+.c-footer .logos__tacc svg {
+  /* To vertically align center as if small text was not present */
+  transform: translateY(5%);
+}
+.c-footer .logos__ut svg {
+  /* To vertically align center as if small text was not present */
+  transform: translateY(5%);
+}
+
+/* To create fake border between logos */
+.c-footer [class*="logos--"] a { position: relative }
+.c-footer .logos--branding a:not(:first-child)::before {
+  height: 75%;
+
+  position: absolute;
+  left: calc( -1 * var(--gap)/2 );
+
+  content: '';
+  display: block;
+  background-color: var(--global-color-primary--xx-light);
+  background-clip: content-box;
+  width: var(--global-border-width--normal);
+  box-sizing: content-box;
+
+  cursor: default;
+}
+
+/* To skin logo links */
+.c-footer [class*="logos--"] a {
+    &:hover {
+        color: inherit;
+    }
+    &:hover svg {
+        color: currentColor;
+        outline: var(--global-border-width--normal) solid currentColor;
+        outline-offset: 5px;
+        border-radius: var(--global-border-width--normal);
+    }
+    &:active svg {
+        outline-style: dotted;
+    }
+}
+.c-footer .logos--social a {
+    padding: 0.5em;
+}
+.c-footer .logos--social svg {
+    font-size: 2.5rem;
+}
+
+
+/* HACK: To undo tricky Instagram hover color */
+.c-footer .logos--social a.logos__instagram:hover {
+    mask: unset;
+    background: unset;
+}
+.c-footer .logos--social a.logos__instagram:hover svg {
+  visibility: visible;
+}
+
+
+
+
+
+/* LAYOUT */
+
+
+
+/* LAYOUT - All Screens */
+
+.c-footer {
+  --pad-vert: 36px;
+  --pad-horz: 36px;
+}
+
+
+/* LAYOUT - Narrow Screen */
+
+/* Move all panes to one column */
+@media (width < 380px) {
+  #cms-footer .col {
+    /* FAQ: I copied Bootstrap .col-6 styles and changed 50% to 100% */
+    -webkit-box-flex: 0;
+    -ms-flex: 0 0 100%;
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+
+
+
+
+/* LAYOUT - Wide Screen */
+
+/* To draw a line between "Quick Links" and regular links */
+@media (width > 380px) {
+    #cms-footer .c-pane--aside {
+        border-left: var(--global-border-width--normal) solid var(--global-color-primary--xx-light);
+    }
+}
+
+/* To draw a box behind common footer content */
+/* FAQ: The box stretches to cover the height and right side of the footer */
+@media (width >= 992px) {
+    #cms-footer .c-pane--common {
+        /* To move c-footer vertical padding into this pane */
+        margin-block: calc( -1 * var(--pad-vert) );
+        padding-block: var(--pad-vert);
+
+        background-color: var(--global-color-primary--x-dark);
+    }
+    html:not(#page-portal) .c-footer {
+        padding-right: revert; /* undo core-styles.cms.css */
+    }
+    #cms-footer .c-pane--common {
+        padding-inline: var(--pad-horz);
+    }
+    #cms-footer.row:not(.no-gutters) {
+        margin-right: 0;
+    }
+}
+
+
+
+
+
+/* PER CLIENT */
+
+
+/* PER CLIENT - HIDE/SHOW */
+
+/* To hide/show CMS/Portal footer */
+html#page-portal #cms-footer, /* new id */
+html:not(#page-portal) #portal-footer /* trans id */ {
+    display: none;
+}
+
+/* PER CLIENT - PORTAL */
+
+html:not(#page-portal) .c-footer {
+    /* To add a full-width border above CMS footer */
+    /* TODO: Evaluate for tup-ui or Core-CMS CSS */
+    border-width: var(--global-border-width--thick) 0 0 0;
+    border-style: solid;
+    border-color: var(--global-color-secondary--light);
+
+    /* To remove padding-block on CMS footer */
+    padding-block: unset;
+}
+
+/* To reduce size of Portal footer */
+html#page-portal .c-footer {
+    --pad-vert: 0;
+    --pad-horz: 15px; /* WARNING: any less causes unexplained scrollbar */
+}
+html#page-portal .c-footer p {
+    margin-bottom: revert; /* undo Bootstrap */
+}
+
+/* To vertically center text */
+#portal-footer p {
+    margin-block: revert; /* undo Bootstrap */
+}
+
+
+
+/* PER CLIENT - CMS */
+
+/* To move footer padding into CMS footer */
+#cms-footer {
+    padding-block: var(--pad-vert);
+}
+
+/* Add vertical space between panes, except for aside when it is below others */
+/* FAQ: Bootstrap 4 grid does not have a way to do so */
+#cms-footer .col.c-pane--nav {
+    margin-bottom: 2rem;
+}
+
+/* To make text color match on regular text and hyperlinks */
+#cms-footer .c-pane--common,
+#cms-footer .c-pane--common a {
+    color: var(--global-color-primary--xx-light);
+}
+#cms-footer .c-pane--common a {
+    text-decoration-line: underline;
+    text-decoration-color: var(--global-color-primary--dark);
+
+    &:hover {
+      text-decoration-color: inherit;
+    }
+}
diff --git a/tup/css/_imports/components/c-news.css b/tup/css/_imports/components/c-news.css
new file mode 100644
index 00000000..7a3a3cb3
--- /dev/null
+++ b/tup/css/_imports/components/c-news.css
@@ -0,0 +1,14 @@
+/* To adjust display of metadata (given what .c-update shows) */
+.c-news--read article.has-update .c-news__data {
+  display: none;
+}
+.c-news--read article.has-update .c-news__title {
+  /* Overwrites c-news--read.css */
+  border-bottom: unset;
+  margin-bottom: 6.5rem;
+}
+
+/* To hide byline on User Updates */
+.c-news__byline:not(.app-blog *) {
+  display: none;
+}
diff --git a/tup/css/_imports/components/c-tag.css b/tup/css/_imports/components/c-tag.css
new file mode 100644
index 00000000..70a2b3e4
--- /dev/null
+++ b/tup/css/_imports/components/c-tag.css
@@ -0,0 +1,63 @@
+.c-tag,
+[class*="tag--"] {
+  display: block;
+  margin-bottom: 2.0rem;
+
+  color: var(--global-color-primary--xx-light);
+
+  font-size: var(--global-font-size--small);
+}
+
+/* Press Release */
+[class*="tag--pr"],
+/* To overwrite core-cms django.cms.blog.app.css */
+.app-blog .categories a:is(
+  .blog-category-press-release
+) {
+  background: #723B0C;
+}
+
+/* Q&A, Human Interest */
+[class*="tag--qa"],
+/* To overwrite core-cms django.cms.blog.app.css */
+.app-blog .categories a:is(
+  .blog-category-qa,
+  .blog-category-welcome-profile,
+  .blog-category-staff-highlight
+) {
+  background: var(--global-color-accent--light);
+}
+
+/* Has Video, Audio, or other media beyond statc image */
+[class*="tag--media"],
+/* To overwrite core-cms django.cms.blog.app.css */
+.app-blog .categories a:is(
+  .blog-category-podcast,
+  .blog-category-multimedia
+) {
+  background: var(--global-color-primary--dark);
+}
+
+/* System Status Update */
+[class*="tag--system"] {
+  background: var(--global-color-tertiary--normal);
+}
+
+/* Feature Story (different than a "featured" article) */
+[class*="tag--feature"],
+/* To overwrite core-cms django.cms.blog.app.css */
+.app-blog .categories a:is(
+  .blog-category-feature-story
+) {
+  background: var(--global-color-accent--normal);
+}
+
+/* External Article */
+[class*="tag--external"] {
+  background: var(--global-color-secondary--normal);
+}
+
+/* Event */
+[class*="tag--event"] {
+  background: var(--global-color-tertiary--dark);
+}
diff --git a/tup/css/_imports/components/c-update.css b/tup/css/_imports/components/c-update.css
new file mode 100644
index 00000000..1bded943
--- /dev/null
+++ b/tup/css/_imports/components/c-update.css
@@ -0,0 +1,21 @@
+/* To style "Update" pill in title */
+.c-update__title .c-pill {
+  vertical-align: middle;
+  transform: translateY(-0.125em);
+}
+.c-update__title .c-pill:not([class*="c-pill--"]) {
+  background-color: var(--global-color-primary--light);
+}
+
+/* To reduce space between "Original Update" and its content */
+.c-update__header + .c-news__content {
+  margin-top: unset; /* ovewrite c-news--read.css */
+}
+
+/* To tweak hr appearance and layout */
+.c-update + hr {
+  border-top-color: var(--global-color-priamry--dark);
+
+  /* To make line between updates darker and have equal space above and below */
+  margin-top: var(--global-space--hr-buffer-below);
+}
diff --git a/tup/css/_imports/components/c-widget.css b/tup/css/_imports/components/c-widget.css
new file mode 100644
index 00000000..5016037f
--- /dev/null
+++ b/tup/css/_imports/components/c-widget.css
@@ -0,0 +1,20 @@
+/* FAQ: Used on homepage to mimic `c-feed` style (User Updates) heading */
+/* SEE: https://dev.tup.tacc.utexas.edu/ */
+
+/* TODO: Consider 1 pattern for styles shared between c-feed-list & c-widget */
+
+/* !!!: Clones corresponding .c-feed-list syle */
+.c-widget > :is(h1, h2, h3, h4, h5, h6) {
+  margin-top: 0;
+  margin-bottom: 10px;
+
+  /* TODO: When migrated to core-styles, use @extend instead */
+  /* @extend .x-truncate--one-line; */
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.c-widget > div {
+    border-top: var(--global-border-width--normal) solid var(--global-color-primary--dark);
+}
diff --git a/tup/css/_imports/components/content-block.css b/tup/css/_imports/components/content-block.css
new file mode 100644
index 00000000..2e0ace37
--- /dev/null
+++ b/tup/css/_imports/components/content-block.css
@@ -0,0 +1,9 @@
+/* SEE https://dev.tup.tacc.utexas.edu/use-tacc/stem-evaluation-services/ */
+/* FAQ: This is specific to TACC, not for Core */
+
+/* To remove some space between content blocks */
+/* FAQ: Short-term solution to excess space */
+/* FAQ: Long-term solution is redo spacing for Rows, Cols, Blocks, and Cards */
+:is(.c-content-block, .content-block) + :is(.c-content-block, .content-block) {
+    margin-top: calc( -1 * var(--global-space--bootstrap-gap) ); /* usurp `:is(.c-content-block, .content-block)` */
+}
diff --git a/tup/css/_imports/components/django-cms-forms.css b/tup/css/_imports/components/django-cms-forms.css
new file mode 100644
index 00000000..1a3b1856
--- /dev/null
+++ b/tup/css/_imports/components/django-cms-forms.css
@@ -0,0 +1,11 @@
+/* Used on a TACC CMS form that is in a card */
+/* SEE: https://dev.tup.tacc.utexas.edu/about/security-and-compliance/protected-data-service/ */
+
+/* Add extra space to bottom of a form in a card */
+/* NOTE: We need this only cuz/if padding is removed from card bottom… */
+/* TODO: Review selector (does a form in ANY card need this?) */
+/* TODO: Review whether to support this edge case for `.c-form` also */
+/* TODO: After review of the selector, add to core-styles.cms.css */
+:is(.card, .c-card, [class*="card--"]) .forms {
+  margin-bottom: 20px;
+}
diff --git a/tup/css/_imports/components/django.cms.blog.app.page.css b/tup/css/_imports/components/django.cms.blog.app.page.css
new file mode 100644
index 00000000..90475b5b
--- /dev/null
+++ b/tup/css/_imports/components/django.cms.blog.app.page.css
@@ -0,0 +1,28 @@
+/* To add space beneath image whose <p> trapped inside it the text beneath */
+/* NOTE: W.B. does NOT know how the text gets trapped with image in one <p> */
+/* HELP: Do not integrate into Core unless the use case is real and clarified */
+article.post-detail .blog-content > p:first-child > img:not(:only-child) {
+    margin-bottom: 2rem; /* mimic core-styles.cms <p> margin-bottom */
+}
+
+/* On article page, to hide automatic main image */
+/* TODO: Consider CMS setting to hide `.blog-visual` */
+article.post-detail .blog-visual {
+    display: none;
+}
+@media (width < 576px) {
+    /* To continue hiding news article image on mobile */
+    /* TODO: Determine how best to hide on TUP, but not every site */
+    /* FAQ: Core-CMS (in dev/tup-cms) sets .blog-visual to `display: grid` */
+    /* SEE: https://github.com/TACC/Core-CMS/blob/v3.12.0-alpha.9/taccsite_cms/static/site_cms/css/src/_imports/components/django.cms.blog.app.page.css#L86-L93 */
+    /* SEE: https://github.com/TACC/tup-ui/pull/218#issuecomment-1669960294 */
+    article.post-detail .blog-visual {
+        display: none !important; /* HACK: heavy-handed override of core-cms */
+    }
+}
+
+/* On article page, to hide "RELATED POSTS:" */
+/* TODO: Style "RELATED POSTS:" output */
+article.post-detail .post-detail-list {
+    display: none;
+}
diff --git a/tup/css/_imports/components/layered-image--fix-raw-image-size.css b/tup/css/_imports/components/layered-image--fix-raw-image-size.css
new file mode 100644
index 00000000..480cbee6
--- /dev/null
+++ b/tup/css/_imports/components/layered-image--fix-raw-image-size.css
@@ -0,0 +1,27 @@
+/* FIX RAW IMAGE SIZE */
+/* FAQ: This is specific to TACC, not for Core */
+
+/* All images are uploaded at @2x */
+/* HELP: How can we use @2x and @4x to support retina displays */
+:is(.layered-image, [class*="layered-image--"])
+> :is(.align-left, .align-left--oversized, .align-right, .align-center) {
+    /* transform: scale(50%); *//* To fix image size */
+    transform: scale(40%); /* To fix then tweak image size */
+}
+/* FAQ: Some images are off by a different size than the others... */
+:is(.layered-image, [class*="layered-image--"]) > img[src*="/paperclip"],
+:is(.layered-image, [class*="layered-image--"]) > img[src*="/spiral"] {
+    transform: scale(75%);
+}
+@media (min-width: 768px) and (max-width: 991px) {
+    :is(.layered-image, [class*="layered-image--"])
+    > :is(.align-left, .align-left--oversized, .align-right, .align-center) {
+        transform: scale(31.25%);
+    }
+}
+@media (min-width: 992px) and (max-width: 1199px) {
+    :is(.layered-image, [class*="layered-image--"])
+    > :is(.align-left, .align-left--oversized, .align-right, .align-center) {
+        transform: scale(37.5%);
+    }
+}
diff --git a/tup/css/_imports/components/layered-image--header-and-section-tweaks.css b/tup/css/_imports/components/layered-image--header-and-section-tweaks.css
new file mode 100644
index 00000000..0e094a58
--- /dev/null
+++ b/tup/css/_imports/components/layered-image--header-and-section-tweaks.css
@@ -0,0 +1,23 @@
+/* HEADER & SECTION TWEAKS */
+
+/* TODO: Integrate into Core-CMS */
+
+/* So <main> content (e.g. `.c-layered-image`) does not appear atop header */
+/* So `nav.breadcrumbs` do not appear atop header CMS nav */
+body > header {
+    position: relative;
+    z-index: 2;
+}
+
+/* So background image does NOT appear over ANY other section
+   (e.g. an `.align-center` "background image" of a layered image) */
+:is(.o-section, .section, [class*="section--"])
+/* FAQ: Only styled sections can use `position: relative` solution */
++ [class*="section--"] {
+    position: relative; /* so previous section is z-index below next section */
+}
+:is(.o-section, .section, [class*="section--"])
+/* FAQ: All sections can use `overflow-y` solution */
++ :is(.o-section, .section, [class*="section--"]) {
+    overflow-y: clip; /* so successive section can not bleed into any section */
+}
diff --git a/tup/css/_imports/components/layered-image.css b/tup/css/_imports/components/layered-image.css
new file mode 100644
index 00000000..44af7555
--- /dev/null
+++ b/tup/css/_imports/components/layered-image.css
@@ -0,0 +1,200 @@
+@import url("./layered-image--header-and-section-tweaks.css");
+@import url("./layered-image--fix-raw-image-size.css");
+
+/* TODO: Integrate into Core-CMS */
+/* TODO: Pull component to right LIKE DESIGN (or use o-offset-content) */
+/* CAVEAT: Does NOT yet support the offset of main image as shown in design */
+/* https://xd.adobe.com/view/dabaec5a-cc31-4c5c-876e-56d6d8cc359e-8fe9/screen/c0898d6b-2fd9-472a-bcd7-1ae9d4f9a015/specs/ */
+
+
+
+
+/* BASE */
+
+/* So top of `.align-left` decal image aligns with top of <h1> */
+/* FAQ: To limit style to specific context, consider: `.col`, `:only-child` */
+.layered-image, [class*="layered-image--"] {
+    --h1-offset: 0;
+
+    margin-top: var(--h1-offset);
+}
+
+/* So child images can be positioned */
+.layered-image, [class*="layered-image--"] {
+    /* So children can `position: absolute` */
+    position: relative;
+
+    /* So background image is centered without `transform: translate(…)` */
+    /* FAQ: The `transform` prop is already used to scale images (see @media) */
+    /* FAQ: To combine conditional `transform` values with `var()` is complex */
+    /* FAQ: To use `scale` prop would work... except on Samsung Internet */
+    display: grid;
+    justify-items: center;
+}
+
+
+
+/* ELEMENTS */
+
+/* So images can be positioned */
+:is(.layered-image, [class*="layered-image--"])
+> :is(.align-left, .align-left--oversized, .align-right, .align-center) {
+    position: absolute;
+}
+:is(.layered-image, [class*="layered-image--"])
+> :is(.align-left, .align-right) {
+    float: unset; /* undo core-cms.css */
+    max-width: unset; /* undo core-cms.css */
+}
+
+/* To position images at standard anchor points */
+:is(.layered-image, [class*="layered-image--"]) > .align-left,
+:is(.layered-image, [class*="layered-image--"]) > .align-left--oversized {
+    left: calc(var(--global-space--grid-gap) / 2);
+}
+:is(.layered-image, [class*="layered-image--"]) > .align-right {
+    right: calc(var(--global-space--grid-gap) / 2);
+}
+:is(.layered-image, [class*="layered-image--"]) > .align-left--oversized {
+    top: -12%;
+    left: -7%;
+}
+:is(.layered-image, [class*="layered-image--"]) > .align-center {
+    /* User must set top inline, because designs are few and inconsistent */
+    /* https://xd.adobe.com/view/dabaec5a-cc31-4c5c-876e-56d6d8cc359e-8fe9/screen/032918ef-38c1-4cd2-bd3b-c38a5af710da/specs/ */
+    /* https://xd.adobe.com/view/dabaec5a-cc31-4c5c-876e-56d6d8cc359e-8fe9/screen/3f3faa5d-3bca-41ed-9c13-0f94a4caae93/specs/ */
+    top: 0;
+}
+@media (max-width: 575px) /* ✅ 2023-01-27 16:00 */  {
+    /* To position images at standard anchor points */
+    :is(.layered-image, [class*="layered-image--"]) > .align-left,
+    :is(.layered-image, [class*="layered-image--"]) > .align-left--oversized {
+        top: -8.8%;
+        left: calc(var(--global-space--grid-gap) / 2);
+    }
+    :is(.layered-image, [class*="layered-image--"]) > .align-right {
+        bottom: -9.25%;
+        right: calc(var(--global-space--grid-gap) / 2);
+    }
+}
+@media (min-width: 576px) and (max-width: 991px) /* ✅ 2023-01-27 16:00 */ {
+    :is(.layered-image, [class*="layered-image--"]) > .align-left {
+        top: -8.8%;
+        left: -3.4%;
+    }
+    :is(.layered-image, [class*="layered-image--"]) > .align-right {
+        bottom: -9.25%;
+        right: -5%;
+    }
+}
+@media (min-width: 992px) and (max-width: 1199px) /* ✅ 2023-01-27 16:00 */ {
+    :is(.layered-image, [class*="layered-image--"]) > .align-left {
+        top: -7.5%;
+        left: -3%;
+    }
+    :is(.layered-image, [class*="layered-image--"]) > .align-right {
+        bottom: -7.75%;
+        right: -4.35%;
+    }
+}
+@media (min-width: 1200px) and (max-width: 1679px) /* ✅ 2023-01-27 16:00 */ {
+    :is(.layered-image, [class*="layered-image--"]) > .align-left {
+        top: -8.8%;
+        left: -3.4%;
+    }
+    :is(.layered-image, [class*="layered-image--"]) > .align-right {
+        bottom: -9.25%;
+        right: -5%;
+    }
+}
+@media (min-width: 1680px) and (max-width: 1919px) /* ✅ 2023-01-27 16:00 */ {
+    :is(.layered-image, [class*="layered-image--"]) > .align-left {
+        top: -7.5%;
+        left: -3%;
+    }
+    :is(.layered-image, [class*="layered-image--"]) > .align-right {
+        bottom: -7.75%;
+        right: -4.35%;
+    }
+}
+@media (min-width: 1920px) /* ✅ 2023-01-27 16:00 */ {
+    :is(.layered-image, [class*="layered-image--"]) > .align-left {
+        top: -6.5%;
+        left: -3.6%;
+    }
+    :is(.layered-image, [class*="layered-image--"]) > .align-right {
+        bottom: -6.5%;
+        right: -4.9%;
+    }
+}
+
+/* To reverse z-index of stacked images (so CMS user can layer intuitively) */
+/* CAVEAT: This works by accident, but designer loves it, so maintain this */
+:is(.layered-image, [class*="layered-image--"])
+> :not([class*="align-"], :only-child) {
+    position: relative;
+}
+:is(.layered-image, [class*="layered-image--"])
+> :is(.align-left, .align-left--oversized, .align-right, :not([class*="align-"], :only-child)) {
+    z-index: 1;
+}
+:is(.layered-image, [class*="layered-image--"])
+> :is(.align-left--oversized, .align-center) {
+    z-index: 0;
+}
+
+/* Undo specific `core-styles.cms.css` .align-… margin */
+:is(.layered-image, [class*="layered-image--"]) > .align-left {
+    margin-right: unset;
+    margin-bottom: unset;
+}
+:is(.layered-image, [class*="layered-image--"]) > .align-right {
+    margin-left: unset;
+    margin-bottom: unset;
+}
+:is(.layered-image, [class*="layered-image--"]) > .align-center {
+    margin-inline: unset;
+}
+
+/* To set origin for scaling decal and background images */
+:is(.layered-image, [class*="layered-image--"]) > .align-left {
+    transform-origin: top left;
+}
+:is(.layered-image, [class*="layered-image--"]) > .align-left--oversized {
+    transform-origin: top left;
+}
+:is(.layered-image, [class*="layered-image--"]) > .align-right {
+    transform-origin: bottom right;
+}
+:is(.layered-image, [class*="layered-image--"]) > .align-center {
+    transform-origin: top;
+}
+
+/* TODO: Once in Core-CMS, use existing @custom-media */
+/* https://xd.adobe.com/view/dabaec5a-cc31-4c5c-876e-56d6d8cc359e-8fe9/screen/4906fef4-4665-473a-8ad3-459a4fab23c8/specs/ */
+@media (max-width: 575px) {
+    /* To pull pattern to edge of container when container has no max-width */
+    :has(> .layered-image), .has-layered-image {
+        overflow-x: clip;
+    }
+    .layered-image, [class*="layered-image--"] {
+        margin-inline: calc( -1 * var(--global-space--bootstrap-gap) );
+    }
+}
+@media (max-width: 767px) {
+    /* To hide background images when pattern flows vertical with content */
+    :is(.layered-image, [class*="layered-image--"]) > .align-center {
+        display: none;
+    }
+}
+
+
+
+/* EDGE CASES */
+
+/* For a no-modifier, layered image with a single, un-aligned image */
+.layered-image :not([class*="align-"]):only-child {
+    /* To negate .layered-image`'s alignment with <h1> via `margin-top` */
+    /* FAQ: Can NOT just undo parent because Firefox does not support `:has` */
+    margin-top: calc( -1 * var(--h1-offset) );
+}
diff --git a/tup/css/_imports/elements/headings--cms.css b/tup/css/_imports/elements/headings--cms.css
new file mode 100644
index 00000000..9933dd99
--- /dev/null
+++ b/tup/css/_imports/elements/headings--cms.css
@@ -0,0 +1,5 @@
+/* Structure */
+
+table + :is(h1, h2, h3, h4, h5, h6) {
+    margin-top: 2em;
+}
diff --git a/tup/css/_imports/objects/o-section.css b/tup/css/_imports/objects/o-section.css
new file mode 100644
index 00000000..4efba411
--- /dev/null
+++ b/tup/css/_imports/objects/o-section.css
@@ -0,0 +1,10 @@
+/* So any section touching breadcrumbs has reduced top space */
+/* TODO: Consider for Core-CMS, not Core-Styles */
+nav.s-breadcrumbs + :is(.o-section, .section):not([class*="o-section--style-"], [class*="section--"]),
+nav.s-breadcrumbs + .container > :is(.o-section, .section):not([class*="o-section--style-"], [class*="section--"]):first-child {
+    margin-top: var(--global-space--under-breadcrumbs);
+}
+nav.s-breadcrumbs + :is([class*="o-section--style-"], [class*="section--"]),
+nav.s-breadcrumbs + .container > :is([class*="o-section--style-"], [class*="section--"]):first-child {
+    padding-top: var(--global-space--under-breadcrumbs);
+}
diff --git a/tup/css/_imports/objects/people-grid.css b/tup/css/_imports/objects/people-grid.css
new file mode 100644
index 00000000..f0191ff9
--- /dev/null
+++ b/tup/css/_imports/objects/people-grid.css
@@ -0,0 +1,10 @@
+/* An automatric grid layout intended for people headshots */
+/* FAQ: This pattern was nitially similar to `.o-grid--col-min-width` */
+/* TODO: Consider this pattern for Core-Styles */
+.people-grid {
+  --width: 192px;
+
+  display: grid;
+  gap: var(--global-space--grid-gap);
+  grid-template-columns: repeat( auto-fill, minmax( var(--width), 1fr ) );
+}
diff --git a/tup/css/_imports/trumps/s-abbr-list.css b/tup/css/_imports/trumps/s-abbr-list.css
new file mode 100644
index 00000000..1fd3fe11
--- /dev/null
+++ b/tup/css/_imports/trumps/s-abbr-list.css
@@ -0,0 +1,19 @@
+/* ???: Where is this used?! */
+
+.s-abbr-list ul,
+.abbr-list ul {
+    padding-left: 0; /* overwrite browser */
+    list-style-type: none;
+    font-weight: var(--medium);
+}
+.s-abbr-list li,
+.abbr-list li {
+    margin-bottom: 2rem;
+}
+.s-abbr-list abbr,
+.s-abbr-list span.abbr,
+.abbr-list abbr,
+.abbr-list span.abbr {
+    color: var(--global-color-secondary--normal);
+    font-weight: var(--bold);
+}
diff --git a/tup/css/cms.css b/tup/css/cms.css
new file mode 100644
index 00000000..53b36035
--- /dev/null
+++ b/tup/css/cms.css
@@ -0,0 +1,32 @@
+/* Organize via ITCSS */
+/* SEE: https://confluence.tacc.utexas.edu/x/IAA9Cw */
+
+/* SETTINGS */
+/* ... */
+
+/* GENERICS */
+/* ... */
+
+/* ELEMENTS */
+@import url("./_imports/elements/headings--cms.css") layer(project);
+
+/* OBJECTS */
+@import url("./_imports/objects/o-section.css") layer(project);
+@import url("./_imports/objects/people-grid.css") layer(project);
+
+/* COMPONENTS */
+@import url("./_imports/components/agenda-table.css") layer(project);
+@import url("./_imports/components/banner.css") layer(project);
+@import url("./_imports/components/c-data-list.css") layer(project);
+@import url("./_imports/components/c-footer.css") layer(project);
+@import url("./_imports/components/c-news.css") layer(project);
+@import url("./_imports/components/c-tag.css") layer(project);
+@import url("./_imports/components/c-update.css") layer(project);
+@import url("./_imports/components/c-widget.css") layer(project);
+@import url("./_imports/components/content-block.css") layer(project);
+@import url("./_imports/components/django-cms-forms.css") layer(project);
+@import url("./_imports/components/django.cms.blog.app.page.css") layer(project);
+@import url("./_imports/components/layered-image.css") layer(project);
+
+/* TRUMPS */
+@import url("./_imports/trumps/s-abbr-list.css") layer(project);
diff --git a/tup/img/logo-color.svg b/tup/img/logo-color.svg
new file mode 100644
index 00000000..702cecee
--- /dev/null
+++ b/tup/img/logo-color.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1_xA0_Image_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 x="0px" y="0px" width="283.44px" height="84.667px" viewBox="0 0 283.44 84.667" enable-background="new 0 0 283.44 84.667"
+	 xml:space="preserve">
+<g>
+	<g>
+		<polygon fill="#FFFFFF" points="116.428,76.881 100.398,62.833 84.408,76.881 75.845,49.25 126.22,54 		"/>
+		<path fill="#FFFFFF" d="M77.944,50.954l46.088,4.347l-8.17,19.09l-14.475-12.686l-0.99-0.867l-0.988,0.868L85.156,74.228
+			L77.944,50.954 M75.845,49.25l8.562,27.631l15.991-14.048l16.03,14.048L126.22,54L75.845,49.25L75.845,49.25z"/>
+	</g>
+	<polygon fill="#FFFFFF" points="93.164,38.82 74.245,42.334 88.22,60.237 91.095,60.746 113.345,60.746 113.095,55.625 
+		126.485,42.343 107.095,38 100.362,17.75 	"/>
+	<g>
+		<path fill="#003366" d="M110.464,54.79l12.813-12.123h-16.845l-5.987-20.252l-6.003,20.252H77.637L90.405,54.8l-5.606,20.591
+			L63.97,76.125l22.25-67.75h27.875l22.625,67.75l-20.672-0.734L110.464,54.79z"/>
+		<path fill="#FFFFFF" d="M113.924,9.305l11.195,33.686l-1.841-0.323h-16.845l-5.987-20.252l-6.003,20.252H77.637l-1.983,0.185
+			L86.805,9.305H113.924 M77.637,42.667L90.405,54.8l-5.601,20.581H64.84l10.813-32.529 M125.119,42.99l10.765,32.391h-19.867
+			l-5.553-20.591l12.813-12.123L125.119,42.99 M115.006,7.805H85.723L62.761,76.881h21.646L90.405,54.8L77.637,42.667h16.806
+			l6.003-20.252l5.987,20.252h16.845L110.464,54.79l5.964,22.091h21.535L115.006,7.805L115.006,7.805z"/>
+	</g>
+</g>
+<g>
+	<path fill="#003366" d="M5.845,8.5L69.22,8.375L68.845,24.25L47.72,24.375L47.345,76.25H27.72l-0.375-51.875L5.47,24L5.845,8.5z"/>
+	<path fill="#FFFFFF" d="M68.383,9.305v14.057H48.114h-1.5v1.5v50.519H28.27V24.862v-1.5h-1.5H6.5V9.305H68.383 M69.883,7.805H5
+		v17.057h21.77v52.019h21.345V24.862h21.769V7.805L69.883,7.805z"/>
+</g>
+<g display="none">
+	<path display="inline" d="M187.451,48.488l16.886,5.104c-1.257,5.246-1.978,9.641-4.679,13.158
+		c-2.702,3.519-5.526,6.35-9.531,8.141s-9.069,3.047-15.257,3.047c-7.509,0-13.642-1.091-18.4-3.272s-8.866-6.019-12.321-11.513
+		c-3.456-5.493-5.184-12.525-5.184-21.096c0-11.427,3.039-20.208,9.118-26.346c6.078-6.137,14.677-9.206,25.798-9.206
+		c8.7,0,15.541,1.76,20.52,5.277c4.979,3.519,8.678,8.922,11.097,16.209l-18.848,4.194c-0.659-2.104-1.351-3.644-2.073-4.618
+		c-1.194-1.633-2.654-2.89-4.382-3.77c-1.728-0.879-3.66-1.319-5.796-1.319c-4.838,0-8.545,1.946-11.12,5.836
+		c-1.948,2.887-2.921,7.421-2.921,13.601c0,7.656,1.161,12.904,3.486,15.743c2.324,2.84,5.591,4.259,9.801,4.259
+		c4.083,0,7.17-1.146,9.259-3.439S186.507,52.854,187.451,48.488z"/>
+</g>
+<path d="M187.47,41.843"/>
+<g>
+	<g>
+		<path fill="#FFFFFF" d="M138.964,42.333c0-7.958,1.757-35.793,34.465-35.793s32.708,27.835,32.708,27.835l-19.542-0.042
+			c0,0-0.166-10.042-13.166-10.042s-13.041,10.042-13.041,18.041c0,8,0,17.949,13.041,17.949s13.041-9.949,13.041-9.949h19.667
+			c0,0,0.001,27.812-32.708,27.812S138.964,50.292,138.964,42.333z"/>
+		<path fill="#FFFFFF" d="M173.429,8.04c12.939,0,22.112,4.398,27.264,13.071c2.774,4.672,3.598,9.416,3.842,11.76l-16.637-0.035
+			c-0.636-3.106-3.306-10.044-14.469-10.044c-14.541,0-14.541,11.76-14.541,19.541c0,7.745,0,19.449,14.541,19.449
+			c11.17,0,13.761-6.844,14.36-9.949h16.749c-0.237,2.317-1.044,6.989-3.782,11.646c-5.138,8.737-14.331,13.167-27.327,13.167
+			c-29.753,0-32.965-23.996-32.965-34.312C140.464,32.022,143.676,8.04,173.429,8.04 M173.429,6.54
+			c-32.708,0-34.465,27.835-34.465,35.793c0,7.959,1.756,35.812,34.465,35.812s32.708-27.812,32.708-27.812H186.47
+			c0,0,0,9.949-13.041,9.949s-13.041-9.949-13.041-17.949c0-8,0.041-18.041,13.041-18.041s13.166,10.042,13.166,10.042l19.542,0.042
+			C206.137,34.375,206.137,6.54,173.429,6.54L173.429,6.54z"/>
+	</g>
+	<g>
+		<path fill="#CC0033" d="M140.47,42.375c1.979,0,16.688-0.021,18.521-0.021c0,8,1.375,18.958,14.416,18.958
+			s13.375-10.25,13.375-10.25L205.345,51c0,0-0.312,26.438-31.625,26.5C141.011,77.565,140.47,50.334,140.47,42.375z"/>
+		<path fill="#FFFFFF" d="M158.888,42.333c-0.002,0.459,0.02,0.813,0.004,1.512c0.054,7.666,0.915,17.938,14.537,17.938
+			c11.17,0,13.761-6.844,14.36-9.949h16.749c-0.237,2.317-1.044,6.989-3.782,11.646c-5.138,8.737-14.331,13.167-27.327,13.167
+			c-28.395,0-32.616-21.854-32.942-32.816c-0.017-0.267-0.017-1.12-0.022-1.496 M140.729,42.329c-0.872,0-1.495,0.001-1.765,0.004
+			c0,7.959,1.756,35.812,34.465,35.812s32.708-27.812,32.708-27.812H186.47c0,0,0,9.949-13.041,9.949s-13.041-9.949-13.041-17.949
+			c-0.455,0.011-2.026,0.015-4.13,0.015C151.552,42.348,144.186,42.329,140.729,42.329L140.729,42.329z"/>
+	</g>
+</g>
+<g>
+	<g>
+		<path fill="#FFFFFF" d="M212.631,42.333c0-7.958,1.757-35.793,34.465-35.793s32.708,27.835,32.708,27.835l-19.542-0.042
+			c0,0-0.166-10.042-13.166-10.042s-13.041,10.042-13.041,18.041c0,8,0,17.949,13.041,17.949s13.041-9.949,13.041-9.949h19.667
+			c0,0,0.001,27.812-32.708,27.812S212.631,50.292,212.631,42.333z"/>
+		<path fill="#FFFFFF" d="M247.096,8.04c12.939,0,22.112,4.398,27.264,13.071c2.774,4.672,3.598,9.416,3.842,11.76l-16.637-0.035
+			c-0.636-3.106-3.306-10.044-14.469-10.044c-14.541,0-14.541,11.76-14.541,19.541c0,7.745,0,19.449,14.541,19.449
+			c11.17,0,13.761-6.844,14.36-9.949h16.749c-0.237,2.317-1.044,6.989-3.782,11.646c-5.138,8.737-14.331,13.167-27.327,13.167
+			c-29.753,0-32.965-23.996-32.965-34.312C214.131,32.022,217.343,8.04,247.096,8.04 M247.096,6.54
+			c-32.708,0-34.465,27.835-34.465,35.793c0,7.959,1.756,35.812,34.465,35.812s32.708-27.812,32.708-27.812h-19.667
+			c0,0,0,9.949-13.041,9.949s-13.041-9.949-13.041-17.949c0-8,0.041-18.041,13.041-18.041s13.166,10.042,13.166,10.042l19.542,0.042
+			C279.804,34.375,279.804,6.54,247.096,6.54L247.096,6.54z"/>
+	</g>
+	<g>
+		<path fill="#CC0033" d="M214.117,42.38c1.791,0.011,16.604,0.042,18.479,0c0,8,1.521,18.808,14.562,18.808s13.562-10,13.562-10
+			L278.97,51c0,0,1.146,26.312-31.562,26.312S214.117,50.339,214.117,42.38z"/>
+		<path fill="#FFFFFF" d="M232.555,42.333c-0.002,0.459,0.02,0.813,0.004,1.512c0.054,7.666,0.915,17.938,14.537,17.938
+			c11.17,0,13.761-6.844,14.36-9.949h16.749c-0.237,2.317-1.044,6.989-3.782,11.646c-5.138,8.737-14.331,13.167-27.327,13.167
+			c-28.395,0-32.616-21.854-32.942-32.816c-0.017-0.267-0.017-1.12-0.022-1.496 M214.396,42.329c-0.871,0-1.495,0.001-1.765,0.004
+			c0,7.959,1.756,35.812,34.465,35.812s32.708-27.812,32.708-27.812h-19.667c0,0,0,9.949-13.041,9.949s-13.041-9.949-13.041-17.949
+			c-0.455,0.011-2.026,0.015-4.13,0.015C225.219,42.348,217.853,42.329,214.396,42.329L214.396,42.329z"/>
+	</g>
+</g>
+<rect fill="none" width="283.44" height="84.667"/>
+</svg>
diff --git a/tup/img/logo-white-25years--cropped.svg b/tup/img/logo-white-25years--cropped.svg
new file mode 100644
index 00000000..7ef88570
--- /dev/null
+++ b/tup/img/logo-white-25years--cropped.svg
@@ -0,0 +1,774 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Layer_2"
+   data-name="Layer 2"
+   viewBox="0 0 3582.0901 1000.78"
+   version="1.1"
+   width="3582.0901"
+   height="1000.78"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs25">
+    <style
+       id="style1">
+      .cls-1 {
+        fill: url(#linear-gradient-8);
+      }
+
+      .cls-2 {
+        fill: url(#linear-gradient-7);
+      }
+
+      .cls-3 {
+        fill: url(#linear-gradient-5);
+      }
+
+      .cls-4 {
+        fill: url(#linear-gradient-6);
+      }
+
+      .cls-5 {
+        fill: url(#linear-gradient-9);
+      }
+
+      .cls-6 {
+        fill: url(#linear-gradient-4);
+      }
+
+      .cls-7 {
+        fill: url(#linear-gradient-3);
+      }
+
+      .cls-8 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-9 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-10, .cls-11 {
+        fill: #fff;
+      }
+
+      .cls-12 {
+        fill: url(#linear-gradient-10);
+      }
+
+      .cls-13 {
+        fill: url(#linear-gradient-11);
+      }
+
+      .cls-14 {
+        fill: url(#linear-gradient-12);
+      }
+
+      .cls-15 {
+        fill: url(#linear-gradient-13);
+      }
+
+      .cls-16 {
+        fill: url(#linear-gradient-19);
+      }
+
+      .cls-17 {
+        fill: url(#linear-gradient-14);
+      }
+
+      .cls-18 {
+        fill: url(#linear-gradient-21);
+      }
+
+      .cls-19 {
+        fill: url(#linear-gradient-20);
+      }
+
+      .cls-20 {
+        fill: url(#linear-gradient-22);
+      }
+
+      .cls-21 {
+        fill: url(#linear-gradient-23);
+      }
+
+      .cls-22 {
+        fill: url(#linear-gradient-28);
+      }
+
+      .cls-23 {
+        fill: url(#linear-gradient-25);
+      }
+
+      .cls-24 {
+        fill: url(#linear-gradient-15);
+      }
+
+      .cls-25 {
+        fill: url(#linear-gradient-16);
+      }
+
+      .cls-26 {
+        fill: url(#linear-gradient-17);
+      }
+
+      .cls-27 {
+        fill: url(#linear-gradient-18);
+      }
+
+      .cls-28 {
+        fill: url(#linear-gradient-27);
+      }
+
+      .cls-29 {
+        fill: url(#linear-gradient-24);
+      }
+
+      .cls-30 {
+        fill: url(#linear-gradient-26);
+      }
+
+      .cls-31 {
+        fill: url(#linear-gradient-29);
+      }
+
+      .cls-32 {
+        opacity: .15;
+      }
+
+      .cls-11 {
+        stroke: #fff;
+        stroke-miterlimit: 10;
+        stroke-width: 20px;
+      }
+    </style>
+    <linearGradient
+       id="linear-gradient"
+       x1="2658.1899"
+       y1="869.14001"
+       x2="3758.4199"
+       y2="138.84"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         stop-color="#e8e8e8"
+         id="stop1" />
+      <stop
+         offset=".07"
+         stop-color="#d0d0d0"
+         id="stop2" />
+      <stop
+         offset=".18"
+         stop-color="#aeaeae"
+         id="stop3" />
+      <stop
+         offset=".3"
+         stop-color="#969696"
+         id="stop4" />
+      <stop
+         offset=".4"
+         stop-color="#878787"
+         id="stop5" />
+      <stop
+         offset=".48"
+         stop-color="#828282"
+         id="stop6" />
+      <stop
+         offset="1"
+         stop-color="#d2d2d2"
+         id="stop7" />
+    </linearGradient>
+    <linearGradient
+       id="linear-gradient-2"
+       x1="2735.3"
+       y1="985.31"
+       x2="3835.54"
+       y2="255.00999"
+       xlink:href="#linear-gradient" />
+    <linearGradient
+       id="linear-gradient-3"
+       x1="2510.03"
+       y1="1060.77"
+       x2="3274.02"
+       y2="356.84"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         stop-color="#e8e8e8"
+         id="stop8" />
+      <stop
+         offset=".14"
+         stop-color="#d0d0d0"
+         id="stop9" />
+      <stop
+         offset=".38"
+         stop-color="#aeaeae"
+         id="stop10" />
+      <stop
+         offset=".61"
+         stop-color="#969696"
+         id="stop11" />
+      <stop
+         offset=".83"
+         stop-color="#878787"
+         id="stop12" />
+      <stop
+         offset="1"
+         stop-color="#828282"
+         id="stop13" />
+    </linearGradient>
+    <linearGradient
+       id="linear-gradient-4"
+       x1="3309.72"
+       y1="749.79999"
+       x2="3165.1499"
+       y2="929.97998"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-5"
+       x1="2668"
+       y1="1179.9"
+       x2="3862.7"
+       y2="79.120003"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-6"
+       x1="3711.72"
+       y1="515.77002"
+       x2="3246.1201"
+       y2="976.59998"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-7"
+       x1="1359.35"
+       y1="1005.99"
+       x2="1455.05"
+       y2="977.16998"
+       gradientTransform="matrix(-1,0,0,1,4158.26,0)"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         stop-color="#e8e8e8"
+         id="stop14" />
+      <stop
+         offset=".06"
+         stop-color="#d5d5d5"
+         id="stop15" />
+      <stop
+         offset=".2"
+         stop-color="#b1b1b1"
+         id="stop16" />
+      <stop
+         offset=".33"
+         stop-color="#979797"
+         id="stop17" />
+      <stop
+         offset=".45"
+         stop-color="#878787"
+         id="stop18" />
+      <stop
+         offset=".54"
+         stop-color="#828282"
+         id="stop19" />
+      <stop
+         offset=".65"
+         stop-color="#757676"
+         id="stop20" />
+      <stop
+         offset=".84"
+         stop-color="#676767"
+         id="stop21" />
+      <stop
+         offset="1"
+         stop-color="#626363"
+         id="stop22" />
+    </linearGradient>
+    <linearGradient
+       id="linear-gradient-8"
+       x1="1340.8"
+       y1="586.90002"
+       x2="1408.51"
+       y2="566.51001"
+       xlink:href="#linear-gradient-7" />
+    <linearGradient
+       id="linear-gradient-9"
+       x1="1207.12"
+       y1="587.42999"
+       x2="1274.83"
+       y2="567.03998"
+       xlink:href="#linear-gradient-7" />
+    <linearGradient
+       id="linear-gradient-10"
+       x1="765.45001"
+       y1="722.71002"
+       x2="833.01001"
+       y2="702.35999"
+       xlink:href="#linear-gradient-7" />
+    <linearGradient
+       id="linear-gradient-11"
+       x1="889.40002"
+       y1="949.42999"
+       x2="1087.03"
+       y2="889.90997"
+       xlink:href="#linear-gradient-7" />
+    <linearGradient
+       id="linear-gradient-12"
+       x1="524.34998"
+       y1="988.32001"
+       x2="1207.4301"
+       y2="782.62"
+       xlink:href="#linear-gradient-7" />
+    <linearGradient
+       id="linear-gradient-13"
+       x1="3091.1699"
+       y1="617.96002"
+       x2="2563.5901"
+       y2="1071.66"
+       xlink:href="#linear-gradient-7" />
+    <linearGradient
+       id="linear-gradient-14"
+       x1="3186.73"
+       y1="474.20001"
+       x2="2956.3101"
+       y2="643.22998"
+       xlink:href="#linear-gradient-7" />
+    <linearGradient
+       id="linear-gradient-15"
+       x1="3597.28"
+       y1="239.73"
+       x2="3352.78"
+       y2="388.54999"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-16"
+       x1="3578.1799"
+       y1="768.47998"
+       x2="3368.23"
+       y2="714.27002"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-17"
+       x1="2600.78"
+       y1="924.57001"
+       x2="3278.1499"
+       y2="300.45999"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-18"
+       x1="3370.3999"
+       y1="517.35999"
+       x2="3536.23"
+       y2="368.53"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-19"
+       x1="3300.4299"
+       y1="949.82001"
+       x2="3732.02"
+       y2="419.37"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-20"
+       x1="3237.7"
+       y1="710.65997"
+       x2="3319.1799"
+       y2="635.58002"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-21"
+       x1="3321.01"
+       y1="747.82001"
+       x2="3391.1699"
+       y2="685.63"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-22"
+       x1="3588.9199"
+       y1="550.62"
+       x2="3439.04"
+       y2="665.42999"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-23"
+       x1="3467.1699"
+       y1="373.04001"
+       x2="3246.6001"
+       y2="568.10999"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-24"
+       x1="3704.0901"
+       y1="364.34"
+       x2="3682.5601"
+       y2="304.81"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-25"
+       x1="3185.0601"
+       y1="313.14999"
+       x2="3081.4099"
+       y2="474.20001"
+       xlink:href="#linear-gradient-7" />
+    <linearGradient
+       id="linear-gradient-26"
+       x1="1340.96"
+       y1="586.76001"
+       x2="1408.55"
+       y2="566.40997"
+       xlink:href="#linear-gradient-7" />
+    <linearGradient
+       id="linear-gradient-27"
+       x1="3172.6201"
+       y1="907.38"
+       x2="3387.8899"
+       y2="746.33002"
+       xlink:href="#linear-gradient-3" />
+    <linearGradient
+       id="linear-gradient-28"
+       x1="2705.77"
+       y1="1520.89"
+       x2="4370.9102"
+       y2="-22.200001"
+       gradientUnits="userSpaceOnUse">
+      <stop
+         offset="0"
+         stop-color="#fff"
+         id="stop23" />
+      <stop
+         offset=".45"
+         stop-color="#344e94"
+         id="stop24" />
+      <stop
+         offset="1"
+         stop-color="#003049"
+         id="stop25" />
+    </linearGradient>
+    <linearGradient
+       id="linear-gradient-29"
+       x1="2327.3301"
+       y1="1112.52"
+       x2="3992.47"
+       y2="-430.57001"
+       xlink:href="#linear-gradient-28" />
+    <linearGradient
+       xlink:href="#linear-gradient"
+       id="linearGradient68"
+       gradientUnits="userSpaceOnUse"
+       x1="2658.1899"
+       y1="869.14001"
+       x2="3758.4199"
+       y2="138.84" />
+    <linearGradient
+       xlink:href="#linear-gradient-3"
+       id="linearGradient69"
+       gradientUnits="userSpaceOnUse"
+       x1="2510.03"
+       y1="1060.77"
+       x2="3274.02"
+       y2="356.84" />
+    <linearGradient
+       xlink:href="#linear-gradient-7"
+       id="linearGradient70"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(-1,0,0,1,4158.26,0)"
+       x1="1359.35"
+       y1="1005.99"
+       x2="1455.05"
+       y2="977.16998" />
+    <linearGradient
+       xlink:href="#linear-gradient-28"
+       id="linearGradient71"
+       gradientUnits="userSpaceOnUse"
+       x1="2705.77"
+       y1="1520.89"
+       x2="4370.9102"
+       y2="-22.200001" />
+  </defs>
+  <g
+     id="g29"
+     transform="translate(-173.9,-143.93)">
+    <polygon
+       class="cls-10"
+       points="1043.13,773.7 1156.99,673.79 1009.91,673.79 960.56,506.87 911.09,673.79 762.48,673.79 877.8,773.78 836.62,939.29 960.17,839.99 1084.04,939.29 "
+       id="polygon25" />
+    <polygon
+       class="cls-10"
+       points="529.25,527.04 529.25,955.78 353.33,955.78 353.33,527.04 173.9,527.04 173.9,386.45 708.66,386.45 708.66,527.04 "
+       id="polygon26" />
+    <path
+       class="cls-10"
+       d="m 1278.03,671.03 c 0,-65.59 14.48,-295 284.06,-295 269.58,0 269.58,229.41 269.58,229.41 l -161.06,-0.34 c 0,0 -1.37,-82.76 -108.51,-82.76 -107.14,0 -107.48,82.76 -107.48,148.69 0,65.93 0,147.94 107.48,147.94 107.48,0 107.48,-82 107.48,-82 h 162.09 c 0,0 0,229.23 -269.58,229.23 -269.58,0 -284.06,-229.57 -284.06,-295.16 v 0 z"
+       id="path26" />
+    <path
+       class="cls-10"
+       d="m 1883.81,671.03 c 0,-65.59 14.48,-295 284.06,-295 269.58,0 269.58,229.41 269.58,229.41 l -161.06,-0.34 c 0,0 -1.37,-82.76 -108.51,-82.76 -107.14,0 -107.48,82.76 -107.48,148.69 0,65.93 0,147.94 107.48,147.94 107.48,0 107.48,-82 107.48,-82 h 162.09 c 0,0 0,229.23 -269.58,229.23 -269.58,0 -284.06,-229.57 -284.06,-295.16 v 0 z"
+       id="path27" />
+    <polygon
+       class="cls-10"
+       points="739.26,686.96 649.89,955.73 808.67,955.73 849.37,782.26 "
+       id="polygon27" />
+    <polygon
+       class="cls-10"
+       points="1180.63,686.96 1270.01,955.73 1111.22,955.73 1070.53,782.26 "
+       id="polygon28" />
+    <polygon
+       class="cls-10"
+       points="1167.71,648.59 1080.53,386.52 839.06,386.52 751.88,648.72 891.74,648.72 959.73,419.49 1027.34,648.59 "
+       id="polygon29" />
+  </g>
+  <line
+     class="cls-11"
+     x1="2416.6201"
+     y1="142.67001"
+     x2="2416.6201"
+     y2="911.70001"
+     id="line29" />
+  <g
+     id="g68"
+     transform="translate(-173.9,-143.93)">
+    <g
+       id="g66">
+      <g
+         id="g30">
+        <path
+           class="cls-9"
+           d="m 3127.49,676.64 c 26.3,-26.3 42.6,-62.62 42.6,-102.67 0,-80.1 -65.17,-145.27 -145.27,-145.27 -80.1,0 -145.27,65.17 -145.27,145.27 0,2.1 0.05,4.18 0.14,6.26 l 79.1,-0.35 c -0.17,-1.95 -0.28,-3.91 -0.28,-5.9 0,-36.56 29.74,-66.3 66.3,-66.3 36.56,0 66.3,29.74 66.3,66.3 0,20.13 -9.03,38.19 -23.24,50.36 l -87.84,87.84 c 0.09,0.03 0.18,0.05 0.27,0.08 L 2697.56,995 h 111.67 l 318.3,-318.3 -0.05,-0.05 z"
+           id="path29"
+           style="fill:url(#linearGradient68)" />
+        <path
+           class="cls-8"
+           d="m 3472.18,427.37 h -32.3 l -28.4,78.96 h 60.69 c 112.95,0 204.84,91.89 204.84,204.84 0,112.95 -91.89,204.84 -204.84,204.84 -112.95,0 -204.84,-91.89 -204.84,-204.84 h -0.09 c 12.79,-22.31 22.36,-46.12 28.52,-70.89 h 176.41 c 39.09,0 70.9,31.8 70.9,70.89 0,39.09 -31.8,70.89 -70.9,70.89 -39.1,0 -70.89,-31.8 -70.89,-70.89 h -78.96 c 0,82.63 67.23,149.86 149.86,149.86 82.63,0 149.86,-67.23 149.86,-149.86 0,-82.63 -67.23,-149.86 -149.86,-149.86 h -139.21 l 67.94,-188.93 h 316.2 c -2.04,-3.14 -4.09,-6.26 -6.19,-9.36 -16.47,-24.38 -33.26,-47.69 -53.02,-69.61 h -312.52 l -62.28,173.2 c -41.83,-101.53 -141.84,-173.2 -258.29,-173.2 -153.96,0 -279.21,125.26 -279.21,279.21 0,2.29 0.04,4.58 0.09,6.86 l 79,-0.35 c -0.07,-2.16 -0.13,-4.33 -0.13,-6.5 0,-110.42 89.83,-200.25 200.25,-200.25 110.42,0 200.25,89.83 200.25,200.25 0,34.11 -8.5,67.05 -24.73,96.47 h -0.02 c -3.02,5.48 -6.33,10.85 -9.9,16.1 -0.45,0.66 -0.88,1.32 -1.34,1.97 -6.64,9.51 -14.19,18.58 -22.67,27.06 l -280.75,280.74 h 586.51 c 156.49,0 283.81,-127.31 283.81,-283.8 0,-156.49 -127.31,-283.8 -283.81,-283.8 z m -395.87,488.65 123.86,-123.86 c 14.24,47.74 40.71,90.25 75.79,123.86 z"
+           id="path30"
+           style="fill:url(#linear-gradient-2)" />
+      </g>
+      <path
+         class="cls-7"
+         d="m 3127.49,676.64 c 26.3,-26.3 42.6,-62.62 42.6,-102.67 0,-80.1 -65.17,-145.27 -145.27,-145.27 -80.1,0 -145.27,65.17 -145.27,145.27 0,2.1 0.05,4.18 0.14,6.26 l 79.1,-0.35 c -0.17,-1.95 -0.28,-3.91 -0.28,-5.9 0,-36.56 29.74,-66.3 66.3,-66.3 36.56,0 66.3,29.74 66.3,66.3 0,20.13 -9.03,38.19 -23.24,50.36 l -87.84,87.84 c 0.09,0.03 0.18,0.05 0.27,0.08 L 2697.56,995 h 111.67 l 318.3,-318.3 -0.05,-0.05 z m -9.01,0.08 -311.88,311.88 h -93.62 l 271.85,-271.85 7.37,-7.37 -0.26,-0.09 80.29,-80.29 c 16.07,-13.86 25.28,-33.9 25.28,-55.04 0,-40.08 -32.61,-72.68 -72.68,-72.68 -40.07,0 -72.44,32.36 -72.68,72.24 l -66.2,0.3 c 0.08,-76.51 62.36,-138.73 138.89,-138.73 76.53,0 138.89,62.3 138.89,138.89 0,37.04 -14.46,71.9 -40.73,98.16 l -4.55,4.55 0.05,0.05 z"
+         id="path31"
+         style="fill:url(#linearGradient69)" />
+      <g
+         class="cls-32"
+         id="g50">
+        <path
+           class="cls-10"
+           d="m 3170.09,573.97 c 0,-14.66 -2.19,-28.81 -6.25,-42.16 L 3041.65,429.68 c -5.52,-0.64 -11.14,-0.98 -16.83,-0.98 -44.61,0 -84.58,20.22 -111.25,51.96 l 59.54,51.85 c 12.16,-15.14 30.82,-24.85 51.7,-24.85 36.56,0 66.3,29.74 66.3,66.3 0,17.61 -6.91,33.62 -18.14,45.5 l 59.56,51.86 c 23.32,-25.78 37.55,-59.94 37.55,-97.36 z"
+           id="path32" />
+        <path
+           class="cls-10"
+           d="m 2811.94,392.16 59.53,51.84 c 27.41,-32.63 65.02,-56.41 107.87,-66.4 l -70.5,-58.93 c -37.48,17.18 -70.52,42.42 -96.9,73.49 z"
+           id="path33" />
+        <path
+           class="cls-10"
+           d="m 3646.36,935.1 -62.52,-52.26 c -32.14,20.97 -70.49,33.18 -111.65,33.18 -26.43,0 -51.71,-5.03 -74.92,-14.19 l 105.14,91.55 c 53.89,-5.73 103.33,-26.6 143.96,-58.28 z"
+           id="path34" />
+        <path
+           class="cls-10"
+           d="m 3267.34,711.18 h -0.09 c 12.54,-21.87 21.97,-45.17 28.14,-69.42 l -70.57,-58.99 c -1.52,30.49 -9.86,59.84 -24.47,86.33 h -0.02 c -3.02,5.48 -6.33,10.85 -9.9,16.1 -0.45,0.66 -0.88,1.32 -1.34,1.97 -4.76,6.82 -9.99,13.41 -15.7,19.72 l 120.36,104.8 c -16.81,-29.71 -26.41,-64.02 -26.41,-100.52 z"
+           id="path35" />
+        <path
+           class="cls-10"
+           d="m 3404.8,733.2 -26.35,-22.02 h -56.12 c 0,82.63 67.23,149.86 149.86,149.86 23.97,0 46.64,-5.67 66.75,-15.72 l -76.47,-63.92 c -27.1,-3.73 -49.36,-22.83 -57.67,-48.2 z"
+           id="path36" />
+        <path
+           class="cls-10"
+           d="m 3491.31,779.45 65.87,55.08 c 8.79,-6.08 16.9,-13.07 24.2,-20.83 l -60.2,-51.32 c -8.29,7.94 -18.51,13.89 -29.86,17.07 z"
+           id="path37" />
+        <path
+           class="cls-10"
+           d="m 3090.97,444.65 49.25,41.19 c -13.11,-17.12 -29.92,-31.26 -49.25,-41.19 z"
+           id="path38" />
+        <path
+           class="cls-10"
+           d="M 3377.96,640.28 3210.44,497.47 c 7.48,18.39 12.29,38.14 13.97,58.76 l 100.5,84.04 h 53.05 z"
+           id="path39" />
+        <path
+           class="cls-10"
+           d="m 3683.34,900.61 -60.09,-51.23 c -7.03,7.68 -14.64,14.83 -22.75,21.36 l 61.39,51.34 c 7.53,-6.78 14.69,-13.95 21.45,-21.48 z"
+           id="path40" />
+        <path
+           class="cls-10"
+           d="m 2929.97,310.02 75.68,63.29 c 6.31,-0.6 12.71,-0.91 19.17,-0.91 15.4,0 30.39,1.75 44.8,5.05 l -93.56,-79.75 c -15.87,2.81 -31.27,6.96 -46.1,12.33 z"
+           id="path41" />
+        <path
+           class="cls-10"
+           d="M 3424.29,640.28 3021.45,293.44 c -5.41,0.06 -10.78,0.29 -16.11,0.66 l 123.26,107.33 c 19.56,11.9 36.93,27.06 51.35,44.71 l 222.95,194.14 z"
+           id="path42" />
+        <path
+           class="cls-10"
+           d="m 3530.52,751.41 59.7,51.99 c 3.16,-4.04 6.12,-8.25 8.87,-12.61 l -61.29,-52.77 c -1.95,4.74 -4.39,9.23 -7.28,13.4 z"
+           id="path43" />
+        <path
+           class="cls-10"
+           d="m 3701.17,878.67 -60.07,-51.72 c -2.97,4.32 -6.09,8.51 -9.37,12.58 l 59.56,51.86 c 3.41,-4.14 6.71,-8.38 9.89,-12.72 z"
+           id="path44" />
+        <path
+           class="cls-10"
+           d="m 2779.46,439.48 61.59,53.63 c 5.57,-12.83 12.45,-24.97 20.47,-36.25 l -60,-51.66 c -8.15,10.84 -15.53,22.29 -22.06,34.27 z"
+           id="path45" />
+        <path
+           class="cls-10"
+           d="m 2885.74,532.02 55.04,47.93 18.02,-0.08 c -0.17,-1.95 -0.28,-3.91 -0.28,-5.9 0,-10.07 2.26,-19.62 6.29,-28.17 l -60.82,-52.37 c -7.87,11.77 -14.07,24.75 -18.25,38.59 z"
+           id="path46" />
+        <polygon
+           class="cls-10"
+           points="3092.32,711.91 3122.59,681.64 3062.39,629.81 3032.44,659.77 "
+           id="polygon46" />
+        <path
+           class="cls-10"
+           d="m 3200.17,792.16 c 1.96,6.56 4.15,13.02 6.56,19.37 l 210.68,183.45 h 54.77 c 4.68,0 9.32,-0.12 13.94,-0.34 L 3163.65,717 l -30.48,30.48 59.69,51.98 7.3,-7.3 z"
+           id="path47" />
+        <polygon
+           class="cls-10"
+           points="3066.93,737.3 3076.29,727.94 3016.1,676.11 3007.05,685.16 "
+           id="polygon47" />
+        <path
+           class="cls-10"
+           d="m 2763.84,473.38 65.26,56.83 c 0.91,-4.19 1.95,-8.33 3.11,-12.42 l -64.02,-55.12 c -1.52,3.54 -2.97,7.11 -4.35,10.71 z"
+           id="path48" />
+        <path
+           class="cls-10"
+           d="m 2879.56,573.97 c 0,0.06 0,0.12 0,0.18 l 6.95,6.05 18.09,-0.08 -24.3,-20.92 c -0.49,4.86 -0.75,9.79 -0.75,14.77 z"
+           id="path49" />
+        <path
+           class="cls-10"
+           d="m 3275.96,916.02 h -3.78 l 90.68,78.96 h 23.59 l -154.71,-133.2 c 12.48,19.86 27.35,38.08 44.21,54.24 z"
+           id="path50" />
+        <polygon
+           class="cls-10"
+           points="3167.48,824.85 3177.37,814.96 3117.36,763.3 3107.79,772.87 "
+           id="polygon50" />
+      </g>
+      <path
+         class="cls-6"
+         d="m 3268.93,916.02 h -192.62 l 123.86,-123.86 3.06,-12.08 -7.57,7.57 -123.86,123.86 -10.89,10.89 h 220.65"
+         id="path51"
+         style="fill:url(#linear-gradient-4)" />
+      <path
+         class="cls-3"
+         d="m 3472.18,427.37 h -32.3 l -28.4,78.96 h 60.69 c 112.95,0 204.84,91.89 204.84,204.84 0,112.95 -91.89,204.84 -204.84,204.84 -112.95,0 -204.84,-91.89 -204.84,-204.84 h -0.08 c 12.79,-22.31 22.36,-46.12 28.52,-70.89 h 176.41 c 39.09,0 70.9,31.8 70.9,70.89 0,39.09 -31.8,70.89 -70.9,70.89 -39.1,0 -70.89,-31.8 -70.89,-70.89 h -78.96 c 0,82.63 67.23,149.86 149.86,149.86 82.63,0 149.86,-67.23 149.86,-149.86 0,-82.63 -67.23,-149.86 -149.86,-149.86 h -139.21 l 67.94,-188.93 h 324.45 l -59,-78.96 H 3345.4 l -62.28,173.2 c -41.83,-101.53 -141.84,-173.2 -258.29,-173.2 -153.96,0 -279.21,125.26 -279.21,279.21 0,2.29 0.04,4.58 0.09,6.86 l 79,-0.35 c -0.07,-2.16 -0.13,-4.33 -0.13,-6.5 0,-110.42 89.83,-200.25 200.25,-200.25 110.42,0 200.25,89.83 200.25,200.25 0,34.11 -8.5,67.05 -24.73,96.47 h -0.02 c -3.02,5.48 -6.33,10.85 -9.9,16.1 -0.45,0.66 -0.88,1.32 -1.34,1.97 -6.64,9.51 -14.19,18.58 -22.67,27.06 l -280.75,280.74 h 586.51 c 156.49,0 283.81,-127.31 283.81,-283.8 0,-156.49 -127.31,-283.8 -283.81,-283.8 z m 0,561.23 h -571.1 l 269.85,-269.85 c 8.59,-8.59 16.46,-17.98 23.39,-27.91 0.3,-0.44 0.6,-0.88 0.9,-1.32 0.16,-0.24 0.32,-0.48 0.48,-0.72 2.33,-3.42 4.54,-6.89 6.61,-10.34 l 0.12,0.09 3.5,-6.35 c 16.7,-30.27 25.52,-64.7 25.52,-99.55 0,-113.94 -92.69,-206.63 -206.63,-206.63 -113.94,0 -206.63,92.69 -206.63,206.63 v 0.15 l -66.2,0.3 c 0,-0.15 0,-0.3 0,-0.45 0,-150.44 122.39,-272.83 272.83,-272.83 55.05,0 108.14,16.39 153.53,47.41 44.32,30.29 78.5,72.42 98.86,121.84 l 6.3,15.3 5.6,-15.57 60.76,-168.98 h 312.41 l 50.49,66.2 h -316.36 l -1.52,4.22 -67.94,188.93 -3.07,8.54 h 148.29 c 79.11,0 143.48,64.36 143.48,143.48 0,79.12 -64.36,143.48 -143.48,143.48 -79.12,0 -139.99,-60.93 -143.34,-137.1 h 66.32 c 3.26,39.64 36.55,70.89 77.01,70.89 42.61,0 77.28,-34.67 77.28,-77.27 0,-42.6 -34.67,-77.27 -77.28,-77.27 h -181.4 l -1.2,4.84 c -6.02,24.21 -15.39,47.51 -27.86,69.26 -0.55,2.63 -0.63,5.29 -0.66,9.55 3.38,113.53 96.79,204.84 211.13,204.84 114.34,0 211.22,-94.75 211.22,-211.22 0,-116.47 -94.75,-211.22 -211.22,-211.22 h -51.62 l 23.81,-66.2 h 27.81 c 152.97,0 277.43,124.45 277.43,277.42 0,152.97 -124.45,277.42 -277.43,277.42 z"
+         id="path52"
+         style="fill:url(#linear-gradient-5)" />
+      <path
+         class="cls-4"
+         d="m 2901.08,988.6 h 571.1 c 152.97,0 277.43,-124.45 277.43,-277.42 0,-152.97 -124.45,-277.42 -277.43,-277.42 h -27.81 l -4.49,-6.38 h 32.3 c 156.49,0 283.81,127.31 283.81,283.8 0,156.49 -127.31,283.8 -283.81,283.8 h -586.51 l 15.4,-6.38 z"
+         id="path53"
+         style="fill:url(#linear-gradient-6)" />
+      <polygon
+         class="cls-2"
+         points="2806.56,988.8 2809.39,995 2697.6,994.98 2713.01,988.6 "
+         id="polygon53"
+         style="fill:url(#linearGradient70)" />
+      <polygon
+         class="cls-1"
+         points="2818.07,572.85 2824.85,579.22 2745.65,579.52 2752.17,573.24 "
+         id="polygon54"
+         style="fill:url(#linear-gradient-8)" />
+      <polygon
+         class="cls-5"
+         points="2951.75,573.38 2958.53,579.76 2879.33,580.05 2885.84,573.78 "
+         id="polygon55"
+         style="fill:url(#linear-gradient-9)" />
+      <polygon
+         class="cls-12"
+         points="3401.32,711.26 3395.3,717.55 3328.86,717.46 3322.39,711.26 "
+         id="polygon56"
+         style="fill:url(#linear-gradient-10)" />
+      <path
+         class="cls-13"
+         d="m 3291.83,922.36 -230.89,0.04 15.4,-6.35 199.63,-0.07 c 4.84,2.88 10.09,5.07 15.86,6.38 z"
+         id="path56"
+         style="fill:url(#linear-gradient-11)" />
+      <path
+         class="cls-14"
+         d="m 3487.25,994.65 -602.2,0.62 16.26,-6.38 577.8,-0.27 c 48.54,3.06 179.56,-26.84 241.66,-155.2 12.58,-5.58 11.38,-14.35 24.31,-44.08 -14.12,43.82 -75.24,193.7 -257.82,205.31 z"
+         id="path57"
+         style="fill:url(#linear-gradient-12)" />
+      <path
+         class="cls-15"
+         d="m 2712.99,988.58 271.84,-271.82 7.37,-7.37 -0.26,-0.09 80.29,-80.29 c 16.07,-13.86 25.28,-33.9 25.28,-55.04 0,-2.23 -0.11,-4.43 -0.3,-6.6 -0.93,3.06 -2.12,6.05 -3.5,8.91 -0.95,1.96 -1.98,3.88 -3.07,5.77 -2.06,16.85 -10.47,31.76 -22.75,42.28 l -87.84,87.84 c 0.09,0.03 0.18,0.05 0.27,0.08 l -282.76,282.76 15.44,-6.42 z"
+         id="path58"
+         style="fill:url(#linear-gradient-13)" />
+      <path
+         class="cls-17"
+         d="m 3170.09,573.97 c 0,-79.33 -63.91,-143.99 -142.95,-145.24 6.96,1.7 13.83,3.79 20.59,6.17 4.29,1.5 8.54,3.12 12.75,4.83 59.36,15.78 103.23,69.98 103.23,134.24 0,35.67 -13.42,69.32 -37.88,95.22 -0.36,0.74 -0.73,1.48 -1.1,2.21 -3.15,6.24 -6.6,12.34 -10.22,18.32 l 13.03,-13.03 -0.05,-0.05 c 26.3,-26.3 42.6,-62.62 42.6,-102.67 z"
+         id="path59"
+         style="fill:url(#linear-gradient-14)" />
+      <polygon
+         class="cls-24"
+         points="3662.34,299.76 3666.41,293.38 3345.44,293.38 3349.92,299.76 "
+         id="polygon59"
+         style="fill:url(#linear-gradient-15)" />
+      <path
+         class="cls-25"
+         d="m 3549.46,711.18 c 0,42.61 -34.67,77.27 -77.28,77.27 -42.61,0 -73.76,-31.26 -77.01,-70.89 l 6.12,-6.38 c 0,39.09 31.8,70.89 70.89,70.89 39.09,0 70.9,-31.8 70.9,-70.89 z"
+         id="path60"
+         style="fill:url(#linear-gradient-16)" />
+      <path
+         class="cls-26"
+         d="m 2885.68,994.98 280.75,-280.74 c 8.48,-8.48 16.03,-17.54 22.67,-27.06 0.46,-0.65 0.89,-1.32 1.34,-1.97 3.57,-5.25 6.88,-10.62 9.9,-16.11 h 0.02 c 16.23,-29.4 24.73,-62.35 24.73,-96.45 0,-110.42 -89.83,-200.25 -200.25,-200.25 -110.42,0 -200.25,89.83 -200.25,200.25 0,2.18 0.06,4.34 0.13,6.5 l -79,0.35 c -0.06,-2.28 -0.09,-4.57 -0.09,-6.86 0,-113.89 68.54,-212.07 166.54,-255.46 0.44,-0.08 0.87,-0.17 1.31,-0.25 9.65,-1.79 19.35,-3.29 29.1,-4.45 -110.36,34.98 -190.56,138.37 -190.56,260.16 0,0.15 0,0.3 0,0.45 l 66.2,-0.3 v -0.15 c 0,-113.94 92.69,-206.63 206.63,-206.63 113.94,0 206.63,92.69 206.63,206.63 0,34.85 -8.83,69.28 -25.52,99.55 l -3.5,6.35 -0.12,-0.09 c -2.07,3.46 -4.28,6.92 -6.61,10.34 -0.16,0.24 -0.32,0.48 -0.48,0.72 -0.3,0.44 -0.59,0.88 -0.9,1.32 -6.93,9.93 -14.8,19.33 -23.39,27.91 l -269.85,269.85"
+         id="path61"
+         style="fill:url(#linear-gradient-17)" />
+      <polygon
+         class="cls-27"
+         points="3444.37,433.75 3439.89,427.37 3411.49,506.34 3420.57,499.96 "
+         id="polygon61"
+         style="fill:url(#linear-gradient-18)" />
+      <path
+         class="cls-16"
+         d="m 3411.49,506.34 h 60.69 c 112.95,0 204.84,91.89 204.84,204.84 0,112.95 -91.89,204.84 -204.84,204.84 -112.95,0 -204.84,-91.89 -204.84,-204.84 l -5.62,-3.17 c -0.55,2.63 -0.63,5.29 -0.66,9.55 3.38,113.53 96.79,204.84 211.13,204.84 114.34,0 211.22,-94.75 211.22,-211.22 0,-116.47 -94.75,-211.22 -211.22,-211.22 h -51.62"
+         id="path62"
+         style="fill:url(#linear-gradient-19)" />
+      <path
+         class="cls-19"
+         d="m 3261.72,708 c 12.47,-21.75 21.84,-45.05 27.86,-69.26 l 1.2,-4.84 4.99,6.38 c -6.16,24.78 -15.73,48.58 -28.52,70.89 h 0.08 l -5.62,-3.17 z"
+         id="path63"
+         style="fill:url(#linear-gradient-20)" />
+      <polygon
+         class="cls-18"
+         points="3328.85,717.56 3322.33,711.18 3401.29,711.18 3395.17,717.56 "
+         id="polygon63"
+         style="fill:url(#linear-gradient-21)" />
+      <path
+         class="cls-20"
+         d="m 3622.04,711.18 c 0,-82.63 -67.23,-149.86 -149.86,-149.86 h -139.21 l -9.07,6.38 h 148.29 c 79.11,0 143.48,64.36 143.48,143.48 h 6.38 z"
+         id="path64"
+         style="fill:url(#linear-gradient-22)" />
+      <polygon
+         class="cls-21"
+         points="3323.9,567.7 3332.97,561.32 3400.91,372.39 3396.43,366.01 3394.91,370.23 3326.97,559.16 "
+         id="polygon64"
+         style="fill:url(#linear-gradient-23)" />
+      <polygon
+         class="cls-29"
+         points="3712.82,365.98 3725.4,372.36 3666.4,293.39 3662.33,299.77 "
+         id="polygon65"
+         style="fill:url(#linear-gradient-24)" />
+      <path
+         class="cls-23"
+         d="m 3022.4,299.82 c 0.81,0 1.61,-0.02 2.42,-0.02 55.05,0 108.14,16.39 153.53,47.41 44.32,30.29 78.5,72.42 98.86,121.84 l 5.37,13.03 c 0.2,-5.11 0.62,-10.21 0.43,-15.32 0,-0.13 0,-0.25 0,-0.38 -41.89,-101.41 -141.83,-172.96 -258.19,-172.96 -11.75,0 -23.33,0.73 -34.7,2.15 0.22,0 0.44,0 0.66,0.01 10.69,0.29 21.13,2.4 31.62,4.23 z"
+         id="path65"
+         style="fill:url(#linear-gradient-25)" />
+      <polygon
+         class="cls-30"
+         points="2818.21,572.71 2824.65,579.16 2745.59,579.49 2751.97,573.11 "
+         id="polygon66"
+         style="fill:url(#linear-gradient-26)" />
+      <path
+         class="cls-28"
+         d="m 3200.3,792.16 c 14.24,47.74 40.71,90.25 75.79,123.86 4.55,3.02 10.1,5.11 15.88,6.38 l -11.46,-10.99 c -34.79,-33.34 -60.4,-75.2 -74.09,-121.08 l -3.06,-10.26 -3.06,12.08 z"
+         id="path66"
+         style="fill:url(#linear-gradient-27)" />
+    </g>
+    <path
+       class="cls-22"
+       d="m 3514.82,1026.01 c -28.52,20.6 -59.26,37.92 -91.95,51.74 -57.98,24.52 -119.58,36.96 -183.09,36.96 -63.51,0 -125.11,-12.44 -183.09,-36.96 -32.68,-13.82 -63.42,-31.14 -91.94,-51.74 h -48.58 c 38.69,32.88 81.87,59.51 128.84,79.37 61.7,26.1 127.23,39.33 194.78,39.33 67.55,0 133.08,-13.23 194.78,-39.33 46.96,-19.86 90.15,-46.49 128.84,-79.37 h -48.58 z"
+       id="path67"
+       style="fill:url(#linearGradient71)" />
+    <path
+       class="cls-31"
+       d="m 2958.87,266.94 c 30.16,-22.51 62.88,-41.27 97.82,-56.05 57.98,-24.52 119.58,-36.96 183.09,-36.96 63.51,0 125.11,12.44 183.09,36.96 34.94,14.78 67.66,33.54 97.82,56.05 h 47.7 c -39.96,-34.87 -84.84,-62.96 -133.84,-83.68 -61.7,-26.1 -127.23,-39.33 -194.78,-39.33 -67.55,0 -133.08,13.23 -194.78,39.33 -49,20.72 -93.88,48.81 -133.84,83.68 h 47.7 z"
+       id="path68"
+       style="fill:url(#linear-gradient-29)" />
+  </g>
+</svg>
diff --git a/tup/img/logo-white-25years.svg b/tup/img/logo-white-25years.svg
new file mode 100644
index 00000000..4ae88eae
--- /dev/null
+++ b/tup/img/logo-white-25years.svg
@@ -0,0 +1,263 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 3944.95 1281.55">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#linear-gradient-8);
+      }
+
+      .cls-2 {
+        fill: url(#linear-gradient-7);
+      }
+
+      .cls-3 {
+        fill: url(#linear-gradient-5);
+      }
+
+      .cls-4 {
+        fill: url(#linear-gradient-6);
+      }
+
+      .cls-5 {
+        fill: url(#linear-gradient-9);
+      }
+
+      .cls-6 {
+        fill: url(#linear-gradient-4);
+      }
+
+      .cls-7 {
+        fill: url(#linear-gradient-3);
+      }
+
+      .cls-8 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-9 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-10, .cls-11 {
+        fill: #fff;
+      }
+
+      .cls-12 {
+        fill: url(#linear-gradient-10);
+      }
+
+      .cls-13 {
+        fill: url(#linear-gradient-11);
+      }
+
+      .cls-14 {
+        fill: url(#linear-gradient-12);
+      }
+
+      .cls-15 {
+        fill: url(#linear-gradient-13);
+      }
+
+      .cls-16 {
+        fill: url(#linear-gradient-19);
+      }
+
+      .cls-17 {
+        fill: url(#linear-gradient-14);
+      }
+
+      .cls-18 {
+        fill: url(#linear-gradient-21);
+      }
+
+      .cls-19 {
+        fill: url(#linear-gradient-20);
+      }
+
+      .cls-20 {
+        fill: url(#linear-gradient-22);
+      }
+
+      .cls-21 {
+        fill: url(#linear-gradient-23);
+      }
+
+      .cls-22 {
+        fill: url(#linear-gradient-28);
+      }
+
+      .cls-23 {
+        fill: url(#linear-gradient-25);
+      }
+
+      .cls-24 {
+        fill: url(#linear-gradient-15);
+      }
+
+      .cls-25 {
+        fill: url(#linear-gradient-16);
+      }
+
+      .cls-26 {
+        fill: url(#linear-gradient-17);
+      }
+
+      .cls-27 {
+        fill: url(#linear-gradient-18);
+      }
+
+      .cls-28 {
+        fill: url(#linear-gradient-27);
+      }
+
+      .cls-29 {
+        fill: url(#linear-gradient-24);
+      }
+
+      .cls-30 {
+        fill: url(#linear-gradient-26);
+      }
+
+      .cls-31 {
+        fill: url(#linear-gradient-29);
+      }
+
+      .cls-32 {
+        opacity: .15;
+      }
+
+      .cls-11 {
+        stroke: #fff;
+        stroke-miterlimit: 10;
+        stroke-width: 20px;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="2658.19" y1="869.14" x2="3758.42" y2="138.84" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#e8e8e8"/>
+      <stop offset=".07" stop-color="#d0d0d0"/>
+      <stop offset=".18" stop-color="#aeaeae"/>
+      <stop offset=".3" stop-color="#969696"/>
+      <stop offset=".4" stop-color="#878787"/>
+      <stop offset=".48" stop-color="#828282"/>
+      <stop offset="1" stop-color="#d2d2d2"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="2735.3" y1="985.31" x2="3835.54" y2="255.01" xlink:href="#linear-gradient"/>
+    <linearGradient id="linear-gradient-3" x1="2510.03" y1="1060.77" x2="3274.02" y2="356.84" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#e8e8e8"/>
+      <stop offset=".14" stop-color="#d0d0d0"/>
+      <stop offset=".38" stop-color="#aeaeae"/>
+      <stop offset=".61" stop-color="#969696"/>
+      <stop offset=".83" stop-color="#878787"/>
+      <stop offset="1" stop-color="#828282"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-4" x1="3309.72" y1="749.8" x2="3165.15" y2="929.98" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-5" x1="2668" y1="1179.9" x2="3862.7" y2="79.12" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-6" x1="3711.72" y1="515.77" x2="3246.12" y2="976.6" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-7" x1="1359.35" y1="1005.99" x2="1455.05" y2="977.17" gradientTransform="translate(4158.26) rotate(-180) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#e8e8e8"/>
+      <stop offset=".06" stop-color="#d5d5d5"/>
+      <stop offset=".2" stop-color="#b1b1b1"/>
+      <stop offset=".33" stop-color="#979797"/>
+      <stop offset=".45" stop-color="#878787"/>
+      <stop offset=".54" stop-color="#828282"/>
+      <stop offset=".65" stop-color="#757676"/>
+      <stop offset=".84" stop-color="#676767"/>
+      <stop offset="1" stop-color="#626363"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-8" x1="1340.8" y1="586.9" x2="1408.51" y2="566.51" xlink:href="#linear-gradient-7"/>
+    <linearGradient id="linear-gradient-9" x1="1207.12" y1="587.43" x2="1274.83" y2="567.04" xlink:href="#linear-gradient-7"/>
+    <linearGradient id="linear-gradient-10" x1="765.45" y1="722.71" x2="833.01" y2="702.36" xlink:href="#linear-gradient-7"/>
+    <linearGradient id="linear-gradient-11" x1="889.4" y1="949.43" x2="1087.03" y2="889.91" xlink:href="#linear-gradient-7"/>
+    <linearGradient id="linear-gradient-12" x1="524.35" y1="988.32" x2="1207.43" y2="782.62" xlink:href="#linear-gradient-7"/>
+    <linearGradient id="linear-gradient-13" x1="3091.17" y1="617.96" x2="2563.59" y2="1071.66" gradientTransform="matrix(1,0,0,1,0,0)" xlink:href="#linear-gradient-7"/>
+    <linearGradient id="linear-gradient-14" x1="3186.73" y1="474.2" x2="2956.31" y2="643.23" gradientTransform="matrix(1,0,0,1,0,0)" xlink:href="#linear-gradient-7"/>
+    <linearGradient id="linear-gradient-15" x1="3597.28" y1="239.73" x2="3352.78" y2="388.55" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-16" x1="3578.18" y1="768.48" x2="3368.23" y2="714.27" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-17" x1="2600.78" y1="924.57" x2="3278.15" y2="300.46" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-18" x1="3370.4" y1="517.36" x2="3536.23" y2="368.53" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-19" x1="3300.43" y1="949.82" x2="3732.02" y2="419.37" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-20" x1="3237.7" y1="710.66" x2="3319.18" y2="635.58" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-21" x1="3321.01" y1="747.82" x2="3391.17" y2="685.63" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-22" x1="3588.92" y1="550.62" x2="3439.04" y2="665.43" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-23" x1="3467.17" y1="373.04" x2="3246.6" y2="568.11" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-24" x1="3704.09" y1="364.34" x2="3682.56" y2="304.81" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-25" x1="3185.06" y1="313.15" x2="3081.41" y2="474.2" gradientTransform="matrix(1,0,0,1,0,0)" xlink:href="#linear-gradient-7"/>
+    <linearGradient id="linear-gradient-26" x1="1340.96" y1="586.76" x2="1408.55" y2="566.41" xlink:href="#linear-gradient-7"/>
+    <linearGradient id="linear-gradient-27" x1="3172.62" y1="907.38" x2="3387.89" y2="746.33" xlink:href="#linear-gradient-3"/>
+    <linearGradient id="linear-gradient-28" x1="2705.77" y1="1520.89" x2="4370.91" y2="-22.2" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset=".45" stop-color="#344e94"/>
+      <stop offset="1" stop-color="#003049"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-29" x1="2327.33" y1="1112.52" x2="3992.47" y2="-430.57" xlink:href="#linear-gradient-28"/>
+  </defs>
+  <g>
+    <polygon class="cls-10" points="1084.04 939.29 1043.13 773.7 1156.99 673.79 1009.91 673.79 960.56 506.87 911.09 673.79 762.48 673.79 877.8 773.78 836.62 939.29 960.17 839.99 1084.04 939.29 1084.04 939.29"/>
+    <polygon class="cls-10" points="173.9 386.45 708.66 386.45 708.66 527.04 529.25 527.04 529.25 955.78 353.33 955.78 353.33 527.04 173.9 527.04 173.9 386.45 173.9 386.45"/>
+    <path class="cls-10" d="M1278.03,671.03c0-65.59,14.48-295,284.06-295s269.58,229.41,269.58,229.41l-161.06-.34s-1.37-82.76-108.51-82.76-107.48,82.76-107.48,148.69,0,147.94,107.48,147.94,107.48-82,107.48-82h162.09s0,229.23-269.58,229.23-284.06-229.57-284.06-295.16h0Z"/>
+    <path class="cls-10" d="M1883.81,671.03c0-65.59,14.48-295,284.06-295s269.58,229.41,269.58,229.41l-161.06-.34s-1.37-82.76-108.51-82.76-107.48,82.76-107.48,148.69,0,147.94,107.48,147.94,107.48-82,107.48-82h162.09s0,229.23-269.58,229.23-284.06-229.57-284.06-295.16h0Z"/>
+    <polygon class="cls-10" points="649.89 955.73 808.67 955.73 849.37 782.26 739.26 686.96 649.89 955.73 649.89 955.73"/>
+    <polygon class="cls-10" points="1270.01 955.73 1111.22 955.73 1070.53 782.26 1180.63 686.96 1270.01 955.73 1270.01 955.73"/>
+    <polygon class="cls-10" points="751.88 648.72 891.74 648.72 959.73 419.49 1027.34 648.59 1167.71 648.59 1080.53 386.52 839.06 386.52 751.88 648.72 751.88 648.72"/>
+  </g>
+  <line class="cls-11" x1="2590.52" y1="286.6" x2="2590.52" y2="1055.63"/>
+  <g>
+    <g>
+      <g>
+        <path class="cls-9" d="M3127.49,676.64c26.3-26.3,42.6-62.62,42.6-102.67,0-80.1-65.17-145.27-145.27-145.27s-145.27,65.17-145.27,145.27c0,2.1.05,4.18.14,6.26l79.1-.35c-.17-1.95-.28-3.91-.28-5.9,0-36.56,29.74-66.3,66.3-66.3s66.3,29.74,66.3,66.3c0,20.13-9.03,38.19-23.24,50.36l-87.84,87.84c.09.03.18.05.27.08l-282.74,282.74h111.67l318.3-318.3-.05-.05Z"/>
+        <path class="cls-8" d="M3472.18,427.37h-32.3l-28.4,78.96h60.69c112.95,0,204.84,91.89,204.84,204.84s-91.89,204.84-204.84,204.84-204.84-91.89-204.84-204.84h-.09c12.79-22.31,22.36-46.12,28.52-70.89h176.41c39.09,0,70.9,31.8,70.9,70.89s-31.8,70.89-70.9,70.89-70.89-31.8-70.89-70.89h-78.96c0,82.63,67.23,149.86,149.86,149.86s149.86-67.23,149.86-149.86-67.23-149.86-149.86-149.86h-139.21l67.94-188.93h316.2c-2.04-3.14-4.09-6.26-6.19-9.36-16.47-24.38-33.26-47.69-53.02-69.61h-312.52l-62.28,173.2c-41.83-101.53-141.84-173.2-258.29-173.2-153.96,0-279.21,125.26-279.21,279.21,0,2.29.04,4.58.09,6.86l79-.35c-.07-2.16-.13-4.33-.13-6.5,0-110.42,89.83-200.25,200.25-200.25s200.25,89.83,200.25,200.25c0,34.11-8.5,67.05-24.73,96.47h-.02c-3.02,5.48-6.33,10.85-9.9,16.1-.45.66-.88,1.32-1.34,1.97-6.64,9.51-14.19,18.58-22.67,27.06l-280.75,280.74h586.51c156.49,0,283.81-127.31,283.81-283.8s-127.31-283.8-283.81-283.8ZM3076.31,916.02l123.86-123.86c14.24,47.74,40.71,90.25,75.79,123.86h-199.65Z"/>
+      </g>
+      <path class="cls-7" d="M3127.49,676.64c26.3-26.3,42.6-62.62,42.6-102.67,0-80.1-65.17-145.27-145.27-145.27s-145.27,65.17-145.27,145.27c0,2.1.05,4.18.14,6.26l79.1-.35c-.17-1.95-.28-3.91-.28-5.9,0-36.56,29.74-66.3,66.3-66.3s66.3,29.74,66.3,66.3c0,20.13-9.03,38.19-23.24,50.36l-87.84,87.84c.09.03.18.05.27.08l-282.74,282.74h111.67l318.3-318.3-.05-.05ZM3118.48,676.72l-311.88,311.88h-93.62l271.85-271.85,7.37-7.37-.26-.09,80.29-80.29c16.07-13.86,25.28-33.9,25.28-55.04,0-40.08-32.61-72.68-72.68-72.68s-72.44,32.36-72.68,72.24l-66.2.3c.08-76.51,62.36-138.73,138.89-138.73s138.89,62.3,138.89,138.89c0,37.04-14.46,71.9-40.73,98.16l-4.55,4.55.05.05Z"/>
+      <g class="cls-32">
+        <path class="cls-10" d="M3170.09,573.97c0-14.66-2.19-28.81-6.25-42.16l-122.19-102.13c-5.52-.64-11.14-.98-16.83-.98-44.61,0-84.58,20.22-111.25,51.96l59.54,51.85c12.16-15.14,30.82-24.85,51.7-24.85,36.56,0,66.3,29.74,66.3,66.3,0,17.61-6.91,33.62-18.14,45.5l59.56,51.86c23.32-25.78,37.55-59.94,37.55-97.36Z"/>
+        <path class="cls-10" d="M2811.94,392.16l59.53,51.84c27.41-32.63,65.02-56.41,107.87-66.4l-70.5-58.93c-37.48,17.18-70.52,42.42-96.9,73.49Z"/>
+        <path class="cls-10" d="M3646.36,935.1l-62.52-52.26c-32.14,20.97-70.49,33.18-111.65,33.18-26.43,0-51.71-5.03-74.92-14.19l105.14,91.55c53.89-5.73,103.33-26.6,143.96-58.28Z"/>
+        <path class="cls-10" d="M3267.34,711.18h-.09c12.54-21.87,21.97-45.17,28.14-69.42l-70.57-58.99c-1.52,30.49-9.86,59.84-24.47,86.33h-.02c-3.02,5.48-6.33,10.85-9.9,16.1-.45.66-.88,1.32-1.34,1.97-4.76,6.82-9.99,13.41-15.7,19.72l120.36,104.8c-16.81-29.71-26.41-64.02-26.41-100.52Z"/>
+        <path class="cls-10" d="M3404.8,733.2l-26.35-22.02h-56.12c0,82.63,67.23,149.86,149.86,149.86,23.97,0,46.64-5.67,66.75-15.72l-76.47-63.92c-27.1-3.73-49.36-22.83-57.67-48.2Z"/>
+        <path class="cls-10" d="M3491.31,779.45l65.87,55.08c8.79-6.08,16.9-13.07,24.2-20.83l-60.2-51.32c-8.29,7.94-18.51,13.89-29.86,17.07Z"/>
+        <path class="cls-10" d="M3090.97,444.65l49.25,41.19c-13.11-17.12-29.92-31.26-49.25-41.19Z"/>
+        <path class="cls-10" d="M3377.96,640.28l-167.52-142.81c7.48,18.39,12.29,38.14,13.97,58.76l100.5,84.04h53.05Z"/>
+        <path class="cls-10" d="M3683.34,900.61l-60.09-51.23c-7.03,7.68-14.64,14.83-22.75,21.36l61.39,51.34c7.53-6.78,14.69-13.95,21.45-21.48Z"/>
+        <path class="cls-10" d="M2929.97,310.02l75.68,63.29c6.31-.6,12.71-.91,19.17-.91,15.4,0,30.39,1.75,44.8,5.05l-93.56-79.75c-15.87,2.81-31.27,6.96-46.1,12.33Z"/>
+        <path class="cls-10" d="M3424.29,640.28l-402.84-346.84c-5.41.06-10.78.29-16.11.66l123.26,107.33c19.56,11.9,36.93,27.06,51.35,44.71l222.95,194.14h21.39Z"/>
+        <path class="cls-10" d="M3530.52,751.41l59.7,51.99c3.16-4.04,6.12-8.25,8.87-12.61l-61.29-52.77c-1.95,4.74-4.39,9.23-7.28,13.4Z"/>
+        <path class="cls-10" d="M3701.17,878.67l-60.07-51.72c-2.97,4.32-6.09,8.51-9.37,12.58l59.56,51.86c3.41-4.14,6.71-8.38,9.89-12.72Z"/>
+        <path class="cls-10" d="M2779.46,439.48l61.59,53.63c5.57-12.83,12.45-24.97,20.47-36.25l-60-51.66c-8.15,10.84-15.53,22.29-22.06,34.27Z"/>
+        <path class="cls-10" d="M2885.74,532.02l55.04,47.93,18.02-.08c-.17-1.95-.28-3.91-.28-5.9,0-10.07,2.26-19.62,6.29-28.17l-60.82-52.37c-7.87,11.77-14.07,24.75-18.25,38.59Z"/>
+        <polygon class="cls-10" points="3122.59 681.64 3062.39 629.81 3032.44 659.77 3092.32 711.91 3122.59 681.64"/>
+        <path class="cls-10" d="M3200.17,792.16c1.96,6.56,4.15,13.02,6.56,19.37l210.68,183.45h54.77c4.68,0,9.32-.12,13.94-.34l-322.47-277.64-30.48,30.48,59.69,51.98,7.3-7.3Z"/>
+        <polygon class="cls-10" points="3076.29 727.94 3016.1 676.11 3007.05 685.16 3066.93 737.3 3076.29 727.94"/>
+        <path class="cls-10" d="M2763.84,473.38l65.26,56.83c.91-4.19,1.95-8.33,3.11-12.42l-64.02-55.12c-1.52,3.54-2.97,7.11-4.35,10.71Z"/>
+        <path class="cls-10" d="M2879.56,573.97c0,.06,0,.12,0,.18l6.95,6.05,18.09-.08-24.3-20.92c-.49,4.86-.75,9.79-.75,14.77Z"/>
+        <path class="cls-10" d="M3275.96,916.02h-3.78l90.68,78.96h23.59l-154.71-133.2c12.48,19.86,27.35,38.08,44.21,54.24Z"/>
+        <polygon class="cls-10" points="3177.37 814.96 3117.36 763.3 3107.79 772.87 3167.48 824.85 3177.37 814.96"/>
+      </g>
+      <path class="cls-6" d="M3268.93,916.02h-192.62l123.86-123.86,3.06-12.08-7.57,7.57-123.86,123.86-10.89,10.89h220.65"/>
+      <path class="cls-3" d="M3472.18,427.37h-32.3l-28.4,78.96h60.69c112.95,0,204.84,91.89,204.84,204.84s-91.89,204.84-204.84,204.84-204.84-91.89-204.84-204.84h-.08c12.79-22.31,22.36-46.12,28.52-70.89h176.41c39.09,0,70.9,31.8,70.9,70.89s-31.8,70.89-70.9,70.89-70.89-31.8-70.89-70.89h-78.96c0,82.63,67.23,149.86,149.86,149.86s149.86-67.23,149.86-149.86-67.23-149.86-149.86-149.86h-139.21l67.94-188.93h324.45l-59-78.96h-320.97l-62.28,173.2c-41.83-101.53-141.84-173.2-258.29-173.2-153.96,0-279.21,125.26-279.21,279.21,0,2.29.04,4.58.09,6.86l79-.35c-.07-2.16-.13-4.33-.13-6.5,0-110.42,89.83-200.25,200.25-200.25s200.25,89.83,200.25,200.25c0,34.11-8.5,67.05-24.73,96.47h-.02c-3.02,5.48-6.33,10.85-9.9,16.1-.45.66-.88,1.32-1.34,1.97-6.64,9.51-14.19,18.58-22.67,27.06l-280.75,280.74h586.51c156.49,0,283.81-127.31,283.81-283.8s-127.31-283.8-283.81-283.8ZM3472.18,988.6h-571.1l269.85-269.85c8.59-8.59,16.46-17.98,23.39-27.91.3-.44.6-.88.9-1.32.16-.24.32-.48.48-.72,2.33-3.42,4.54-6.89,6.61-10.34l.12.09,3.5-6.35c16.7-30.27,25.52-64.7,25.52-99.55,0-113.94-92.69-206.63-206.63-206.63s-206.63,92.69-206.63,206.63v.15l-66.2.3c0-.15,0-.3,0-.45,0-150.44,122.39-272.83,272.83-272.83,55.05,0,108.14,16.39,153.53,47.41,44.32,30.29,78.5,72.42,98.86,121.84l6.3,15.3,5.6-15.57,60.76-168.98h312.41l50.49,66.2h-316.36l-1.52,4.22-67.94,188.93-3.07,8.54h148.29c79.11,0,143.48,64.36,143.48,143.48s-64.36,143.48-143.48,143.48-139.99-60.93-143.34-137.1h66.32c3.26,39.64,36.55,70.89,77.01,70.89,42.61,0,77.28-34.67,77.28-77.27s-34.67-77.27-77.28-77.27h-181.4l-1.2,4.84c-6.02,24.21-15.39,47.51-27.86,69.26-.55,2.63-.63,5.29-.66,9.55,3.38,113.53,96.79,204.84,211.13,204.84s211.22-94.75,211.22-211.22-94.75-211.22-211.22-211.22h-51.62l23.81-66.2h27.81c152.97,0,277.43,124.45,277.43,277.42s-124.45,277.42-277.43,277.42Z"/>
+      <path class="cls-4" d="M2901.08,988.6h571.1c152.97,0,277.43-124.45,277.43-277.42s-124.45-277.42-277.43-277.42h-27.81l-4.49-6.38h32.3c156.49,0,283.81,127.31,283.81,283.8s-127.31,283.8-283.81,283.8h-586.51l15.4-6.38Z"/>
+      <polygon class="cls-2" points="2809.39 995 2697.6 994.98 2713.01 988.6 2806.56 988.8 2809.39 995"/>
+      <polygon class="cls-1" points="2824.85 579.22 2745.65 579.52 2752.17 573.24 2818.07 572.85 2824.85 579.22"/>
+      <polygon class="cls-5" points="2958.53 579.76 2879.33 580.05 2885.84 573.78 2951.75 573.38 2958.53 579.76"/>
+      <polygon class="cls-12" points="3395.3 717.55 3328.86 717.46 3322.39 711.26 3401.32 711.26 3395.3 717.55"/>
+      <path class="cls-13" d="M3291.83,922.36l-230.89.04,15.4-6.35,199.63-.07c4.84,2.88,10.09,5.07,15.86,6.38Z"/>
+      <path class="cls-14" d="M3487.25,994.65l-602.2.62,16.26-6.38,577.8-.27c48.54,3.06,179.56-26.84,241.66-155.2,12.58-5.58,11.38-14.35,24.31-44.08-14.12,43.82-75.24,193.7-257.82,205.31Z"/>
+      <path class="cls-15" d="M2712.99,988.58l271.84-271.82,7.37-7.37-.26-.09,80.29-80.29c16.07-13.86,25.28-33.9,25.28-55.04,0-2.23-.11-4.43-.3-6.6-.93,3.06-2.12,6.05-3.5,8.91-.95,1.96-1.98,3.88-3.07,5.77-2.06,16.85-10.47,31.76-22.75,42.28l-87.84,87.84c.09.03.18.05.27.08l-282.76,282.76,15.44-6.42Z"/>
+      <path class="cls-17" d="M3170.09,573.97c0-79.33-63.91-143.99-142.95-145.24,6.96,1.7,13.83,3.79,20.59,6.17,4.29,1.5,8.54,3.12,12.75,4.83,59.36,15.78,103.23,69.98,103.23,134.24,0,35.67-13.42,69.32-37.88,95.22-.36.74-.73,1.48-1.1,2.21-3.15,6.24-6.6,12.34-10.22,18.32l13.03-13.03-.05-.05c26.3-26.3,42.6-62.62,42.6-102.67Z"/>
+      <polygon class="cls-24" points="3666.41 293.38 3345.44 293.38 3349.92 299.76 3662.34 299.76 3666.41 293.38"/>
+      <path class="cls-25" d="M3549.46,711.18c0,42.61-34.67,77.27-77.28,77.27s-73.76-31.26-77.01-70.89l6.12-6.38c0,39.09,31.8,70.89,70.89,70.89s70.9-31.8,70.9-70.89h6.38Z"/>
+      <path class="cls-26" d="M2885.68,994.98l280.75-280.74c8.48-8.48,16.03-17.54,22.67-27.06.46-.65.89-1.32,1.34-1.97,3.57-5.25,6.88-10.62,9.9-16.11h.02c16.23-29.4,24.73-62.35,24.73-96.45,0-110.42-89.83-200.25-200.25-200.25s-200.25,89.83-200.25,200.25c0,2.18.06,4.34.13,6.5l-79,.35c-.06-2.28-.09-4.57-.09-6.86,0-113.89,68.54-212.07,166.54-255.46.44-.08.87-.17,1.31-.25,9.65-1.79,19.35-3.29,29.1-4.45-110.36,34.98-190.56,138.37-190.56,260.16,0,.15,0,.3,0,.45l66.2-.3v-.15c0-113.94,92.69-206.63,206.63-206.63s206.63,92.69,206.63,206.63c0,34.85-8.83,69.28-25.52,99.55l-3.5,6.35-.12-.09c-2.07,3.46-4.28,6.92-6.61,10.34-.16.24-.32.48-.48.72-.3.44-.59.88-.9,1.32-6.93,9.93-14.8,19.33-23.39,27.91l-269.85,269.85"/>
+      <polygon class="cls-27" points="3439.89 427.37 3411.49 506.34 3420.57 499.96 3444.37 433.75 3439.89 427.37"/>
+      <path class="cls-16" d="M3411.49,506.34h60.69c112.95,0,204.84,91.89,204.84,204.84s-91.89,204.84-204.84,204.84-204.84-91.89-204.84-204.84l-5.62-3.17c-.55,2.63-.63,5.29-.66,9.55,3.38,113.53,96.79,204.84,211.13,204.84s211.22-94.75,211.22-211.22-94.75-211.22-211.22-211.22h-51.62"/>
+      <path class="cls-19" d="M3261.72,708c12.47-21.75,21.84-45.05,27.86-69.26l1.2-4.84,4.99,6.38c-6.16,24.78-15.73,48.58-28.52,70.89h.08l-5.62-3.17Z"/>
+      <polygon class="cls-18" points="3322.33 711.18 3401.29 711.18 3395.17 717.56 3328.85 717.56 3322.33 711.18"/>
+      <path class="cls-20" d="M3622.04,711.18c0-82.63-67.23-149.86-149.86-149.86h-139.21l-9.07,6.38h148.29c79.11,0,143.48,64.36,143.48,143.48h6.38Z"/>
+      <polygon class="cls-21" points="3332.97 561.32 3400.91 372.39 3396.43 366.01 3394.91 370.23 3326.97 559.16 3323.9 567.7 3332.97 561.32"/>
+      <polygon class="cls-29" points="3725.4 372.36 3666.4 293.39 3662.33 299.77 3712.82 365.98 3725.4 372.36"/>
+      <path class="cls-23" d="M3022.4,299.82c.81,0,1.61-.02,2.42-.02,55.05,0,108.14,16.39,153.53,47.41,44.32,30.29,78.5,72.42,98.86,121.84l5.37,13.03c.2-5.11.62-10.21.43-15.32,0-.13,0-.25,0-.38-41.89-101.41-141.83-172.96-258.19-172.96-11.75,0-23.33.73-34.7,2.15.22,0,.44,0,.66.01,10.69.29,21.13,2.4,31.62,4.23Z"/>
+      <polygon class="cls-30" points="2824.65 579.16 2745.59 579.49 2751.97 573.11 2818.21 572.71 2824.65 579.16"/>
+      <path class="cls-28" d="M3200.3,792.16c14.24,47.74,40.71,90.25,75.79,123.86,4.55,3.02,10.1,5.11,15.88,6.38l-11.46-10.99c-34.79-33.34-60.4-75.2-74.09-121.08l-3.06-10.26-3.06,12.08Z"/>
+    </g>
+    <path class="cls-22" d="M3514.82,1026.01c-28.52,20.6-59.26,37.92-91.95,51.74-57.98,24.52-119.58,36.96-183.09,36.96s-125.11-12.44-183.09-36.96c-32.68-13.82-63.42-31.14-91.94-51.74h-48.58c38.69,32.88,81.87,59.51,128.84,79.37,61.7,26.1,127.23,39.33,194.78,39.33s133.08-13.23,194.78-39.33c46.96-19.86,90.15-46.49,128.84-79.37h-48.58Z"/>
+    <path class="cls-31" d="M2958.87,266.94c30.16-22.51,62.88-41.27,97.82-56.05,57.98-24.52,119.58-36.96,183.09-36.96s125.11,12.44,183.09,36.96c34.94,14.78,67.66,33.54,97.82,56.05h47.7c-39.96-34.87-84.84-62.96-133.84-83.68-61.7-26.1-127.23-39.33-194.78-39.33s-133.08,13.23-194.78,39.33c-49,20.72-93.88,48.81-133.84,83.68h47.7Z"/>
+  </g>
+</svg>
diff --git a/tup/img/logo-white.svg b/tup/img/logo-white.svg
new file mode 100644
index 00000000..ee96ecc5
--- /dev/null
+++ b/tup/img/logo-white.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 273 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-5.47,-8.34)">
+        <path d="M277.873,32.571L261.824,32.536C261.484,30.972 260.652,28.612 258.627,26.561C256.48,24.387 252.961,22.491 247.096,22.491C242.686,22.491 239.612,23.577 237.445,25.252C234.861,27.25 233.512,30.127 232.86,33.343C232.272,36.24 232.255,39.416 232.255,42.332C232.255,45.248 232.267,48.412 232.85,51.295C233.497,54.499 234.843,57.359 237.433,59.345C239.599,61.005 242.675,62.081 247.096,62.081C252.983,62.081 256.484,60.197 258.604,58.041C260.594,56.017 261.396,53.69 261.718,52.132L277.873,52.132C277.52,55.223 276.215,61.692 271.39,67.164C266.933,72.216 259.475,76.344 247.096,76.344C237.77,76.344 231.078,74.006 226.298,70.466C215.153,62.213 214.431,47.624 214.431,42.333L214.431,42.333C214.431,37.043 215.153,22.462 226.298,14.214C231.078,10.676 237.77,8.34 247.096,8.34C259.474,8.34 266.932,12.472 271.389,17.528C276.214,23.003 277.519,29.477 277.873,32.571Z" style="fill:rgb(254,255,254);"/>
+    </g>
+    <g transform="matrix(1,0,0,1,-5.47,-8.34)">
+        <path d="M204.206,32.571L188.157,32.536C187.817,30.972 186.985,28.612 184.96,26.561C182.813,24.387 179.294,22.491 173.429,22.491C169.019,22.491 165.945,23.577 163.778,25.252C161.194,27.25 159.845,30.127 159.193,33.343C158.605,36.24 158.588,39.416 158.588,42.332C158.588,45.248 158.6,48.412 159.183,51.295C159.83,54.499 161.176,57.359 163.766,59.345C165.932,61.005 169.008,62.081 173.429,62.081C179.316,62.081 182.817,60.197 184.937,58.041C186.927,56.017 187.729,53.69 188.051,52.132L204.206,52.132C203.853,55.223 202.548,61.692 197.723,67.164C193.266,72.216 185.808,76.344 173.429,76.344C164.103,76.344 157.411,74.006 152.631,70.466C141.486,62.213 140.764,47.624 140.764,42.333C140.764,37.043 141.486,22.462 152.631,14.214C157.411,10.676 164.103,8.34 173.429,8.34C185.807,8.34 193.265,12.472 197.722,17.528C202.547,23.003 203.852,29.477 204.206,32.571Z" style="fill:rgb(254,255,254);"/>
+    </g>
+    <g transform="matrix(1.08293,0,0,1.02998,-13.8011,-11.8159)">
+        <path d="M84.408,76.881L90.405,54.8L77.637,42.667L94.442,42.667L100.445,22.415L106.432,42.667L123.277,42.667L110.464,54.79L116.428,76.881L100.398,62.833L84.408,76.881Z" style="fill:white;fill-rule:nonzero;"/>
+    </g>
+    <path d="M69.399,34.709L58.5,68L74.827,68L75.203,66.684C75.203,66.684 81.27,45.438 81.27,45.438L69.399,34.709ZM131.25,68L115.06,68L108.654,45.433L120.261,34.988L131.25,68ZM118.477,29.63L103.298,29.63C103.298,29.63 94.977,2.859 94.977,2.859L86.634,29.63L71.061,29.63L80.75,0.035L108.625,0.035L118.477,29.63Z" style="fill:rgb(254,255,255);"/>
+    <g transform="matrix(1,0,0,1,-5.47,-8.34)">
+        <path d="M5.47,8.375L68.845,8.375L68.845,24.25L47.72,24.375L47.345,76.34L27.72,76.34L27.345,24.375L5.47,24L5.47,8.375Z" style="fill:rgb(254,255,255);fill-rule:nonzero;"/>
+    </g>
+</svg>