#dairy-grid .grid-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}#dairy-grid .grid-diagram.hg{position:relative;padding:0;border:0;border-radius:0;background:none;box-shadow:none;height:min(calc(100svh - 150px),640px);min-height:420px}.hg:before{content:"";position:absolute;inset:4% 2% 14%;border-radius:50%;background:radial-gradient(closest-side,#f2ce501f,#f2ce5000);pointer-events:none}.hg.is-3d{cursor:grab;touch-action:pan-y}.hg .ab-grid-stage-host{position:absolute;left:0;top:0;width:100%;height:calc(100% - 84px);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 58%,transparent 100%)}.hg .ab-grid-3d{position:absolute;inset:0;width:100%;height:100%}.hg .dg-stages{position:absolute;left:0;right:0;bottom:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.hg .dg-stages button{min-height:36px;padding:0 14px;border-radius:99px;border:1px solid rgba(246,241,228,.28);background:#0b201699;color:#e7efe5;font:600 12.5px/1 var(--sans);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s,transform .16s cubic-bezier(.23,1,.32,1)}.hg .dg-stages button:hover{border-color:#f6f1e499}.hg .dg-stages button:active{transform:scale(.97)}.hg .dg-stages button[aria-pressed=true]{background:#f2ce50;color:#193e2e;border-color:#f2ce50}.hg .dg-stages button:focus-visible{outline:2px solid #fff;outline-offset:2px}.hg-foot{position:absolute;left:0;right:0;bottom:6px;margin:0;text-align:center;font:500 14px/1.3 var(--sans);color:#f6f1e4c7}@media(max-width:980px){#dairy-grid .grid-layout{grid-template-columns:1fr}#dairy-grid .grid-diagram.hg{height:clamp(440px,118vw,560px)}.hg .ab-grid-stage-host{height:calc(100% - 120px)}.hg .dg-stages{bottom:44px}.hg .dg-stages button{min-height:34px;padding:0 11px;font-size:12px}}#dairy-grid .grid-diagram.hg>p.hg-foot{border:0;padding:0;margin:0}