:root{--base-100:#171717;--base-200:#f2f5ea;--base-300:#fc694c}body{background-color:var(--base-100);color:var(--base-200);font-family:"Barlow Condensed",sans-serif}img{width:100%;height:100%;object-fit:cover}h1{text-transform:uppercase;font-size:10rem;font-weight:800;line-height:.8}p{text-transform:uppercase;font-size:.9rem;font-weight:500}section{position:relative;width:100%;height:100svh;overflow:hidden;padding:1rem}.hero,.outro{display:flex;justify-content:center;align-items:center;text-align:center}.hero h1,.outro h1{width:100%;color:var(--base-300)}.team{display:flex;gap:1rem}.team-member{flex:1;position:relative;width:100%;height:100%;border:2px dashed rgba(242,245,234,.35);border-radius:1.5rem;will-change:transform}.team-member:nth-child(1){z-index:2}.team-member:nth-child(2){z-index:1}.team-member:nth-child(3){z-index:0}.team-member-name-initial{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.team-member-name-initial h1{color:var(--base-300);font-size:20rem;will-change:transform}.team-member-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 4px);height:calc(100% + 4px);padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem;background-color:var(--base-200);border-radius:1.5rem;will-change:transform}.team-member-img{aspect-ratio:1;border-radius:1rem;margin-bottom:1rem;overflow:hidden}.team-member-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.team-member-info h1{font-size:3.5rem;color:var(--base-300)}.team-member-info h1 span,.team-member-info p{color:var(--base-100)}.team-member{transform:translateY(125%)}.team-member-name-initial h1{transform:scale(0)}.team-member:nth-child(1) .team-member-card{transform:translate(300%,-50%) scale(.75) rotate(20deg)}.team-member:nth-child(2) .team-member-card{transform:translate(200%,-50%) scale(.75) rotate(20deg)}.team-member:nth-child(3) .team-member-card{transform:translate(100%,-50%) scale(.75) rotate(20deg)}@media (max-width:991px){h1{font-size:4rem}.hero h1,.outro h1{width:100%}.team{height:250svh;flex-direction:column;align-items:center}.team-member{max-width:400px;transform:translateY(0)!important}.team-member-name-initial h1{transform:scale(1)}.team-member .team-member-card{transform:translate(-50%,-50%) scale(1) rotate(0)!important}}