/* MVTJ living system: the production pages built from the remaster (looks A and C, the demo stage).
   Two colours and neutral hairlines: night ink and paper, gold only for the one thing that matters on screen.
   Every section shows something working (chat, request, render queue, edit) and every control answers within 100 ms. */
:root{
  --ink:#14100c; --paper:#f0e8d9; --muted:#a9a39a; --gold:#c1a174; --lgold:#e1c69d; --dgold:#8a6a3c; --amber:#d99b2b;
  --bg:#14100c; --fg:#f0e8d9; --sub:rgba(240,232,217,.66); --line:rgba(240,232,217,.18);
  --hair:rgba(240,232,217,.16); --hair2:rgba(240,232,217,.32);
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif; --disp:"Oswald","Roboto Condensed",sans-serif;
  --serif:Georgia,"Times New Roman",serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  --gut:clamp(16px,4.4vw,64px); --bar-h:72px;
}
*{box-sizing:border-box}
html{background:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--paper);font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img,video{max-width:100%}
:focus-visible{outline:2px solid var(--lgold);outline-offset:3px}
.lv-skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--paper);color:var(--ink);padding:10px 14px;border-radius:6px;font-weight:600}
.lv-skip:focus{left:12px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- the bar: one for every page; it follows the story's colour (night or paper) ---- */
.lv-bar{position:fixed;z-index:120;inset:0 0 auto 0;height:var(--bar-h);display:flex;align-items:center;gap:22px;padding:0 var(--gut);color:var(--fg);transition:background .35s,box-shadow .35s,color .35s}
.lv-bar.solid{background:rgba(20,16,12,.92);box-shadow:0 1px 0 var(--hair);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--paper)}
.lv-bar .brand-lockup{display:block;flex:none}
.lv-bar .brand-lockup img{display:block;height:34px;width:auto;transition:filter .35s}
.day-mode .lv-bar:not(.solid) .brand-lockup img{filter:invert(1) hue-rotate(180deg) brightness(.25) sepia(.4)}
.lv-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font:500 13.5px/1 var(--sans)}
.lv-nav a{text-decoration:none;color:inherit;opacity:.72;padding:8px 0;position:relative;transition:opacity .15s}
.lv-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:currentColor;transition:right .2s ease}
.lv-nav a:hover,.lv-nav a[aria-current="page"]{opacity:1}.lv-nav a:hover::after,.lv-nav a[aria-current="page"]::after{right:0}
.lv-call{font:600 13.5px/1 var(--sans);text-decoration:none;color:#120d05;background:var(--amber);border-radius:999px;padding:11px 16px;white-space:nowrap;transition:background .15s}
.lv-call:hover{background:#e6a93a}
.language-strip{display:flex;gap:2px;font:500 12px/1 var(--mono);letter-spacing:.06em}
.language-strip a{text-decoration:none;color:inherit;opacity:.6;padding:8px 6px;border-radius:4px;transition:opacity .15s,background .15s}
.language-strip a:hover{opacity:1;background:rgba(127,127,127,.14)}
.language-strip a[aria-current="page"]{opacity:1;box-shadow:inset 0 -1px 0 currentColor}
.nav-toggle{display:none;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;color:inherit;cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.nav-toggle span{display:block;width:16px;height:1.5px;background:currentColor;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
@media (max-width:1100px){
  :root{--bar-h:62px}
  .lv-bar{gap:10px;padding:0 16px}
  .lv-bar .brand-lockup img{height:28px}
  .nav-toggle{display:inline-flex;order:3}
  .lv-bar .language-strip{margin-left:auto}
  .lv-call{order:2;padding:10px 13px;font-size:12.5px}
  .lv-nav{position:fixed;left:0;right:0;top:var(--bar-h);margin:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 18px;background:rgba(20,16,12,.97);color:var(--paper);border-bottom:1px solid var(--hair);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
  .lv-nav.is-open{opacity:1;visibility:visible;transform:none}
  .lv-nav a{font-size:18px;padding:14px 0;border-bottom:1px solid var(--hair);opacity:.9}
  .lv-nav a::after{display:none}
}
@media (max-width:520px){ .lv-bar .language-strip a{padding:8px 4px;font-size:12px} .lv-call{display:none} .lv-bar.solid .lv-call,.lv-bar.show-call .lv-call{display:inline-block} }

/* ---- buttons ---- */
.lv-btn,.btn.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--amber);color:#120d05;text-decoration:none;font:700 15.5px/1 var(--sans);padding:17px 24px;border-radius:999px;border:0;cursor:pointer;transition:background .15s,box-shadow .2s}
.lv-btn:hover,.btn.btn-primary:hover{background:#e6a93a}
.lv-btn:active,.btn.btn-primary:active{box-shadow:inset 0 2px 6px rgba(0,0,0,.25)}
.lv-btn[disabled],.btn.btn-primary[disabled]{opacity:.6;cursor:progress}
.lv-ghost{display:inline-flex;align-items:center;gap:8px;font:600 14.5px/1 var(--sans);color:inherit;background:transparent;border:1px solid var(--line);border-radius:999px;padding:15px 20px;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}
.lv-ghost:hover{border-color:currentColor;background:rgba(127,127,127,.08)}
.lv-link{font:500 15px/1.3 var(--sans);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;transition:color .15s}
.lv-link:hover{color:var(--lgold)}
.lv-link .ar{display:inline-block;transition:transform .2s}.lv-link:hover .ar{transform:translateX(3px)}

/* ---- story corner control (StoryDirector) ---- */
.sd{position:absolute;right:var(--gut);bottom:12px;z-index:40;display:flex;align-items:center;gap:12px;font:10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(240,232,217,.62);opacity:0;transition:opacity .6s;pointer-events:none}
.sd.on{opacity:1;pointer-events:auto}
.sd button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:#f0e8d9;background:rgba(8,10,13,.55);border:1px solid rgba(240,232,217,.3);border-radius:999px;padding:8px 12px;cursor:pointer;min-height:32px}
.sd button:hover{border-color:rgba(240,232,217,.7)}
.sd .sd-tr{width:72px;height:1px;background:rgba(240,232,217,.22);position:relative}
.sd .sd-tr i{position:absolute;left:0;top:0;bottom:0;background:#f0e8d9;width:0}

/* ---- hallway sections: after the story; each one shows something working ---- */
.lv-sec{position:relative;padding:clamp(72px,11vw,150px) var(--gut);border-top:1px solid var(--hair)}
.lv-in{max-width:1240px;margin:0 auto}
.lv-k{margin:0 0 18px;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.lv-k .tc{color:var(--muted);margin-right:.7em}
.lv-h{margin:0;font:700 clamp(36px,5.2vw,78px)/.95 var(--disp);text-transform:uppercase;letter-spacing:.005em;color:var(--paper)}
.lv-h em{display:block;margin-top:.14em;font:italic 400 .62em/1.15 var(--serif);text-transform:none;color:var(--lgold);letter-spacing:0}
.lv-h .l{display:block;overflow:hidden;padding:.3em 0 .24em;margin:-.3em 0 -.24em}
.lv-h .l>span{display:block;transform:translateY(105%);transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.lv-h .l+.l>span{transition-delay:.12s}
.in .lv-h .l>span,.lv-h.in .l>span{transform:none}
.lv-p{margin:22px 0 0;max-width:36em;font:400 17px/1.55 var(--sans);color:#cfc9be}
.lv-p b{color:var(--paper);font-weight:600}
.lv-fade{opacity:0;transform:translateY(14px);transition:opacity .7s .25s,transform .7s .25s cubic-bezier(.2,.8,.2,1)}
.in .lv-fade,.lv-fade.in{opacity:1;transform:none}
.lv-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,6vw,100px);align-items:center}
.lv-split.rev{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
@media (max-width:900px){.lv-split,.lv-split.rev{grid-template-columns:minmax(0,1fr)}.lv-split.rev>:first-child{order:2}}
.lv-cap{margin:12px 0 0;font:500 12.5px/1.45 var(--mono);color:var(--muted)}
.lv-cap a{color:inherit}
.lv-label{display:inline-block;margin-top:10px;font:500 12px/1.4 var(--mono);color:var(--muted)}

/* ---- the fair questions: asked by a guest, answered in place ---- */
.lv-asks{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.lv-asks-q{display:flex;flex-direction:column;gap:10px;margin-top:30px}
.lv-asks-q button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:14px;align-items:baseline;padding:16px 18px;border:1px solid var(--hair);border-radius:14px;font:500 17px/1.35 var(--sans);color:var(--sub);transition:border-color .15s,color .15s,background .2s;min-height:44px}
.lv-asks-q button i{font:500 12px/1 var(--mono);font-style:normal;color:var(--muted)}
.lv-asks-q button:hover{border-color:var(--hair2);color:var(--paper)}
.lv-asks-q button[aria-pressed="true"]{border-color:var(--lgold);color:var(--paper);background:rgba(225,198,157,.07)}
.lv-asks-q button[aria-pressed="true"] i{color:var(--lgold)}
.lv-asks-q button:focus-visible{outline:2px solid var(--lgold);outline-offset:2px}
.lv-asks-chat{position:relative;border-radius:22px;background:#f4efe3;color:#1d2124;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.35);min-height:420px;display:flex;flex-direction:column}
.lv-asks-chat .mc-h{padding:18px 18px 14px}
.lv-asks-log{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:20px 18px 22px}
.lv-msg{max-width:86%;padding:13px 16px 9px;border-radius:20px;font:400 17px/1.48 var(--sans);box-shadow:0 1px 2px rgba(40,35,20,.06);animation:lvpop .35s cubic-bezier(.2,.9,.3,1.2) both}
.lv-msg.out{align-self:flex-end;background:#dfe8c6;border-bottom-right-radius:6px}
.lv-msg.in{align-self:flex-start;background:#fffdf8;border-bottom-left-radius:6px}
.lv-msg a{color:#4d5b2f;font-weight:600}
.lv-msg.dots{display:flex;gap:5px;padding:16px 18px}
.lv-msg.dots i{width:8px;height:8px;border-radius:50%;background:#9aa08f;animation:mcd 1s infinite}
.lv-msg.dots i:nth-child(2){animation-delay:.15s}.lv-msg.dots i:nth-child(3){animation-delay:.3s}
@keyframes lvpop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:900px){.lv-asks{grid-template-columns:minmax(0,1fr)}.lv-asks-q{margin-top:18px}.lv-asks-chat{min-height:0}}

/* ---- a held price, then one action ---- */
.lv-held{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,6vw,96px);align-items:start}
.lv-price{margin:26px 0 0;font:600 clamp(64px,8vw,120px)/.9 var(--disp);color:var(--lgold);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.lv-price small{font:500 .2em/1 var(--sans);letter-spacing:0;margin-left:.2em}
.lv-price .from{display:block;font:500 15px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.lv-terms{margin:16px 0 0;max-width:34em;font:400 16px/1.5 var(--sans);color:#d7d1c6}
.lv-terms strong{color:var(--paper)}
.lv-fair{margin:14px 0 0;padding-left:14px;border-left:2px solid var(--lgold);font:500 16px/1.45 var(--sans);color:var(--paper);max-width:34em}
.lv-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:30px}
.lv-note{margin:0;font:400 13px/1.3 var(--mono);color:var(--muted)}

/* a working list: each item is a job that runs and finishes (render queue, set-up, build) */
.lv-queue{list-style:none;margin:0;padding:18px;border-radius:20px;background:#1c1611;border:1px solid var(--hair);box-shadow:0 30px 70px rgba(0,0,0,.35)}
.lv-queue-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0 4px;font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.lv-queue-h .pip{width:7px;height:7px;border-radius:50%;background:#7fbf7a;display:inline-block;margin-right:8px;animation:lvpulse 1.6s infinite}
.lv-queue-h span:last-child{color:var(--muted)}
@keyframes lvpulse{50%{opacity:.35}}
.lv-queue li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:13px 12px;border-radius:12px;font:500 16px/1.35 var(--sans);color:var(--paper)}
.lv-queue li+li{border-top:1px solid var(--hair)}
.lv-queue li .st{font:500 12px/1 var(--mono);color:var(--muted);white-space:nowrap}
.lv-queue li .pr{grid-column:1/-1;height:2px;background:var(--hair);border-radius:2px;overflow:hidden}
.lv-queue li .pr i{display:block;height:100%;width:0;background:var(--lgold)}
.lv-queue li.done .st{color:#8fd08a}
.lv-queue li.done .pr i{background:#3f8f3a}
.lv-queue li.add{color:var(--sub)}
@media (max-width:900px){.lv-held{grid-template-columns:minmax(0,1fr)}}

/* ---- the bin: one monitor, a list of real work; it cuts by itself, or on a tap ---- */
.lv-bin{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(20px,3vw,40px);align-items:stretch;margin-top:40px}
.lv-mon{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 40px 90px rgba(0,0,0,.45)}
.lv-mon>*{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .18s}
.lv-mon>.on{opacity:1;visibility:visible}
.lv-mon video{width:100%;height:100%;object-fit:cover;background:#000}
.lv-mon .vert{background:#0b0a09}.lv-mon .vert video{object-fit:contain}
.lv-mon .win{background:#0d0f12;padding:5% 8% 0}
.lv-mon .win .w{position:relative;height:100%;border-radius:10px 10px 0 0;overflow:hidden;background:#fff}
.lv-mon .win .chrome{display:flex;align-items:center;gap:6px;height:26px;padding:0 12px;background:#1b1d20}.lv-mon .win .chrome i{width:8px;height:8px;border-radius:50%;background:#3a3d42}
.lv-mon .win .chrome span{margin-left:10px;font:500 12px/1 var(--mono);color:#8c9097}
.lv-mon .win .pane{position:absolute;top:26px;left:0;right:0;bottom:0;overflow:hidden}
.lv-mon .win img{display:block;width:100%;height:auto;will-change:transform}
.lv-mon .stills{background:#0b0a09}
.lv-mon .stills img{position:absolute;top:0;height:100%;width:auto;object-fit:cover;opacity:0;transition:opacity .6s}
.lv-mon .stills img.on{opacity:1}
.lv-mon-cap{display:flex;justify-content:space-between;gap:16px;margin:12px 0 0;font:500 12.5px/1.45 var(--mono);color:var(--muted)}
.lv-mon-cap [data-bin-tc]{color:var(--lgold);white-space:nowrap}
.lv-bin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.lv-bin-list button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;width:100%;padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:background .15s,border-color .15s;position:relative;overflow:hidden;min-height:44px}
.lv-bin-list button b{font:600 16px/1.25 var(--sans);color:var(--paper)}
.lv-bin-list button span{grid-column:2;font:400 13.5px/1.4 var(--sans);color:var(--muted)}
.lv-bin-list button time{grid-row:1/3;font:500 12px/1.3 var(--mono);color:var(--muted);padding-top:3px;min-width:40px}
.lv-bin-list button:hover{background:rgba(240,232,217,.05)}
.lv-bin-list button[aria-current="true"]{border-color:var(--hair2);background:rgba(240,232,217,.06)}
.lv-bin-list button[aria-current="true"] time{color:var(--lgold)}
.lv-bin-list button .run{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--lgold)}
.lv-bin-list button:focus-visible{outline:2px solid var(--lgold);outline-offset:2px}
@media (max-width:900px){.lv-bin{grid-template-columns:minmax(0,1fr)}.lv-bin-list button span{display:none}.lv-bin-list{flex-direction:row;flex-wrap:wrap}.lv-bin-list li{flex:1 1 45%}.lv-bin-list button{grid-template-columns:minmax(0,1fr);border-color:var(--hair)}.lv-bin-list button time{grid-row:auto}}

/* ---- FAQ: the questions, answered (visible text = FAQPage JSON-LD) ---- */
.dh-faq-list{margin-top:34px;border-top:1px solid var(--hair)}
.dh-faq-item{border-bottom:1px solid var(--hair)}
.dh-faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px;transition:color .15s}
.dh-faq-item summary::-webkit-details-marker{display:none}
.dh-faq-item summary h3{margin:0;font:600 clamp(18px,1.6vw,22px)/1.3 var(--sans);color:var(--paper)}
.dh-faq-item summary::after{content:"";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--hair2);background:linear-gradient(currentColor,currentColor) center/12px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 12px no-repeat;color:var(--lgold);transition:transform .25s,background-color .2s}
.dh-faq-item[open] summary::after{transform:rotate(135deg);background-color:rgba(225,198,157,.12)}
.dh-faq-item summary:hover h3{color:var(--lgold)}
.dh-faq-item p{margin:0;padding:0 4px 24px;max-width:46em;font:400 17px/1.6 var(--sans);color:#cfc9be}
.dh-faq-item[open] p{animation:lvopen .35s ease both}
@keyframes lvopen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.lv-faq-ask{display:flex;align-items:center;gap:10px;margin-top:22px;font:500 13px/1.4 var(--mono);color:var(--muted)}
.lv-faq-ask .pip{width:7px;height:7px;border-radius:50%;background:#7fbf7a;animation:lvpulse 1.6s infinite}

/* ---- contact: what you send arrives as a request, live ---- */
.lv-mirror{border-radius:18px;border:1px solid var(--hair);background:#1c1611;padding:22px;box-shadow:0 30px 70px rgba(0,0,0,.3)}
.lv-mirror .mo-t{color:var(--lgold)}
.lv-mirror dl{display:grid;grid-template-columns:1fr;gap:12px;margin:0}
.lv-mirror dt{font:600 12px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.lv-mirror dd{margin:4px 0 0;font:500 16px/1.4 var(--sans);color:var(--paper);min-height:1.4em;word-break:break-word}
.lv-mirror dd:empty::after{content:"…";color:var(--muted)}
.lv-form{display:grid;gap:14px;max-width:520px;margin-top:28px}
.lv-form label{display:grid;gap:6px;font:500 14px/1.3 var(--sans);color:var(--sub)}
.lv-form input,.lv-form textarea,.dh-field input{font:400 17px/1.4 var(--sans);color:var(--paper);background:#1c1611;border:1px solid var(--hair2);border-radius:10px;padding:13px 15px;width:100%;transition:border-color .15s,box-shadow .15s}
.lv-form input:focus,.lv-form textarea:focus,.dh-field input:focus{outline:none;border-color:var(--lgold);box-shadow:0 0 0 3px rgba(225,198,157,.18)}
.lv-form textarea{resize:vertical;min-height:110px}
.lv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* ---- footer (kept from the site) ---- */
.footer{padding:40px var(--gut) 56px;border-top:1px solid var(--hair);font:400 14px/1.6 var(--sans);color:var(--muted)}
.footer-inner{max-width:1240px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}
.footer a{color:inherit;text-decoration:none;transition:color .15s}.footer a:hover{color:var(--paper)}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 20px}
.footer-links a{padding:6px 0}
.footer .mail{color:var(--gold)}

/* reduced motion: every loop becomes one state change */
@media (prefers-reduced-motion:reduce){
  .lv-h .l>span,.lv-fade{transform:none!important;opacity:1!important;transition:none!important}
  .lv-msg,.dh-faq-item[open] p{animation:none}
  .lv-queue-h .pip,.lv-faq-ask .pip{animation:none}
}
@media (max-width:760px){
  body{font-size:17px}
  .lv-sec{padding:72px 16px}
  .lv-h{font-size:clamp(34px,9vw,56px)}
  .lv-p{font-size:17px}
  .sd{right:16px;bottom:14px;gap:8px}.sd .sd-hint{display:none}.sd .sd-tr{width:44px}
}

/* the floating site assistant steps aside while a story or the demo stage is on screen */
.lv-story-on .mvtj-assist__launch{opacity:0;visibility:hidden}
.mvtj-assist__launch{transition:opacity .3s,visibility .3s,border-color .15s}

/* the brochure check's first question, in place */
.lv-q1{padding:24px;border-radius:20px;background:#1c1611;border:1px solid var(--hair)}
.lv-q1-q{margin:0 0 16px;font:600 20px/1.35 var(--sans);color:var(--paper)}
.lv-q1-q span{display:block;margin-bottom:8px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.lv-q1-o{display:flex;flex-direction:column;gap:8px}
.lv-q1-o button{all:unset;box-sizing:border-box;cursor:pointer;padding:15px 16px 15px 46px;border-radius:12px;border:1px solid var(--hair2);font:400 16.5px/1.4 var(--sans);color:var(--sub);position:relative;transition:border-color .15s,color .15s,background .2s;min-height:44px}
.lv-q1-o button::before{content:"";position:absolute;left:16px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:1.5px solid var(--hair2);transition:border-color .15s,box-shadow .2s}
.lv-q1-o button:hover{border-color:var(--lgold);color:var(--paper)}
.lv-q1-o button[aria-pressed="true"]{border-color:var(--lgold);color:var(--paper);background:rgba(225,198,157,.07)}
.lv-q1-o button[aria-pressed="true"]::before{border-color:var(--lgold);box-shadow:inset 0 0 0 4px #1c1611,inset 0 0 0 9px var(--lgold)}
.lv-q1-o button:focus-visible{outline:2px solid var(--lgold);outline-offset:2px}
.lv-q1-r{margin:0;max-height:0;overflow:hidden;font:400 16px/1.5 var(--sans);color:var(--lgold);opacity:0;transition:opacity .3s,max-height .3s,margin .3s}
.lv-q1-r.on{opacity:1;max-height:8em;margin-top:14px}
.lv-q1 .lv-btn{margin-top:18px}
/* FAQ heading in the system */
.dh-faq .home-section-heading .lv-k,.dh-faq .home-section-heading .section-kicker{margin:0 0 18px;font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.dh-faq h2{margin:0;font:700 clamp(36px,5.2vw,78px)/.95 var(--disp);text-transform:uppercase;color:var(--paper)}
.dh-faq h2 em{display:block;margin-top:.14em;font:italic 400 .62em/1.15 var(--serif);text-transform:none;color:var(--lgold)}
.dh-faq h2 br{display:none}
.dh-faq .container{max-width:1000px;margin:0 auto}

/* ================= page parts ================= */
.plainstory{max-width:780px;margin:0 auto;padding:64px 24px 24px;color:#cfc9be}
.plainstory h2{font:700 26px/1.1 var(--disp);text-transform:uppercase;color:var(--paper)}
.plainstory ol{padding-left:1.2em}.plainstory li{margin:0 0 16px}.plainstory li b{color:var(--paper)}
.lv-queue li.lv-queue-h{display:flex;padding:0 4px 12px;border:0}
.lv-queue li.lv-queue-h+li{border-top:0}
.lv-end{text-align:left}
.lv-end .lv-h{font-size:clamp(36px,5.6vw,88px)}

/* requests from the live demos, arriving */
.lv-reqs{padding:18px;border-radius:20px;background:#f4efe3;color:#1d2124;box-shadow:0 40px 80px rgba(0,0,0,.35)}
.lv-reqs .lv-queue-h{color:#6d5230}.lv-reqs .lv-queue-h span:last-child{color:#8a8c80}
.lv-reqs ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-height:330px}
.lv-reqs li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 12px;align-items:center;padding:12px;border-radius:14px;background:#fffdf8;box-shadow:0 1px 2px rgba(40,35,20,.06);animation:lin2 .5s cubic-bezier(.2,.8,.2,1) both}
.lv-reqs li .ic{grid-row:1/3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f6e7b8;color:#4d5b2f}.lv-reqs li .ic svg{width:20px;height:20px}
.lv-reqs li b{display:block;font:600 16px/1.25 var(--sans)}
.lv-reqs li div span{display:block;margin-top:3px;font:400 15px/1.35 var(--sans);color:#5d6055}
.lv-reqs li time{font:600 13px/1 var(--mono);color:#3f8f3a;align-self:start;padding-top:3px}
.lv-reqs li .ok{grid-column:3;justify-self:end;font:600 13px/1 var(--sans);padding:9px 12px;min-height:36px;border-radius:9px;border:0;background:#3f8f3a;color:#fff;cursor:pointer;transition:background .15s,transform .12s}
.lv-reqs li .ok:hover{background:#357a31}.lv-reqs li .ok:active{transform:scale(.94)}
.lv-reqs li .ok.done{background:#2f6e2b}
.lv-reqs .lv-cap{color:#6b6e62}
@keyframes lin2{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}

/* real businesses using it */
.lv-uses{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--hair)}
.lv-uses a{display:grid;grid-template-columns:18px minmax(0,4fr) minmax(0,7fr) auto;gap:6px 20px;align-items:baseline;padding:24px 4px;border-bottom:1px solid var(--hair);text-decoration:none;transition:background .2s,padding .2s}
.lv-uses a:hover{background:rgba(240,232,217,.04);padding-left:12px}
.lv-uses .pip{width:8px;height:8px;border-radius:50%;background:#7fbf7a;box-shadow:0 0 0 4px rgba(127,191,122,.16);animation:lvpulse 1.8s infinite;align-self:center}
.lv-uses b{font:600 20px/1.25 var(--sans);color:var(--paper)}
.lv-uses .lab{grid-column:2;font:500 12px/1.3 var(--mono);color:var(--gold)}
.lv-uses .d{grid-column:3;grid-row:1/3;font:400 16.5px/1.5 var(--sans);color:#cfc9be}
.lv-uses .go{grid-column:4;grid-row:1/3;font:600 14px/1 var(--sans);color:var(--lgold);white-space:nowrap;align-self:center}
@media (max-width:900px){.lv-uses a{grid-template-columns:18px minmax(0,1fr)}.lv-uses .d,.lv-uses .go{grid-column:2;grid-row:auto}.lv-uses .go{margin-top:8px}}

/* the demo list (demo page) */
.lv-demos{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--hair)}
.lv-demos li{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:10px 24px;align-items:start;padding:26px 4px;border-bottom:1px solid var(--hair);transition:background .2s}
.lv-demos li:hover{background:rgba(240,232,217,.03)}
.lv-demos time{font:600 22px/1 var(--disp);color:var(--lgold);padding-top:4px}
.lv-demos .t{margin:0;font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.lv-demos .t span{color:var(--gold);margin-right:6px}
.lv-demos h3{margin:6px 0 0;font:600 22px/1.2 var(--sans);color:var(--paper)}
.lv-demos .h{margin:8px 0 0;font:400 16.5px/1.5 var(--sans);color:#cfc9be;max-width:38em}
.lv-demos .a{margin:8px 0 0;font:400 16px/1.5 var(--sans);color:var(--paper)}.lv-demos .a span{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold);margin-right:8px}
.lv-demos .lab{margin:8px 0 0;font:500 12px/1.3 var(--mono);color:var(--muted)}
.lv-demos .go{display:flex;flex-direction:column;align-items:flex-end;gap:14px;padding-top:4px}
@media (max-width:900px){.lv-demos li{grid-template-columns:minmax(0,1fr)}.lv-demos .go{align-items:flex-start;flex-direction:row;flex-wrap:wrap}}
.dh-honest{color:var(--muted)}

/* hero with a monitor (cinematic ads) */
.lv-hero{position:relative;min-height:100vh;min-height:100svh;padding:calc(var(--bar-h) + 30px) var(--gut) 40px;display:flex;align-items:center}
.lv-hero-in{width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);align-items:center}
.lv-hero .lv-h{font-size:clamp(44px,5.2vw,96px)}
.lv-bin-v{grid-template-columns:minmax(0,1fr);margin:0;justify-items:center}
.lv-bin-v>div:first-child{width:min(100%,calc((100svh - var(--bar-h) - 190px) * .8))}
.lv-bin-v .lv-mon{aspect-ratio:4/5}
.lv-bin-v .lv-mon .stills img{left:0;width:100%;object-fit:cover}
.lv-bin-v .lv-bin-list{flex-direction:row;width:min(100%,520px)}
.lv-bin-v .lv-bin-list li{flex:1}
.lv-bin-v .lv-bin-list button{grid-template-columns:minmax(0,1fr);border-color:var(--hair)}
.lv-bin-v .lv-bin-list button time{grid-row:auto}
.lv-bin-v .lv-bin-list button span{grid-column:1}
@media (max-width:900px){.lv-hero{padding-top:calc(var(--bar-h) + 24px);align-items:flex-start}.lv-hero-in{grid-template-columns:minmax(0,1fr)}.lv-bin-v>div:first-child{width:min(100%,340px)}}

/* scrub through a film */
.lv-scrub-bar{display:block;margin-top:12px}
.lv-scrub-bar input{width:100%;height:30px;accent-color:#e1c69d;cursor:pointer;background:transparent}
.lv-reel .lv-mon{aspect-ratio:16/9}
.lv-sound{padding:9px 14px;font-size:13px}
.lv-portrait img{display:block;width:100%;max-width:520px;aspect-ratio:4/5;object-fit:cover;border-radius:10px;filter:saturate(.9)}

/* the assembly film as the hero (archviz) */
.lv-film-hero{position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden;background:#000}
.lv-film-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lv-film-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,9,.82) 0%,rgba(5,7,9,.45) 38%,rgba(5,7,9,0) 62%),linear-gradient(0deg,rgba(5,7,9,.7) 0%,rgba(5,7,9,0) 30%);pointer-events:none}
.lv-film-copy{position:absolute;z-index:2;left:var(--gut);bottom:110px;width:min(620px,46vw)}
.lv-film-copy .lv-h{font-size:clamp(48px,6.6vw,108px)}
.lv-film-copy .lv-p{color:#e4ded3}
.lv-build{position:absolute;z-index:3;left:var(--gut);right:var(--gut);bottom:40px;display:flex;align-items:center;gap:16px;font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#f0e8d9}
.lv-build-r{flex:1;height:1px;background:rgba(240,232,217,.3);position:relative}.lv-build-r i{position:absolute;left:0;top:-.5px;height:2px;width:0;background:var(--lgold)}
.lv-build [data-build-n]{font-variant-numeric:tabular-nums;color:var(--lgold);min-width:3.2em;text-align:right}
.lv-film-cap{position:absolute;z-index:3;right:var(--gut);top:calc(var(--bar-h) + 12px);margin:0;max-width:420px;text-align:right;font:500 12px/1.45 var(--mono);color:rgba(240,232,217,.75)}
@media (max-width:900px),(orientation:portrait){
  .lv-film-hero{height:auto;min-height:0;padding-top:var(--bar-h)}
  .lv-film-hero video{position:relative;inset:auto;height:auto;aspect-ratio:4/3}
  .lv-film-hero::after{display:none}
  .lv-film-copy{position:relative;left:auto;bottom:auto;width:auto;padding:22px 16px 30px}
  .lv-film-copy .lv-h{font-size:clamp(40px,11vw,64px)}
  .lv-build{position:absolute;top:calc(var(--bar-h) + 75vw - 34px);bottom:auto;left:16px;right:16px;text-shadow:0 1px 6px rgba(0,0,0,.7)}
  .lv-film-cap{position:relative;top:auto;right:auto;text-align:left;padding:0 16px 30px;max-width:none}
}

/* the client's site, scrolling by itself */
.lv-win{position:relative;height:min(70vh,640px);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 40px 90px rgba(0,0,0,.45)}
.lv-win .chrome{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#1b1d20}.lv-win .chrome i{width:9px;height:9px;border-radius:50%;background:#3a3d42}.lv-win .chrome span{margin-left:10px;font:500 12px/1 var(--mono);color:#8c9097}
.lv-win .pane{position:absolute;top:30px;left:0;right:0;bottom:0;overflow:hidden}
.lv-win .pane img{display:block;width:100%;height:auto;will-change:transform}
.lv-quote{margin:26px 0 0;padding:0 0 0 18px;border-left:2px solid var(--lgold)}
.lv-quote p{margin:0;font:italic 400 19px/1.5 var(--serif);color:var(--paper)}
@media (max-width:900px){.lv-win{height:56vh}}

/* ================= the brochure check ================= */
.lv-check-page{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);max-width:1240px;margin:0 auto;padding:calc(var(--bar-h) + 40px) var(--gut) 100px;align-items:start}
.lv-check-hero .lv-h{font-size:clamp(44px,6vw,96px)}
.lv-check-r{position:sticky;top:calc(var(--bar-h) + 24px)}
.dh-check{margin-top:34px}
.dh-check .container{max-width:none;padding:0}
.dh-start{margin:0}
.dh-quiz{margin:0}
.dh-q{border:0;margin:0;padding:24px;border-radius:20px;background:#1c1611;border:1px solid var(--hair)}
.dh-q legend{display:block;padding:0;margin:0 0 18px;width:100%}
.dh-q legend:focus{outline:none}
.dh-q-progress{display:block;margin-bottom:10px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.dh-q-text{display:block;font:600 clamp(20px,1.9vw,26px)/1.3 var(--sans);color:var(--paper)}
.dh-opts{display:flex;flex-direction:column;gap:8px}
.dh-opt{position:relative;display:block;cursor:pointer}
.dh-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.dh-opt span{display:block;padding:15px 16px 15px 48px;border-radius:12px;border:1px solid var(--hair2);font:400 17px/1.45 var(--sans);color:var(--sub);position:relative;transition:border-color .15s,color .15s,background .2s;min-height:44px}
.dh-opt span::before{content:"";position:absolute;left:16px;top:17px;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--hair2);transition:border-color .15s,box-shadow .2s}
.dh-opt:hover span{border-color:var(--lgold);color:var(--paper)}
.dh-opt input:checked+span{border-color:var(--lgold);color:var(--paper);background:rgba(225,198,157,.07)}
.dh-opt input:checked+span::before{border-color:var(--lgold);box-shadow:inset 0 0 0 4px #1c1611,inset 0 0 0 10px var(--lgold)}
.dh-opt input:focus-visible+span{outline:2px solid var(--lgold);outline-offset:2px}
.dh-back{margin-top:16px;font:500 14px/1 var(--sans);color:var(--sub);background:none;border:1px solid var(--hair);border-radius:999px;padding:11px 16px;cursor:pointer;min-height:40px;transition:border-color .15s,color .15s}
.dh-back:hover{border-color:var(--hair2);color:var(--paper)}
.dh-results{display:flex;flex-direction:column;gap:18px}
.dh-recap{list-style:none;margin:0;padding:16px 18px;border-radius:16px;border:1px solid var(--hair);display:flex;flex-direction:column;gap:12px}
.dh-recap li{display:grid;gap:4px;font:400 14.5px/1.4 var(--sans);color:var(--muted)}
.dh-recap li b{font:500 16px/1.4 var(--sans);color:var(--paper)}
.dh-recap li.is-gap b{color:var(--lgold)}
.dh-result{padding:24px;border-radius:20px;background:#1c1611;border:1px solid var(--lgold);animation:lvpop .45s cubic-bezier(.2,.9,.3,1.2) both}
.dh-result .section-kicker{margin:0 0 10px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.dh-result h2{margin:0;font:700 clamp(34px,3.6vw,56px)/.95 var(--disp);text-transform:uppercase;color:var(--paper)}
.dh-result h2:focus{outline:none}
.dh-result h2 em{display:block;margin-top:.12em;font:italic 400 .62em/1.15 var(--serif);text-transform:none;color:var(--lgold)}
.dh-result h2 br{display:none}
.dh-result p{margin:16px 0 0;font:400 17px/1.55 var(--sans);color:#d7d1c6}
.dh-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:20px}
.dh-next-wa{font:500 15px/1.3 var(--sans);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;color:var(--paper)}
.dh-optin,.dh-thanks{padding:24px;border-radius:20px;border:1px solid var(--hair2);background:#18130f}
.dh-thanks:focus{outline:none}
.dh-optin h3{margin:0;font:600 22px/1.3 var(--sans);color:var(--paper)}
.dh-optin>p{margin:8px 0 0;color:#cfc9be}
.dh-field{display:grid;gap:6px;margin-top:16px;font:500 14px/1.3 var(--sans);color:var(--sub)}
.dh-channel,.dh-optins{border:0;margin:16px 0 0;padding:0}
.dh-channel legend,.dh-optins legend{padding:0;margin-bottom:8px;font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.dh-channel label{display:inline-flex;align-items:center;gap:8px;margin-right:20px;min-height:44px;font:500 16px/1 var(--sans);color:var(--paper);cursor:pointer}
.dh-channel input,.dh-tick input{accent-color:#e1c69d;width:18px;height:18px}
.dh-tick{display:flex;gap:12px;align-items:flex-start;margin-top:10px;font:400 15.5px/1.45 var(--sans);color:#d7d1c6;cursor:pointer}
.dh-tick input{flex:none;margin-top:3px}
.dh-optin .btn{margin-top:20px}
.dh-status{min-height:1.4em;margin:12px 0 0;font:500 15px/1.4 var(--sans);color:var(--lgold)}
.dh-smallprint{margin:14px 0 0;font:400 13px/1.55 var(--sans);color:var(--muted)}
.dh-smallprint a{color:inherit}
.dh-thanks h2{margin:0;font:700 40px/1 var(--disp);text-transform:uppercase;color:var(--paper)}
.dh-thanks p{color:#d7d1c6}
[hidden]{display:none!important}

/* the visitor's page: three doors that your answers open */
.lv-site{border-radius:14px;overflow:hidden;background:#fbf8f1;color:#1d2124;box-shadow:0 40px 90px rgba(0,0,0,.45)}
.lv-site-chrome{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#1b1d20}.lv-site-chrome i{width:9px;height:9px;border-radius:50%;background:#3a3d42}.lv-site-chrome span{margin-left:10px;font:500 12px/1 var(--mono);color:#8c9097}
.lv-site-page{position:relative;padding:18px 20px 22px}
.lv-site-nav{display:flex;align-items:baseline;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(60,63,51,.12);font:400 14px/1 var(--sans);color:#6b6e62}
.lv-site-nav b{margin-right:auto;font:600 16px/1 var(--serif);color:#1d2124}
.lv-site-hero{margin:22px 0 18px;font:400 34px/1.05 var(--serif);color:#1d2124}
.lv-site-hero small{display:block;margin-top:10px;font:400 15px/1.3 var(--sans);color:#6b6e62}
.lv-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lv-door{padding:14px 12px;border-radius:12px;border:1.5px dashed rgba(60,63,51,.28);background:transparent;min-height:110px;transition:border-color .3s,background .3s,transform .3s}
.lv-door-k{margin:0;font:600 12px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#8a8c80}
.lv-door-v{margin:8px 0 0;font:500 15px/1.35 var(--sans);color:#8a8c80}
.lv-door[data-state="0"]{border-color:rgba(180,70,60,.45)}.lv-door[data-state="0"] .lv-door-v{color:#9a4a40}
.lv-door[data-state="1"]{border-style:solid;border-color:rgba(193,161,116,.7);background:#f6efdf}.lv-door[data-state="1"] .lv-door-v{color:#6d5230}
.lv-door[data-state="2"]{border-style:solid;border-color:#3f8f3a;background:#e6efd9}.lv-door[data-state="2"] .lv-door-v{color:#2f6e2b;font-weight:600}
.lv-door.look{transform:translateY(-3px)}
.lv-visitor{position:absolute;left:var(--vx,18%);bottom:118px;width:14px;height:14px;border-radius:50%;background:#1d2124;box-shadow:0 0 0 5px rgba(29,33,36,.12);transition:left .9s cubic-bezier(.4,0,.2,1)}
.lv-site-log{margin:0;padding:12px 20px 14px;border-top:1px solid rgba(60,63,51,.1);font:500 15px/1.4 var(--sans);color:#4d5b2f;background:#f4efe3;min-height:3.2em}
@media (max-width:900px){
  .lv-check-page{grid-template-columns:minmax(0,1fr);padding-top:calc(var(--bar-h) + 24px)}
  .lv-check-r{position:relative;top:auto}
}
@media (prefers-reduced-motion:reduce){.lv-reqs li,.dh-result{animation:none}.lv-uses .pip{animation:none}.lv-visitor{transition:none}}

/* QA (?s=): sections in their finished state */
.lv-qa .lv-h .l>span,.lv-qa .lv-fade{transition:none!important}

/* collapsed transcript */
.plainstory{max-width:1240px;margin:0 auto;padding:18px var(--gut);color:#cfc9be}
.plainstory summary{cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:44px;font:500 13px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);list-style:none;transition:color .15s}
.plainstory summary::-webkit-details-marker{display:none}
.plainstory summary::before{content:"+";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--hair2);transition:transform .2s}
.plainstory[open] summary::before{transform:rotate(45deg)}
.plainstory summary:hover{color:var(--paper)}
.plainstory[open]>*:not(summary){animation:lvopen .35s ease both}
/* one staged demo */
.lv-switch{position:relative;margin-top:34px;border:1px solid var(--hair);border-radius:20px;background:#1c1611;overflow:hidden}
.lv-switch-t{display:flex;flex-wrap:wrap;gap:6px;padding:12px;border-bottom:1px solid var(--hair)}
.lv-switch-t button{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:0 16px;display:inline-flex;align-items:center;border-radius:999px;font:500 13px/1 var(--mono);color:var(--sub);border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}
.lv-switch-t button:hover{color:var(--paper);border-color:var(--hair2)}
.lv-switch-t button[aria-selected="true"]{background:var(--lgold);color:#14110c}
.lv-switch-t button:focus-visible{outline:2px solid var(--lgold);outline-offset:2px}
.lv-switch .lv-demos{margin:0;border:0}
.lv-switch .lv-demos li{border:0;padding:26px 24px}
.lv-switch .lv-demos li.in2{animation:lvopen .45s cubic-bezier(.2,.8,.2,1) both}
.lv-switch-run{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--lgold)}
/* how it runs */
.lv-steps{list-style:none;display:flex;gap:6px;margin:22px 0 0;padding:0;counter-reset:s}
.lv-steps li{flex:1;position:relative;padding:12px 10px 10px;border-top:2px solid var(--hair2);font:500 14px/1.2 var(--sans);color:var(--muted);transition:color .3s,border-color .3s}
.lv-steps li::before{counter-increment:s;content:"0" counter(s);display:block;margin-bottom:6px;font:500 12px/1 var(--mono);color:inherit}
.lv-steps li.on{border-color:var(--lgold);color:var(--paper)}
/* phones: no floating assistant over the copy; it opens from the FAQ */
.lv-assist-btn{font:inherit;color:var(--lgold);background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 1px;cursor:pointer}
@media (max-width:760px){.mvtj-assist__launch{opacity:0!important;visibility:hidden!important;pointer-events:none}}
/* the bar over a lit scene: a soft scrim so the links never blur into the bokeh, and more room between them */
.lv-bar:not(.solid)::before{content:"";position:absolute;inset:0 0 -36px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(6,7,9,.72),rgba(6,7,9,.35) 60%,rgba(6,7,9,0))}
@media (min-width:1101px){.lv-nav{gap:28px}.lv-nav a{white-space:nowrap}}
.lv-bar{isolation:isolate}
/* warm all the way down (Creative Director, 2026-11-06): the lit evening carries below the hero */
html,body{background:#14100c}
.lv-sec{background:radial-gradient(90% 70% at 50% 0%,rgba(255,168,88,.07),rgba(255,168,88,0) 70%),#14100c;border-top-color:rgba(240,214,170,.12)}
.lv-sec:nth-of-type(even){background:radial-gradient(90% 70% at 50% 0%,rgba(255,190,120,.09),rgba(255,190,120,0) 70%),#18130e}
.footer{background:#110d0a}
.plainstory{background:#14100c}
/* longer Greek and Russian words: headings a step smaller, and they hyphenate rather than overflow their column */
.lv-h,.dh-faq h2,.lv-price{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
html[lang="el"] .lv-h,html[lang="ru"] .lv-h,html[lang="el"] .dh-faq h2,html[lang="ru"] .dh-faq h2{font-size:clamp(30px,4.3vw,64px)}
html[lang="el"] .lv-held .lv-h,html[lang="ru"] .lv-held .lv-h,html[lang="el"] .lv-split .lv-h,html[lang="ru"] .lv-split .lv-h{font-size:clamp(28px,3.6vw,54px)}
html[lang="el"] .lv-hero .lv-h,html[lang="ru"] .lv-hero .lv-h,html[lang="el"] .lv-film-copy .lv-h,html[lang="ru"] .lv-film-copy .lv-h,html[lang="el"] .lv-check-hero .lv-h,html[lang="ru"] .lv-check-hero .lv-h{font-size:clamp(34px,4.4vw,72px)}
/* long Greek/Russian door labels: hyphenate inside the box, never spill past its dashed edge */
.lv-door{min-width:0}.lv-door-k{letter-spacing:.06em;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}