/* Keren Arte — uma exposição digital clara para o projeto 10 dias, 10 quadros. */
:root {
	--ka-paper: #f7f6f0;
	--ka-white: #ffffff;
	--ka-ink: #2c2d28;
	--ka-letter: #bfab95;
	--ka-detail: #866645;
	--ka-muted: #866645;
	--ka-sage: #adb49e;
	--ka-sage-soft: #e7eadf;
	--ka-clay: #d8bcb0;
	--ka-blue-soft: #dce6e6;
	--ka-line: #d9d9d0;
	--ka-serif: "Fraunces", Georgia, serif;
	--ka-sans: "DM Sans", Arial, sans-serif;
	--ka-mono: "IBM Plex Mono", monospace;
	--ka-width: 1380px;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 30px;
}

.keren-landing {
	background: var(--ka-white);
	color: var(--ka-detail);
	font: 400 16px/1.7 var(--ka-sans);
	-webkit-font-smoothing: antialiased;
}

.keren-landing *,
.keren-landing *::before,
.keren-landing *::after {
	box-sizing: border-box;
}

.keren-landing h1,
.keren-landing h2,
.keren-landing h3,
.keren-landing h4 {
	color: var(--ka-letter);
	font-family: var(--ka-serif);
	font-weight: 400;
	letter-spacing: -0.035em;
	line-height: 1.04;
}

.keren-landing h1 { font-size: clamp(48px, 6.2vw, 92px); }
.keren-landing h2 { font-size: clamp(39px, 4.3vw, 64px); }
.keren-landing h3 { font-size: 28px; }
.keren-landing h3 { color: var(--ka-detail); }
.keren-landing a { color: inherit; text-underline-offset: 5px; }
.keren-landing a:hover { color: var(--ka-muted); }
.keren-landing :focus-visible { outline: 2px solid var(--ka-detail); outline-offset: 4px; }
.keren-landing .col-full { box-sizing: border-box; margin: 0 auto; max-width: var(--ka-width); padding-left: 42px; padding-right: 42px; width: 100%; }
.keren-landing .col-full::before,
.keren-landing .col-full::after { content: none; }
.keren-landing .content-area { float: none; margin: 0; width: 100%; }
.keren-landing .site-main { margin: 0; }
.keren-landing .site-content { min-height: 45vh; }
.keren-landing .storefront-breadcrumb { display: none; }
.keren-landing.page-template-template-homepage .site-content > .col-full { max-width: none; padding: 0; }
.keren-landing.page-template-template-homepage .site-main { margin: 0; padding: 0; }

