/* Enquiry logging v2: Lumen Studio's own site, after Waida's Mariq. A near-black hero with heavy
   condensed caps, rotated sticker labels and a lime pill; then a white page with pastel cards,
   a wordmark row, a big condensed statement with an inline photo chip and dark photo cards. */
.demo--enquiry-logging {
  --ink: #0a0716; --ink-2: #3a3645; --muted: #5e5a6b; --line: rgba(10,7,22,.1);
  --lime: #cbff7a; --orange: #ff5a2a; --orange-ink: #d63e0f; --blue: #b4dafd; --lav: #c9c8fd; --pink: #f6c3f0; --yellow: #fcef71; --cream: #fdf8e6;
  background: #fff; color: var(--ink); font: 400 16px/1.55 Inter, system-ui, sans-serif;
}
.demo--enquiry-logging main { overflow-x: clip; }
.lm-wrap { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 clamp(16px, 4.2vw, 60px); }
.demo--enquiry-logging :focus-visible { outline: 2px solid var(--orange); outline-offset: 3px; }
.lm-hero a, .lm-services a { text-decoration: none; }
.demo--enquiry-logging em { font-style: normal; }

.lm-pill { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 999px; background: var(--lime); color: var(--ink);
  font: 600 17px/1 Inter, sans-serif; letter-spacing: -.01em; padding: 18px 30px; text-decoration: none; transition: transform .2s, background .2s; }
