:root{--active-width:34.5rem;--inactive-width:16.5rem;--transition-duration:.5s;--padding-active:2.5rem;--padding-inactive-top:2.5rem;--padding-inactive-bottom:2.5rem;--padding-inactive-sides:2.81rem;--color-bg-inactive:#efefef;--color-bg-active:#000;--color-text-active:#fff;--color-text-inactive:#000}.process{display:flex;overflow-x:hidden;width:100%;gap:0;position:relative;pointer-events:none}.step{background:var(--color-bg-inactive);height:37.5rem;width:var(--inactive-width);border-radius:1rem;display:flex;flex-direction:column;justify-content:flex-start;position:relative;padding:var(--padding-inactive-top) var(--padding-inactive-sides) var(--padding-inactive-bottom);overflow:hidden;cursor:pointer;pointer-events:auto;transition:background var(--transition-duration) ease,padding var(--transition-duration) ease;margin-right:1.5rem}.step:last-child{margin-right:0}.step.active{background:var(--color-bg-active);padding:var(--padding-active);width:var(--active-width);z-index:2}.step.active .step-number{color:var(--color-text-active);text-align:left}.step.active .step-content h3{font-size:1.5rem;color:var(--color-text-active);width:100%;line-height:1.875rem}.step.active .step-content p,.step.active #invest-button{display:block}.step-number{font-family:"Georgia Pro",serif;text-align:center;font-size:5rem;font-weight:400;color:var(--color-text-inactive)}.step-content{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start}.step-content h3{font-family:"Fedra Sans Alt Pro",sans-serif;font-size:1rem;line-height:1.25rem;font-weight:500;color:var(--color-text-inactive);white-space:normal}.step-content p{display:none;font-family:"Fedra Sans Alt Pro",sans-serif;font-weight:300;width:26.25rem;line-height:1.25rem;padding-top:1rem;padding-bottom:2.5rem;color:var(--color-text-active)}#invest-button{padding:.875rem 3rem;background:0 0;border:2px solid var(--color-text-active);border-radius:2rem;font-size:1rem;font-family:"Fedra Sans Alt Pro",sans-serif;font-weight:300;text-transform:uppercase;color:var(--color-text-active);cursor:pointer;display:none;transition-duration:.2s}#invest-button:hover{background:var(--color-text-active);color:var(--color-bg-active)}@media (max-width:921px){.process{flex-direction:column;gap:1rem;pointer-events:auto}.step{width:100%;height:auto;padding:2rem;flex:none;transition:none;margin-right:0;pointer-events:auto}.step-number{font-size:3rem;text-align:left}.step-content h3{font-size:1.25rem;color:var(--color-text-inactive);margin-top:1rem}.step-content p{display:block;color:var(--color-text-inactive);padding-top:1rem;padding-bottom:1rem}.step:first-child #invest-button{display:inline-block;margin-top:1rem;color:var(--color-text-inactive);border-color:var(--color-text-inactive)}.step.active{background:var(--color-bg-inactive);padding:2rem}.step.active .step-number{color:var(--color-text-inactive)}.step.active .step-content h3{color:var(--color-text-inactive)}.step.active .step-content p{display:block}.step.active #invest-button{display:none}.step:first-child #invest-button:hover{background:var(--color-text-inactive);color:var(--color-bg-inactive)}}