.vertical-farm-visual{background:radial-gradient(circle at 70% 20%,#b1e23c38,#0000 28%),linear-gradient(145deg,#173f34,#071d17);border-radius:8px;place-items:center;width:100%;min-height:420px;display:grid;overflow:hidden}.vf-room{border:5px solid #ffffff4d;gap:15px;width:min(78%,620px);height:82%;padding:22px;display:grid;transform:perspective(900px)rotateY(-7deg);box-shadow:24px 24px 60px #00000059}.vf-level{background:linear-gradient(#b9e63c 0 7px,#0000 7px),repeating-linear-gradient(90deg,#1c6b48 0 22px,#2f9968 22px 42px);border:4px solid #9baaa4;border-top:13px solid #dae4df;justify-content:space-around;align-items:end;padding:10px;display:flex;position:relative}.vf-level i{background:#edfff7;height:8px;position:absolute;inset:-13px 8% auto;box-shadow:0 5px 22px #caff6c}.vf-level span{background:#6fc26f;border-radius:50% 50% 35% 35%;width:22px;height:28px}.vf-level b{background:#55bfa0;width:20px;height:8px;position:absolute;top:40%;right:-18px}.service-explainer>.vertical-farm-visual{min-height:560px}.vertical-system{color:#fff;background:#0b2c23}.vertical-system h2{color:#fff}.vertical-system .service-intro{color:#dce9e3}.vertical-system-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;margin-top:34px;display:grid}.vf-interactive{position:relative}.vf-hotspot{color:#fff;background:#174b3b;border:2px solid #fff;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:800;transition:all .2s;display:grid;position:absolute}.vf-hotspot[aria-pressed=true]{background:var(--lime);color:#0b2c23;transform:scale(1.12)}.vf-layer-list{gap:8px;display:grid}.vf-layer-list button{text-align:left;color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:5px;min-height:72px;padding:14px 18px}.vf-layer-list button[aria-pressed=true]{border-color:var(--lime);background:#b1e23c1f}.vf-layer-list strong,.vf-layer-list span{display:block}.vf-layer-list span{color:#cbdcd4;margin-top:5px;line-height:1.4}.vf-hotspot:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.vf-layer-list button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}@media (max-width:899px){.vertical-system-grid{grid-template-columns:1fr}.service-explainer>.vertical-farm-visual{min-height:420px}}@media (max-width:599px){.vertical-farm-visual{min-height:330px}.vf-room{width:86%}.vf-layer-list button{min-height:64px}}@media (prefers-reduced-motion:reduce){.vf-hotspot{transition:none}}.vertical-farm-photo{aspect-ratio:8/3;border-radius:8px;width:100%;display:block;overflow:hidden}.vertical-farm-photo img{object-fit:cover;object-position:64% center;width:100%;height:100%;display:block}.service-explainer>.vertical-farm-photo{align-self:start}.service-hero>.vertical-farm-photo-hero{z-index:-2;aspect-ratio:auto;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.service-hero>.vertical-farm-photo-hero img{object-position:62% center}@media (max-width:599px){.vertical-farm-photo{aspect-ratio:4/3}.vertical-farm-photo img{object-position:68% center}.service-hero>.vertical-farm-photo-hero img{object-position:66% center}}.vf-interactive>.vertical-farm-photo{aspect-ratio:auto;border-radius:8px;height:100%;min-height:420px;position:relative}.vf-interactive>.vertical-farm-photo:after{content:"";pointer-events:none;background:#071c1514;position:absolute;inset:0}.vf-interactive>.vertical-farm-photo img{object-position:68% center}.vf-interactive>.vf-hotspot{z-index:1}.vf-hotspot-0{top:43%;left:79%}.vf-hotspot-1{top:25%;left:55%}.vf-hotspot-2{top:47%;left:58%}.vf-hotspot-3{top:12%;left:32%}.vf-hotspot-4{top:29%;left:78%}@media (max-width:899px){.vf-interactive>.vertical-farm-photo{min-height:420px}}@media (max-width:599px){.vf-interactive>.vertical-farm-photo{aspect-ratio:auto;min-height:330px}.vf-interactive>.vertical-farm-photo img{object-position:72% center}.vf-hotspot-0{top:44%;left:79%}.vf-hotspot-1{top:25%;left:40%}.vf-hotspot-2{top:48%;left:45%}.vf-hotspot-3{top:12%;left:24%}.vf-hotspot-4{top:30%;left:78%}}