.art-eyebrow {
	color: var(--ka-detail);
	display: block;
	font: 400 11px/1.5 var(--ka-mono);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.art-text-link {
	border-bottom: 1px solid currentColor;
	color: var(--ka-detail);
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	padding-bottom: 4px;
	text-decoration: none;
}

.keren-landing .art-button {
	align-items: center;
	background: var(--ka-detail);
	border: 1px solid var(--ka-detail);
	border-radius: 0;
	box-shadow: none;
	color: var(--ka-white);
	display: inline-flex;
	font: 500 14px/1.5 var(--ka-sans);
	gap: 28px;
	justify-content: space-between;
	min-height: 49px;
	padding: 13px 22px;
	text-decoration: none;
	transition: background 180ms ease, color 180ms ease;
}

.keren-landing .art-button:hover { background: transparent; color: var(--ka-detail); }

/* Cabeçalho calmo, com a página inteira acessível por âncoras. */
.keren-landing .site-header {
	background: rgba(255, 255, 255, 0.97);
	border: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.keren-note {
	background: var(--ka-sage-soft);
	color: #4f5549;
	font: 400 10px/1.4 var(--ka-mono);
	letter-spacing: 0.07em;
	padding: 9px 20px;
	text-align: center;
	text-transform: uppercase;
}

.keren-header {
	align-items: center;
	display: grid;
	grid-template-columns: auto 1fr;
	min-height: 78px;
}

.keren-wordmark { text-decoration: none; }
.keren-wordmark strong {
	display: block;
	font: 500 24px/1.1 var(--ka-sans);
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--ka-detail);
}
.keren-wordmark span {
	color: var(--ka-muted);
	display: block;
	font: 400 9px/1.5 var(--ka-mono);
	letter-spacing: 0.12em;
	margin-top: 7px;
	text-transform: uppercase;
}

.keren-navigation {
	display: flex;
	gap: clamp(22px, 3vw, 46px);
	justify-content: flex-end;
}
.keren-navigation a {
	font-size: 13px;
	text-decoration: none;
}
.keren-navigation a::after {
	background: var(--ka-detail);
	content: "";
	display: block;
	height: 1px;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 180ms ease;
}
.keren-navigation a:hover::after,
.keren-navigation a:focus-visible::after { transform: scaleX(1); }
.keren-menu-toggle { display: none; }

/* A tese: texto e ambiente dividem a abertura sem sobreposição. */
.art-hero { background: var(--ka-paper); }
.art-hero__inner {
	align-items: center;
	display: grid;
	gap: clamp(36px, 6vw, 86px);
	grid-template-columns: minmax(0, 1.12fr) minmax(300px, 0.88fr);
	min-height: 590px;
	padding-bottom: 44px;
	padding-top: 44px;
}
.art-hero__copy { max-width: 600px; }
.art-hero__copy h1 { font-size: clamp(42px, 4.7vw, 68px); margin: 12px 0 16px; }
.art-hero__copy > p { color: var(--ka-detail); font-size: 15px; line-height: 1.6; margin: 0 0 19px; max-width: 540px; }
.art-hero__figure { margin: 0; position: relative; }
.art-hero__figure::before {
	background: var(--ka-clay);
	content: "";
	height: 86%;
	position: absolute;
	right: -18px;
	top: -18px;
	width: 54%;
}
.art-hero__figure img {
	aspect-ratio: 4 / 3;
	display: block;
	height: min(420px, 38vw);
	object-fit: cover;
	object-position: center 24%;
	position: relative;
	width: 100%;
}
.art-hero__figure figcaption {
	color: var(--ka-muted);
	font: 400 10px/1.6 var(--ka-mono);
	margin-top: 12px;
	max-width: 520px;
}

/* O contador ocupa uma única linha, como uma régua de tempo do ateliê. */
.art-clock { background: var(--ka-white); border-bottom: 1px solid var(--ka-line); border-top: 1px solid var(--ka-line); }
.art-clock > .col-full {
	align-items: center;
	display: grid;
	gap: 30px;
	grid-template-columns: 1fr auto 1fr;
	min-height: 142px;
}
.art-clock__intro span,
.art-clock__date span { color: var(--ka-muted); display: block; font: 400 10px/1.5 var(--ka-mono); text-transform: uppercase; }
.art-clock__intro strong,
.art-clock__date strong { display: block; font-size: 13px; font-weight: 500; margin-top: 6px; }
.art-clock__date { text-align: right; }
.art-countdown { align-items: center; display: flex; gap: 18px; }
.art-countdown__unit { align-items: baseline; display: flex; gap: 7px; }
.art-countdown__unit strong { color: var(--ka-detail); font: 400 clamp(48px, 4.3vw, 64px)/0.9 var(--ka-serif); font-variant-numeric: tabular-nums; }
.art-countdown__unit span { color: var(--ka-muted); font: 400 10px/1.5 var(--ka-mono); text-transform: uppercase; }
.art-countdown > i { background: var(--ka-clay); border-radius: 50%; height: 4px; width: 4px; }

/* Texto curatorial. */
.art-project {
	display: grid;
	gap: 40px 7vw;
	grid-template-columns: 0.55fr 1.45fr;
	padding-bottom: 130px;
	padding-top: 130px;
}
.art-project > .art-eyebrow { padding-top: 11px; }
.art-project h2 { margin: 0; max-width: 900px; }
.art-project__copy { display: grid; gap: 45px; grid-column: 2; grid-template-columns: repeat(2, 1fr); }
.art-project__copy p { color: var(--ka-muted); font-size: 15px; margin: 0; }

/* Parede digital: uma galeria contínua com pequenos desalinhamentos de ateliê. */
.art-collection { padding-bottom: 160px; scroll-margin-top: 20px; }
.art-section-heading {
	align-items: end;
	border-bottom: 1px solid var(--ka-line);
	display: flex;
	gap: 28px;
	justify-content: space-between;
	margin-bottom: 62px;
	padding-bottom: 25px;
}
.art-section-heading h2 { margin: 12px 0 0; }
.art-section-heading > p { color: var(--ka-muted); font: 400 11px/1.6 var(--ka-mono); margin: 0 0 8px; text-align: right; }
.art-gallery { display: grid; gap: 72px 28px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.art-gallery .art-card:nth-child(3n + 2) { transform: translateY(40px); }
.art-gallery .art-card:nth-child(3n + 3) { transform: translateY(14px); }
.art-card { min-width: 0; }
.art-card__image {
	aspect-ratio: 1;
	background: var(--ka-paper);
	display: grid;
	margin: 0;
	overflow: hidden;
	padding: clamp(18px, 3vw, 42px);
	place-items: center;
	position: relative;
}
.art-card:nth-child(4n + 1) .art-card__image { background: #f3eee8; }
.art-card:nth-child(4n + 2) .art-card__image { background: var(--ka-blue-soft); }
.art-card__image img { height: 100%; object-fit: contain; width: 100%; }
.art-card__body { padding: 17px 3px 0; }
.art-card__number { color: var(--ka-muted); font: 400 10px/1.5 var(--ka-mono); letter-spacing: 0.04em; text-transform: uppercase; }
.keren-landing .art-card__title { font-size: clamp(24px, 2.2vw, 34px); margin: 7px 0 8px; }
.art-card__facts,
.art-card__placeholder-copy { color: var(--ka-muted); font-size: 12px; margin: 0; }
.art-card--soon .art-card__image::before {
	background: rgba(255, 255, 255, 0.67);
	border: 1px solid rgba(44, 45, 40, 0.14);
	box-shadow: 0 5px 16px rgba(44, 45, 40, 0.035);
	content: "";
	inset: clamp(18px, 3vw, 42px);
	position: absolute;
}
.art-card__ghost-number { color: #8d9185; font: 400 clamp(34px, 4vw, 54px)/1 var(--ka-serif); position: relative; }
.art-card__soon-label { bottom: 20%; color: var(--ka-muted); font: 400 9px/1.5 var(--ka-mono); position: absolute; text-transform: uppercase; }
/* O único bloco de cor cheio apresenta a rotina, não uma oferta. */
.art-process { background: var(--ka-blue-soft); }
.art-process > .col-full { display: grid; gap: 70px; grid-template-columns: 0.9fr 1.4fr; padding-bottom: 115px; padding-top: 115px; }
.art-process header h2 { font-size: clamp(40px, 4.2vw, 61px); margin: 18px 0 0; }
.art-process__steps { border-top: 1px solid rgba(44, 45, 40, 0.18); }
.art-process__steps article {
	align-items: baseline;
	border-bottom: 1px solid rgba(44, 45, 40, 0.18);
	display: grid;
	gap: 22px;
	grid-template-columns: 26px 0.65fr 1.35fr;
	padding: 27px 0;
}
.art-process__steps article > span { font: 400 10px/1.5 var(--ka-mono); }
.art-process__steps h3 { font-size: 29px; margin: 0; }
.art-process__steps p { color: #5e6563; font-size: 14px; margin: 0; }

/* Os Reels funcionam como três janelas verticais abertas para o processo. */
.art-reels { background: var(--ka-sage-soft); }
.art-reels > .col-full { padding-bottom: 110px; padding-top: 105px; }
.art-reels__header {
	align-items: end;
	display: grid;
	gap: clamp(40px, 8vw, 130px);
	grid-template-columns: 1.2fr 0.8fr;
	margin-bottom: 54px;
}
.art-reels__header h2 { margin: 16px 0 0; max-width: 760px; }
.art-reels__intro p { color: #5f645a; font-size: 15px; margin: 0 0 24px; max-width: 500px; }
.art-reels__grid { display: grid; gap: clamp(16px, 2.5vw, 34px); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.art-reel-card { min-width: 0; }
.art-reel-card iframe {
	background: var(--ka-white);
	border: 0;
	display: block;
	min-height: 560px;
	width: 100%;
}
.art-reel-card > a:not(.art-reel-card__empty) {
	border-bottom: 1px solid rgba(134, 102, 69, 0.35);
	display: flex;
	font: 400 10px/1.5 var(--ka-mono);
	justify-content: space-between;
	padding: 14px 2px 8px;
	text-decoration: none;
	text-transform: uppercase;
}
.art-reel-card__empty {
	background: rgba(255, 255, 255, 0.56);
	border: 1px solid rgba(134, 102, 69, 0.18);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 560px;
	padding: clamp(24px, 3vw, 42px);
	text-decoration: none;
}
.art-reel-card__empty > span { font: 400 10px/1.5 var(--ka-mono); text-transform: uppercase; }
.art-reel-card__empty strong { color: var(--ka-letter); font: 400 clamp(30px, 3vw, 45px)/1.08 var(--ka-serif); max-width: 260px; }
.art-reel-card__empty em { font: 400 11px/1.5 var(--ka-mono); font-style: normal; text-transform: uppercase; }
.art-reels__plugin-feed #sb_instagram { padding: 0 !important; }
.art-reels__plugin-feed #sb_instagram #sbi_images { padding: 0 !important; }
.art-reels__plugin-feed #sb_instagram .sbi_item { overflow: hidden; }
.art-reels__plugin-feed #sb_instagram .sbi_photo { background-color: rgba(255, 255, 255, 0.56); }
.art-reels__plugin-feed #sb_instagram #sbi_load { display: none; }

/* Rodapé claro: a página termina como uma ficha de ateliê. */
.keren-landing .site-footer { background: var(--ka-paper); color: var(--ka-detail); padding: 0; }
.keren-footer-main {
	align-items: end;
	display: grid;
	gap: 50px;
	grid-template-columns: 1fr auto;
	padding: 72px 0 48px;
}
.keren-footer-kicker { font: 500 18px/1.3 var(--ka-sans); letter-spacing: 0.16em; text-transform: uppercase; }
.keren-footer-main p { font: 400 clamp(26px, 3vw, 42px)/1.12 var(--ka-serif); margin: 23px 0 0; max-width: 620px; }
.keren-footer-main nav { display: flex; gap: 25px; }
.keren-footer-main nav a { font-size: 12px; text-decoration: none; }
.keren-footer-bottom {
	border-top: 1px solid var(--ka-line);
	display: flex;
	font: 400 9px/1.5 var(--ka-mono);
	justify-content: space-between;
	padding: 20px 0;
	text-transform: uppercase;
}

/* A única página auxiliar necessária. */
.keren-not-found { margin: 0 auto; max-width: 760px; padding: 110px 24px; text-align: center; }
.keren-not-found h1 { margin: 16px 0 23px; }
.keren-not-found > p:not(.keren-eyebrow) { color: var(--ka-muted); }
.keren-not-found form { display: none; }

@media (max-width: 980px) {
	.art-hero__inner { gap: 42px; grid-template-columns: 1fr 0.82fr; min-height: 560px; }
	.art-hero__copy h1 { font-size: 52px; }
	.art-clock > .col-full { gap: 24px; }
	.art-countdown { gap: 14px; }
	.art-countdown__unit strong { font-size: 50px; }
	.art-project { grid-template-columns: 0.4fr 1.6fr; }
	.art-process > .col-full { gap: 50px; grid-template-columns: 1fr; }
	.art-process__steps { max-width: 820px; }
	.art-reel-card iframe,
	.art-reel-card__empty { min-height: 480px; }
	.keren-footer-main { align-items: start; }
	.keren-footer-main nav { flex-direction: column; gap: 8px; }
}

@media (max-width: 760px) {
	.keren-landing .col-full { padding-left: 22px; padding-right: 22px; }
	.keren-header { grid-template-columns: 1fr 42px; min-height: 82px; position: relative; }
	.keren-menu-toggle { background: transparent; border: 0; box-shadow: none; display: flex; flex-direction: column; gap: 5px; padding: 10px; }
	.keren-menu-toggle > span:not(.screen-reader-text) { background: var(--ka-detail); display: block; height: 1px; transition: transform 180ms ease; width: 22px; }
	.keren-navigation { background: var(--ka-white); border-bottom: 1px solid var(--ka-line); display: flex; flex-direction: column; gap: 0; grid-column: 1 / -1; margin: 0 -22px; padding: 8px 22px 18px; }
	.keren-js .keren-navigation:not(.is-open) { display: none; }
	.keren-navigation a { border-top: 1px solid var(--ka-line); padding: 12px 0; }
	.art-hero__inner { gap: 24px; grid-template-columns: 1fr; min-height: auto; padding-bottom: 28px; padding-top: 28px; }
	.art-hero__copy { max-width: 650px; }
	.art-hero__copy h1 { font-size: clamp(43px, 10vw, 58px); }
	.art-hero__figure { margin-left: 18vw; }
	.art-hero__figure img { aspect-ratio: 16 / 7; height: auto; object-position: center 28%; }
	.art-hero__figure figcaption { display: none; }
	.art-clock > .col-full { grid-template-columns: 1fr; padding-bottom: 28px; padding-top: 28px; }
	.art-clock__date { text-align: left; }
	.art-countdown { border-bottom: 1px solid var(--ka-line); border-top: 1px solid var(--ka-line); justify-content: space-between; padding: 18px 0; }
	.art-project { grid-template-columns: 1fr; padding-bottom: 85px; padding-top: 85px; }
	.art-project > .art-eyebrow { padding: 0; }
	.art-project__copy { grid-column: 1; }
	.art-gallery { gap: 58px 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.art-gallery .art-card:nth-child(3n + 2),
	.art-gallery .art-card:nth-child(3n + 3) { transform: none; }
	.art-gallery .art-card:nth-child(even) { transform: translateY(30px); }
	.art-collection { padding-bottom: 100px; }
	.art-process > .col-full { padding-bottom: 80px; padding-top: 80px; }
	.art-reels > .col-full { padding-bottom: 80px; padding-top: 80px; }
	.art-reels__header { align-items: start; grid-template-columns: 1fr; margin-bottom: 42px; }
	.art-reels__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.art-reel-card:last-child { grid-column: 1 / -1; width: calc(50% - 9px); }
	.keren-footer-main { grid-template-columns: 1fr; }
	.keren-footer-main nav { flex-direction: row; flex-wrap: wrap; }
}

@media (max-width: 520px) {
	.keren-note { font-size: 9px; }
	.keren-wordmark strong { font-size: 20px; }
	.art-hero__copy > p { font-size: 15px; }
	.art-hero__figure { margin-left: 0; }
	.art-hero__figure::before { right: -10px; top: -10px; }
	.art-countdown__unit { align-items: center; flex-direction: column; gap: 2px; }
	.art-countdown__unit strong { font-size: 36px; }
	.art-project { gap: 25px; }
	.art-project__copy { gap: 22px; grid-template-columns: 1fr; }
	.art-section-heading { align-items: start; display: block; }
	.art-section-heading > p { margin-top: 16px; text-align: left; }
	.art-gallery { gap: 52px 12px; }
	.art-gallery .art-card:nth-child(even) { transform: translateY(24px); }
	.art-card__image { padding: 14px; }
	.art-card--soon .art-card__image::before { inset: 14px; }
	.keren-landing .art-card__title { font-size: 23px; }
	.art-card__facts,
	.art-card__placeholder-copy { font-size: 11px; line-height: 1.5; }
	.art-process__steps article { gap: 12px; grid-template-columns: 22px 1fr; }
	.art-process__steps p { grid-column: 2; }
	.art-reels__grid { grid-template-columns: 1fr; }
	.art-reel-card:last-child { grid-column: auto; width: auto; }
	.art-reel-card iframe,
	.art-reel-card__empty { min-height: 520px; }
	.keren-footer-main { padding-bottom: 36px; padding-top: 55px; }
	.keren-footer-bottom { align-items: start; flex-direction: column; gap: 7px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.keren-landing *,
	.keren-landing *::before,
	.keren-landing *::after { transition-duration: 0.01ms !important; }
}