:root{--color-primary-dark:#2c3e50;--color-primary:#395c7f;--color-background:#f4ede4;--color-accent:#ded0b6;--color-white:#ffffff;--color-error:#e74c3c;--font-primary:"Poppins",sans-serif;--font-secondary:"Roboto",sans-serif;--font-tertiary:"Inter",sans-serif;--font-size-xxs:7.5px;--font-size-xs:9px;--font-size-sm:10.5px;--font-size-base:12px;--font-size-tm:13.5px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:21px;--font-size-2xl:24px;--font-size-3xl:36px;--font-size-4xl:45px}@media(min-width:512px){:root{--font-size-xxs:8px;--font-size-xs:10px;--font-size-sm:11px;--font-size-base:13px;--font-size-tm:14px;--font-size-md:16px;--font-size-lg:19px;--font-size-xl:22px;--font-size-2xl:26px;--font-size-3xl:38px;--font-size-4xl:48px}}@media(min-width:768px){:root{--font-size-xxs:8.5px;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-tm:15px;--font-size-md:17px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:27px;--font-size-3xl:41px;--font-size-4xl:51px}}@media(min-width:1024px){:root{--font-size-xxs:9px;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-tm:16px;--font-size-md:18px;--font-size-lg:22px;--font-size-xl:25px;--font-size-2xl:29px;--font-size-3xl:43px;--font-size-4xl:54px}}@media(min-width:1280px){:root{--font-size-xxs:10px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-tm:18px;--font-size-md:20px;--font-size-lg:24px;--font-size-xl:28px;--font-size-2xl:32px;--font-size-3xl:48px;--font-size-4xl:60px}}@media(min-width:1440px){:root{--font-size-xxs:11px;--font-size-xs:13px;--font-size-sm:15px;--font-size-base:18px;--font-size-tm:20px;--font-size-md:22px;--font-size-lg:27px;--font-size-xl:31px;--font-size-2xl:35px;--font-size-3xl:53px;--font-size-4xl:66px}}@media(min-width:1536px){:root{--font-size-xxs:12px;--font-size-xs:14px;--font-size-sm:17px;--font-size-base:19px;--font-size-tm:22px;--font-size-md:24px;--font-size-lg:29px;--font-size-xl:34px;--font-size-2xl:38px;--font-size-3xl:58px;--font-size-4xl:72px}}@keyframes sleekIn{0%{opacity:0;transform:translateY(50px) scale(.96)}70%{opacity:1;transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:none}}@keyframes sleekInLeft{to{opacity:1;transform:translateX(0)}}@keyframes sleekInRightZoom{to{opacity:1;transform:translateX(0) scale(1)}}@keyframes opacity{to{opacity:1;transform:none}}@keyframes flipOverlay{0%{opacity:1;transform:rotateY(0deg)}80%{opacity:1;transform:rotateY(90deg) scale(1.13)}to{opacity:0;transform:rotateY(90deg) scale(1.13)}}@keyframes contentReveal{0%{opacity:0}to{opacity:1}}@keyframes popImgIn{0%{opacity:0;transform:scale(.9) translateY(28px)}60%{opacity:.94;transform:scale(1.05) translateY(-7px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes input{0%{opacity:0;transform:scale(.85) translateY(32px)}20%{opacity:.2;transform:scale(.88) translateY(24px)}40%{opacity:.4;transform:scale(.93) translateY(14px)}60%{opacity:.6;transform:scale(.97) translateY(6px)}80%{opacity:.8;transform:scale(1.02) translateY(2px)}to{opacity:1;transform:scale(1) translateY(0)}}.occupation{display:flex;flex-direction:column;align-items:center;gap:20px;border:2px solid var(--color-accent);border-radius:12px;padding:20px;width:320px;height:320px;position:relative;opacity:0;transform:translateY(34px) scale(.97);transition:transform .21s cubic-bezier(.33,1.7,.53,1),box-shadow .21s cubic-bezier(.28,1.3,.53,1),border-color .21s;will-change:transform,box-shadow,border-color}.occupation:hover{box-shadow:2px 4px 20px 0 rgba(0,0,0,.25);transform:scale(1.035) translateY(-9px) rotate(0deg);z-index:2}.occupation.active{animation:input .5s cubic-bezier(.4,.2,.2,1) forwards}.occupation.noActive{animation:none}.occupation.visible{display:flex;pointer-events:all}.occupation.hidden{display:none;pointer-events:none;height:0;margin:0;padding:0;border:none}.occupation__logo{display:flex;justify-content:center;align-items:center;width:70px;height:70px;flex-shrink:1;flex-shrink:0;background:var(--color-accent);border-radius:50px}.occupation__logo svg{width:45px;height:45px;fill:var(--color-primary)}.occupation__content{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:20px}.occupation__content__info{display:flex;flex-direction:column;gap:20px;text-align:center}.occupation__content__info p:first-child{font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:700;color:var(--color-primary)}.occupation__content__info p:nth-child(2){font-family:var(--font-tertiary);font-size:var(--font-size-tm);font-weight:400;color:var(--color-primary-dark)}.occupation__content__link{display:flex;flex-direction:column;gap:20px}.occupation__content__link p{font-family:var(--font-tertiary);font-size:var(--font-size-tm);font-weight:400;color:var(--color-primary-dark);text-align:center}.occupation__content__link button{display:flex;justify-content:center;align-items:center;gap:16px;width:150px;margin-left:auto;background:none;border:none;border:2px solid var(--color-primary);border-radius:50px;padding:5px 10px 5px 20px;font-family:var(--font-primary);font-size:var(--font-size-tm);color:var(--color-primary);font-weight:700;cursor:pointer;transition:background .18s,color .18s,border .18s,transform .18s}.occupation__content__link button svg{fill:var(--color-primary);transition:transform .18s cubic-bezier(.36,1.6,.51,.98)}.occupation__content__link button:hover{transform:scale(1.02) translateY(0)}.occupation__content__link button:hover svg{transform:translateX(0) scale(1.02) rotate(0deg)}@media(min-width:768px){.occupation{width:328px;height:328px}.occupation__content__link button{gap:24px;width:178px}}@media(min-width:1024px){.occupation{width:350px;height:350px}}@media(min-width:1440px){.occupation{width:380px;height:380px}}