/* ---------------------------------------------------------------
   The one thing every build below shares: a slim credit bar at the
   bottom with a way back to the rest of the work. Everything else in
   each file is self-contained, because that is how it ships to the
   client who owns it.

   Hidden inside an iframe (the thumbnails on /work are iframes of
   these same pages, and a credit bar in a 300px-wide preview is just
   noise). See the one-line head script in each file.
---------------------------------------------------------------- */
.lwc-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:2147483000;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:11px clamp(14px,3vw,26px);
  background:rgba(11,11,15,.94);
  backdrop-filter:blur(12px);
  border-top:1px solid rgba(217,181,106,.42);
  color:#ded5c1;
  font:500 15px/1.4 "Inter",system-ui,-apple-system,sans-serif;
  letter-spacing:-.005em;
}
.lwc-bar b{color:#f6e2b0;font-weight:700;}
.lwc-bar .lwc-tag{
  font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  padding:5px 10px;border-radius:999px;flex:none;
  background:rgba(217,181,106,.14);border:1px solid rgba(217,181,106,.45);color:#d9b56a;
}
.lwc-bar .lwc-sp{flex:1 1 auto;min-width:0;}
.lwc-bar a{
  flex:none;text-decoration:none;white-space:nowrap;
  padding:9px 17px;border-radius:11px;
  font-weight:700;font-size:15px;
  background:linear-gradient(96deg,#e6c887,#c9a24f 52%,#e6c887);color:#17140c;
}
.lwc-bar a.ghost{background:transparent;border:1px solid rgba(217,181,106,.4);color:#e0d6bd;}
.lwc-bar a:hover{filter:brightness(1.06);}
html.lwc-framed .lwc-bar{display:none !important;}
body{padding-bottom:74px;}
html.lwc-framed body{padding-bottom:0;}
@media (max-width:640px){
  .lwc-bar{font-size:13.5px;gap:9px;padding:9px 14px;}
  .lwc-bar .lwc-hide{display:none;}
  .lwc-bar a{font-size:14px;padding:8px 13px;}
  body{padding-bottom:66px;}
}