:root{
  --bg:#FFFFFF;--card:#F4F3F0;--line:#E3E1DC;--text:#161616;--muted:#575757;
  --accent:#FF5700;--ink:#161616;--ink-text:#F1EFEA;--ink-muted:#B4B0A8;
  --sans:"Libre Franklin",system-ui,sans-serif;
  --wrap:1240px;--pad:clamp(20px,4vw,48px);--sec:clamp(72px,10vw,136px);
  --r:2px;--ease:cubic-bezier(.23,1,.32,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:var(--accent);color:var(--ink)}
input,textarea{caret-color:var(--accent)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-weight:300;line-height:1.12;letter-spacing:-.02em;margin:0;text-wrap:balance}
h2{font-size:clamp(34px,4.6vw,58px)}
h3{font-size:21px;font-weight:500;letter-spacing:-.01em;line-height:1.3}
p{margin:0 0 1em;text-wrap:pretty}
a{color:inherit;text-underline-offset:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sec{padding:var(--sec) 0}
.lede{font-size:19px;color:var(--muted);max-width:60ch}
.label{font-size:14px;font-weight:500;color:var(--muted);letter-spacing:.01em}
.skip{position:fixed;left:-9999px;top:12px;z-index:100;background:var(--bg);padding:10px 14px}
.skip:focus{left:16px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:12px;padding:16px 22px 16px 24px;font:500 16px/1 var(--sans);text-decoration:none;border:1px solid transparent;border-radius:var(--r);cursor:pointer;transition:transform .15s var(--ease),background-color .15s,color .15s,border-color .15s}
.btn svg{width:18px;height:18px;flex:none;transition:transform .18s var(--ease)}
.btn-primary{background:var(--accent);color:var(--ink);box-shadow:0 6px 16px -10px rgba(22,22,22,.45)}
.btn-line{border-color:var(--text);color:var(--text);background:transparent}
.btn:focus-visible{outline:3px solid var(--text);outline-offset:3px}
.btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){
  .btn-primary:hover{background:var(--ink);color:var(--accent)}
  .btn:hover svg{transform:translateX(4px)}
  .btn-line:hover{background:var(--text);color:var(--bg)}
}

/* Navbar */
.nav{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.nav.scrolled{border-color:var(--line);box-shadow:0 8px 24px -18px rgba(22,22,22,.35)}
.nav-in{display:flex;align-items:center;gap:32px;height:76px}
.nav-logo{display:block;flex:none}
.nav-logo img{width:220px;height:auto}
.nav-links{display:flex;gap:30px;margin-left:auto;list-style:none;padding:0}
.nav-links a{font-size:16px;font-weight:500;text-decoration:none;color:var(--text);padding:6px 0;border-bottom:1px solid transparent;transition:border-color .15s}
.nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.nav-links a:active{color:var(--muted)}
@media (hover:hover) and (pointer:fine){.nav-links a:hover{border-color:var(--accent)}}
.nav .btn{padding:13px 18px 13px 20px;font-size:15px}
.nav-call{display:none}
.nav-menu{display:none}
@media (max-width:1020px){
  .nav-links{display:none}
  .nav-in{gap:12px}
  .nav-logo{margin-right:auto}
  .nav-logo img{width:176px}
  .nav-menu{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);background:var(--bg);border-radius:var(--r);cursor:pointer;color:var(--text)}
  .nav-menu:focus-visible{outline:2px solid var(--accent)}
  .nav-menu:active{transform:scale(.97)}
  .nav.open .nav-links{display:flex;flex-direction:column;gap:0;position:absolute;top:76px;left:0;right:0;margin:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--pad) 20px}
  .nav.open .nav-links a{display:block;padding:14px 0;font-size:19px;border-bottom:1px solid var(--line)}
}
@media (max-width:560px){
  .nav .btn-primary{display:none}
  .nav-call{display:grid;place-items:center;width:46px;height:46px;background:var(--accent);color:var(--ink);border-radius:var(--r)}
  .nav-call:focus-visible{outline:2px solid var(--text);outline-offset:2px}
  .nav-call:active{transform:scale(.97)}
  .nav-call svg{width:20px;height:20px}
}

