body.unpublished-open { --paper:#f4f2f7; --ink:#302a3a; --muted:#62596f; --accent:#66567c; }
body.unpublished-open.lies-open { --paper:#f4f1e5; --ink:#293c31; --muted:#596351; --accent:#526849; }
.unpublished-open .site-header { background:var(--paper); }
.unpublished-open #detail-view { padding:72px 0 0; }
.unpublished-project {
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  min-height:calc(100svh - 72px);
  padding:56px 24px;
  overflow:hidden;
}
.unpublished-art, .unpublished-scrim { position:absolute; inset:0; pointer-events:none; }
.unpublished-art { z-index:-2; overflow:hidden; }
.unpublished-art img { width:100%; height:100%; object-fit:cover; filter:blur(10px); transform:scale(1.06); }
.unpublished-scrim { z-index:-1; background:var(--paper); opacity:.78; }
.unpublished-panel {
  width:min(680px,100%);
  padding:clamp(30px,5vw,62px);
  background:var(--paper);
  border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);
  text-align:center;
}
.unpublished-panel h1 {
  margin:0 0 32px;
  font:500 clamp(46px,6.5vw,76px)/1.02 var(--serif);
  letter-spacing:-.035em;
  text-wrap:balance;
}
.unpublished-panel h1:focus { outline:none; }
.unpublished-panel h2 { margin:0 0 18px; font-size:21px; font-weight:600; letter-spacing:-.02em; }
.unpublished-panel p { margin:0 auto 17px; max-width:49ch; color:var(--muted); font-size:17px; line-height:1.65; }
.unpublished-panel a { overflow-wrap:anywhere; }
.unpublished-panel svg { width:22px; height:22px; flex:none; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.unpublished-contact { display:inline-flex; justify-content:center; align-items:center; gap:18px; min-height:48px; margin-top:16px; padding:13px 19px; background:var(--ink); color:var(--paper); font-size:14px; }
.unpublished-contact:hover { background:var(--accent); }
.unpublished-email { display:block; width:fit-content; margin:16px auto 0; font-size:13px; color:var(--muted); text-decoration:underline; text-underline-offset:4px; }
.unpublished-back { display:inline-flex; gap:14px; align-items:center; min-height:44px; margin-top:30px; font-size:13px; }
.unpublished-back svg { transform:rotate(180deg); order:-1; }
.unpublished-email:hover, .unpublished-back:hover { color:var(--accent); }
@media(max-width:760px) {
  .unpublished-open #detail-view { padding-top:64px; }
  .unpublished-project { min-height:calc(100svh - 64px); padding:32px 5vw; }
  .unpublished-panel { padding:34px 22px; }
  .unpublished-panel h1 { font-size:48px; }
  .unpublished-panel p { font-size:16px; }
}