.coverLetterBanner{width:var(--square-banner-width,100%);height:var(--square-banner-height,278px);background:#159aaf;border-radius:24px;flex-direction:column;grid-area:3/3/4/4;justify-content:flex-start;align-items:center;padding-top:24px;display:flex;position:relative;overflow:hidden}@media (max-width:1280px){.coverLetterBanner{height:var(--square-banner-height,240px);padding-top:20px}}@media (max-width:1024px){.coverLetterBanner{height:var(--square-banner-height,100%);border-radius:16px;padding-top:16px}}@media (max-width:768px){.coverLetterBanner{height:var(--square-banner-height,278px);border-radius:24px;grid-area:auto/1/auto/-1;padding-top:16px}}.coverLetterBanner__content{z-index:2;flex-direction:column;align-items:center;gap:16px;display:inline-flex}@media (max-width:1024px){.coverLetterBanner__content{gap:12px;padding:0 12px}}.coverLetterBanner__heading{color:#fff;text-align:center;margin:0;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal}@media (max-width:1024px){.coverLetterBanner__heading{font-size:11px}}@media (max-width:768px){.coverLetterBanner__heading{font-size:16px}}.coverLetterBanner__btn{color:#159aaf;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #8e7bff40}.coverLetterBanner__btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #8e7bff59}@media (max-width:1024px){.coverLetterBanner__btn{padding:4px 8px;font-size:10px}}@media (max-width:768px){.coverLetterBanner__btn{padding:8px 16px;font-size:14px}}.coverLetterBanner__image{object-fit:contain;z-index:1;width:90%;height:auto;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}@media (max-width:1024px){.coverLetterBanner__image{width:85%;bottom:-15px}}@media (max-width:768px){.coverLetterBanner__image{width:70%;max-width:300px;bottom:-50px}}
.headshotBanner{background:#6d78ea;border-radius:24px;flex-direction:column;grid-area:2/4/4/5;justify-content:flex-end;align-items:center;width:292px;height:576px;padding-bottom:40px;display:flex;position:relative;overflow:hidden}@media (max-width:1280px){.headshotBanner{width:100%;max-width:100%;height:500px;padding-bottom:32px}}@media (max-width:1024px){.headshotBanner{border-radius:16px;width:100%;max-width:100%;height:100%;padding-bottom:24px}}@media (max-width:768px){.headshotBanner{border-radius:16px;grid-area:auto/1/auto/-1;width:100%;max-width:100%;height:258px;padding-bottom:16px}}.headshotBanner__top-frame{width:141px;height:104px;position:absolute;top:0;right:0}@media (max-width:1280px){.headshotBanner__top-frame{width:120px;height:88px}}@media (max-width:1024px){.headshotBanner__top-frame{width:100px;height:74px}}@media (max-width:768px){.headshotBanner__top-frame{width:104px;height:141px;top:auto;bottom:-.5px;right:-9px;transform:rotate(90deg)}}.headshotBanner__frame-bg{object-fit:cover;width:141px;height:104px;position:absolute;top:0;right:0}@media (max-width:1280px){.headshotBanner__frame-bg{width:120px;height:88px}}@media (max-width:1024px){.headshotBanner__frame-bg{width:100px;height:74px}}.headshotBanner__profile{object-fit:contain;z-index:1;width:85%;height:auto}@media (max-width:1024px){.headshotBanner__profile{width:80%}}@media (max-width:768px){.headshotBanner__profile{display:none}}.headshotBanner__ellipse{z-index:1;width:185px;height:auto;position:absolute;bottom:-10px;left:-60px}@media (max-width:1280px){.headshotBanner__ellipse{width:150px;left:-50px}}@media (max-width:1024px){.headshotBanner__ellipse{width:120px;bottom:-8px;left:-40px}}@media (max-width:768px){.headshotBanner__ellipse{display:none}}.headshotBanner__content{z-index:2;flex-direction:column;align-items:center;gap:16px;display:inline-flex}@media (max-width:1024px){.headshotBanner__content{gap:12px;padding:0 12px}}@media (max-width:768px){.headshotBanner__content{width:calc(100% - 32px);position:absolute;top:16px;left:50%;transform:translate(-50%)}}.headshotBanner__text{color:#fff;text-align:center;font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal}@media (max-width:1280px){.headshotBanner__text{font-size:18px}}@media (max-width:1024px){.headshotBanner__text{font-size:16px}}@media (max-width:768px){.headshotBanner__text{font-size:14px}}.headshotBanner__btn{color:#585bff;cursor:pointer;background:linear-gradient(#0000 0% 100%),#fff;border:.938px solid #fff;border-radius:5.625px;align-items:center;gap:12px;padding:8px 16px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 9.158px 13.737px -2.747px #0000001a,0 3.663px 5.495px -3.663px #0000001a}.headshotBanner__btn:hover{transform:translateY(-1px);box-shadow:0 12px 18px -3px #00000026,0 5px 8px -4px #00000026}@media (max-width:1024px){.headshotBanner__btn{gap:8px;padding:6px 12px;font-size:12px}}@media (max-width:768px){.headshotBanner__btn{padding:6px 12px;font-size:12px}}.headshotBanner__comparison{display:none}@media (max-width:768px){.headshotBanner__comparison{z-index:2;justify-content:center;align-items:flex-end;gap:0;width:100%;padding:0 30px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}}.headshotBanner__before-after{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.headshotBanner__before-after--before{transform:rotate(-2.63deg)}.headshotBanner__before-after--after{transform:rotate(4.14deg)}.headshotBanner__label{color:#fff;text-align:center;background:#fff3;border:1.25px solid #fff;border-radius:5px;padding:10px 15px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1}.headshotBanner__comparison-img{object-fit:cover;border:4.688px solid #fff9;border-radius:2.637px;width:76px;height:82px}@media (min-width:500px) and (max-width:768px){.headshotBanner__comparison-img{width:100px;height:108px}}.headshotBanner__after-img{object-fit:cover;border:4.688px solid #fff9;border-radius:2.934px;width:87px;height:92px}@media (min-width:500px) and (max-width:768px){.headshotBanner__after-img{width:114px;height:121px}}.headshotBanner__arrow{flex-shrink:0;align-self:center;width:30px;height:45px;margin:0 8px;transform:rotate(68deg)}