.trybb-roadmap,.trybb-roadmap *{box-sizing:border-box}.trybb-roadmap{--rm-navy: #071321;--rm-navy-deep: #030911;--rm-red: #d6342d;--rm-sand: #f6f4ef;--rm-muted: rgba(246,244,239,.68);--rm-line: rgba(246,244,239,.12);--rm-panel: rgba(7,19,33,.84);--rm-max-width: 1500px;position:relative;overflow:clip;background:var(--rm-navy);color:var(--rm-sand);isolation:isolate}.trybb-roadmap img,.trybb-roadmap svg{display:block;width:100%}.trybb-roadmap img{height:100%;object-fit:cover}.trybb-roadmap h1,.trybb-roadmap h2,.trybb-roadmap p,.trybb-roadmap blockquote{margin:0}.trybb-roadmap a{color:inherit;text-decoration:none}.trybb-roadmap button{font:inherit}.trybb-roadmap .rte p+p{margin-top:1.1em}.trybb-roadmap__placeholder{width:100%;height:100%;background:#101c2a}.trybb-roadmap__thread{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.trybb-roadmap__thread-svg{width:100%;height:100%;overflow:visible}.trybb-roadmap__thread-line,.trybb-roadmap__thread-shadow{fill:none;stroke-linecap:round;stroke-linejoin:round}.trybb-roadmap__thread-shadow{stroke:#00000094;stroke-width:7}.trybb-roadmap__thread-line{stroke:var(--rm-red);stroke-width:2}.trybb-roadmap__hero{position:relative;min-height:min(920px,100svh);background:var(--rm-navy-deep);overflow:hidden}.trybb-roadmap__hero-media,.trybb-roadmap__hero-shade,.trybb-roadmap__hero-grain{position:absolute;top:0;right:0;bottom:0;left:0}.trybb-roadmap__hero-image{object-position:center 52%;transform:scale(1.03)}.trybb-roadmap__hero-shade{background:linear-gradient(90deg,#030911eb,#030911ad,#0309111f 68%,#03091157),linear-gradient(0deg,var(--rm-navy) 0%,transparent 28%,rgba(3,9,17,.18) 100%)}.trybb-roadmap__hero-grain{opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.trybb-roadmap__hero-inner{position:relative;z-index:3;width:min(var(--rm-max-width),calc(100% - 8vw));min-height:min(920px,100svh);margin-inline:auto;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(7rem,12vw,11rem) clamp(5rem,9vw,8rem)}.trybb-roadmap__roots-link{position:absolute;top:clamp(2rem,5vw,4rem);left:0;display:inline-flex;gap:.7rem;align-items:center;border:1px solid rgba(246,244,239,.18);border-radius:999px;padding:.75rem 1.05rem;color:#f6f4ef9e;font-family:var(--font-body-family, Arial, sans-serif);font-size:.72rem;font-weight:700;letter-spacing:.1em;transition:color .25s ease,border-color .25s ease,background .25s ease}.trybb-roadmap__roots-link:hover{color:var(--rm-sand);border-color:var(--rm-red);background:#d6342d14}.trybb-roadmap__hero-copy{max-width:780px}.trybb-roadmap__kicker,.trybb-roadmap__experience-label,.trybb-roadmap__tools-heading p{color:var(--rm-red);font-family:var(--font-body-family, Arial, sans-serif);font-size:clamp(.7rem,.65rem + .18vw,.86rem);font-weight:750;letter-spacing:.12em;text-transform:uppercase}.trybb-roadmap__hero-title{margin-top:1.25rem!important;font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(3.8rem,7.4vw,8.6rem);font-weight:400;line-height:.84;letter-spacing:-.05em;text-wrap:balance}.trybb-roadmap__hero-text{margin-top:2rem;max-width:540px;color:#f6f4efd1;font-family:var(--font-body-family, Arial, sans-serif);font-size:clamp(.98rem,.9rem + .28vw,1.2rem);line-height:1.65}.trybb-roadmap__hero-badge{position:absolute;right:1vw;top:35%;width:clamp(110px,12vw,190px);opacity:.9}.trybb-roadmap__start{position:absolute;left:0;bottom:clamp(2.2rem,5vw,4.4rem);display:inline-flex;align-items:center;gap:1rem;border:0;background:transparent;color:#f6f4efb3;cursor:pointer;font-family:var(--font-body-family, Arial, sans-serif);font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.trybb-roadmap__start-dot{width:12px;height:12px;border:2px solid var(--rm-red);border-radius:50%;box-shadow:0 0 0 8px #d6342d1a}.trybb-roadmap__principles{position:relative;z-index:3;border-top:1px solid var(--rm-line);border-bottom:1px solid var(--rm-line);background:linear-gradient(180deg,#071321,#06101c)}.trybb-roadmap__principles-inner{width:min(var(--rm-max-width),calc(100% - 8vw));margin-inline:auto;display:grid;grid-template-columns:repeat(3,1fr);padding-block:clamp(3.5rem,6vw,6rem)}.trybb-roadmap__principle{padding:1rem clamp(2rem,4vw,5rem);text-align:center;border-right:1px solid var(--rm-line)}.trybb-roadmap__principle:last-child{border-right:0}.trybb-roadmap__principle-icon{width:44px;margin:0 auto 1.4rem}.trybb-roadmap__principle-icon svg{fill:none;stroke:var(--rm-sand);stroke-width:1.7}.trybb-roadmap__principle h2{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(1.6rem,2.2vw,2.8rem);font-weight:400;letter-spacing:-.035em}.trybb-roadmap__principle-line{display:block;width:36px;height:2px;margin:1rem auto;background:var(--rm-red)}.trybb-roadmap__principle p{color:var(--rm-muted);font-family:var(--font-body-family, Arial, sans-serif);font-size:clamp(.8rem,.75rem + .1vw,.92rem);line-height:1.55}.trybb-roadmap__route{position:relative;z-index:3;background:var(--rm-navy)}.trybb-roadmap__route-inner{width:min(var(--rm-max-width),calc(100% - 8vw));margin-inline:auto;padding-block:clamp(5rem,8vw,9rem)}.trybb-roadmap__lesson{position:relative;padding-left:clamp(90px,12vw,190px);border-bottom:1px solid var(--rm-line)}.trybb-roadmap__lesson:first-child{border-top:1px solid var(--rm-line)}.trybb-roadmap__waypoint{position:absolute;z-index:12;left:clamp(33px,4vw,62px);top:50px;width:18px;height:18px;border:2px solid var(--rm-red);border-radius:50%;background:var(--rm-navy);box-shadow:0 0 0 7px #d6342d17}.trybb-roadmap__waypoint-core{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--rm-red)}.trybb-roadmap__lesson-toggle{width:100%;min-height:164px;display:grid;grid-template-columns:minmax(180px,.75fr) minmax(230px,1.15fr) minmax(300px,1.45fr) 56px;gap:clamp(1.5rem,3vw,4rem);align-items:center;padding:1.1rem 0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.trybb-roadmap__sign{position:relative;min-height:76px;display:flex;align-items:center;gap:1rem;padding:1rem 2.5rem 1rem 1.4rem;border:1px solid rgba(246,244,239,.2);background:linear-gradient(90deg,#f6f4ef0d,#f6f4ef03);clip-path:polygon(0 0,86% 0,100% 50%,86% 100%,0 100%)}.trybb-roadmap__sign-number{color:var(--rm-red);font-family:var(--font-heading-family, Georgia, serif);font-size:2rem;font-variant-numeric:tabular-nums}.trybb-roadmap__sign-title{font-family:var(--font-body-family, Arial, sans-serif);font-size:clamp(.9rem,.8rem + .2vw,1.05rem);font-weight:700;letter-spacing:.05em}.trybb-roadmap__sign-arrow{margin-left:auto;color:var(--rm-red)}.trybb-roadmap__lesson-thumb{overflow:hidden;aspect-ratio:16 / 8.5;background:#111c28}.trybb-roadmap__lesson-thumb img{transition:transform .7s cubic-bezier(.16,1,.3,1),filter .4s ease;filter:saturate(.75) contrast(1.04)}.trybb-roadmap__lesson-toggle:hover .trybb-roadmap__lesson-thumb img{transform:scale(1.035);filter:saturate(1)}.trybb-roadmap__lesson-summary{display:grid;gap:.65rem}.trybb-roadmap__lesson-summary strong{color:var(--rm-red);font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(1.15rem,1.35vw,1.55rem);font-weight:400}.trybb-roadmap__lesson-summary>span{color:var(--rm-muted);font-family:var(--font-body-family, Arial, sans-serif);font-size:clamp(.83rem,.8rem + .08vw,.94rem);line-height:1.55}.trybb-roadmap__toggle-icon{position:relative;width:38px;height:38px;border:1px solid rgba(246,244,239,.32);border-radius:50%}.trybb-roadmap__toggle-icon span{position:absolute;left:50%;top:50%;width:12px;height:1px;background:var(--rm-sand);transform:translate(-50%,-50%);transition:transform .3s ease}.trybb-roadmap__toggle-icon span:last-child{transform:translate(-50%,-50%) rotate(90deg)}.trybb-roadmap__lesson.is-open .trybb-roadmap__toggle-icon{border-color:var(--rm-red)}.trybb-roadmap__lesson.is-open .trybb-roadmap__toggle-icon span:last-child{transform:translate(-50%,-50%) rotate(0)}.trybb-roadmap__lesson-panel{overflow:hidden;background:linear-gradient(135deg,#f6f4ef0e,#f6f4ef05);border:1px solid rgba(246,244,239,.12);border-bottom:0}.trybb-roadmap__lesson-panel-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);min-height:490px}.trybb-roadmap__experience-media{min-height:460px;overflow:hidden}.trybb-roadmap__experience-media img{filter:saturate(.78) contrast(1.05)}.trybb-roadmap__experience-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.5rem,5vw,5rem)}.trybb-roadmap__experience-copy blockquote{margin-top:1rem;max-width:15ch;font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(2.2rem,3.2vw,4.2rem);font-weight:400;line-height:.98;letter-spacing:-.045em}.trybb-roadmap__experience-copy blockquote:before{content:"\201c";color:var(--rm-red)}.trybb-roadmap__experience-text{margin-top:2rem;max-width:520px;color:var(--rm-muted);font-family:var(--font-body-family, Arial, sans-serif);font-size:.95rem;line-height:1.7}.trybb-roadmap__tools{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,1.45fr) auto;gap:2rem;align-items:center;padding:clamp(1.5rem,3vw,2.5rem);border-top:1px solid var(--rm-line)}.trybb-roadmap__tools-heading{display:grid;gap:.55rem}.trybb-roadmap__tools-heading span{color:var(--rm-muted);font-family:var(--font-body-family, Arial, sans-serif);font-size:.76rem}.trybb-roadmap__product-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.trybb-roadmap__product{min-width:0;display:grid;grid-template-columns:74px minmax(0,1fr);gap:.9rem;align-items:center;padding:.65rem;border:1px solid rgba(246,244,239,.1);transition:border-color .25s ease,transform .25s ease}.trybb-roadmap__product:hover{border-color:var(--rm-red);transform:translateY(-2px)}.trybb-roadmap__product-image{display:block;aspect-ratio:1;background:#ffffff0d}.trybb-roadmap__product-copy{min-width:0;display:grid;gap:.35rem;font-family:var(--font-body-family, Arial, sans-serif)}.trybb-roadmap__product-copy strong{overflow:hidden;font-size:.72rem;line-height:1.25;text-overflow:ellipsis}.trybb-roadmap__product-copy span{color:var(--rm-muted);font-size:.7rem}.trybb-roadmap__lesson-cta,.trybb-roadmap__passport-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:2.2rem;min-width:210px;padding:1rem 1.3rem;border-radius:999px;background:linear-gradient(90deg,#e3352f,#b91f1d);box-shadow:0 18px 40px #d6342d2e;font-family:var(--font-body-family, Arial, sans-serif);font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;transition:transform .25s ease,box-shadow .25s ease}.trybb-roadmap__lesson-cta:hover,.trybb-roadmap__passport-cta:hover{transform:translateY(-2px);box-shadow:0 20px 48px #d6342d4d}.trybb-roadmap__passport{position:relative;z-index:3;min-height:760px;overflow:hidden;background:var(--rm-navy-deep)}.trybb-roadmap__passport-media,.trybb-roadmap__passport-shade{position:absolute;top:0;right:0;bottom:0;left:0}.trybb-roadmap__passport-background{object-position:center 58%}.trybb-roadmap__passport-shade{background:linear-gradient(90deg,#030911b8,#03091129 53%,#030911ad),linear-gradient(0deg,#030911 0%,transparent 48%,var(--rm-navy) 100%)}.trybb-roadmap__passport-inner{position:relative;z-index:3;width:min(var(--rm-max-width),calc(100% - 8vw));min-height:700px;margin-inline:auto;display:grid;grid-template-columns:.65fr 1.25fr .65fr;gap:clamp(2rem,4vw,5rem);align-items:center}.trybb-roadmap__passport-sign{width:min(100%,300px);padding:2rem 2.5rem;border:1px solid rgba(246,244,239,.24);background:#030911ad;clip-path:polygon(0 0,84% 0,100% 50%,84% 100%,0 100%)}.trybb-roadmap__passport-sign>span{display:block;color:var(--rm-red);font-family:var(--font-heading-family, Georgia, serif);font-size:2rem}.trybb-roadmap__passport-sign small{display:block;margin-top:1rem;color:var(--rm-muted);font-family:var(--font-body-family, Arial, sans-serif);font-size:.8rem;line-height:1.5}.trybb-roadmap__passport-copy h2{max-width:17ch;font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(2.7rem,4vw,5.4rem);font-weight:400;line-height:.96;letter-spacing:-.045em}.trybb-roadmap__quote-mark{display:block;color:var(--rm-red);font-family:Georgia,serif;font-size:4rem;line-height:.5}.trybb-roadmap__passport-cta{margin-top:2rem}.trybb-roadmap__passport-object{width:min(100%,310px);justify-self:end;transform:rotate(8deg);filter:drop-shadow(0 24px 40px rgba(0,0,0,.5))}.trybb-roadmap__journey-line{position:absolute;z-index:4;left:50%;bottom:2.6rem;transform:translate(-50%);text-align:center}.trybb-roadmap__journey-line p{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(1.6rem,2.4vw,3rem);letter-spacing:.03em;white-space:nowrap}.trybb-roadmap__journey-line span{display:block;width:48px;height:2px;margin:1rem auto 0;background:var(--rm-red)}@media(max-width:1100px){.trybb-roadmap__lesson-toggle{grid-template-columns:minmax(170px,.8fr) minmax(190px,1fr) minmax(230px,1.2fr) 44px;gap:1.4rem}.trybb-roadmap__tools{grid-template-columns:1fr}.trybb-roadmap__lesson-cta{justify-self:start}.trybb-roadmap__passport-inner{grid-template-columns:.7fr 1.3fr}.trybb-roadmap__passport-object{display:none}}@media(max-width:800px){.trybb-roadmap__hero{min-height:86svh}.trybb-roadmap__hero-inner{width:calc(100% - 2.5rem);min-height:86svh;padding-top:7rem}.trybb-roadmap__hero-shade{background:linear-gradient(0deg,var(--rm-navy) 0%,rgba(3,9,17,.3) 45%,rgba(3,9,17,.5) 100%),linear-gradient(90deg,#030911bf,#0309111a)}.trybb-roadmap__hero-title{font-size:clamp(3.15rem,15vw,5.8rem)}.trybb-roadmap__hero-badge{top:auto;right:0;bottom:3rem;opacity:.55}.trybb-roadmap__start{display:none}.trybb-roadmap__principles-inner{width:calc(100% - 2.5rem);grid-template-columns:1fr}.trybb-roadmap__principle{border-right:0;border-bottom:1px solid var(--rm-line);padding-block:2.5rem}.trybb-roadmap__principle:last-child{border-bottom:0}.trybb-roadmap__route-inner{width:calc(100% - 1.5rem)}.trybb-roadmap__lesson{padding-left:58px}.trybb-roadmap__waypoint{left:15px;top:38px;width:15px;height:15px}.trybb-roadmap__lesson-toggle{min-height:0;grid-template-columns:1fr 42px;gap:1rem;padding-block:1rem}.trybb-roadmap__sign{grid-column:1;min-height:62px}.trybb-roadmap__lesson-thumb{grid-column:1;aspect-ratio:16 / 8.5}.trybb-roadmap__lesson-summary{grid-column:1;padding:.5rem .35rem 1rem}.trybb-roadmap__toggle-icon{grid-column:2;grid-row:1}.trybb-roadmap__lesson-panel-inner{grid-template-columns:1fr}.trybb-roadmap__experience-media{min-height:280px}.trybb-roadmap__experience-copy{padding:2rem 1.35rem 2.5rem}.trybb-roadmap__experience-copy blockquote{font-size:clamp(2.1rem,10vw,3.5rem)}.trybb-roadmap__tools{padding:1.35rem}.trybb-roadmap__product-list{grid-template-columns:1fr}.trybb-roadmap__passport{min-height:820px}.trybb-roadmap__passport-inner{width:calc(100% - 2.5rem);min-height:740px;grid-template-columns:1fr;align-content:center}.trybb-roadmap__passport-sign{width:230px}.trybb-roadmap__passport-copy h2{font-size:clamp(2.6rem,11vw,4.2rem)}.trybb-roadmap__journey-line p{white-space:normal}}@media(prefers-reduced-motion:reduce){.trybb-roadmap *,.trybb-roadmap *:before,.trybb-roadmap *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/trybb-roadmap.css.map */