/* Tape Journal — About page */
.tj-about-main.alignfull,
.tj-about-main > .wp-block-shortcode {
  margin: 0 !important;
  max-width: none !important;
  width: 100%;
}

.tj-about-main { overflow: clip; }
.tj-about-page a { text-decoration: none; }

body.page-slug-o-nas .wp-site-blocks > .wp-block-template-part + .tj-about-main,
.tj-about-main + .wp-block-template-part { margin-block-start: 0 !important; }

.tj-about-hero {
  background-color: var(--tj-espresso);
  background-image: linear-gradient(90deg,rgba(19,8,4,.94) 0%,rgba(19,8,4,.86) 34%,rgba(19,8,4,.36) 67%,rgba(19,8,4,.08) 100%),var(--tj-about-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--tj-paper);
  min-height: clamp(42rem,68vw,54rem);
}

.tj-about-hero__inner { align-items: center; display: flex; min-height: inherit; }
.tj-about-hero__copy { max-width: 47rem; padding-block: clamp(6rem,11vw,10rem); }
.tj-about-hero .tj-label { color: var(--tj-kraft); margin: 0 0 2rem; }
.tj-about-hero h1 { font-size: clamp(3.6rem,6.8vw,7.5rem); letter-spacing: -.05em; line-height: .84; margin: 0; text-wrap: balance; }
.tj-about-hero__copy > p:not(.tj-label) { color: rgba(244,239,229,.72); font-size: clamp(.95rem,1.25vw,1.1rem); line-height: 1.75; margin: 2rem 0 0; max-width: 37rem; }
.tj-about-hero__link { border-bottom: .0625rem solid currentColor; color: var(--tj-paper); display: inline-block; font-family: var(--tj-font-data); font-size: .67rem; letter-spacing: .08em; margin-top: 2.25rem; padding-bottom: .25rem; text-transform: uppercase; }

.tj-about-tape { background: var(--tj-kraft); color: var(--tj-espresso); overflow: hidden; width: 100%; }
.tj-about-tape > div { animation: tj-about-tape 24s linear infinite; display: flex; min-width: max-content; width: 200%; }
.tj-about-tape span { align-items: center; display: flex; font-family: var(--tj-font-data); font-size: .64rem; height: 3rem; justify-content: center; letter-spacing: .1em; min-width: 10%; text-transform: uppercase; }
.tj-about-tape span::after { content: "·"; margin-left: 3rem; opacity: .55; }
@keyframes tj-about-tape { to { transform: translateX(-50%); } }

.tj-about-story,
.tj-about-audience,
.tj-about-standards { display: grid; gap: clamp(2.5rem,7vw,8rem); grid-template-columns: 9rem minmax(0,1fr); padding-block: clamp(5.5rem,10vw,10rem); }
.tj-about-section-number { border-top: .0625rem solid var(--tj-rule); padding-top: 1rem; }
.tj-about-section-number span { font-family: var(--tj-font-display); font-size: 3rem; line-height: 1; }
.tj-about-section-number p { color: var(--tj-ink-soft); font-family: var(--tj-font-data); font-size: .62rem; letter-spacing: .09em; margin: .55rem 0 0; text-transform: uppercase; }
.tj-about-story__content > .tj-label,
.tj-about-heading .tj-label,
.tj-about-standards .tj-label { color: var(--tj-brown); margin: 0 0 1.25rem; }
.tj-about-story h2,
.tj-about-heading h2,
.tj-about-standards h2 { font-size: clamp(3.25rem,6vw,6.4rem); letter-spacing: -.045em; line-height: .88; margin: 0; max-width: 64rem; }
.tj-about-story__columns { border-top: .0625rem solid var(--tj-rule); display: grid; gap: clamp(2rem,5vw,5rem); grid-template-columns: 1fr 1fr; margin-top: 3.5rem; padding-top: 2rem; }
.tj-about-story__columns p,
.tj-about-standards__grid > div:last-child p { color: var(--tj-ink-soft); font-size: .92rem; line-height: 1.8; margin: 0; max-width: 37rem; }

.tj-about-belief { background: var(--tj-espresso); color: var(--tj-paper); }
.tj-about-belief__inner { padding-block: clamp(6rem,11vw,10rem); }
.tj-about-belief .tj-label { color: var(--tj-kraft); margin: 0 0 3rem; }
.tj-about-belief blockquote { border: 0; font-family: var(--tj-font-display); font-size: clamp(4rem,7.5vw,8rem); letter-spacing: -.055em; line-height: .83; margin: 0; max-width: 75rem; padding: 0; }
.tj-about-belief__notes { border-top: .0625rem solid rgba(244,239,229,.2); display: grid; gap: 1rem; grid-template-columns: repeat(3,1fr); margin-top: 4rem; padding-top: 1.25rem; }
.tj-about-belief__notes span { color: rgba(244,239,229,.62); font-family: var(--tj-font-data); font-size: .64rem; letter-spacing: .08em; text-transform: uppercase; }

