/* Rinkle Art premium palette — warm ivory, chocolate and restrained gold. */
:root {
	--paper: #fffaf0;
	--paper-strong: #fffdf8;
	--peach: #f7efe2;
	--peach-deep: #eadcc5;
	--ink: #4b2e1f;
	--ink-soft: #725d4f;
	--pink: #a77d2f;
	--magenta: #79571f;
	--orange: #c6a151;
	--orange-deep: #6e4c19;
	--line: rgba(95, 62, 37, .15);
	--line-strong: rgba(167, 125, 47, .43);
	--gradient: linear-gradient(112deg, #75531d 0%, #9e772d 55%, #bd9848 100%);
	--shadow: 0 22px 60px rgba(75, 46, 31, .13);
	--shadow-small: 0 11px 32px rgba(75, 46, 31, .085);
	--radius: 14px;
}

body {
	background: var(--paper);
	color: var(--ink);
}

h1, h2, h3, h4,
.brand-copy strong {
	color: var(--ink);
}

::selection {
	background: #d8bc78;
	color: #362116;
}

.gradient-text {
	background: linear-gradient(110deg, #76531c 0%, #a67d2e 48%, #c19a45 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

.section--peach,
.courses,
.gallery-preview,
.faq,
.syllabus-section,
.included-section {
	background-color: var(--peach);
}

.art-wash::before {
	background: radial-gradient(circle at 62% 48%, rgba(198, 161, 81, .14), rgba(198, 161, 81, .055) 44%, transparent 72%);
}

.art-background {
	background-color: var(--paper);
}

.art-background::after {
	background: linear-gradient(90deg, rgba(255, 250, 240, .5), rgba(255, 250, 240, .08));
}

/* Header */
.site-header {
	background: rgba(255, 250, 240, .95);
}

.site-header.is-scrolled {
	box-shadow: 0 9px 32px rgba(75, 46, 31, .09);
}

.brand-logo {
	filter: drop-shadow(0 7px 16px rgba(75, 46, 31, .1));
}

.brand:hover .brand-logo {
	filter: drop-shadow(0 10px 20px rgba(167, 125, 47, .2));
}

.nav-dropdown-menu,
.account-dropdown,
.menu-toggle,
.account-trigger {
	background: rgba(255, 253, 248, .98);
}

.nav-dropdown-menu a:hover,
.account-dropdown > a:hover {
	background: var(--peach);
}

/* Accessible gold actions */
.button,
.nav-cta,
.brand-mark,
.included-icon,
.reason-icon,
.account-dropdown__identity > span {
	background: var(--gradient);
	color: #fffdf8;
}

.button,
.nav-cta {
	box-shadow: 0 11px 26px rgba(117, 83, 29, .22);
}

.button:hover,
.button:focus-visible,
.nav-cta:hover,
.nav-cta:focus-visible {
	box-shadow: 0 16px 34px rgba(117, 83, 29, .3);
	filter: brightness(1.035);
}

.button--outline {
	border-color: #a77d2f;
	background: rgba(255, 253, 248, .72);
	box-shadow: none;
	color: #6f4e1b;
}

.button--outline:hover,
.button--outline:focus-visible {
	background: #fffdf8;
	box-shadow: 0 10px 25px rgba(75, 46, 31, .1);
}

.text-link,
.card-link,
.eyebrow {
	color: var(--magenta);
}

/* Homepage — generous ivory canvas and larger artwork. */
.hero {
	min-height: 800px;
	background:
		radial-gradient(circle at 8% 8%, rgba(198, 161, 81, .11), transparent 28%),
		linear-gradient(132deg, #fffdf8 0%, #fffaf0 55%, #f5ead8 100%);
}

.hero-inner {
	grid-template-columns: .92fr 1.08fr;
	gap: clamp(34px, 5vw, 74px);
}

.hero-artwork {
	min-height: 650px;
}

.hero-artwork__wash {
	inset: 4% -10% -1% 1%;
	background:
		radial-gradient(circle at 24% 28%, rgba(255, 253, 248, .98) 0 12%, transparent 37%),
		linear-gradient(145deg, rgba(198, 161, 81, .17), rgba(234, 220, 197, .58));
	box-shadow: 0 36px 86px rgba(75, 46, 31, .14);
}

.hero-artwork::before {
	border-color: rgba(167, 125, 47, .35);
	box-shadow: 0 0 0 18px rgba(255, 253, 248, .62), 0 0 0 19px rgba(198, 161, 81, .24);
}

.hero-artwork::after {
	background-image: radial-gradient(rgba(167, 125, 47, .42) 1.5px, transparent 1.5px);
}

.hero-artwork img {
	width: min(780px, 126%);
	filter: drop-shadow(0 25px 32px rgba(75, 46, 31, .19));
}

.hero-artwork figcaption,
.stat-grid article {
	border-color: rgba(167, 125, 47, .23);
	background: rgba(255, 253, 248, .94);
}

/* Course overview cards — cream, typographic and restrained. */
.course-card,
.method-grid article,
.feature-card,
.included-card,
.course-stats article,
.faq-list details,
.review-copy {
	border-color: rgba(120, 82, 40, .17);
	background: rgba(255, 253, 248, .96);
	box-shadow: var(--shadow-small);
}

.course-card {
	border-radius: 18px;
}

.course-card:hover,
.method-grid article:hover,
.feature-card:hover,
.included-card:hover {
	border-color: rgba(167, 125, 47, .48);
	box-shadow: var(--shadow);
}

.course-image {
	aspect-ratio: 1.56 / 1;
}

.course-number {
	background: #fffdf8;
	color: var(--magenta);
}

.course-level {
	background: #8d6827;
	color: #fffdf8;
}

.course-kicker,
.feature-list li::before,
.method-grid span,
.review-stars,
.review-quote-mark {
	color: var(--magenta);
}

.method-grid span {
	background: #efe2c9;
}

.review-copy::after {
	background: radial-gradient(circle, rgba(198, 161, 81, .14), rgba(234, 220, 197, .2) 54%, transparent 72%);
}

.review-controls > button {
	background: #fffdf8;
	color: var(--magenta);
}

.review-controls > button:hover,
.review-controls > button:focus-visible,
.review-dots button[aria-current="true"] {
	background: var(--magenta);
	color: #fffdf8;
}

.closing-cta {
	background: linear-gradient(118deg, #3e271b 0%, #593a26 54%, #76511f 100%);
}

.closing-cta h2 span {
	color: #e1c681;
}

/* Course pages */
.course-hero::after {
	background: linear-gradient(90deg, rgba(255, 250, 240, .97) 0%, rgba(255, 250, 240, .86) 42%, rgba(255, 250, 240, .05) 70%);
}

.lesson-language {
	border-color: rgba(167, 125, 47, .4);
	background: #fffdf8;
	color: var(--magenta);
}

.lesson-language.is-selected {
	background: #8d6827;
	box-shadow: 0 8px 20px rgba(117, 83, 29, .22);
}

/* Paintings shop — quiet gallery framing and generous whitespace. */
.paintings-page {
	background: var(--paper);
}

.paintings-hero {
	min-height: 690px;
}

.paintings-hero::after {
	background: linear-gradient(90deg, rgba(255, 250, 240, .97), rgba(255, 250, 240, .78) 50%, rgba(255, 250, 240, .08) 78%);
}

.paintings-page #collection {
	padding-block: clamp(100px, 11vw, 168px);
	background: #fffaf0;
}

.paintings-page .center-heading {
	margin-bottom: clamp(58px, 7vw, 92px);
}

.paintings-page .painting-sales-grid--catalog {
	gap: clamp(34px, 4vw, 58px) clamp(24px, 3vw, 42px);
}

.paintings-page .painting-sale-card {
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	transition: transform .3s ease;
}

.paintings-page .painting-sale-card:hover {
	box-shadow: none;
	transform: translateY(-4px);
}

.paintings-page .painting-sale-card__image {
	aspect-ratio: 4 / 5;
	padding: 12px;
	border: 1px solid rgba(91, 57, 31, .12);
	border-radius: 4px;
	background: #f4eddf;
	box-shadow: 0 16px 38px rgba(75, 46, 31, .1);
}

.paintings-page .painting-sale-card__image img {
	object-fit: contain;
	transform: none;
}

.paintings-page .painting-sale-card:hover .painting-sale-card__image img {
	transform: scale(1.008);
}

.paintings-page .painting-sale-card__body {
	padding: 18px 4px 0;
}

.paintings-page .whatsapp-button,
.gallery-preview .whatsapp-button {
	border: 1px solid rgba(126, 89, 30, .48);
	background: transparent;
	box-shadow: none;
	color: #63461b;
}

.paintings-page .whatsapp-button:hover,
.paintings-page .whatsapp-button:focus-visible,
.gallery-preview .whatsapp-button:hover,
.gallery-preview .whatsapp-button:focus-visible {
	background: #876526;
	box-shadow: 0 10px 24px rgba(117, 83, 29, .2);
	color: #fffdf8;
}

.gallery-preview .painting-sale-card {
	border-color: rgba(91, 57, 31, .14);
	background: #fffdf8;
}

.gallery-preview .painting-sale-card__image {
	background: #f4eddf;
}

/* Footer and account surfaces */
.site-footer,
.section--ink {
	background: #3e271b;
}

/* High-contrast footer typography across every public page. */
.site-footer h2,
.site-footer p,
.site-footer a:not(.social-button) {
	color: #fff;
}

.site-footer .footer-bottom,
.site-footer .footer-bottom p {
	color: #fff;
}

.account-modal__backdrop {
	background: rgba(47, 29, 20, .64);
}

.account-modal__dialog {
	background: linear-gradient(145deg, #fffdf8 0%, #fffaf0 58%, #f1e6d3 100%);
	box-shadow: 0 36px 100px rgba(47, 29, 20, .3);
}

.account-modal__dialog::before {
	background: radial-gradient(circle, rgba(198, 161, 81, .17), rgba(198, 161, 81, .06) 45%, transparent 72%);
}

.account-tabs {
	background: rgba(75, 46, 31, .08);
}

.account-tabs button[aria-selected="true"] {
	background: #fffdf8;
	color: var(--magenta);
}

.account-form input:focus,
.password-form input:focus,
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
	border-color: #a77d2f;
	box-shadow: 0 0 0 4px rgba(167, 125, 47, .12);
}

@media (max-width: 980px) {
	.hero {
		min-height: auto;
	}

	.hero-inner {
		grid-template-columns: 1fr;
	}

	.hero-artwork {
		min-height: 560px;
		order: -1;
	}

	.hero-artwork img {
		width: min(720px, 112%);
	}

	.paintings-page .painting-sales-grid--catalog {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	/* The mobile header intentionally shows no hamburger control. */
	.site-header .menu-toggle {
		display: none !important;
	}

	.hero-artwork {
		min-height: 420px;
	}

	.hero-artwork img {
		width: 108%;
	}

	.course-card {
		border-radius: 14px;
	}

	.paintings-page #collection {
		padding-block: 78px 100px;
	}

	.paintings-page .painting-sales-grid--catalog {
		grid-template-columns: 1fr;
		gap: 48px;
	}

	.paintings-page .painting-sale-card__image {
		padding: 9px;
	}
}