/**
 * Luxury Atelier — estilos do template.
 *
 * Linguagem de luxo editorial (referência: design system Echelon), recriada na
 * identidade Essence: bege e dourado, brilhos quentes, moldura dourada,
 * sombras suntuosas em camadas. Sem Google Fonts — Georgia faz a serifa.
 *
 * Escopo: .epd-profile--luxury-atelier · namespace: .epd-la-*
 *
 * Respeita a opção de alinhamento (esquerda/centro) desde o início.
 */

.epd-profile--luxury-atelier {
	--epd-radius-button: 4px;
	--epd-la-gold: var(--epd-color-accent, #b78a56);
	--epd-la-gold-deep: #946d40;
	--epd-la-ink: #241a16;
	--epd-la-cream: #fffcf7;
	--epd-la-sand: #e7d8c8;
	--epd-la-line: rgba(36, 26, 22, 0.14);
	--epd-la-serif: Georgia, "Times New Roman", serif;
	--epd-la-shadow: 0 22px 55px rgba(36, 26, 22, 0.16), 0 6px 18px rgba(36, 26, 22, 0.08);
	--epd-line-height: 1.7;
	background: #fbf4ec;
}

/* ---------- Kicker dourado (assinatura editorial) ---------- */
.epd-profile--luxury-atelier .epd-la-kicker {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--epd-la-gold-deep);
}

.epd-profile--luxury-atelier .epd-la-kicker::before {
	content: "";
	width: 28px;
	height: 1px;
	background: var(--epd-la-gold);
}

.epd-profile--luxury-atelier.epd-profile--align-center .epd-la-kicker {
	justify-content: center;
}

/* ---------- Hero (1ª dobra) ---------- */
.epd-profile--luxury-atelier .epd-la-hero {
	position: relative;
	overflow: hidden;
}

/* Grade terrosa finíssima + brilhos radiais quentes nos cantos: o fundo
   "caro" da referência, todo em CSS, sem imagem. */
.epd-profile--luxury-atelier .epd-la-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(45, 27, 17, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(45, 27, 17, 0.04) 1px, transparent 1px);
	background-size: 56px 56px;
	pointer-events: none;
	mask-image: radial-gradient(circle at 50% 40%, #000, transparent 80%);
	-webkit-mask-image: radial-gradient(circle at 50% 40%, #000, transparent 80%);
}

.epd-profile--luxury-atelier .epd-la-hero__glow {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 18% 22%, rgba(183, 138, 86, 0.14), transparent 28%),
		radial-gradient(circle at 82% 90%, rgba(183, 138, 86, 0.12), transparent 32%);
	pointer-events: none;
}

/* Textura de grão finíssima (feTurbulence), como papel impresso de luxo.
   Aplicada com multiply e opacidade muito baixa: percebe-se o requinte, não a
   textura em si. Assinatura tomada do design system de referência. */
.epd-profile--luxury-atelier .epd-la-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='epdgrain'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18  0 0 0 0 0.16  0 0 0 0 0.12  0 0 0 0.05 0'/></filter><rect width='100%25' height='100%25' filter='url(%23epdgrain)'/></svg>");
	background-size: 200px 200px;
	mix-blend-mode: multiply;
	opacity: 0.5;
	pointer-events: none;
	z-index: 0;
}

.epd-profile--luxury-atelier .epd-la-hero__inner {
	position: relative;
	z-index: 1;
	display: grid;
	gap: 40px;
}

/* MODO CENTRO: coluna única, com a foto ANTES do texto (no topo). O HTML traz
   a foto depois, então usamos flex + order para reposicioná-la sem alterar a
   marcação. */
.epd-profile--luxury-atelier.epd-profile--align-center .epd-la-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.epd-profile--luxury-atelier.epd-profile--align-center .epd-la-hero__media {
	order: -1;
	margin-bottom: 8px;
}

.epd-profile--luxury-atelier.epd-profile--align-center .epd-la-hero__content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.epd-profile--luxury-atelier .epd-la-identity {
	margin-bottom: 16px;
}

.epd-profile--luxury-atelier .epd-la-identity .epd-identity__name {
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--epd-la-ink);
}