.tj-about-audience__content { min-width: 0; }
.tj-about-audience__grid { border-left: .0625rem solid var(--tj-rule); border-top: .0625rem solid var(--tj-rule); display: grid; grid-template-columns: repeat(3,1fr); margin-top: 4rem; }
.tj-about-audience__grid article { border-bottom: .0625rem solid var(--tj-rule); border-right: .0625rem solid var(--tj-rule); min-height: 23rem; padding: clamp(1.5rem,3vw,2.75rem); transition: background-color 250ms ease,color 250ms ease; }
.tj-about-audience__grid article > span { font-family: var(--tj-font-data); font-size: .62rem; letter-spacing: .08em; }
.tj-about-audience__grid h3 { font-size: clamp(2.25rem,3.2vw,3.45rem); line-height: .92; margin: 8rem 0 1rem; }
.tj-about-audience__grid p { color: var(--tj-ink-soft); font-size: .8rem; line-height: 1.65; margin: 0; }
.tj-about-audience__grid article:hover { background: var(--tj-brown); color: var(--tj-paper); }
.tj-about-audience__grid article:hover p { color: rgba(244,239,229,.7); }

.tj-about-two-sides { background: #ded0b8; padding-block: clamp(5.5rem,10vw,9rem); }
.tj-about-two-sides .tj-about-section-number { max-width: 9rem; }
.tj-about-two-sides .tj-about-heading { margin: clamp(3rem,6vw,6rem) 0 4rem clamp(0rem,12vw,12rem); }
.tj-about-two-sides__grid { border-left: .0625rem solid rgba(50,18,0,.25); border-top: .0625rem solid rgba(50,18,0,.25); display: grid; grid-template-columns: 1fr 1fr; }
.tj-about-two-sides__grid a { border-bottom: .0625rem solid rgba(50,18,0,.25); border-right: .0625rem solid rgba(50,18,0,.25); color: var(--tj-ink); display: flex; flex-direction: column; min-height: 31rem; padding: clamp(2rem,4vw,4rem); transition: background-color 280ms ease,color 280ms ease; }
.tj-about-two-sides__grid span { font-family: var(--tj-font-data); font-size: .63rem; letter-spacing: .09em; text-transform: uppercase; }
.tj-about-two-sides__grid strong { font-family: var(--tj-font-display); font-size: clamp(4rem,7vw,7rem); font-weight: 500; letter-spacing: -.055em; line-height: .82; margin-top: auto; }
.tj-about-two-sides__grid p { color: var(--tj-ink-soft); line-height: 1.7; margin: 1.5rem 0; max-width: 31rem; }
.tj-about-two-sides__grid i { border-bottom: .0625rem solid currentColor; font-family: var(--tj-font-data); font-size: .63rem; font-style: normal; letter-spacing: .07em; width: max-content; text-transform: uppercase; }
.tj-about-two-sides__grid a:hover { background: var(--tj-brown); color: var(--tj-paper); }
.tj-about-two-sides__grid a:hover p { color: rgba(244,239,229,.7); }

.tj-about-standards__grid { display: grid; gap: clamp(2rem,7vw,7rem); grid-template-columns: 1fr 1fr; }
.tj-about-standards__grid > div:last-child { border-top: .0625rem solid var(--tj-rule); padding-top: 1.5rem; }
.tj-about-standards__grid > div:last-child p + p { margin-top: 1.5rem; }
.tj-about-standards__grid a { border-bottom: .0625rem solid currentColor; display: inline-block; font-family: var(--tj-font-data); font-size: .65rem; letter-spacing: .07em; margin-top: 2rem; padding-bottom: .25rem; text-transform: uppercase; }

.tj-about-cta { background: var(--tj-brown); color: var(--tj-paper); padding-block: clamp(6rem,11vw,10rem); }
.tj-about-cta .tj-label { color: #dfb57a; margin: 0; }
.tj-about-cta h2 { font-size: clamp(4.5rem,9vw,9rem); letter-spacing: -.06em; line-height: .78; margin: 2rem 0 3rem; }
.tj-about-cta > div > div { align-items: center; display: flex; flex-wrap: wrap; gap: 1.5rem; }
.tj-about-cta > div > div > a:not(.tj-button) { color: var(--tj-paper); font-family: var(--tj-font-data); font-size: .65rem; letter-spacing: .07em; text-transform: uppercase; }

@media (max-width: 900px) {
  .tj-about-hero { background-image: linear-gradient(180deg,rgba(19,8,4,.18),rgba(19,8,4,.92) 68%),var(--tj-about-image); background-position: 62% center; min-height: 46rem; }
  .tj-about-hero__inner { align-items: flex-end; }
  .tj-about-hero__copy { padding-block: 16rem 4rem; }
  .tj-about-story,.tj-about-audience,.tj-about-standards { grid-template-columns: 1fr; }
  .tj-about-section-number { max-width: 9rem; }
  .tj-about-audience__grid { grid-template-columns: 1fr; }
  .tj-about-audience__grid article { min-height: 17rem; }
  .tj-about-audience__grid h3 { margin-top: 5rem; }
  .tj-about-two-sides .tj-about-heading { margin-left: 0; }
}

@media (max-width: 700px) {
  .tj-about-hero h1 { font-size: clamp(3.3rem,15vw,5rem); }
  .tj-about-story__columns,.tj-about-belief__notes,.tj-about-two-sides__grid,.tj-about-standards__grid { grid-template-columns: 1fr; }
  .tj-about-story h2,.tj-about-heading h2,.tj-about-standards h2 { font-size: clamp(3rem,13vw,4.4rem); }
  .tj-about-belief blockquote { font-size: clamp(3.6rem,15vw,5.2rem); }
  .tj-about-belief__notes { gap: 1rem; }
  .tj-about-two-sides__grid a { min-height: 24rem; }
  .tj-about-cta h2 { font-size: clamp(4rem,17vw,6rem); }
}

@media (prefers-reduced-motion: reduce) { .tj-about-tape > div { animation: none; transform: none; } }