.green-site .realistic-layer-grid{align-items:center}.green-site .realistic-layer-visual{background:#f1efec;border:1px solid #e3e5dd;padding:0;overflow:hidden}.green-site .realistic-cutaway{isolation:isolate;width:100%;max-width:500px;margin-inline:auto;position:relative}.green-site .realistic-cutaway>img{aspect-ratio:1122/1402;object-fit:contain;width:100%;height:auto;display:block}.green-site .layer-hotspots{position:absolute;inset:0}.green-site .layer-hotspot{cursor:pointer;background:0 0;border:0;align-items:center;width:26%;height:42px;padding:0;display:flex;position:absolute;left:4%;transform:translateY(-50%)}.green-site .layer-hotspot>span{color:#254731;background:#fffffff2;border:1px solid #627a64;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:15px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:grid}.green-site .layer-hotspot>i{background:#7b907d;flex:1;height:1px;position:relative}.green-site .layer-hotspot>i:after{content:"";background:#627a64;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:0}.green-site .layer-hotspot.selected>span,.green-site .layer-hotspot:hover>span{color:#fff;background:#17392e;border-color:#17392e;box-shadow:0 0 0 5px #17392e18}.green-site .layer-hotspot.selected>i{background:#17392e;height:2px}.green-site .layer-hotspot:focus-visible{outline-offset:4px;border-radius:4px;outline:3px solid #17392e}.green-site .realistic-layer-visual .diagram-note{margin:0;padding:16px 22px 0;font-size:14px}.green-site .realistic-layer-visual .diagram-note svg{flex:0 0 16px;width:16px;height:16px}.green-site .cutaway-note{color:#687266;margin:0;padding:10px 22px 20px;font-size:12px;line-height:1.5}@media (max-width:850px){.green-site .realistic-cutaway{max-width:560px;margin:auto}.green-site .realistic-layer-grid{gap:30px}}@media (max-width:560px){.green-site .realistic-layer-visual{padding:0}.green-site .layer-hotspot{width:27%;left:3%}.green-site .layer-hotspot>span{flex-basis:30px;width:30px;height:30px;font-size:14px}.green-site .realistic-layer-visual .diagram-note{padding-inline:15px;font-size:13px}.green-site .cutaway-note{padding-inline:15px}}@media (prefers-reduced-motion:reduce){.green-site .layer-hotspot>span{transition:none}}