@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Aboreto&display=swap";.team{font-size:6.25vmax}@media(max-width:992px){.team{font-size:60px}}.team{min-height:80vh;display:flex;justify-content:center;align-items:center;color:#eee;background-color:transparent;font-family:Aboreto,system-ui;font-size:.3rem}.team *{box-sizing:border-box}.team .wrapper{position:center;width:5rem;height:45rem}.team .team-inner{transform:scale(var(--team-s));transform-origin:top center}.team .circle{position:absolute;inset:0;margin:auto;width:10rem;height:10rem;border-radius:50%;background:no-repeat center/100% 100%;--color: #ef7d45;--radius: 15rem;--rotation: calc(360deg / var(--total) * var(--i));transform:translate(calc(cos(var(--rotation)) * var(--radius)),calc(sin(var(--rotation)) * var(--radius)));transition:all .3s;cursor:pointer;will-change:background,box-shadow;overflow:hidden}.team .circle:before{content:"";position:absolute;width:100%;height:100%;background:var(--color);mix-blend-mode:screen;opacity:0;transition:all .3s}.team .circle:hover{background-color:#fff9;background-size:110% 110%;box-shadow:2px 2px 12px var(--color)}.team .circle:hover:before{opacity:1}@starting-style{.team .circle{opacity:0;transform:none}}:root{--team-s: 1}@media(max-width:1400px){:root{--team-s: .95}}@media(max-width:1200px){:root{--team-s: .9}}@media(max-width:992px){:root{--team-s: .82}}@media(max-width:768px){:root{--team-s: .74}}@media(max-width:520px){:root{--team-s: .62}}:root{--packt-s: 1;--packt-x: 50vw;--packt-y: 50vh;--packt-skew: 15deg;--dock-mul: .55}@media(max-width:1400px){:root{--packt-s: .92}}@media(max-width:1200px){:root{--packt-s: .64}}@media(max-width:992px){:root{--packt-s: .5}}@media(max-width:768px){:root{--packt-s: .38}}@media(max-width:520px){:root{--packt-s: .26}}html,body{min-height:100%}body{margin:0;padding:0;font-family:sans-serif;background:#000;overflow-x:hidden;overflow-y:auto}.company{min-height:130vh}.center{position:fixed;top:0;left:0;transform:translate3d(var(--packt-x),var(--packt-y),0) skewY(var(--packt-skew)) scale(var(--packt-s));transform-origin:0 0;transition:transform .55s cubic-bezier(.2,.9,.2,1);will-change:transform}.center:hover{--packt-skew: 0deg}.center h1{position:relative;margin:0;line-height:1}.center h1 span{position:absolute;top:0;left:0;transform:translate(-50%,-50%);margin:0;padding:0;text-transform:uppercase;font-size:12em;color:#fff;transform-style:preserve-3d;transition:.8s;white-space:nowrap;-webkit-user-select:none;user-select:none}.center h1 span:nth-child(1){clip-path:polygon(0 0,100% 0,100% 45%,0 45%)}.center h1 span:nth-child(2){color:#b00020;transform:translate(-50%,-50%) skew(-60deg);left:-38px;clip-path:polygon(0 45%,100% 45%,100% 55%,0 55%)}.center h1 span:nth-child(3){transform:translate(-50%,-50%) skewY(0);left:-76px;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%)}.center:hover h1 span:nth-child(2),.center:hover h1 span:nth-child(3),.center.auto-fixed h1 span:nth-child(2),.center.auto-fixed h1 span:nth-child(3){transform:translate(-50%,-50%) skew(0);left:0;color:#fff}.center h1 span:after{content:"";display:inline-block;width:.15em;height:.15em;margin-left:.08em;background:#fff;border-radius:0;vertical-align:0em;transition:background-color 1.25s ease}.center:hover h1 span:after,.center.auto-fixed h1 span:after{background:#b00020}.center.auto-fixed{--packt-skew: 0deg}body.docked{--packt-x: 50vw;--packt-y: 84px}body.docked .center{transform:translate3d(var(--packt-x),var(--packt-y),0) skewY(0) scale(calc(var(--packt-s) * var(--dock-mul)))}@media(max-width:520px){body.docked{--packt-y: 64px}:root{--dock-mul: .62}}.team{display:none}body.scroll-ready.docked .team{display:flex}body.scroll-ready.docked .team{display:flex!important}body.scroll-ready.docked .content{padding-top:180px}.hero-spacer{height:100vh}body.scroll-ready.docked .hero-spacer{height:0!important}body{overflow-y:auto!important;overflow-x:hidden!important}.hero-spacer{height:140vh}.team{display:none!important}body.scroll-ready.docked .team{display:block!important;position:fixed;top:180px;left:0;right:0;z-index:15;pointer-events:auto}body.scroll-ready.docked .team-inner{width:min(1100px,calc(100% - 120px));margin:0 auto}@media(max-width:520px){body.scroll-ready.docked .team{top:150px}}