/* Deals page finder: the headline, live count, Filters and Search links, word filters and the
   full-screen Country / Member firm pickers. Ported from lab/deals-filters-balanced-lab.html. */
.deal-finder, .dd-scrim{--navy:#002848; --navy-deep:#001a30; --azure:#006eab; --accent:#1fa3d1; --green:#95c11f;
  --ghost:#f4f6fa; --wash:#eaf1f6; --grey:#e8eaee; --muted:#5b6470; --faint:#8b939d;
  --rule:rgba(0,40,72,.12); --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace; --sans:"Helvetica Neue",Helvetica,Arial,sans-serif}
.deal-finder{color:var(--navy); font-family:var(--sans)}
.deal-finder button{font-family:inherit}
.dd-scrim{position:fixed; inset:0; z-index:55; pointer-events:none}
.dd-scrim.is-on{pointer-events:auto}
.deal-finder .head{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:32px; align-items:end; margin-bottom:clamp(48px,8vh,96px)}
.deal-finder .eyebrow{margin:0 0 20px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--azure)}
.deal-finder .eyebrow span{opacity:.55}
.deal-finder .df-headline{margin:0; max-width:18ch; font-size:clamp(2.4rem,5.2vw,4.6rem); font-weight:700; line-height:.95; letter-spacing:-.045em}
.deal-finder .df-headline em{font-style:normal; color:var(--accent)}
.deal-finder .count{text-align:right; font-family:var(--mono); font-size:10px; letter-spacing:.14em; color:var(--muted); text-transform:uppercase}
.deal-finder .count b{display:block; margin-bottom:8px; font-family:var(--sans); font-size:clamp(2.6rem,5vw,4.4rem); font-weight:700; letter-spacing:-.05em; color:var(--navy); font-variant-numeric:tabular-nums; line-height:1}
.deal-finder .console{display:grid; grid-template-columns:auto auto minmax(0,1fr); gap:20px 32px; padding-top:8px; align-items:start}
.deal-finder .console .row.is-wide{grid-column:2 / -1}
@media (max-width:760px){
.deal-finder .console{grid-template-columns:minmax(0,1fr)}
.deal-finder .console .row.is-wide{grid-column:auto}
}
.deal-finder .row{display:flex; flex-direction:column; gap:10px; min-width:0}
.deal-finder .row.is-wide{grid-column:1 / -1}
.deal-finder .row-label{font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:rgba(0,40,72,.38)}
.deal-finder .row-label span{color:rgba(0,40,72,.22)}
.deal-finder .keys{display:flex; flex-wrap:wrap; gap:5px}
.deal-finder .key{display:inline-flex; align-items:center; padding:6px 12px; border:0; border-radius:999px; background:#111;
    color:#fff; font:inherit; font-size:13px; letter-spacing:-.005em; cursor:pointer;
    transition:background .25s ease, color .25s ease}
