.transcendent-section{padding:120px clamp(20px,8vw,130px);background:#090b10;overflow:hidden}.transcendent-section>header{max-width:780px;margin-bottom:55px}.transcendent-section>header>span{color:var(--red);font:1000 11px var(--display);letter-spacing:.2em}.transcendent-section h2{font:1000 clamp(52px,8vw,110px)/.95 var(--display);letter-spacing:-.08em;margin:15px 0}.transcendent-section header p{color:#aeb4bf}.trans-list{display:grid;gap:28px;max-width:1250px;margin:auto}.trans-card{--tone:#456fb3;position:relative;min-height:400px;background:linear-gradient(110deg,#111520 0 54%,#090b10 54%);border:1px solid #ffffff14;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;opacity:0;transform:translateY(35px);transition:opacity .75s,transform .75s,border-color .3s}.trans-card.revealed{opacity:1;transform:none}.trans-card:nth-child(2){margin-left:5vw}.trans-card:nth-child(3){margin-left:10vw}.trans-card.solark{--tone:#efad43}.trans-card.guest{--tone:#9d77c7}.trans-card:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:29%;top:15%;background:var(--tone);opacity:.22;animation:transPulse 5s ease-in-out infinite}.trans-word{position:absolute;z-index:1;left:3%;top:18%;font:1000 clamp(70px,10vw,145px)/.8 var(--display);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--tone) 58%,transparent);white-space:nowrap}.trans-copy{position:relative;z-index:3;padding:55px;align-self:end}.trans-copy>span{color:var(--tone);font:900 10px var(--display);letter-spacing:.14em}.trans-copy h3{font:1000 clamp(38px,5vw,66px)/1 var(--display);letter-spacing:-.07em;margin:10px 0 16px}.trans-copy p,.trans-copy strong{display:block;font-size:12px;line-height:1.8;color:#c8cdd6;font-weight:400}.trans-copy strong{margin-top:16px;padding-left:13px;border-left:3px solid var(--tone)}.trans-copy small{display:block;margin-top:18px;color:var(--tone);font-size:10px;font-weight:900}.trans-powers{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.trans-powers i{font-style:normal;padding:5px 8px;border:1px solid color-mix(in srgb,var(--tone) 42%,transparent);font-size:9px}.trans-image{position:relative;z-index:2;background-color:#1b202a;background-position:center;background-size:cover;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);transition:transform .6s,filter .6s}.trans-card:hover .trans-image{transform:scale(1.035);filter:brightness(1.08)}@keyframes transPulse{50%{transform:scale(1.12);opacity:.32}}
@media(max-width:900px){.trans-card,.trans-card:nth-child(n){margin-left:0;grid-template-columns:1fr;min-height:0}.trans-image{grid-row:1;min-height:430px;clip-path:none}.trans-copy{grid-row:2;padding:38px}.trans-word{top:390px}.trans-card:before{right:15%;top:36%}}
@media(max-width:680px){.transcendent-section{padding:80px 16px}.transcendent-section h2{font-size:56px}.trans-image{min-height:58svh}.trans-copy{padding:30px 20px}.trans-copy h3{font-size:43px}.trans-copy p,.trans-copy strong{font-size:11px}.trans-word{top:52svh;font-size:58px}}@media(prefers-reduced-motion:reduce){.trans-card{opacity:1;transform:none}.trans-card:before{animation:none}}