html{scroll-behavior:smooth}.superhero-text-card{position:relative;padding-top:120px;display:flex;flex-direction:column;gap:var(--spaceing-5);justify-content:start;overflow:hidden;align-items:center;height:max-content;min-height:100vh}@media(max-width:768px){.superhero-text-card{padding-top:80px}}.superhero-text-card .container{margin-top:1rem;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px}.superhero-text-card .runway-bg-wrapper{position:absolute;bottom:-150px;left:0;width:100%;height:500px;perspective:1000px;z-index:0;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at bottom,black 0,transparent 90%);mask-image:radial-gradient(ellipse at bottom,black 0,transparent 90%);opacity:.5;overflow:hidden}.superhero-text-card .runway-bg-perspective{width:100%;height:100%;position:absolute;bottom:0;left:0;transform-origin:bottom center;transform:rotateX(75deg) scale(3)}.superhero-text-card .hero-showcase-runway{position:relative;display:flex;justify-content:center;align-items:center;width:100%;perspective:1200px;perspective-origin:50% 60%;overflow:visible}.superhero-text-card .hero-showcase-center-img{transform-style:preserve-3d;transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden;display:block;margin:0 auto}@media screen and (max-width:1300px){.superhero-text-card .hero-showcase-center-img{width:800px}}@media(max-width:1020px){.superhero-text-card .hero-showcase-center-img{width:500px}}@media(max-width:768px){.superhero-text-card .hero-showcase-center-img{width:280px;max-width:78vw}}.superhero-text-card .hero-showcase-image-shell{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;min-height:380px}@media screen and (max-width:1300px){.superhero-text-card .hero-showcase-image-shell{min-width:450px}}@media(max-width:768px){.superhero-text-card .hero-showcase-image-shell{min-width:0;width:auto;max-width:100%;min-height:200px}}.superhero-text-card .showcase-hover-cursor{position:absolute;z-index:60;pointer-events:none;opacity:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff;background:rgba(17,24,39,.95);box-shadow:0 8px 22px rgba(0,0,0,.2);left:0;top:0}.superhero-text-card .showcase-hover-cursor.active{opacity:1}.superhero-text-card .showcase-hover-cursor svg{width:14px;height:14px}.superhero-text-card .showcase-hover-overlay{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.95);transition:opacity .2s ease-out,transform .2s ease-out;z-index:3}.superhero-text-card .showcase-hover-overlay.active{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.superhero-text-card .showcase-hover-label{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1rem;border-radius:999px;color:var(--color-4);font-size:.95rem;font-weight:600;letter-spacing:.02em}.superhero-text-card .showcase-hover-icon{width:16px;height:16px}.superhero-text-card .hero-showcase-center{position:relative;background:none;border:none;cursor:none;padding:0;overflow:visible;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width:768px){.superhero-text-card .hero-showcase-center{width:100%;cursor:pointer}}.superhero-text-card .hero-showcase-center:hover .hero-showcase-center-img{filter:brightness(1.03)}.superhero-text-card .mobile-switch-trigger{display:none;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto .75rem;border:none;border-radius:999px;color:#fff;background:rgba(17,24,39,.95);box-shadow:0 8px 22px rgba(0,0,0,.2);cursor:pointer;z-index:5}@media(max-width:768px){.superhero-text-card .mobile-switch-trigger{display:flex}}.superhero-text-card .mobile-switch-trigger:active{transform:scale(.96)}.hero-showcase-left-inner,.hero-showcase-right-inner{display:flex;flex-direction:column;gap:.75rem}@media(max-width:1020px){.hero-showcase-left-inner,.hero-showcase-right-inner{justify-content:center;align-items:center}}@keyframes expandWidth{0%{width:0}to{width:270px}}.hero-showcase-right{position:relative;overflow:visible}.superhero-text-card .hero-showcase-content,.superhero-text-card .hero-showcase-section{overflow:visible}.superhero-text-card .title{text-align:center;font-family:DM Sans,sans-serif;font-size:64px;font-style:normal;font-weight:500;line-height:normal;background:linear-gradient(179deg,#272727 16.91%,#ffffff 340.35%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.superhero-text-card .mousepadTitle{font-family:Inter,sans-serif;background:linear-gradient(170.93deg,#272727 22.78%,#424242 67.12%,#8d8d8d 193.33%);background-clip:text;-webkit-background-clip:text;font-weight:500}