/* Hero: full-bleed photo, title-block row beneath */
.hero-ph{position:relative;height:min(76vh,820px);min-height:420px;background:var(--card);overflow:hidden}
.hero-ph img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.hero-block{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:end;padding-top:clamp(36px,5vw,60px);padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--line)}
.hero-block h1{grid-column:1/-1;font-size:clamp(38px,4.7vw,68px);max-width:20ch}
.hero-block h1 b{font-weight:500}
.hero-sub{font-size:19px;color:var(--muted);margin:0;max-width:56ch}
.hero-act{display:flex;gap:12px;flex-wrap:wrap}
.hero-cap{display:flex;justify-content:space-between;gap:16px;padding-top:14px;font-size:14px;color:var(--muted)}
@media (max-width:700px){
  .hero-ph{height:56vh;min-height:320px}
  .hero-block{grid-template-columns:1fr;gap:22px}
  .hero-cap{display:grid;gap:2px}
}

/* Credentials row */
.creds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px;align-items:center;padding:30px 0}
.cred{display:flex;gap:18px;align-items:center}
.creds img{height:44px;width:auto}
.creds .gr{height:52px}
.creds p{margin:0;font-size:15px;line-height:1.4}
.creds strong{display:block;font-weight:600}
@media (max-width:900px){.creds{grid-template-columns:1fr;gap:20px}.cred img{width:76px;height:auto;object-fit:contain}}

/* Section heads */
.head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end;margin-bottom:56px}
.head p{margin:0}
@media (max-width:800px){.head{grid-template-columns:1fr;margin-bottom:40px}}

