.public-body[data-creator-family="work"] .public-main {
    width: min(1480px, 100%);
    max-width: none;
}

.published-work {
    --work-text: var(--ahl-text, var(--text, #f5f2eb));
    --work-muted: var(--ahl-muted, var(--muted, #aaa5ad));
    --work-panel: var(--ahl-panel, var(--panel, #17151b));
    --work-line: var(--ahl-line, var(--line, rgba(255,255,255,.16)));
    --work-accent: var(--ahl-accent, var(--accent, #d8a55b));
    width: 100%;
    color: var(--work-text);
}

.published-work__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: clamp(28px, 6vw, 96px);
    padding: clamp(36px, 6vw, 84px) 0 clamp(30px, 4vw, 54px);
    border-bottom: 1px solid var(--work-line);
}

.published-work__hero .eyebrow {
    margin: 0 0 18px;
    color: var(--work-muted);
    letter-spacing: .16em;
}

.published-work__hero h1 {
    max-width: 11ch;
    margin: 0;
    font-size: clamp(3.3rem, 7.2vw, 7.2rem);
    font-weight: 500;
    letter-spacing: -.068em;
    line-height: .86;
    text-wrap: balance;
}

.published-work__hero > div > p:last-of-type {
    max-width: 650px;
    margin: clamp(28px, 4vw, 52px) 0 0;
    color: var(--work-muted);
    font-size: clamp(1.05rem, 1.65vw, 1.35rem);
    line-height: 1.55;
}
.published-work__world-guide { display: inline-flex; align-items: center; gap: 9px; margin-top: 18px; color: var(--work-accent); font-size: .82rem; font-weight: 760; letter-spacing: .035em; text-decoration: none; }
.published-work__world-guide:hover,.published-work__world-guide:focus-visible { text-decoration: underline; text-underline-offset: 4px; }

.published-work__total {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 4px;
    white-space: nowrap;
    color: var(--work-muted);
}

.published-work__total strong {
    color: var(--work-text);
    font-size: clamp(2.2rem, 4vw, 4.8rem);
    font-weight: 500;
    letter-spacing: -.06em;
}

.published-work__total span { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }

.published-work__controls {
    position: sticky;
    z-index: 8;
    top: var(--ahl-public-header-height, 74px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
    align-items: center;
    gap: 16px;
    margin: 0 0 clamp(24px, 4vw, 46px);
    padding: 12px;
    border: 1px solid color-mix(in srgb, var(--work-line) 84%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--work-panel) 90%, transparent);
    box-shadow: 0 18px 55px rgba(0,0,0,.14);
    backdrop-filter: blur(18px) saturate(125%);
}

.published-work__filters {
    display: flex;
    gap: 7px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
}

.published-work__filters::-webkit-scrollbar { display: none; }

.published-work__filters a {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    gap: 7px;
    padding: 8px 15px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--work-muted);
    font-size: .78rem;
    font-weight: 720;
    letter-spacing: .035em;
    text-decoration: none;
    scroll-snap-align: start;
}

.published-work__filters a span { opacity: .66; font-size: .7rem; }
.published-work__filters a:hover { color: var(--work-text); border-color: var(--work-line); }
.published-work__filters a[aria-current="page"] { color: var(--work-panel); background: var(--work-text); }

.published-work__search { margin: 0; }
.published-work__search label {
    display: flex;
    align-items: center;
    min-height: 44px;
    gap: 9px;
    padding: 0 13px;
    border: 1px solid var(--work-line);
    border-radius: 999px;
    color: var(--work-muted);
    background: color-mix(in srgb, var(--work-panel) 92%, transparent);
}
.published-work__search input {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: var(--work-text);
    background: transparent;
    font: inherit;
}
.published-work__search input::placeholder { color: color-mix(in srgb, var(--work-muted) 82%, transparent); }
.published-work-preview__loading { margin: auto; padding: clamp(36px,8vw,96px) 24px; color: var(--work-muted); text-align: center; }

.published-work__grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: clamp(14px, 2vw, 24px);
    padding-bottom: clamp(72px, 10vw, 150px);
}

.published-work-card {
    position: relative;
    grid-column: span 4;
    min-width: 0;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--work-line) 88%, var(--work-text) 12%);
    border-radius: min(var(--ahl-card-radius, 22px), 24px);
    background: color-mix(in srgb, var(--work-panel) 96%, transparent);
    transition: border-color .2s ease, transform .2s ease;
}

.published-work-card.is-lead { grid-column: span 8; }
.published-work-card:hover { border-color: color-mix(in srgb, var(--work-accent) 68%, var(--work-line)); transform: translateY(-2px); }
.published-work-card[hidden] { display: none !important; }

.published-work-card__link { display: block; height: 100%; color: inherit; text-decoration: none; }
.published-work-card__media {
    position: relative;
    display: grid;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-bottom: 1px solid var(--work-line);
    background: color-mix(in srgb, var(--work-panel) 82%, var(--work-text) 4%);
}
.published-work-card.is-lead .published-work-card__media { aspect-ratio: 16 / 9; }
.published-work-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.published-work-card:hover .published-work-card__media img { transform: scale(1.015); }
.published-work-card__media--type { place-items: center; isolation: isolate; }
.published-work-card__media--type::before {
    position: absolute;
    inset: -30%;
    z-index: -1;
    content: "";
    background: radial-gradient(circle at 72% 22%, color-mix(in srgb,var(--work-accent) 22%,transparent), transparent 42%);
}
.published-work-card__media--type > span { font-family: var(--ahl-font-heading, Georgia, serif); font-size: clamp(5rem, 14vw, 13rem); line-height: 1; opacity: .1; }
.published-work-card__media--type > small { position: absolute; left: 20px; bottom: 18px; letter-spacing: .12em; text-transform: uppercase; color: var(--work-muted); }

.published-work-card__body { display: flex; min-width: 0; flex-direction: column; gap: 11px; padding: clamp(18px, 2.4vw, 28px); }
.published-work-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 15px; color: var(--work-muted); font-size: .69rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.published-work-card__meta time { white-space: nowrap; font-weight: 560; letter-spacing: .04em; }
.published-work-card__body > .published-work-card__title { max-width: 19ch; margin: 0; overflow-wrap: anywhere; font-family: var(--ahl-font-heading, Georgia, serif); font-size: clamp(1.45rem, 2.4vw, 2.35rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.02; }
.published-work-card.is-lead .published-work-card__body > .published-work-card__title { font-size: clamp(2rem, 4vw, 4.2rem); }
.published-work-card__summary { display: -webkit-box; overflow: hidden; color: var(--work-muted); line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.published-work-card__collection { align-self: flex-start; color: var(--work-accent); font-size: .72rem; font-weight: 760; letter-spacing: .045em; }
.published-work-card__availability { align-self: flex-start; margin-top: 4px; padding: 6px 10px; border: 1px solid color-mix(in srgb,var(--work-accent) 48%,var(--work-line)); border-radius: 999px; color: var(--work-accent); font-size: .7rem; font-weight: 760; letter-spacing: .05em; }

.published-work-card__preview {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    gap: 10px;
    padding: 9px 14px;
    border: 1px solid color-mix(in srgb, white 34%, transparent);
    border-radius: 999px;
    color: #fff;
    background: rgba(10,9,13,.76);
    box-shadow: 0 10px 30px rgba(0,0,0,.24);
    backdrop-filter: blur(12px);
    font-size: .74rem;
    font-weight: 760;
    text-decoration: none;
}
.published-work-card__preview:hover { color: #fff; background: rgba(10,9,13,.92); }

.published-work__empty,
.published-work__unavailable { margin: 20px 0 100px; padding: clamp(30px,6vw,72px); border: 1px solid var(--work-line); border-radius: 24px; text-align: center; background: var(--work-panel); }
.published-work__empty[hidden] { display: none; }
.published-work__empty h2,.published-work__unavailable h2 { margin: 0 0 12px; font-size: clamp(2rem,4vw,4rem); }
.published-work__empty p,.published-work__unavailable p { color: var(--work-muted); }

.published-work-viewer {
    width: min(1220px, calc(100vw - 32px));
    height: min(820px, calc(100dvh - 32px));
    max-width: none;
    max-height: none;
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--ahl-line, rgba(255,255,255,.17));
    border-radius: min(var(--ahl-card-radius, 24px), 26px);
    color: var(--ahl-text, #f5f2eb);
    background: var(--ahl-panel, #17151b);
    box-shadow: 0 36px 120px rgba(0,0,0,.55);
}
.published-work-viewer::backdrop { background: rgba(5,4,8,.78); backdrop-filter: blur(12px); }
.published-work-viewer[open] { display: block; }
.published-work-viewer__frame { display: grid; grid-template-rows: auto minmax(0,1fr) auto; height: 100%; }
.published-work-viewer__header,.published-work-viewer__footer { position: relative; z-index: 2; display: flex; align-items: center; padding: 13px 18px; background: color-mix(in srgb,var(--ahl-panel,#17151b) 94%,transparent); backdrop-filter: blur(14px); }
.published-work-viewer__header { justify-content: space-between; gap: 20px; border-bottom: 1px solid var(--ahl-line,rgba(255,255,255,.16)); }
.published-work-viewer__header > div { min-width: 0; }
.published-work-viewer__header p { margin: 0 0 3px; color: var(--ahl-muted,#aaa5ad); font-size: .66rem; font-weight: 760; letter-spacing: .11em; text-transform: uppercase; }
.published-work-viewer__header h2 { margin: 0; overflow-wrap: anywhere; font-size: 1rem; font-weight: 650; }
.published-work-viewer__close { display: grid; flex: 0 0 44px; width: 44px; height: 44px; place-items: center; border: 1px solid var(--ahl-line,rgba(255,255,255,.16)); border-radius: 50%; color: inherit; font-size: 1.7rem; line-height: 1; text-decoration: none; }
.published-work-viewer__mount { min-height: 0; overflow: auto; outline: 0; }
.published-work-preview { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(290px, .9fr); min-height: 100%; }
.published-work-preview__stage { display: grid; align-content: center; gap: 14px; min-width: 0; padding: clamp(16px,2.5vw,34px); background: #09090b; }
.published-work-preview__stage--type { place-items: center; }
.published-work-preview__monogram { font-family: var(--ahl-font-heading,Georgia,serif); font-size: clamp(10rem,30vw,28rem); line-height: .7; color: rgba(255,255,255,.08); }
.published-work-preview__media { display: grid; gap: 8px; min-width: 0; margin: 0; }
.published-work-preview__media img,.published-work-preview__media video { display: block; width: 100%; max-height: 58vh; object-fit: contain; border-radius: 12px; }
.published-work-preview__media audio { width: min(560px,100%); }
.published-work-preview__audio { display: grid; place-items: center; gap: 28px; min-height: 220px; padding: 30px; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.04); }
.published-work-preview__audio > span { font-size: 5rem; opacity: .18; }
.published-work-preview__media figcaption,.published-work-preview__media details { color: rgba(255,255,255,.63); font-size: .75rem; }
.published-work-preview__media details p { line-height: 1.6; }
.published-work-preview__provider { display: grid; min-height: 240px; place-items: center; align-content: center; gap: 7px; padding: 24px; border: 1px solid rgba(255,255,255,.18); border-radius: 16px; color: #fff; background: rgba(255,255,255,.05); font: inherit; text-align: center; text-decoration: none; cursor: pointer; }
.published-work-preview__provider span { font-size: 1.05rem; font-weight: 720; }
.published-work-preview__provider small { color: rgba(255,255,255,.6); }
.published-work-preview__visualizer-launch {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 16px;
    border-radius: 13px;
    background: rgba(255,255,255,.055) !important;
    text-align: left;
}
.published-work-preview__visualizer-launch:hover { border-color: color-mix(in srgb,var(--work-accent) 55%,rgba(255,255,255,.18)); background: rgba(255,255,255,.09) !important; }
.published-work-preview__visualizer-launch span { font-size: .86rem; }
.published-work-preview__visualizer-launch small { text-align: right; }
.published-work-preview__embed { display: block; width: 100%; min-height: 360px; border: 0; border-radius: 16px; background: #050509; }
.published-work-preview__interactive { display: grid; width: 100%; min-width: 0; place-items: stretch; }
.published-work-preview__interactive [hidden] { display: none !important; }
.published-work-preview__interactive canvas { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 16px; background: #06070c; }
.published-work-preview__album { display: grid; min-width: 0; gap: 14px; padding: clamp(16px,2.2vw,24px); border: 1px solid rgba(255,255,255,.13); border-radius: 18px; background: rgba(255,255,255,.045); }
.published-work-preview__album-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.published-work-preview__album-head .eyebrow { margin: 0 0 5px; color: rgba(255,255,255,.54); font-size: .62rem; letter-spacing: .12em; text-transform: uppercase; }
.published-work-preview__album-head h4 { margin: 0; color: #fff; font-size: 1rem; }
.published-work-preview__album-head > span { color: rgba(255,255,255,.58); font-size: .7rem; white-space: nowrap; }
.published-work-preview__album audio { width: 100%; }
.published-work-preview__album-list { display: grid; max-height: 220px; gap: 5px; margin: 0; padding: 0; overflow: auto; list-style: none; }
.published-work-preview__album-list button { display: grid; width: 100%; grid-template-columns: 30px minmax(0,1fr) auto auto; align-items: center; gap: 10px; min-height: 44px; padding: 8px 11px; border: 1px solid transparent; border-radius: 10px; color: rgba(255,255,255,.72); background: transparent; font: inherit; text-align: left; cursor: pointer; }
.published-work-preview__album-list button:hover,.published-work-preview__album-list button[aria-current="true"] { border-color: rgba(255,255,255,.13); color: #fff; background: rgba(255,255,255,.065); }
.published-work-preview__album-list button > span { color: rgba(255,255,255,.42); font-variant-numeric: tabular-nums; }
.published-work-preview__album-list button strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.published-work-preview__album-list button small { color: rgba(255,255,255,.48); }
.published-work-preview__album-list button em { color: var(--work-accent); font-size: .63rem; font-style: normal; font-weight: 760; }
.published-work-preview__details { align-self: stretch; padding: clamp(28px,4vw,56px); border-left: 1px solid var(--ahl-line,rgba(255,255,255,.16)); }
.published-work-preview__details .eyebrow { color: var(--ahl-muted,#aaa5ad); }
.published-work-preview__details h3 { margin: 14px 0 10px; overflow-wrap: anywhere; font-size: clamp(2.3rem,4vw,4.7rem); font-weight: 500; letter-spacing: -.06em; line-height: .9; }
.published-work-preview__date { color: var(--ahl-muted,#aaa5ad); font-size: .82rem; }
.published-work-preview__summary { margin: clamp(28px,4vw,48px) 0; color: var(--ahl-muted,#aaa5ad); font-size: 1.02rem; line-height: 1.7; }
.published-work-preview__availability { display: inline-flex; padding: 7px 11px; border: 1px solid var(--ahl-accent,#d8a55b); border-radius: 999px; color: var(--ahl-accent,#d8a55b); font-size: .75rem; font-weight: 740; }
.published-work-preview__collection-count { color: var(--work-accent); font-size: .77rem; font-weight: 730; }
.published-work-preview__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.published-work-viewer__footer { display: grid; grid-template-columns: auto auto minmax(0,1fr) auto; gap: 10px; border-top: 1px solid var(--ahl-line,rgba(255,255,255,.16)); }
.published-work-viewer__footer button,.published-work-viewer__open { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 13px; border: 1px solid var(--ahl-line,rgba(255,255,255,.16)); border-radius: 999px; color: inherit; background: transparent; font: inherit; font-size: .76rem; font-weight: 700; text-decoration: none; }
.published-work-viewer__footer button:disabled { opacity: .28; }
.published-work-viewer__footer [data-work-viewer-position] { align-self: center; color: var(--ahl-muted,#aaa5ad); font-size: .72rem; text-align: center; }
.published-work-viewer__open { justify-self: end; color: var(--ahl-panel,#17151b); background: var(--ahl-text,#f5f2eb); }
html.work-viewer-open { overflow: hidden; }

.published-work a:focus-visible,.published-work button:focus-visible,.published-work input:focus-visible,.published-work-viewer a:focus-visible,.published-work-viewer button:focus-visible,.published-work-viewer [tabindex]:focus-visible { outline: 3px solid var(--ahl-accent,#d8a55b); outline-offset: 3px; }

@media (max-width: 900px) {
    .published-work__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .published-work-card,.published-work-card.is-lead { grid-column: span 1; }
    .published-work-card.is-lead { grid-column: 1 / -1; }
    .published-work__controls { grid-template-columns: minmax(0,1fr); }
    .published-work-preview { grid-template-columns: 1fr; }
    .published-work-preview__details { border-top: 1px solid var(--ahl-line,rgba(255,255,255,.16)); border-left: 0; }
}

@media (max-width: 720px) {
    .published-work__hero { grid-template-columns: 1fr; padding-top: 44px; }
    .published-work__hero h1 { font-size: clamp(3.1rem,17vw,5.8rem); }
    .published-work__total { justify-self: start; }
    .published-work-viewer { width: 100%; height: min(92dvh,860px); margin: auto 0 0; border-radius: 24px 24px 0 0; }
    .published-work-viewer__footer { grid-template-columns: 1fr 1fr; padding-bottom: max(13px,env(safe-area-inset-bottom)); }
    .published-work-viewer__footer [data-work-viewer-position] { grid-row: 1; grid-column: 1 / -1; }
    .published-work-viewer__open { grid-row: 2; grid-column: 1 / -1; justify-self: stretch; }
    .published-work-viewer__footer [data-work-viewer-prev],.published-work-viewer__footer [data-work-viewer-next] { grid-row: 3; }
    .published-work-preview__visualizer-launch { align-items: flex-start; flex-direction: column; gap: 3px; }
    .published-work-preview__visualizer-launch small { text-align: left; }
    .published-work-preview__album-list button { grid-template-columns: 26px minmax(0,1fr) auto; }
    .published-work-preview__album-list button small { display: none; }
}

@media (max-width: 760px) {
    body:is([data-tenant-theme="electric_fever_dream"],[data-tenant-theme="chromatic_shock_cabaret"],[data-tenant-theme="neon_synapse_bloom"],[data-tenant-theme="zodiac_drift_observatory"],[data-tenant-theme="bioluminescent_abyss"],[data-tenant-theme="paper_riot_parade"],[data-tenant-theme="mycelium_dream_temple"],[data-tenant-theme="signal_ghost_arcade"],[data-tenant-theme="hyperprism_star_runner"],[data-tenant-theme="velvet_nebula_pilgrimage"],[data-tenant-theme="guided_custom"]) .published-work__controls { top: 0; }
}

@media (max-width: 620px) {
    .published-work__grid { grid-template-columns: 1fr; }
    .published-work-card,.published-work-card.is-lead { grid-column: 1; }
    .published-work-card__media,.published-work-card.is-lead .published-work-card__media { aspect-ratio: 4 / 3; }
    .published-work-card__preview span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
    .published-work-card__preview { width: 44px; padding: 0; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
    .published-work-card,.published-work-card__media img { transition: none; }
    .published-work-card:hover,.published-work-card:hover .published-work-card__media img { transform: none; }
}

@media (forced-colors: active) {
    .published-work__controls,.published-work-card,.published-work-viewer,.published-work-preview__provider { color: CanvasText; border-color: ButtonBorder; background: Canvas; backdrop-filter: none; }
    .published-work__filters a[aria-current="page"],.published-work-viewer__open { color: HighlightText; background: Highlight; }
}

/* Homepage Work blocks reuse canonical cards without taking over the page. */
.publishing-home-work{display:grid;gap:clamp(20px,3vw,34px);padding-top:clamp(46px,7vw,88px);padding-bottom:clamp(36px,6vw,76px)}
.publishing-home-work__heading{display:flex;align-items:end;justify-content:space-between;gap:28px;padding-bottom:18px;border-bottom:1px solid var(--work-line)}
.publishing-home-work__heading>div{max-width:720px}.publishing-home-work__heading .eyebrow{margin:0 0 9px;color:var(--work-accent)}.publishing-home-work__heading h2{margin:0;font-size:clamp(2rem,4.5vw,4.4rem);letter-spacing:-.05em;line-height:.94}.publishing-home-work__heading p:not(.eyebrow){margin:12px 0 0;color:var(--work-muted);line-height:1.55}.publishing-home-work__heading>a{flex:0 0 auto;color:var(--work-accent);font-size:.8rem;font-weight:780;text-decoration:none}.publishing-home-work__heading>a:hover,.publishing-home-work__heading>a:focus-visible{text-decoration:underline;text-underline-offset:4px}.publishing-home-work__grid{padding-bottom:0}.publishing-home-work__grid .published-work-card{grid-column:span 4}
@media(max-width:900px){.publishing-home-work__grid .published-work-card{grid-column:span 6}}
@media(max-width:620px){.publishing-home-work__heading{align-items:flex-start;flex-direction:column;gap:12px}.publishing-home-work__grid .published-work-card{grid-column:1}}