.lm-pill:hover { background: #bdf560; }
.lm-pill--sm { padding: 14px 24px; font-size: 16px; }
.lm-pill--xs { padding: 8px 14px; font-size: 13px; }
.lm-pill--ring { box-shadow: 0 0 0 5px #0a0716, 0 0 0 6px rgba(255,255,255,.3); padding: 22px 50px; font-size: 20px; }
.lm-pill--dark { background: var(--ink); color: #fff; }
.lm-pill--dark:hover { background: #26213a; }
.lm-pill--wide { width: 100%; margin-top: 12px; }
.lm-pill:disabled { opacity: .4; cursor: default; }

/* ---------- hero ---------- */
.lm-hero { background: #0a0716; color: #fff; position: relative; overflow: hidden; isolation: isolate; }
.lm-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5;
  background-image: radial-gradient(1.2px 1.2px at 12% 22%, #fff, transparent), radial-gradient(1px 1px at 28% 70%, #fff, transparent), radial-gradient(1.2px 1.2px at 46% 12%, #fff, transparent),
    radial-gradient(1px 1px at 63% 58%, #fff, transparent), radial-gradient(1.4px 1.4px at 81% 30%, #fff, transparent), radial-gradient(1px 1px at 90% 80%, #fff, transparent), radial-gradient(1px 1px at 8% 88%, #fff, transparent); }
.lm-nav { display: flex; align-items: center; gap: 24px; padding-top: 28px; padding-bottom: 28px; }
.lm-logo { display: flex; align-items: center; gap: 8px; color: #fff; font: 800 30px/1 'Barlow Condensed', sans-serif; letter-spacing: -.01em; }
.lm-nav__links { display: flex; gap: 26px; margin: 0 auto; font-size: 16px; }
.lm-nav__links a { color: #fff; }
.lm-nav__links a.is-on { color: var(--lime); }
.lm-nav__links a.is-on::before { content: "•"; margin-right: 4px; }
.lm-nav__links a:hover { color: var(--lime); }

.lm-hero__in { text-align: center; padding-top: clamp(50px, 8vw, 110px); padding-bottom: clamp(70px, 9vw, 130px); }
.lm-kicker { color: #ff7a4d; font-size: 16px; margin-bottom: 14px; }
.lm-h1 { position: relative; display: inline-flex; flex-direction: column; align-items: center; font: 800 clamp(3.2rem, 7.4vw, 6.6rem)/.9 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: -.005em; }
.lm-h1__l { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0 .22em; }
.lm-blue { color: var(--blue); }
.lm-yellow { color: var(--yellow); }
.lm-chip { display: inline-block; width: .82em; height: .82em; border-radius: 4px; overflow: hidden; transform: rotate(-8deg); background: var(--orange); vertical-align: middle; box-shadow: 0 6px 18px rgba(0,0,0,.4); }
.lm-chip img { width: 100%; height: 100%; object-fit: cover; }
.lm-sticker { position: absolute; font: 500 clamp(13px, 1.3vw, 18px)/1 Inter, sans-serif; letter-spacing: .01em; text-transform: none; padding: .55em 1.1em; border-radius: 6px; white-space: nowrap;
  box-shadow: 0 10px 24px -6px var(--sg, rgba(0,0,0,.3)), inset 0 0 0 1px rgba(255,255,255,.55); }
.lm-sticker--a { left: -9%; top: 26%; transform: rotate(-16deg); background: linear-gradient(#fff6b0, #fbe36b); color: #b98a00; --sg: rgba(251,227,107,.55); }
.lm-sticker--b { right: -12%; top: -8%; transform: rotate(17deg); background: linear-gradient(#ffd7c4, #ffb391); color: #d6461a; --sg: rgba(255,140,100,.55); }
.lm-sticker--c { right: -4%; top: 68%; transform: rotate(-13deg); background: linear-gradient(#efe6ff, #d7c6ff); color: #8a5cf0; --sg: rgba(190,160,255,.55); }
.lm-lede { max-width: 38em; margin: 34px auto 44px; font-size: 17px; color: rgba(255,255,255,.9); }

/* ---------- wordmark row ---------- */
.lm-logos { padding: clamp(60px, 8vw, 120px) 0 0; text-align: center; }
.lm-logos h2 { font: 500 18px/1.3 Inter, sans-serif; letter-spacing: -.01em; padding: 0 16px; }
.lm-logos__row { max-width: 1320px; margin: 30px auto 0; padding: 12px 16px 40px; border-bottom: 1px solid var(--line); display: flex; flex-wrap: wrap; justify-content: space-around; gap: 16px 36px; }
.lm-logos__row li { font: 700 clamp(19px, 2vw, 25px)/1 'Bricolage Grotesque', Inter, sans-serif; letter-spacing: -.04em; color: #26213a; }
.lm-logos__row li:nth-child(odd) { font-family: 'Space Grotesk', sans-serif; font-weight: 600; letter-spacing: -.03em; }

/* ---------- shared section type ---------- */
.lm-label { color: var(--orange-ink); font-size: 16px; margin-bottom: 14px; }
.lm-h2 { font: 800 clamp(2.8rem, 6vw, 5.2rem)/.9 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: -.005em; }
.lm-sechead { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px 60px; margin-bottom: clamp(40px, 5vw, 70px); }
.lm-sechead > p, .lm-demo__intro { max-width: 22em; font-size: 17px; color: var(--ink-2); }
.lm-demo__intro { max-width: 30em; }
.lm-demo__intro p { margin-bottom: 22px; }

/* ---------- services ---------- */
.lm-services { padding-top: clamp(80px, 9vw, 130px); padding-bottom: clamp(60px, 7vw, 100px); }
.lm-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.lm-card { border-radius: 16px; padding: clamp(24px, 2.5vw, 30px); min-height: 250px; display: flex; flex-direction: column; justify-content: flex-end; }
.lm-card h3 { font: 800 clamp(1.9rem, 2.6vw, 2.4rem)/1 'Barlow Condensed', sans-serif; text-transform: uppercase; }
.lm-card p { margin-top: 12px; color: var(--ink-2); font-size: 16.5px; }
.lm-card--cream { background: var(--cream); } .lm-card--pink { background: var(--pink); } .lm-card--yellow { background: var(--yellow); }

/* ---------- demo ---------- */
.lm-demo { padding: clamp(60px, 8vw, 110px) 0 clamp(70px, 9vw, 130px); border-top: 1px solid var(--line); }
.el-tools { display: flex; flex-wrap: wrap; gap: 16px 36px; align-items: flex-end; justify-content: space-between; padding: 20px 24px; margin-bottom: 20px; border-radius: 16px; background: #f7f7f7; }
.el-tools__label { font-size: 14px; color: var(--orange-ink); margin-bottom: 10px; }
.el-tools__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.el-toggle { display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid var(--ink); background: #fff; color: var(--ink); border-radius: 999px; padding: 9px 18px; font-size: 15px; font-weight: 500; }
.el-toggle::before { content: ""; width: 14px; height: 14px; border-radius: 4px; border: 1.5px solid var(--ink); }
.el-toggle--radio::before { border-radius: 50%; }
.el-toggle[aria-pressed="true"] { background: var(--ink); color: #fff; }
.el-toggle[aria-pressed="true"]::before { background: var(--lime); border-color: var(--lime); box-shadow: inset 0 0 0 2px var(--ink); }
.el-toggle:hover { background: #efeef3; }
.el-toggle[aria-pressed="true"]:hover { background: #26213a; }

.el-grid { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
.el-card { border-radius: 16px; padding: 22px; min-width: 0; display: flex; flex-direction: column; }
.el-card--in { background: var(--blue); }
.el-card--x { background: var(--yellow); }
.el-card--log { background: var(--lav); }
.el-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.el-card__title { font: 800 30px/1 'Barlow Condensed', sans-serif; text-transform: uppercase; }
.el-count { min-width: 34px; text-align: center; font: 700 14px/1 Inter, sans-serif; padding: 7px 10px; border-radius: 999px; background: var(--ink); color: #fff; }
.el-feed { display: flex; flex-direction: column; gap: 8px; height: 420px; overflow-y: auto; padding-right: 4px; }
.el-empty { color: var(--ink-2); font-size: 15px; }
.el-msg { border-radius: 12px; padding: 11px 13px; background: #fff; font-size: 13.5px; line-height: 1.45; animation: lm-pop .35s ease both; transition: box-shadow .3s, opacity .3s; }
.el-msg__top { display: flex; justify-content: space-between; gap: 8px; align-items: center; margin-bottom: 4px; font-size: 12px; }
.el-msg__top b { font-weight: 600; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.el-msg p { color: var(--ink-2); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.el-msg.is-now { box-shadow: 0 0 0 2px var(--ink), 4px 4px 0 var(--ink); }
.el-msg.is-done { opacity: .72; }
.el-msg.is-skip p { text-decoration: line-through; text-decoration-color: var(--orange); }
.el-chan { display: inline-block; font: 600 11px/1 Inter, sans-serif; padding: 5px 8px; border-radius: 5px; white-space: nowrap; transform: rotate(-3deg); color: var(--ink); background: #eee; }
.el-chan--email { background: var(--lime); }
.el-chan--form { background: var(--lav); }
.el-chan--facebook { background: var(--blue); }
.el-chan--instagram { background: var(--pink); }
.el-chan--voicemail { background: #ffd2bd; }
.el-card--in .el-chan--facebook { background: #d9ecff; box-shadow: inset 0 0 0 1px #8fc3f5; }
.el-card--x .el-chan--email, .el-card--x .el-chan { box-shadow: inset 0 0 0 1px rgba(10,7,22,.25); }

.el-x__raw { font-size: 14px; color: var(--ink-2); border-left: 3px solid var(--ink); padding: 2px 0 2px 12px; min-height: 66px; }
.el-x__raw.is-live { color: var(--ink); }
.el-x__fields { margin: 16px 0 0; display: flex; flex-direction: column; gap: 8px; }
.el-x__fields div { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 12px; align-items: center; padding: 11px 13px; border-radius: 12px; background: rgba(255,255,255,.55); transition: background .3s; }
.el-x__fields dt { font: 800 15px/1 'Barlow Condensed', sans-serif; text-transform: uppercase; letter-spacing: .02em; color: var(--ink-2); }
.el-x__fields dd { margin: 0; font-size: 14.5px; font-weight: 500; overflow-wrap: anywhere; }
.el-x__fields div.is-set { background: #fff; }
.el-x__fields div.is-hot dd { color: #b3200a; font-weight: 700; }
.el-x__fields div.is-miss dd { color: var(--muted); }
.el-x__note { margin-top: 12px; font-size: 13.5px; padding: 11px 13px; border-radius: 12px; background: var(--ink); color: #fff; animation: lm-pop .3s ease both; }
.el-x__note.is-skip { background: #fff; color: #b3200a; box-shadow: inset 0 0 0 1.5px #b3200a; }

.el-log__body { height: 470px; overflow-y: auto; padding-right: 4px; }
.el-card--log .rf-log { display: flex; flex-direction: column; gap: 6px; }
.el-card--log .rf-log__empty { color: var(--ink-2); font-size: 15px; }
.el-card--log .rf-log__item { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 2px 10px; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.6); font-size: 13.5px; line-height: 1.45;
  opacity: 0; transform: translateY(6px); transition: opacity .3s, transform .3s; }
.el-card--log .rf-log__item.is-in { opacity: 1; transform: none; }
.el-card--log .rf-log__time { font: 600 12px/1.9 'JetBrains Mono', monospace; color: #4b3fb0; }
.el-card--log .rf-log__tag { grid-column: 2; justify-self: start; margin-top: 4px; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 5px; background: var(--ink); color: var(--lime); transform: rotate(-2deg); }
.el-card--log .rf-log__item.is-hot { background: #fff; box-shadow: inset 0 0 0 1.5px #b3200a; }
.el-card--log .rf-log__item.is-hot .rf-log__text { color: #b3200a; font-weight: 600; }
.el-card--log .rf-log__item.is-hot .rf-log__tag { background: #b3200a; color: #fff; }
.el-card--log .rf-log__item.is-done .rf-log__text::before { content: "✓ "; font-weight: 800; color: #2d7a00; }

/* outputs: dark project-card language */
.el-out { margin-top: 20px; border-radius: 16px; padding: clamp(20px, 2.6vw, 34px); background: #0a0716; color: #fff; position: relative; overflow: hidden; isolation: isolate; }
.el-out::before { content: ""; position: absolute; z-index: -1; right: -10%; top: -40%; width: 60%; aspect-ratio: 1; background: radial-gradient(closest-side, rgba(203,255,122,.14), transparent); }
.el-out__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 20px; margin-bottom: 20px; }
.el-out__title { font: 800 clamp(2rem, 3.6vw, 3rem)/1 'Barlow Condensed', sans-serif; text-transform: uppercase; }
.el-out__sub { color: rgba(255,255,255,.72); font-size: 15px; }
.el-out__grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 540px), 1fr)); }
.el-out__grid > .el-tool__empty { color: rgba(255,255,255,.72); }
.el-tool { min-width: 0; border-radius: 12px; overflow: hidden; background: #fff; color: var(--ink); animation: lm-pop .35s ease both; }
.el-tool__bar { display: flex; align-items: center; gap: 8px; padding: 11px 14px; font-size: 13.5px; font-weight: 600; border-bottom: 1px solid var(--line); background: #f7f7f7; }
.el-tool__bar span { color: var(--muted); font-weight: 400; }
.el-tool__sq { width: 12px; height: 12px; border-radius: 3px; background: var(--c, var(--ink)); }
.el-tool__body { padding: 12px; max-height: 330px; overflow: auto; }
.el-tool__empty { color: var(--muted); font-size: 13.5px; padding: 6px 2px; }
.el-tool--sheets .el-tool__empty { padding: 12px; }
.el-tool--trello .el-tool__empty { color: #fff; }
.el-tool--hubspot { --c: #ff7a59; } .el-tool--pipedrive { --c: #1f9d63; } .el-tool--sheets { --c: #34a853; } .el-tool--trello { --c: #0c66e4; }
.el-tool--slack { --c: #611f69; } .el-tool--email { --c: var(--orange); }
.is-flash { animation: lm-flash 1.4s ease; }
@keyframes lm-flash { 0%, 40% { box-shadow: 0 0 0 3px var(--lime); } 100% { box-shadow: none; } }
.el-sheet { width: 100%; border-collapse: collapse; background: #fff; color: #1f1f1f; font: 12.5px/1.35 Inter, sans-serif; }
.el-tool--sheets .el-tool__body { padding: 0; }
.el-sheet th, .el-sheet td { border: 1px solid #e0e0e0; padding: 6px 8px; text-align: left; vertical-align: top; white-space: nowrap; }
.el-sheet th { background: #f3f3f3; color: #444; font-weight: 600; font-size: 11.5px; }
.el-sheet td.el-sheet__n, .el-sheet th.el-sheet__n { background: #f3f3f3; color: #666; text-align: center; width: 28px; }
.el-sheet tr.is-flash td { background: #eefcd6; }
.el-sheet td.is-hot { color: #b3200a; font-weight: 700; }
.el-tool--trello .el-tool__body { background: #0c66e4; }
.el-board { display: grid; grid-template-columns: repeat(3, minmax(150px, 1fr)); gap: 10px; min-width: 470px; }
.el-list { background: #f1f2f4; border-radius: 12px; padding: 8px; }
.el-list h3 { font: 600 12.5px Inter, sans-serif; color: #172b4d; padding: 2px 4px 8px; }
.el-tcard { background: #fff; color: #172b4d; border-radius: 8px; padding: 8px 9px; font: 12.5px/1.35 Inter, sans-serif; margin-bottom: 6px; box-shadow: 0 1px 1px rgba(9,30,66,.25); animation: lm-pop .3s ease both; }
.el-tcard b { display: block; font-weight: 600; }
.el-tcard small { color: #44546f; font-size: 11.5px; }
.el-tlabel { display: inline-block; height: 7px; width: 36px; border-radius: 4px; background: #4bce97; margin-bottom: 5px; }
.el-tlabel--hot { background: #f87168; }
.el-deals { display: flex; flex-direction: column; gap: 8px; }
.el-deal { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 10px 12px; border-radius: 10px; background: #fff; color: #1d2433; font: 13px/1.35 Inter, sans-serif;
  border: 1px solid #e5e7ee; border-left: 4px solid var(--c); animation: lm-pop .3s ease both; }
.el-deal b { font-weight: 700; }
.el-deal__amt { font-weight: 700; text-align: right; }
.el-deal small { grid-column: 1 / -1; color: #5b6475; font-size: 12px; }
.el-deal__stage { display: inline-block; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 1px 6px; border-radius: 4px; background: #eef0f5; color: #3b4456; margin-right: 6px; }
.el-deal__stage.is-hot { background: #ffe1e8; color: #a3002f; }
.el-slack { display: flex; flex-direction: column; gap: 12px; font: 13px/1.45 Inter, sans-serif; }
.el-slack__msg { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 2px 10px; animation: lm-pop .3s ease both; }
.el-slack__av { grid-row: span 2; width: 32px; height: 32px; border-radius: 7px; display: grid; place-items: center; background: var(--ink); color: var(--lime); font-weight: 700; font-size: 12px; }
.el-slack__msg b { font-weight: 700; } .el-slack__msg b span { color: var(--muted); font-weight: 400; font-size: 11.5px; margin-left: 6px; }
.el-slack__msg p { color: #1d1c1d; }
.el-slack__msg.is-hot p { color: #b3200a; font-weight: 600; }
.el-mailalert { padding: 10px 12px; border-radius: 10px; background: #f7f7f7; color: #1d2433; font: 13px/1.4 Inter, sans-serif; margin-bottom: 8px; animation: lm-pop .3s ease both; }
.el-mailalert b { display: block; }
.el-mailalert small { color: #5b6475; }
.el-mailalert.is-hot b { color: #a3002f; }
.el-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 20px 0 0; }
.el-stats div { border-radius: 12px; padding: 14px 16px; background: var(--lime); color: var(--ink); }
.el-stats div:nth-child(2) { background: var(--blue); } .el-stats div:nth-child(3) { background: var(--pink); } .el-stats div:nth-child(4) { background: var(--yellow); }
.el-stats dt { font-size: 13px; font-weight: 500; }
.el-stats dd { margin: 4px 0 0; font: 800 44px/1 'Barlow Condensed', sans-serif; }
@keyframes lm-pop { from { opacity: 0; transform: translateY(6px); } }

/* ---------- statement ---------- */
.lm-about { background: #f7f7f7; padding: clamp(70px, 9vw, 130px) 0; }
.lm-about__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 40px; }
.lm-about__side { display: flex; flex-direction: column; justify-content: space-between; gap: 40px; }
.lm-mark { font: 800 34px/1 'Barlow Condensed', sans-serif; }
.lm-mark sup { color: var(--orange); font-size: .5em; }
.lm-about__fact { font-size: 18px; }
.lm-about__fact span { display: block; font: 800 44px/1 'Barlow Condensed', sans-serif; margin-bottom: 14px; }
.lm-statement { position: relative; font: 800 clamp(2rem, 3.8vw, 3.6rem)/1.04 'Barlow Condensed', sans-serif; text-transform: uppercase; }
.lm-statement em { color: var(--orange-ink); }
.lm-chip--in { width: 1em; height: .9em; border-radius: 4px; transform: rotate(6deg) translateY(-.05em); background: var(--lav); }
.lm-sticker--d { left: -.2em; top: -1.5em; font-size: 16px; transform: rotate(-12deg); background: linear-gradient(#fff6b0, #fbe36b); color: #9c7300; --sg: rgba(251,227,107,.55); }
.lm-sticker--e { right: 0; bottom: -1.1em; font-size: 16px; transform: rotate(10deg); background: linear-gradient(#ffd7c4, #ffb391); color: #c23a10; --sg: rgba(255,140,100,.55); }
.lm-about__cols { margin-top: clamp(50px, 6vw, 80px); display: grid; grid-template-columns: 1fr 1fr; gap: 30px 60px; font-size: 16px; color: var(--ink-2); }

/* ---------- how: dark photo project cards ---------- */
.lm-how { padding-top: clamp(80px, 9vw, 130px); padding-bottom: clamp(80px, 9vw, 130px); }
.lm-how__head { text-align: center; margin-bottom: clamp(40px, 5vw, 70px); }
.lm-how__list { display: flex; flex-direction: column; gap: clamp(24px, 4vw, 60px); }
.lm-proj { position: relative; overflow: hidden; border-radius: 16px; min-height: clamp(320px, 32vw, 460px); display: grid; place-items: center; text-align: center; color: #fff; isolation: isolate; background: #0a0716; }
.lm-proj img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.lm-proj::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgba(10,7,22,.58); }
.lm-proj:nth-child(2) img { object-position: 50% 22%; }
.lm-proj__txt { max-width: 36em; padding: 40px 24px; }
.lm-proj__txt p { font-size: 16px; }
.lm-proj h3 { margin: 8px 0 12px; font: 800 clamp(2.4rem, 4.4vw, 3.6rem)/1 'Barlow Condensed', sans-serif; text-transform: uppercase; }
.lm-proj__txt span { font-size: 17px; color: rgba(255,255,255,.92); }

.el-feed, .el-log__body, .el-tool__body { scrollbar-width: thin; scrollbar-color: rgba(10,7,22,.3) transparent; }

/* ---------- responsive ---------- */
@media (max-width: 1100px) {
  .el-grid { grid-template-columns: 1fr 1fr; }
  .el-card--log { grid-column: 1 / -1; }
  .el-log__body { height: 340px; }
  .lm-sticker--a { left: -4%; } .lm-sticker--b { right: -3%; } .lm-sticker--c { right: 0; }
}
@media (max-width: 860px) {
  .lm-nav__links { display: none; }
  .lm-pill--sm { margin-left: auto; }
  .lm-cards { grid-template-columns: 1fr; }
  .lm-card { min-height: 190px; }
  .lm-about__grid, .lm-about__cols { grid-template-columns: 1fr; }
  .el-stats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
  .el-grid { grid-template-columns: 1fr; }
  .el-feed { height: 340px; }
  .el-card { padding: 18px 16px; }
  .el-tools { padding: 16px; }
  .lm-pill--sm { padding: 11px 16px; font-size: 14px; }
  .lm-logo { font-size: 26px; }
  .lm-pill--ring { padding: 18px 36px; font-size: 18px; }
  .lm-sticker { font-size: 12px; }
  .lm-sticker--a { left: -2%; top: -30%; } .lm-sticker--b { right: -2%; top: -34%; } .lm-sticker--c { right: 2%; top: 96%; }
  .lm-sticker--d { display: none; } .lm-sticker--e { font-size: 13px; }
  .el-stats dd { font-size: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .demo--enquiry-logging *, .demo--enquiry-logging *::before, .demo--enquiry-logging *::after { animation: none !important; transition: none !important; }
}