/* Projects: project-grid + project-lightbox (catalog), reshaped */
.pgrid-filters{display:none;gap:10px;flex-wrap:wrap;margin-bottom:40px}
.pgrid.is-live .pgrid-filters{display:flex}
.pgrid-filters button{font:500 15px var(--sans);background:none;border:1px solid var(--line);color:var(--text);padding:10px 16px;border-radius:var(--r);cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.pgrid-filters button span{color:var(--muted);margin-left:6px;font-variant-numeric:tabular-nums}
.pgrid-filters button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--bg)}
.pgrid-filters button[aria-pressed=true] span{color:var(--ink-muted)}
.pgrid-filters button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pgrid-filters button:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.pgrid-filters button:hover{border-color:var(--text)}}
.pgrid-items{display:grid;grid-template-columns:repeat(12,1fr);gap:56px 28px;align-items:start}
.pgrid-item{margin:0;grid-column:span 4}
.pgrid-item.wide{grid-column:span 8}
.pgrid.is-filtered .pgrid-item{grid-column:span 4}
.pgrid-item[hidden]{display:none}
.pgrid.is-capped .pgrid-item:nth-child(n+13){display:none}
.pgrid-more{display:none;margin:48px auto 0;font:500 16px var(--sans);background:none;border:1px solid var(--text);color:var(--text);padding:15px 26px;border-radius:var(--r);cursor:pointer}
.pgrid-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pgrid.is-capped.over-12 .pgrid-more{display:block}
.pgrid-ph{position:relative;overflow:hidden;background:var(--card)}
.pgrid-ph img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform 1.2s var(--ease)}
.pgrid-item.wide .pgrid-ph img{aspect-ratio:16/9}
.pgrid-n{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;background:var(--bg);color:var(--text);font-size:13px;font-weight:500;padding:6px 10px;border-radius:var(--r)}
.pgrid-n svg{width:14px;height:14px}
@media (hover:hover) and (pointer:fine){.pgrid-item:hover img{transform:scale(1.03)}}
.pgrid-item figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.pgrid-meta{font-size:14px;color:var(--muted);text-align:right}
.pgrid-item:not(.wide) figcaption{flex-direction:column;gap:4px}
.pgrid-item:not(.wide) .pgrid-meta{text-align:left}
.pgrid-item > p{margin:10px 0 0;font-size:15px;color:var(--muted);line-height:1.55}
.tag{display:inline-block;margin-left:8px;font-size:13px;font-weight:500;color:var(--text);border:1px solid var(--line);padding:1px 6px;border-radius:var(--r);vertical-align:2px}
@media (max-width:900px){.pgrid.is-capped .pgrid-item:nth-child(n+7){display:none}.pgrid.is-capped .pgrid-more{display:block}.pgrid-items{grid-template-columns:1fr;gap:44px}.pgrid-item,.pgrid-item.wide,.pgrid.is-filtered .pgrid-item{grid-column:1/-1}.pgrid-item.wide .pgrid-ph img{aspect-ratio:4/3}}
@media (max-width:600px){.pgrid-item figcaption{flex-direction:column;gap:2px}.pgrid-meta{text-align:left}}
button.plb-open{display:block;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:zoom-in}
button.plb-open:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.plb{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#141414;color:#F1EFEA;overflow:hidden}
.plb[open]{display:grid;grid-template-rows:auto 1fr auto}
.plb::backdrop{background:#141414}
.plb-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px}
.plb-head h2{margin:0;font-size:20px;font-weight:400;letter-spacing:0}
.plb-count{font-size:14px;color:#B4B0A8;margin-left:12px}
.plb-stage{position:relative;min-height:0}
.plb-stage img{position:absolute;inset:0;margin:auto;max-width:calc(100% - 144px);max-height:100%;width:auto;height:auto;touch-action:pan-y;user-select:none}
.plb button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(241,239,234,.3);background:rgba(20,20,20,.6);color:#F1EFEA;cursor:pointer}
.plb button:hover{background:#F1EFEA;color:#141414}
.plb button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.plb-nav{position:absolute;top:50%;transform:translateY(-50%)}
.plb-prev{left:12px}.plb-next{right:12px}
.plb-strip{display:flex;gap:8px;overflow-x:auto;padding:12px 20px 16px;scrollbar-width:thin}
.plb .plb-strip button{display:block;flex:0 0 auto;width:auto;height:auto;padding:0;border:2px solid transparent;opacity:.55;background:none}
.plb .plb-strip button[aria-current=true]{border-color:var(--accent);opacity:1}
.plb .plb-strip button:hover{opacity:1;background:none}
.plb-strip img{height:60px;width:auto;max-width:none}
.plb.is-single .plb-nav,.plb.is-single .plb-strip{display:none}
@media (max-width:700px){.plb-stage img{max-width:100%}.plb-nav{top:auto;bottom:8px;transform:none}.plb-head h2{font-size:17px}.plb-count{display:block;margin:2px 0 0}}

/* Planning record: ink band */
.ink{background:var(--ink);color:var(--ink-text)}
.ink .lede,.ink .label{color:var(--ink-muted)}
.plan-vis{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;margin-bottom:56px;align-items:end}
.plan-vis figure{margin:0}
.rec{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(5,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:clamp(32px,5vw,72px)}
.rec li{display:grid;grid-template-columns:84px 1fr;gap:20px;padding:24px 0;border-top:1px solid rgba(241,239,234,.16)}
.rec-more{display:none}
.rec .yr{font-size:24px;font-weight:400;color:var(--accent);font-variant-numeric:tabular-nums;line-height:1.35}
.rec h3{margin-bottom:6px}
.rec p{margin:0;color:var(--ink-muted);font-size:16px}
.rec .won{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:var(--ink);background:var(--accent);padding:4px 8px;border-radius:var(--r)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pair figure{margin:0}
.pair img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.plan-vis .draw img{width:100%;height:auto;background:#fff;padding:14px}
.plan-vis figcaption{font-size:14px;color:var(--ink-muted);margin-top:8px}
@media (max-width:900px){.plan-vis{grid-template-columns:1fr;margin-bottom:40px}.rec{grid-auto-flow:row;grid-template-rows:none}.rec li{grid-template-columns:64px 1fr;gap:14px}.rec.is-capped li:nth-child(n+6){display:none}.rec.is-capped + .rec-more{display:block;margin-top:32px;font:500 16px var(--sans);background:none;color:var(--ink-text);border:1px solid var(--ink-text);padding:14px 24px;border-radius:var(--r);cursor:pointer}.rec-more:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}

/* Approach: numbered path */
.path{list-style:none;margin:0;padding:0;counter-reset:s;position:relative}
.path li{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.05fr);gap:20px 40px;align-items:start;padding:28px 0;position:relative}
.path li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--text);font-size:19px;font-weight:500;background:var(--bg);position:relative;z-index:1;align-self:start;margin-top:4px}
.path li:first-child::before{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.path::before{content:"";position:absolute;left:26px;top:60px;bottom:60px;width:1px;background:var(--line)}
.path h3{font-size:26px;font-weight:400;margin:10px 0 10px}
.path p{margin:0;color:var(--muted)}
.path figure{margin:0}
.path figure img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.path figure.draw{background:var(--card)}
.path figure.draw img{object-fit:contain;padding:12px}
.path figcaption{font-size:14px;color:var(--muted);margin-top:8px}
@media (max-width:860px){.path li{grid-template-columns:52px 1fr;gap:14px 18px}.path li figure{grid-column:2}.path h3{font-size:22px}}

/* Case study: deep retrofit */
.case{background:var(--card)}
.case-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:start}
.case-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.case-photos figure{margin:0}
.case-photos .big{grid-column:1/-1}
.case-photos img{width:100%;height:auto;object-fit:cover;aspect-ratio:3/4}
.case-photos .big img{aspect-ratio:4/3}
.spec{list-style:none;padding:0;margin:28px 0;display:grid;gap:0;border-top:1px solid var(--line)}
.spec li{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.spec li::before{content:"";flex:none;width:8px;height:8px;background:var(--accent);border-radius:50%;transform:translateY(-2px)}
.gr-note{display:flex;gap:18px;align-items:center;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.gr-note img{width:110px;height:auto;mix-blend-mode:multiply}
.gr-note p{margin:0;font-size:15px}
@media (max-width:900px){.case-grid{grid-template-columns:1fr}}

/* About */
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:start}
.about-ph{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.about-ph figure{margin:0}
.about-ph .a1{grid-column:1/-1}
.about-ph img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.about-ph figcaption{font-size:14px;color:var(--muted);margin-top:8px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:32px 0 0;padding:0;list-style:none}
.facts li{padding:16px 0;border-top:1px solid var(--line);font-size:15px}
.facts strong{display:block;font-size:22px;font-weight:400;letter-spacing:-.01em}
@media (max-width:900px){.about-grid{grid-template-columns:1fr}}
@media (max-width:480px){.facts{grid-template-columns:1fr}}

/* Testimonial: their orange band */
.quote{background:var(--card);color:var(--ink)}
.quote blockquote{margin:0;max-width:1000px;position:relative}
.quote blockquote::before{content:"\201C";display:block;font-size:clamp(96px,10vw,140px);line-height:.55;font-weight:600;color:var(--accent);margin-bottom:-6px}
.quote blockquote p{font-size:clamp(24px,2.9vw,38px);font-weight:400;line-height:1.3;letter-spacing:-.015em}
.quote footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 40px;margin-top:36px;padding-top:22px;border-top:1px solid var(--line);font-size:16px}
.quote cite{font-style:normal;font-weight:600}
.quote a{font-weight:500}

/* Contact */
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,96px);align-items:start}
.cdetails{list-style:none;padding:0;margin:32px 0 0}
.cdetails li{padding:16px 0;border-top:1px solid var(--line)}
.cdetails .label{display:block;margin-bottom:2px}
.cdetails a{font-size:19px;text-decoration:none;border-bottom:1px solid var(--accent)}
.cdetails a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.cdetails a:hover{border-bottom-width:2px}}
.hours{font-variant-numeric:tabular-nums}
form.enq{background:var(--card);padding:clamp(24px,4vw,44px);border-radius:var(--r)}
.enq-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.enq label{display:block;font-size:15px;font-weight:500;margin-bottom:18px}
.enq input,.enq textarea{display:block;width:100%;margin-top:6px;padding:14px;font:400 16px var(--sans);color:var(--text);background:var(--bg);border:1px solid #8A8780;border-radius:var(--r)}
.enq textarea{min-height:150px;resize:vertical}
.enq input:focus-visible,.enq textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--text)}
.enq .note{font-size:14px;color:var(--muted);margin:14px 0 0}
.enq .btn{border:0}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
@media (max-width:520px){.enq-row{grid-template-columns:1fr;gap:0}}

