/* Showroom: a live site shown full size inside the same frame as the 7-day video pop-out
   (dark backdrop, rounded gold hairline, white × above, Deposit + refund line below).
   Used by the homepage dialog and by the direct /work/view/<slug>/ pages. */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/instrument-sans-normal-var-latin.woff2) format("woff2")}
.dsr-dlg{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(5,5,6,.97);color:#f4f1ea;overflow:hidden}
.dsr-dlg::backdrop{background:rgba(5,5,6,.85)}
.dsr-dlg[open]{display:flex;animation:dsrIn .3s ease-out}
@keyframes dsrIn{from{opacity:0}to{opacity:1}}
html.dsr-lock,html.dsr-lock body{overflow:hidden}
.dsr-box{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;box-sizing:border-box;
  padding:calc(50px + env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px));
  font-family:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.dsr-x{position:absolute;top:calc(3px + env(safe-area-inset-top,0px));right:max(4px,env(safe-area-inset-right,0px));width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:#f4f1ea;font-family:inherit;font-size:30px;line-height:1;cursor:pointer;text-decoration:none;display:grid;place-items:center}
.dsr-x:focus-visible,.dsr-dep:focus-visible{outline:2px solid #c8a96a;outline-offset:3px}
.dsr-tab{position:absolute;top:calc(17px + env(safe-area-inset-top,0px));left:max(14px,env(safe-area-inset-left,0px));max-width:calc(100% - 84px);margin:0;
  font-size:10px;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;color:#c8a96a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dsr-frame{position:relative;flex:1 1 auto;min-height:0;width:100%;border-radius:10px;overflow:hidden;background:#000;
  box-shadow:0 0 0 1px rgba(200,169,106,.35),0 30px 80px -20px rgba(0,0,0,.9)}
.dsr-frame iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:#000;opacity:0;transition:opacity .4s ease}
.dsr-frame.is-in iframe{opacity:1}
.dsr-load{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;color:#a9a69e;font-size:13px;text-align:center;padding:0 24px}
.dsr-load i{width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(200,169,106,.25);border-top-color:#c8a96a;animation:dsrSpin 1s linear infinite}
.dsr-frame.is-in .dsr-load{display:none}
.dsr-load a{color:#c8a96a}
@keyframes dsrSpin{to{transform:rotate(360deg)}}
.dsr-dep{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.5rem;border-radius:6px;background:#fff;color:#0a0a0b;font-weight:500;font-size:15px;text-decoration:none}
.dsr-dep:hover{background:#f4f1ea}
.dsr-note{flex:none;margin:0;font-size:.75rem;line-height:1.3;color:#9a968e;text-align:center}
@media (min-width:768px){
  .dsr-box{justify-content:center;padding-top:calc(56px + env(safe-area-inset-top,0px));padding-bottom:18px;gap:14px}
  .dsr-frame{flex:none;width:min(92vw,1600px);height:min(82vh,calc(100svh - 176px))}
  .dsr-x{top:8px;right:12px}
  .dsr-tab{top:22px;left:calc(50% - min(46vw,800px));font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){.dsr-dlg[open]{animation:none}.dsr-frame iframe{transition:none}.dsr-load i{animation:none}}
/* direct link pages: the same box on its own page */
.dsr-page{margin:0;height:100%;background:#050506;color:#f4f1ea}
.dsr-page body{margin:0;height:100%;overflow:hidden;background:#050506}
/* 2026-10-24: phones — the label wraps to a second line instead of cutting off with … (ES at 300-340) */
@media (max-width:767px){.dsr-tab{white-space:normal;overflow:visible;text-overflow:clip}}
@media (max-width:340px){.dsr-tab{font-size:9.5px;letter-spacing:.12em}}