/* =====================================================
   PROPRIETOR SECTION — MR PRINT PACK
===================================================== */

.dr1052proprietor {
	padding: 110px 20px;
	background:
		radial-gradient(circle at top, rgba(15,118,110,.18), transparent 60%),
		linear-gradient(180deg, #020617, #01030a);
	font-family: 'Montserrat', sans-serif;
	overflow: hidden;
}

/* =====================================================
   STAGE LAYOUT
===================================================== */

.proprietor-stage {
	max-width: 1200px;
	margin: auto;

	display: grid;
	grid-template-columns: 420px 1fr;
	gap: 70px;
	align-items: center;

	perspective: 1400px;
	transform-style: preserve-3d;
}

/* =====================================================
   IMAGE PANEL
===================================================== */

.proprietor-image {
	display: flex;
	justify-content: center;
	align-items: center;
}

.image-frame {
	position: relative;
	width: 100%;
	max-width: 380px;
	border-radius: 22px;
	overflow: hidden;

	transform-style: preserve-3d;
	transform: rotateY(-10deg) rotateX(6deg);
	transition: transform .6s cubic-bezier(.22,1,.36,1);

	box-shadow:
		0 45px 120px rgba(0,0,0,.9),
		inset 0 0 0 1px rgba(255,255,255,.06);
}

.image-frame img {
	width: 100%;
	display: block;
	border-radius: 22px;
	filter: contrast(1.08) saturate(1.1);
}

/* Industrial glow seam */
.image-frame::before {
	content: "";
	position: absolute;
	inset: -2px;
	border-radius: 24px;
	background: linear-gradient(
		120deg,
		transparent,
		#0f766e,
		#a16207,
		transparent
	);
	background-size: 300% 300%;
	filter: blur(18px);
	opacity: .85;
	z-index: -1;
	animation: glowMove 7s linear infinite;
}

/* Hover polish (desktop only) */
@media (min-width: 900px) {
	.image-frame:hover {
		transform: rotateY(-2deg) rotateX(2deg) translateY(-6px);
	}
}

/* =====================================================
   CONTENT PANEL
===================================================== */

.proprietor-content {
	background: linear-gradient(145deg, #0b1220, #050b15);
	padding: 56px 58px;
	border-radius: 26px;

	transform-style: preserve-3d;

	box-shadow:
		0 40px 120px rgba(0,0,0,.85),
		inset 0 1px 0 rgba(255,255,255,.05);
}

/* =====================================================
   TYPOGRAPHY & ALIGNMENT
===================================================== */

/* Badge */
.proprietor-content .badge {
	display: inline-block;
	padding: 7px 16px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	color: #0f766e;
	border: 1px solid rgba(15,118,110,.45);
	border-radius: 999px;
	margin-bottom: 18px;
}

/* Name */
.proprietor-content .name {
	font-size: 36px;
	font-weight: 900;
	color: #e5e7eb;
	line-height: 1.2;
	margin-bottom: 6px;
	text-shadow: 0 10px 30px rgba(0,0,0,.9);
}

/* Designation */
.proprietor-content .designation {
	font-size: 15px;
	font-weight: 600;
	color: #9ca3af;
	margin-bottom: 28px;
}

/* Paragraphs */
.proprietor-content .description {
	font-size: 15.5px;
	line-height: 1.9;
	color: #cbd5f5;
	margin-bottom: 22px;

	/* BEAUTIFUL TEXT FLOW */
	max-width: 620px;
	text-align: justify;
	text-justify: inter-word;
}

/* Strong emphasis */
.proprietor-content .description strong {
	color: #ffffff;
	font-weight: 700;
}

/* =====================================================
   LEGACY STRIP
===================================================== */

.legacy-strip {
	margin-top: 32px;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.legacy-strip span {
	padding: 10px 16px;
	font-size: 13px;
	font-weight: 600;
	color: #d1fae5;
	background: rgba(15,118,110,.12);
	border-left: 3px solid #0f766e;
	border-radius: 10px;
	white-space: nowrap;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

/* =====================================================
   MOBILE RESPONSIVE
===================================================== */

@media (max-width: 900px) {

	.dr1052proprietor {
		padding: 80px 16px;
	}

	.proprietor-stage {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	.image-frame {
		transform: none;
	}

	.proprietor-content {
		padding: 36px 26px;
	}

	.proprietor-content .name {
		font-size: 30px;
	}

	.proprietor-content .description {
		max-width: 100%;
		text-align: left;
	}

	.legacy-strip {
		justify-content: center;
	}
}

/* =====================================================
   ANIMATIONS
===================================================== */

@keyframes glowMove {
	0%   { background-position: 0% 50%; }
	50%  { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}