.gf{position:relative;padding-bottom:28px}
.gf-serp{margin-right:17%}
.gf-p{position:absolute;right:0;bottom:0;z-index:1;width:min(30%, 200px);display:grid}
.gf-p .gf-f{grid-area:1 / 1}
.gf-p .dv-link{box-shadow:var(--dv-shadow), 0 0 0 1.5px var(--device-edge) inset, 0 30px 60px -30px var(--ink-a55)}
.gf-p .dv-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gf-draw{display:grid;gap:14px;padding:14px 18px 18px;font-size:13px}
.gf-q{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:99px;background:var(--surface);
  box-shadow:0 0 0 1px var(--line-2), 0 6px 14px -10px var(--ink-a40);color:var(--ink);font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden}
.gf-q svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round}
.gf-caret{flex:none;width:2px;height:18px;margin-left:-8px;border-radius:1px;background:var(--ink);opacity:0}
.gf-lab{margin:0 0 8px}
.gf-lab .chip{margin-top:0}
.gf-map{display:block;width:100%;height:auto;border-radius:12px}
.gm-land{fill:var(--map-land)}
.gm-water{fill:var(--map-water)}
.gm-park{fill:var(--map-park)}
.gm-road{fill:none;stroke:var(--white);stroke-width:7;stroke-linecap:round}
.gm-road2{fill:none;stroke:var(--white);stroke-width:3}
.gm-pin path{fill:var(--ink-2)}
.gm-pin circle{fill:var(--white)}
.gf-ls,.gf-rs{list-style:none;margin:0;padding:0;display:grid}
.gf-ls{gap:10px;margin-top:10px}
.gf-rs{gap:14px}
.gf-l,.gf-r{display:grid;gap:6px;justify-items:start}
.gh{display:block;width:88%;height:8px;border-radius:99px;background:var(--ghost)}
.gh--name{width:44%;height:10px;background:var(--job-bar)}
.gh--meta{width:60%}
.gh--url{width:32%;height:7px}
.gh--title{width:68%;height:11px;background:var(--job-bar)}
.gh--b{width:36%}
.gh--c{width:52%}
.gf-st{display:flex;gap:3px}
.gf-st i{width:9px;height:9px;background:var(--line-2);
  clip-path:polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}
.gf-hero.is-live .gf-caret{opacity:var(--caret, 0)}
.gf-hero.is-live .gm-pin{opacity:var(--v, 1);transform:translateY(calc((1 - var(--v, 1)) * -10px))}
.gf-hero.is-live .gf-l,.gf-hero.is-live .gf-r,.gf-hero.is-live .gf-lab{opacity:var(--v, 1);transform:translateY(calc((1 - var(--v, 1)) * 8px))}
.gf-hero.is-live .gf-f{opacity:var(--v, 0)}
.gf-hero .gf-f:not(.is-on):not(.is-out),.gf-hero:not(.is-live) .gf-f:not(.is-on){visibility:hidden}
.gf-codes{margin-top:28px}
.gf-dc{list-style:none;margin:0;padding:14px 20px 18px;display:flex;flex-wrap:wrap;gap:6px}
.gf-dc .dc{padding:2px 8px;border-radius:99px;background:var(--k1-bg);color:var(--k1-t);font-size:.75rem;font-weight:650;line-height:1.5;
  font-variant-numeric:tabular-nums}
.gf-names,.gf-rep{margin-top:28px}
.gf-names .win-body,.gf-rep .win-body{padding:4px 20px 8px}
.gf-names .facts,.gf-rep .facts{border-top:0}
.gf-names .facts div:last-child,.gf-rep .facts div:last-child{border-bottom:0}
.gf-jobs{margin-top:40px}
.gf-more{margin-top:24px;font-weight:650}
@media (max-width:699px){
  .gf{padding-bottom:20px}
  .gf-serp{margin-right:0}
  .gf-p{right:-6px;width:40%}
  .gf-draw{padding:12px 14px 16px;gap:12px}
  .gf-names .facts div,.gf-rep .facts div{grid-template-columns:minmax(0, 1fr);gap:2px}
}
