/*
 * HENI-style artist profile. Measurements are from heni.com/artists/damien-hirst
 * (2 Oct 2026). Cards, buttons and pills are shared with the homepage
 * (heni-live-home.css); tokens come from heni-design-system.css.
 */
.ett-ap.ett-ap-page { padding-bottom: 4rem; }

/* Breadcrumb: 12px, gray links, current page darker/500 */
.ett-ap .ett-ap-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding-top: 1.5rem; font-size: .75rem; line-height: 1rem; color: var(--heni-gray-500); }
.ett-ap .ett-ap-crumbs a { color: var(--heni-gray-500); }
.ett-ap .ett-ap-crumbs a:hover { color: var(--heni-gray-900); }
.ett-ap .ett-ap-crumbs svg { width: .75rem; height: .75rem; flex: none; }
.ett-ap .ett-ap-crumbs span { color: var(--heni-gray-900); font-weight: 500; }

/* Title row: 32px -> 48px, weight 300, uppercase, .1em tracking, rule below */
.ett-ap .ett-ap-head { display: flex; flex-direction: column; gap: 1rem; padding: 2rem 0 2rem; margin-bottom: 3rem; border-bottom: 1px solid var(--heni-gray-200); }
.ett-ap.ett-heni-home h1 { margin: 0; color: var(--heni-gray-900); font: 300 2rem/2rem var(--heni-font); letter-spacing: .1em; text-transform: uppercase; }
.ett-ap .ett-ap-social { display: flex; gap: .75rem; color: var(--heni-gray-900); }
.ett-ap .ett-ap-social a { color: inherit; display: inline-flex; }
@media (min-width: 768px) {
	.ett-ap .ett-ap-head { flex-direction: row; align-items: flex-start; justify-content: space-between; padding-bottom: 3rem; }
	.ett-ap.ett-heni-home h1 { font-size: 3rem; line-height: 3rem; }
	.ett-ap .ett-ap-social { padding-top: .5rem; }
}

/* Intro: bio left (~790px), portrait card right (320px). Card drops below on mobile. */
.ett-ap .ett-ap-intro { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr); margin-bottom: 3rem; }
@media (min-width: 900px) { .ett-ap .ett-ap-intro { grid-template-columns: minmax(0, 1fr) 20rem; gap: 6rem; } }
.ett-ap.ett-heni-home .ett-ap-intro__text p { max-width: 49.5rem; color: var(--heni-gray-700); font: 400 1rem/1.75rem var(--heni-font); }
.ett-ap .ett-ap-readbio { display: inline-block; margin-top: 1.5rem; color: var(--heni-gray-900); font: 500 .875rem/1.25rem var(--heni-font); letter-spacing: .1em; text-transform: uppercase; }
.ett-ap .ett-ap-readbio:hover { text-decoration: underline; }