.epd-profile--luxury-atelier .epd-la-identity .epd-identity__role {
	font-family: var(--epd-la-serif);
	font-style: italic;
	color: var(--epd-la-gold-deep);
}

.epd-profile--luxury-atelier .epd-fold-one__title {
	font-family: var(--epd-la-serif);
	font-weight: 400;
	letter-spacing: -0.01em;
	line-height: 1.1;
	color: var(--epd-la-ink);
}

.epd-profile--luxury-atelier .epd-fold-one__tagline {
	font-family: var(--epd-la-serif);
	font-style: italic;
	font-size: 1.15rem;
	color: var(--epd-la-gold-deep);
	max-width: 40ch;
}

.epd-profile--luxury-atelier .epd-fold-one__text {
	color: var(--epd-color-text-soft);
	max-width: 46ch;
}

.epd-profile--luxury-atelier.epd-profile--align-center .epd-fold-one__tagline,
.epd-profile--luxury-atelier.epd-profile--align-center .epd-fold-one__text {
	margin-left: auto;
	margin-right: auto;
}

/* Foto com moldura dourada dupla e gradiente editorial na base. */
.epd-profile--luxury-atelier .epd-la-photo {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 300px;
	border-radius: 6px;
	overflow: visible;
}

.epd-profile--luxury-atelier .epd-la-photo.epd-photo--circle {
	border-radius: 50%;
}

.epd-profile--luxury-atelier .epd-la-photo .epd-photo__image {
	border-radius: inherit;
	box-shadow: var(--epd-la-shadow);
	position: relative;
	z-index: 1;
}

/* Moldura dourada deslocada, como um passe-partout de galeria. */
.epd-profile--luxury-atelier .epd-la-photo__frame {
	position: absolute;
	inset: -12px;
	border: 1px solid var(--epd-la-gold);
	border-radius: inherit;
	pointer-events: none;
	z-index: 0;
}

.epd-profile--luxury-atelier .epd-la-logo {
	max-width: 180px;
	margin: 0 auto;
}

/* ---------- Diferenciais (2ª dobra) ---------- */
.epd-profile--luxury-atelier .epd-la-services__header {
	margin-bottom: 44px;
}

.epd-profile--luxury-atelier .epd-fold-two__title {
	font-family: var(--epd-la-serif);
	font-weight: 400;
	color: var(--epd-la-ink);
}

.epd-profile--luxury-atelier .epd-fold-two__intro {
	color: var(--epd-color-text-soft);
	max-width: 48ch;
}

.epd-profile--luxury-atelier.epd-profile--align-center .epd-fold-two__intro {
	margin-left: auto;
	margin-right: auto;
}

.epd-profile--luxury-atelier .epd-la-cards {
	gap: 22px;
}

/* Cartão de marfim com filete dourado no topo e sombra suntuosa. */
.epd-profile--luxury-atelier .epd-la-card__inner {
	position: relative;
	height: 100%;
	padding: 34px 28px 30px;
	border: 1px solid var(--epd-la-line);
	border-top: 2px solid var(--epd-la-gold);
	border-radius: 6px;
	background: var(--epd-la-cream);
	box-shadow: var(--epd-la-shadow);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.epd-profile--luxury-atelier .epd-la-card__inner--link:hover {
	transform: translateY(-3px);
	box-shadow: 0 28px 64px rgba(36, 26, 22, 0.22), 0 8px 22px rgba(36, 26, 22, 0.1);
}

/* Numeração discreta em serifa dourada, como uma coleção. */
.epd-profile--luxury-atelier .epd-la-card__num {
	display: block;
	font-family: var(--epd-la-serif);
	font-style: italic;
	font-size: 1.15rem;
	color: var(--epd-la-gold);
	margin-bottom: 14px;
}

.epd-profile--luxury-atelier .epd-la-card__icon {
	display: inline-flex;
	margin-bottom: 14px;
	color: var(--epd-la-gold-deep);
}

.epd-profile--luxury-atelier .epd-item__title {
	font-family: var(--epd-la-serif);
	font-weight: 400;
	font-size: 1.3rem;
	color: var(--epd-la-ink);
}

.epd-profile--luxury-atelier .epd-item__text {
	color: var(--epd-color-text-soft);
}

.epd-profile--luxury-atelier.epd-profile--align-center .epd-la-card__inner {
	text-align: center;
}

.epd-profile--luxury-atelier.epd-profile--align-center .epd-la-card__icon {
	margin-left: auto;
	margin-right: auto;
}

/* ---------- Convite (3ª dobra) ---------- */
.epd-profile--luxury-atelier .epd-la-cta {
	position: relative;
	overflow: hidden;
	color: var(--epd-la-cream);
}

.epd-profile--luxury-atelier .epd-la-cta__glow {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 0%, rgba(183, 138, 86, 0.25), transparent 55%);
	pointer-events: none;
}

