:root{--hg-orange:#ce8d00;--hg-white:#fff;--hg-cell:calc(100vw / 9);--hg-grid-min-width:800px}.hero-grid,.hero-grid-overlay{width:calc(var(--hg-cell) * 10);left:50%;top:calc((100% - var(--hg-cell) * 4) * .38);grid-template-columns:repeat(10,1fr);grid-auto-rows:var(--hg-cell);pointer-events:none;display:grid;position:absolute;transform:translate(-50%)}.hero-grid{z-index:2;mix-blend-mode:difference}.hero-grid-overlay{z-index:5}@media (max-width:799.98px){.hero-grid,.hero-grid-overlay{display:none}}.cell{position:relative}.cell:before{content:"";aspect-ratio:1;border:1px solid #d9d9d914;border-radius:50%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cell:is(.s-low-h,.s-mid-h,.s-high-h,.dest-h):before{aspect-ratio:auto;background:rgb(217 217 217/var(--pill-alpha,1));border-color:#0000;border-radius:999px;left:0;right:-100%;transform:translateY(-50%)}.cell.s-low-h{--pill-alpha:.2}.cell.s-mid-h{--pill-alpha:.7}.ocell{position:relative}.ocell.dest-box:before{content:"";border:2px solid var(--hg-orange);border-radius:999px;height:100%;position:absolute;top:50%;left:0;right:-100%;transform:translateY(-50%)}.ocell.dest-text:after{content:attr(data-text);text-align:center;color:var(--hg-white);letter-spacing:.06em;white-space:nowrap;font-family:Courier New,monospace;font-size:clamp(11px,1.4vw,36px);line-height:1;position:absolute;top:50%;left:0;right:-100%;transform:translateY(-50%)}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg .slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.hero-bg .slide.active{opacity:1}.hero-bg .texture{object-fit:cover;mix-blend-mode:overlay;opacity:.3;pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.hero-bg .texture.off{opacity:0}