/* 1:1 translation of the Hyperiux/21st Timeline component's Tailwind utilities to plain CSS (WordPress has no Tailwind). Same structure, same vw values, same max-[600px] breakpoint. */
body .entry-content > .cvT{max-width:none!important;width:100vw;margin:2rem 0 0 calc(50% - 50vw)!important;height:200vw;position:relative;color:#1a2033;background:#fff}
body.page-id-127{overflow-x:clip}
.cvT,.cvT *{box-sizing:border-box}
.cvT__sticky{height:100vh;width:100vw;position:sticky;top:0;padding-top:10%;overflow:hidden}
.cvT__slider{margin-right:2vw;display:flex;height:30vw;width:240vw;align-items:center;gap:5vw;padding-left:5vw;padding-right:5vw}
.cvT__img{height:100%;width:30vw;overflow:hidden;border-radius:1vw}
.cvT__img img{height:100%;width:100%;object-fit:cover;display:block;max-width:none}
.cvT__main{position:relative;height:100%;width:100%}
.cvT__axis{width:100%;position:absolute;left:0;top:49%;display:flex;align-items:center;height:fit-content}
.cvT__end{height:.8vw;width:.8vw;border-radius:9999px;background:var(--cvT-active)}
.cvT__journey{height:1px;width:0%;border-radius:9999px;background:var(--cvT-active)}
.cvT__row1{display:flex;height:50%;width:100%;align-items:center;justify-content:flex-start;gap:.5vw}
.cvT__row2{height:50%;display:flex;align-items:center;justify-content:flex-start;width:100%}
.cvT__side1{height:100%;width:20%;padding-top:2vw}
.cvT__side2{width:34%;padding-top:2vw;height:100%}
.cvT__items1{width:100%;display:flex;height:100%;column-gap:15vw}
.cvT__items2{width:100%;display:flex;height:100%;column-gap:20vw;margin-left:7vw}
.cvT__item1{position:relative;height:100%;width:30vw;padding-left:3vw;padding-right:3vw}
.cvT__item2{position:relative;height:100%;width:25vw;padding-left:3vw;padding-right:3vw}
.cvT__stem1{width:100%;position:absolute;left:0;bottom:0;top:0;height:100%}
.cvT__stem2{width:100%;position:absolute;left:0;bottom:-1%;height:100%}
.cvT__dot{display:block;width:1vw;height:1vw;aspect-ratio:1/1;border-radius:9999px;position:relative;translate:-50% 0;background:var(--cvT-active)}
.cvT__line1{height:94%;width:1px;transform-origin:bottom;border-radius:9999px;background:var(--cvT-active)}
.cvT__line2{height:94%;width:1px;transform-origin:top;border-radius:9999px;background:var(--cvT-active)}
.cvT__text1{margin-top:-1vw}
.cvT__text2{display:flex;height:100%;width:100%;flex-direction:column;justify-content:flex-end}
.cvT__text1>*+*,.cvT__text2>*+*{margin-top:1vw}
.cvT__muted{color:var(--cvT-muted)}
/* type: beat the theme's global .entry-content heading/paragraph rules */
body .entry-content .cvT h2.cvT__h2{width:65%;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:700;font-size:3vw;line-height:.95;letter-spacing:-.02em;margin:0;max-width:none;color:inherit;text-wrap:balance}
body .entry-content .cvT h4.cvT__h4{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:600;font-size:2.5vw;line-height:1;letter-spacing:-.02em;margin:0;max-width:none;color:inherit}
body .entry-content .cvT p.cvT__p{width:90%;font-size:1.5vw;line-height:1.15;margin:1vw 0 0;max-width:none}
body .entry-content .cvT p.cvT__label{font-size:1.65vw;line-height:1.1;margin:0;max-width:none}
body .entry-content .cvT p.cvT__sub{width:90%;font-size:1.5vw;line-height:1.15;margin:2vw 0 0;max-width:none}
@media(max-width:600px){
 body .entry-content > .cvT{height:400vh}
 .cvT__sticky{top:5%}
 .cvT__slider{height:80vh;width:800vw;padding-left:7vw;padding-right:7vw}
 .cvT__img{height:65vw;width:85vw;border-radius:5vw}
 .cvT__end{height:2vw;width:2vw}
 .cvT__side1{height:fit-content;padding-top:5vw}
 .cvT__side2{padding-top:5vw;width:30%}
 .cvT__items1{column-gap:40vw}
 .cvT__items2{column-gap:40vw;margin-left:7vw}
 .cvT__item1{display:flex;width:70vw;flex-direction:column;padding-left:7vw;padding-right:7vw}
 .cvT__item2{width:70vw;padding-left:7vw;padding-right:7vw}
 .cvT__dot{width:2.5vw;height:2.5vw}
 .cvT__line2{height:100%}
 .cvT__text1{margin-top:-2vw}
 body .entry-content .cvT h2.cvT__h2{font-size:8.5vw}
 body .entry-content .cvT h4.cvT__h4{font-size:6.4vw}
 body .entry-content .cvT p.cvT__p{font-size:4.8vw}
 body .entry-content .cvT p.cvT__label{font-size:4.2vw}
 body .entry-content .cvT p.cvT__sub{font-size:4.8vw;margin-top:5vw}
}
@media print{body .entry-content > .cvT{height:auto;width:auto;margin:1rem 0!important}.cvT__sticky{position:static;height:auto;width:auto;overflow:visible}.cvT__slider{width:auto;height:auto;flex-direction:column}}
/* lead-in hero from the component demo */
body .entry-content > .cvHero{max-width:none!important;width:100vw;margin:0 0 0 calc(50% - 50vw)!important;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:0 1.5rem;text-align:center;background:#fff;color:#1a2033}
.cvHero__eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.3em;color:#5d6470}
body .entry-content .cvHero h1.cvHero__h1{max-width:18ch;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:600;font-size:2.25rem;line-height:1.25;letter-spacing:-.025em;margin:0;color:#1a2033;text-wrap:balance}
body .entry-content .cvHero p.cvHero__p{max-width:28rem;font-size:.875rem;line-height:1.625;color:#5d6470;margin:0}
.cvHero__arrow{display:block;margin-top:.5rem;color:#5d6470;animation:cvHeroBounce 1s infinite}
@keyframes cvHeroBounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
@media(min-width:640px){body .entry-content .cvHero h1.cvHero__h1{font-size:3.75rem;line-height:1.25}}
@media(prefers-reduced-motion:reduce){.cvHero__arrow{animation:none}}
@media print{body .entry-content > .cvHero{height:auto;width:auto;margin:1rem 0!important;padding:1rem 0}}