.deal-finder .key small, .deal-finder .key .dot, .deal-finder .key i{display:none}
.deal-finder .key:hover{background:#2c2f33}
.deal-finder .key[aria-pressed="true"]{background:#1fa3d1; color:#fff}
.deal-finder .key:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
.deal-finder .selects{display:flex; gap:5px; flex-wrap:wrap}
.deal-finder .select{display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border:0; border-radius:999px; background:#111;
    color:#fff; font:inherit; font-size:13px; letter-spacing:-.005em; cursor:pointer; transition:background .25s ease}
.deal-finder .select:hover{background:#2c2f33}
.deal-finder .select svg{width:9px; height:9px; opacity:.6}
.deal-finder .command{display:flex; align-items:center; gap:12px; margin-top:28px; padding:13px 18px; background:#fff; border:1px solid rgba(0,40,72,.12); border-radius:999px;
    color:var(--navy); font-size:15px}
.deal-finder .command span{display:none}
.deal-finder .command input{flex:1; min-width:0; border:0; outline:0; background:none; color:inherit; font:inherit}
.deal-finder .command input::placeholder{color:var(--faint)}
.deal-finder .command kbd{font-family:var(--mono); font-size:11px; color:var(--faint); border:0; padding:0}
.deal-finder .command:focus-within{border-color:var(--accent)}
.deal-finder .active{display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; min-height:30px; margin-top:16px; font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted)}
.deal-finder .active button{border:0; background:none; font:inherit; color:var(--azure); cursor:pointer; padding:4px 0}
@media (max-width:760px){
.deal-finder .head{grid-template-columns:minmax(0,1fr)}
.deal-finder .count{text-align:left}
.deal-finder .row{grid-template-columns:minmax(0,1fr); gap:10px}
.deal-finder .row-label{padding-top:0}
}
@media (prefers-reduced-motion:reduce){
.deal-finder .key::before{transition:none}
}
.deal-finder .dd{position:relative; display:inline-block}
.deal-finder .select[aria-expanded="true"]{background:#2c2f33}
.deal-finder .select.is-set{background:#1fa3d1}
.deal-finder .dd-panel{position:absolute; top:calc(100% + 8px); left:0; z-index:20; width:260px; max-height:320px; display:flex; flex-direction:column;
    background:#fff; border-radius:16px; box-shadow:0 18px 50px -18px rgba(0,40,72,.35), 0 0 0 1px rgba(0,40,72,.06); overflow:hidden;
    opacity:0; transform:translateY(-6px); pointer-events:none; transition:opacity .2s ease, transform .25s cubic-bezier(.22,1,.36,1)}
.deal-finder .dd-panel.open{opacity:1; transform:none; pointer-events:auto}
.deal-finder .dd-panel input{margin:10px 10px 6px; padding:9px 12px; border:1px solid rgba(0,40,72,.12); border-radius:999px; font:inherit; font-size:13px; outline:0}
.deal-finder .dd-panel input:focus{border-color:#1fa3d1}
.deal-finder .dd-panel ul{list-style:none; margin:0; padding:4px 6px 10px; overflow:auto}
.deal-finder .dd-panel li button{width:100%; padding:7px 10px; border:0; border-radius:8px; background:none; text-align:left; font:inherit; font-size:13px; color:#26303a; cursor:pointer}
.deal-finder .dd-panel li button:hover, .deal-finder .dd-panel li button[aria-selected="true"]{background:#eef3f8}
.deal-finder .dd-panel li button[aria-selected="true"]{color:#006eab; font-weight:600}
.deal-finder .console{display:grid; grid-template-columns:120px minmax(0,1fr); gap:22px 32px; padding-top:8px; align-items:baseline}
.deal-finder .console .row, .deal-finder .console .row.is-wide{display:contents}
.deal-finder .row-label{padding-top:.9em; color:var(--navy); font-size:11px}
.deal-finder .row-label span{color:rgba(0,40,72,.5)}
.deal-finder .keys, .deal-finder .selects{display:block; gap:0; font-size:clamp(1.5rem,2.6vw,2.35rem); font-weight:700; line-height:1.18; letter-spacing:-.035em; text-wrap:pretty}
.deal-finder .key, .deal-finder .select{display:inline; padding:0; border-radius:0; background:none; color:rgba(0,40,72,.24); font:inherit; letter-spacing:inherit; cursor:pointer;
    transition:color .3s ease; text-decoration:underline; text-decoration-color:transparent; text-decoration-thickness:.07em; text-underline-offset:.14em}
.deal-finder .key:hover, .deal-finder .select:hover{background:none; color:rgba(0,40,72,.6)}
.deal-finder .key[aria-pressed="true"]{background:none; color:var(--navy); text-decoration-color:var(--accent)}
.deal-finder .sep{color:rgba(0,40,72,.24)}
.deal-finder .w, .deal-finder .dd{white-space:nowrap}
.deal-finder .dd > :not(button):not(.sep){white-space:normal; font-size:14px; font-weight:400; letter-spacing:0; line-height:1.4}
.deal-finder .select{display:inline; gap:0}
.deal-finder .select svg{display:inline-block; width:.42em; height:.42em; margin:0 0 0 .18em; vertical-align:.12em; opacity:.7}
.deal-finder .select.is-set{color:var(--navy); text-decoration-color:var(--accent)}
.deal-finder .select[aria-expanded="true"]{background:none; color:var(--navy)}
.deal-finder .dd{display:inline}
@media (max-width:760px){
.deal-finder .console{grid-template-columns:minmax(0,1fr); gap:8px}
.deal-finder .row-label{padding-top:18px}
}
.deal-finder .select .x{margin-left:5px; font-size:1.1em; line-height:1; opacity:.75; cursor:pointer}
.deal-finder .select .x:hover{opacity:1}
.deal-finder .active .pick{display:inline-flex; align-items:baseline; gap:3px}
.deal-finder .active .pick-x{padding:0 2px; color:var(--muted); font-size:13px; line-height:1}
.deal-finder .active .pick-x:hover{color:var(--navy)}
.deal-finder .filters-toggle{display:inline-flex; align-items:center; gap:8px; margin:0 0 18px; padding:0; border:0; background:none; color:var(--navy); font:inherit; font-size:15px; font-weight:700; letter-spacing:-.01em; cursor:pointer; text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:2px; text-underline-offset:6px}
.deal-finder .filters-toggle svg{width:10px; height:10px; transition:transform .35s ease}
.deal-finder .filters-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.deal-finder .console-wrap{display:grid; grid-template-rows:0fr; transition:grid-template-rows .6s cubic-bezier(.22,1,.36,1)}
.deal-finder .console-wrap > .console{overflow:hidden; min-height:0}
.deal-finder .console-wrap.is-open{grid-template-rows:1fr}
.deal-finder .console-wrap.is-open > .console{overflow:visible}
.deal-finder .finder{display:grid; grid-template-columns:120px minmax(0,1fr); gap:0 32px; align-items:end; margin-bottom:26px}
.deal-finder .finder .filters-toggle{margin:0 0 10px}
.deal-finder .finder .command{margin:0; padding:0 0 10px; background:none; border:0; border-bottom:2px solid rgba(0,40,72,.14); border-radius:0;
    font-size:clamp(1.5rem,2.6vw,2.35rem); font-weight:700; letter-spacing:-.035em; line-height:1.18; transition:border-color .3s ease}
.deal-finder .finder .command input::placeholder{color:rgba(0,40,72,.24)}
.deal-finder .finder .command:focus-within{border-color:var(--accent)}
.deal-finder .finder .command kbd{font-size:12px; font-weight:400; letter-spacing:0}
.deal-finder .active{margin-left:152px; margin-top:28px}
@media (max-width:760px){
.deal-finder .finder{grid-template-columns:minmax(0,1fr); gap:14px}
.deal-finder .active{margin-left:0}
}
.deal-finder .count{align-self:start; display:flex; flex-direction:column; align-items:flex-end; margin:0; padding-top:var(--h1-top, 33px)}
.deal-finder .count .count-label{display:block; margin-bottom:10px; line-height:1}
.deal-finder .count b{margin-bottom:0}
@media (max-width:760px){
.deal-finder .count{align-items:flex-start; padding-top:0}
}
.deal-finder .dd > .dd-panel{top:calc(100% + 14px); width:min(440px, 80vw); max-height:400px; padding:6px 0 10px;
    background:var(--grey); border-radius:0; border-top:2px solid var(--navy); border-bottom:1px solid rgba(0,40,72,.14);
    box-shadow:none}
.deal-finder .keys, .deal-finder .selects .sep, .deal-finder .selects .dd{transition:opacity .3s ease}
.deal-finder .console:has(.dd-panel.open) .keys, .deal-finder .console:has(.dd-panel.open) .selects .sep, .deal-finder .console:has(.dd-panel.open) .selects .dd:not(:has(.dd-panel.open)){opacity:.12}
.deal-finder .dd > .dd-panel input{margin:12px 0 8px; padding:0 0 8px; border:0; border-bottom:2px solid rgba(0,40,72,.14); border-radius:0; background:none;
    font-size:1.25rem; font-weight:700; letter-spacing:-.025em; color:var(--navy)}
.deal-finder .dd > .dd-panel input::placeholder{color:rgba(0,40,72,.28)}
.deal-finder .dd > .dd-panel input:focus{border-color:var(--accent)}
.deal-finder .dd > .dd-panel ul{padding:4px 0 0}
.deal-finder .dd > .dd-panel li button{padding:5px 0; border-radius:0; font-size:1.15rem; font-weight:700; letter-spacing:-.025em; line-height:1.2; color:rgba(0,40,72,.4);
    transition:color .2s ease}
.deal-finder .dd > .dd-panel li button:hover{background:none; color:var(--navy)}
.deal-finder .dd > .dd-panel li button[aria-selected="true"]{background:none; color:var(--navy); text-decoration:underline; text-decoration-color:var(--accent); text-decoration-thickness:2px; text-underline-offset:5px}
.deal-finder .dd > .dd-panel{position:fixed; top:50%; left:50%; z-index:60; width:min(560px, calc(100vw - 40px)); max-height:min(640px, 76vh);
    padding:28px 32px 18px; background:var(--grey); border-top:3px solid var(--navy); border-bottom:0;
    box-shadow:0 40px 120px -30px rgba(0,26,48,.55); transform:translate(-50%, -46%)}
.deal-finder .dd > .dd-panel.open{transform:translate(-50%, -50%)}
.deal-finder .dd > .dd-panel::before{content:attr(data-title); display:block; font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--azure)}
.deal-finder .dd > .dd-panel input{font-size:clamp(1.5rem,2.4vw,2.1rem)}
.deal-finder .dd > .dd-panel li button{font-size:clamp(1.15rem,1.6vw,1.45rem)}
.dd-scrim{position:fixed; inset:0; z-index:55; background:rgba(0,26,48,.42); opacity:0; pointer-events:none; transition:opacity .3s ease}
.dd-scrim.is-on{opacity:1; pointer-events:auto}
.deal-finder .console:has(.dd-panel.open) .keys, .deal-finder .console:has(.dd-panel.open) .selects .sep, .deal-finder .console:has(.dd-panel.open) .selects .dd:not(:has(.dd-panel.open)){opacity:1}
.deal-finder .finder-links{display:flex; gap:32px; align-items:center; margin:0 0 22px}
.deal-finder .finder-links .filters-toggle{margin:0}
.deal-finder .search-wrap{display:grid; grid-template-rows:0fr; transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1)}
.deal-finder .search-wrap > .finder{overflow:hidden; min-height:0; margin:0}
.deal-finder .search-wrap.is-open{grid-template-rows:1fr}
.deal-finder .search-wrap .command{margin:4px 0 30px}
.deal-finder .dd > .dd-panel ul{-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 22px, #000 calc(100% - 56px), transparent 100%);
    mask-image:linear-gradient(to bottom, transparent 0, #000 22px, #000 calc(100% - 56px), transparent 100%)}
.deal-finder .dd > .dd-panel li{opacity:0; transform:translateY(14px); transition:opacity .45s ease, transform .55s cubic-bezier(.22,1,.36,1)}
.deal-finder .dd > .dd-panel li.is-in{opacity:1; transform:none}
@media (prefers-reduced-motion:reduce){
.deal-finder .dd > .dd-panel li{opacity:1; transform:none; transition:none}
}
.dd-scrim{background:rgba(0,16,30,.9); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px)}
.deal-finder .dd > .dd-panel{width:min(1080px, calc(100vw - 48px)); max-height:min(760px, 88vh); padding:34px 36px 26px; background:none; border:0; box-shadow:none; color:#eef4fa}
.deal-finder .dd > .dd-panel::before{color:var(--accent); font-size:11px}
.deal-finder .dd > .dd-panel input{margin:10px 0 22px; padding:0 0 12px; color:#fff; border-bottom:2px solid rgba(238,244,250,.18); font-size:clamp(2rem,4vw,3.4rem); letter-spacing:-.04em}
.deal-finder .dd > .dd-panel input::placeholder{color:rgba(238,244,250,.5)}
.deal-finder .dd > .dd-panel input:focus{border-color:var(--accent)}
.deal-finder .dd > .dd-panel ul{display:grid; grid-template-columns:repeat(auto-fill, minmax(190px, 1fr)); gap:10px; padding:4px 2px 30px; -webkit-mask-image:none; mask-image:none}
.deal-finder .dd > .dd-panel li{opacity:0; transform:translateY(18px) scale(.97)}
.deal-finder .dd > .dd-panel li.is-in{opacity:1; transform:none}
.deal-finder .dd > .dd-panel li button{position:relative; display:flex; flex-direction:column; justify-content:space-between; gap:18px; width:100%; min-height:108px; padding:14px 16px 14px;
    border:1px solid rgba(238,244,250,.12); border-radius:0; background:#002442; color:rgba(238,244,250,.78);
    font-size:clamp(1.3rem,1.9vw,1.6rem); font-weight:700; letter-spacing:-.03em; line-height:1.1; text-align:left; text-decoration:none;
    transition:background .25s ease, color .25s ease, transform .35s cubic-bezier(.22,1,.36,1), border-color .25s ease}
.deal-finder .dd > .dd-panel li button small{font-family:var(--mono); font-size:10px; font-weight:400; letter-spacing:.14em; color:rgba(238,244,250,.4)}
.deal-finder .dd > .dd-panel li button::before, .deal-finder .dd > .dd-panel li button::after{content:""; position:absolute; width:10px; height:10px; transition:all .35s cubic-bezier(.22,1,.36,1); pointer-events:none}
.deal-finder .dd > .dd-panel li button::before{top:6px; left:6px; border-top:1px solid rgba(238,244,250,.5); border-left:1px solid rgba(238,244,250,.5)}
.deal-finder .dd > .dd-panel li button::after{right:6px; bottom:6px; border-right:1px solid rgba(238,244,250,.5); border-bottom:1px solid rgba(238,244,250,.5)}
.deal-finder .dd > .dd-panel li button:hover, .deal-finder .dd > .dd-panel li button.is-active{background:#00305a; color:#fff; border-color:rgba(31,163,209,.6); transform:translateY(-3px); text-decoration:none}
.deal-finder .dd > .dd-panel li button:hover::before, .deal-finder .dd > .dd-panel li button.is-active::before{top:3px; left:3px; width:18px; height:18px; border-color:var(--green)}
.deal-finder .dd > .dd-panel li button:hover::after, .deal-finder .dd > .dd-panel li button.is-active::after{right:3px; bottom:3px; width:18px; height:18px; border-color:var(--green)}
.deal-finder .dd > .dd-panel li button[aria-selected="true"]{background:var(--accent); color:#fff; border-color:var(--accent); text-decoration:none}
.deal-finder .dd > .dd-panel li button[aria-selected="true"] small{color:rgba(255,255,255,.8)}
.deal-finder .dd-keys{position:absolute; right:36px; top:34px; font-family:var(--mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:rgba(238,244,250,.42)}
.deal-finder .dd-keys b{display:inline-block; margin:0 4px 0 10px; padding:2px 6px; border:1px solid rgba(238,244,250,.25); font-weight:400; color:#eef4fa}
.deal-finder .dd-empty{grid-column:1 / -1; padding:20px 0; font-size:1.1rem; color:rgba(238,244,250,.5)}
@media (max-width:760px){
.deal-finder .dd > .dd-panel ul{grid-template-columns:repeat(2, minmax(0,1fr))}
.deal-finder .dd-keys{display:none}
.deal-finder .dd > .dd-panel li button{min-height:80px}
}
.dd-scrim{opacity:1; background:rgba(0,10,20,0); backdrop-filter:blur(0); -webkit-backdrop-filter:blur(0);
    transition:background .5s ease, backdrop-filter .5s ease, -webkit-backdrop-filter .5s ease}
.dd-scrim.is-on{background:rgba(0,10,20,.6); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)}
html.dd-lock{overflow:hidden}
.deal-finder .dd > .dd-panel ul{grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:12px}
.deal-finder .dd > .dd-panel.dd-firms li button{min-height:152px}
.deal-finder .dd > .dd-panel li{display:flex}
.deal-finder .dd > .dd-panel li button{height:100%; min-height:132px; padding:16px 18px 16px}
@media (max-width:760px){
.deal-finder .dd > .dd-panel ul{grid-template-columns:repeat(2, minmax(0,1fr))}
.deal-finder .dd > .dd-panel li button{min-height:104px}
}
.deal-finder .console{row-gap:6px}
.deal-finder .df-headline.is-long{max-width:24ch; font-size:clamp(2rem,3.6vw,3.3rem)}
.deal-finder .select.is-set{background:none; text-decoration-line:underline}
.dd-scrim.is-on{background:rgba(255,255,255,.78); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)}
.deal-finder .dd > .dd-panel input{color:var(--navy); border-bottom-color:rgba(0,40,72,.16)}
.deal-finder .dd > .dd-panel input::placeholder{color:rgba(0,40,72,.3)}
.deal-finder .dd-keys{color:rgba(0,40,72,.5)}
.deal-finder .dd-keys b{color:var(--navy); border-color:rgba(0,40,72,.25)}
.deal-finder .dd > .dd-panel::before{color:var(--azure)}
.deal-finder .head{grid-template-columns:120px minmax(0,1fr) auto; gap:0 32px; align-items:end; margin-bottom:clamp(40px,6vh,72px)}
.deal-finder .head > div{display:contents}
.deal-finder .head .eyebrow{grid-column:1; grid-row:1; align-self:start; margin:0; padding-top:.9em; line-height:1.4}
.deal-finder .head .df-headline{grid-column:2; grid-row:1; max-width:15ch; font-size:clamp(2.4rem,4.8vw,4.4rem)}
.deal-finder .head .df-headline.is-long{max-width:21ch; font-size:clamp(1.9rem,3.4vw,3.2rem)}
.deal-finder .count{grid-column:3; grid-row:1; align-self:start; padding-top:6px !important; padding-bottom:0}
.deal-finder .finder-links{margin-left:152px; gap:36px}
.deal-finder .finder-links .filters-toggle{font-size:17px}
.deal-finder .search-wrap .command{margin-bottom:24px}
.deal-finder .active{margin-left:152px}
@media (max-width:760px){
.deal-finder .head{grid-template-columns:minmax(0,1fr)}
.deal-finder .head .eyebrow, .deal-finder .head .df-headline, .deal-finder .count{grid-column:1; grid-row:auto}
.deal-finder .head .df-headline{max-width:none}
.deal-finder .count{align-items:flex-start; padding-bottom:0}
.deal-finder .finder-links, .deal-finder .active{margin-left:0}
}
.dd-scrim.is-on{background:rgba(0,26,48,.95); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px)}
.deal-finder .dd > .dd-panel input{color:#fff; border-bottom-color:rgba(238,244,250,.18)}
.deal-finder .dd > .dd-panel input::placeholder{color:rgba(238,244,250,.42)}
.deal-finder .dd-keys{color:rgba(238,244,250,.5)}
.deal-finder .dd-keys b{color:#eef4fa; border-color:rgba(238,244,250,.28)}
.deal-finder .dd > .dd-panel::before{color:var(--accent)}
.deal-finder .dd > .dd-panel li button{background:#06345c; border-color:rgba(238,244,250,.14)}
.deal-finder .dd > .dd-panel li button:hover, .deal-finder .dd > .dd-panel li button.is-active{background:#0a4373}
.deal-finder .dd > .dd-panel li button[aria-selected="true"]{background:var(--accent)}
.deal-finder .dd > .dd-panel{top:clamp(40px,9vh,96px); bottom:0; max-height:none; padding-bottom:0; transform:translate(-50%, 18px)}
.deal-finder .dd > .dd-panel.open{transform:translate(-50%, 0)}
.deal-finder .dd > .dd-panel ul{flex:1; min-height:0; padding-bottom:22vh; scrollbar-width:none;
    -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 24vh), transparent 100%);
    mask-image:linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 24vh), transparent 100%)}
.deal-finder .dd > .dd-panel ul::-webkit-scrollbar{display:none}
.deal-finder .dd > .dd-panel li button::before, .deal-finder .dd > .dd-panel li button::after{display:none}
.deal-finder .dd > .dd-panel li button:hover, .deal-finder .dd > .dd-panel li button.is-active{transform:none; border-color:rgba(31,163,209,.7)}
.deal-finder .dd > .dd-panel li button{justify-content:flex-start; gap:8px}
.deal-finder .dd > .dd-panel li button small{text-transform:uppercase}
.deal-finder .dd > .dd-panel li button{padding:26px 26px 20px}
.deal-finder .dd > .dd-panel.dd-firms li button small{display:none}
.deal-finder .dd > .dd-panel ul{grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:12px}
.deal-finder .dd > .dd-panel li button{height:112px; min-height:0; justify-content:center; gap:8px; padding:0 24px 0 28px; overflow:hidden;
    background:#0b3a64; border:1px solid rgba(238,244,250,.12); color:rgba(238,244,250,.9); font-size:clamp(1.35rem,1.8vw,1.6rem); line-height:1.08}
.deal-finder .dd > .dd-panel li button small{font-size:10px; letter-spacing:.16em; color:rgba(238,244,250,.5)}
.deal-finder .dd > .dd-panel li button::before{content:""; display:block; position:absolute; left:0; top:0; bottom:0; width:3px; border:0; background:var(--accent);
    transform:scaleY(0); transition:transform .35s cubic-bezier(.22,1,.36,1)}
.deal-finder .dd > .dd-panel li button:hover, .deal-finder .dd > .dd-panel li button.is-active{background:#0f4a7c; border-color:rgba(31,163,209,.7); color:#fff}
.deal-finder .dd > .dd-panel li button:hover::before, .deal-finder .dd > .dd-panel li button.is-active::before{width:3px; height:auto; top:0; left:0; transform:none}
.deal-finder .dd > .dd-panel li button[aria-selected="true"]{background:var(--accent); border-color:var(--accent); color:#fff}
.deal-finder .dd > .dd-panel li button[aria-selected="true"] small{color:rgba(255,255,255,.8)}

/* member firm tiles (picker card lab design 4, without the figures): a white logo square beside the
   name and home country; an arrow slides in on hover */
.deal-finder .dd > .dd-panel.dd-firms li button{height:132px; padding:0 22px; justify-content:center; background:rgba(238,244,250,.03); border:1px solid rgba(238,244,250,.12); color:#fff; font-size:clamp(1rem,1.2vw,1.12rem)}
.deal-finder .dd > .dd-panel.dd-firms li button:hover, .deal-finder .dd > .dd-panel.dd-firms li button.is-active{background:rgba(31,163,209,.1); border-color:var(--accent)}
.deal-finder .dd > .dd-panel.dd-firms li button[aria-selected="true"]{background:rgba(31,163,209,.18); border-color:var(--accent)}
.deal-finder .dd > .dd-panel.dd-firms li button::before{display:none}
.deal-finder .df-firm{display:flex; align-items:center; gap:16px; min-width:0}
.deal-finder .df-logo{flex:none; width:54px; height:54px; padding:5px; background:#fff; border-radius:2px; object-fit:contain}
.deal-finder .df-firm-name{display:block; font-weight:700; letter-spacing:-.02em; line-height:1.12; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.deal-finder .df-firm-where{display:block; margin-top:5px; font-family:var(--mono); font-size:10px; font-weight:400; letter-spacing:.16em; text-transform:uppercase; color:rgba(238,244,250,.5)}
.deal-finder .df-arrow{position:absolute; top:16px; right:18px; color:var(--accent); opacity:0; transform:translateX(-6px); transition:opacity .3s, transform .3s cubic-bezier(.22,1,.36,1)}
.deal-finder .dd-panel.dd-firms li button:hover .df-arrow, .deal-finder .dd-panel.dd-firms li button.is-active .df-arrow{opacity:1; transform:none}
.deal-finder .dd > .dd-panel.dd-firms li button small{display:none}
@media (max-width:760px){ .deal-finder .dd > .dd-panel.dd-firms li button{height:112px; padding:0 14px} .deal-finder .df-logo{width:40px; height:40px} }

/* on the site: the finder sits at the top of the results, the deals load under it */
.deal-finder{margin-bottom:clamp(36px,5vh,64px)}
.deal-finder .head{display:grid}
.deal-finder .df-headline{color:var(--navy)}
.deal-finder .key, .deal-finder .select{box-shadow:none; min-height:0}
.deal-finder .command input[type=search]{-webkit-appearance:none; appearance:none; padding:0; height:auto; box-shadow:none}
.deal-finder .dd-panel input[type=search]{-webkit-appearance:none; appearance:none; box-shadow:none; height:auto; background:none}
.deals-grid.is-loading{opacity:.45; transition:opacity .2s}

/* the pickers open above the site header: the backdrop and the picker layer sit over everything */
.dd-scrim{z-index:200}
.df-layer{position:fixed; top:0; left:0; width:0; height:0; z-index:210}
/* the site's numbered eyebrows don't apply: the finder numbers its own labels */
.deal-finder .eyebrow::before{content:none; display:none}
.deal-finder .eyebrow{counter-increment:none}

/* the "01 / Deals" eyebrow sits above the headline, on its text edge */
@media (min-width:761px){
  .deal-finder .head .eyebrow{grid-column:2; grid-row:1; padding-top:0; margin:0 0 18px}
  .deal-finder .head .df-headline{grid-column:2; grid-row:2}
  .deal-finder .count{grid-row:2}
}

/* iPad: three country tiles across, firm tiles a little shorter */
@media (min-width:761px) and (max-width:1100px){
  .deal-finder .dd > .dd-panel ul{grid-template-columns:repeat(3, minmax(0,1fr))}
  .deal-finder .dd > .dd-panel.dd-firms ul{grid-template-columns:repeat(2, minmax(0,1fr))}
  .deal-finder .dd > .dd-panel.dd-firms li button{height:112px}
}
/* phones: the picker uses the whole width; countries two across, firms one across and compact */
@media (max-width:760px){
  .deal-finder .count{margin-top:16px}
  .deal-finder .dd > .dd-panel{width:calc(100vw - 32px); padding-left:0; padding-right:0}
  .deal-finder .dd > .dd-panel input{font-size:1.9rem}
  .deal-finder .dd > .dd-panel ul{grid-template-columns:repeat(2, minmax(0,1fr)); gap:8px}
  .deal-finder .dd > .dd-panel li button{height:84px; padding:0 12px 0 16px; font-size:1.1rem}
  .deal-finder .dd > .dd-panel.dd-firms ul{grid-template-columns:minmax(0,1fr)}
  .deal-finder .dd > .dd-panel.dd-firms li button{height:84px; padding:0 16px}
  .deal-finder .df-logo{width:44px; height:44px}
}
.deal-finder .dd > .dd-panel.dd-firms li button{min-height:0}

/* the headline, links and summary start on the same left edge as the deal cards; the filter
   labels keep their own column inside the filters */
.deal-finder .head{grid-template-columns:minmax(0,1fr) auto}
@media (min-width:761px){
  .deal-finder .head .eyebrow, .deal-finder .head .df-headline{grid-column:1}
  .deal-finder .count{grid-column:2}
}
.deal-finder .finder-links, .deal-finder .active{margin-left:0}
.deal-finder .search-wrap .finder{grid-template-columns:minmax(0,1fr)}
.deal-finder .search-wrap .finder > span:first-child{display:none}

/* the Deals eyebrow follows the site's eyebrows: bold sans, title case */
.deal-finder .head .eyebrow{font-family:inherit; font-size:1.32rem; font-weight:700; letter-spacing:-.024em; text-transform:capitalize; color:var(--azure)}

/* the Deals finder eyebrow is green too */
.deal-finder .head .eyebrow{color:var(--green)}

/* Search: a full-screen panel like the pickers; matches list as large lines */
.deal-finder .dd > .dd-panel.dd-search{width:min(980px, calc(100vw - 40px))}
.deal-finder .dd > .dd-panel.dd-search ul{display:block; overflow:auto}
.deal-finder .dd > .dd-panel.dd-search li{opacity:1; transform:none; border-bottom:1px solid rgba(238,244,250,.1)}
.deal-finder .dd > .dd-panel.dd-search li a{display:block; padding:16px 0; color:rgba(255,255,255,.72); font-size:clamp(1.2rem,1.9vw,1.7rem); font-weight:700; letter-spacing:-.025em; line-height:1.2; text-decoration:none; transition:color .2s}
.deal-finder .dd > .dd-panel.dd-search li a small{display:block; margin-bottom:6px; font-family:var(--mono); font-size:11px; font-weight:400; letter-spacing:.12em; text-transform:uppercase; color:var(--accent)}
.deal-finder .dd > .dd-panel.dd-search li a:hover, .deal-finder .dd > .dd-panel.dd-search li a.is-active{color:#fff}
.deal-finder .dd > .dd-panel.dd-search .dd-search-count{margin:0 0 8px; font-family:var(--mono); font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:rgba(238,244,250,.55)}
@media (max-width:760px){ .deal-finder .dd > .dd-panel.dd-search li a{font-size:1.1rem; padding:12px 0} }