.tbb-stylist-progression{--tbb-pink:#da7b93;container-type:inline-size;container-name:stylist-progression;position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;width:100%;height:100%;min-height:0;box-sizing:border-box;padding:22px 20px 16px;overflow:hidden;border:1px solid rgba(218,123,147,.68);border-radius:28px;background:radial-gradient(120% 70% at 100% 100%,rgba(218,123,147,.16),transparent 48%),#261218;box-shadow:0 18px 42px rgba(0,0,0,.16),inset 0 0 0 1px hsla(0,0%,100%,.05);color:#fff}.tbb-stylist-progression__intro{flex:0 0 auto;min-width:0}.tbb-stylist-progression__heading{margin:0;padding-bottom:.08em;overflow:visible;color:#fff;font-family:var(--tbb-font-heading);font-size:clamp(24px,2.5vw,32px);font-weight:700;letter-spacing:-.045em;line-height:.96;text-wrap:balance}.tbb-stylist-progression__heading span{display:block}.tbb-stylist-progression__heading span:last-child{color:hsla(0,0%,100%,.92)}.tbb-stylist-progression__path{position:relative;display:flex;flex-direction:column;flex:1 1 auto;justify-content:space-between;gap:0;min-height:0;margin:2px 0 0;padding:4px 0 4px 2px;list-style:none}.tbb-stylist-progression__path:before{content:"";position:absolute;left:5px;top:10px;bottom:12px;width:1px;background:linear-gradient(180deg,rgba(218,123,147,.18),rgba(218,123,147,.92))}.tbb-stylist-progression__stage{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;grid-column-gap:12px;column-gap:12px;min-width:0;position:relative}.tbb-stylist-progression__node{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#bd5170;box-shadow:0 0 0 3px rgba(218,123,147,.16);z-index:1}.tbb-stylist-progression__copy{display:flex;flex-direction:column;min-width:0;gap:2px}.tbb-stylist-progression__label{margin:0;padding-bottom:.08em;overflow-wrap:break-word;color:hsla(0,0%,100%,.58);font-weight:800;letter-spacing:.12em;line-height:1.25;text-transform:uppercase}.tbb-stylist-progression__detail{margin:0;color:hsla(0,0%,100%,.62);font-size:12px;font-weight:650;letter-spacing:.01em;line-height:1.3;text-transform:none}.tbb-stylist-progression__stage--1 .tbb-stylist-progression__label{font-size:11px;letter-spacing:.16em;color:hsla(0,0%,100%,.52)}.tbb-stylist-progression__stage--2 .tbb-stylist-progression__label{font-size:12px;letter-spacing:.14em;color:hsla(0,0%,100%,.68)}.tbb-stylist-progression__stage--3 .tbb-stylist-progression__label{font-size:13px;letter-spacing:.12em;color:hsla(0,0%,100%,.82);font-weight:800}.tbb-stylist-progression__stage--4 .tbb-stylist-progression__label{font-size:14px;letter-spacing:.1em;color:hsla(0,0%,100%,.92);font-weight:900}.tbb-stylist-progression__stage--5 .tbb-stylist-progression__node{width:11px;height:11px;margin-top:4px;background:#fff;box-shadow:0 0 0 4px rgba(218,123,147,.28)}.tbb-stylist-progression__stage--5 .tbb-stylist-progression__label{font-family:var(--tbb-font-heading);font-size:clamp(16px,3.6cqi,22px);letter-spacing:.08em;color:#fff;font-weight:700;line-height:1.08}.tbb-stylist-progression__footer{display:flex;flex-direction:column;flex:0 0 auto;gap:12px;min-width:0;padding-top:8px;border-top:1px solid rgba(218,123,147,.28)}.tbb-stylist-progression__statement{margin:0;padding-bottom:.12em;color:hsla(0,0%,100%,.78);font-size:13px;line-height:1.4;font-weight:650;max-width:34ch}.tbb-stylist-progression__cta{width:100%;max-width:100%}.tbb-stylist-progression__cta-arrow{display:inline-block;margin-left:8px;font-size:14px;line-height:1;transition:transform .22s ease}.tbb-stylist-progression__cta:focus-visible .tbb-stylist-progression__cta-arrow,.tbb-stylist-progression__cta:hover .tbb-stylist-progression__cta-arrow{transform:translateX(3px)}@media (hover:hover) and (pointer:fine){.tbb-stylist-progression__stage:hover .tbb-stylist-progression__node{background:#bd5170}.tbb-stylist-progression__stage--5:hover .tbb-stylist-progression__node{background:#fff}}@media (prefers-reduced-motion:reduce){.tbb-stylist-progression__cta-arrow{transition:none}.tbb-stylist-progression__cta:focus-visible .tbb-stylist-progression__cta-arrow,.tbb-stylist-progression__cta:hover .tbb-stylist-progression__cta-arrow{transform:none}}@container stylist-progression (min-width: 360px){.tbb-stylist-progression{gap:12px}.tbb-stylist-progression__heading{font-size:clamp(24px,4.8cqi,32px)}}@container stylist-progression (max-width: 300px){.tbb-stylist-progression{padding:18px 16px 16px;gap:10px}.tbb-stylist-progression__heading{font-size:clamp(22px,8cqi,26px)}.tbb-stylist-progression__stage--1 .tbb-stylist-progression__label,.tbb-stylist-progression__stage--2 .tbb-stylist-progression__label,.tbb-stylist-progression__stage--3 .tbb-stylist-progression__label,.tbb-stylist-progression__stage--4 .tbb-stylist-progression__label,.tbb-stylist-progression__stage--5 .tbb-stylist-progression__label{letter-spacing:.06em}.tbb-stylist-progression__stage--5 .tbb-stylist-progression__label{font-size:15px}}@media (min-width:1280px){.tbb-stylist-progression{gap:10px;padding:22px 22px 16px}.tbb-stylist-progression__heading{font-size:clamp(24px,1.7vw,30px)}.tbb-stylist-progression__statement{font-size:12.5px;line-height:1.4}.tbb-stylist-progression__footer{gap:10px;padding-top:8px}}@media (max-width:767px){.tbb-stylist-progression{height:auto;min-height:0;gap:16px;padding:22px 18px 16px;border-radius:24px}.tbb-stylist-progression__heading{font-size:clamp(26px,7.4vw,32px)}.tbb-stylist-progression__path{flex:0 1 auto;justify-content:flex-start;gap:14px}.tbb-stylist-progression__stage--1 .tbb-stylist-progression__label{font-size:12px}.tbb-stylist-progression__stage--5 .tbb-stylist-progression__label{font-size:18px}.tbb-stylist-progression__statement{font-size:14px;line-height:1.42;max-width:none}}