/* ================================
   ABOUT ETS PAGE — LOCAL STYLES ONLY
   Safe to paste into about.css
   ================================ */

/* Wrapper for page content */
.about-wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 8;
}

/* Section container */
.about-section {
padding: 10px;
}

/* Zig-zag alignment */
.left {
  align-self: flex-start;
  text-align: left;
}

.right {
  align-self: flex-end;
  text-align: right;
}

/* Typography */
.section-title {
  font-size: clamp(1.2rem, 3vw, 2rem);
  margin-bottom: 5px;
  line-height: 1;
}

.section-text {
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  line-height: 1;
}


/* RSP Glass Effect using Text Shadows*/
.glass-text {
  font-family: var(--font-display);
  font-size: clamp(1.2rem, 3vw, 2rem);
  color: rgba(0, 0, 0, 0.08);

  text-shadow:
    -1px 0 1px rgba(255, 255, 255, 0.28),
    1px 0 1px rgba(105, 105, 105, 0.3),
    -1px 0 0 rgba(105, 105, 105, 0.15),
	1px 0 2px rgba(0, 0, 0, 0.1),
    -1px 0 2px rgba(0, 0, 0, 0.1);

  letter-spacing: 0.5px;
  margin-bottom: 10px;
}