/* You vs. Joe Blow slider. Everything inside the stage is sized in em off the stage width, so it scales like a picture. */
.vs{background:#050505;color:#ebebeb;padding:clamp(52px,7vw,100px) 0;border-top:1px solid #1d1d1d;border-bottom:1px solid #1d1d1d;position:relative;overflow:hidden}
.vs-in{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,5vw,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px clamp(32px,5vw,64px);align-items:center}
.vs .vs-kick{font:700 12px/1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#bcff00;margin:0}
.vs .vs-h{letter-spacing:0;font-family:"Anybody","Bricolage Grotesque",sans-serif;font-weight:900;font-stretch:68%;text-transform:uppercase;font-size:clamp(36px,4.8vw,62px);line-height:.92;margin:12px 0 16px;color:#fff}
.vs-h span{display:block;color:#ff0acd}
.vs .vs-lede{color:#bdbdc4;font-size:17px;line-height:1.55;margin:0;max-width:34ch}
.vs .i{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.vs .i .f{fill:currentColor;stroke:none}
.vs-ctl{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:26px}
.vs-fix{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#bcff00;color:#050505;border:2px solid #bcff00;border-radius:0;font-family:"Anybody",sans-serif;font-weight:900;font-stretch:72%;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(26px,2.8vw,34px);line-height:1;padding:18px 32px;cursor:pointer;box-shadow:7px 7px 0 #ff0acd;transition:transform .15s,box-shadow .15s,background .2s,color .2s}
.vs-fix .i{width:1em;height:1em;stroke-width:2.4}
.vs-fix:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 #ff0acd}
.vs-fix:active{transform:translate(3px,3px);box-shadow:3px 3px 0 #ff0acd}
.vs-fix:focus-visible,.vs-mute:focus-visible,.vs-handle:focus-visible .vs-knob{outline:3px solid #00e0ff;outline-offset:4px}
.vs-fix[aria-pressed="true"]{background:transparent;color:#bcff00;box-shadow:none;font-size:clamp(18px,1.8vw,22px);padding:14px 22px}
.vs-touched:not(.is-fixed) .vs-fix{animation:vspulse 1.8s ease-in-out infinite}
@keyframes vspulse{0%,100%{box-shadow:7px 7px 0 #ff0acd,0 0 0 0 rgba(188,255,0,.55)}60%{box-shadow:7px 7px 0 #ff0acd,0 0 0 18px rgba(188,255,0,0)}}
.vs-mute{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#bdbdc4;border:1px solid #333;border-radius:99px;padding:10px 15px;font:600 13px/1 "Bricolage Grotesque",system-ui,sans-serif;cursor:pointer}
.vs-mute .i{width:18px;height:18px}
.vs-mute .x{display:none}
.vs-mute[aria-pressed="true"] .w{display:none}
.vs-mute[aria-pressed="true"] .x{display:inline}
.vs-say{color:#8f8f8f;font-size:14px;margin:16px 0 0;min-height:1.5em}
.is-fixed .vs-say{color:#bcff00}
.vs-note{grid-column:2;margin:0;font-size:12.5px;color:#777;text-align:center}

/* stage */
.vs-stage{position:relative;aspect-ratio:1/1;container-type:inline-size;border-radius:18px;overflow:hidden;background:#111;border:1px solid #262626;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;box-shadow:0 30px 80px -30px rgba(176,38,255,.45)}
.vs-pane{position:absolute;inset:0;font-size:calc(100cqw / 38)}
.vs-you{background:#1b1b1d;transition:background .5s}
.vs-them{background:#1a2230;clip-path:inset(0 0 0 var(--x))}
.vs-v{position:absolute;inset:0;transition:opacity .45s,transform .45s}
.vs-v.fixed{opacity:0;transform:scale(.95)}
.is-fixed .vs-v.sad{opacity:0;transform:scale(1.04)}
.is-fixed .vs-v.fixed{opacity:1;transform:none}
.is-fixed .vs-you{background:radial-gradient(circle at 25% 15%,rgba(188,255,0,.2),transparent 55%),radial-gradient(circle at 80% 95%,rgba(255,10,205,.22),transparent 55%),#0a0a0a}
.vs-v.sad .mk{filter:grayscale(1) contrast(.82) brightness(.9)}
.vs-tag{position:absolute;top:3.4%;z-index:3;font-family:"Anybody",sans-serif;font-weight:900;font-stretch:80%;font-size:1.1em;letter-spacing:.07em;text-transform:uppercase;line-height:1}
.vs-tag b{display:inline-block;padding:.55em .85em;border-radius:99px;font-weight:900}
.vs-tag.you{left:3.4%}
.vs-tag.you .now{background:#333;color:#c9c9c9}
.vs-tag.you .fx{display:none;background:#bcff00;color:#050505}
.is-fixed .vs-tag.you .now{display:none}
.is-fixed .vs-tag.you .fx{display:inline-block}
.vs-tag.them{right:3.4%}
.vs-tag.them b{background:#fff;color:#111;max-width:20em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vs-handle{position:absolute;top:0;bottom:0;left:var(--x);width:0;z-index:4;outline:none}
.vs-handle::before{content:"";position:absolute;top:0;bottom:0;left:-1.5px;width:3px;background:#bcff00;box-shadow:0 0 14px rgba(188,255,0,.8)}
.vs-knob{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#bcff00;color:#050505;display:grid;place-items:center;box-shadow:0 0 0 6px rgba(188,255,0,.18),0 8px 22px rgba(0,0,0,.5);transition:transform .15s}
.vs-knob .i{width:26px;height:26px;stroke-width:2.6}
.vs-stage:active .vs-knob{transform:translate(-50%,-50%) scale(1.1)}
.vs.flash .vs-stage::after{content:"";position:absolute;inset:0;background:#bcff00;z-index:6;pointer-events:none;animation:vsflash .7s ease-out forwards}
@keyframes vsflash{0%{opacity:.75}100%{opacity:0}}

/* mockup shell */
.mk{position:absolute;left:6%;right:6%;top:13%;bottom:5%;border-radius:1em;overflow:hidden;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-size:1em;line-height:1.3;text-align:left}
.mk p{margin:0}
.st{display:inline-flex;gap:.08em}
.st i{display:block;color:#c9ccd1}
.st i.on{color:#fbbc04}
.vs .st .i{width:1.1em;height:1.1em}

/* social page */
.mk-fb{background:#fff;color:#1c1e21}
.fb-cover{height:22%;background:#cfd3da;display:flex;align-items:center;justify-content:center;color:#9aa1ad}
.vs .fb-cover .i{width:2.6em;height:2.6em;stroke-width:1.4}
.vs-them .fb-cover{background:linear-gradient(120deg,#8fb3d9,#c9d8e8)}
.fixed .fb-cover{background:linear-gradient(115deg,#bcff00,#00e0ff 55%,#ff0acd)}
.fb-cover b{font-family:"Anybody",sans-serif;font-weight:900;font-stretch:68%;text-transform:uppercase;font-size:2.1em;line-height:.95;color:#050505;padding:0 1em;text-align:center}
.fb-id{display:flex;gap:.8em;align-items:flex-end;padding:0 1.2em;margin-top:-1.9em;position:relative}
.fb-av{width:4.3em;height:4.3em;border-radius:50%;border:.25em solid #fff;background:#c4c8cf;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;flex:none}
.vs-them .fb-av{background:#5b7fb0}
.fixed .fb-av{background:#bcff00;color:#050505;border-color:#0d0d0d}
.fb-av.sm{width:2.5em;height:2.5em;border-width:0;font-size:.85em}
.fb-id b{display:block;font-size:1.35em;font-weight:800;line-height:1.1}
.fb-id small,.fb-ph small{color:#65676b;font-size:.85em}
.fb-tabs{display:flex;gap:1.2em;padding:.9em 1.2em 0;border-bottom:1px solid #e4e6eb;font-size:.95em;color:#65676b}
.fb-tabs span{padding-bottom:.55em}
.fb-tabs .on{color:#1c1e21;border-bottom:.2em solid currentColor;font-weight:700}
.fb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45em;padding:2em 1em;text-align:center;color:#65676b}
.fb-empty b{font-size:1.6em;font-weight:800;color:#1c1e21}
.fb-empty .chirp{font-style:italic;color:#8a8d91;letter-spacing:.08em;margin-top:.6em;transition:color .2s}
.fb-weed{width:3em;height:3em;border-radius:50%;border:.28em dotted #b0b3b8;display:block;animation:vsweed 5s linear infinite}
@keyframes vsweed{0%{transform:translateX(-7em) rotate(0)}100%{transform:translateX(7em) rotate(540deg)}}
.vs.chirping .fb-empty .chirp{color:#1c1e21;animation:vschirp .18s steps(2) infinite}
@keyframes vschirp{50%{transform:translateY(-.15em)}}
.fb-post{margin:.9em 1.2em;border:1px solid #e4e6eb;border-radius:.7em;padding:.8em;display:flex;flex-direction:column;gap:.6em}
.fb-ph{display:flex;gap:.6em;align-items:center}
.fb-ph b{display:block;font-weight:800}
.fb-img{height:8.4em;flex:none;border-radius:.5em;display:flex;align-items:center;justify-content:center;gap:.5em;overflow:hidden}
.fb-img.stock{background:#e9ebee;color:#8a8d91;font-size:.9em}
.fb-img.hot{height:5.4em;display:grid;grid-template-columns:1fr 1fr;gap:0}
.fb-img.hot span{height:100%;display:flex;align-items:flex-end;padding:.6em;font-family:"Anybody",sans-serif;font-weight:900;font-stretch:75%;text-transform:uppercase;letter-spacing:.06em}
.fb-img.hot .b4{background:repeating-linear-gradient(135deg,#2b2b2f 0 .7em,#232327 .7em 1.4em);color:#9a9aa0}
.fb-img.hot .af{background:linear-gradient(135deg,#bcff00,#00e0ff);color:#050505}
.fb-re{display:flex;align-items:center;gap:.6em;font-size:.9em;color:#65676b}
.fb-re .rx{display:flex}
.vs .fb-re .rx .i{width:1.6em;height:1.6em;padding:.28em;border-radius:50%;background:#5b7fb0;color:#fff;stroke-width:2.4}
.vs .fixed .fb-re .rx .i{background:#00e0ff;color:#050505}
.vs .fixed .fb-re .rx .i+.i{background:#ff0acd;color:#fff;margin-left:-.35em}
.fb-sh{margin-left:auto;display:flex;gap:.6em;color:#bcff00}
.fb-cm{display:flex;flex-direction:column;gap:.35em;align-items:flex-start}
.fb-cm p{padding:.45em .8em;background:#1d1d22;border-radius:1em;font-size:.92em}
.fb-cm b{color:#bcff00;margin-right:.4em}
.fixed .mk-fb{background:#0d0d0d;color:#f2f2f2}
.fixed .fb-id small,.fixed .fb-ph small,.fixed .fb-re{color:#9a9aa0}
.fixed .fb-tabs{border-color:#222;color:#8a8a90}
.fixed .fb-tabs .on{color:#bcff00}
.fixed .fb-post{border-color:#262626}

/* website */
.mk-web{background:#fff;color:#222;display:flex;flex-direction:column}
.wb-bar{display:flex;align-items:center;gap:.45em;padding:.6em .8em;background:#e5e5e8;flex:none}
.wb-bar>i{width:.75em;height:.75em;border-radius:50%;background:#c3c3c8;display:block}
.wb-bar .url{margin-left:.5em;flex:1;min-width:0;background:#fff;border-radius:99px;padding:.35em .9em;font-size:.85em;color:#555;display:flex;align-items:center;gap:.4em;white-space:nowrap;overflow:hidden}
.vs .wb-bar .url .i{width:1em;height:1em}
.wb-page{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column}
.sad .wb-page{background:#ffffe6}
.wb-old{font-family:"Times New Roman",Times,serif;font-weight:700;font-size:1.9em;text-align:center;color:#2020c0;text-decoration:underline;margin:1em .6em .6em}
.wb-broken{margin:0 auto;width:62%;height:7em;border:2px inset #aaa;display:flex;align-items:center;justify-content:center;gap:.4em;color:#888;font-family:"Times New Roman",serif;font-size:.95em}
.wb-uc{margin:1.1em 0 .3em;background:repeating-linear-gradient(45deg,#ffd400 0 1em,#111 1em 2em);color:#fff;text-align:center;font:700 1.1em/1 "Courier New",monospace;padding:.65em;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 .25em #000,0 0 .25em #000}
.wb-count{text-align:center;font-family:"Courier New",monospace;font-size:.9em;color:#333;margin:.7em 0!important}
.wb-foot{margin-top:auto!important;font-family:"Times New Roman",serif;font-size:.72em;color:#999;text-align:center;padding:.8em}
.wb-nav{display:flex;align-items:center;gap:1em;padding:.8em 1em;background:#1f3a5f;color:#fff;font-size:.9em}
.wb-nav b{margin-right:auto;font-size:1.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-nav span{opacity:.8}
.wb-hero{height:11em;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.4)),linear-gradient(135deg,#9aa6b2,#c9ced4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8em;color:#fff;text-align:center;padding:1em}
.wb-hero span{font:700 1.45em/1.15 Georgia,serif}
.wb-hero em{font-style:normal;background:#2d6cdf;padding:.5em 1em;border-radius:.3em;font-size:.9em}
.wb-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em;padding:1em}
.wb-cols i{height:4.5em;background:#eef0f3;border-radius:.3em;display:block}
.wb-lines{padding:0 1em;display:grid;gap:.5em}
.wb-lines i{height:.55em;background:#eef0f3;border-radius:99px;display:block}
.wb-lines i:nth-child(2){width:80%}.wb-lines i:nth-child(3){width:58%}
.fixed .mk-web{background:#0b0b0b;color:#f2f2f2}
.fixed .wb-bar{background:#18181b}
.fixed .wb-bar>i{background:#333}
.fixed .wb-bar .url{background:#050505;color:#bbb}
.fixed .wb-bar .url .i{color:#bcff00}
.wb-nav.hot{background:#050505;border-bottom:1px solid #222}
.wb-nav.hot b{display:flex;align-items:center;gap:.5em;font-family:"Anybody",sans-serif;font-weight:900;font-stretch:75%;text-transform:uppercase;letter-spacing:.04em}
.wb-nav.hot .sq{width:1em;height:1em;background:#bcff00;display:block}
.wb-nav.hot em{font-style:normal;display:flex;align-items:center;gap:.35em;background:#ff0acd;color:#fff;padding:.45em .9em;border-radius:99px;font-weight:700;font-size:.9em}
.vs .wb-nav.hot em .i{width:1em;height:1em}
.wb-new{padding:1.5em 1.2em .6em;background:radial-gradient(circle at 90% 0,rgba(188,255,0,.16),transparent 60%)}
.wb-new h4{font-family:"Anybody",sans-serif;font-weight:900;font-stretch:64%;text-transform:uppercase;font-size:2.7em;line-height:.9;margin:0 0 .4em;color:#fff}
.wb-rv{display:flex;align-items:center;gap:.5em;margin:0 0 .9em!important;font-size:.95em;color:#bbb}
.wb-btns{display:flex;gap:.6em;flex-wrap:wrap}
.wb-btns em{font-style:normal;display:inline-flex;align-items:center;gap:.4em;padding:.7em 1.1em;font-weight:800;border-radius:.4em}
.vs .wb-btns .i{width:1.1em;height:1.1em}
.wb-btns .a{background:#bcff00;color:#050505}
.wb-btns .b{border:2px solid #00e0ff;color:#00e0ff}
.wb-chips{display:flex;gap:.5em;margin-top:.9em}
.wb-chips span{font-size:.8em;padding:.35em .75em;border:1px solid #333;border-radius:99px;color:#ccc}
.wb-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;padding:.8em 1.2em 1.2em;margin-top:auto}
.wb-shots i{height:5em;border-radius:.4em;display:block;background:linear-gradient(135deg,#bcff00,#00e0ff)}
.wb-shots i:nth-child(2){background:linear-gradient(135deg,#ff0acd,#b026ff)}
.wb-shots i:nth-child(3){background:linear-gradient(135deg,#ff6a00,#ff0acd)}

/* google listing */
.mk-map{background:#fff;color:#202124;display:flex;flex-direction:column}
.mp-q{display:flex;align-items:center;gap:.6em;margin:.9em .9em 0;padding:.65em 1em;border-radius:99px;box-shadow:0 .1em .6em rgba(0,0,0,.18);background:#fff;color:#444;position:relative;z-index:2;flex:none}
.mp-map{height:8.5em;flex:none;margin-top:-1.4em;position:relative;overflow:hidden;background:linear-gradient(#dde5eb 2px,transparent 2px) 0 0/100% 2.2em,linear-gradient(90deg,#dde5eb 2px,transparent 2px) 0 0/2.6em 100%,#edf1f4}
.mp-map .road{position:absolute;background:#fff;height:.75em;left:-10%;right:-10%;display:block}
.mp-map .r1{top:38%;transform:rotate(-7deg)}
.mp-map .r2{top:72%;transform:rotate(4deg)}
.mp-map .r3{top:-20%;bottom:-20%;left:58%;right:auto;width:.75em;height:auto;transform:rotate(12deg)}
.mp-pin{position:absolute;left:48%;top:58%;transform:translate(-50%,-85%);color:#ea4335}
.vs .mp-pin .i{width:2.8em;height:2.8em;fill:currentColor;stroke:#fff;stroke-width:1.2}
.vs .mp-pin .i circle{fill:#fff;stroke:none}
.mp-pin.ghost{color:#b5b9bf;opacity:.55}
.mp-card{flex:1;padding:1em 1.2em;display:flex;flex-direction:column;gap:.5em;min-height:0}
.mp-n{font-size:1.45em;font-weight:800;line-height:1.1}
.mp-r{display:flex;align-items:center;gap:.5em;font-size:.95em;color:#70757a}
.mp-h{color:#70757a;font-size:.95em}
.mp-h .ok{color:#188038}
.mp-ph{display:grid;grid-template-columns:repeat(3,1fr);gap:.4em}
.mp-ph i{height:4.6em;border-radius:.4em;background:#cfd8e0;display:block}
.mp-ph i.g{background:#e3e7eb}
.mp-ph.none{display:flex;align-items:center;justify-content:center;height:4.6em;border:2px dashed #d0d4d9;border-radius:.4em;color:#9aa0a6;font-size:.9em}
.mp-claim{color:#1a73e8;font-size:.9em}
.mp-lost{margin-top:auto!important;font-weight:800;color:#d93025}
.mp-act{display:flex;gap:.5em;flex-wrap:wrap}
.mp-act span{display:inline-flex;align-items:center;gap:.35em;padding:.45em .85em;border:1px solid #dadce0;border-radius:99px;color:#1a73e8;font-size:.9em;font-weight:600}
.vs .mp-act .i{width:1em;height:1em}
.fixed .mk-map{background:#0b0b0b;color:#f2f2f2}
.fixed .mp-q{background:#18181b;color:#ddd;box-shadow:none;border:1px solid #2a2a2a}
.fixed .mp-map{background:linear-gradient(#1b1b21 2px,transparent 2px) 0 0/100% 2.2em,linear-gradient(90deg,#1b1b21 2px,transparent 2px) 0 0/2.6em 100%,#111115}
.fixed .mp-map .road{background:#26262d}
.fixed .mp-pin{color:#bcff00;filter:drop-shadow(0 0 .5em rgba(188,255,0,.7))}
.vs .fixed .mp-pin .i{stroke:#050505}
.vs .fixed .mp-pin .i circle{fill:#050505}
.fixed .mp-r,.fixed .mp-h{color:#a5a5ab}
.fixed .mp-h .ok{color:#bcff00}
.fixed .mp-ph i{background:linear-gradient(135deg,#bcff00,#00e0ff)}
.fixed .mp-ph i.h2{background:linear-gradient(135deg,#ff0acd,#b026ff)}
.fixed .mp-ph i.h3{background:linear-gradient(135deg,#ff6a00,#ff0acd)}
.mp-act.hot span{border-color:#bcff00;color:#bcff00}
.mp-act.hot span:first-child{background:#bcff00;color:#050505}
.mp-q2{padding:.65em .9em;background:#151519;border-left:.25em solid #ff0acd;font-size:.92em;color:#eee}
.mp-q2 small{display:block;color:#ff0acd;margin-top:.3em;font-size:.85em}

/* phone */
.mk.mk-ph{left:50%;right:auto;width:21em;transform:translateX(-50%);top:12%;bottom:-8%;border-radius:2.4em;border:.55em solid #1c1c1f;background:#fff;color:#111;display:flex;flex-direction:column;box-shadow:0 0 0 .12em #3a3a3f}
.ph-notch{position:absolute;top:.45em;left:50%;transform:translateX(-50%);width:6em;height:1.4em;background:#1c1c1f;border-radius:99px}
.ph-top{position:relative;padding:2.5em 1.2em .6em;border-bottom:1px solid #eee;flex:none}
.ph-top span:first-child{position:absolute;top:.7em;left:1.5em;font-size:.72em;font-weight:700}
.ph-who{font-weight:800;font-size:1.35em}
.ph-body{flex:1;padding:.9em 1em;display:flex;flex-direction:column;gap:.55em;overflow:hidden}
.ph-miss{display:flex;align-items:center;gap:.7em;padding:.5em 0;border-bottom:1px solid #eee}
.vs .ph-miss .i{color:#d93025;width:1.5em;height:1.5em}
.ph-miss b{display:block;color:#d93025}
.ph-miss small,.ph-miss time{color:#888;font-size:.8em}
.ph-miss time{margin-left:auto}
.ph-full{margin-top:.3em;background:#fde7e7;color:#a50e0e;padding:.6em .8em;border-radius:.6em;font-size:.9em;font-weight:700}
.ph-full.soft{background:#f1f1f1;color:#555}
.ph-gone{margin-top:auto!important;margin-bottom:3.6em!important;text-align:center;font-weight:800;color:#d93025;font-size:1.1em}
.ph-vm{display:flex;align-items:center;gap:.6em;background:#f1f3f4;border-radius:99px;padding:.5em .7em;margin-top:.4em}
.ph-vm .pl{width:2.1em;height:2.1em;border-radius:50%;background:#1a73e8;color:#fff;display:grid;place-items:center;flex:none}
.vs .ph-vm .pl .i{width:1em;height:1em}
.ph-vm .wave{flex:1;height:1.4em;background:repeating-linear-gradient(90deg,#9aa0a6 0 .18em,transparent .18em .45em);-webkit-mask:linear-gradient(90deg,#000 0 20%,transparent 21%);mask:linear-gradient(90deg,#000 0 20%,transparent 21%)}
.ph-vm time{font-size:.8em;color:#666}
.ph-tr{font-style:italic;color:#444;font-size:.98em;padding:.2em .2em}
.fixed .mk-ph{background:#0b0b0b;color:#f2f2f2}
.fixed .ph-top{border-color:#222}
.ph-sys{text-align:center;color:#888;font-size:.75em}
.bb{max-width:84%;padding:.6em .85em;border-radius:1.1em;font-size:.92em;line-height:1.3}
.bb.out{align-self:flex-end;background:#bcff00;color:#050505;border-bottom-right-radius:.3em}
.bb.in{align-self:flex-start;background:#26262c;color:#f2f2f2;border-bottom-left-radius:.3em}
.ph-booked{align-self:center;display:inline-flex;align-items:center;gap:.45em;margin-top:.3em!important;padding:.55em 1.1em;border-radius:99px;background:#ff0acd;color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.85em}
.vs .ph-booked .i{width:1.15em;height:1.15em}

@media (max-width:860px){
  .vs-in{grid-template-columns:minmax(0,1fr);row-gap:0}
  .vs-copy{display:contents}
  .vs .vs-kick{order:1}.vs .vs-h{order:2}.vs .vs-lede{order:3;margin-bottom:22px;max-width:none}
  .vs-stage{order:4}
  .vs-ctl{order:5;margin-top:18px}
  .vs-fix{flex:1}
  .vs-say{order:6}
  .vs-note{order:7;grid-column:auto;margin-top:12px}
  .vs-knob{width:46px;height:46px}
}
@media (prefers-reduced-motion:reduce){
  .fb-weed,.vs-touched:not(.is-fixed) .vs-fix,.vs.chirping .fb-empty .chirp{animation:none}
  .vs-v{transition:none}
}

/* ---------- premium fixed state (v1.2.3): quiet neutrals, one accent, no rainbow ---------- */
.vs.is-fixed .vs-you{background:radial-gradient(70% 55% at 50% 0,rgba(255,255,255,.07),transparent 70%),#0b0b0c}
.vs.flash .vs-stage::after{background:#fff;animation-name:vsflash2}
@keyframes vsflash2{0%{opacity:.28}100%{opacity:0}}
.vs .fixed .mk{box-shadow:0 1.4em 3em -1em rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06)}

/* social */
.vs .fixed .mk-fb{background:#111113;color:#ededee}
.vs .fixed .fb-cover{background:#18181b;border-bottom:1px solid #26262a;justify-content:flex-start;padding:0 1.4em;align-items:flex-start;padding-top:1.1em}
.fb-mark{display:flex;align-items:center;gap:.55em;font-family:"Anybody",sans-serif;font-weight:800;font-stretch:85%;text-transform:uppercase;letter-spacing:.22em;font-size:.82em;color:#cfcfd3}
.fb-mark i{width:.7em;height:.7em;background:#bcff00;display:block}
.vs .fixed .fb-av{background:#ededee;color:#111113;border-color:#111113;font-family:"Anybody",sans-serif;font-weight:800;letter-spacing:.04em}
.vs .fixed .fb-tabs{border-color:#232326;color:#7c7c82}
.vs .fixed .fb-tabs .on{color:#ededee;border-bottom-color:#bcff00}
.vs .fixed .fb-post{border-color:#232326;background:#151517}
.vs .fixed .fb-id small,.vs .fixed .fb-ph small,.vs .fixed .fb-re{color:#7c7c82}
.fb-img.ed{height:auto;min-height:7.6em;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.35em;padding:1em 1.1em;background:#f3efe6;color:#111;border-radius:.4em}
.fb-img.ed small{font-size:.7em;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#6b665e}
.fb-img.ed b{font-family:"Anybody",sans-serif;font-weight:900;font-stretch:66%;text-transform:uppercase;font-size:1.85em;line-height:.92;letter-spacing:-.01em}
.fb-img.ed span{font-size:.8em;font-weight:600;padding-top:.3em;border-top:1px solid #111;margin-top:.2em}
.vs .fixed .fb-re .rx .i{background:#2a2a2e;color:#ededee}
.vs .fixed .fb-re .rx .i+.i{background:#bcff00;color:#111}
.vs .fixed .fb-sh{color:#9a9aa0}
.vs .fixed .fb-cm p{background:#1c1c1f;color:#d6d6d9}
.vs .fixed .fb-cm b{color:#ededee}

/* website: a light, editorial page */
.vs .fixed .mk-web{background:#f4f1ea;color:#111}
.vs .fixed .wb-bar{background:#e6e2d9}
.vs .fixed .wb-bar>i{background:#cbc6bb}
.vs .fixed .wb-bar .url{background:#fbf9f4;color:#555}
.vs .fixed .wb-bar .url .i{color:#111}
.vs .fixed .wb-nav.hot{background:#f4f1ea;color:#111;border-bottom:1px solid #ddd8cd}
.vs .fixed .wb-nav.hot .sq{background:#111}
.vs .fixed .wb-nav.hot em{background:#111;color:#f4f1ea}
.vs .fixed .wb-new{background:none;padding-top:1.7em}
.vs .fixed .wb-new h4{color:#111;font-size:2.9em;letter-spacing:-.01em}
.vs .fixed .wb-rv{color:#555}
.vs .fixed .mk-web .st i.on{color:#111}
.vs .fixed .mk-map .st i.on{color:#ededee}
.vs .fixed .wb-btns .a{background:#111;color:#f4f1ea;border-radius:99px}
.vs .fixed .wb-btns .b{border:1.5px solid #111;color:#111;border-radius:99px}
.vs .fixed .wb-chips span{border-color:#cfc9bd;color:#555}
.vs .fixed .wb-shots i{background:linear-gradient(160deg,#d8d2c6,#bdb6a8);position:relative;overflow:hidden}
.vs .fixed .wb-shots i:nth-child(2){background:linear-gradient(160deg,#2b2b2e,#18181a)}
.vs .fixed .wb-shots i:nth-child(3){background:linear-gradient(160deg,#cfc8ba,#a9a193)}
.vs .fixed .wb-shots i::after{content:"";position:absolute;left:.6em;bottom:.6em;width:1.6em;height:.18em;background:#bcff00}

/* listing */
.vs .fixed .mk-map{background:#111113}
.vs .fixed .mp-ph i{background:linear-gradient(160deg,#2c2c30,#1a1a1d)}
.vs .fixed .mp-ph i.h2{background:linear-gradient(160deg,#d8d2c6,#b8b1a3)}
.vs .fixed .mp-ph i.h3{background:linear-gradient(160deg,#3a3a3f,#232326)}
.vs .fixed .mp-act.hot span{border-color:#3a3a3f;color:#ededee}
.vs .fixed .mp-act.hot span:first-child{background:#bcff00;border-color:#bcff00;color:#111}
.vs .fixed .mp-q2{background:#161618;border-left-color:#bcff00;color:#dcdcdf}
.vs .fixed .mp-q2 small{color:#8d8d93}
.vs .fixed .mp-pin{filter:drop-shadow(0 0 .3em rgba(188,255,0,.45))}

/* phone */
.vs .fixed .mk-ph{background:#0f0f11}
.vs .fixed .bb.in{background:#222226}
.vs .fixed .ph-booked{background:transparent;border:1.5px solid #bcff00;color:#bcff00}

/* ---------- Sicc color, poster style (v1.2.4): solid brand blocks, never gradients ---------- */
/* social */
.vs .fixed .fb-cover{background:#ff0acd;border-bottom:0}
.vs .fixed .fb-cover .fb-mark{color:#050505}
.vs .fixed .fb-cover .fb-mark i{background:#050505}
.vs .fixed .fb-av{background:#bcff00;color:#050505}
.vs .fixed .fb-img.ed{background:#bcff00;color:#050505}
.vs .fixed .fb-img.ed small{color:rgba(5,5,5,.6)}
.vs .fixed .fb-img.ed span{border-top-color:#050505}
.vs .fixed .fb-re .rx .i{background:#00e0ff;color:#050505}
.vs .fixed .fb-re .rx .i+.i{background:#ff0acd;color:#fff}
.vs .fixed .fb-cm b{color:#bcff00}
/* website */
.vs .fixed .wb-nav.hot em{background:#ff0acd;color:#fff}
.vs .fixed .wb-new h4 span{color:#ff0acd}
.vs .fixed .wb-btns .a{background:#bcff00;color:#050505}
.vs .fixed .wb-shots i{background:#ff0acd;display:flex;align-items:flex-end;padding:.35em .5em}
.vs .fixed .wb-shots i:nth-child(2){background:#00e0ff}
.vs .fixed .wb-shots i:nth-child(3){background:#ff6a00}
.vs .fixed .wb-shots i::after{display:none}
.vs .fixed .wb-shots b{font-family:"Anybody",sans-serif;font-weight:900;font-stretch:62%;font-size:2.4em;line-height:.8;letter-spacing:-.04em;color:#050505}
/* listing */
.vs .fixed .mp-ph i{background:#ff0acd}
.vs .fixed .mp-ph i.h2{background:#00e0ff}
.vs .fixed .mp-ph i.h3{background:#ff6a00}
.vs .fixed .mp-q2{border-left-color:#ff0acd}
/* phone */
.vs .fixed .ph-booked{background:#ff0acd;border-color:#ff0acd;color:#fff}

/* ---------- Doodle search results (SEO) ---------- */
.mk-serp{background:#fff;color:#202124;display:flex;flex-direction:column}
.sr-top{display:flex;align-items:center;gap:.9em;padding:1em 1.1em .6em}
.dd{display:inline-flex;font-family:"Anybody",sans-serif;font-weight:900;font-stretch:80%;font-size:1.6em;letter-spacing:-.02em;line-height:1}
.dd i{font-style:normal}
.dd i:nth-child(6n+1){color:#ff0acd}.dd i:nth-child(6n+2){color:#00b8d4}.dd i:nth-child(6n+3){color:#ff6a00}
.dd i:nth-child(6n+4){color:#8fbf00}.dd i:nth-child(6n+5){color:#b026ff}.dd i:nth-child(6n){color:#ff0acd}
.sr-q{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.5em;border:1px solid #dfe1e5;border-radius:99px;padding:.5em .9em;font-size:.92em;box-shadow:0 .1em .4em rgba(0,0,0,.08);white-space:nowrap;overflow:hidden}
.vs .sr-q .i{width:1.1em;height:1.1em;color:#70757a}
.sr-tabs{display:flex;gap:1.2em;padding:0 1.1em;border-bottom:1px solid #ebebeb;font-size:.85em;color:#70757a}
.sr-tabs span{padding:.5em 0}
.sr-tabs .on{color:#202124;border-bottom:.2em solid #202124;font-weight:700}
.sr-res{flex:1;padding:.8em 1.1em;display:flex;flex-direction:column;gap:.95em;min-height:0;overflow:hidden}
.sr-pg{font-size:.8em;color:#70757a;margin:0}
.sr-r small{display:block;font-size:.75em;color:#4d5156}
.sr-r b{display:block;font-size:1.12em;font-weight:600;color:#1a0dab;line-height:1.25;margin:.1em 0}
.sr-r p{font-size:.85em;color:#4d5156;line-height:1.35}
.sr-r.you b{color:#681da8}
.sr-st{display:flex;align-items:center;gap:.4em;margin-top:.3em!important;font-size:.8em!important}
.sr-pages{padding:.6em 1.1em 1.1em;text-align:center;border-top:1px solid #f1f1f1}
.sr-pages .dd.sm{font-size:1.25em}
.sr-pages p{font-size:.85em;color:#1a0dab;letter-spacing:.35em;margin-top:.3em}
.sr-pages p b{color:#202124;font-weight:900;font-size:1.3em;background:#fde7e7;padding:0 .2em;letter-spacing:0;border-radius:.2em}
.sr-pack{border:1px solid #ebebeb;border-radius:.6em;overflow:hidden}
.sr-map{height:4.6em;position:relative;background:linear-gradient(#e5eaee 2px,transparent 2px) 0 0/100% 1.6em,linear-gradient(90deg,#e5eaee 2px,transparent 2px) 0 0/2em 100%,#f1f4f6;overflow:hidden}
.sr-map .road{position:absolute;left:-5%;right:-5%;height:.55em;background:#fff;display:block}
.sr-map .r1{top:40%;transform:rotate(-5deg)}.sr-map .r2{top:20%;left:55%;right:auto;width:.55em;height:120%;transform:rotate(14deg)}
.sr-map .pin{position:absolute;left:46%;top:50%;transform:translate(-50%,-75%);color:#ff0acd}
.vs .sr-map .pin .i{width:2em;height:2em;fill:currentColor;stroke:#fff;stroke-width:1.2}
.vs .sr-map .pin .i circle{fill:#fff;stroke:none}
.sr-pk{display:flex;align-items:center;gap:.7em;padding:.7em .8em}
.sr-pk b{font-weight:800;font-size:1em}
.sr-pk p{display:flex;align-items:center;gap:.4em;font-size:.8em;color:#70757a}
.sr-pk .ok{color:#188038;font-weight:700}
.sr-pk em{margin-left:auto;font-style:normal;display:inline-flex;align-items:center;gap:.35em;background:#bcff00;color:#050505;font-weight:800;font-size:.85em;padding:.45em .9em;border-radius:99px}
.vs .sr-pk em .i{width:1em;height:1em}
.n1{font-family:"Anybody",sans-serif;font-weight:900;font-stretch:70%;font-size:1.3em;background:#ff0acd;color:#fff;padding:.2em .4em;border-radius:.3em;line-height:1}
.sr-r.top{padding-left:.7em;border-left:.25em solid #bcff00}
.sr-links{display:flex;flex-wrap:wrap;gap:.4em;margin-top:.5em}
.sr-links span{font-size:.78em;padding:.3em .7em;border:1px solid #dadce0;border-radius:99px;color:#1a0dab;font-weight:600}
.vs .fixed .mk-serp .st i.on{color:#fbbc04}
.vs.chirping .sr-pages p b{animation:vschirp .18s steps(2) infinite}
.sr-rv{margin-top:.55em!important;padding:.5em .7em;background:#fafafa;border-left:.2em solid #ff0acd;font-size:.8em!important;color:#202124!important}
.sr-rv small{display:block;color:#ff0acd;font-size:.85em;margin-top:.15em}
.sr-r.down{opacity:.45}
.sr-res>*{flex:none}
.sr-map{height:3.8em}
/* keep each label inside its own half so it slides away with it */
.vs-you{z-index:1}.vs-them{z-index:2}
.sr-qt.typing::after{content:"";display:inline-block;width:.08em;height:1.05em;margin-left:.06em;vertical-align:-.15em;background:#202124;animation:vscaret .8s steps(2) infinite}
@keyframes vscaret{50%{opacity:0}}