/* The work belongs to the same editorial grid and palette as the rest of the site. */
body.atelier .work-preview { padding-bottom:90px; }
body.atelier .showcase-stage:has(.is-reel-ready) { background:var(--paper); }
body.atelier .showcase-stack.is-reel-ready { -webkit-mask-image:none; mask-image:none; }
body.atelier .is-reel-ready .showcase-slide { border:0; border-radius:10px; background:var(--pale); }
body.atelier .is-reel-ready .showcase-slide::after { content:none; }
body.atelier .is-reel-ready .showcase-slide img,body.atelier .is-reel-ready .showcase-slide video { border-radius:inherit; filter:none; }
body.atelier .showcase-footer { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:24px; width:min(1248px,calc(100% - 112px)); margin:6px auto 0; padding:22px 0; border-top:1px solid var(--hairline); color:var(--ink); }
body.atelier .showcase-footer .reference-note { justify-content:flex-start; margin:0; gap:8px; color:var(--muted); font-size:13px; }
body.atelier .showcase-footer .reference-note i { width:5px; height:5px; background:var(--signal,var(--ink)); }
body.atelier .showcase-footer .showcase-navigation { margin:0; gap:16px; }
body.atelier .showcase-footer .showcase-position { color:var(--accent); }
body.atelier .showcase-portfolio-link { justify-self:end; white-space:nowrap; color:var(--ink); font-size:14px; }
body.atelier .showcase-portfolio-link:hover { color:var(--accent); }
body.atelier .preview-cursor { border-radius:3px; border-color:var(--hairline); background:var(--paper); color:var(--ink); box-shadow:none; backdrop-filter:none; }
body.atelier .preview-dialog-header { padding-bottom:16px; border-bottom:1px solid var(--hairline); }
body.atelier .preview-dialog-footer { padding-top:16px; border-top:1px solid var(--hairline); }
body.atelier .preview-close { background:transparent; color:var(--ink); border:0; border-radius:0; box-shadow:none; }
body.atelier .preview-close:hover { background:transparent; color:var(--accent); }
body.atelier .preview-close:focus-visible { outline:1px solid var(--accent); outline-offset:3px; }
body.atelier .preview-dialog::backdrop { background:color-mix(in srgb,var(--paper),transparent 20%); }

/* Keep the private portfolio's existing interactions; share its surfaces and controls. */
html[data-theme] body.atelier.work-page .work-gate-card { background:transparent; border:0; border-radius:0; box-shadow:none; }
html[data-theme] body.atelier.work-page .work-gate-form input { background:var(--pale); color:var(--ink); border-color:var(--hairline); border-radius:3px; }
html[data-theme] body.atelier.work-page .work-gate .button { background:transparent; color:var(--ink); border:0; border-radius:0; box-shadow:none; font-size:14px; letter-spacing:.035em; text-transform:uppercase; }
html[data-theme] body.atelier.work-page .work-gate .button::before { content:'['; }
html[data-theme] body.atelier.work-page .work-gate .button::after { content:']'; }
html[data-theme] body.atelier.work-page .work-gate .button:hover { background:transparent; color:var(--accent); }
html[data-theme] body.atelier.work-page .work-meta-row { background:transparent; color:var(--muted); border-block:1px solid var(--hairline); border-radius:0; padding-inline:0; letter-spacing:.035em; }
html[data-theme] body.atelier.work-page .work-view-toggle { width:44px; height:44px; background:transparent; color:var(--ink); border-radius:0; box-shadow:none; }
html[data-theme] body.atelier.work-page .work-view-toggle:hover { color:var(--accent); transform:none; }
html[data-theme] body.atelier.work-page .work-view-toggle:focus-visible { outline:1px solid var(--accent); outline-offset:2px; }
html[data-theme] body.atelier.work-page .work-view-toggle::before,html[data-theme] body.atelier.work-page .work-view-toggle::after,html[data-theme] body.atelier.work-page .work-view-toggle span { height:1px; }
html[data-theme] body.atelier.work-page .work-card { background:var(--pale); border:1px solid var(--hairline); border-radius:10px; box-shadow:none; }
html[data-theme] body.atelier.work-page .work-card:focus-visible { outline:1px solid var(--accent); outline-offset:4px; }
html[data-theme] body.atelier.work-page .work-card:is(:hover,:focus-visible) :is(img,video) { filter:none; }
html[data-theme] body.atelier.work-page :is(.work-card-meta>span,.work-card-meta em) { color:var(--muted); }
html[data-theme] body.atelier.work-page .work-palate { background:var(--paper); }
html[data-theme] body.atelier.work-page .work-palate-card::before { background:var(--hairline); }
html[data-theme] body.atelier.work-page .work-palate-label { color:var(--ink); }
html[data-theme] body.atelier.work-page :is(.work-palate-ruler,.work-palate-caption) { background:var(--paper); color:var(--muted); border:1px solid var(--hairline); border-radius:3px; box-shadow:none; }
html[data-theme] body.atelier.work-page .work-palate-ruler span { background:var(--hairline); }
html[data-theme] body.atelier.work-page .work-palate-ruler span.is-active { background:var(--accent); }
html[data-theme] body.atelier.work-page .case-panel { background:var(--paper); color:var(--ink); border:1px solid var(--hairline); border-radius:10px; box-shadow:0 28px 100px #0003; }
html[data-theme] body.atelier.work-page .case-viewer-backdrop { background:color-mix(in srgb,var(--paper),transparent 22%); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
html[data-theme] body.atelier.work-page .case-close { background:var(--paper); color:var(--ink); border:1px solid var(--hairline); border-radius:3px; }
html[data-theme] body.atelier.work-page .case-close:hover { color:var(--accent); background:var(--paper); }
html[data-theme] body.atelier.work-page :is(.case-copy p,.case-copy>span,.case-tags) { color:var(--muted); }
html[data-theme] body.atelier.work-page .case-copy h2 { color:var(--ink); }
html[data-theme] body.atelier.work-page .case-tags span { border-color:var(--hairline); background:var(--pale); color:var(--muted); }
html[data-theme] body.atelier.work-page :is(.work-palate-primary,.work-palate-fragment,.work-palate-rail span) { background:var(--pale); box-shadow:none; }
html[data-theme] body.atelier.work-page :is(.work-palate-primary,.work-palate-fragment,.work-palate-rail span):is(:hover,:focus-visible) { filter:none; box-shadow:none; }
html[data-theme] body.atelier.work-page :is(.work-palate-primary,.work-palate-fragment,.work-palate-rail span):hover :is(img,video) { filter:none; }
@media(max-width:1100px) {
 body.atelier .showcase-footer { grid-template-columns:1fr auto; }
 body.atelier .showcase-footer .reference-note { grid-column:1; grid-row:1; }
 body.atelier .showcase-footer .showcase-navigation { grid-column:2; grid-row:1 / 3; }
 body.atelier .showcase-portfolio-link { justify-self:start; grid-column:1; }
}
@media(max-width:980px) {
 body.atelier .showcase-footer { width:calc(100% - 64px); }
}
@media(max-width:640px) {
 body.atelier .work-preview { padding-bottom:58px; }
 body.atelier .showcase-footer { width:calc(100% - 40px); grid-template-columns:1fr; justify-items:center; gap:8px; margin-top:0; padding:14px 0; }
 body.atelier .showcase-footer .reference-note { display:none; }
 body.atelier .showcase-footer .showcase-navigation { grid-column:1; grid-row:1; }
 body.atelier .showcase-portfolio-link { grid-column:1; grid-row:2; justify-self:center; }
 body.atelier .is-reel-ready .showcase-slide { border-radius:6px; }
}