.apx-ts-hero{position:relative;overflow:hidden;border-bottom:1px solid #232326;background:#0a0a0a;font-family:Archivo,system-ui,sans-serif;color:#fff}
.apx-ts-grid{display:grid;grid-template-columns:72px 1fr;min-height:78vh}

.apx-ts-spine{background:#8e19c8;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 0}
.apx-ts-spine span{font-size:11px;font-weight:900;letter-spacing:.2em;writing-mode:vertical-rl;transform:rotate(180deg);color:#fff;text-transform:uppercase}
.apx-ts-spine span:last-child{font-size:12px;letter-spacing:.14em}

.apx-ts-split{position:relative;display:grid;grid-template-columns:1fr 1fr}

.apx-ts-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:48px 6% 48px 5%}
.apx-ts-badge{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;background:#e11d2e;color:#fff;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;padding:8px 15px;border-radius:2px}
.apx-ts-copy h1{margin:20px 0 0;font-size:clamp(42px,5.6vw,80px);font-weight:900;letter-spacing:-.04em;line-height:.9;color:#fff}
.apx-ts-copy p{max-width:38ch;margin:18px 0 0;font-size:15px;line-height:1.6;color:#c2c2c9}
.apx-ts-quote{margin-top:30px;padding-left:18px;border-left:2px solid #8e19c8}
.apx-ts-quote p{margin:0;font-size:17px;line-height:1.55;font-style:italic;color:#fff;max-width:none}
.apx-ts-quote-attr{margin-top:10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8b8b95}

.apx-ts-media{position:relative;overflow:hidden;background:#141416}
.apx-ts-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:apx-ts-zoom 10s ease-in-out infinite}
.apx-ts-media-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.5) 0%,transparent 30%)}

.apx-ts-orbit{position:absolute;top:24px;right:24px;width:74px;height:74px}
.apx-ts-orbit svg{width:100%;height:100%;animation:apx-ts-spin 14s linear infinite}
.apx-ts-orbit-dot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.apx-ts-orbit-dot span{width:10px;height:10px;border-radius:999px;background:#e11d2e}

@keyframes apx-ts-zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes apx-ts-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

@media (prefers-reduced-motion: reduce){
  .apx-ts-media img,.apx-ts-orbit svg{animation-duration:.001ms!important;animation-iteration-count:1!important}
}

@media (max-width: 760px){
  .apx-ts-grid{grid-template-columns:1fr}
  .apx-ts-spine{flex-direction:row;padding:10px 18px}
  .apx-ts-spine span{writing-mode:horizontal-tb;transform:none}
  .apx-ts-split{grid-template-columns:1fr}
  .apx-ts-copy h1{font-size:clamp(38px,12vw,60px)}
  .apx-ts-media{min-height:50vh}
}