/* Showcase — portrait hero, transparent header, photo-backed sliders, album and dark columns footer. El Messiri, warm tan accent. */
[data-theme-name='showcase'] body { color: #3f4245; font-weight: 500; }
:root[data-theme='dark'][data-theme-name='showcase'] body { color: #d6d3cc; }
[data-theme-name='showcase'] h1, [data-theme-name='showcase'] h2, [data-theme-name='showcase'] h3, [data-theme-name='showcase'] h4 { font-weight: 600; }
[data-theme-name='showcase'] { --hdr-bg: #111821; --radius-chip: 8px; }
[data-theme-name='showcase'] .ticker { display: none; }
[data-theme-name='showcase'] #theme-toggle { display: none; }

/* header */
[data-theme-name='showcase'] .nav__link { font-weight: 500; font-size: 1rem; padding-inline: 1.15em; }
[data-theme-name='showcase'] .nav__link::after { height: 2px; bottom: .1em; inset-inline: 1.15em; background: var(--accent); }
[data-theme-name='showcase'] .brand__tag { display: none; }

/* buttons (tan, 8px corners, no outline offset) */
[data-theme-name='showcase'] .btn { border-radius: 8px; border-width: 0; font-weight: 700; padding: 1.25em 1.9em; }
[data-theme-name='showcase'] .btn--solid { background: var(--accent); color: #fff; box-shadow: none; transform: none; }
[data-theme-name='showcase'] .btn--solid:hover { background: color-mix(in srgb, var(--accent) 82%, #000); color: #fff; transform: none; box-shadow: none; }
[data-theme-name='showcase'] .btn--ghost { background: transparent; border: 2px solid currentColor; }
[data-theme-name='showcase'] .stamp { transform: none; border: 0; background: color-mix(in srgb, var(--accent) 16%, transparent); color: color-mix(in srgb, var(--accent) 70%, #000); border-radius: 6px; padding: .5em .9em; }
[data-theme-name='showcase'] .eyebrow::before { height: 2px; }

/* hero */
[data-theme-name='showcase'] .hero__title { font-weight: 600; }
[data-theme-name='showcase'] .hero__sub { font-weight: 400; }

/* section headings: big centred titles like the original */
[data-theme-name='showcase'] .section__head { justify-content: center; text-align: center; }
[data-theme-name='showcase'] .section__title { font-size: clamp(2.1rem, 4.4vw, 3.1rem); color: #5c544d; }
:root[data-theme='dark'][data-theme-name='showcase'] .section__title { color: #d9cdbd; }

/* "opinion" slider: photo background, centred white title, white card + image */
[data-theme-name='showcase'] .slider { min-height: 0; }
[data-theme-name='showcase'] .slider--mercury { padding-block: clamp(36px, 5vw, 56px) clamp(56px, 8vw, 96px); background-color: #2f3640; }
[data-theme-name='showcase'] .slider--mercury .slider__head { justify-content: center; }
[data-theme-name='showcase'] .slider--mercury .slider__title { text-align: center; color: #fff; }
[data-theme-name='showcase'] .slider--mercury .slider__more { display: none; }
[data-theme-name='showcase'] .slider--mercury .slide__in { background: transparent; color: #1f2433; border-radius: 0; }
[data-theme-name='showcase'] .slider--mercury .slide__body { background: rgb(255 255 255 / .9); backdrop-filter: blur(2px); }
[data-theme-name='showcase'] .slider--mercury .slide__title { color: #1f2433; font-weight: 600; font-size: clamp(1.5rem, 2.6vw, 2.15rem); }
[data-theme-name='showcase'] .slider--mercury .slide__excerpt { color: #010101; font-family: var(--font-ui); font-size: 1rem; line-height: 1.5; font-weight: 500; }
[data-theme-name='showcase'] .slider--mercury .slide__meta { color: #6b7280; }

/* "media" slider: light page, brown title, grey tab cards with a red top line */
[data-theme-name='showcase'] .slider--rubix { background: var(--paper); padding-block: clamp(44px, 6vw, 76px); }
[data-theme-name='showcase'] .slider--rubix .slider__head { justify-content: center; flex-direction: column; align-items: center; gap: 4px; }
[data-theme-name='showcase'] .slider--rubix .slider__title { color: #5c544d; text-align: center; }
[data-theme-name='showcase'] .slider--rubix .slider__more { font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; border: 0; color: var(--accent); }
[data-theme-name='showcase'] .rubix__tab { background: #f4f4f4; border-radius: 6px; border-block-start-width: 3px; font-size: .95rem; font-weight: 600; color: #020404; }
:root[data-theme='dark'][data-theme-name='showcase'] .rubix__tab { background: #1a212a; color: #f2efe9; }
[data-theme-name='showcase'] .rubix__tab.is-on { background: #f4f4f4; border-block-start-color: var(--hi); }
:root[data-theme='dark'][data-theme-name='showcase'] .rubix__tab.is-on { background: #1a212a; }
[data-theme-name='showcase'] .slider--rubix .slide__in { background: #eef4fa; border-radius: 0; min-height: min(480px, 60vh); }
:root[data-theme='dark'][data-theme-name='showcase'] .slider--rubix .slide__in { background: #151c25; color: #f2efe9; }
[data-theme-name='showcase'] .slider--rubix .slide__title { font-size: clamp(1.4rem, 2.4vw, 1.9rem); font-weight: 600; color: #020404; }
:root[data-theme='dark'][data-theme-name='showcase'] .slider--rubix .slide__title { color: #fff; }
[data-theme-name='showcase'] .slider--rubix .slide__excerpt { font-family: var(--font-ui); font-size: 1rem; line-height: 1.7; color: #4b5563; }

/* video */
[data-theme-name='showcase'] .embed__title { font-weight: 600; }

/* album */
[data-theme-name='showcase'] .gallery__title { color: #000; font-size: 1.95rem; }
:root[data-theme='dark'][data-theme-name='showcase'] .gallery__title { color: #fff; }
[data-theme-name='showcase'] .gallery__item { border-radius: 8px; }

/* footer */
[data-theme-name='showcase'] .site-footer--columns { background-color: #111821; }
[data-theme-name='showcase'] .sf__col h2 { font-weight: 700; font-size: 1.25rem; }
[data-theme-name='showcase'] .sf__bar { font-weight: 500; }

/* inner pages */
[data-theme-name='showcase'] .page-head { border-block-end-width: 1px; }
[data-theme-name='showcase'] .card { border-radius: 8px; }
[data-theme-name='showcase'] .card__title a { background: none; }
[data-theme-name='showcase'] .card__title a:hover { color: var(--accent); }
[data-theme-name='showcase'] .prose { font-family: var(--font-ui); font-weight: 500; line-height: 2; }
[data-theme-name='showcase'] .prose h2::before { background: var(--accent); }
[data-theme-name='showcase'] .prose a { color: color-mix(in srgb, var(--accent) 62%, #000); }
[data-theme-name='showcase'] .cta { background: #111821; border: 0; }
[data-theme-name='showcase'] .cta::before { display: none; }
[data-theme-name='showcase'] .cta .btn--solid { background: var(--accent); }