/* Industries hero, after Spector's About: full-bleed desaturated photo, right half tinted in the brand colour behind a hard vertical split, film grain. */
.page-hero--about { min-height: 100svh; padding: 0; display: flex; background: #0b0b0e; }
.page-hero--about::before { display: none; }
.about-photo { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.about-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; filter: grayscale(.9) contrast(1.05) brightness(.62); }
.about-photo__tint { position: absolute; top: 0; bottom: 0; right: 0; width: 45%; background: #900fff; mix-blend-mode: color; opacity: .95; }
.about-photo__tint::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(60,0,120,.35), rgba(20,0,50,.55)); mix-blend-mode: multiply; }
.about-photo__grain { position: absolute; inset: -50%; opacity: .22; mix-blend-mode: overlay; pointer-events: none; animation: aboutGrain 1.2s steps(6) infinite;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
@keyframes aboutGrain { 0% { transform: translate(0,0); } 20% { transform: translate(-3%,2%); } 40% { transform: translate(2%,-3%); } 60% { transform: translate(-2%,-1%); } 80% { transform: translate(3%,3%); } 100% { transform: translate(0,0); } }
.about-photo::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(0deg, rgba(5,6,9,.85) 0%, rgba(5,6,9,0) 45%), linear-gradient(180deg, rgba(5,6,9,.6) 0%, rgba(5,6,9,0) 22%); }
.js .about-photo { opacity: 0; transform: scale(1.05); transition: opacity 1.6s var(--ease) .3s, transform 2.4s var(--ease) .3s; }
.js.is-ready .about-photo { opacity: 1; transform: none; }

.about-hero { position: relative; display: flex; flex-direction: column; min-height: 100svh; padding-top: calc(var(--bar-h, 72px) + clamp(1.5rem, 3vw, 2.4rem)); padding-bottom: clamp(1.4rem, 3vw, 2.4rem); }
.about-hero .crumbs { margin-bottom: 0; }
.about-hero__main { margin-top: auto; padding-top: 4rem; }
.about-hero__sub { font-size: clamp(1.3rem, 1rem + 1.3vw, 2.1rem); font-weight: 600; letter-spacing: -0.05em; line-height: 1.12; color: #f4f1ec; }
.about-hero__title { margin-top: .3rem; font-size: clamp(2.8rem, 1rem + 7.4vw, 8.4rem); font-weight: 700; text-transform: uppercase; letter-spacing: -0.065em; line-height: .92; color: #f4f1ec; word-spacing: .14em; }
.about-hero__accent { color: #b266ff; }
.about-hero__foot { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 28rem); gap: clamp(1.4rem, 4vw, 4rem); align-items: end; margin-top: clamp(2rem, 4vw, 3.4rem); }
.about-hero__cap { grid-column: 2; grid-row: 1; padding-left: 1.1rem; border-left: 1px solid #b266ff; font-size: clamp(1rem, .9rem + .4vw, 1.25rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.35; color: #f4f1ec; }
.about-hero__meta { grid-column: 1; grid-row: 1; margin-top: 0; padding-top: 0; border-top: 0; }
.about-hero__meta .hero-meta__chips { margin-left: 0; }
@media (max-width: 860px) { .about-hero__foot { grid-template-columns: 1fr; } .about-hero__cap, .about-hero__meta { grid-column: 1; grid-row: auto; } .about-photo__tint { width: 100%; opacity: .45; } .about-photo img { object-position: 62% 40%; } }
@media (prefers-reduced-motion: reduce) { .about-photo__grain { animation: none; } .js .about-photo { opacity: 1; transform: none; transition: none; } }