.trpo-hero{--trpo-text-color:#ffffff;--trpo-accent-color:#ffffff;--trpo-slide-duration:6000ms;--trpo-hero-ratio:1942/809;--trpo-hero-ratio-mobile:941/1672;aspect-ratio:var(--trpo-hero-ratio);max-height:100svh}.trpo-hero,.trpo-hero__pin{position:relative;width:100%}.trpo-hero__pin{height:100%;overflow:hidden;background:#000}.trpo-hero__carousel{position:absolute;inset:0;overflow:hidden}.trpo-hero__carousel:focus-visible{outline:2px solid var(--trpo-text-color);outline-offset:-4px}.trpo-hero__track{display:flex;height:100%;width:100%;will-change:transform;transition:transform .9s cubic-bezier(.22,1,.36,1)}.trpo-hero__slide{position:relative;flex:0 0 100%;height:100%;overflow:hidden}.trpo-hero__image,.trpo-hero__slide picture{display:block;height:100%;width:100%}.trpo-hero__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.trpo-hero__placeholder{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;background-color:#0f0f0f;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.035) 1px,transparent 0,transparent 11px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.trpo-hero__placeholder-index{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:rgba(255,255,255,.07)}.trpo-hero__placeholder-label{font-size:.875rem;font-weight:600;color:rgba(255,255,255,.55)}.trpo-hero__arrow{position:absolute;top:50%;z-index:3;display:flex;height:44px;width:44px;transform:translateY(-50%);align-items:center;justify-content:center;color:var(--trpo-text-color);background:transparent;border:1px solid rgba(255,255,255,.25);cursor:pointer;opacity:.45;transition:opacity .25s ease,border-color .25s ease,background-color .25s ease}.trpo-hero__arrow svg{height:20px;width:20px}.trpo-hero__arrow:hover{opacity:1;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.08)}.trpo-hero__arrow:focus-visible{opacity:1;outline:2px solid var(--trpo-text-color);outline-offset:3px}.trpo-hero__arrow--prev{left:clamp(12px,2vw,28px)}.trpo-hero__arrow--next{right:clamp(12px,2vw,28px)}.trpo-hero__indicators{position:absolute;bottom:clamp(14px,2.5vw,28px);left:50%;z-index:3;display:flex;gap:10px;transform:translateX(-50%)}.trpo-hero__indicator{padding:10px 0;background:none;border:0;cursor:pointer}.trpo-hero__indicator:focus-visible{outline:2px solid var(--trpo-text-color);outline-offset:3px}.trpo-hero__indicator-track{display:block;height:2px;width:42px;overflow:hidden;background:rgba(255,255,255,.28)}.trpo-hero__indicator-fill{display:block;height:100%;width:100%;background:var(--trpo-accent-color);transform:scaleX(0);transform-origin:left center;backface-visibility:hidden}.trpo-hero__indicator-fill[data-state=done]{transform:scaleX(1)}.trpo-hero__indicator-fill[data-state=running]{will-change:transform;animation:trpo-hero-progress var(--trpo-slide-duration) linear forwards}.trpo-hero__indicators[data-paused=true] .trpo-hero__indicator-fill[data-state=running]{animation-play-state:paused}@keyframes trpo-hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:700px){.trpo-hero[data-mobile-art=true]{aspect-ratio:var(--trpo-hero-ratio-mobile)}}@media (max-width:600px){.trpo-hero__arrow{display:none}.trpo-hero__indicator-track{width:30px}}@media (prefers-reduced-motion:reduce){.trpo-hero__track{transition:none}.trpo-hero__indicator-fill[data-state=running]{transform:scaleX(1);animation:none}}