/* =========================================
       Page Specific CSS (Profile)
       ========================================= */
  .profile-hero {
  	position: relative;
  	padding: 80px 0;
  	/* py-20 */
  	background: linear-gradient(to bottom right, #ecfdf5, #ffffff);
  	/* from-emerald-50 to-white */
  	overflow: hidden;
  }

  @media (max-width: 600px) {
  	.profile-hero {
  		padding: 50px 0;
  	}
  }

  .profile-hero__bg-wrapper {
  	position: absolute;
  	inset: 0;
  	/* top:0; right:0; bottom:0; left:0; */
  	z-index: 0;
  }

  .profile-hero__bg-image {
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
  	object-position: top;
  	opacity: 0.1;
  	/* opacity-10 */
  }

  .profile-hero__container {
  	position: relative;
  	z-index: 10;
  	/* Inherits container max-width and margins from common CSS */
  }

  .profile-hero__content-grid {
  	display: grid;
  	grid-template-columns: 1fr;
  	gap: 48px;
  	/* gap-12 */
  	align-items: center;
  }

  @media (min-width: 1024px) {
  	.profile-hero__content-grid {
  		grid-template-columns: repeat(2, 1fr);
  		/* lg:grid-cols-2 */
  	}
  }

  /* Text Column */
  .profile-hero__label {
  	display: inline-block;
  	background-color: #d1fae5;
  	/* bg-emerald-100 */
  	color: #065f46;
  	/* text-emerald-800 */
  	padding: 8px 16px;
  	/* px-4 py-2 */
  	border-radius: 9999px;
  	/* rounded-full */
  	font-size: 14px;
  	/* text-sm */
  	font-weight: 500;
  	margin-bottom: 24px;
  	/* mb-6 */
  }

  .profile-hero__title {
  	font-size: clamp(32px, 5vw, 48px);
  	/* text-4xl md:text-5xl */
  	font-weight: 700;
  	color: var(--text-main);
  	/* text-gray-900 */
  	margin-bottom: 24px;
  	/* mb-6 */
  }

  @media (max-width: 600px) {
  	.profile-hero__title {
  		margin-bottom: 16px;
  	}
  }

  .profile-hero__desc {
  	font-size: 20px;
  	/* text-xl */
  	color: var(--text-light);
  	/* text-gray-600 */
  	margin-bottom: 32px;
  	/* mb-8 */
  	line-height: 1.625;
  }

  @media (max-width: 600px) {
  	.profile-hero__desc {
  		font-size: 16px;
  	}
  }

  /* Stats Grid */
  .profile-hero__stats-grid {
  	display: grid;
  	grid-template-columns: repeat(2, 1fr);
  	gap: 24px;
  	/* gap-6 */
  }

  .profile-hero__stat-item {
  	text-align: center;
  	padding: 16px;
  	/* p-4 */
  	background-color: var(--white);
  	border-radius: 8px;
  	/* rounded-lg */
  	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  	/* shadow-sm */
  }

  .profile-hero__stat-value {
  	font-size: 30px;
  	/* text-3xl */
  	font-weight: 700;
  	color: var(--primary-color);
  	/* text-emerald-600 */
  	margin-bottom: 8px;
  	/* mb-2 */
  	line-height: 1;
  }

  .profile-hero__stat-label {
  	font-size: 14px;
  	/* text-sm */
  	color: var(--text-light);
  	/* text-gray-600 */
  }

  /* Image Column */
  .profile-hero__image-wrapper {
  	position: relative;
  }

  .profile-hero__portrait {
  	width: 100%;
  	height: auto;
  	border-radius: 12px;
  	/* rounded-xl */
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  	/* shadow-lg */
  	object-fit: cover;
  	object-position: top;
  }

  .profile-hero__badge {
  	position: absolute;
  	bottom: -24px;
  	/* -bottom-6 */
  	left: -24px;
  	/* -left-6 */
  	background-color: var(--primary-color);
  	/* bg-emerald-500 */
  	color: var(--white);
  	padding: 24px;
  	/* p-6 */
  	border-radius: 12px;
  	/* rounded-xl */
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  	/* shadow-lg */
  }

  .profile-hero__badge-title {
  	font-size: 18px;
  	/* text-lg */
  	font-weight: 600;
  	margin-bottom: 4px;
  }

  .profile-hero__badge-subtitle {
  	font-size: 14px;
  	/* text-sm */
  	opacity: 0.9;
  }

  /* Mobile Adjustment for badge */
  @media (max-width: 640px) {
  	.profile-hero__badge {
  		bottom: -16px;
  		left: 16px;
  		right: auto;
  		padding: 16px;
  	}
  }

  /* =========================================
		       NEW: Career Section (BEM: profile-career)
		       ========================================= */
  .profile-career {
  	padding: 80px 0;
  	/* py-20 */
  	background-color: var(--white);
  }

  @media (max-width: 600px) {
  	.profile-career {
  		padding: 50px 0;
  	}
  }

  .profile-career__header {
  	text-align: center;
  	margin-bottom: 64px;
  	/* mb-16 */
  }

  @media (max-width: 600px) {
  	.profile-career__header {
  		margin-bottom: 44px;
  	}
  }

  .profile-career__title {
  	font-size: 30px;
  	/* text-3xl */
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 16px;
  	/* mb-4 */
  }

  @media (min-width: 768px) {
  	.profile-career__title {
  		font-size: 38px;
  		/* md:text-4xl */
  	}
  }

  .profile-career__desc {
  	font-size: 18px;
  	/* text-lg */
  	color: var(--text-light);
  	/* text-gray-600 */
  	max-width: 768px;
  	/* max-w-3xl */
  	margin: 0 auto;
  }

  @media (max-width: 600px) {
  	.profile-career__desc {
  		font-size: 16px;
  	}
  }

  .profile-career__timeline-wrapper {
  	position: relative;
  }

  /* Vertical Line */
  .profile-career__line {
  	position: absolute;
  	left: 32px;
  	/* left-8 */
  	top: 0;
  	bottom: 0;
  	width: 4px;
  	/* w-1 */
  	background-color: #a7f3d0;
  	/* bg-emerald-200 */
  	/* Center align with icon which is w-16 (64px). 32px is center. */
  }

  @media (max-width: 600px) {
  	.profile-career__line {
  		left: 26px;
  	}
  }

  .profile-career__list {
  	display: flex;
  	flex-direction: column;
  	gap: 48px;
  	/* space-y-12 */
  }

  .profile-career__item {
  	display: flex;
  	align-items: center;
  	position: relative;
  	/* for z-index context */
  }

  .profile-career__icon-wrapper {
  	position: relative;
  	z-index: 10;
  	width: 64px;
  	/* w-16 */
  	height: 64px;
  	/* h-16 */
  	background-color: var(--primary-color);
  	/* bg-emerald-500 */
  	border-radius: 50%;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  	/* shadow-lg */
  	margin-right: 32px;
  	/* mr-8 */
  	flex-shrink: 0;
  }

  @media (max-width: 600px) {
  	.profile-career__icon-wrapper {
  		width: 54px;
  		height: 54px;
  		margin-right: 16px;
  	}
  }

  .profile-career__icon {
  	font-size: 24px;
  	/* text-2xl */
  	color: var(--white);
  }

  .profile-career__content {
  	flex: 1;
  }

  .profile-career__card {
  	background-color: var(--white);
  	padding: 24px;
  	/* p-6 */
  	border-radius: 12px;
  	/* rounded-xl */
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  	/* shadow-lg */
  	border: 1px solid #f3f4f6;
  	/* border-gray-100 */
  }

  .profile-career__year-wrapper {
  	display: flex;
  	justify-content: flex-start;
  	margin-bottom: 12px;
  	/* mb-3 */
  }

  .profile-career__year {
  	background-color: #d1fae5;
  	/* bg-emerald-100 */
  	color: #047857;
  	/* text-emerald-700 */
  	padding: 4px 12px;
  	/* px-3 py-1 */
  	border-radius: 9999px;
  	/* rounded-full */
  	font-size: 14px;
  	/* text-sm */
  	font-weight: 500;
  }

  .profile-career__role {
  	font-size: 20px;
  	/* text-xl */
  	font-weight: 700;
  	color: var(--text-main);
  	/* text-gray-900 */
  	margin-bottom: 8px;
  	/* mb-2 */
  }

  .profile-career__sub-role {
  	color: #047857;
  	/* text-emerald-700 */
  	font-weight: 500;
  	margin-bottom: 12px;
  	/* mb-3 */
  }

  .profile-career__text {
  	color: var(--text-light);
  	/* text-gray-600 */
  }

  /* =========================================
	       NEW: Achievements Section (BEM: profile-achievements)
	       ========================================= */
  .profile-achievements {
  	padding: 80px 0;
  	/* py-20 */
  	background-color: #ebf5f0;
  	/* bg color matching prompt */
  }

  @media (max-width: 600px) {
  	.profile-achievements {
  		padding: 50px 0;
  	}
  }

  .profile-achievements__header {
  	text-align: center;
  	margin-bottom: 64px;
  	/* mb-16 */
  }

  @media (max-width: 600px) {
  	.profile-achievements__header {
  		margin-bottom: 44px;
  	}
  }

  .profile-achievements__title {
  	font-size: 30px;
  	/* text-3xl */
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 16px;
  	/* mb-4 */
  }

  @media (min-width: 768px) {
  	.profile-achievements__title {
  		font-size: 38px;
  		/* md:text-4xl */
  	}
  }

  .profile-achievements__desc {
  	font-size: 18px;
  	/* text-lg */
  	color: var(--text-light);
  	max-width: 768px;
  	/* max-w-3xl */
  	margin: 0 auto;
  }

  @media (max-width: 600px) {
  	.profile-achievements__desc {
  		font-size: 16px;
  	}
  }

  /* Stats Grid */
  .profile-achievements__stats {
  	display: grid;
  	grid-template-columns: repeat(2, 1fr);
  	gap: 32px;
  	/* gap-8 */
  	margin-bottom: 64px;
  	/* mb-16 */
  }

  @media (max-width: 600px) {
  	.profile-achievements__stats {
  		margin-bottom: 44px;
  	}
  }

  @media (min-width: 768px) {
  	.profile-achievements__stats {
  		grid-template-columns: repeat(4, 1fr);
  	}
  }

  .profile-achievements__stat-item {
  	text-align: center;
  }

  .profile-achievements__stat-number {
  	font-size: 36px;
  	/* text-4xl */
  	font-weight: 700;
  	color: var(--primary-color);
  	margin-bottom: 8px;
  	/* mb-2 */
  	line-height: 1;
  }

  @media (min-width: 768px) {
  	.profile-achievements__stat-number {
  		font-size: 48px;
  		/* md:text-5xl */
  	}
  }

  .profile-achievements__stat-label {
  	color: var(--text-light);
  	font-weight: 500;
  }

  /* Case List */
  .profile-achievements__list {
  	display: flex;
  	flex-direction: column;
  	gap: 48px;
  	/* space-y-12 */
  }

  .profile-achievements__card {
  	background-color: #f9fafb;
  	/* bg-gray-50 */
  	border-radius: 12px;
  	/* rounded-xl */
  	padding: 32px;
  	/* p-8 */
  }

  @media (max-width: 600px) {
  	.profile-achievements__card {
  		text-align: center;
  		padding: 28px 20px;
  	}
  }

  .profile-achievements__item-inner {
  	display: flex;
  	flex-direction: column;
  	gap: 32px;
  	/* gap-8 */
  	align-items: center;
  }

  @media (min-width: 1024px) {
  	.profile-achievements__item-inner {
  		flex-direction: row;
  	}
  }

  .profile-achievements__image-col {
  	width: 100%;
  }

  @media (min-width: 1024px) {
  	.profile-achievements__image-col {
  		width: 25%;
  		/* lg:w-1/4 */
  	}
  }

  .profile-achievements__image {
  	width: 100%;
  	height: 80px;
  	/* h-20 */
  	object-fit: contain;
  }

  .profile-achievements__text-col {
  	width: 100%;
  }

  @media (min-width: 1024px) {
  	.profile-achievements__text-col {
  		width: 75%;
  		/* lg:w-3/4 */
  	}
  }

  .profile-achievements__item-title {
  	font-size: 24px;
  	/* text-2xl */
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 8px;
  	/* mb-2 */
  }

  @media (max-width: 600px) {
  	.profile-achievements__item-title {
  		font-size: 20px;
  	}
  }

  .profile-achievements__tags {
  	display: flex;
  	flex-wrap: wrap;
  	gap: 16px;
  	/* gap-4 */
  	margin-bottom: 16px;
  	/* mb-4 */
  }

  @media (max-width: 600px) {
  	.profile-achievements__tags {
  		justify-content: center;
  	}
  }

  .profile-achievements__tag {
  	padding: 4px 12px;
  	/* px-3 py-1 */
  	border-radius: 9999px;
  	/* rounded-full */
  	font-size: 14px;
  	/* text-sm */
  	font-weight: 500;
  }

  .profile-achievements__tag--green {
  	background-color: #d1fae5;
  	/* bg-emerald-100 */
  	color: #065f46;
  	/* text-emerald-800 */
  }

  .profile-achievements__tag--blue {
  	background-color: #dbeafe;
  	/* bg-blue-100 */
  	color: #1e40af;
  	/* text-blue-800 */
  }

  .profile-achievements__item-desc {
  	color: var(--text-light);
  }

  /* =========================================
		       NEW: Philosophy Section (BEM: profile-philosophy)
		       ========================================= */
  .profile-philosophy {
  	padding: 80px 0;
  	background-color: var(--white);
  }

  @media (max-width: 600px) {
  	.profile-philosophy {
  		padding: 50px 0 20px;
  	}
  }

  .profile-philosophy__grid {
  	display: grid;
  	grid-template-columns: 1fr;
  	gap: 48px;
  	align-items: center;
  }

  @media (min-width: 1024px) {
  	.profile-philosophy__grid {
  		grid-template-columns: repeat(2, 1fr);
  	}
  }

  .profile-philosophy__title {
  	font-size: 30px;
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 24px;
  	text-align: left;
  }

  @media (max-width: 1023px) {
  	.profile-philosophy__title {
  		text-align: center;
  	}
  }

  @media (min-width: 768px) {
  	.profile-philosophy__title {
  		font-size: 38px;
  	}
  }

  .profile-philosophy__desc {
  	font-size: 18px;
  	color: var(--text-light);
  	margin-bottom: 32px;
  }

  @media (max-width: 1023px) {
  	.profile-philosophy__desc {
  		text-align: center;
  	}
  }

  @media (max-width: 600px) {
  	.profile-philosophy__desc {
  		font-size: 16px;
  	}
  }

  .profile-philosophy__list {
  	display: flex;
  	flex-direction: column;
  	gap: 32px;
  }

  .profile-philosophy__item {
  	display: flex;
  	align-items: flex-start;
  }

  .profile-philosophy__icon-box {
  	width: 48px;
  	height: 48px;
  	background-color: #d1fae5;
  	/* bg-emerald-100 */
  	border-radius: 8px;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	margin-right: 16px;
  	flex-shrink: 0;
  }

  .profile-philosophy__icon {
  	font-size: 20px;
  	color: var(--primary-color);
  }

  .profile-philosophy__item-title {
  	font-size: 20px;
  	font-weight: 600;
  	color: var(--text-main);
  	margin-bottom: 12px;
  }

  .profile-philosophy__item-text {
  	color: var(--text-light);
  	line-height: 1.6;
  }

  /* Image Side */
  .profile-philosophy__image-wrapper {
  	position: relative;
  }

  .profile-philosophy__image {
  	width: 100%;
  	border-radius: 12px;
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  	object-fit: cover;
  }

  .profile-philosophy__badge {
  	position: absolute;
  	bottom: -24px;
  	right: -24px;
  	background-color: var(--white);
  	padding: 24px;
  	border-radius: 12px;
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  	border: 1px solid #f3f4f6;
  	text-align: center;
  }

  @media (max-width: 640px) {
  	.profile-philosophy__badge {
  		bottom: -16px;
  		right: 16px;
  		padding: 16px;
  	}
  }

  .profile-philosophy__badge-title {
  	font-size: 24px;
  	font-weight: 700;
  	color: var(--primary-color);
  	margin-bottom: 4px;
  }

  .profile-philosophy__badge-text {
  	font-size: 14px;
  	color: var(--text-light);
  }

  /* Message Box */
  .profile-philosophy__message-box {
  	margin-top: 64px;
  	border-radius: 16px;
  	padding: 32px;
  	background-color: #ebf5f0;
  	/* bg color from snippet */
  	text-align: center;
  }

	@media (max-width: 600px) {
		.profile-philosophy__message-box {
			padding: 28px 20px;
		}
	}

  .profile-philosophy__message-title {
  	font-size: 24px;
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 16px;
  }

  .profile-philosophy__quote {
  	font-size: 18px;
  	color: #374151;
  	font-style: italic;
  	max-width: 896px;
  	margin: 0 auto;
  	line-height: 1.8;
  }

	@media (max-width: 600px) {
		.profile-philosophy__quote {
			font-size: 16px;
		}
	}

  .profile-philosophy__author {
  	margin-top: 24px;
  }

  .profile-philosophy__author-role {
  	color: var(--primary-color);
  	font-weight: 600;
  	display: block;
  }

  .profile-philosophy__author-name {
  	font-size: 24px;
  	font-weight: 700;
  	color: var(--text-main);
  }

  /* =========================================
	       NEW: CTA Section (BEM: profile-cta)
	       ========================================= */
  .profile-cta {
  	padding: 80px 0;
  	background-color: var(--white);
  }

	@media (max-width: 600px) {
		.profile-cta {
			padding: 50px 0;
		}
	}

  .profile-cta__header {
  	text-align: center;
  	max-width: 1200px;
  	margin: 0 auto;
  }

  .profile-cta__title {
  	font-size: clamp(22px, 4vw, 38px);
  	/* text-3xl md:text-4xl */
  	font-weight: 700;
  	color: var(--text-main);
  	margin-bottom: 24px;
  }

  .profile-cta__desc {
  	font-size: 20px;
  	/* text-xl */
  	color: var(--text-light);
  	max-width: 768px;
  	margin: 0 auto 32px;
  	line-height: 1.6;
  }

	@media (max-width: 600px) {
		.profile-cta__desc {
			font-size: 16px;
		}
	}

  .profile-cta__actions {
  	display: flex;
  	flex-direction: column;
  	gap: 16px;
  	justify-content: center;
  	align-items: center;
  	margin-bottom: 48px;
  }

  @media (min-width: 640px) {
  	.profile-cta__actions {
  		flex-direction: row;
  	}
  }

  .profile-cta__btn {
  	white-space: nowrap;
  	padding: 16px 32px;
  	/* px-8 py-4 */
  	font-size: 18px;
  	/* text-lg */
  	font-weight: 500;
  	border-radius: 8px;
  	/* rounded-lg */
  	display: inline-flex;
  	align-items: center;
  	justify-content: center;
  	transition: all 0.3s ease;
  	cursor: pointer;
  	border: none;
  	/* Reset */
  }

	@media (max-width: 600px) {
		.profile-cta__btn {
			font-size: 16px;
		}
	}

  .profile-cta__btn--primary {
  	background-color: var(--primary-color);
  	/* bg-emerald-500 */
  	color: var(--white);
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  	/* shadow-lg */
  }

  .profile-cta__btn--primary:hover {
  	background-color: #059669;
  	/* hover:bg-emerald-600 */
  	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  	/* hover:shadow-xl */
  }

  .profile-cta__btn--secondary {
  	background-color: #059669;
  	/* bg-emerald-600 */
  	color: var(--white);
  	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  	/* shadow-lg */
  }

  .profile-cta__btn--secondary:hover {
  	background-color: #047857;
  	/* hover:bg-emerald-700 */
  	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  	/* hover:shadow-xl */
  }

  .profile-cta__icon {
  	margin-right: 8px;
  }

  /* Services Grid */
  .profile-cta__services {
  	display: grid;
  	grid-template-columns: 1fr;
  	gap: 32px;
  	margin-top: 48px;
  }

  @media (min-width: 768px) {
  	.profile-cta__services {
  		grid-template-columns: repeat(3, 1fr);
  	}
  }

  .profile-cta__service-item {
  	text-align: center;
  }

  .profile-cta__service-icon-wrapper {
  	width: 64px;
  	/* w-16 */
  	height: 64px;
  	/* h-16 */
  	background-color: var(--primary-color);
  	/* bg-emerald-500 */
  	border-radius: 50%;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	margin: 0 auto 16px;
  }

  .profile-cta__service-icon {
  	font-size: 24px;
  	/* text-2xl */
  	color: var(--white);
  }

  .profile-cta__service-title {
  	font-size: 18px;
  	/* text-lg */
  	font-weight: 600;
  	color: var(--text-main);
  	margin-bottom: 8px;
  }

  .profile-cta__service-desc {
  	color: var(--text-light);
  	/* text-gray-600 */
  }