/* =========================================================
AEM İNSAN KAYNAKLARI
SADECE HERO KARTI + SAĞDA KISAYOL BUTONLARI
========================================================= */.aem-work-hero,
.aem-work-hero * {
box-sizing: border-box;
}.aem-work-hero {
--blue: #33A1EB;
--blue-dark: #168ED8;
--navy: #092B40;
--white: #FFFFFF;
--soft-white: #D8E4EA;
--radius: 18px;
--ease: cubic-bezier(.22, 1, .36, 1);width: min(1180px, calc(100% - 40px));
margin: 0 auto;overflow: hidden;border-radius: var(--radius);background: var(--navy);font-family: inherit;
}/* =========================================================
HERO FOTOĞRAF
========================================================= */.aem-work-hero-photo {
position: relative;height: 285px;overflow: hidden;
}.aem-work-hero-photo img {
display: block;width: 100%;
height: 100%;object-fit: cover;
object-position: center 48%;transform: scale(1);transition:
transform .9s var(--ease);
}.aem-work-hero-photo::after {
content: "";position: absolute;
left: 0;
right: 0;
bottom: 0;height: 5px;background: var(--blue);
}/* =========================================================
HERO İÇERİK
========================================================= */.aem-work-hero-content {
display: grid;
grid-template-columns:
minmax(0, .9fr)
minmax(0, 1.1fr);gap: 60px;
align-items: end;padding: 30px 34px 32px;background: var(--navy);
}/* =========================================================
SOL BAŞLIK ALANI
========================================================= */.aem-work-hero-heading {
min-width: 0;
}.aem-work-hero-eyebrow {
display: block;
width: fit-content;margin-bottom: 9px;color: var(--blue);font-size: 12px;
line-height: 1;
font-weight: 700;
}.aem-work-hero h1 {
margin: 0;color: var(--white);font-size: clamp(36px, 4.7vw, 57px);
line-height: .99;
font-weight: 700;
letter-spacing: -.045em;
}.aem-work-hero h1 span {
color: var(--blue);
}/* =========================================================
SAĞ AÇIKLAMA VE BUTONLAR
========================================================= */.aem-work-hero-side {
display: flex;
flex-direction: column;
align-items: flex-start;
}.aem-work-hero-intro {
max-width: 570px;margin: 0;color: var(--soft-white);font-size: 15px;
line-height: 1.7;
}.aem-work-hero-actions {
display: flex;
flex-wrap: wrap;gap: 10px;margin-top: 18px;
}.aem-work-hero-btn {
display: inline-flex;
align-items: center;
justify-content: center;min-height: 44px;padding: 0 18px;border-radius: 10px;text-decoration: none !important;font-size: 13px;
line-height: 1;
font-weight: 700;transition:
transform .3s var(--ease),
background-color .25s ease,
color .25s ease,
border-color .25s ease;
}/* AÇIK POZİSYONLAR */.aem-work-hero-btn-primary {
border: 1px solid var(--blue);background: var(--blue);color: var(--white) !important;
}/* STAJ BAŞVURUSU */.aem-work-hero-btn-secondary {
border: 1px solid #3D6074;background: var(--navy);color: var(--white) !important;
}/* =========================================================
HOVER EFEKTLERİ
========================================================= */@media (hover: hover) and (pointer: fine) {.aem-work-hero:hover
.aem-work-hero-photo img {
transform: scale(1.035);
}.aem-work-hero-btn:hover {
transform: translateY(-2px);
}.aem-work-hero-btn-primary:hover {
background: var(--blue-dark);
border-color: var(--blue-dark);
}.aem-work-hero-btn-secondary:hover {
background: var(--white);
border-color: var(--white);color: var(--navy) !important;
}}/* =========================================================
TABLET
========================================================= */@media (max-width: 960px) {.aem-work-hero-content {
grid-template-columns: 1fr;gap: 18px;
}}/* =========================================================
MOBİL
========================================================= */@media (max-width: 680px) {.aem-work-hero {
width: calc(100% - 24px);border-radius: 15px;
}.aem-work-hero-photo {
height: 255px;
}.aem-work-hero-photo img {
object-position: center;
}.aem-work-hero-content {
padding: 24px 21px 26px;
}.aem-work-hero h1 {
font-size: 38px;
}.aem-work-hero-intro {
font-size: 13.5px;
line-height: 1.65;
}.aem-work-hero-actions {
display: grid;
grid-template-columns: 1fr;width: 100%;
}.aem-work-hero-btn {
width: 100%;
}}/* =========================================================
HAREKET AZALTMA TERCİHİ
========================================================= */@media (prefers-reduced-motion: reduce) {.aem-work-hero *,
.aem-work-hero *::before,
.aem-work-hero *::after {
transition-duration: .01ms !important;
transition-delay: 0ms !important;
}}
İnsan Kaynakları
AEM'de Çalışmak
Çevre ve insan sağlığının korunmasına katkı sağlayan, bilgi paylaşımını ve birlikte gelişmeyi önemseyen bir ekibin parçası olun.
/* =========================================================
AEM İNSAN KAYNAKLARI
SADECE ÇALIŞMA KÜLTÜRÜ BÖLÜMÜ
========================================================= */.aem-work-story,
.aem-work-story * {
box-sizing: border-box;
}.aem-work-story {
--blue: #33A1EB;
--blue-dark: #168ED8;
--navy: #092B40;
--muted: #667986;
--line: #DEE8ED;
--ease: cubic-bezier(.22, 1, .36, 1);width: min(1180px, calc(100% - 40px));
margin: 0 auto;display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 62px;padding: 45px 28px 43px;border-bottom: 1px solid var(--line);font-family: inherit;
}/* =========================================================
SOL BAŞLIK
========================================================= */.aem-work-side-title {
padding-top: 3px;
}.aem-work-side-title span {
position: relative;display: block;
width: fit-content;margin-bottom: 11px;color: var(--blue-dark);font-size: 12px;
font-weight: 700;
}.aem-work-side-title span::after {
content: "";position: absolute;
left: 0;
bottom: -5px;width: 20px;
height: 2px;background: var(--blue);transition:
width .35s var(--ease);
}.aem-work-side-title h2 {
margin: 0;color: var(--navy);font-size: 27px;
line-height: 1.15;
font-weight: 700;
letter-spacing: -.025em;
}/* =========================================================
SAĞ METİN
========================================================= */.aem-work-story-copy {
max-width: 780px;
}.aem-work-story-copy p {
margin: 0 0 15px;color: var(--muted);font-size: 15px;
line-height: 1.8;
}.aem-work-story-copy p:last-child {
margin-bottom: 0;
}/* =========================================================
HOVER
========================================================= */@media (hover: hover) and (pointer: fine) {.aem-work-story:hover
.aem-work-side-title span::after {
width: 48px;
}}/* =========================================================
TABLET
========================================================= */@media (max-width: 960px) {.aem-work-story {
grid-template-columns: 1fr;
gap: 24px;
}}/* =========================================================
MOBİL
========================================================= */@media (max-width: 680px) {.aem-work-story {
width: calc(100% - 24px);padding: 35px 8px 34px;
}.aem-work-side-title h2 {
font-size: 25px;
}.aem-work-story-copy p {
font-size: 14px;
line-height: 1.75;
}}
Çalışma Kültürümüz
Aynı amaç için birlikte çalışıyoruz.
AEM Laboratuvarı, çevre ve insan sağlığının korunmasına katkı sağlayan analiz hizmetleri sunan, TS EN ISO/IEC 17025 standardı kapsamında akredite bir laboratuvardır. Çalışmalarımızı bilimsel yaklaşım, tarafsızlık, güvenilirlik ve kalite ilkeleri doğrultusunda yürütürüz.
Şirketimizde çalışanlar arasında iş birliği, karşılıklı saygı ve açık iletişim kültürü teşvik edilir. Her çalışanın görüş ve önerilerine değer verilir; ekip çalışması ve ortak başarı anlayışı desteklenir.
/* =========================================================
AEM İNSAN KAYNAKLARI
SADECE ÇALIŞAN DENEYİMİ / AVANTAJLAR KARTI
========================================================= */.aem-work-benefits,
.aem-work-benefits * {
box-sizing: border-box;
}.aem-work-benefits {
--blue: #33A1EB;
--navy: #092B40;
--navy-line: #28556D;
--white: #FFFFFF;
--ease: cubic-bezier(.22, 1, .36, 1);width: min(1180px, calc(100% - 40px));
margin: 0 auto;display: grid;
grid-template-columns: .76fr 1.24fr;overflow: hidden;border-radius: 18px;background: var(--navy);font-family: inherit;
}/* =========================================================
SOL FOTOĞRAF
========================================================= */.aem-work-benefits-photo {
min-height: 360px;overflow: hidden;border-right: 5px solid var(--blue);
}.aem-work-benefits-photo img {
display: block;width: 100%;
height: 100%;object-fit: cover;
object-position: center;transform: scale(1);transition:
transform .9s var(--ease);
}/* =========================================================
SAĞ İÇERİK
========================================================= */.aem-work-benefits-content {
padding: 37px 42px 35px;
}.aem-work-light-label {
display: block;margin-bottom: 9px;color: var(--blue);font-size: 12px;
line-height: 1;
font-weight: 700;
}.aem-work-benefits-content h2 {
max-width: 520px;margin: 0 0 25px;color: var(--white);font-size: clamp(28px, 3.3vw, 39px);
line-height: 1.1;
font-weight: 700;
letter-spacing: -.03em;
}/* =========================================================
AVANTAJLAR LİSTESİ
========================================================= */.aem-work-benefit-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 34px;
}.aem-work-benefit {
display: flex;
align-items: center;gap: 11px;min-height: 52px;padding: 10px 5px 10px 0;border-top: 1px solid var(--navy-line);color: #DCE8ED;font-size: 13.5px;
line-height: 1.45;transform: translateX(0);transition:
color .25s ease,
transform .3s var(--ease),
border-color .25s ease;
}/* =========================================================
MADDE NOKTASI
========================================================= */.aem-work-benefit-mark {
position: relative;flex: 0 0 17px;width: 17px;
height: 17px;border: 2px solid var(--blue);
border-radius: 50%;background: var(--navy);transition:
background-color .25s ease,
transform .3s var(--ease);
}.aem-work-benefit-mark::after {
content: "";position: absolute;
top: 50%;
left: 50%;width: 5px;
height: 5px;transform: translate(-50%, -50%);border-radius: 50%;background: var(--blue);transition:
background-color .25s ease,
transform .3s var(--ease);
}/* =========================================================
HOVER
========================================================= */@media (hover: hover) and (pointer: fine) {.aem-work-benefits:hover
.aem-work-benefits-photo img {
transform: scale(1.04);
}.aem-work-benefit:hover {
transform: translateX(6px);border-color: var(--blue);color: var(--white);
}.aem-work-benefit:hover
.aem-work-benefit-mark {
transform: scale(1.1);background: var(--blue);
}.aem-work-benefit:hover
.aem-work-benefit-mark::after {
background: var(--white);transform:
translate(-50%, -50%)
scale(.7);
}}/* =========================================================
TABLET
========================================================= */@media (max-width: 960px) {.aem-work-benefits {
grid-template-columns: 1fr;
}.aem-work-benefits-photo {
min-height: 340px;border-right: 0;
border-bottom: 5px solid var(--blue);
}}/* =========================================================
MOBİL
========================================================= */@media (max-width: 680px) {.aem-work-benefits {
width: calc(100% - 24px);border-radius: 15px;
}.aem-work-benefits-photo {
min-height: 255px;
}.aem-work-benefits-content {
padding: 29px 21px 27px;
}.aem-work-benefits-content h2 {
font-size: 29px;
}.aem-work-benefit-list {
grid-template-columns: 1fr;
}}/* =========================================================
HAREKET AZALTMA TERCİHİ
========================================================= */@media (prefers-reduced-motion: reduce) {.aem-work-benefits *,
.aem-work-benefits *::before,
.aem-work-benefits *::after {
transition-duration: .01ms !important;
transition-delay: 0ms !important;
}}
Çalışan Deneyimi
AEM'de sizi neler bekliyor?
Yemek desteği
Yol desteği
Tamamlayıcı Sağlık Sigortası
Akredite laboratuvarda çalışma deneyimi
Uzman ve deneyimli ekiplerle çalışma imkânı
Teknik ve mesleki gelişim fırsatları
İş birliği ve açık iletişim kültürü
/* =========================================================
AEM İNSAN KAYNAKLARI
SADECE KARİYER VE GELİŞİM BLOĞU
========================================================= */.aem-growth,
.aem-growth * {
box-sizing: border-box;
}.aem-growth {
--blue: #33A1EB;
--blue-dark: #168ED8;--navy: #092B40;
--text: #203845;
--muted: #667986;--line: #DEE8ED;
--white: #FFFFFF;--radius: 18px;
--ease: cubic-bezier(.22, 1, .36, 1);position: relative;width: min(1180px, calc(100% - 40px));
min-height: 485px;margin: 0 auto;
padding: 50px 0 40px;font-family: inherit;
}/* =========================================================
FOTOĞRAF
========================================================= */.aem-growth-photo {
width: 62%;
height: 405px;overflow: hidden;border-radius: var(--radius);background: var(--navy);
}.aem-growth-photo img {
display: block;width: 100%;
height: 100%;object-fit: cover;
object-position: center;transform: scale(1);transition:
transform .9s var(--ease);
}/* =========================================================
İÇERİK PANELİ
========================================================= */.aem-growth-card {
position: absolute;
top: 88px;
right: 0;width: 53%;padding: 37px 40px;border: 1px solid var(--line);
border-top: 5px solid var(--blue);background: var(--white);transform: translateY(0);transition:
transform .35s var(--ease),
border-color .3s ease;
}/* KÜÇÜK ÜST BAŞLIK */.aem-growth-label {
display: block;margin-bottom: 9px;color: var(--blue-dark);font-size: 12px;
font-weight: 700;
}/* ANA BAŞLIK */.aem-growth-card h2 {
margin: 0 0 18px;color: var(--navy);font-size: clamp(29px, 3.4vw, 40px);
line-height: 1.08;
font-weight: 700;
letter-spacing: -.03em;
}/* METİNLER */.aem-growth-card p {
margin: 0 0 13px;color: var(--muted);font-size: 14px;
line-height: 1.75;
}.aem-growth-card p:last-child {
margin-bottom: 0;
}/* =========================================================
HOVER EFEKTLERİ
========================================================= */@media (hover: hover) and (pointer: fine) {.aem-growth:hover
.aem-growth-photo img {
transform: scale(1.035);
}.aem-growth:hover
.aem-growth-card {
transform: translateY(-5px);border-color: var(--blue);
}}/* =========================================================
TABLET
========================================================= */@media (max-width: 960px) {.aem-growth {
min-height: auto;padding-bottom: 0;
}.aem-growth-photo {
width: 82%;
height: 380px;
}.aem-growth-card {
position: relative;
top: auto;
right: auto;width: 76%;margin: -75px 0 0 auto;
}}/* =========================================================
MOBİL
========================================================= */@media (max-width: 680px) {.aem-growth {
width: calc(100% - 24px);min-height: auto;padding-top: 0;
padding-bottom: 0;
}.aem-growth-photo {
width: 100%;
height: 285px;border-radius: 15px;
}.aem-growth-card {
width: calc(100% - 24px);margin: -40px 12px 0;padding: 27px 21px;
}.aem-growth-card h2 {
font-size: 29px;
}}/* =========================================================
HAREKET AZALTMA TERCİHİ
========================================================= */@media (prefers-reduced-motion: reduce) {.aem-growth *,
.aem-growth *::before,
.aem-growth *::after {
transition-duration: .01ms !important;
transition-delay: 0ms !important;
}}
Kariyer Yolculuğu
Kariyer ve Gelişim
AEM'de kariyer yolculuğu; bilgi, deneyim ve yetkinliklerin geliştirilmesi anlayışına dayanır. Çalışanlarımızın uzmanlık alanlarında yetkinlik kazanmaları ve sorumluluklarını güvenle üstlenebilmeleri için gerekli bilgi ve becerileri edinmeleri desteklenir.
Görev alanına bağlı olarak çalışanlarımız eğitim, gözlem ve değerlendirme süreçlerinden geçerek yetkilendirilir. Teknik pozisyonlarda görev alan personelin yetkilendirme süreçleri TS EN ISO/IEC 17025 standardı doğrultusunda yürütülür.
Bilgi ve deneyim paylaşımı, farklı süreçlerde görev alma ve kurum içi iş birliği teşvik edilir.
/* =========================================================
AEM İNSAN KAYNAKLARI
SADECE YETKİNLİK VE YETKİLENDİRME BLOĞU
========================================================= */.aem-process,
.aem-process * {
box-sizing: border-box;
}.aem-process {
--blue: #33A1EB;
--blue-dark: #168ED8;--navy: #092B40;
--text: #203845;
--muted: #667986;--line: #DEE8ED;
--soft-blue: #EDF7FC;
--white: #FFFFFF;--ease: cubic-bezier(.22, 1, .36, 1);display: grid;
grid-template-columns: 280px minmax(0, 1fr);gap: 56px;width: min(1180px, calc(100% - 40px));margin: 0 auto;
padding: 46px 28px 44px;border-top: 1px solid var(--line);color: var(--text);font-family: inherit;
}/* =========================================================
SOL BAŞLIK ALANI
========================================================= */.aem-process-heading {
align-self: start;
}.aem-process-heading > span {
position: relative;display: block;
width: fit-content;margin-bottom: 11px;color: var(--blue-dark);font-size: 12px;
font-weight: 700;
}.aem-process-heading > span::after {
content: "";position: absolute;
left: 0;
bottom: -5px;width: 20px;
height: 2px;background: var(--blue);transition:
width .35s var(--ease);
}.aem-process-heading h2 {
margin: 0 0 14px;color: var(--navy);font-size: 30px;
line-height: 1.12;
font-weight: 700;
letter-spacing: -.03em;
}.aem-process-heading p {
margin: 0;color: var(--muted);font-size: 13px;
line-height: 1.7;
}/* =========================================================
SÜREÇ LİSTESİ
========================================================= */.aem-process-list {
counter-reset: aem-step;
}.aem-process-row {
position: relative;counter-increment: aem-step;display: grid;
grid-template-columns:
48px
minmax(190px, .75fr)
minmax(0, 1fr);gap: 17px;
align-items: center;min-height: 68px;padding: 0 8px 0 0;border-top: 1px solid var(--line);transform: translateX(0);transition:
transform .3s var(--ease),
background-color .25s ease,
padding-left .3s var(--ease);
}.aem-process-row:last-child {
border-bottom: 1px solid var(--line);
}/* =========================================================
SIRA NUMARASI
========================================================= */.aem-process-row::before {
content: "0" counter(aem-step);color: var(--blue-dark);font-size: 11px;
font-weight: 700;transition:
color .25s ease;
}/* =========================================================
ALT MAVİ ÇİZGİ
========================================================= */.aem-process-row::after {
content: "";position: absolute;
left: 0;
right: 0;
bottom: -1px;height: 2px;background: var(--blue);transform: scaleX(0);
transform-origin: left center;transition:
transform .4s var(--ease);
}/* =========================================================
SATIR BAŞLIKLARI
========================================================= */.aem-process-row h3 {
margin: 0;color: var(--navy);font-size: 14px;
line-height: 1.4;
font-weight: 700;transition:
color .25s ease;
}/* =========================================================
SATIR AÇIKLAMALARI
========================================================= */.aem-process-row p {
margin: 0;color: var(--muted);font-size: 12.5px;
line-height: 1.6;
}/* =========================================================
HOVER EFEKTLERİ
========================================================= */@media (hover: hover) and (pointer: fine) {.aem-process:hover
.aem-process-heading > span::after {
width: 48px;
}.aem-process-row:hover {
padding-left: 8px;background: var(--soft-blue);
}.aem-process-row:hover::after {
transform: scaleX(1);
}.aem-process-row:hover::before {
color: var(--navy);
}.aem-process-row:hover h3 {
color: var(--blue-dark);
}}/* =========================================================
TABLET
========================================================= */@media (max-width: 960px) {.aem-process {
grid-template-columns: 1fr;gap: 24px;
}}/* =========================================================
MOBİL
========================================================= */@media (max-width: 680px) {.aem-process {
grid-template-columns: 1fr;width: calc(100% - 24px);padding: 38px 8px 34px;
}.aem-process-heading h2 {
font-size: 27px;
}.aem-process-row {
grid-template-columns: 34px 1fr;gap: 5px 11px;padding: 14px 0;
}.aem-process-row::before {
grid-row: 1 / 3;align-self: start;padding-top: 2px;
}.aem-process-row h3 {
font-size: 14px;
}.aem-process-row p {
font-size: 12px;
}}/* =========================================================
HAREKET AZALTMA TERCİHİ
========================================================= */@media (prefers-reduced-motion: reduce) {.aem-process *,
.aem-process *::before,
.aem-process *::after {
transition-duration: .01ms !important;
transition-delay: 0ms !important;
}}
Gelişim Süreci
Yetkinlik ve Yetkilendirme
Çalışanlarımızın görev alanlarında gerekli bilgi ve deneyimi kazanmaları ve sorumluluklarını güvenle üstlenebilmeleri için belirli bir gelişim süreci izlenir.
Oryantasyon ve Eğitim
Kuruma, çalışma ortamına ve görev alanına uyum sağlanır.
Gözlem ve Değerlendirme
Bilgi, uygulama ve görev performansı değerlendirilir.
Yetkilendirme
Gerekli yetkinlikleri sağlayan çalışan ilgili görevlerde yetkilendirilir.
Uygulama ve Deneyim Kazanımı
Görev alanında uygulama yapılarak bilgi ve deneyim geliştirilir.
Yetkinlik İzleme
Kazanılan yetkinliklerin sürekliliği düzenli olarak takip edilir.
Uzmanlaşma ve Bilgi Paylaşımı
Kazanılan bilgi ve deneyimin ekip içerisinde paylaşılması teşvik edilir.
/* =========================================================
AEM İNSAN KAYNAKLARI
İŞ İLANLARI + STAJ
GÖRSELLİ / GRADIENT GEÇİŞLİ / HOVER EFEKTLİ
========================================================= */.aem-career-links,
.aem-career-links * {
box-sizing: border-box;
}.aem-career-links {
--blue: #33A1EB;
--blue-dark: #168ED8;--navy: #092B40;
--navy-light: #123D55;--white: #FFFFFF;
--text-light: #D8E4EA;--radius: 18px;
--ease: cubic-bezier(.22, 1, .36, 1);width: min(1180px, calc(100% - 40px));
margin: 0 auto;display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;font-family: inherit;
}.aem-career-links a {
text-decoration: none !important;
}/* =========================================================
ORTAK KART YAPISI
========================================================= */.aem-career-link {
--card-bg: var(--navy);position: relative;display: block;min-height: 235px;overflow: hidden;border-radius: var(--radius);background: var(--card-bg);isolation: isolate;transform: translateY(0);transition:
transform .35s var(--ease);
}/* =========================================================
İÇERİK ALANI
========================================================= */.aem-career-link-content {
position: relative;
z-index: 3;display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;width: 60%;
min-height: 235px;padding: 30px 20px 29px 30px;
}/* KÜÇÜK ÜST BAŞLIK */.aem-career-link-label {
display: block;margin-bottom: 8px;color: var(--blue);font-size: 11px;
line-height: 1;
font-weight: 700;
}/* ANA BAŞLIK */.aem-career-link h3 {
margin: 0 0 8px;color: var(--white);font-size: 29px;
line-height: 1.08;
font-weight: 700;
letter-spacing: -.03em;
}/* AÇIKLAMA */.aem-career-link p {
max-width: 260px;margin: 0;color: var(--text-light);font-size: 13px;
line-height: 1.55;
}/* =========================================================
OK BUTONU
========================================================= */.aem-career-link-arrow {
display: flex;
align-items: center;
justify-content: center;width: 42px;
height: 42px;margin-top: 21px;padding: 0;border: 0;
border-radius: 50%;background: var(--blue);
color: var(--white);line-height: 0;transform: scale(1);transition:
transform .35s var(--ease),
background-color .25s ease;
}/* SVG OK */.aem-career-link-arrow svg {
display: block;width: 18px;
height: 18px;overflow: visible;transform: translateX(0);transition:
transform .3s var(--ease);
}/* =========================================================
GÖRSEL ALANI
========================================================= */.aem-career-link-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;z-index: 1;width: 58%;overflow: hidden;
}/*
Görselin sol tarafını kademeli olarak görünmez yapar.
Böylece kartın kendi net arka plan rengi,
fotoğrafın içine doğal olarak akar.
*/.aem-career-link-image {
-webkit-mask-image:
linear-gradient(
to right,
transparent 0%,
#000000 37%,
#000000 100%
);mask-image:
linear-gradient(
to right,
transparent 0%,
#000000 37%,
#000000 100%
);
}.aem-career-link-image img {
display: block;width: 100%;
height: 100%;object-fit: cover;
object-position: center;transform: scale(1);transition:
transform 1s var(--ease);
}/* =========================================================
İŞ İLANLARI KARTI
========================================================= */.aem-career-link-jobs {
--card-bg: var(--navy);
}.aem-career-link-jobs
.aem-career-link-image img {
object-position: 57% center;
}/* =========================================================
STAJ KARTI
========================================================= */.aem-career-link-internship {
--card-bg: var(--navy-light);
}.aem-career-link-internship
.aem-career-link-image img {
object-position: 55% center;
}/* =========================================================
KARTIN ALTINDA MAVİ HOVER ÇİZGİSİ
========================================================= */.aem-career-link::after {
content: "";position: absolute;
left: 30px;
right: 30px;
bottom: 0;z-index: 5;height: 3px;background: var(--blue);transform: scaleX(0);
transform-origin: left center;transition:
transform .45s var(--ease);
}/* =========================================================
HOVER EFEKTLERİ
========================================================= */@media (hover: hover) and (pointer: fine) {/* KART HAFİF YÜKSELİR */.aem-career-link:hover {
transform: translateY(-4px);
}/* FOTOĞRAF HAFİF YAKINLAŞIR */.aem-career-link:hover
.aem-career-link-image img {
transform: scale(1.055);
}/* ALT ÇİZGİ AÇILIR */.aem-career-link:hover::after {
transform: scaleX(1);
}/* OK BUTONU HAFİF BÜYÜR */.aem-career-link:hover
.aem-career-link-arrow {
transform: scale(1.07);background: var(--blue-dark);
}/* OK SAĞA HAREKET EDER */.aem-career-link:hover
.aem-career-link-arrow svg {
transform: translateX(3px);
}}/* =========================================================
TABLET
========================================================= */@media (max-width: 900px) {.aem-career-links {
grid-template-columns: 1fr;
}.aem-career-link {
min-height: 225px;
}.aem-career-link-content {
min-height: 225px;
}}/* =========================================================
MOBİL
========================================================= */@media (max-width: 680px) {.aem-career-links {
width: calc(100% - 24px);
gap: 12px;
}/* KART */.aem-career-link {
min-height: auto;border-radius: 15px;
}/* GÖRSEL ÜSTE GELİR */.aem-career-link-image {
position: relative;
top: auto;
right: auto;
bottom: auto;width: 100%;
height: 220px;-webkit-mask-image:
linear-gradient(
to bottom,
#000000 0%,
#000000 58%,
transparent 100%
);mask-image:
linear-gradient(
to bottom,
#000000 0%,
#000000 58%,
transparent 100%
);
}/* FOTOĞRAFIN ALT KISMI İÇERİKLE BİRLEŞİR */.aem-career-link-content {
width: 100%;
min-height: auto;margin-top: -52px;
padding: 20px 21px 25px;
}.aem-career-link h3 {
font-size: 27px;
}.aem-career-link p {
max-width: 310px;
}.aem-career-link-arrow {
width: 40px;
height: 40px;margin-top: 19px;
}.aem-career-link-arrow svg {
width: 17px;
height: 17px;
}.aem-career-link::after {
left: 21px;
right: 21px;
}}/* =========================================================
HAREKET AZALTMA TERCİHİ
========================================================= */@media (prefers-reduced-motion: reduce) {.aem-career-links *,
.aem-career-links *::before,
.aem-career-links *::after {
transition-duration: .01ms !important;
transition-delay: 0ms !important;
}}
Kariyer Fırsatları
Açık Pozisyonlar
Güncel iş ilanlarımızı inceleyin ve AEM ekibine katılın.
Kariyerine İlk Adım
Staj Başvurusu
Laboratuvar deneyimi kazanın ve mesleki gelişiminize AEM'de başlayın.