.ett-ap .ett-ap-portrait { width: 100%; max-width: 20rem; border: 1px solid var(--heni-gray-200); background: var(--heni-gray-50); overflow: hidden; }
.ett-body .ett-ap .ett-ap-portrait { border-radius: var(--heni-radius) !important; }
@media (max-width: 899px) { .ett-ap .ett-ap-portrait { max-width: none; } }
.ett-ap .ett-ap-portrait__photo { position: relative; aspect-ratio: 1 / 1; background: var(--heni-gray-200); display: flex; align-items: center; justify-content: center; }
.ett-ap .ett-ap-portrait__photo img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.ett-ap .ett-ap-portrait__initials { color: var(--heni-gray-400); font: 500 3rem/1 var(--heni-font); }
.ett-ap .ett-ap-portrait__cta { padding: .75rem 1rem 1rem; text-align: center; }
.ett-ap.ett-heni-home .ett-ap-portrait__cta p { margin: 0 0 .5rem; color: var(--heni-gray-900); font: 600 1rem/1.5rem var(--heni-font); }
.ett-ap .ett-ap-portrait__btn { display: block; padding: .5rem 1rem; background: var(--heni-gray-900); color: var(--heni-gray-50); font: 500 .75rem/1rem var(--heni-font); letter-spacing: .1em; text-transform: uppercase; text-align: center; transition: background-color .15s ease; }
.ett-body .ett-ap .ett-ap-portrait__btn { border-radius: var(--heni-radius) !important; }
.ett-ap .ett-ap-portrait__btn:hover { background: var(--heni-gray-800); color: #fff; }

/* Sticky section tabs: 44px, 14px uppercase .14em, active black + underline */
.ett-ap .ett-ap-tabs { position: sticky; top: var(--ett-ap-top, 0px); z-index: 11; background: #fff; }
.ett-ap .ett-ap-tabs__wrap { position: relative; padding-inline: var(--heni-pad); }
.ett-ap .ett-ap-tabs__scroll { display: flex; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; border-top: 1px solid var(--heni-gray-200); background: linear-gradient(var(--heni-gray-200), var(--heni-gray-200)) bottom / 100% 1px no-repeat; }
.ett-ap .ett-ap-tabs__scroll::-webkit-scrollbar { display: none; }
.ett-ap .ett-ap-tabs__scroll a { flex: none; padding: .75rem .75rem; border-bottom: 2px solid transparent; color: var(--heni-gray-500); font: 400 .875rem/1.25rem var(--heni-font); letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; transition: color .15s ease; }
.ett-ap .ett-ap-tabs__scroll a:first-child { padding-left: 0; }
.ett-ap .ett-ap-tabs__scroll a:hover { color: var(--heni-gray-900); }
.ett-ap .ett-ap-tabs__scroll a[aria-current="true"] { color: #000; border-bottom-color: var(--heni-gray-900); }
.ett-ap .ett-ap-tabs__wrap.is-scrollable::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 2.5rem; background: linear-gradient(to right, rgb(255 255 255 / 0), #fff 80%); pointer-events: none; }

/* Sections */
.ett-ap .ett-ap-section { scroll-margin-top: var(--ett-ap-offset, 120px); padding: 2rem 0 3rem; border-bottom: 1px solid var(--heni-gray-200); }
.ett-ap .ett-ap-section:last-child { border-bottom: 0; }
.ett-ap.ett-heni-home .ett-ap-title { color: var(--heni-gray-900); font: 300 1.125rem/1.5rem var(--heni-font); letter-spacing: .1em; text-transform: uppercase; }
.ett-ap .ett-ap-section .ett-heni-head { align-items: center; margin-bottom: 1.5rem; }

/* Merch filter chips: pills, active = filled #222 */
.ett-ap .ett-ap-chips { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.ett-ap .ett-ap-chip { padding: .25rem .75rem; border: 1px solid var(--heni-gray-200); background: #fff; color: var(--heni-gray-900); font: 500 .75rem/1rem var(--heni-font); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
.ett-body .ett-ap .ett-ap-chip { border-radius: 999px !important; }
.ett-ap .ett-ap-chip:hover { border-color: var(--heni-gray-700); }
.ett-ap .ett-ap-chip[aria-pressed="true"] { background: var(--heni-gray-900); border-color: var(--heni-gray-900); color: #fff; }

/* Card grid: 1 / 2 / 3 / 4 columns, 32px gaps; 1:1 image frames */
.ett-ap .ett-ap-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
@media (min-width: 540px) { .ett-ap .ett-ap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .ett-ap .ett-ap-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .ett-ap .ett-ap-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ett-ap .ett-ap-card[hidden] { display: none; }
.ett-ap .ett-ap-card .ett-heni-card__body { gap: .25rem; }
.ett-ap.ett-heni-home .ett-ap-card__title { color: var(--heni-gray-900); font: 500 1rem/1.25rem var(--heni-font); }
.ett-ap.ett-heni-home .ett-ap-card__meta { color: var(--heni-gray-700); font: 400 .875rem/1.25rem var(--heni-font); }
.ett-ap.ett-heni-home .ett-ap-card__desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: var(--heni-gray-700); font: italic 400 .75rem/1rem var(--heni-font); }
a.ett-ap-card:hover .ett-ap-card__title { text-decoration: underline; }

.ett-ap .ett-ap-more { display: flex; justify-content: center; margin-top: 2rem; }
.ett-ap .ett-ap-more[hidden] { display: none; }
.ett-ap .ett-ap-more .ett-heni-btn { height: 2.5rem; padding-inline: .625rem; font-size: .875rem; }

/* About the artist */
.ett-ap .ett-ap-about { scroll-margin-top: var(--ett-ap-offset, 120px); padding-top: 3rem; }
.ett-ap.ett-heni-home .ett-ap-about > h2 { margin-bottom: 1.5rem; color: var(--heni-gray-900); font: 600 1.875rem/2.25rem var(--heni-font); }
.ett-ap .ett-ap-about__grid--single { grid-template-columns: minmax(0, 1fr) !important; }
.ett-ap .ett-ap-about__grid { display: grid; gap: 2rem; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 900px) { .ett-ap .ett-ap-about__grid { grid-template-columns: minmax(0, 1fr) 20rem; gap: 6rem; } }
.ett-ap .ett-ap-about__tabs { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--heni-gray-200); }
.ett-ap .ett-ap-about__tabs button { padding: 0 0 .5rem; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--heni-gray-500); font: 500 1rem/1.25rem var(--heni-font); cursor: pointer; }
.ett-ap .ett-ap-about__tabs button[aria-selected="true"] { color: var(--heni-gray-900); border-bottom-color: var(--heni-gray-900); }
.ett-ap .ett-ap-about__panel[hidden] { display: none; }
.ett-ap.ett-heni-home .ett-ap-about__panel p { max-width: 49.5rem; margin: 0 0 1.25rem; color: var(--heni-gray-700); font: 400 1rem/1.75rem var(--heni-font); }

@media (prefers-reduced-motion: reduce) { .ett-ap * { transition: none !important; } }

/* Elementor widgets: each part is its own block; keep the page rhythm. */
.elementor-widget[class*="elementor-widget-ett-heni-artist-"] .ett-ap { background: #fff; }
.elementor-widget-ett-heni-artist-about .ett-ap { padding-bottom: 4rem; }