/* THE EIGHT WORLDS — generated from EA4B/MOCKUPS/themes.json by
   SHARED/demo/themes.mjs. Never hand-edited: re-run the demo build instead.
   Same colours, same faces, same radii and borders, same nav shapes, same
   drawn marks as the eight mock-ups, written against the real app's tokens.
   Every business in them is invented.
   With no data-brand on <html> the app looks exactly as it ships. */

.screen>header h1,.tile .big,.tile .num,.tile h2,.day h3,.ans b,.fd-top h2,.thread .top h2,.pick b,.sheet .hd h2{font-family:var(--font-display,var(--font));font-weight:var(--dw,700);
  letter-spacing:var(--dls,-.025em);text-transform:var(--dtt,none)}
.tile h2,.ans b,.pick b,.fd-top h2,.thread .top h2{text-transform:none}

/* ================= Saltwire Tattoo — ruled nav, dark ================= */
html[data-brand="tattoo"][data-theme]{
  --font:"Avenir Next Condensed","Archivo Narrow","Helvetica Neue",sans-serif;
  --font-display:"Avenir Next Condensed","Archivo Narrow",sans-serif;
  --dw:800;
  --dtt:uppercase;
  --dls:.01em;
  --deep:#0b0b0b;
  --c1:#151412;
  --c2:#ff6157;
  --c3:#ff6157;
  --c2-text:#ff6157;
  --flat:#0b0b0b;
  --onworld-accent:#ff6157;
  --c2a:rgba(215,53,44,.20);
  --c3a:rgba(215,53,44,.26);
  --cap-hi:#ff6157;
  --glass:#0b0b0b;
  --glass-soft:rgba(11,11,11,.86);
  --glass-line:#2e2b26;
  --ink:#ebe5d6;
  --ink-2:#bdb6a8;
  --ink-3:#8f897d;
  --on-world:rgba(235,229,214,.10);
  --on-world-line:#3a3731;
  --dark-glass:rgba(235,229,214,.10);
  --ok:#8fd48f;
  --wait:#f0b23a;
  --stop:#ff6157;
  --r:0;
  --r2:0;
  --r3:0;
  --rp:0;
  --rb:0;
  --gutter:48px;
  --go-bg:#ebe5d6;
  --go-ink:#0b0b0b;
  --shadow:none;
  --shadow-sm:none;
}
html[data-brand="tattoo"] .world::before{background:linear-gradient(165deg,var(--c1) 0%,var(--c1) 34%,var(--deep) 100%)}
html[data-brand="tattoo"] .world i{display:none}
html[data-brand="tattoo"] .seg,
html[data-brand="tattoo"] .seg a,
html[data-brand="tattoo"] .client,
html[data-brand="tattoo"] .mode,
html[data-brand="tattoo"] .mode button,
html[data-brand="tattoo"] .prod,
html[data-brand="tattoo"] .prod button,
html[data-brand="tattoo"] .tabs,
html[data-brand="tattoo"] .tabs a,
html[data-brand="tattoo"] .back,
html[data-brand="tattoo"] .n,
html[data-brand="tattoo"] .chp,
html[data-brand="tattoo"] .word,
html[data-brand="tattoo"] .chrome .grp,
html[data-brand="tattoo"] .chrome button,
html[data-brand="tattoo"] .sw,
html[data-brand="tattoo"] .toast{border-radius:0}
html[data-brand="tattoo"] .go,
html[data-brand="tattoo"] .no{border-radius:0;box-shadow:none}
html[data-brand="tattoo"] .info{border-radius:0}
html[data-brand="tattoo"] .glass,
html[data-brand="tattoo"] .tile,
html[data-brand="tattoo"] .pick,
html[data-brand="tattoo"] .mo,
html[data-brand="tattoo"] .slot,
html[data-brand="tattoo"] .ans,
html[data-brand="tattoo"] .step,
html[data-brand="tattoo"] .drop,
html[data-brand="tattoo"] .opt,
html[data-brand="tattoo"] .row,
html[data-brand="tattoo"] .cv,
html[data-brand="tattoo"] .thread,
html[data-brand="tattoo"] .fd{border:1px solid #2e2b26}
html[data-brand="tattoo"] .stage .cap i.hot{color:#ff6157}
html[data-brand="tattoo"] .m.ai .b,
html[data-brand="tattoo"] .m.hu .b{border-radius:0;box-shadow:none}
html[data-brand="tattoo"] .bar{background:var(--bar-wash,transparent);color:#ebe5d6;border-bottom:0}
html[data-brand="tattoo"] .tabs{background:var(--bar-wash,var(--deep));border-color:#3a3731}
html[data-brand="tattoo"] .bar .seg a,
html[data-brand="tattoo"] .tabs a{color:#a39d90;text-transform:uppercase;letter-spacing:.14em;font-size:.95rem;}
html[data-brand="tattoo"] .mode button,
html[data-brand="tattoo"] .prod button{color:#ebe5d6}
html[data-brand="tattoo"] .bar .seg,
html[data-brand="tattoo"] .bar .client,
html[data-brand="tattoo"] .bar .mode,
html[data-brand="tattoo"] .bar .prod,
html[data-brand="tattoo"] .bar .chrome .grp,
html[data-brand="tattoo"] .bar .back,
html[data-brand="tattoo"] .bar .info{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26)}
html[data-brand="tattoo"] .bar .seg a,
html[data-brand="tattoo"] .bar .client,
html[data-brand="tattoo"] .bar .mode button,
html[data-brand="tattoo"] .bar .prod button,
html[data-brand="tattoo"] .bar .chrome,
html[data-brand="tattoo"] .bar .back,
html[data-brand="tattoo"] .bar .info,
html[data-brand="tattoo"] .bar .whose{color:#ebe5d6}
html[data-brand="tattoo"] .bar .chrome button:hover,
html[data-brand="tattoo"] .bar .seg a:hover{background:rgba(255,255,255,.18)}
html[data-brand="tattoo"] .n.stop{color:#1a0606}
html[data-brand="tattoo"] .glass,
html[data-brand="tattoo"] .tile,
html[data-brand="tattoo"] .pick,
html[data-brand="tattoo"] .mo,
html[data-brand="tattoo"] .slot,
html[data-brand="tattoo"] .ans,
html[data-brand="tattoo"] .step,
html[data-brand="tattoo"] .drop,
html[data-brand="tattoo"] .opt,
html[data-brand="tattoo"] .row,
html[data-brand="tattoo"] .cv,
html[data-brand="tattoo"] .thread,
html[data-brand="tattoo"] .fd,
html[data-brand="tattoo"] .ib,
html[data-brand="tattoo"] .askrow,
html[data-brand="tattoo"] .sheet .pan{--go-bg:#ebe5d6;--go-ink:#0b0b0b}
html[data-brand="tattoo"] .word,
html[data-brand="tattoo"] .fstep .sn,
html[data-brand="tattoo"] .drop .plus{background:#ebe5d6;color:#0b0b0b}
html[data-brand="tattoo"] .row .okmark{color:#0b0b0b}
html[data-brand="tattoo"] .step.yours,
html[data-brand="tattoo"] .opt,
html[data-brand="tattoo"] .row,
html[data-brand="tattoo"] .inp,
html[data-brand="tattoo"] .compose,
html[data-brand="tattoo"] .m .b,
html[data-brand="tattoo"] .mo .left,
html[data-brand="tattoo"] .mo.on .tick,
html[data-brand="tattoo"] .rules .row,
html[data-brand="tattoo"] details .in .row,
html[data-brand="tattoo"] .jobrow:hover,
html[data-brand="tattoo"] .tile .stack i{background:#1a1917;border-color:#2e2b26}
html[data-brand="tattoo"] .sheet .pan{background:#0b0b0b}
html[data-brand="tattoo"] .tile .stack i{color:#bdb6a8}
html[data-brand="tattoo"] .aic .free{background:#17261a;color:#8fd48f}
html[data-brand="tattoo"] .runs .rs{background:rgba(255,255,255,.08);color:#bdb6a8}
html[data-brand="tattoo"] .runs .rs.delivered{background:#17261a;color:#8fd48f}
html[data-brand="tattoo"] .runs .rs.no_dm_allowed,
html[data-brand="tattoo"] .runs .rs.failed{background:#2c1412;color:#ff6157}
html[data-brand="tattoo"] .runs .rs.asked_to_follow,
html[data-brand="tattoo"] .runs .rs.dm_sent{background:#2a2210;color:#f0b23a}
html[data-brand="tattoo"] .tabs a.on{background:#ebe5d6;color:#65625c}
html[data-brand="tattoo"] .bar .mode button.on,
html[data-brand="tattoo"] .bar .prod button.on{background:#ebe5d6;color:#0b0b0b}
html[data-brand="tattoo"] .bar .seg{background:none;border:0;border-top:1px solid #2e2b26;border-radius:0;padding:0;gap:0;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-brand="tattoo"] .bar .seg a{border-radius:0;background:none;border-right:1px solid #2e2b26;padding:0 22px}
html[data-brand="tattoo"] .bar .seg a:last-child{border-right:0}
html[data-brand="tattoo"] .bar .seg a.on{background:none;color:#ebe5d6;box-shadow:inset 0 3px 0 #ebe5d6}

/* ================= Oleander Hair Studio — chips nav, light ================= */
html[data-brand="hair"][data-theme]{
  --font:"Gill Sans","Lato","Helvetica Neue",sans-serif;
  --font-display:"Didot","Playfair Display","Bodoni 72",serif;
  --dw:700;
  --dtt:none;
  --dls:-.01em;
  --deep:#f4ecdf;
  --c1:#f4ecdf;
  --c2:#9a4a2c;
  --c3:#9a4a2c;
  --c2-text:#9a4a2c;
  --flat:#f4ecdf;
  --onworld-accent:#9a4a2c;
  --c2a:rgba(154,74,44,.10);
  --c3a:rgba(154,74,44,.08);
  --cap-hi:#f0b58f;
  --glass:#fffaf2;
  --glass-soft:rgba(255,250,242,.86);
  --glass-line:#e9dfcd;
  --ink:#2b241e;
  --ink-2:#6b6056;
  --ink-3:#7a7165;
  --on-world:#fffaf2;
  --on-world-line:#e3d7c2;
  --dark-glass:rgba(43,36,30,.07);
  --ok:#56683a;
  --wait:#d99a2b;
  --stop:#a8282a;
  --r:30px;
  --r2:24px;
  --r3:16px;
  --rp:999px;
  --rb:999px;
  --gutter:48px;
  --go-bg:#9a4a2c;
  --go-ink:#fff;
  --shadow:0 14px 34px rgba(80,50,30,.10);
  --shadow-sm:0 14px 34px rgba(80,50,30,.10);
}
html[data-brand="hair"] .world::before{background:linear-gradient(165deg,var(--c1) 0%,var(--c1) 34%,var(--deep) 100%)}
html[data-brand="hair"] .world i{display:none}
html[data-brand="hair"] .seg,
html[data-brand="hair"] .seg a,
html[data-brand="hair"] .client,
html[data-brand="hair"] .mode,
html[data-brand="hair"] .mode button,
html[data-brand="hair"] .prod,
html[data-brand="hair"] .prod button,
html[data-brand="hair"] .tabs,
html[data-brand="hair"] .tabs a,
html[data-brand="hair"] .back,
html[data-brand="hair"] .n,
html[data-brand="hair"] .chp,
html[data-brand="hair"] .word,
html[data-brand="hair"] .chrome .grp,
html[data-brand="hair"] .chrome button,
html[data-brand="hair"] .sw,
html[data-brand="hair"] .toast{border-radius:999px}
html[data-brand="hair"] .go,
html[data-brand="hair"] .no{border-radius:999px;box-shadow:0 10px 24px rgba(154,74,44,.25)}
html[data-brand="hair"] .info{border-radius:50%}
html[data-brand="hair"] .glass,
html[data-brand="hair"] .tile,
html[data-brand="hair"] .pick,
html[data-brand="hair"] .mo,
html[data-brand="hair"] .slot,
html[data-brand="hair"] .ans,
html[data-brand="hair"] .step,
html[data-brand="hair"] .drop,
html[data-brand="hair"] .opt,
html[data-brand="hair"] .row,
html[data-brand="hair"] .cv,
html[data-brand="hair"] .thread,
html[data-brand="hair"] .fd{border:1px solid #e9dfcd}
html[data-brand="hair"] .stage .cap i.hot{color:#f0b58f}
html[data-brand="hair"] .m.ai .b,
html[data-brand="hair"] .m.hu .b{border-radius:22px;box-shadow:0 6px 16px rgba(60,40,20,.08)}
html[data-brand="hair"] .bar{background:#fffaf2;color:#2b241e;border-bottom:1px solid #e9dfcd}
html[data-brand="hair"] .tabs{background:#fffaf2;border-color:#e3d7c2}
html[data-brand="hair"] .bar .seg a,
html[data-brand="hair"] .tabs a{color:#2b241e;}
html[data-brand="hair"] .mode button,
html[data-brand="hair"] .prod button{color:#2b241e}
html[data-brand="hair"] .wm,
html[data-brand="hair"] .client,
html[data-brand="hair"] .client .ch,
html[data-brand="hair"] .mode button,
html[data-brand="hair"] .back,
html[data-brand="hair"] .info,
html[data-brand="hair"] .no,
html[data-brand="hair"] .held .st{color:#2b241e}
html[data-brand="hair"] .mo .tc b{color:#ae6e56}
html[data-brand="hair"] .ask>.label{color:#6b6056}
html[data-brand="hair"] .no{background:#f4ecdf;border-color:#e3d7c2;color:#2b241e}
html[data-brand="hair"] .back:hover,
html[data-brand="hair"] .info:hover,
html[data-brand="hair"] .no:hover{background:#f1e6d4}
html[data-brand="hair"] .tabs a.on{background:#9a4a2c;color:#fff}
html[data-brand="hair"] .bar .mode button.on,
html[data-brand="hair"] .bar .prod button.on{background:#9a4a2c;color:#fff}
html[data-brand="hair"] .bar .seg{background:none;border:0;padding:5px 0;gap:8px;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-brand="hair"] .bar .seg a{border:1px solid #c9b9a0;border-radius:999px;background:none}
html[data-brand="hair"] .bar .seg a.on{background:#9a4a2c;color:#fff;border-color:#9a4a2c}

/* ================= Juniper Lane Weddings — ruled nav, light ================= */
html[data-brand="wedding"][data-theme]{
  --font:"Hoefler Text","EB Garamond","Baskerville","Libre Baskerville",serif;
  --font-display:"Cochin","Cormorant Garamond","Hoefler Text","EB Garamond",serif;
  --dw:400;
  --dtt:none;
  --dls:-.005em;
  --deep:#f7f4ee;
  --c1:#f1ede4;
  --c2:#3d5a47;
  --c3:#3d5a47;
  --c2-text:#3d5a47;
  --flat:#f7f4ee;
  --onworld-accent:#3d5a47;
  --c2a:rgba(61,90,71,.10);
  --c3a:rgba(61,90,71,.08);
  --cap-hi:#cfe8c9;
  --glass:#fcfaf6;
  --glass-soft:rgba(252,250,246,.86);
  --glass-line:#e3ddd0;
  --ink:#2a332c;
  --ink-2:#66706a;
  --ink-3:#6a736c;
  --on-world:rgba(42,51,44,.06);
  --on-world-line:#cfd5cc;
  --dark-glass:rgba(42,51,44,.07);
  --ok:#3d5a47;
  --wait:#c9a24a;
  --stop:#a03a30;
  --r:6px;
  --r2:4px;
  --r3:3px;
  --rp:3px;
  --rb:4px;
  --gutter:60px;
  --go-bg:#3d5a47;
  --go-ink:#fff;
  --shadow:none;
  --shadow-sm:none;
}
html[data-brand="wedding"] .world::before{background:linear-gradient(165deg,var(--c1) 0%,var(--c1) 34%,var(--deep) 100%)}
html[data-brand="wedding"] .world i{display:none}
html[data-brand="wedding"] .seg,
html[data-brand="wedding"] .seg a,
html[data-brand="wedding"] .client,
html[data-brand="wedding"] .mode,
html[data-brand="wedding"] .mode button,
html[data-brand="wedding"] .prod,
html[data-brand="wedding"] .prod button,
html[data-brand="wedding"] .tabs,
html[data-brand="wedding"] .tabs a,
html[data-brand="wedding"] .back,
html[data-brand="wedding"] .n,
html[data-brand="wedding"] .chp,
html[data-brand="wedding"] .word,
html[data-brand="wedding"] .chrome .grp,
html[data-brand="wedding"] .chrome button,
html[data-brand="wedding"] .sw,
html[data-brand="wedding"] .toast{border-radius:3px}
html[data-brand="wedding"] .go,
html[data-brand="wedding"] .no{border-radius:4px;box-shadow:none}
html[data-brand="wedding"] .info{border-radius:3px}
html[data-brand="wedding"] .glass,
html[data-brand="wedding"] .tile,
html[data-brand="wedding"] .pick,
html[data-brand="wedding"] .mo,
html[data-brand="wedding"] .slot,
html[data-brand="wedding"] .ans,
html[data-brand="wedding"] .step,
html[data-brand="wedding"] .drop,
html[data-brand="wedding"] .opt,
html[data-brand="wedding"] .row,
html[data-brand="wedding"] .cv,
html[data-brand="wedding"] .thread,
html[data-brand="wedding"] .fd{border:1px solid #e3ddd0}
html[data-brand="wedding"] .stage .cap i.hot{color:#cfe8c9}
html[data-brand="wedding"] .m.ai .b,
html[data-brand="wedding"] .m.hu .b{border-radius:6px;box-shadow:none}
html[data-brand="wedding"] .bar{background:var(--bar-wash,transparent);color:#2a332c;border-bottom:0}
html[data-brand="wedding"] .tabs{background:var(--bar-wash,var(--deep));border-color:#cfd5cc}
html[data-brand="wedding"] .bar .seg a,
html[data-brand="wedding"] .tabs a{color:#4f5a52;text-transform:uppercase;letter-spacing:.16em;font-size:.82rem;}
html[data-brand="wedding"] .mode button,
html[data-brand="wedding"] .prod button{color:#2a332c}
html[data-brand="wedding"] .bar .seg,
html[data-brand="wedding"] .bar .client,
html[data-brand="wedding"] .bar .mode,
html[data-brand="wedding"] .bar .prod,
html[data-brand="wedding"] .bar .chrome .grp,
html[data-brand="wedding"] .bar .back,
html[data-brand="wedding"] .bar .info{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26)}
html[data-brand="wedding"] .bar .seg a,
html[data-brand="wedding"] .bar .client,
html[data-brand="wedding"] .bar .mode button,
html[data-brand="wedding"] .bar .prod button,
html[data-brand="wedding"] .bar .chrome,
html[data-brand="wedding"] .bar .back,
html[data-brand="wedding"] .bar .info,
html[data-brand="wedding"] .bar .whose{color:#2a332c}
html[data-brand="wedding"] .bar .chrome button:hover,
html[data-brand="wedding"] .bar .seg a:hover{background:rgba(255,255,255,.18)}
html[data-brand="wedding"] .wm,
html[data-brand="wedding"] .client,
html[data-brand="wedding"] .client .ch,
html[data-brand="wedding"] .mode button,
html[data-brand="wedding"] .back,
html[data-brand="wedding"] .info,
html[data-brand="wedding"] .no,
html[data-brand="wedding"] .held .st{color:#2a332c}
html[data-brand="wedding"] .mo .tc b{color:#6e8375}
html[data-brand="wedding"] .ask>.label{color:#66706a}
html[data-brand="wedding"] .no{background:transparent;border-color:#b8c2b8;color:#2a332c}
html[data-brand="wedding"] .back:hover,
html[data-brand="wedding"] .info:hover,
html[data-brand="wedding"] .no:hover{background:#eef0e9}
html[data-brand="wedding"] .tabs a.on{background:#2a332c;color:#9b9d97}
html[data-brand="wedding"] .bar .mode button.on,
html[data-brand="wedding"] .bar .prod button.on{background:#2a332c;color:#fff}
html[data-brand="wedding"] .bar .seg{background:none;border:0;border-top:1px solid #d8d2c4;border-radius:0;padding:0;gap:0;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-brand="wedding"] .bar .seg a{border-radius:0;background:none;border-right:1px solid #d8d2c4;padding:0 22px}
html[data-brand="wedding"] .bar .seg a:last-child{border-right:0}
html[data-brand="wedding"] .bar .seg a.on{background:none;color:#2a332c;box-shadow:inset 0 3px 0 #2a332c}

/* ================= Sunday Street Coffee — pills nav, light ================= */
html[data-brand="cafe"][data-theme]{
  --font:"Avenir Next","Jost","Helvetica Neue",sans-serif;
  --font-display:"Arial Rounded MT Bold","Quicksand","Avenir Next","Jost",sans-serif;
  --dw:700;
  --dtt:none;
  --dls:-.02em;
  --deep:#f3e7d3;
  --c1:#f6ebd8;
  --c2:#a3421f;
  --c3:#a3421f;
  --c2-text:#a3421f;
  --flat:#f3e7d3;
  --onworld-accent:#a3421f;
  --c2a:rgba(163,66,31,.10);
  --c3a:rgba(163,66,31,.08);
  --cap-hi:#ffb15c;
  --glass:#fff9f0;
  --glass-soft:rgba(255,249,240,.86);
  --glass-line:#e8d8bf;
  --ink:#3b2416;
  --ink-2:#7a6353;
  --ink-3:#826b5b;
  --on-world:#fff9f0;
  --on-world-line:#e8d8bf;
  --dark-glass:rgba(59,36,22,.07);
  --ok:#3b6e38;
  --wait:#e3a12d;
  --stop:#a8282a;
  --r:26px;
  --r2:20px;
  --r3:14px;
  --rp:999px;
  --rb:999px;
  --gutter:48px;
  --go-bg:#a3421f;
  --go-ink:#fff;
  --shadow:0 8px 0 -2px #e6d3b5;
  --shadow-sm:0 8px 0 -2px #e6d3b5;
}
html[data-brand="cafe"] .world::before{background:linear-gradient(165deg,var(--c1) 0%,var(--c1) 34%,var(--deep) 100%)}
html[data-brand="cafe"] .world i{display:none}
html[data-brand="cafe"] .seg,
html[data-brand="cafe"] .seg a,
html[data-brand="cafe"] .client,
html[data-brand="cafe"] .mode,
html[data-brand="cafe"] .mode button,
html[data-brand="cafe"] .prod,
html[data-brand="cafe"] .prod button,
html[data-brand="cafe"] .tabs,
html[data-brand="cafe"] .tabs a,
html[data-brand="cafe"] .back,
html[data-brand="cafe"] .n,
html[data-brand="cafe"] .chp,
html[data-brand="cafe"] .word,
html[data-brand="cafe"] .chrome .grp,
html[data-brand="cafe"] .chrome button,
html[data-brand="cafe"] .sw,
html[data-brand="cafe"] .toast{border-radius:999px}
html[data-brand="cafe"] .go,
html[data-brand="cafe"] .no{border-radius:999px;box-shadow:0 6px 0 #7a2f12}
html[data-brand="cafe"] .info{border-radius:50%}
html[data-brand="cafe"] .glass,
html[data-brand="cafe"] .tile,
html[data-brand="cafe"] .pick,
html[data-brand="cafe"] .mo,
html[data-brand="cafe"] .slot,
html[data-brand="cafe"] .ans,
html[data-brand="cafe"] .step,
html[data-brand="cafe"] .drop,
html[data-brand="cafe"] .opt,
html[data-brand="cafe"] .row,
html[data-brand="cafe"] .cv,
html[data-brand="cafe"] .thread,
html[data-brand="cafe"] .fd{border:2px solid #ead9bd}
html[data-brand="cafe"] .stage .cap i.hot{color:#ffb15c}
html[data-brand="cafe"] .m.ai .b,
html[data-brand="cafe"] .m.hu .b{border-radius:20px;box-shadow:none}
html[data-brand="cafe"] .bar{background:#3b2416;color:#fff5e6;border-bottom:0}
html[data-brand="cafe"] .tabs{background:#3b2416;border-color:#e8d8bf}
html[data-brand="cafe"] .bar .seg a,
html[data-brand="cafe"] .tabs a{color:#fff5e6;}
html[data-brand="cafe"] .mode button,
html[data-brand="cafe"] .prod button{color:#fff5e6}
html[data-brand="cafe"] .bar .seg,
html[data-brand="cafe"] .bar .client,
html[data-brand="cafe"] .bar .mode,
html[data-brand="cafe"] .bar .prod,
html[data-brand="cafe"] .bar .chrome .grp,
html[data-brand="cafe"] .bar .back,
html[data-brand="cafe"] .bar .info{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26)}
html[data-brand="cafe"] .bar .seg a,
html[data-brand="cafe"] .bar .client,
html[data-brand="cafe"] .bar .mode button,
html[data-brand="cafe"] .bar .prod button,
html[data-brand="cafe"] .bar .chrome,
html[data-brand="cafe"] .bar .back,
html[data-brand="cafe"] .bar .info,
html[data-brand="cafe"] .bar .whose{color:#fff5e6}
html[data-brand="cafe"] .bar .chrome button:hover,
html[data-brand="cafe"] .bar .seg a:hover{background:rgba(255,255,255,.18)}
html[data-brand="cafe"] .wm,
html[data-brand="cafe"] .client,
html[data-brand="cafe"] .client .ch,
html[data-brand="cafe"] .mode button,
html[data-brand="cafe"] .back,
html[data-brand="cafe"] .info,
html[data-brand="cafe"] .no,
html[data-brand="cafe"] .held .st{color:#3b2416}
html[data-brand="cafe"] .mo .tc b{color:#b5684c}
html[data-brand="cafe"] .ask>.label{color:#6e5546}
html[data-brand="cafe"] .no{background:#fff9f0;border-color:#e8d8bf;color:#3b2416}
html[data-brand="cafe"] .back:hover,
html[data-brand="cafe"] .info:hover,
html[data-brand="cafe"] .no:hover{background:#f1e3cc}
html[data-brand="cafe"] .tabs a.on{background:#ffb15c;color:#3b2416}
html[data-brand="cafe"] .bar .mode button.on,
html[data-brand="cafe"] .bar .prod button.on{background:#ffb15c;color:#3b2416}
html[data-brand="cafe"] .bar .seg a.on{background:#ffb15c;color:#3b2416}

/* ================= Parallax — boxed nav, dark ================= */
html[data-brand="club"][data-theme]{
  --font:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display:"DIN Condensed Bold","Oswald","DIN Condensed","Avenir Next Condensed","Archivo Narrow",sans-serif;
  --dw:700;
  --dtt:uppercase;
  --dls:.02em;
  --deep:#070708;
  --c1:#1b1b1e;
  --c2:#c8ff3a;
  --c3:#c8ff3a;
  --c2-text:#c8ff3a;
  --flat:#070708;
  --onworld-accent:#c8ff3a;
  --c2a:rgba(200,255,58,.20);
  --c3a:rgba(200,255,58,.26);
  --cap-hi:#c8ff3a;
  --glass:#121214;
  --glass-soft:rgba(18,18,20,.86);
  --glass-line:#2a2a2e;
  --ink:#f2f2ef;
  --ink-2:#b9b9b2;
  --ink-3:#84847e;
  --on-world:#121214;
  --on-world-line:#2a2a2e;
  --dark-glass:rgba(242,242,239,.10);
  --ok:#c8ff3a;
  --wait:#ffb020;
  --stop:#ff5b5b;
  --r:0;
  --r2:0;
  --r3:0;
  --rp:0;
  --rb:0;
  --gutter:44px;
  --go-bg:#c8ff3a;
  --go-ink:#0b0d05;
  --shadow:none;
  --shadow-sm:none;
}
html[data-brand="club"] .world::before{background:repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.04) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,.04) 47px 48px),linear-gradient(180deg,rgba(7,7,8,.42),rgba(7,7,8,.80) 58%,rgba(7,7,8,.97)),url("img/brand/green-laser.jpg?v=202610051642") center 18%/cover}
html[data-brand="club"] .world .a{opacity:0.35}
html[data-brand="club"] .world .b{opacity:0.21}
html[data-brand="club"] .seg,
html[data-brand="club"] .seg a,
html[data-brand="club"] .client,
html[data-brand="club"] .mode,
html[data-brand="club"] .mode button,
html[data-brand="club"] .prod,
html[data-brand="club"] .prod button,
html[data-brand="club"] .tabs,
html[data-brand="club"] .tabs a,
html[data-brand="club"] .back,
html[data-brand="club"] .n,
html[data-brand="club"] .chp,
html[data-brand="club"] .word,
html[data-brand="club"] .chrome .grp,
html[data-brand="club"] .chrome button,
html[data-brand="club"] .sw,
html[data-brand="club"] .toast{border-radius:0}
html[data-brand="club"] .go,
html[data-brand="club"] .no{border-radius:0;box-shadow:none}
html[data-brand="club"] .info{border-radius:0}
html[data-brand="club"] .glass,
html[data-brand="club"] .tile,
html[data-brand="club"] .pick,
html[data-brand="club"] .mo,
html[data-brand="club"] .slot,
html[data-brand="club"] .ans,
html[data-brand="club"] .step,
html[data-brand="club"] .drop,
html[data-brand="club"] .opt,
html[data-brand="club"] .row,
html[data-brand="club"] .cv,
html[data-brand="club"] .thread,
html[data-brand="club"] .fd{border:1px solid #2a2a2e}
html[data-brand="club"] .stage .cap i.hot{color:#c8ff3a}
html[data-brand="club"] .m.ai .b,
html[data-brand="club"] .m.hu .b{border-radius:0;box-shadow:none}
html[data-brand="club"] .bar{background:#070708;color:#f2f2ef;border-bottom:1px solid #2a2a2e}
html[data-brand="club"] .tabs{background:#070708;border-color:#2a2a2e}
html[data-brand="club"] .bar .seg a,
html[data-brand="club"] .tabs a{color:#d6d6d0;}
html[data-brand="club"] .mode button,
html[data-brand="club"] .prod button{color:#f2f2ef}
html[data-brand="club"] .bar .seg,
html[data-brand="club"] .bar .client,
html[data-brand="club"] .bar .mode,
html[data-brand="club"] .bar .prod,
html[data-brand="club"] .bar .chrome .grp,
html[data-brand="club"] .bar .back,
html[data-brand="club"] .bar .info{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26)}
html[data-brand="club"] .bar .seg a,
html[data-brand="club"] .bar .client,
html[data-brand="club"] .bar .mode button,
html[data-brand="club"] .bar .prod button,
html[data-brand="club"] .bar .chrome,
html[data-brand="club"] .bar .back,
html[data-brand="club"] .bar .info,
html[data-brand="club"] .bar .whose{color:#f2f2ef}
html[data-brand="club"] .bar .chrome button:hover,
html[data-brand="club"] .bar .seg a:hover{background:rgba(255,255,255,.18)}
html[data-brand="club"] .n.stop{color:#1a0606}
html[data-brand="club"] .glass,
html[data-brand="club"] .tile,
html[data-brand="club"] .pick,
html[data-brand="club"] .mo,
html[data-brand="club"] .slot,
html[data-brand="club"] .ans,
html[data-brand="club"] .step,
html[data-brand="club"] .drop,
html[data-brand="club"] .opt,
html[data-brand="club"] .row,
html[data-brand="club"] .cv,
html[data-brand="club"] .thread,
html[data-brand="club"] .fd,
html[data-brand="club"] .ib,
html[data-brand="club"] .askrow,
html[data-brand="club"] .sheet .pan{--go-bg:#c8ff3a;--go-ink:#0b0d05}
html[data-brand="club"] .word,
html[data-brand="club"] .fstep .sn,
html[data-brand="club"] .drop .plus{background:#c8ff3a;color:#0b0d05}
html[data-brand="club"] .row .okmark{color:#070708}
html[data-brand="club"] .step.yours,
html[data-brand="club"] .opt,
html[data-brand="club"] .row,
html[data-brand="club"] .inp,
html[data-brand="club"] .compose,
html[data-brand="club"] .m .b,
html[data-brand="club"] .mo .left,
html[data-brand="club"] .mo.on .tick,
html[data-brand="club"] .rules .row,
html[data-brand="club"] details .in .row,
html[data-brand="club"] .jobrow:hover,
html[data-brand="club"] .tile .stack i{background:#1b1b1e;border-color:#2e2e33}
html[data-brand="club"] .sheet .pan{background:#121214}
html[data-brand="club"] .tile .stack i{color:#b9b9b2}
html[data-brand="club"] .aic .free{background:#1f2a10;color:#c8ff3a}
html[data-brand="club"] .runs .rs{background:rgba(255,255,255,.08);color:#b9b9b2}
html[data-brand="club"] .runs .rs.delivered{background:#1f2a10;color:#c8ff3a}
html[data-brand="club"] .runs .rs.no_dm_allowed,
html[data-brand="club"] .runs .rs.failed{background:#2c1414;color:#ff5b5b}
html[data-brand="club"] .runs .rs.asked_to_follow,
html[data-brand="club"] .runs .rs.dm_sent{background:#2a2210;color:#ffb020}
html[data-brand="club"] .tabs a.on{background:#c8ff3a;color:#0b0d05}
html[data-brand="club"] .bar .mode button.on,
html[data-brand="club"] .bar .prod button.on{background:#c8ff3a;color:#0b0d05}
html[data-brand="club"] .bar .seg{background:none;border:0;border-radius:0;padding:0;gap:0;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-brand="club"] .bar .seg a{border-radius:0;background:none;border:1px solid #3a3a40;margin-right:-1px;padding:0 18px}
html[data-brand="club"] .bar .seg a.on{background:#c8ff3a;color:#0b0d05;border-color:#c8ff3a;position:relative;z-index:1}

/* ================= Calder Whitlock Lawyers — tabs nav, light ================= */
html[data-brand="lawyers"][data-theme]{
  --font:"Iowan Old Style","Lora","Palatino",serif;
  --font-display:"Iowan Old Style","Lora","Palatino",serif;
  --dw:700;
  --dtt:none;
  --dls:-.015em;
  --deep:#ffffff;
  --c1:#f4f2ec;
  --c2:#14213d;
  --c3:#14213d;
  --c2-text:#14213d;
  --flat:#ffffff;
  --onworld-accent:#14213d;
  --c2a:rgba(20,33,61,.10);
  --c3a:rgba(20,33,61,.08);
  --cap-hi:#e9d8a6;
  --glass:#ffffff;
  --glass-soft:rgba(255,255,255,.86);
  --glass-line:#c9c4b8;
  --ink:#1c2333;
  --ink-2:#5c6270;
  --ink-3:#6f7480;
  --on-world:#fff;
  --on-world-line:#c9c4b8;
  --dark-glass:rgba(28,35,51,.07);
  --ok:#2f6b47;
  --wait:#b08d3c;
  --stop:#8f1d2c;
  --r:0;
  --r2:0;
  --r3:0;
  --rp:0;
  --rb:0;
  --gutter:60px;
  --go-bg:#14213d;
  --go-ink:#fff;
  --shadow:none;
  --shadow-sm:none;
}
html[data-brand="lawyers"] .world::before{background:linear-gradient(165deg,var(--c1) 0%,var(--c1) 34%,var(--deep) 100%)}
html[data-brand="lawyers"] .world i{display:none}
html[data-brand="lawyers"] .seg,
html[data-brand="lawyers"] .seg a,
html[data-brand="lawyers"] .client,
html[data-brand="lawyers"] .mode,
html[data-brand="lawyers"] .mode button,
html[data-brand="lawyers"] .prod,
html[data-brand="lawyers"] .prod button,
html[data-brand="lawyers"] .tabs,
html[data-brand="lawyers"] .tabs a,
html[data-brand="lawyers"] .back,
html[data-brand="lawyers"] .n,
html[data-brand="lawyers"] .chp,
html[data-brand="lawyers"] .word,
html[data-brand="lawyers"] .chrome .grp,
html[data-brand="lawyers"] .chrome button,
html[data-brand="lawyers"] .sw,
html[data-brand="lawyers"] .toast{border-radius:0}
html[data-brand="lawyers"] .go,
html[data-brand="lawyers"] .no{border-radius:0;box-shadow:none}
html[data-brand="lawyers"] .info{border-radius:0}
html[data-brand="lawyers"] .glass,
html[data-brand="lawyers"] .tile,
html[data-brand="lawyers"] .pick,
html[data-brand="lawyers"] .mo,
html[data-brand="lawyers"] .slot,
html[data-brand="lawyers"] .ans,
html[data-brand="lawyers"] .step,
html[data-brand="lawyers"] .drop,
html[data-brand="lawyers"] .opt,
html[data-brand="lawyers"] .row,
html[data-brand="lawyers"] .cv,
html[data-brand="lawyers"] .thread,
html[data-brand="lawyers"] .fd{border:1px solid #c9c4b8}
html[data-brand="lawyers"] .stage .cap i.hot{color:#e9d8a6}
html[data-brand="lawyers"] .m.ai .b,
html[data-brand="lawyers"] .m.hu .b{border-radius:0;box-shadow:none}
html[data-brand="lawyers"] .bar{background:#fff;color:#1c2333;border-bottom:0}
html[data-brand="lawyers"] .tabs{background:#fff;border-color:#c9c4b8}
html[data-brand="lawyers"] .bar .seg a,
html[data-brand="lawyers"] .tabs a{color:#3c4352;}
html[data-brand="lawyers"] .mode button,
html[data-brand="lawyers"] .prod button{color:#1c2333}
html[data-brand="lawyers"] .screen>header{border-bottom:1px solid #b08d3c;padding-bottom:18px}
html[data-brand="lawyers"] .wm,
html[data-brand="lawyers"] .client,
html[data-brand="lawyers"] .client .ch,
html[data-brand="lawyers"] .mode button,
html[data-brand="lawyers"] .back,
html[data-brand="lawyers"] .info,
html[data-brand="lawyers"] .no,
html[data-brand="lawyers"] .held .st{color:#1c2333}
html[data-brand="lawyers"] .mo .tc b{color:#7e8594}
html[data-brand="lawyers"] .ask>.label{color:#5c6270}
html[data-brand="lawyers"] .no{background:#fff;border-color:#14213d;color:#14213d}
html[data-brand="lawyers"] .back:hover,
html[data-brand="lawyers"] .info:hover,
html[data-brand="lawyers"] .no:hover{background:#f1efe8}
html[data-brand="lawyers"] .tabs a.on{background:#14213d;color:#8a909e}
html[data-brand="lawyers"] .bar .mode button.on,
html[data-brand="lawyers"] .bar .prod button.on{background:#14213d;color:#fff}
html[data-brand="lawyers"] .bar .seg{background:none;border:0;border-bottom:1px solid #c9c4b8;border-radius:0;padding:0;gap:26px;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-brand="lawyers"] .bar .seg a{border-radius:0;background:none;padding:0 2px}
html[data-brand="lawyers"] .bar .seg a.on{background:none;color:#14213d;box-shadow:inset 0 -3px 0 #14213d;font-weight:700}

/* ================= Quiet Ridge Retreat — dots nav, light ================= */
html[data-brand="yoga"][data-theme]{
  --font:"Seravek","Mulish","Avenir Next","Jost",sans-serif;
  --font-display:"Seravek","Mulish","Avenir Next","Jost",sans-serif;
  --dw:500;
  --dtt:none;
  --dls:-.02em;
  --deep:#e9e0cc;
  --c1:#ebe4d3;
  --c2:#3e6a3c;
  --c3:#3e6a3c;
  --c2-text:#3e6a3c;
  --flat:#e9e0cc;
  --onworld-accent:#3e6a3c;
  --c2a:rgba(62,106,60,.10);
  --c3a:rgba(62,106,60,.08);
  --cap-hi:#d7eab0;
  --glass:#f5f0e4;
  --glass-soft:rgba(245,240,228,.86);
  --glass-line:#f5f0e4;
  --ink:#1f3a2a;
  --ink-2:#5b6b5d;
  --ink-3:#5d6e5d;
  --on-world:#f5f0e4;
  --on-world-line:#f5f0e4;
  --dark-glass:rgba(31,58,42,.07);
  --ok:#3e6a3c;
  --wait:#d2a74a;
  --stop:#9a4536;
  --r:22px;
  --r2:18px;
  --r3:14px;
  --rp:999px;
  --rb:999px;
  --gutter:72px;
  --go-bg:#1f3a2a;
  --go-ink:#fff;
  --shadow:none;
  --shadow-sm:none;
}
html[data-brand="yoga"] .world::before{background:linear-gradient(180deg,#efe8d8 0%,#e4dac4 100%)}
html[data-brand="yoga"] .world i{display:none}
html[data-brand="yoga"] .seg,
html[data-brand="yoga"] .seg a,
html[data-brand="yoga"] .client,
html[data-brand="yoga"] .mode,
html[data-brand="yoga"] .mode button,
html[data-brand="yoga"] .prod,
html[data-brand="yoga"] .prod button,
html[data-brand="yoga"] .tabs,
html[data-brand="yoga"] .tabs a,
html[data-brand="yoga"] .back,
html[data-brand="yoga"] .n,
html[data-brand="yoga"] .chp,
html[data-brand="yoga"] .word,
html[data-brand="yoga"] .chrome .grp,
html[data-brand="yoga"] .chrome button,
html[data-brand="yoga"] .sw,
html[data-brand="yoga"] .toast{border-radius:999px}
html[data-brand="yoga"] .go,
html[data-brand="yoga"] .no{border-radius:999px;box-shadow:none}
html[data-brand="yoga"] .info{border-radius:50%}
html[data-brand="yoga"] .glass,
html[data-brand="yoga"] .tile,
html[data-brand="yoga"] .pick,
html[data-brand="yoga"] .mo,
html[data-brand="yoga"] .slot,
html[data-brand="yoga"] .ans,
html[data-brand="yoga"] .step,
html[data-brand="yoga"] .drop,
html[data-brand="yoga"] .opt,
html[data-brand="yoga"] .row,
html[data-brand="yoga"] .cv,
html[data-brand="yoga"] .thread,
html[data-brand="yoga"] .fd{border:0}
html[data-brand="yoga"] .stage .cap i.hot{color:#d7eab0}
html[data-brand="yoga"] .m.ai .b,
html[data-brand="yoga"] .m.hu .b{border-radius:18px;box-shadow:none}
html[data-brand="yoga"] .bar{background:var(--bar-wash,transparent);color:#1f3a2a;border-bottom:0}
html[data-brand="yoga"] .tabs{background:var(--bar-wash,var(--deep));border-color:#f5f0e4}
html[data-brand="yoga"] .bar .seg a,
html[data-brand="yoga"] .tabs a{color:#4a5a4c;}
html[data-brand="yoga"] .mode button,
html[data-brand="yoga"] .prod button{color:#1f3a2a}
html[data-brand="yoga"] .bar .seg,
html[data-brand="yoga"] .bar .client,
html[data-brand="yoga"] .bar .mode,
html[data-brand="yoga"] .bar .prod,
html[data-brand="yoga"] .bar .chrome .grp,
html[data-brand="yoga"] .bar .back,
html[data-brand="yoga"] .bar .info{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26)}
html[data-brand="yoga"] .bar .seg a,
html[data-brand="yoga"] .bar .client,
html[data-brand="yoga"] .bar .mode button,
html[data-brand="yoga"] .bar .prod button,
html[data-brand="yoga"] .bar .chrome,
html[data-brand="yoga"] .bar .back,
html[data-brand="yoga"] .bar .info,
html[data-brand="yoga"] .bar .whose{color:#1f3a2a}
html[data-brand="yoga"] .bar .chrome button:hover,
html[data-brand="yoga"] .bar .seg a:hover{background:rgba(255,255,255,.18)}
html[data-brand="yoga"] .wm,
html[data-brand="yoga"] .client,
html[data-brand="yoga"] .client .ch,
html[data-brand="yoga"] .mode button,
html[data-brand="yoga"] .back,
html[data-brand="yoga"] .info,
html[data-brand="yoga"] .no,
html[data-brand="yoga"] .held .st{color:#1f3a2a}
html[data-brand="yoga"] .mo .tc b{color:#658863}
html[data-brand="yoga"] .ask>.label{color:#4a5a4c}
html[data-brand="yoga"] .no{background:transparent;border-color:#b9b39f;color:#1f3a2a}
html[data-brand="yoga"] .back:hover,
html[data-brand="yoga"] .info:hover,
html[data-brand="yoga"] .no:hover{background:#e6dfcc}
html[data-brand="yoga"] .tabs a.on{background:#1f3a2a;color:#a2a693}
html[data-brand="yoga"] .bar .mode button.on,
html[data-brand="yoga"] .bar .prod button.on{background:#1f3a2a;color:#fff}
html[data-brand="yoga"] .bar .seg{background:none;border:0;border-radius:0;padding:0;gap:34px;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-brand="yoga"] .bar .seg a{border-radius:0;background:none;padding:0}
html[data-brand="yoga"] .bar .seg a.on{background:none;color:#1f3a2a;font-weight:700}
html[data-brand="yoga"] .bar .seg a.on::before{content:"";width:7px;height:7px;border-radius:50%;background:#1f3a2a;flex:0 0 auto;margin-right:9px}

/* ================= The Wrenfield Hotel — sidebar nav, light ================= */
html[data-brand="hotel"][data-theme]{
  --font:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display:"Baskerville","Libre Baskerville","Hoefler Text","EB Garamond",serif;
  --dw:400;
  --dtt:none;
  --dls:-.01em;
  --deep:#f3eee4;
  --c1:#f1ece2;
  --c2:#7a5f22;
  --c3:#7a5f22;
  --c2-text:#7a5f22;
  --flat:#f3eee4;
  --onworld-accent:#7a5f22;
  --c2a:rgba(163,132,60,.10);
  --c3a:rgba(163,132,60,.08);
  --cap-hi:#e6cf8e;
  --glass:#fbf9f4;
  --glass-soft:rgba(251,249,244,.86);
  --glass-line:#d9d2c4;
  --ink:#2b2a28;
  --ink-2:#6a655c;
  --ink-3:#736f68;
  --on-world:#fbf9f4;
  --on-world-line:#d9d2c4;
  --dark-glass:rgba(43,42,40,.07);
  --ok:#3b6a4a;
  --wait:#c9ad6a;
  --stop:#a63a3a;
  --r:6px;
  --r2:5px;
  --r3:4px;
  --rp:4px;
  --rb:4px;
  --gutter:56px;
  --go-bg:#2b2a28;
  --go-ink:#fff;
  --shadow:0 1px 0 rgba(43,42,40,.06);
  --shadow-sm:0 1px 0 rgba(43,42,40,.06);
}
html[data-brand="hotel"] .world::before{background:linear-gradient(165deg,var(--c1) 0%,var(--c1) 34%,var(--deep) 100%)}
html[data-brand="hotel"] .world i{display:none}
html[data-brand="hotel"] .seg,
html[data-brand="hotel"] .seg a,
html[data-brand="hotel"] .client,
html[data-brand="hotel"] .mode,
html[data-brand="hotel"] .mode button,
html[data-brand="hotel"] .prod,
html[data-brand="hotel"] .prod button,
html[data-brand="hotel"] .tabs,
html[data-brand="hotel"] .tabs a,
html[data-brand="hotel"] .back,
html[data-brand="hotel"] .n,
html[data-brand="hotel"] .chp,
html[data-brand="hotel"] .word,
html[data-brand="hotel"] .chrome .grp,
html[data-brand="hotel"] .chrome button,
html[data-brand="hotel"] .sw,
html[data-brand="hotel"] .toast{border-radius:4px}
html[data-brand="hotel"] .go,
html[data-brand="hotel"] .no{border-radius:4px;box-shadow:none}
html[data-brand="hotel"] .info{border-radius:4px}
html[data-brand="hotel"] .glass,
html[data-brand="hotel"] .tile,
html[data-brand="hotel"] .pick,
html[data-brand="hotel"] .mo,
html[data-brand="hotel"] .slot,
html[data-brand="hotel"] .ans,
html[data-brand="hotel"] .step,
html[data-brand="hotel"] .drop,
html[data-brand="hotel"] .opt,
html[data-brand="hotel"] .row,
html[data-brand="hotel"] .cv,
html[data-brand="hotel"] .thread,
html[data-brand="hotel"] .fd{border:1px solid #d9d2c4}
html[data-brand="hotel"] .stage .cap i.hot{color:#e6cf8e}
html[data-brand="hotel"] .m.ai .b,
html[data-brand="hotel"] .m.hu .b{border-radius:6px;box-shadow:none}
html[data-brand="hotel"] .bar{background:#2b2a28;color:#f3eee4;border-bottom:1px solid #1f1e1c}
html[data-brand="hotel"] .tabs{background:#2b2a28;border-color:#d9d2c4}
html[data-brand="hotel"] .bar .seg a,
html[data-brand="hotel"] .tabs a{color:#cfc8ba;}
html[data-brand="hotel"] .mode button,
html[data-brand="hotel"] .prod button{color:#f3eee4}
html[data-brand="hotel"] .bar .seg,
html[data-brand="hotel"] .bar .client,
html[data-brand="hotel"] .bar .mode,
html[data-brand="hotel"] .bar .prod,
html[data-brand="hotel"] .bar .chrome .grp,
html[data-brand="hotel"] .bar .back,
html[data-brand="hotel"] .bar .info{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.26)}
html[data-brand="hotel"] .bar .seg a,
html[data-brand="hotel"] .bar .client,
html[data-brand="hotel"] .bar .mode button,
html[data-brand="hotel"] .bar .prod button,
html[data-brand="hotel"] .bar .chrome,
html[data-brand="hotel"] .bar .back,
html[data-brand="hotel"] .bar .info,
html[data-brand="hotel"] .bar .whose{color:#f3eee4}
html[data-brand="hotel"] .bar .chrome button:hover,
html[data-brand="hotel"] .bar .seg a:hover{background:rgba(255,255,255,.18)}
html[data-brand="hotel"] .screen>header{border-bottom:1px solid #c9ad6a;padding-bottom:16px}
html[data-brand="hotel"] .wm,
html[data-brand="hotel"] .client,
html[data-brand="hotel"] .client .ch,
html[data-brand="hotel"] .mode button,
html[data-brand="hotel"] .back,
html[data-brand="hotel"] .info,
html[data-brand="hotel"] .no,
html[data-brand="hotel"] .held .st{color:#2b2a28}
html[data-brand="hotel"] .mo .tc b{color:#a3843c}
html[data-brand="hotel"] .ask>.label{color:#6a655c}
html[data-brand="hotel"] .no{background:transparent;border-color:#b9b2a4;color:#2b2a28}
html[data-brand="hotel"] .back:hover,
html[data-brand="hotel"] .info:hover,
html[data-brand="hotel"] .no:hover{background:#ece6d9}
html[data-brand="hotel"] .tabs a.on{background:#c9ad6a;color:#2b2a28}
html[data-brand="hotel"] .bar .mode button.on,
html[data-brand="hotel"] .bar .prod button.on{background:#c9ad6a;color:#2b2a28}
@media (min-width:1200px){
html[data-brand="hotel"] .bar{position:fixed;left:0;top:0;bottom:0;width:248px;flex-direction:column;align-items:stretch;flex-wrap:nowrap;
  padding:26px 20px;gap:18px;overflow-y:auto;z-index:50}
html[data-brand="hotel"] body{padding-left:248px}
html[data-brand="hotel"] .bar .whose{flex-direction:column;align-items:flex-start;gap:12px}
html[data-brand="hotel"] .bar .seg{flex-direction:column;width:100%;order:1;background:none;border:0;border-radius:0;padding:0;gap:2px;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-brand="hotel"] .bar .seg a{border-radius:0;background:none;width:100%;height:42px;padding:0 10px;border-bottom:1px solid #44423e}
html[data-brand="hotel"] .bar .seg a.on{background:#c9ad6a;color:#2b2a28}
html[data-brand="hotel"] .bar .prod{order:2;width:100%}
html[data-brand="hotel"] .bar .prod button{flex:1 1 0}
html[data-brand="hotel"] .bar .chrome{order:3;margin-left:0;margin-top:auto}
html[data-brand="hotel"] .bar .client,html[data-brand="hotel"] .bar .mode{margin-left:0}
}