/* Ornamento: losango dourado que anuncia o fechamento. */
.epd-profile--luxury-atelier .epd-la-ornament {
	display: block;
	width: 10px;
	height: 10px;
	margin-bottom: 24px;
	background: var(--epd-la-gold);
	transform: rotate(45deg);
}

.epd-profile--luxury-atelier.epd-profile--align-center .epd-la-ornament {
	margin-left: auto;
	margin-right: auto;
}

.epd-profile--luxury-atelier .epd-fold-three__title {
	font-family: var(--epd-la-serif);
	font-weight: 400;
	font-size: clamp(2rem, 6vw, 3.25rem);
	color: var(--epd-la-cream);
	position: relative;
	z-index: 1;
}

.epd-profile--luxury-atelier .epd-fold-three__text {
	color: rgba(255, 252, 247, 0.78);
	max-width: 46ch;
	position: relative;
	z-index: 1;
}

.epd-profile--luxury-atelier.epd-profile--align-center .epd-fold-three__text {
	margin-left: auto;
	margin-right: auto;
}

.epd-profile--luxury-atelier .epd-fold-three__signature {
	font-family: var(--epd-la-serif);
	font-style: italic;
	color: var(--epd-la-gold);
	font-size: 1.1rem;
	position: relative;
	z-index: 1;
}

.epd-profile--luxury-atelier .epd-la-cta .epd-buttons {
	position: relative;
	z-index: 1;
}

.epd-profile--luxury-atelier .epd-la-cta .epd-button--primary {
	background: var(--epd-la-gold);
	border-color: var(--epd-la-gold);
	color: var(--epd-la-ink);
}

.epd-profile--luxury-atelier .epd-la-cta .epd-button--secondary {
	border-color: rgba(255, 252, 247, 0.4);
	color: var(--epd-la-cream);
}

/* Botão principal com brilho dourado. */
.epd-profile--luxury-atelier .epd-button--primary {
	box-shadow: 0 12px 30px -14px rgba(183, 138, 86, 0.8);
	transition: transform 0.18s ease;
}

.epd-profile--luxury-atelier .epd-button--primary:hover {
	transform: translateY(-1px);
}

/* ---------- Desktop progressivo ---------- */
@media (min-width: 820px) {
	/* MODO ESQUERDA: hero em duas colunas (texto | foto), conectadas e
	   harmônicas. Neutraliza o grid genérico da base para o template ter seu
	   próprio ritmo. */
	.epd-profile--luxury-atelier.epd-profile--align-left .epd-fold-one--has-media .epd-fold__inner {
		display: block;
	}

	.epd-profile--luxury-atelier.epd-profile--align-left .epd-la-hero__inner {
		grid-template-columns: 1fr minmax(0, 300px);
		gap: 56px;
		align-items: center;
	}

	/* A foto fica contida e alinhada ao centro vertical do bloco de texto,
	   criando conexão em vez de flutuar solta no canto. */
	.epd-profile--luxury-atelier.epd-profile--align-left .epd-la-hero__media {
		display: flex;
		justify-content: flex-end;
	}

	.epd-profile--luxury-atelier.epd-profile--align-left .epd-la-photo {
		width: 100%;
		max-width: 300px;
		margin: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.epd-profile--luxury-atelier .epd-la-card__inner,
	.epd-profile--luxury-atelier .epd-button--primary {
		transition: none;
	}
}