/* Footer */
.foot{border-top:1px solid var(--line);padding:56px 0 40px;font-size:15px}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:32px;align-items:start}
.foot img.wm{width:200px;height:auto;margin-bottom:12px}
.foot p{margin:0 0 6px;color:var(--muted)}
.foot a{text-decoration:none;border-bottom:1px solid var(--line)}
.foot a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.foot a:hover{border-color:var(--accent)}}
.foot .riba{width:110px;height:auto}
.foot-base{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
@media (max-width:860px){.foot-in{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-in{grid-template-columns:1fr}}

/* Legal */
.legal{max-width:720px;padding-top:clamp(56px,8vw,96px)}
.legal h1{font-size:clamp(36px,4.5vw,54px);margin-bottom:28px}

/* Slow reveals: only once the script has run */
.js .rv{transform:translateY(18px);transition:transform .9s var(--ease)}
.js .rv.in{transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{transform:none;transition:none}
  .pgrid-ph img{transition:none}
}

/* Website Refresh standard (pages.md): stub notice and at-launch menu marker. Appended to every site's styles.css. */
:root{--nbx-grad:linear-gradient(90deg,#fb7455,#ad75f7,#56d8ff)}

/* Stub notice: Nodebrix gradient badge over a dark notice taped on in the gradient colours, the same on every site and background */
.stub-badge{display:inline-flex;align-items:center;gap:8px;background:var(--nbx-grad);color:#040804;font:800 12px/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:8px 13px;border-radius:999px;margin-bottom:26px}
.stub-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#040804}
.stub-note{position:relative;max-width:600px;margin:0 auto 32px;padding:24px 26px;text-align:left;border-radius:3px;background:#262A29;transform:rotate(-.6deg);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 12px 26px rgba(0,0,0,.3)}
.stub-note::before,.stub-note::after{content:"";position:absolute;top:-10px;width:78px;height:22px;background:rgba(86,216,255,.85);box-shadow:0 1px 2px rgba(0,0,0,.2);-webkit-mask:linear-gradient(90deg,transparent 0 2px,#000 2px calc(100% - 2px),transparent 0);mask:linear-gradient(90deg,transparent 0 2px,#000 2px calc(100% - 2px),transparent 0)}
.stub-note::before{left:-14px;transform:rotate(-28deg)}
.stub-note::after{right:-14px;transform:rotate(26deg);background:rgba(251,116,85,.85)}
.stub .stub-note p{color:#F3F3F1;margin:0;font-size:16px;max-width:none}
.stub .stub-note a{color:#fff;border-color:currentColor}

/* Menu marker: a part-drawn ring in the Nodebrix gradient after links to stub pages, key under a dropdown that has one */
a.at-launch::after,.drop-key i{content:"";display:inline-block;flex:none;width:13px;height:13px;margin-left:8px;vertical-align:-1px;border-radius:50%;background:conic-gradient(#fb7455,#ad75f7,#56d8ff 75%,transparent 75%);-webkit-mask:radial-gradient(circle,transparent 3.5px,#000 4px);mask:radial-gradient(circle,transparent 3.5px,#000 4px)}
.drop a.at-launch{display:flex;align-items:center;justify-content:space-between;gap:12px}
.drop-key{margin:8px 0 0;padding:10px 14px 2px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.drop-key i{margin-left:0}
.pgrid-filters button,.pgrid-more,.rec-more,.enq input{line-height:1.4}