.about-hero { position: relative; isolation: isolate; overflow: hidden; background: #102b26; color: #fbfaf6; min-height: 470px; }
.about-hero-copy { position: relative; z-index: 2; padding-block: 85px 65px; }
.about-hero-copy h1 { font-size: clamp(2.6rem, 5vw, 4.6rem); line-height: 1.1; max-width: 850px; margin: 24px 0; letter-spacing: -.045em; }
.about-hero-copy h1 span { color: #dcbd7c; }
.about-hero-copy > p { max-width: 630px; line-height: 1.8; color: #d9e6df; }
.about-hero-copy > .eyebrow { color: #dcbd7c; }
.about-location { color: #c7dacd; font-size: .85rem; }
.about-hero::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg,#102b26ed 0%,#102b26d9 38%,#102b2670 67%,#102b260d 100%); }

/* Original rotated word streams, now isolated to the About hero. */
#about-matrix-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .65; }
.matrix-streams { position: absolute; inset: 0; overflow: hidden; opacity: .92; pointer-events: none; perspective: 500px; }
.matrix-streams .matrix-word {
 position: absolute; top: 0; white-space: nowrap; transform-origin: 0 0;
 font-family: Consolas, "Courier New", monospace; font-size: var(--word-size,32px);
 font-weight: 500; line-height: 1.15; letter-spacing: 2px;
 color: #39dd78; text-shadow: 0 0 5px #40eb8070;
 animation: matrix-original-fall var(--fall-time,15s) ease-out var(--phase,0s) infinite;
}
.matrix-word span { color: #b9ffd1; text-shadow: 0 0 7px #8cffae90; }
.matrix-streams .matrix-word-vertical { writing-mode: vertical-lr; }
@keyframes matrix-original-fall {
 0% { transform: translate3d(0,-650px,0) rotate(90deg); opacity: 0; }
 12% { opacity: .85; }
 60% { opacity: .65; }
 100% { transform: translate3d(0,1100px,0) rotate(90deg); opacity: 0; }
}
.matrix-word-vertical { animation-name: matrix-original-vertical !important; }
@keyframes matrix-original-vertical {
 0% { transform: translate3d(0,-650px,0); opacity: 0; }
 12% { opacity: .8; }
 60% { opacity: .6; }
 100% { transform: translate3d(0,1100px,0); opacity: 0; }
}
.matrix-paused .matrix-streams .matrix-word { animation-play-state: paused; }
.matrix-streams .matrix-word:nth-child(1) { left: 31%; --fall-time: 13s; --phase: -1.56s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(2) { left: 3%; --fall-time: 13s; --phase: -6.51s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(3) { left: 13%; --fall-time: 7s; --phase: -6.17s; --word-size: 25px; }
.matrix-streams .matrix-word:nth-child(4) { left: 16%; --fall-time: 17s; --phase: -4.47s; --word-size: 44px; }
.matrix-streams .matrix-word:nth-child(5) { left: 24%; --fall-time: 20s; --phase: -12.88s; --word-size: 44px; }
.matrix-streams .matrix-word:nth-child(6) { left: 20%; --fall-time: 10s; --phase: -0.25s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(7) { left: 28%; --fall-time: 20s; --phase: -8.12s; --word-size: 25px; }
.matrix-streams .matrix-word:nth-child(8) { left: 6%; --fall-time: 17s; --phase: -13.38s; --word-size: 25px; }
.matrix-streams .matrix-word:nth-child(9) { left: 34%; --fall-time: 7s; --phase: -1.18s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(10) { left: 38%; --fall-time: 15s; --phase: -8.24s; --word-size: 44px; }
.matrix-streams .matrix-word:nth-child(11) { left: 42%; --fall-time: 10s; --phase: -9.3s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(12) { left: 46%; --fall-time: 13s; --phase: -4.04s; --word-size: 44px; }
.matrix-streams .matrix-word:nth-child(13) { left: 53%; --fall-time: 15s; --phase: -10.38s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(14) { left: 50%; --fall-time: 10s; --phase: -0.73s; --word-size: 25px; }
.matrix-streams .matrix-word:nth-child(15) { left: 60%; --fall-time: 7s; --phase: -3.18s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(16) { left: 9%; --fall-time: 20s; --phase: -16.7s; --word-size: 44px; }
.matrix-streams .matrix-word:nth-child(17) { left: 62%; --fall-time: 17s; --phase: -3.67s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(18) { left: 57%; --fall-time: 20s; --phase: -11.94s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(19) { left: 69%; --fall-time: 17s; --phase: -16.63s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(20) { left: 65%; --fall-time: 12s; --phase: -4.31s; --word-size: 44px; }
.matrix-streams .matrix-word:nth-child(21) { left: 72%; --fall-time: 17s; --phase: -12.58s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(22) { left: 75%; --fall-time: 12s; --phase: -1.45s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(23) { left: 78%; --fall-time: 20s; --phase: -10.04s; --word-size: 44px; }
.matrix-streams .matrix-word:nth-child(24) { left: 82%; --fall-time: 17s; --phase: -15.01s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(25) { left: 90%; --fall-time: 20s; --phase: -5.28s; --word-size: 44px; }
.matrix-streams .matrix-word:nth-child(26) { left: 84%; --fall-time: 17s; --phase: -10.96s; --word-size: 40px; }
.matrix-streams .matrix-word:nth-child(27) { left: 1%; --fall-time: 12s; --phase: -0.31s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(28) { left: 96%; --fall-time: 20s; --phase: -8.14s; --word-size: 25px; }
.matrix-streams .matrix-word:nth-child(29) { left: 94%; --fall-time: 17s; --phase: -13.4s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(30) { left: 88%; --fall-time: 12s; --phase: -2.03s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(31) { left: 15%; --fall-time: 17s; --phase: -9.35s; --word-size: 32px; }
.matrix-streams .matrix-word:nth-child(32) { left: 23%; --fall-time: 17s; --phase: -15.83s; --word-size: 20px; }
.matrix-streams .matrix-word:nth-child(33) { left: 9%; --fall-time: 17s; --phase: -5.3s; --word-size: 20px; }
.about-preview p { max-width: 700px; line-height: 1.8; }
@media (max-width:600px) { .about-hero-copy { padding-block: 60px 45px; } .matrix-streams { opacity: .6; } }
@media (prefers-reduced-motion:reduce) { .matrix-streams .matrix-word { animation: none !important; top: 10%; opacity: .25; transform: rotate(90deg); } .matrix-streams .matrix-word:nth-child(even) { display: none; } }